/* Local, OFL-licensed pixel accents; reading text keeps the SUIT family. */
::selection{background:#b6a7f3;color:#171322;text-shadow:none}
@media(hover:hover) and (pointer:fine){
 html,body{cursor:url('cursor-arrow.svg') 2 2,auto}
 a,button,[role=button],a *,button *{cursor:url('cursor-hand.svg') 10 2,pointer}
 input,textarea,[contenteditable=true]{cursor:text}
}
@font-face{font-family:Galmuri11;src:url('fonts/Galmuri11.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Galmuri11;src:url('fonts/Galmuri11-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
.pixel{font-family:Silkscreen,Galmuri11,monospace}
.creative-heading h2,.about-copy h2,.archive-group-head h3,.publish-intro h2{font-family:Galmuri11,monospace;font-weight:400;letter-spacing:-.045em;line-height:1.5;word-break:keep-all}
.creative-heading h2{font-size:33px}
.about-copy h2{font-size:clamp(29px,2.9vw,40px)}
.about-copy>p:not(.name-line){line-height:1.85}
.about-copy>.name-line+p{margin-top:12px}
.about-copy>p:not(.name-line)+p{margin-top:0}
.publish-intro h2{font-size:33px}
.avatar-caption h3{font-family:Galmuri11,monospace;font-size:16px;line-height:1.7;letter-spacing:-.04em}
.archive-group-head h3{font-size:28px}

/* Lime is the interaction colour. Pink is reserved for small keepsakes. */
.nav-link:hover,.breadcrumb:hover,.collection-end a:hover,.email-link:hover{color:var(--accent)}
.filter:hover:not(.active),.short-filter:hover,.art-filters button:hover{color:var(--accent);border-color:#7b964d;background:#ceff630a}
.short-filter[aria-pressed=true],.art-filters button[aria-pressed=true]{color:#15180e;background:var(--accent);border-color:var(--accent)}
.ai-jump{color:var(--accent);border-color:#ceff633d}
.ai-jump:hover{background:#ceff630a}
.hero-screen:hover .hero-play{box-shadow:4px 4px 0 #1119;rotate:0deg;scale:1.05}
.episode{color:#deded8}
.creative-heading>div>.pink,.collection-title-row>div>.pink,.art-caption>.pink,.web-card-copy>.pink,.publish-stage .mono.pink,.publish-path,.stage-number{color:var(--accent)}
.folder-card,.folder-card:nth-child(even){background:#191b18;border-color:#494e41;box-shadow:none}
.folder-card .folder-tab,.folder-card:nth-child(even) .folder-tab{background:#24281e;border-color:#494e41;color:var(--accent)}
.folder-card:nth-child(even) .folder-tab span{color:var(--pink)}
.folder-card:hover,.folder-card:nth-child(even):hover,.folder-card:focus-visible{border-color:#8ca951;box-shadow:0 8px 24px #0002;transform:translateY(-4px)}
.folder-card:hover .folder-tab,.folder-card:nth-child(even):hover .folder-tab{border-color:#8ca951}
.folder-caption>span,.folder-card:nth-child(even) .folder-caption>span{color:var(--accent)}
.collection-nav a:hover,.collection-nav a[aria-current=page]{background:#ceff630c;color:var(--accent);border-color:#8ca951}
.collection-nav a[aria-current=page]:hover{color:var(--accent)}
.collection-nav a>span,.short-filters>span{color:var(--accent)}
.art-card:nth-child(even),.web-card:nth-child(even){background:#191b17;border-color:#494e41}
.art-card:hover,.art-card:nth-child(even):hover,.web-card:hover,.web-card:nth-child(even):hover{border-color:#8ca951;box-shadow:none}
.art-expand,.art-card:nth-child(even) .art-expand{background:var(--accent);color:#171a12}
.web-links a:hover,.stage-link:hover{background:var(--accent);border-color:var(--accent);color:#15180e}
.web-links a,.stage-link{transition:background .2s,color .2s,border-color .2s}
.mini-browser{color:#bfc7b2}
.art-thumb img,.web-preview img{transition:transform .65s cubic-bezier(.22,1,.36,1)}

/* No channel offsets or translated image edges on media hover. */
.project-card,.project-card:nth-child(even){background:#171917;animation:none;transition:border-color .24s}
.project-card:hover,.project-card:focus-within,.project-card:nth-child(even):hover,.project-card:nth-child(even):focus-within{border-color:#637248;box-shadow:none}
.project-thumb:after{content:none;box-shadow:none}
.project-thumb:hover img{animation:none;filter:none;transform:scale(1.025)}
.project-thumb img{transition:transform .65s cubic-bezier(.22,1,.36,1);filter:none}
.project-thumb .project-play{transition:background .2s,color .2s,transform .25s}
.project-thumb:hover .project-play{transform:scale(1.08)}
.project-title-line>span{color:var(--accent)}
.project-meta-line{display:flex;align-items:center;justify-content:space-between;gap:8px 14px;flex-wrap:wrap;margin:18px 5px 0}
.project-meta-line .project-type{margin:0;font-size:10px;letter-spacing:.4px}
.scope-label{display:inline-block;color:#c8d0ba;font-size:11px;line-height:1.5;border:1px solid #414a35;padding:4px 7px;border-radius:4px;white-space:nowrap}
.project-title-line{margin-top:12px}
.project-title-line h3{font-size:21px;min-height:0;line-height:1.5;word-break:keep-all}
.project-summary{font-size:14px;line-height:1.85;color:#bdc0b7;word-break:keep-all;margin:10px 5px 0}
.project-role{display:flex;align-items:baseline;gap:9px;font-size:12px;line-height:1.9;margin-top:12px;color:#9fa895;word-break:keep-all}
.project-role>span{font:10px 'Courier New',monospace;letter-spacing:.7px;color:#7f8a70;flex:none}
.project-tools{padding-top:10px;font-size:11px;border-top:1px solid #2e3529}
.dialog-info .scope-label{margin-bottom:10px}
.dialog-info h2{font-family:Suit,sans-serif}

/* The complete archive reads as an index, with each format in its own chapter. */
.project-grid.is-grouped{display:block}
.archive-index{position:sticky;top:12px;z-index:3;display:flex;gap:8px 20px;flex-wrap:wrap;margin:0 0 38px;padding:14px 18px;background:#191c16ed;border:1px solid #4b573b;border-radius:7px;backdrop-filter:blur(12px)}
.archive-index a{font-size:12px;color:#c8d0bd;line-height:1.8}
.archive-index a:hover{color:var(--accent)}
.archive-index a span{font:10px Silkscreen,monospace;margin-right:7px;color:var(--accent)}
.archive-group+.archive-group{margin-top:66px}
.archive-group-head{display:flex;align-items:center;gap:18px;border-top:1px solid #525b44;padding-top:25px;scroll-margin-top:110px}
.archive-group-head>span:last-child{margin-left:auto;color:#939e83;font-size:11px}
.archive-group-head h3{margin:0;scroll-margin-top:110px}
.archive-note{font-size:14px;color:var(--muted);line-height:1.8;margin:12px 0 26px;word-break:keep-all}
.video-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px}
.archive-subgroup+.archive-subgroup{margin-top:40px}
.archive-subtitle{display:flex;align-items:center;gap:12px;font-family:Galmuri11,monospace;font-size:18px;font-weight:400;margin:0 0 19px;color:#e1e7d7}
.archive-subtitle .mono{font-size:10px;color:#96a77e}
.archive-subtitle .mono:last-child{border:1px solid #414c33;border-radius:4px;padding:2px 6px}

/* Small transitions, clean reveals, and occasional text-only digital interference. */
.signal-title{position:relative;isolation:isolate}
.signal-title:after{content:attr(data-signal);position:absolute;inset:0;pointer-events:none;color:var(--accent);opacity:0;white-space:inherit}
.signal-title.signal-burst:after{animation:signal-interference .32s steps(1,end) 1}
@keyframes signal-interference{0%,100%{opacity:0;clip-path:inset(40% 0 60%)}18%{opacity:.65;clip-path:inset(22% 0 65%);transform:translateX(2px)}36%{opacity:.4;clip-path:inset(69% 0 17%);transform:translateX(-2px)}54%{opacity:.6;clip-path:inset(42% 0 50%);transform:translateX(1px)}72%{opacity:0;transform:none}}
.motion-reveal{animation:quiet-reveal .65s cubic-bezier(.22,1,.36,1) backwards;animation-delay:var(--reveal-delay,0ms)}
@keyframes quiet-reveal{from{opacity:.25;transform:translateY(16px)}to{opacity:1;transform:none}}
.project-card.motion-reveal{animation:quiet-reveal .55s cubic-bezier(.22,1,.36,1) backwards;animation-delay:var(--reveal-delay,0ms)}
.feature-bar>.mono,.feature-bar>span:first-child>.pink{display:inline-block}
.feature-bar>span:first-child>.pink{animation:pixel-orbit 9s steps(4,end) infinite}
@keyframes pixel-orbit{0%,88%{transform:rotate(0)}100%{transform:rotate(180deg)}}
.collection-stamp{animation:stamp-breathe 7s ease-in-out infinite}
@keyframes stamp-breathe{0%,100%{translate:0 0}50%{translate:0 -4px}}
dialog[open]{animation:window-open .24s cubic-bezier(.22,1,.36,1)}
@keyframes window-open{from{opacity:.25;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
.footer-credit p{font-family:'DM Sans',Suit,sans-serif;font-size:10px;font-weight:500;letter-spacing:1.1px}
html[data-motion=off]{scroll-behavior:auto}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important}
html[data-motion=off] .typing-cursor{opacity:1}
@media(max-width:1050px){.project-meta-line{align-items:start}.creative-heading h2{font-size:29px}.archive-group-head h3{font-size:25px}}
@media(max-width:650px){.creative-heading h2{font-size:23px}.creative-heading>p{padding-top:23px}.about-copy h2{font-size:29px}.publish-intro h2{font-size:28px}.video-group-grid{grid-template-columns:minmax(0,1fr);gap:25px}.project-title-line h3{font-size:20px}.project-meta-line{gap:8px;margin-top:15px}.scope-label{font-size:10px}.project-summary{font-size:14px}.archive-index{top:8px;padding:11px 13px;gap:6px 15px;margin-bottom:27px}.archive-index a{font-size:11px}.archive-group-head{gap:11px;padding-top:20px}.archive-group-head h3{font-size:21px}.archive-group-head>span:last-child{font-size:9px}.archive-group-head>.pixel{font-size:10px}.archive-group+.archive-group{margin-top:45px}.archive-note{font-size:13px}.archive-subtitle{font-size:16px}.footer-credit p{font-size:9px;letter-spacing:.7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.typing-cursor{opacity:1}}

/* Alternating folder colours identify the four creative disciplines. */
.folder-card:nth-child(even){background:#201b1e;border-color:#75616b}
.folder-card:nth-child(even) .folder-tab{background:#201b1e;border-color:#75616b;color:var(--pink)}
.folder-card:nth-child(even) .folder-caption>span{color:var(--pink)}
.folder-card:nth-child(even):hover,.folder-card:nth-child(even):focus-visible{border-color:#dfc2d0;box-shadow:0 8px 24px #0002}
.folder-card:nth-child(even):hover .folder-tab{border-color:#dfc2d0}
.folder-caption p{font-size:14px;line-height:1.75;color:#bcbdb7}
.folder-card:nth-child(even) .folder-caption p{color:#c5bcc0}
.cinema-preview{background:radial-gradient(ellipse at 50% 70%,#173b3f 0%,#092126 48%,#02090b 100%);border:1px solid #31535880}
.cinema-preview>span{color:#b5cccc}
.cinema-cover{background:#08191d;border-color:#315358}
.cinema-cover .mini-browser{background:#061216;border-color:#315358;color:#b5cccc}
.cinema-cover>div{background:radial-gradient(ellipse at 50% 70%,#173b3f 0%,#092126 48%,#02090b 100%)}
.cinema-cover p{color:#d0dfdf}
.cinema-open{border-color:#315358;background:#071519}
.cinema-project-preview{background:#000}
.museum-preview{background:linear-gradient(145deg,#cad8d1,#a6bdb3)}
.museum-preview>img{object-position:center top;transform:none}
.cinema-project-preview>img{object-fit:contain;object-position:center}
.cinema-cover>.cinema-project-image{display:block;min-height:0;padding:0;aspect-ratio:16/9;background:#000}
.cinema-cover>.cinema-project-image>img{width:100%;height:100%;max-width:none;object-fit:contain}
.project-views{position:absolute;left:12px;bottom:16px;padding:5px 8px;border:1px solid #ffffff25;border-radius:4px;background:#10140fe8;color:#d1d7c9;font-size:12px;line-height:1.5;backdrop-filter:blur(5px)}
.project-views strong{color:var(--accent);font-weight:500;margin-left:4px}
.back-to-top{position:fixed;z-index:8;right:22px;bottom:22px;width:46px;min-height:52px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;background:#1b2016ed;border:1px solid #7d9650;border-radius:7px;box-shadow:0 5px 20px #0004;color:var(--accent);backdrop-filter:blur(8px);transition:background .2s,transform .2s}
.back-to-top>span:first-child{font-family:Galmuri11,monospace;font-size:22px;line-height:1}
.back-to-top>.pixel{font-size:10px;line-height:1.5}
.back-to-top:hover{background:var(--accent);color:#1b2016;transform:translateY(-3px)}
.back-to-top:focus-visible{outline-offset:3px}
.back-to-top:not([hidden]){animation:top-appear .24s ease-out}
@keyframes top-appear{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
.footer{padding-right:35px}
.footer-credit>.mono{font-family:'DM Sans',sans-serif;font-size:11px;letter-spacing:.3px}
@media(max-width:1050px){.folder-caption p{font-size:14px}}
@media(max-width:650px){
 .header{gap:12px}.header nav{gap:12px}.header .nav-link{font-size:11px;letter-spacing:0;line-height:1.35}.header .nav-link[href*="creative-work"]{max-width:58px;text-align:center}
 .creative-heading{display:block}.creative-heading>p{max-width:none;padding-top:0;margin-top:14px;font-size:14px;line-height:1.8}
 .folder-caption p{font-size:12px;line-height:1.8}.folder-caption{padding:13px 9px}
 .back-to-top{right:13px;bottom:14px;width:42px;min-height:48px}.footer{padding-right:0;padding-bottom:84px}
 .project-views{font-size:11px;bottom:13px;left:10px}
}

/* An editorial timeline introduces the work without delaying the featured film. */
.hero-description{margin-bottom:22px}
.edit-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;position:relative;padding:12px 0 14px;margin-bottom:22px;border-top:1px solid #424b34;border-bottom:1px solid #424b34;overflow:hidden}
.timeline-step>.pixel{font-size:12px;color:#a9b99a;letter-spacing:0}
.timeline-step>p{font-family:Galmuri11,monospace;font-size:14px;margin-top:5px;line-height:1.6;color:#e0e5d8}
.timeline-clips{display:flex;gap:4px;height:7px;margin-top:12px}
.timeline-clips i{display:block;background:#ceff633c;flex:1;transition:background .22s}
.timeline-clips i:nth-child(2){flex:1.8}.timeline-clips i:nth-child(3){flex:.6}
.timeline-step:nth-child(2) .timeline-clips i{background:#ceff636d}
.timeline-step:nth-child(3) .timeline-clips i{background:#ceff63a3}
.timeline-step:hover .timeline-clips i{background:var(--accent);animation:clip-pop .38s steps(3,end)}
.timeline-step:hover .timeline-clips i:nth-child(even){animation-delay:.08s}
@keyframes clip-pop{50%{translate:0 -3px;opacity:.65}}
.timeline-playhead{position:absolute;top:0;bottom:0;left:0;width:1px;background:var(--pink);opacity:.6;box-shadow:0 0 9px #f9dce935;animation:timeline-pass 7s cubic-bezier(.3,.05,.3,1) infinite;pointer-events:none}
.timeline-playhead:before{content:'';position:absolute;top:0;left:-3px;width:7px;height:6px;background:var(--pink);clip-path:polygon(0 0,100% 0,100% 50%,65% 50%,65% 100%,35% 100%,35% 50%,0 50%)}
@keyframes timeline-pass{0%,12%{left:0;opacity:0}15%{opacity:.65}74%{left:100%;opacity:.65}76%,100%{left:100%;opacity:0}}
.signal-title:before{content:attr(data-signal);position:absolute;inset:0;pointer-events:none;opacity:0;color:var(--pink);white-space:inherit}
.signal-title.signal-burst:before{animation:signal-pink .48s steps(1,end) 1}
.signal-title.signal-burst:after{color:#fff;animation:signal-bright .48s steps(1,end) 1}
@keyframes signal-bright{0%,100%{opacity:0;transform:none;clip-path:inset(0 0 100%)}12%{opacity:1;clip-path:inset(17% 0 60%);transform:translateX(5px);text-shadow:-3px 0 var(--accent)}28%{opacity:.9;clip-path:inset(65% 0 10%);transform:translateX(-4px)}43%{opacity:.8;clip-path:inset(38% 0 48%);transform:translateX(3px)}58%{opacity:0}72%{opacity:.9;clip-path:inset(74% 0 14%);transform:translateX(-2px)}86%{opacity:0}}
@keyframes signal-pink{0%,100%{opacity:0;transform:none;clip-path:inset(0 0 100%)}12%{opacity:.95;clip-path:inset(17% 0 60%);transform:translateX(-5px)}28%{opacity:.8;clip-path:inset(65% 0 10%);transform:translateX(5px)}43%{opacity:.85;clip-path:inset(38% 0 48%);transform:translateX(-3px)}58%{opacity:0}72%{opacity:.8;clip-path:inset(74% 0 14%);transform:translateX(3px)}86%{opacity:0}}
.click-pixel{position:fixed;z-index:20;width:5px;height:5px;pointer-events:none;background:#ff83c8;box-shadow:0 0 6px #ff83c850;animation:pixel-scatter .46s cubic-bezier(.1,.7,.2,1) forwards}
@keyframes pixel-scatter{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}70%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.4)}}
.ai-scope{border-color:#ba9aaa;background:#f9dce90b;color:var(--pink)}
.footer-credit p{font-size:12px;letter-spacing:.15px;color:#c0c7b7}
.footer-credit>.mono{font-size:12px;letter-spacing:0}
.header .nav-link[href*="creative-work"]{max-width:none}
@media(max-width:650px){.edit-timeline{gap:13px;padding-top:12px;margin-bottom:19px}.timeline-step>.pixel{font-size:10px}.timeline-step>p{font-size:12px;letter-spacing:-.5px}.timeline-clips{gap:3px;height:6px;margin-top:9px}.footer-credit>.mono{font-size:11px}.footer-credit p{font-size:12px}.header nav{gap:16px}.click-pixel{width:4px;height:4px}}

/* Symmetric side columns keep the credit centred on the page, not between unequal labels. */
.footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;align-items:center;padding-inline:0}
.footer>.wordmark{justify-self:start}
.footer-credit{grid-column:2;grid-row:1;text-align:center;justify-self:center}
.footer-credit p{color:inherit;letter-spacing:0;font-weight:500;margin-top:6px}
.footer-credit>.mono,.footer-credit>p{font-family:'DM Sans',sans-serif;font-weight:400}
.footer-label{justify-self:end;color:var(--muted);font-size:12px}
.role-notes{margin-top:30px;padding-top:20px;border-top:1px solid #41483a}
.role-notes-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:7px}
.role-notes-head h3{font-family:Galmuri11,monospace;font-size:16px;font-weight:400;color:#d8e1cc}
.role-notes-head>.mono{font-size:11px;color:#8d9980;letter-spacing:0}
.role-list{list-style:none;margin:0;padding:0}
.role-note{display:grid;grid-template-columns:24px minmax(0,1fr);gap:13px;align-items:center;width:100%;text-align:left;padding:15px 0;border-bottom:1px solid #31382b;transition:background .2s}
.role-note:hover{background:#ceff6305}
.role-note strong{transition:color .2s}
.role-note:hover strong{color:var(--accent)}
.role-note-number{font-size:11px;color:#8c9d76}
.role-note strong{display:block;font-family:Suit,sans-serif;font-size:15px;font-weight:500;line-height:1.6;color:#e0e4d9}
.role-note small{display:block;font-size:12px;color:#a1aa95;line-height:1.8;margin-top:3px;word-break:keep-all}
@media(max-width:650px){.role-notes{margin-top:25px}.role-note{gap:9px;grid-template-columns:22px minmax(0,1fr);padding-block:14px}.role-note strong{font-size:14px}.role-note small{font-size:12px}.role-notes-head>.mono{font-size:10px}}
.timeline-step:nth-child(1) .timeline-clips i{background:#ceff6380}
.timeline-step:nth-child(2)>.pixel,.timeline-step:nth-child(2)>p{color:var(--pink)}
.timeline-step:nth-child(2) .timeline-clips i{background:#edabd0}
.timeline-step:nth-child(2):hover .timeline-clips i{background:#ff6cbc}
.timeline-step:nth-child(3) .timeline-clips i{background:#ceff63c9}
.timeline-playhead{width:2px;background:#ff49ad;box-shadow:0 0 10px #ff49ad70}
.timeline-playhead:before{left:-4px;width:10px;height:8px;background:#ff49ad}
@keyframes timeline-pass{0%,12%{left:0;opacity:0}15%{opacity:1}74%{left:100%;opacity:1}76%,100%{left:100%;opacity:0}}
.signal-title:before{color:#ff29aa}
.signal-title.signal-burst:after{color:#b3ff00}
@keyframes signal-bright{0%,100%{opacity:0;transform:none;clip-path:inset(0 0 100%)}12%{opacity:1;clip-path:inset(17% 0 60%);transform:translateX(5px);text-shadow:-3px 0 #b3ff00}28%{opacity:1;clip-path:inset(65% 0 10%);transform:translateX(-4px)}43%{opacity:1;clip-path:inset(38% 0 48%);transform:translateX(3px)}58%{opacity:0}72%{opacity:1;clip-path:inset(74% 0 14%);transform:translateX(-2px)}86%{opacity:0}}
@media(max-width:650px){
 .footer{grid-template-columns:1fr 1fr;gap:20px 12px}
 .footer-credit{grid-column:1/-1;grid-row:2;width:100%;text-align:center}
 .footer-label{grid-column:2;grid-row:1}
 .footer-credit>.mono{font-size:11px;line-height:1.8}.footer-credit p{font-size:12px}
 .header nav{gap:12px}.header .nav-link[href*="creative-work"]{max-width:60px;text-align:center}
}

/* Shared responsive navigation. Closed links are hidden from keyboard navigation. */
.header{position:relative;z-index:10}
.menu-toggle{align-items:center;justify-content:center;gap:10px;min-width:92px;min-height:44px;padding:9px 12px;border:1px solid #617446;border-radius:6px;color:var(--accent);background:#1b2016;font-family:'DM Sans',sans-serif;font-size:14px}
.menu-icon{display:flex;flex-direction:column;justify-content:center;gap:4px;width:19px;height:22px}
.menu-icon i{display:block;height:2px;width:19px;background:currentColor;transition:transform .18s,opacity .18s}
.menu-open .menu-icon i:first-child{transform:translateY(6px) rotate(45deg)}
.menu-open .menu-icon i:nth-child(2){opacity:0}
.menu-open .menu-icon i:last-child{transform:translateY(-6px) rotate(-45deg)}
@media(max-width:800px){
 .header{height:78px;flex-wrap:wrap;gap:0}
 .header .header-note{display:none}
 .header .menu-toggle:not([hidden]){display:inline-flex;margin-left:auto}
 .header .primary-nav{width:100%;flex-wrap:wrap;padding:12px 0}
 .header.nav-ready .primary-nav{position:absolute;top:calc(100% - 1px);left:0;right:0;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:9px;border:1px solid #4d593f;border-radius:0 0 9px 9px;background:#171c14fa;box-shadow:0 16px 35px #0005;backdrop-filter:blur(14px);max-height:calc(100dvh - 100px);overflow-y:auto}
 .header.nav-ready .primary-nav .nav-link{max-width:none;width:100%;text-align:center;padding:14px 22px;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;line-height:1.3;letter-spacing:0;border-radius:4px}
 .header.nav-ready .primary-nav .nav-link:hover,.header.nav-ready .primary-nav .nav-link:focus-visible{background:#ceff630c;color:var(--accent)}
 .header.nav-ready .primary-nav .nav-link:before{left:7px;top:18px;font-size:9px}
 .header.menu-open .primary-nav{animation:menu-arrive .2s ease-out}
}
@keyframes menu-arrive{from{opacity:0;translate:0 -5px}to{opacity:1;translate:0 0}}