@font-face {
  font-family:"Archivo Black";
  src:url("fonts/ArchivoBlack-Regular.ttf") format("truetype");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
/* Proportioner från Photoshop-skissen. Endast sidans topp. */
:root { --paper:#c9c2af; --ink:#20211e; --orange:#d42f19; --paper-opacity:1; }
* { box-sizing:border-box; }
html { background:#1b1c1c; }
body { margin:0; color:var(--ink); font-family:Arial,Helvetica,sans-serif; }
.opening { container-type:inline-size; position:relative; isolation:isolate; overflow:clip; max-width:1600px; margin-inline:auto; background:var(--paper); }
/* Helt pappersark, utan upprepning. Behåller arkets proportioner och fläckar.
   När resten av sidan byggs fortsätter samma lager över hela innehållet. */
.opening::after { content:""; position:absolute; inset:0; z-index:5; pointer-events:none; opacity:var(--paper-opacity); background:url("web/papper-overlay2-331931d-290a1800cd35-1600.webp") center top / 100% auto repeat-y; mix-blend-mode:overlay; }
.masthead { position:sticky; top:var(--menu-stop, -30cqw); z-index:3; height:45.7cqw; }
.wordmark { position:absolute; top:7.4cqw; left:6cqw; z-index:4; margin:0; width:40cqw; line-height:0; }
.wordmark img { display:block; width:100%; height:auto; }
.menu { position:absolute; z-index:3; top:24cqw; left:-2%; width:104%; height:17cqw; background:var(--orange); transform:rotate(-5.6deg); transform-origin:center; }
.menu-items { position:absolute; bottom:1.2cqw; left:18%; right:17%; display:flex; align-items:center; justify-content:space-between; gap:2cqw; }
.menu :is(button, a) { border:0; padding:.3cqw; background:transparent; color:#e9e3d3; font-family:"tondu",Arial,sans-serif; font-size:2.15cqw; font-weight:400; font-synthesis:none; letter-spacing:.005em; line-height:1.1; opacity:1; }
.hero { position:relative; z-index:1; margin:-10cqw 0 0; height:39cqw; overflow:hidden; background:#999588; }
.hero img { display:block; width:100%; height:100%; object-fit:cover; object-position:50% 48%; }
@media(max-width:600px) {
.masthead { height:55cqw; }
.wordmark { top:9cqw; left:6cqw; width:46cqw; }
.menu { top:33cqw; height:20cqw; }
.menu-items { left:8%; right:8%; bottom:2cqw; }
.menu :is(button, a) { font-size:3.2cqw; padding:1cqw .2cqw; }
.hero { margin-top:-7cqw; height:62cqw; }
}
/* POP-fotot ligger bakom rubrik och diagonalband. */
.pop-space { position:absolute; inset:0 0 auto; height:31cqw; background:url("web/pop-bg-953b797-1376a154eb3c-1600.webp") left -1cqw / 125% auto no-repeat; }



/* Redaktionellt collage: stora bilder till vänster, text och detaljer till höger. */
.studio-collage { position:relative; display:grid; grid-template-columns:1fr 1.08fr; gap:3cqw; padding:0 7cqw 9cqw; align-items:start; }
.collage-left, .collage-right { min-width:0; }
.collage-left { display:flex; flex-direction:column; gap:3cqw; padding-top:3cqw; }
.collage-right { position:relative; z-index:2; margin-top:-7cqw; }
.studio-note { padding:4cqw 4cqw 4.5cqw; background:#b8b5a5; transform:rotate(.6deg); }
.studio-note h2 { margin:0 0 1.5cqw; font:400 clamp(26px,4.8cqw,76px)/1 "tondu",Arial,sans-serif; letter-spacing:0; font-synthesis:none; }
.studio-note p { margin:0 0 1em; font-family:"news-gothic-std",Arial,sans-serif; text-align:justify; text-align-last:left; -webkit-hyphens:none; hyphens:none; word-break:normal; overflow-wrap:normal; text-align-last:left; font-weight:400; font-style:normal; font-size:clamp(16px,1.55cqw,23px); line-height:1.45; }
.studio-note p:last-child { margin-bottom:0; }
.collage-photo { margin:0; overflow:hidden; }
.collage-photo img { display:block; width:100%; height:auto; }
.photo-piano { margin-left:-1.5cqw; margin-right:-2cqw; }
.photo-rack { width:83%; margin-left:2cqw; }
.photo-tape { margin-right:1cqw; }
.detail-photos { display:grid; grid-template-columns:1fr 1fr; gap:1.7cqw; margin-top:2.5cqw; }
.detail-photo { aspect-ratio:1.35; }
.detail-photo img { height:100%; object-fit:cover; }
.detail-photo:nth-child(4) { aspect-ratio:.85; grid-row:span 2; }
.detail-photo:nth-child(5) { margin-top:1cqw; }
@media(max-width:600px) {
.studio-collage { grid-template-columns:1fr; gap:5cqw; padding:0 6cqw 10cqw; }
.collage-left, .collage-right, .detail-photos { display:contents; }
.studio-note { grid-row:1; margin-top:-4cqw; margin-left:9cqw; padding:6cqw; position:relative; z-index:2; }
.studio-note h2 { font-size:8cqw; margin-bottom:3cqw; }
.studio-note p { font-size:16px; }
.photo-piano { grid-row:2; margin:0 -2cqw 0 0; }
.photo-rack { grid-row:3; width:70%; margin:0 auto; }
.photo-tape { grid-row:4; margin:0 5cqw 0 0; }
.detail-photo { width:76%; margin:0; aspect-ratio:1.35; }
.detail-photo:nth-child(even) { margin-left:auto; }
.detail-photo:nth-child(4) { grid-row:auto; aspect-ratio:1.35; }
.detail-photo:nth-child(5) { margin-top:0; }
}

/* Samlad bildsättning med gemensamma kanter och kortare bildspalter. */
.studio-collage { grid-template-columns:1fr 1fr; gap:3cqw; }
.collage-left { gap:2cqw; }
.photo-piano { margin:0; }
.equipment-pair { display:grid; grid-template-columns:1fr 1fr; gap:2cqw; align-items:start; }
.photo-rack, .photo-tape { width:100%; margin:0; aspect-ratio:3 / 4; }
.photo-rack img, .photo-tape img { width:100%; height:100%; object-fit:cover; }
.photo-rack img { object-position:center 35%; }
.photo-tape img { object-position:50% 50%; }
.studio-note { transform:none; }
.detail-photos { gap:1.5cqw; margin-top:2cqw; }
.detail-photo, .detail-photo:nth-child(4) { aspect-ratio:1.35; grid-row:auto; }
.detail-photo:nth-child(5) { margin-top:0; }
@media(max-width:600px) {
.studio-collage { grid-template-columns:1fr; gap:4cqw; }
.equipment-pair { grid-row:3; gap:4cqw; }
.photo-piano { margin:0; }
.photo-rack, .photo-tape { grid-row:auto; width:100%; margin:0; }
.detail-photos { display:grid; grid-template-columns:1fr 1fr; gap:3cqw; margin:0; }
.detail-photo { width:100%; }
.detail-photo:nth-child(even) { margin-left:0; }
}

/* Pappret får en egen yta med mörk varm marginal runtom. */
.opening { max-width:1120px; width:calc(100% - 48px); }
.menu a { text-decoration:none; }
.menu a:focus-visible, .contact a:focus-visible, .instagram-link:focus-visible { outline:2px solid currentColor; outline-offset:5px; }
.contact { padding:6cqw 7cqw 5cqw; background:var(--orange); }
.contact h2 { margin:0 0 3cqw; font:400 clamp(36px,8.5cqw,100px)/1 "tondu",Arial,sans-serif; }
.contact-email { color:var(--ink); text-decoration-thickness:1px; text-underline-offset:.18em; font:400 clamp(20px,4cqw,48px)/1.3 "news-gothic-std",Arial,sans-serif; overflow-wrap:anywhere; }
.contact-bottom { margin-top:6cqw; display:flex; justify-content:space-between; gap:24px; align-items:flex-end; font:400 clamp(15px,1.8cqw,22px)/1.4 "news-gothic-std",Arial,sans-serif; }
.contact-bottom p { margin:0; font-weight:700; }
.contact address { font-style:normal; }
.instagram-link { display:inline-flex; align-items:center; gap:10px; color:inherit; text-decoration:none; font:400 15px/1.3 "news-gothic-std",Arial,sans-serif; }
.instagram-link svg { width:24px; height:24px; flex:none; }
.contact-social { margin-top:32px; }
.social-margin { display:none; }
#studion, #kontakta { scroll-margin-top:18cqw; }
@media(min-width:1280px) {
.opening { width:calc(100% - 240px); }
.social-margin { display:block; position:fixed; right:max(16px,calc((100vw - 1120px)/2 - 145px)); top:50%; width:130px; color:var(--paper); }
.social-margin .instagram-link { flex-direction:column; align-items:center; gap:12px; }
.contact-social { display:none; }
}
@media(max-width:600px) {
.opening { width:100%; }
.contact { padding:9cqw 7cqw; }
.contact-bottom { flex-direction:column; align-items:flex-start; }
#studion, #kontakta { scroll-margin-top:23cqw; }
}

/* Originalets transparens bevaras; endast den visade loggan görs svart. */
.footer-logo { display:block; width:clamp(180px,34cqw,400px); max-width:100%; height:auto; filter:brightness(0); }
.instagram-link svg { width:34px; height:34px; }
@media(min-width:1280px) { .social-margin { top:28px; } }



/* Behåll 30 % av papperslagret över den redan strukturerade filmstillbilden. */
.opening.paper-photo-mask::after {
  -webkit-mask-image:linear-gradient(#000,#000),linear-gradient(rgb(0 0 0 / .7),rgb(0 0 0 / .7));
  mask-image:linear-gradient(#000,#000),linear-gradient(rgb(0 0 0 / .7),rgb(0 0 0 / .7));
  -webkit-mask-size:100% 100%,var(--photo-width) var(--photo-height);
  mask-size:100% 100%,var(--photo-width) var(--photo-height);
  -webkit-mask-position:0 0,var(--photo-left) var(--photo-top);
  mask-position:0 0,var(--photo-left) var(--photo-top);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}
/* Lugn återkoppling utan att flytta eller förvränga menytexten. */
.menu a { transition:color 150ms ease; }
.menu a:hover, .menu a:focus-visible { color:var(--ink); }
@media(prefers-reduced-motion:reduce) { .menu a { transition:none; } }

/* Rumsbild som bred avslutning på studiocollaget. */
.photo-live-room { grid-column:1 / -1; margin-top:1cqw; aspect-ratio:16 / 9; }
.photo-live-room img { width:100%; height:100%; object-fit:cover; object-position:center; }
@media(max-width:600px) { .photo-live-room { aspect-ratio:3 / 2; margin-top:2cqw; } }

/* Adress till vänster, mindre logga till höger i samma tryckfärg som rubriken. */
.contact h2 { color:var(--ink); }
.footer-logo { width:clamp(140px,23cqw,270px); filter:none; }


/* Visa originalbilden direkt; fungerar även när sidan öppnas som lokal fil. */
.footer-logo { display:block; width:clamp(140px,23cqw,270px); max-width:100%; height:auto; opacity:1; filter:brightness(0) invert(12%); }

/* Kollegorna, som två redaktionella presentationer före kontaktfältet. */
.people { padding:0 7cqw 8cqw; }
.people > h2 { margin:0 0 3cqw; font:400 clamp(28px,4.5cqw,52px)/1.1 "tondu",Arial,sans-serif; }
.people-grid { display:grid; grid-template-columns:1fr 1fr; gap:4cqw; }
.person { min-width:0; }
.person-photo { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:cover; }
.person h3 { margin:24px 0 16px; font:400 clamp(28px,4cqw,46px)/1 "tondu",Arial,sans-serif; }
.person-bio, .person dl { font:400 clamp(16px,1.6cqw,20px)/1.45 "news-gothic-std",Arial,sans-serif; }
.person-bio { margin:0 0 24px; text-align:justify; -webkit-hyphens:none; hyphens:none; word-break:normal; overflow-wrap:normal; text-align-last:left; }
.person dl { margin:0; }
.person dt { font-weight:700; font-size:.8em; letter-spacing:.025em; margin-top:17px; }
.person dd { margin:3px 0 0; }
@media(max-width:600px) {
.people { padding-bottom:10cqw; }
.people-grid { grid-template-columns:1fr; gap:10cqw; }
.people > h2 { margin-bottom:6cqw; }
.person-bio, .person dl { font-size:16px; }
}
/* Mobil: tydligare meny med ordentliga tryckytor och dold exportkant i POP-fotot. */
@media(max-width:600px) {
.menu-items { left:7%; right:7%; gap:1cqw; bottom:1cqw; }
.menu :is(button,a) { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 3px; font-size:clamp(15px,3.8cqw,19px); white-space:nowrap; }
.pop-space { height:42cqw; background-size:150% auto; }
.studio-note { margin-left:0; padding:6cqw; }
.studio-note p, .person-bio, .person dl { line-height:1.5; }
.instagram-link { min-width:44px; min-height:44px; justify-content:center; }
.contact-email { display:inline-block; padding-block:10px; }
}
/* Flytta mobilens POP-foto åt vänster så sista P:et ryms. */
@media(max-width:600px) {
  .pop-space { background-position:-15cqw -1cqw; }
}

/* Mjukare papperskort och musikern placerad bland rumsbilderna. */
.studio-note { border-radius:10px; }
.collage-left { padding-top:3cqw; }
.photo-piano--lower { grid-column:1 / -1; grid-row:auto; width:100%; margin:0; }
.photo-piano--lower img { width:100%; height:auto; }
@media(max-width:600px) {
  .equipment-pair { grid-row:2; }
  .photo-piano--lower { grid-row:auto; }
}

/* Gunnar under rack och bandare, inom vänsterspaltens bredd. */
.photo-piano--under-gear { grid-column:auto; grid-row:auto; width:100%; margin:0; }
@media(max-width:600px) {
  .photo-piano--under-gear { grid-column:1; grid-row:3; }
}
/* Samma försiktiga hörnrundning som textplattan, utanför galleriet. */
.collage-photo, .person-photo { border-radius:10px; }
.hero { border-radius:10px; }

/* Nytt försök: inre pappersfält med beige marginal och något mörkare textkort. */
.content-paper { margin-inline:5.5cqw; background:#b8b5a5; }
.content-paper .studio-collage { padding-inline:1.5cqw; }
.content-paper .people { padding-inline:1.5cqw; }
.studio-note { background:#aaa797; }
.hero { border-radius:0; }
.pop-space { background-image:url("web/pop-bg2-e222aec-76ba683a63e3-1600.webp"); background-size:110% auto; background-position:left -24cqw; }
@media(max-width:600px) {
.content-paper { margin-inline:3cqw; }
.content-paper .studio-collage, .content-paper .people { padding-inline:3cqw; }
.pop-space { background-size:110% auto; background-position:-5cqw -19cqw; }
}

/* Smal pappersglipa som följer menybandets diagonal. */
.hero { margin-top:-8.5cqw; clip-path:polygon(0 10cqw,100% 0,100% 100%,0 100%); }
@media(max-width:600px) { .hero { margin-top:-5.5cqw; } }

/* Bildsättning, variant: stort rack vid texten, musiker i en egen större bildrad. */
.collage-left > .photo-rack { width:100%; aspect-ratio:auto; margin:0; }
.collage-left > .photo-rack img { display:block; width:100%; height:auto; object-fit:contain; }
.musician-pair { grid-column:1 / -1; display:grid; grid-template-columns:1fr 1fr; gap:3cqw; }
.musician-photo { aspect-ratio:3 / 2; }
.musician-photo img { width:100%; height:100%; object-fit:cover; }
@media(max-width:600px) {
.collage-left > .photo-rack { grid-row:2; }
.musician-pair { grid-template-columns:1fr; gap:4cqw; }
}

/* Musiker och detaljer delar samma bildfält, med större ytor för människorna. */
.mixed-photos { grid-column:1 / -1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.8cqw; align-items:stretch; }
.mixed-photos figure { min-width:0; }
.mix-musician { grid-column:span 2; grid-row:span 2; }
.mix-detail { aspect-ratio:1.35; }
.mixed-photos img { width:100%; height:100%; object-fit:cover; }
.mix-rebecca { grid-column:3 / span 2; grid-row:3 / span 2; }
@media(max-width:600px) {
.mixed-photos { grid-template-columns:1fr 1fr; gap:3cqw; }
.mix-musician { grid-column:1 / -1; grid-row:auto; aspect-ratio:3 / 2; }
.mix-rebecca { grid-column:1 / -1; grid-row:auto; }
}

/* Självständiga bildspalter: ingen tom yta skapad av gemensamma bildrader. */
.collage-left, .collage-right { display:flex; flex-direction:column; gap:2cqw; }
.collage-left { padding-top:3cqw; }
.collage-right { margin-top:-7cqw; }
.collage-left > figure, .collage-right > figure { width:100%; margin:0; aspect-ratio:auto; }
.collage-left > figure img, .collage-right > figure img { display:block; width:100%; height:auto; }
.compact-pair { display:grid; grid-template-columns:1fr 1fr; gap:1.5cqw; }
.compact-detail { aspect-ratio:1.2; }
.compact-detail img { width:100%; height:100%; object-fit:cover; }
@media(max-width:600px) {
.studio-collage { display:flex; flex-direction:column; gap:4cqw; }
.collage-left, .collage-right { display:contents; }
.studio-note { order:0; }
.flow-rack { order:1; }
.flow-petter { order:2; }
.pair-tape { order:3; }
.flow-gunnar { order:4; }
.pair-outboard { order:5; }
.flow-rebecca { order:6; }
.pair-microphone { order:7; }
.photo-live-room { order:10; width:100%; }
.compact-pair { gap:3cqw; width:100%; }
}

/* På undersidorna fortsätter det inre pappret upp bakom diagonalbandet. */
.equipment-page .content-paper, .gallery-page .content-paper { position:relative; }
.equipment-page .content-paper::before, .gallery-page .content-paper::before {
  content:""; position:absolute; left:0; right:0; top:-14cqw; height:14cqw;
  background:#b8b5a5; pointer-events:none;
}
/* Mycket fint korn i den mörka ytan utanför pappret. */
html { background-color:#1b1c1c; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='.14'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23grain)' d='M0 0h180v180H0z'/%3E%3C/svg%3E"); }

/* Sociala länkar: YouTube ovanför Instagram, med samma ikonstorlek. */
.youtube-link { display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; color:inherit; }
.youtube-link svg { display:block; width:34px; height:34px; }
.youtube-link:focus-visible { outline:2px solid currentColor; outline-offset:4px; }
.contact-social { display:flex; flex-direction:column; align-items:flex-start; gap:10px; }
@media(min-width:1280px) {
.social-margin { display:flex; flex-direction:column; align-items:flex-start; gap:10px; }
.social-margin .instagram-link { min-width:44px; min-height:44px; justify-content:center; }
.contact-social { display:none; }
}

/* Fotona får 85 % papper; text, former och övrigt papper behåller full styrka. */
.opening.paper-image-mask::after {
  -webkit-mask-image:var(--paper-image-mask);
  mask-image:var(--paper-image-mask);
  -webkit-mask-size:100% 100%; mask-size:100% 100%;
  -webkit-mask-position:0 0; mask-position:0 0;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
}
/* ONLINE som en separat, lätt skev klisteretikett över papperskanten. */
.online-sticker-position { position:absolute; z-index:6; width:var(--sticker-size,180px); left:var(--sticker-left,70%); top:var(--sticker-top,360px); transform:translateY(var(--sticker-drift,0px)); }
.online-sticker { display:block; color:#eee8d9; text-decoration:none; border-radius:50%; transform:rotate(5deg); transition:transform 180ms ease; -webkit-tap-highlight-color:transparent; }
.online-sticker-face { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; aspect-ratio:1; border:3px solid #eee8d9; border-radius:50%; background:#42b9c5; box-shadow:2px 4px 0 #0003; overflow:hidden; animation:sticker-turn 40s linear infinite; }
.online-sticker-face::after { content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background:url("web/papper-overlay3-e518a39-c42331990763-954.webp") center top / 100% auto; opacity:1; mix-blend-mode:overlay; }
.online-sticker-small { position:relative; z-index:1; font:400 var(--sticker-small,15px)/1 Georgia,"Times New Roman",serif; letter-spacing:-.06em; white-space:nowrap; }
.online-sticker-big { position:relative; z-index:1; font:400 var(--sticker-big,34px)/.98 Georgia,"Times New Roman",serif; letter-spacing:-.055em; }
.online-sticker:focus-visible { outline:3px solid var(--paper); outline-offset:5px; transform:rotate(2deg) scale(1.06); }
@media(hover:hover) { .online-sticker:hover { transform:rotate(2deg) scale(1.07); } }
@keyframes sticker-nudge { 0%,92%,100% { transform:translateY(0) rotate(0); } 94% { transform:translateY(-7px) rotate(-3deg); } 96% { transform:translateY(1px) rotate(1deg); } 98% { transform:translateY(-2px) rotate(-1deg); } }
@media(prefers-reduced-motion:reduce) { .online-sticker-face { animation:none; } .online-sticker { transition:none; } }

/* Samma etikett blir ett större, stilla märke i ONLINE-sidans topp. */
.online-brand-position { position:absolute; z-index:4; top:2.5cqw; right:4cqw; width:27cqw; max-width:310px; --sticker-small:2.45cqw; --sticker-big:5.6cqw; }
.online-brand { transform:rotate(0); animation:online-brand-arrive 550ms cubic-bezier(.2,.7,.2,1) both; }
.online-brand .online-sticker-face { animation:none; }
@keyframes online-brand-arrive { from { transform:translateY(18px) rotate(5deg) scale(.75); } to { transform:translateY(0) rotate(0) scale(1); } }
@media(max-width:600px) {
.online-brand-position { top:5cqw; right:3cqw; width:35cqw; --sticker-small:3.18cqw; --sticker-big:7.28cqw; }
}
/* Webbläsare med stöd kan låta samma märke resa mellan dokumenten. */
@view-transition { navigation:auto; }
.online-sticker-face { view-transition-name:online-mark; }
::view-transition-group(online-mark) { animation-duration:550ms; animation-timing-function:cubic-bezier(.2,.7,.2,1); }
@media(prefers-reduced-motion:reduce) {
.online-brand { animation:none; }
.online-sticker-face { view-transition-name:none; }
}

/* Logga och sociala länkar på en gemensam rad längst ned i kontaktfältet. */
.contact-bottom { flex-direction:row; align-items:center; justify-content:space-between; gap:16px; }
.contact-bottom .contact-social { margin-top:0; flex-direction:row; gap:8px; align-items:center; flex-shrink:0; }
@media(max-width:600px) {
.pop-space { background-size:100% auto; background-position:3cqw -17cqw; }
.contact-bottom .footer-logo { width:clamp(125px,38cqw,175px); min-width:0; }
}

/* Förlängd POP-bild: samma motivstorlek, med bildyta hela vägen till vänster. */
.pop-space { background-image:url("web/pop-bg3-9b55586-cd1535d6a52e-1600.webp"); background-size:132% auto; background-position:-22cqw -24cqw; }
@media(max-width:600px) {
.pop-space { background-size:120% auto; background-position:-17cqw -17cqw; }
}
/* Lite vidare POP-utsnitt på desktop; mobilens beskärning behålls. */
@media(min-width:601px) {
  .pop-space { background-size:124% auto; background-position:-18cqw -21cqw; }
}

/* Långsam rotation ersätter etikettens återkommande hopp. */
@keyframes sticker-turn { from { transform:rotate(0deg); } to { transform:rotate(360deg); } }

/* Fem menyval ryms även på smal mobil, med kvarvarande tryckhöjd. */
@media(max-width:600px) {
.menu-items { left:5%; right:5%; gap:.5cqw; }
.menu :is(button,a) { font-size:clamp(12px,3.35cqw,17px); padding-inline:2px; min-height:44px; }
}
.menu [aria-current="page"] { text-decoration:underline; text-underline-offset:.2em; text-decoration-thickness:1px; }
/* Språkval speglar sociala länkar på andra sidan pappret. */
.language-switcher { position:relative; z-index:7; display:flex; justify-content:flex-end; align-items:center; gap:4px; min-height:44px; padding:2px 5vw; background:#1b1c1c; }
.language-switcher a { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:5px; color:#eee8d9; }
.language-switcher svg { display:block; width:30px; height:auto; border-radius:2px; }
.language-switcher a[aria-current="page"] { outline:1px solid #eee8d980; outline-offset:-4px; }
.language-switcher a:focus-visible { outline:2px solid #eee8d9; outline-offset:-2px; }
@media(min-width:1280px) {
.language-switcher { position:fixed; left:max(16px,calc((100vw - 1120px)/2 - 100px)); top:28px; flex-direction:column; padding:0; background:transparent; }
}
@media(prefers-reduced-motion:reduce) { @view-transition { navigation:none; } }

/* Lite mindre text efter att REMOTE tillkom; tryckytorna behålls. */
.menu :is(button,a) { font-size:2.02cqw; }
@media(max-width:600px) {
.menu :is(button,a) { font-size:clamp(11.5px,3.15cqw,16px); min-height:44px; }
}

/* REMOTE behöver lite mer bredd än ONLINE i cirkelmärket. */
.online-sticker-big { font-size:calc(var(--sticker-big,34px) * .91); }
/* Mer satsbredd utan att ändra kortets ytterkant eller bildspalternas placering. */
.studio-note { padding-inline:2cqw; }
@media(max-width:600px) {
  .studio-note { padding-inline:2.5cqw; }
}

/* Språkbunden sättning: lugn avstavning på desktop, vänsterställt på mobil. */
.studio-note p, .person-bio {
  text-align:justify;
  text-align-last:left;
  -webkit-hyphens:auto;
  hyphens:auto;
  word-break:normal;
  overflow-wrap:normal;
  hyphenate-limit-chars:8 3 3;
  -webkit-hyphenate-limit-before:3;
  -webkit-hyphenate-limit-after:3;
  -webkit-hyphenate-limit-lines:2;
  hyphenate-limit-lines:2;
}
@media(max-width:600px) {
  .studio-note p, .person-bio {
    text-align:left;
    -webkit-hyphens:none;
    hyphens:none;
  }
}

/* Diskret tjänsterad under kontaktens rubrik. */
.contact h2 { margin-bottom:1cqw; }
.contact-services { margin:0 0 2cqw; font:400 clamp(11px,1.45cqw,16px)/1.5 "news-gothic-std",Arial,sans-serif; letter-spacing:.09em; color:var(--ink); }
@media(max-width:600px) {
  .contact h2 { margin-bottom:8px; }
  .contact-services { margin-bottom:14px; font-size:clamp(10px,2.8cqw,14px); letter-spacing:.06em; }
}

.collage-right > figure[style*="height"] img { height:100%; object-fit:cover; }

/* Diskret mindre REMOTE-märke på större skärmar. */
@media(min-width:601px) {
 .online-brand-position { width:25.38cqw; max-width:291px; --sticker-small:2.303cqw; --sticker-big:5.264cqw; }
}