:root{--paper:#f2f1e9;--ink:#101310;--orange:#ff6507;--lime:#b1ff25}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid var(--ink);outline-offset:6px}.skip-link{position:fixed;left:15px;top:-100px;z-index:30;padding:12px;background:var(--lime)}.skip-link:focus{top:15px}.portfolio{width:100%;max-width:1600px;margin:0 auto;container-type:inline-size;overflow:hidden}.collage{position:relative;height:114.4cqw;isolation:isolate}.micro{font-family:'Courier New',monospace;font-size:max(12px,1cqw);font-weight:600;line-height:1.26;margin:0}.light{color:var(--paper)}.dash{display:block;width:1.9cqw;min-width:20px;border-top:1px solid currentColor;margin-top:1.3cqw}.cross{display:block;font-size:2.4cqw;font-weight:400;line-height:1;margin-top:1.2cqw}.surname{position:absolute;top:-6.2cqw;left:-1.6cqw;margin:0;font-family:'Arial Black',Arial,sans-serif;font-weight:900;font-size:34.8cqw;line-height:.88;letter-spacing:-2.5cqw;white-space:nowrap;width:72%;overflow:hidden;height:44cqw;z-index:-1}.surname span{display:block;transform:scaleX(.84);transform-origin:left top}.first-name{position:absolute;left:1.7%;top:.6cqw;color:var(--paper);font-size:2.3cqw;letter-spacing:-.1cqw;text-decoration:none}.disciplines{position:absolute;left:23%;top:.9cqw}.ideas{position:absolute;left:22.5%;top:18.2cqw}.location{position:absolute;left:62%;top:15.3cqw}.coordinates{position:absolute;left:1.8%;top:21.1cqw}.main-nav{position:absolute;right:0;top:0;width:24.5%;height:8.7cqw;background:var(--ink);display:flex;align-items:center;justify-content:center;padding:1.6cqw 1.7cqw 1.6cqw 2.5cqw;z-index:6}.main-nav:before{content:'';position:absolute;inset:1.65cqw 1.7cqw 1.65cqw 2.5cqw;background:var(--paper);z-index:-1}.main-nav a{font-size:max(14px,1.25cqw);text-underline-offset:4px;margin:0 auto}.main-nav a:hover{color:#d64d00}.complex{position:absolute;right:3.1%;top:14.1cqw}.clarity{position:absolute;left:78.5%;top:27.3cqw}.one{position:absolute;left:81.7%;top:19.7cqw;font-family:'Arial Black',Arial,sans-serif;font-size:90cqw;font-weight:900;line-height:.84;letter-spacing:-6cqw;z-index:-1;transform:scaleX(.82);transform-origin:left top}.right-coordinates{position:absolute;left:92.2%;top:54.8cqw}.three{position:absolute;top:30.9cqw;left:-1.8%;font-family:'Arial Black',Arial,sans-serif;font-size:34cqw;font-weight:900;line-height:.82;letter-spacing:-3cqw;z-index:-1}.project h2,.project p{margin:0}.project h2{font-size:max(14px,1.25cqw)}.project p{font-size:max(14px,1.2cqw);line-height:1.17}.fass{position:absolute;inset:0;pointer-events:none}.fass-caption{position:absolute;left:3.6%;top:28.8cqw;scroll-margin:2rem}.fass-diagram{position:absolute;left:35.6%;top:21.8cqw;width:34.7%;height:20.8cqw;object-fit:fill;border:1px solid #a9aaa2}.platforms{position:absolute;left:20.4%;top:41.3cqw}.fass .platforms{font-size:max(12px,1cqw);line-height:1.28}.fass-outcome{position:absolute;left:2.3%;top:58.1cqw}.intro{position:absolute;left:37%;top:44.7cqw;width:33%;scroll-margin:30px}.intro h2{font-size:3.1cqw;font-weight:400;line-height:1.1;letter-spacing:-.07cqw;margin:0 0 1.5cqw}.intro p{font-family:'Courier New',monospace;font-size:max(12px,1cqw);margin:0;white-space:nowrap;letter-spacing:-.035cqw}.intro p span{margin:0 .7cqw}.direction-arrow{position:absolute;left:65%;top:45.4cqw;width:24%;z-index:5}.direction-arrow svg{display:block;width:100%;fill:none;stroke:var(--ink);stroke-width:5;stroke-linecap:round;stroke-linejoin:miter}.project-rail{position:absolute;left:70.65%;top:0;bottom:0;width:4.9%;background:var(--orange);z-index:3;display:grid;grid-template-rows:repeat(4,1fr)}.project-rail a{padding:1.7cqw 1.3cqw;text-decoration:none;display:flex;align-items:center;gap:1cqw;font-size:1.5cqw;font-weight:700;writing-mode:vertical-rl;position:relative;transition:background .2s}.project-rail a:first-child{writing-mode:horizontal-tb;flex-direction:column;gap:.7cqw}.project-rail a:hover,.project-rail a.is-active{background:#e95200}.project-rail i{width:1px;flex:1;background:var(--ink);margin:1.3cqw 0 0}.project-rail a:first-child i{min-height:11cqw;margin-top:3cqw;position:relative}.project-rail a:first-child i:before{content:'';position:absolute;top:-2.8cqw;left:-1cqw;width:2cqw;border-top:1px solid}.launch{position:absolute;left:1.5%;top:67.5cqw;display:flex;flex-direction:column;align-items:flex-start}.launch span{display:block;color:var(--paper);background:var(--ink);border:3px solid var(--paper);font-size:3.1cqw;font-weight:700;line-height:1.15;padding:0 .25cqw;width:9cqw}.launch span:nth-child(2){margin-left:2.3cqw;width:12cqw}.launch span:nth-child(3){margin-left:6.5cqw;width:12cqw}.launch span:nth-child(4){margin-left:10.3cqw;width:14.3cqw}.hemkop{position:absolute;left:22.6%;top:64.4cqw;width:70%;height:24.8cqw;z-index:8;background:var(--lime);transform:rotate(8deg);transform-origin:center;scroll-margin:6rem;transition:transform .35s}.hemkop:hover{transform:rotate(6deg)}.hemkop-index{position:absolute;left:3%;top:1.5cqw;font-family:'Courier New',monospace;font-size:1.3cqw}.hemkop h2{font-family:'Arial Black',Arial,sans-serif;font-weight:900;position:absolute;left:11%;top:.3cqw;font-size:15.4cqw;line-height:.82;letter-spacing:-1cqw}.hemkop h2 span{display:block}.hemkop h2 span:nth-child(2){margin-left:6cqw}.hemkop p{position:absolute;right:6.5%;top:5cqw;font-family:'Courier New',monospace;font-size:max(14px,1.15cqw);line-height:1.4}.rekord{position:absolute;left:1.7%;top:84cqw;width:24%;scroll-margin:2rem}.rekord img{width:100%;height:auto;display:block;border-bottom:1px solid #777;padding-bottom:.5cqw}.rekord div{padding:.65cqw .6cqw}.rekord h2{margin:0}.human-note{position:absolute;left:27.5%;top:89.5cqw;width:10%;height:19.2cqw;display:flex;flex-direction:column;justify-content:space-between}.human-note b{font-family:Arial,sans-serif;font-size:1.3cqw}.context-art{position:absolute;left:38%;top:88.7cqw;width:23%;height:auto;mix-blend-mode:multiply}.systems{position:absolute;left:62.4%;top:104cqw}.bilia{position:absolute;left:76.8%;top:94.3cqw;width:21.5%;height:17.8cqw;scroll-margin:2rem}.bilia-index{position:absolute;top:-1.6cqw;left:1cqw;color:var(--orange);font-family:'Courier New',monospace;font-size:1.3cqw}.bilia h2{position:absolute;left:0;top:0;background:var(--orange);writing-mode:vertical-rl;transform:rotate(180deg);font-family:'Arial Black',Arial,sans-serif;font-size:7.2cqw;line-height:1;letter-spacing:-.35cqw;padding:.7cqw .3cqw;height:100%}.bilia p{position:absolute;left:49%;top:.3cqw}.bilia img{position:absolute;left:34%;bottom:0;width:66%;height:auto;mix-blend-mode:multiply}footer{position:relative;border-top:2px dotted var(--ink);min-height:28cqw;padding-top:1.8cqw;isolation:isolate}footer h2{font-family:'Arial Black',Arial,sans-serif;font-size:27.8cqw;font-weight:900;letter-spacing:-1.5cqw;line-height:.87;margin:0 0 0 .7%;color:transparent;-webkit-text-stroke:2px var(--ink)}.email{position:absolute;left:9.1%;top:7.2cqw;font-size:max(16px,1.4cqw);text-decoration:none;border-bottom:1px solid;padding-bottom:.6cqw;background:var(--paper)}.email:hover{background:var(--lime)}.welcome{position:absolute;right:1.6%;top:6cqw}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:2cqw;font-family:'Courier New',monospace;font-size:12px;border-top:1px solid #aaa}.footer-bottom a{text-underline-offset:4px}
@media(min-width:1600px){.portfolio{border-left:1px solid #aaa;border-right:1px solid #aaa}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Individually placed letterforms preserve the reference's irregular scale. */
@media(min-width:0px){.surname{top:0;left:0;width:70.6%;height:62cqw;overflow:hidden;font-size:35cqw;letter-spacing:-2cqw}.surname span{position:absolute;top:-6cqw;line-height:.88;transform-origin:left top}.surname .letter-s{left:-1.5cqw;transform:scaleX(.83)}.surname .letter-a{left:16.4cqw;top:2.7cqw;font-size:45cqw;transform:scale(.7,1.65)}.surname .letter-i{left:31.7cqw;transform:scaleX(.68)}.surname .letter-n{left:37cqw;transform:scaleX(.69)}.surname .letter-z{left:54.3cqw;transform:scaleX(.8)}.one{left:77%;transform:scaleX(.35)}.bilia h2{font-size:6.5cqw}}

@media(min-width:701px){.surname .letter-a{top:-1.6cqw;transform:scale(.55,1.8)}.one{left:81.3%}.ideas,.platforms{background:var(--paper);padding:3px 4px}.location{background:var(--ink);padding:2px;width:8.5%}.fass-outcome{background:var(--paper);padding:3px;width:fit-content}}
@media(min-width:701px){.one{left:83.8%;top:24.8cqw;width:15.6%;height:65.1cqw;background:var(--ink);font-size:0;transform:none;clip-path:polygon(0 16%,73% 0,100% 0,100% 100%,36% 100%,36% 21%,0 28%)}footer h2{font-size:34.2cqw}}

/* The orange index becomes a continuous, scroll-driven elevator shaft. */
.project-rail{z-index:15;display:block;border-left:1px solid var(--ink);border-right:1px solid var(--ink);overflow:visible;background:var(--orange)}
.project-rail:before,.project-rail:after{content:'';position:absolute;top:0;bottom:0;width:1px;background:rgba(16,19,16,.35);pointer-events:none}
.project-rail:before{left:10%}.project-rail:after{right:10%}
.project-rail a,.project-rail a:first-child{position:absolute;left:0;right:0;height:auto;min-height:44px;padding:4px 0;display:flex;flex-direction:row;align-items:center;justify-content:center;writing-mode:horizontal-tb;gap:4px;font-family:'Courier New',monospace;font-size:clamp(10px,1cqw,14px);line-height:1.1;z-index:3;letter-spacing:-.05em;background:var(--orange)}
.project-rail a strong{font-size:.9em}.project-rail a i{display:none}.project-rail a:hover,.project-rail a.is-active{background:var(--ink);color:var(--orange)}
.elevator-visual{position:absolute;inset:0;pointer-events:none;z-index:4}
.shaft-cable{position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(16,19,16,.6)}
.elevator-car{position:absolute;top:0;left:11%;width:var(--car-width,78%);height:var(--car-height,90px);will-change:transform;--doors-open:1}
.car-back{position:absolute;inset:0;background:#cf4d00;box-shadow:inset 0 0 12px #6f2f0033}
.car-roof{position:absolute;left:15%;right:15%;top:-5px;height:5px;border:1px solid var(--ink);background:var(--orange)}
.car-frame{position:absolute;inset:0;border:2px solid var(--ink);z-index:5;pointer-events:none}
.car-sill{position:absolute;left:-3px;right:-3px;bottom:-3px;height:4px;background:var(--ink);z-index:6}
.door-viewport{position:absolute;inset:2px;overflow:hidden;z-index:4;pointer-events:none}
.elevator-door{position:absolute;top:0;bottom:0;width:50%;background:var(--orange);border:1px solid var(--ink);will-change:transform}
.door-left{left:0;transform:translateX(calc(var(--doors-open) * -100%));background:linear-gradient(90deg,#e85800,var(--orange))}
.door-right{right:0;transform:translateX(calc(var(--doors-open) * 100%));background:linear-gradient(90deg,var(--orange),#e85800)}
.elevator-person{position:absolute;left:50%;margin-left:calc(var(--car-height) * -.22);bottom:3px;width:calc(var(--car-height) * .44);height:calc(var(--car-height) * .44);z-index:2;transform-origin:50% 100%;will-change:transform}
.person-sprite{width:100%;height:100%;background-image:url('assets/pony-sprite.svg');background-size:600% 100%;background-repeat:no-repeat;background-position:calc(var(--frame,0) * 20%) 0;filter:drop-shadow(2px 2px 0 #0002)}

@media(prefers-reduced-motion:reduce){.elevator-car,.elevator-person,.elevator-door{will-change:auto}.person-sprite{filter:none}}

/* häst: gig-panel i FASS-ytan, spelade konserter genomstrukna */
.gigs-panel{position:absolute;left:35.6%;top:21.8cqw;width:34.7%;min-height:20.8cqw;background:var(--paper);border:1px solid var(--ink);padding:1.2cqw 1.4cqw;pointer-events:auto;overflow:hidden}
.gigs-panel .fass-caption{position:static;margin:0 0 1cqw;scroll-margin:0}
.gigs-panel h2{font-family:'Arial Black',Arial,sans-serif;font-size:max(18px,2.6cqw);margin:0}
.gigs-panel p{font-family:'Courier New',monospace;font-size:max(12px,1cqw);margin:.4cqw 0 0}
.gig-list{list-style:none;margin:0;padding:0;font-size:max(13px,1.15cqw)}
.gig-list li{display:grid;grid-template-columns:auto 1fr;gap:.2cqw 1.4cqw;padding:.7cqw 0;border-top:1px solid var(--ink)}
.gig-date{font-family:'Courier New',monospace;font-weight:700;white-space:nowrap}
.gig-venue{font-weight:700}
.gig-city{color:#55574f}
.gig-past{color:#77786f}
.gig-past .gig-date,.gig-past .gig-venue{text-decoration:line-through;text-decoration-thickness:2px}
.gig-empty{display:block;color:#55574f}
.gig-list a{font-weight:700}
.quotes{list-style:none;margin:0;padding:0;font-size:max(13px,1.15cqw);line-height:1.3}
.quotes li{padding:.6cqw 0;border-top:1px solid var(--ink)}
.quotes cite{display:block;font-style:normal;font-family:'Courier New',monospace;font-size:max(11px,.95cqw);color:#55574f}
.welcome-note{position:absolute;right:1.6%;top:13cqw;max-width:22cqw;font-size:max(11px,.95cqw);opacity:.8}
.footer-bottom .social{display:flex;gap:2cqw;flex-wrap:wrap}
.footer-bottom .social a{text-underline-offset:4px}


/* häst: citat-sektion under collagen, läsbar text */
.bilia-note{position:absolute;left:76.8%;top:94.3cqw;width:21.5%;font-family:'Courier New',monospace;font-size:max(12px,1.05cqw);margin:0}
.quotes-section{max-width:760px;margin:0 auto;padding:40px 16px;border-top:3px solid var(--ink)}
.quotes-section h2{font-family:'Arial Black',Arial,sans-serif;font-size:34px;margin:0 0 16px;text-transform:uppercase}
.quotes-section .quotes{list-style:none;margin:0;padding:0;font-size:18px;line-height:1.4}
.quotes-section .quotes li{padding:12px 0;border-top:1px solid var(--ink)}
.quotes-section .quotes cite{display:block;font-style:normal;font-family:'Courier New',monospace;font-size:14px;color:#55574f;margin-top:4px}
.quotes .quotes{}

.rekord .listen{margin-top:1.2cqw;font-weight:700}

/* häst: Spotify-slots som passar i blocken (sänds ut till egen spelare när ID finns) */
.hemkop h2{top:2.6cqw;left:4%;font-size:10.5cqw;white-space:nowrap}
.hemkop h2 span{display:inline}
.hemkop .spotify-slot{position:absolute;left:4%;right:4%;bottom:1.8cqw;height:80px;border:2px solid var(--ink);background:var(--paper);display:flex;align-items:center;justify-content:center;font-family:'Courier New',monospace;font-size:max(12px,1.05cqw);color:var(--ink);transform:none}
.spotify-slot{min-height:80px;border:2px solid var(--ink);background:var(--paper);display:flex;align-items:center;justify-content:center;font-family:'Courier New',monospace;font-size:14px;padding:12px}
.song-block{max-width:760px;margin:0 auto;padding:40px 16px;border-top:3px solid var(--ink)}
.song-block h2{font-family:'Arial Black',Arial,sans-serif;font-size:34px;margin:0 0 16px;text-transform:uppercase}

/* häst: Spotify-spelaren i vår ram (iframe-innehållet kan inte stylas, bara ramen runtom) */
.spotify-live{border:3px solid var(--ink);background:#fff;box-shadow:6px 6px 0 var(--ink);padding:0;min-height:0;overflow:hidden;border-radius:0}
.spotify-live iframe{display:block;border:0;width:100%}
.hemkop .spotify-live{position:absolute;left:4%;right:4%;bottom:1.8cqw;transform:none}
.song-block .spotify-live{margin-top:8px}

/* häst: hissen går hela sidan. Rälsen förlängs ned till footern (JS), och innehållet under collagen ligger till vänster om den. */
.project-rail{display:block}
.project-rail a{position:absolute;left:0;right:0;min-height:0}
.quotes-section,.song-block{width:auto;max-width:none;margin:0;padding:40px 0 40px 4%;padding-right:31%}
.quotes-section h2,.song-block h2{font-size:clamp(28px,4.5cqw,56px)}
.song-block .spotify-live,.song-block .spotify-slot{max-width:none}
footer{padding-right:31%}
footer h2{font-size:clamp(56px,11cqw,160px)}
footer .footer-bottom{padding-right:0}

footer .email{position:static;display:inline-block;margin:24px 0 0 4%;font-size:clamp(18px,2.2cqw,28px)}
footer .footer-bottom{margin-top:32px}

/* häst: polaroidkort, ett i taget, utspridda över sidans kanter. Svartvita tills hover, då de får färg och lutar lite mindre, som Akta-boxen. */
.polaroids{position:relative;z-index:5;height:0;margin:0;padding:0;overflow:visible}
.polaroids[hidden]{display:none}
.polaroid{position:absolute;left:var(--x);top:var(--top);display:block;width:190px;background:#fff;padding:10px 10px 44px;box-shadow:none;transform:rotate(var(--tilt));transform-origin:50% 0;filter:grayscale(1);transition:transform .35s ease,filter .4s ease;text-decoration:none;vertical-align:top}
.polaroid img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.polaroid:hover,.polaroid:focus-visible{filter:grayscale(0);transform:rotate(calc(var(--tilt) * .75))}


/* häst: Skjut mig nu på ett lime-kort som Akta, i en annan vinkel */
.song-card{background:var(--lime);transform:rotate(-4deg);transform-origin:center;padding:24px 28px 28px;margin:24px 0 8px;max-width:none}
.song-card h2{font-family:'Arial Black',Arial,sans-serif;font-size:clamp(40px,8cqw,104px);line-height:.9;margin:0 0 16px;text-transform:uppercase;letter-spacing:-.02em}
.song-card .spotify-live{transform:none}

/* häst: Skjut mig nu-kortet har samma hover som Akta-boxen: lutningen minskar, med mjuk övergång */
.song-card{transition:transform .35s ease}
.song-card:hover{transform:rotate(-3deg)}

/* häst: handskriven bläcktext på polaroidkortens vita kant (medietyp + datum) */
.polaroid-caption{position:absolute;left:12px;right:10px;bottom:10px;font-family:'Caveat','Bradley Hand',cursive;font-size:20px;line-height:1.1;color:#1d3f8f;transform:rotate(-2deg);transform-origin:left center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:700px){.polaroid-caption{font-size:16px;bottom:8px}}

/* häst: mobil använder samma layout som desktop, med kaos. Texten skalas med bredden, med en nedre gräns för läsbarhet. */
@media (max-width:700px){
  .project-rail a{font-size:max(10px,1.5cqw)}
  .micro{font-size:max(10px,1cqw)}
}

/* häst: mobil. Text ligger i en kolumn och överlappar aldrig annan text. Bilder, kort och stora bokstäver får ligga kvar ovanpå. */
@media (max-width:700px){
  .collage{height:auto;display:flex;flex-direction:column;padding-top:98cqw;padding-bottom:14cqw}
  .intro,.fass,.rekord,.hemkop,.bilia{position:relative;left:auto;top:auto;width:58%;margin:0 0 9cqw 6%;order:1;scroll-margin:0}
  .intro h2{font-size:8cqw;line-height:1.05;margin-bottom:4cqw}
  .intro p{white-space:normal;font-size:12px}
  .fass{pointer-events:auto;inset:auto}
  .gigs-panel{position:relative;left:auto;top:auto;width:100%;margin:0}
  .hemkop{width:86%;margin:0 7% 12cqw;height:auto;min-height:62cqw;transform:rotate(-4deg)}
  .hemkop h2{position:relative;left:auto;top:auto;font-size:26cqw;margin:4cqw 0 0 6%}
  .hemkop .spotify-slot,.hemkop .spotify-live{position:relative;left:auto;right:auto;bottom:auto;margin:4cqw 6% 0}
  .rekord{width:58%;margin-left:6%}
  .rekord div{padding:0}
  .bilia{height:auto;min-height:0;width:58%}
  .bilia h2{position:relative;left:auto;top:auto;writing-mode:horizontal-tb;transform:none;height:auto;display:inline-block;font-size:12cqw}
  .bilia-note{position:relative;left:auto;top:auto;width:auto;margin:3cqw 0 0}
  .bilia img{display:none}
  .one,.three,.direction-arrow,.launch,.human-note,.context-art,.systems,.welcome,.welcome-note,.disciplines,.ideas,.location,.coordinates,.complex,.clarity,.right-coordinates,.bilia-index,.hemkop-index,.dash{display:none}
  .project-rail a{font-size:max(10px,1.5cqw)}
}
/* häst: mobil. Bara de två korten uppe vid logotypen, och inga rälsetiketter som ligger över text. */
@media (max-width:700px){
  .project-rail a span,.project-rail a strong,.project-rail i{display:none}
}
@media (max-width:700px){.bilia p{position:relative;left:auto;top:auto;width:auto;margin:3cqw 0 0}}
/* häst: mobil. Namnet och menyn syns helt, och de två korten uppe vid logotypen låses till collagens topp (aldrig över gig-listan). */
@media (max-width:700px){
  .surname{top:0;left:0;width:70.6%;height:62cqw;font-size:35cqw;letter-spacing:-2cqw;overflow:hidden}
  .main-nav{position:absolute;right:4%;top:4cqw;width:auto;height:auto;padding:2.5cqw 3.5cqw;gap:14px}
  .main-nav:before{inset:1.2cqw}
  .main-nav a{font-size:max(14px,4.2cqw)}
  .polaroids[data-slot="1"],.polaroids[data-slot="2"]{position:absolute;left:0;right:0;top:0;height:0}
}
/* häst: mobil. De två korten flyttas till tomma ytor, så de inte täcker namnet, menyn eller gig-listan mer än lite. */
@media (max-width:700px){
  .polaroids[data-slot="1"] .polaroid{left:6%!important;top:26cqw!important}
  .polaroids[data-slot="2"] .polaroid{left:58%!important;top:34cqw!important}
}
/* häst: mobil. Menyn ligger under namnet, till vänster, så rälsen inte täcker den. */
@media (max-width:700px){
  .main-nav{left:4%;right:auto;top:17cqw}
  .polaroids[data-slot="1"] .polaroid{top:28cqw!important}
}

/* häst: mobil. Kort 3 till 8 ligger i tre par mellan sektionerna, med egen yta så de inte täcker text. */
@media (max-width:700px){
  .polaroids[data-slot="3"],.polaroids[data-slot="4"],.polaroids[data-slot="5"],.polaroids[data-slot="6"],.polaroids[data-slot="7"],.polaroids[data-slot="8"]{position:relative;height:72cqw;margin:0;padding:0}
  .polaroids[data-slot="3"] .polaroid{left:6%!important;top:6cqw!important}
  .polaroids[data-slot="4"] .polaroid{left:56%!important;top:16cqw!important}
  .polaroids[data-slot="5"] .polaroid{left:10%!important;top:6cqw!important}
  .polaroids[data-slot="6"] .polaroid{left:60%!important;top:10cqw!important}
  .polaroids[data-slot="7"] .polaroid{left:8%!important;top:6cqw!important}
  .polaroids[data-slot="8"] .polaroid{left:56%!important;top:14cqw!important}
}
/* häst: mobil. Namnet ska synas. Menyn ligger under det, korten bredvid. */
@media (max-width:700px){
  .main-nav{top:62cqw;left:4%}
  .polaroids[data-slot="1"] .polaroid{left:52%!important;top:4cqw!important}
  .polaroids[data-slot="2"] .polaroid{left:62%!important;top:44cqw!important}
}