@font-face{font-family:Manrope;font-weight:500;font-display:swap;src:url('assets/fonts/manrope-500.ttf')}@font-face{font-family:Manrope;font-weight:600;font-display:swap;src:url('assets/fonts/manrope-600.ttf')}
:root{--page:#fbf8f0;--ink:#143b31;--accent:#e2b85f;--work:#ece6da;--muted:#51665e;--line:#143b3130;--gutter:max(28px,calc((100vw - 1320px)/2))}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--page);color:var(--ink);font:500 18px/1.7 Manrope,Arial,sans-serif}body.player-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:5px}a:hover{text-decoration:underline;text-underline-offset:5px}img,video{max-width:100%;display:block}img{object-fit:cover}figure,p{margin:0}h1,h2,h3{font-weight:600;line-height:1.15;margin:0;letter-spacing:-.035em}h2{font-size:clamp(30px,3.1vw,42px)}h3{font-size:22px}p+p{margin-top:18px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:absolute;top:10px;left:15px;z-index:20;transform:translateY(-150%);padding:12px;background:var(--page)}.skip:focus{transform:none}
.site-header{min-height:80px;display:flex;align-items:center;padding:0 var(--gutter);border-bottom:1px solid var(--line);gap:36px}.mark{height:80px;width:82px;display:grid;place-items:center;background:var(--ink);color:var(--page);font-size:14px;flex-shrink:0}.mark:hover{text-decoration:none;background:#235447}.site-header nav{display:flex;gap:28px;font-size:16px;line-height:1.4}.site-header nav a{padding:14px 0}.site-header [aria-current=page]{text-decoration:underline;text-underline-offset:7px}.location{margin-left:auto;font-size:14px;white-space:nowrap}
.hero{max-width:1440px;min-height:750px;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding:55px 60px 65px;margin:auto}.intro{padding-left:55px}.hero h1{font-size:clamp(54px,6.1vw,86px);line-height:1.06;letter-spacing:-.04em}.hero h1 span{display:block}.role{font-size:20px;line-height:1.45}.hero .role{margin-top:23px}.tagline{margin-top:40px;padding-left:17px;border-left:3px solid var(--accent);font-size:23px;line-height:1.4;max-width:400px}.actions{display:flex;gap:10px;flex-wrap:wrap}.hero .actions{margin-top:38px}.button{border:1px solid var(--ink);background:transparent;padding:14px 20px;font-size:16px;line-height:1.5;display:inline-flex;align-items:center;justify-content:center;min-height:48px}.button.primary{background:var(--ink);color:var(--page)}.button:hover{background:var(--work);text-decoration:none}.button.primary:hover{background:#235447}.hero-portrait{height:580px;max-width:500px;justify-self:end;width:100%}.hero-portrait img{width:100%;height:100%;object-position:57% 40%}.hero-portrait figcaption{font-size:14px;text-align:right;margin-top:10px}
.video-section{padding:54px var(--gutter) 80px;background:var(--work)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:28px}.filters{display:flex;gap:16px;flex-wrap:wrap}.filters button{background:none;border:0;border-bottom:1px solid transparent;min-height:44px;padding:10px 0;font-size:16px;line-height:1.4}.filters [aria-pressed=true]{border-color:currentColor}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px;margin-top:28px}.video-trigger{position:relative;display:block;aspect-ratio:16/9;background:var(--ink);overflow:hidden}.video-trigger>img{width:100%;height:100%;transition:transform .25s}.video-trigger:hover img{transform:scale(1.025)}.play-symbol{position:absolute;right:20px;bottom:20px;height:48px;width:48px;border-radius:50%;display:grid;place-items:center;background:var(--page);color:var(--ink);font-size:17px;padding-left:3px}.video-caption{display:flex;gap:15px;justify-content:space-between;align-items:baseline;padding-top:13px}.video-caption h3{font-size:18px;letter-spacing:-.01em;line-height:1.45}.video-caption p{font-size:14px;color:var(--muted)}.reel-cover{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:28px;color:var(--page);background:linear-gradient(125deg,#143b31,#2d5547)}.reel-2{background:linear-gradient(125deg,#314039,#667362)}.reel-caption,.reel-label{font-size:14px}.reel-name{font-size:clamp(24px,3vw,42px);font-weight:600;letter-spacing:-.03em;padding-right:36px;line-height:1.2}.load-more{display:flex;margin:36px auto 0}.small-note{font-size:16px;color:var(--muted);max-width:620px}
.cooperation{padding:70px var(--gutter);background:var(--ink);color:var(--page)}.cooperation .section-heading p{font-size:14px;color:#c8d7d0}.cooperation-note{font-size:16px;margin-top:22px;max-width:640px;color:#c8d7d0}.brand-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;justify-items:center;gap:45px;padding:28px 0 32px}.brand-logos img{object-fit:contain;max-width:100%;width:170px;height:130px}.brand-logos .logo-metro{width:210px;height:145px}.brand-logos .logo-stada{width:162px;height:120px}.brand-logos .logo-caparol{width:205px;height:155px}.partner-row{display:flex;align-items:center;gap:40px;border-top:1px solid #fbf8f033;padding-top:30px}.partner-row p{font-size:14px;color:#c8d7d0}.partner-row img{width:220px;height:50px;object-fit:contain}
.projects-section{padding:72px var(--gutter) 80px}.project-card{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:center;margin-top:34px}.project-card:hover{text-decoration:none}.project-image{position:relative;overflow:hidden}.project-image img{width:100%;aspect-ratio:16/9;transition:transform .25s}.project-card:hover img{transform:scale(1.025)}.project-arrow{position:absolute;right:20px;bottom:20px;background:var(--page);height:44px;width:44px;display:grid;place-items:center;font-size:24px}.eyebrow{font-size:14px;letter-spacing:.08em;line-height:1.6}.project-copy h3{font-size:36px;margin:12px 0 18px}.project-copy>p:not(.eyebrow){max-width:480px;font-size:18px;line-height:1.8}.text-link{display:inline-block;font-size:16px;line-height:1.6;padding:10px 0;text-decoration:underline;text-underline-offset:6px}.project-copy .text-link{margin-top:16px}.contact{padding:70px var(--gutter) 78px;border-top:1px solid var(--line)}.contact h2{margin:18px 0 26px}.contact-email{font-size:clamp(20px,3vw,40px);font-weight:600;letter-spacing:-.03em;overflow-wrap:anywhere;line-height:1.5;display:inline-block}.contact-email span{margin-left:16px}.contact-links{display:flex;gap:30px;margin-top:26px;font-size:16px}.contact-links a{padding:10px 0}.site-footer{padding:26px var(--gutter);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px}.site-footer div{display:flex;gap:26px;flex-wrap:wrap}.site-footer a{padding:10px 0}
.page-heading{padding:70px var(--gutter) 10px}.page-heading h1{font-size:clamp(44px,5.5vw,76px);margin:18px 0 22px}.page-heading>p:last-child{max-width:660px;color:var(--muted);font-size:18px}.projects-list{padding-top:25px}.compact-contact{padding:44px var(--gutter);background:var(--work);display:flex;align-items:center;justify-content:space-between;gap:24px}.compact-contact h2{font-size:30px}.about-intro{padding:60px var(--gutter) 80px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:80px;align-items:center}.about-intro figure img{width:100%;height:560px;object-position:57% 30%}.about-intro figcaption{font-size:14px;margin-top:10px}.about-intro h1{font-size:clamp(38px,4.5vw,65px);margin:20px 0}.about-core{font-size:20px;line-height:1.7;margin-top:25px;max-width:580px}.review-placeholder{margin:28px 0;padding:20px 0 20px 20px;border-left:3px solid var(--accent)}.review-placeholder .eyebrow{color:var(--muted)}.review-placeholder p+p{margin-top:8px}.about-detail{padding:50px var(--gutter);border-top:1px solid var(--line)}.about-detail p{margin-top:20px}
dialog{border:0;padding:24px;background:var(--page);color:var(--ink);width:min(1120px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto}dialog::backdrop{background:#07150fe6}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.dialog-header h2{font-size:22px;line-height:1.4}.close-player{background:none;border:1px solid var(--line);padding:10px 14px;font-size:16px;flex-shrink:0;min-height:44px}.close-player span{font-size:20px;margin-left:8px}.player-stage{background:#000;aspect-ratio:16/9;display:grid;place-items:center}.player-stage video,.player-stage iframe{width:100%;height:100%;border:0;object-fit:contain}.player-help{font-size:14px;line-height:1.7;margin-top:16px}.player-help a{text-decoration:underline}.player-error{font-weight:600}
/* Scoped restyling preserves the existing case text, nine videos and prompt. */
.case-page .case-head{display:block;min-height:0;padding:60px var(--gutter) 50px;max-width:none}.case-head .back{font-size:16px;display:block;margin-bottom:30px}.case-head h1{font-size:clamp(42px,6vw,78px);margin:16px 0 25px;line-height:1.1}.accent{color:var(--ink)}.case-page .statement{font-size:clamp(24px,3vw,38px);line-height:1.4;max-width:930px}.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:40px;font-size:16px;line-height:1.7}.facts small{display:block;font-size:14px;color:var(--muted);margin-bottom:8px}.case-page .feature{padding:0 var(--gutter);max-width:1600px;margin:auto}.case-page video{width:100%;max-height:650px;background:#000;object-fit:contain;aspect-ratio:16/9}.feature figcaption{display:flex;justify-content:space-between;gap:15px;font-size:14px;padding:14px 0;flex-wrap:wrap}.case-nav{padding:24px var(--gutter);display:flex;gap:26px;flex-wrap:wrap;border-bottom:1px solid var(--line);font-size:16px}.case-nav a{padding:10px 0}.case-page .section{padding:64px var(--gutter);border-bottom:1px solid var(--line)}.case-page .section h2{margin-bottom:30px}.case-page .split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:70px}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.three h3{margin:16px 0}.number{font-size:14px;color:var(--muted)}.results,.anchor-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px;margin-top:35px}.case-page figcaption h3{font-size:21px;margin:18px 0 12px}.case-page figcaption p{font-size:18px;line-height:1.8}.anchor-pair img{width:100%;aspect-ratio:16/9}.anchor-pair figcaption{font-size:14px;margin-top:12px}.case-page details{margin-top:30px;border-top:1px solid var(--line);padding-top:20px}.case-page summary{cursor:pointer;font-weight:600;padding:8px 0;line-height:1.7}.case-page details p{margin-top:15px}.finding-note{margin-top:40px;padding-left:24px;border-left:3px solid var(--accent)}.finding-note h3{margin-bottom:15px}.findings article+article{margin-top:28px}.findings h3{margin-bottom:14px}.case-page pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--work);padding:20px;font:14px/1.8 Consolas,monospace;margin:20px 0}.method-note{font-size:16px;color:var(--muted);margin-top:30px}.case-page .statement+p{margin-top:26px}
@media(max-width:1050px){.hero{padding:48px 32px 60px;gap:40px}.intro{padding-left:0}.hero-portrait{height:520px}.hero h1{font-size:clamp(44px,6vw,66px)}.hero .button{padding:14px 15px;font-size:16px}.section-heading{align-items:flex-start}.section-heading h2{font-size:34px}.filters{gap:14px}.filters button{font-size:16px}.video-caption{display:block}.video-caption p{margin-top:5px}.cooperation .section-heading{display:block}.cooperation .section-heading p{margin-top:15px}.project-card{gap:28px}.about-intro{gap:40px}.about-intro figure img{height:510px}.compact-contact{flex-wrap:wrap}.case-page .split{gap:35px}.facts{gap:18px}}
@media(max-width:700px){:root{--gutter:20px}.site-header{min-height:80px;gap:16px;padding:0 16px}.mark{height:auto;min-height:80px;align-self:stretch;width:48px;font-size:14px}.site-header nav{font-size:16px;gap:4px 16px;flex-wrap:wrap;line-height:1.4}.site-header nav a{padding:10px 0}.location{display:none}.hero{min-height:0;grid-template-columns:1fr;padding:38px 20px 45px;gap:33px}.hero h1{font-size:clamp(42px,12.2vw,62px);letter-spacing:-.035em}.role{font-size:17px}.hero .role{margin-top:15px}.hero .tagline{margin-top:24px;font-size:19px}.hero .actions{margin-top:24px;gap:8px}.hero .button{padding:14px 12px;font-size:16px}.hero-portrait{height:400px;max-width:none}.video-section{padding:35px var(--gutter) 55px}.section-heading{display:block}.section-heading h2{font-size:31px}.filters{margin-top:16px;gap:13px}.filters button{font-size:15px}.video-grid{grid-template-columns:1fr;gap:29px}.reel-cover{padding:20px}.reel-name{font-size:30px}.reel-caption,.reel-label{font-size:14px}.video-caption h3{font-size:18px}.play-symbol{width:44px;height:44px;right:14px;bottom:14px}.cooperation{padding:45px var(--gutter)}.cooperation h2{font-size:29px;line-height:1.25}.brand-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:24px 0}.brand-logos img{max-width:100%}.brand-logos .logo-caparol{grid-column:1/-1;width:180px;height:150px}.brand-logos .logo-metro{width:155px;height:105px}.brand-logos .logo-stada{width:125px;height:105px}.partner-row{display:block;text-align:center;padding-top:24px}.partner-row img{margin:16px auto 0;width:215px}.projects-section{padding:42px var(--gutter) 55px}.section-heading>.text-link{margin-top:10px}.project-card{display:block;margin-top:25px}.project-copy{margin-top:22px}.project-copy h3{font-size:29px;margin:10px 0 14px}.project-copy>p:not(.eyebrow){font-size:17px}.contact{padding:44px var(--gutter) 50px}.contact h2{font-size:32px;margin:14px 0 24px}.contact-links{flex-wrap:wrap;gap:12px 24px;margin-top:22px}.contact-email{font-size:clamp(18px,5.8vw,25px)}.contact-email span{margin-left:4px}.site-footer{display:block;font-size:14px}.site-footer div{gap:24px;margin-top:14px}.page-heading{padding:44px var(--gutter) 10px}.page-heading h1{font-size:46px}.page-heading>p:last-child{font-size:17px}.projects-list{padding-top:10px}.compact-contact{padding:35px var(--gutter);display:block}.compact-contact h2{font-size:28px;margin-bottom:22px}.compact-contact .button{font-size:16px;padding:12px 15px}.about-intro{display:flex;flex-direction:column-reverse;gap:30px;padding:38px var(--gutter) 45px;align-items:stretch}.about-intro h1{font-size:39px}.about-core{font-size:18px}.about-intro figure img{height:400px}.about-detail{padding:35px var(--gutter)}.about-detail h2{font-size:29px}.case-page .case-head{padding:40px var(--gutter) 35px}.case-head h1{font-size:clamp(38px,10.5vw,60px)}.case-page .statement{font-size:26px}.facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 15px;margin-top:30px}.case-nav{gap:8px 24px;padding-top:14px;padding-bottom:14px;font-size:16px}.case-page .section{padding:40px var(--gutter)}.case-page .split,.three,.results,.anchor-pair{grid-template-columns:1fr;gap:30px}.case-page .section h2{margin-bottom:20px;font-size:30px}.case-page .split{gap:0}.three{gap:28px}.feature figcaption{font-size:14px}.case-page pre{padding:14px;font-size:14px}.dialog-header h2{font-size:17px}.dialog-header{align-items:flex-start;gap:10px}.close-player{font-size:16px;padding:8px}.close-player span{margin-left:4px}dialog{padding:16px;width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.player-help{font-size:14px}.case-page .results figcaption h3{font-size:20px}}
.case-head h1 span{display:inline}html{scrollbar-gutter:stable}.about-core{margin-left:0;margin-right:0}.project-image img{height:auto;object-fit:contain;background:var(--ink)}
/* Readable body copy on narrow screens; headings retain the selected hierarchy. */
@media(max-width:700px){body{font-size:17px}.case-page figcaption p{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Manrope 600 lowercase o: counter centre measured in font units, not line-box %. */
.dotted-o{--dot-x:.304em;--dot-y:.6125em;--dot-size:.13em;position:relative;display:inline-block;line-height:1}
.dotted-o::after{content:"";position:absolute;left:var(--dot-x);top:var(--dot-y);width:var(--dot-size);height:var(--dot-size);border-radius:50%;background:currentColor;transform:translate(-50%,-50%);pointer-events:none}
/* Explicit variants allow reuse with the two existing Manrope weights and cases. */
.dotted-o[data-weight="500"]{--dot-x:.2995em}
.dotted-o[data-case="upper"]{--dot-x:.3695em;--dot-y:.5225em;--dot-size:.16em}
.dotted-o[data-case="upper"][data-weight="500"]{--dot-x:.365em}
.hero h1.name-dotted .name-line{display:block}
.hero h1.name-dotted .name-o{display:inline-block}
/* Logos reuse the existing files. Only transform is animated; fades stay fixed. */
.logo-marquee{overflow:hidden;margin-top:32px}
.logo-track{display:flex;width:100%}
.logo-group{display:flex;align-items:center;justify-content:space-around;gap:32px;flex-wrap:wrap;width:100%;padding:12px 0}
.logo-group[aria-hidden="true"]{display:none}
.logo-group img{flex-shrink:0;object-fit:contain;width:180px;height:130px}
.logo-group .logo-metro{width:220px;height:130px}
.logo-group .logo-stada{width:165px;height:110px}
.logo-group .logo-caparol{width:120px;height:calc(145px / 1.5)}
.logo-group .logo-trehmer{width:260px;height:55px}
.logo-group .logo-oreo{width:200px;height:105px}
.logo-group .logo-bosch{width:240px;height:100px}
.logo-group .logo-lada{width:245px;height:75px}
.logo-group .logo-sberbank{width:265px;height:90px}
.logo-group .logo-bbdo{width:165px;height:90px}
.logo-group .logo-havas{width:225px;height:95px}
.logo-group .logo-mccann{width:235px;height:76px}
/* Clip only the large transparent margins of the supplied square PP file. */
.logo-group .logo-pp{width:130px;height:77.5px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.logo-group .logo-pp img{width:140px;height:140px;max-width:none}
.logo-marquee.is-ready{mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}
.logo-marquee.is-ready .logo-track{width:max-content;animation:logo-drift var(--logo-duration,160s) linear infinite;animation-play-state:paused}
.logo-marquee.is-ready .logo-group{display:flex;flex-wrap:nowrap;flex:0 0 auto;width:auto;min-width:max(1100px,calc(100vw - var(--gutter) - var(--gutter)));gap:64px;padding:12px 32px}
.logo-marquee.is-ready.is-visible .logo-track{animation-play-state:running}
.logo-marquee.is-ready:hover .logo-track,.logo-marquee.is-ready:focus-within .logo-track,.logo-marquee.is-ready.is-page-hidden .logo-track{animation-play-state:paused}
.logo-marquee:focus-visible{outline:2px solid var(--page);outline-offset:4px}
@keyframes logo-drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:700px){.logo-marquee{margin-top:24px}.logo-group .logo-metro{width:190px;height:110px}.logo-group .logo-stada{width:150px;height:100px}.logo-group .logo-caparol{width:calc(155px / 1.5);height:calc(125px / 1.5)}.logo-group .logo-trehmer{width:240px;height:48px}.logo-marquee.is-ready .logo-group{min-width:1024px;gap:56px;padding:12px 32px}}
@media(prefers-reduced-motion:reduce){.logo-marquee.is-ready{mask-image:none;-webkit-mask-image:none}.logo-marquee.is-ready .logo-track{animation:none;transform:none;width:100%}.logo-marquee.is-ready .logo-group{width:100%;min-width:0;flex-wrap:wrap;gap:24px 32px;padding:12px 0}.logo-marquee.is-ready .logo-group[aria-hidden="true"]{display:none}}

/* Home portrait: whole native frames, independent scales, unique visible content. */
.portrait-frame{position:relative;width:100%;height:100%;overflow:hidden;container-type:size;container-name:portrait}
.portrait-mosaic{position:absolute;inset:0;pointer-events:none}
.mosaic-cell{position:absolute;display:block;background-color:#143b31;background-image:url('assets/portrait-mosaic-atlas-v03.webp');background-repeat:no-repeat;opacity:1;transition:none!important;transform:none!important}
.mosaic-fallback{position:absolute;inset:0;display:none;align-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:5px}
.mosaic-fallback[data-layout="tall"]{display:flex}
.mosaic-fallback .mosaic-cell{position:relative;flex:none;--tile-width:calc(var(--fallback-width)*100cqw);width:var(--tile-width);height:calc(var(--tile-width)/var(--image-ratio));background-size:calc(var(--tile-width)/var(--source-w)*2560) calc(var(--tile-width)/var(--image-ratio)/var(--source-h)*1440);background-position:calc(var(--tile-width)/var(--source-w)*var(--source-x)*-1) calc(var(--tile-width)/var(--image-ratio)/var(--source-h)*var(--source-y)*-1)}
@container portrait (min-aspect-ratio:62/100){.mosaic-fallback[data-layout]{display:none}.mosaic-fallback[data-layout="mid"]{display:flex}}
@container portrait (min-aspect-ratio:86/100){.mosaic-fallback[data-layout]{display:none}.mosaic-fallback[data-layout="normal"]{display:flex}}
@container portrait (min-aspect-ratio:118/100){.mosaic-fallback[data-layout]{display:none}.mosaic-fallback[data-layout="wide"]{display:flex}}
.mosaic-pause{position:absolute;right:12px;bottom:12px;z-index:2;width:36px;height:36px;padding:0;border:1px solid #ffffff80;border-radius:50%;background:#143b31c9;color:#fff;cursor:pointer;font:18px/1 sans-serif;display:grid;place-items:center}
.mosaic-pause[hidden]{display:none}
.mosaic-pause:hover{background:#143b31}
.mosaic-pause:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* Shared opaque sticky header, matching the approved portrait layout. */
html{scroll-padding-top:calc(var(--header-height,128px) + 16px)}
.site-header{position:sticky;top:0;z-index:100;background:var(--page);height:clamp(84px,5.84vw,112px);min-height:0;padding:0 2.2vw;gap:2.65vw;line-height:1.5}
.site-header .mark{align-self:stretch;display:flex;align-items:center;justify-content:center;height:auto;min-height:0;width:clamp(86px,5.94vw,114px);font-size:clamp(16px,1.05vw,20px)}
.site-header nav{gap:2.1vw;font-size:clamp(16px,1.25vw,24px);line-height:1.5}
.site-header nav a{padding:18px 0}.site-header .role{margin:0 0 0 auto;white-space:nowrap;font-size:clamp(16px,1.3vw,25px);letter-spacing:-.03em;line-height:1.5}
.skip{position:fixed;z-index:110}
@media(min-width:761px) and (max-width:1150px){.site-header{gap:24px}.site-header nav{gap:20px}.site-header .role{font-size:16px}}
@media(max-width:760px){.site-header{height:auto;min-height:100px;padding:0 20px 12px;display:grid;grid-template-columns:70px minmax(0,1fr);gap:0 20px}.site-header .mark{width:70px;grid-row:1/3;min-height:88px;font-size:16px}.site-header nav{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:0 18px;padding-top:10px;font-size:16px}.site-header nav a{padding:5px 0}.site-header .role{font-size:16px;margin:3px 0 0;white-space:normal}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}