/* Night Agenda — finishing layer. Loaded last; overrides only what it names. */
:root{--na-ease-out:cubic-bezier(.19,1,.22,1);--na-ease-io:cubic-bezier(.65,0,.35,1);--nav-type:11px}

/* ---------- Smooth scroll (Lenis) ---------- */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}

/* ---------- Header: readable and easy to hit (audit D1) ---------- */
.c-header .c-nav a,.na-preorder-state,.na-header-action{min-height:44px;display:inline-flex;align-items:center}
.na-preorder-state{gap:.7ch}
@media(max-width:760px){.c-header .c-menu-trigger{min-height:44px;top:6px!important}body:not(.home-view) .c-header .c-brand{top:16px}}
.c-header .c-nav a{padding:0}
.c-header .c-nav a::after{bottom:11px}
.na-preorder-clock .header-clock-slot{width:112px}
@media(max-width:1100px){:root{--nav-type:10px}}
@media(max-width:760px){
 :root{--nav-type:10px}
 .na-preorder-state,.na-header-action{min-height:40px;padding:0!important}
 .na-preorder-clock,.na-preorder-clock .header-clock-slot{width:100px}
}

/* ---------- Titles enter line by line ---------- */
.na-touch [data-night-lines] .na-line{display:block!important;overflow:clip;overflow-clip-margin:.12em;padding-bottom:.04em;margin:0!important;color:inherit;opacity:1!important;transform:none!important}
.na-touch [data-night-lines] .na-line-inner{display:block!important;margin:0!important;transform:translate3d(0,108%,0)!important;transition:transform 1.25s var(--na-ease-out) calc(var(--line,0)*110ms + 80ms)!important}
.na-touch [data-night-lines].na-lines-in .na-line-inner{transform:none!important}
/* Inline titles keep their own alignment. */
.na-touch .stamp-story-title[data-night-lines] .na-line-inner>span{display:inline!important}

/* ---------- Rules draw in ---------- */
.na-touch [data-night-rule]{position:relative}
.na-touch .c-faq details[data-night-rule],.na-touch .na-faq-list details[data-night-rule]{border-top-color:transparent!important}
.na-touch .c-faq details[data-night-rule],.na-touch .na-faq-list details[data-night-rule]{background:linear-gradient(rgba(242,240,233,.24),rgba(242,240,233,.24)) 0 0/0% 1px no-repeat;transition:background-size 1.1s var(--na-ease-out) calc(var(--rule-i,0)*70ms)}
.na-touch .c-faq details[data-night-rule].na-rule-in,.na-touch .na-faq-list details[data-night-rule].na-rule-in{background-size:100% 1px}
.na-touch .c-faq details[data-night-rule]>summary{opacity:0;transform:translateY(10px);transition:opacity .8s var(--na-ease-out) calc(var(--rule-i,0)*70ms + 120ms),transform .9s var(--na-ease-out) calc(var(--rule-i,0)*70ms + 120ms),color .18s}
.na-touch .c-faq details[data-night-rule].na-rule-in>summary{opacity:1;transform:none}

/* ---------- FAQ: one panel, reachable from everywhere ---------- */
.na-faq-dialog{position:fixed;inset:0 0 0 auto;margin:0;height:100svh;max-height:100svh;width:min(640px,100%);max-width:100%;padding:0;display:none;flex-direction:column;
 background:linear-gradient(180deg,rgba(32,67,78,.16),transparent 38%),var(--ink);color:var(--paper);border-left:1px solid rgba(242,240,233,.14);box-shadow:-40px 0 120px rgba(0,0,0,.45);overflow:hidden;
 clip-path:inset(0 0 0 100%);transition:clip-path .9s var(--na-ease-out),display .9s allow-discrete,overlay .9s allow-discrete}
.na-faq-dialog[open]{display:flex;clip-path:inset(0 0 0 0)}
@starting-style{.na-faq-dialog[open]{clip-path:inset(0 0 0 100%)}}
.na-faq-dialog::backdrop{background:rgba(var(--ink-rgb),0);backdrop-filter:blur(0);transition:background .6s,backdrop-filter .6s,display .6s allow-discrete,overlay .6s allow-discrete}
.na-faq-dialog[open]::backdrop{background:rgba(var(--ink-rgb),.62);backdrop-filter:blur(6px)}
@starting-style{.na-faq-dialog[open]::backdrop{background:rgba(var(--ink-rgb),0);backdrop-filter:blur(0)}}
/* The red seam on the panel edge, as in the page cut. */
.na-faq-dialog::before{content:'';position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--red);transform:scaleY(0);transform-origin:top;transition:transform 1.1s var(--na-ease-out) .15s;z-index:2}
.na-faq-dialog[open]::before{transform:scaleY(1)}
@starting-style{.na-faq-dialog[open]::before{transform:scaleY(0)}}
#faq-content{display:flex;flex-direction:column;height:100%;overflow-y:auto;overscroll-behavior:contain;padding:28px clamp(22px,3.4vw,48px) 0;scrollbar-width:thin;scrollbar-color:rgba(242,240,233,.25) transparent}
.na-faq-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:26px;border-bottom:1px solid rgba(242,240,233,.18)}
.na-faq-kicker{font-size:10px;font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:var(--service-grey);margin-bottom:22px}
.na-faq-head :is(h1,h2){font-size:clamp(46px,6vw,78px);line-height:.92;letter-spacing:-.065em;text-transform:uppercase;font-weight:700}
.na-faq-close{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:10px;font-weight:400;letter-spacing:.04em;color:var(--paper)}
.na-faq-close span:last-child{font-size:22px;line-height:1;transition:transform .6s var(--na-ease-out),color .2s}
.na-faq-close:hover span:last-child{transform:rotate(90deg);color:var(--red)}
.na-faq-intro{font-size:12px;font-weight:400;line-height:1.7;color:var(--service-grey);padding:20px 0 6px}
.na-faq-body{flex:1}
.na-faq-group{padding-top:34px;opacity:0;transform:translateY(18px);transition:opacity .9s var(--na-ease-out),transform 1s var(--na-ease-out);transition-delay:calc(var(--i)*90ms + 300ms)}
.na-faq-dialog[open] .na-faq-group{opacity:1;transform:none}
@starting-style{.na-faq-dialog[open] .na-faq-group{opacity:0;transform:translateY(18px)}}
.na-faq-group-title{display:flex;gap:14px;font-size:10px;font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:var(--service-grey);margin-bottom:12px}
.na-faq-group-title span{color:var(--red)}
.na-faq-list.accordion details{border-top:1px solid rgba(242,240,233,.18)}
.na-faq-list.accordion details:last-child{border-bottom:1px solid rgba(242,240,233,.18)}
.na-faq-list.accordion summary{display:flex;gap:16px;align-items:baseline;font-size:13px;line-height:1.45;padding:19px 36px 19px 0;min-height:44px;transition:color .18s}
.na-faq-list.accordion summary>*{transition:transform .6s var(--na-ease-out),color .2s}
.na-faq-list.accordion summary:hover>*{transform:translateX(6px)}
.na-faq-list .answer{font-size:13px;font-weight:400;line-height:1.75;padding:0 30px 24px 36px;color:rgba(242,240,233,.86);text-transform:none}
.na-faq-list .answer p+p{margin-top:10px}
.na-faq-list .answer a{text-decoration:underline;text-underline-offset:4px}
.na-faq-list .emission-faq-reminder .answer{padding-left:36px}
.na-faq-foot{display:flex;flex-wrap:wrap;gap:6px 26px;align-items:center;margin:44px calc(-1*clamp(22px,3.4vw,48px)) 0;padding:24px clamp(22px,3.4vw,48px) calc(26px + env(safe-area-inset-bottom));border-top:1px solid rgba(242,240,233,.18);background:rgba(39,37,40,.55);font-size:11px;font-weight:400;position:sticky;bottom:0;backdrop-filter:blur(10px)}
.na-faq-foot p{width:100%;color:var(--service-grey);font-size:10px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px}
.na-faq-foot a{min-height:36px;display:inline-flex;align-items:center;transition:color .18s}
.na-faq-foot a:hover{color:var(--red)}

/* "All questions" at the end of the Emission page */
.na-faq-more{display:flex;align-items:center;gap:14px;width:100%;margin-top:26px;padding:18px 0;min-height:56px;border-bottom:1px solid currentColor;font-size:12px;text-transform:uppercase;color:var(--paper);text-align:left}
.na-faq-more span:first-child{flex:1}
.na-faq-more-count{font-size:10px;font-weight:400;color:var(--red)}
.na-faq-more span:last-child{transition:transform .5s var(--na-ease-out)}
.na-faq-more:hover{color:var(--red)}
.na-faq-more:hover span:last-child{transform:translate(4px,-4px)}

/* Line under the purchase button */
.na-faq-nudge{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;margin-top:8px;padding:6px 0;font-size:11px;font-weight:400;letter-spacing:.01em;color:var(--service-grey);text-align:left;transition:color .2s}
.na-faq-nudge span:nth-child(2){flex:1}
.na-faq-nudge:hover{color:var(--paper)}
.na-faq-nudge span:last-child{transition:transform .5s var(--na-ease-out)}
.na-faq-nudge:hover span:last-child{transform:translate(3px,-3px)}

/* Mobile menu: the questions entry is a link like the others */
.menu-links a[data-open-faq] small{color:var(--red)}

@media(max-width:760px){
 .na-faq-dialog{width:100%;border-left:0}
 #faq-content{padding-top:20px}
 .na-faq-head :is(h1,h2){font-size:44px}
 .na-faq-list .answer{padding-left:0;padding-right:0}
 .na-faq-list .emission-faq-reminder .answer{padding-left:0}
 .na-faq-foot{position:static;margin-top:36px}
}

@media(prefers-reduced-motion:reduce){
 .na-faq-dialog,.na-faq-dialog::backdrop,.na-faq-dialog::before,.na-faq-group{transition:none!important}
 .na-faq-group{opacity:1;transform:none}
}

/* =========================================================
   Quieter type (02/11): Geist for reading and UI,
   Geist Mono only for titles, codes and numbers.
   Labels in sentence case, no arrows, no brackets.
   ========================================================= */
@font-face{font-family:'Geist';src:url('assets/Geist-Variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('assets/GeistMono-Variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--font:'Geist Mono',ui-monospace,monospace;--mono:'Geist Mono',ui-monospace,monospace;--sans:'Geist',system-ui,-apple-system,sans-serif;--nav-type:13px}

body{font-family:var(--sans);font-weight:400;letter-spacing:-.006em;font-feature-settings:'ss01' 0}
/* Everything reads in sentence case, titles excepted. */
body :is(p,a,button,span,small,label,summary,li,dt,dd,th,td,figcaption,input,div,strong,em,time,aside,nav,h3,h4,legend,output):not(h1 *,h2 *){text-transform:none!important;letter-spacing:-.006em}
body :is(p,a,button,span,small,label,summary,li,dd,th,td,figcaption,div,strong,h3,h4){font-weight:inherit}
input,button,select,textarea{font-family:var(--sans)}
::placeholder{text-transform:none}
p{text-wrap:pretty}

/* Titles keep the brand voice. */
h1,h2,.display-title,.hero-title,.c-scene-title,.stamp-story-title,.c-archive-title,.na-faq-head :is(h1,h2){font-family:var(--mono);font-weight:600;text-wrap:balance}
/* Codes, clocks, prices, timecodes: tabular mono. */
.header-clock-slot,.na-preorder-clock,.c-countdown,[class*=countdown],[class*=timecode],.price,.c-price,.archive-code,.c-archive-code{font-family:var(--mono)!important;font-variant-numeric:tabular-nums;letter-spacing:0!important}

/* Header: no fluted glass, no status label, plain words. */
.c-header.site-header.na-glass-ready{backdrop-filter:none!important}
.c-header.site-header{background:linear-gradient(rgba(var(--ink-rgb),.55),rgba(var(--ink-rgb),0))!important}
.c-header .c-nav{gap:clamp(18px,2vw,30px)!important}
.c-header .c-nav a,.na-preorder-state,.na-header-action,.c-menu-trigger,.cart-button{font-size:var(--nav-type)!important;font-weight:450;letter-spacing:-.01em!important}
.c-header .c-nav a::after{display:none!important}
.c-header .c-nav a{opacity:.62;transition:opacity .15s ease-out}
.c-header .c-nav a[aria-current=page]{opacity:1}
@media(hover:hover){.c-header .c-nav a:hover{opacity:1;color:inherit!important}}
.na-preorder-state{gap:8px!important;color:var(--paper)!important;opacity:.62}
.na-dot{width:6px;height:6px;border-radius:50%;background:var(--service-grey);flex:none}
[data-phase=open] .na-dot{background:var(--red);box-shadow:0 0 0 3px rgba(255,34,1,.18)}
.na-preorder-clock{font-size:12px!important;opacity:.62}
.na-header-action{color:var(--paper)!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:rgba(242,240,233,.4);transition:text-decoration-color .15s ease-out}
@media(hover:hover){.na-header-action:hover{text-decoration-color:currentColor}}

/* One filled button per screen: a soft pill. Others become text. */
.btn{border-radius:999px!important;border:1px solid transparent!important;min-height:48px!important;padding:13px 24px!important;font-size:14px!important;font-weight:500!important;letter-spacing:-.01em!important;justify-content:center!important;gap:10px!important;transition-property:background-color,color,scale!important;transition-duration:.15s!important;transition-timing-function:ease-out!important}
.btn-primary,.btn-dark{background:var(--paper)!important;color:var(--ink)!important}
@media(hover:hover){.btn-primary:hover,.btn-dark:hover{background:#fff!important}}
.btn-outline{background:rgba(242,240,233,.08)!important;color:var(--paper)!important;box-shadow:inset 0 0 0 1px rgba(242,240,233,.18)}
@media(hover:hover){.btn-outline:hover{background:rgba(242,240,233,.14)!important}}
:is(.btn,.na-faq-more,.na-faq-nudge,.c-hero-cta,[class*=cta]):not(:disabled):active{scale:.96}
.arrow-link,.text-link,.em-text-link{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:rgba(242,240,233,.4);border-bottom:0!important;gap:0!important;font-size:13px!important}

/* Sizes: rounded, not boxed. */
.em-buy .sizes{border:0!important;gap:6px!important}
.em-buy .size{border-radius:10px!important;background:rgba(242,240,233,.06)!important;box-shadow:none!important;font-family:var(--sans);font-size:14px!important}
.em-buy .size+.size{border-left:0!important}
.em-buy .size.selected{background:var(--paper)!important;color:var(--ink)!important}

/* Accordions: sentence case, a thin rule, a quiet plus. */
.accordion summary{font-size:15px!important;font-weight:450}
.accordion .answer{font-size:14px!important;line-height:1.65!important;color:rgba(242,240,233,.78)}

/* FAQ panel, quieter */
.na-faq-kicker,.na-faq-group-title,.na-faq-foot p{font-size:13px!important;letter-spacing:-.006em!important;color:var(--service-grey)}
.na-faq-group-title{gap:0;margin-bottom:6px}
.na-faq-close{font-size:14px!important;text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(242,240,233,.4)}
.na-faq-list.accordion summary{font-size:15px!important;padding:17px 36px 17px 0}
.na-faq-list .answer,.na-faq-list .emission-faq-reminder .answer{padding-left:0!important;font-size:14px!important}
.na-faq-intro{font-size:15px!important;color:rgba(242,240,233,.7)}
.na-faq-foot{font-size:14px!important}
.na-faq-foot a{text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(242,240,233,.4)}
.na-faq-dialog::before{display:none}
.na-faq-more{font-size:15px!important;border-bottom:0!important;padding:16px 0!important;gap:8px!important}
.na-faq-more span:first-child{flex:none!important;text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(242,240,233,.4)}
.na-faq-more-count{font-family:var(--mono);font-size:12px!important;color:var(--service-grey)!important}
.na-faq-nudge{font-size:14px!important}
.na-faq-nudge span{text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(139,136,134,.5)}

/* Small labels on photos and sections: quiet, readable. */
.c-eyebrow,.section-kicker,.eyebrow,.field-label,.footer-label,.c-scene-label,[class*=kicker],[class*=label]{font-size:12px!important;letter-spacing:-.006em!important}
.menu-dialog .menu-links a{font-family:var(--sans);font-weight:500;text-transform:none!important;letter-spacing:-.035em}

/* Header bar: one flat dark band, no stripes, no tinted glass. */
.c-header.site-header::before{display:none!important}
.c-header.site-header::after{background:rgba(var(--ink-rgb),.86)!important;backdrop-filter:none!important}
.c-header.site-header{border-bottom:1px solid rgba(242,240,233,.07)!important}
.c-hero-preorder{border-radius:999px!important;border:0!important;min-height:48px!important;padding:13px 26px!important;font-size:14px!important;font-weight:500!important;background:var(--paper)!important;color:var(--ink)!important;transition-property:background-color,scale!important;transition-duration:.15s!important;transition-timing-function:ease-out!important}
@media(hover:hover){.c-hero-preorder:hover{background:#fff!important}}
.c-hero-preorder:active{scale:.96}
.em-details-heading{font-family:var(--sans)!important;font-size:13px!important;font-weight:500!important;color:var(--service-grey);text-transform:none!important}
.em-buy details summary,.c-product-info details summary{font-size:15px!important;font-weight:450}
.em-buy details .answer,.c-product-info details .answer{font-size:14px!important;line-height:1.65!important}
.em-prose,.em-prose p{font-size:15px!important;line-height:1.6!important}
.em-buy-status,.c-product-info .em-buy-status{font-size:13px!important}
/* Captions on photos: small but readable. */
.c-photo-label,.c-scene-label,[class*=scene-label],[class*=photo-caption],.c-gallery-tabs button,.em-gallery-tabs button{font-size:12px!important}
/* Inline actions: underlined words, not a long rule. */
.c-inline-action{border-bottom:0!important;width:auto!important;min-width:0!important;max-width:none!important;display:inline-flex!important;padding:10px 0!important;font-size:14px!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:rgba(242,240,233,.45);transition:text-decoration-color .15s ease-out}
.c-inline-action::before,.c-inline-action::after{display:none!important}
@media(hover:hover){.c-inline-action:hover{text-decoration-color:currentColor}}
.c-faq summary{font-size:15px!important}
.na-faq-head :is(h1,h2){letter-spacing:-.035em!important}
/* Mobile menu: plain list, left aligned, no index numbers. */
.menu-dialog .menu-links small{display:none!important}
.menu-dialog .menu-links a{display:flex!important;justify-content:flex-start!important;font-size:clamp(28px,8vw,46px)!important}
.menu-dialog .menu-links a>span{text-align:left!important}
.menu-close{font-size:15px!important;text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(242,240,233,.4)}

/* 02/11 bis: all text back in mono (Geist Mono), sentence case kept. */
:root{--sans:'Geist Mono',ui-monospace,monospace}
body{letter-spacing:-.01em}
/* Hero: only "Guarda il film", no rule above, no pause, no timecode. */
.c-home-bottom{border-top:0!important}
.c-film-controls>button:nth-child(2),.c-film-time{display:none!important}
/* No corner labels or arrows on the photos. */
.c-scene-register,.c-scene-foot{display:none!important}
/* Navbar in capitals (Milo, 02/11). */
body .c-header :is(a,button,span,div,nav,aside){text-transform:uppercase!important}
.c-header .c-nav a,.na-preorder-state,.na-header-action,.c-menu-trigger{font-size:12px!important;letter-spacing:.02em!important}

/* Navbar (02/11): same layout as before, one solid fully dark band. */
.c-header.site-header::before{display:none!important}
.c-header.site-header::after{background:var(--ink)!important;opacity:1!important;backdrop-filter:none!important}
.c-header.site-header,.c-header.site-header.header-clock-managed{background:var(--ink)!important;border-bottom:1px solid rgba(242,240,233,.08)!important}
.c-header :is(.c-nav,.na-header-preorder,.c-menu-trigger){text-shadow:none!important}
/* Navbar Ink. */
.c-header.site-header,.c-header.site-header.header-clock-managed{background:#151416!important;border-bottom:0!important}
.c-header.site-header::after{background:#151416!important}

/* =========================================================
   Nossara pass (02/11) — ref nossara.com
   One light grotesk (Geist 300), small sizes, capitals with
   tight tracking, small titles, thin pill outlines.
   Paragraphs stay in sentence case.
   ========================================================= */
:root{--sans:'Geist',system-ui,-apple-system,sans-serif;--na-track:-.02em}
html body{font-family:var(--sans);font-weight:300;letter-spacing:var(--na-track);font-size:14px}
html body *{font-family:var(--sans)!important;font-weight:300!important;letter-spacing:var(--na-track)!important}
/* Labels, nav, buttons, titles: capitals. */
html body :is(a,button,span,small,label,summary,li,dt,dd,th,td,figcaption,div,strong,em,time,aside,nav,h1,h2,h3,h4,legend,output){text-transform:uppercase!important}
/* Reading text: as written. */
html body :is(p,p *,.answer,.answer *,.em-prose,.em-prose *,input,textarea,.na-faq-intro,.letterbox-page textarea){text-transform:none!important}
html body p:is(.c-eyebrow,[class*=kicker],[class*=eyebrow],[class*=label],.small-copy,.c-tagline),html body p:is(.c-eyebrow,[class*=kicker],[class*=eyebrow],[class*=label]) *{text-transform:uppercase!important}
html body p{font-size:15px;line-height:1.45!important;text-wrap:pretty}
/* Numbers line up. */
.header-clock-slot,.header-clock-slot *,.price,.c-price,[class*=countdown],[class*=timecode]{font-variant-numeric:tabular-nums}

/* Titles: small, light, tight. */
html body :is(h1,h2,.display-title,.c-scene-title,.stamp-story-title,.c-archive-title,.hero-title,.c-purchase-end h2,.na-faq-head :is(h1,h2),.em-buy h1){font-size:clamp(22px,2.2vw,32px)!important;line-height:1.04!important;letter-spacing:-.035em!important;font-weight:300!important}
html body h1.c-question,html body h1.c-question *{font-size:clamp(14px,1.1vw,16px)!important;letter-spacing:-.01em!important}
html body .menu-dialog .menu-links a{font-size:clamp(24px,6vw,32px)!important;letter-spacing:-.035em!important}

/* Thin pill outlines, as on the ref labels. */
.na-header-action,.c-film-controls>button:first-child,.c-hero-preorder,.na-faq-close,.menu-close,.c-menu-trigger{
 display:inline-flex!important;align-items:center!important;min-height:26px!important;padding:3px 11px 2px!important;border:1px solid currentColor!important;border-radius:999px!important;
 background:transparent!important;color:var(--paper)!important;text-decoration:none!important;font-size:12px!important;line-height:1!important;box-shadow:none!important;
 transition-property:background-color,color,scale!important;transition-duration:.15s!important;transition-timing-function:ease-out!important}
@media(hover:hover){.na-header-action:hover,.c-film-controls>button:first-child:hover,.c-hero-preorder:hover,.na-faq-close:hover,.menu-close:hover,.c-menu-trigger:hover{background:var(--paper)!important;color:var(--ink)!important}}
.c-header .na-header-action{min-height:26px!important}
/* The one filled button stays filled, but small and quiet. */
.btn{min-height:40px!important;padding:10px 18px!important;font-size:12px!important;border-radius:999px!important}
/* Text links: capitals, thin underline. */
.c-inline-action,.text-link,.em-text-link,.na-faq-more span:first-child,.na-faq-nudge span{font-size:12px!important}
.c-header .c-nav a,.na-preorder-state,.na-preorder-clock{font-size:12px!important}
.accordion summary,.na-faq-list.accordion summary,.c-faq summary,.em-buy details summary{font-size:13px!important}
.accordion .answer,.na-faq-list .answer{font-size:14px!important}
@media(min-width:761px){.c-header .c-menu-trigger{display:none!important}}

/* =========================================================
   Small mono (refs kynandfolk, corentinbernadou): tiny mono
   capitals for labels, mono copy, compact mono titles, square boxes.
   ========================================================= */
html body *{font-family:var(--mono)!important;font-weight:400!important;letter-spacing:.02em!important}
html body :is(a,button,span,small,label,summary,li,dt,dd,th,td,figcaption,div,strong,em,time,aside,nav,h3,h4,legend,output){font-size:11px!important}
html body :is(p,p *,.answer,.answer *,.em-prose *){font-size:12px!important;line-height:1.55!important;letter-spacing:0!important}
html body :is(h1,h2,.display-title,.c-scene-title,.stamp-story-title,.c-archive-title,.c-purchase-end h2,.na-faq-head :is(h1,h2),.em-buy h1),
html body :is(h1,h2,.display-title,.c-scene-title,.stamp-story-title,.c-archive-title,.c-purchase-end h2,.na-faq-head :is(h1,h2),.em-buy h1) *{
 font-family:var(--mono)!important;font-weight:500!important;text-transform:uppercase!important;letter-spacing:-.02em!important;font-size:clamp(18px,1.6vw,24px)!important;line-height:1.1!important}
html body h1.c-question,html body h1.c-question *{font-family:var(--mono)!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.04em!important}
html body .menu-dialog .menu-links a{font-family:var(--mono)!important;font-weight:500!important;text-transform:uppercase!important;font-size:24px!important;letter-spacing:-.02em!important}
html :is(.na-header-action,.c-film-controls>button:first-child,.c-hero-preorder,.na-faq-close,.menu-close,.c-menu-trigger){border-radius:0!important}
html .btn{border-radius:0!important}

/* Labels a touch heavier, like the ref's small bold type. */
html body :is(a,button,label,summary,nav,small,.c-eyebrow,[class*=kicker],[class*=label]){font-weight:500!important}
html body :is(p,p *,.answer,.answer *,.em-prose *){font-weight:400!important}

/* =========================================================
   Footer (ref aperios-design.co.uk): columns, dotted rule,
   full-width wordmark, a care label, one line of meta.
   ========================================================= */
:is(#footer,[data-cut=footer]) .nf{display:block!important;position:relative;min-height:0!important;padding:28px clamp(16px,2.2vw,32px) 22px!important;background:#151416!important;color:var(--paper);grid-template-columns:none!important}
.nf-bar{height:22px;background:rgba(242,240,233,.62)}
.nf-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.3fr);gap:24px;padding:22px 0 30px}
.nf-cols nav{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
html body .nf-label{font-size:10px!important;color:var(--service-grey);margin:0 0 12px!important;text-transform:uppercase!important}
html body .nf-cols nav :is(a,button){font-size:clamp(16px,1.5vw,22px)!important;line-height:1.2!important;text-transform:uppercase!important;letter-spacing:-.02em!important;padding:0;text-align:left;color:var(--paper);transition:opacity .15s ease-out}
@media(hover:hover){.nf-cols nav :is(a,button):hover{opacity:.55}}
.nf-letter{padding:0!important;min-height:0!important;overflow:visible!important}
.nf-letter::before,.nf-letter::after{display:none!important}
.nf-letter .na-footer-form{margin-top:0!important;max-width:none!important}
.nf-letter .na-footer-email-row{border-bottom:1px solid rgba(242,240,233,.5);margin-top:0}
html body .nf-letter input{font-size:16px!important;text-transform:uppercase!important;padding:10px 0!important}
html body .nf-letter .na-footer-email-row button{font-size:12px!important}
html body .nf-letter [data-footer-newsletter-status]{font-size:11px!important;color:var(--service-grey)!important;margin-top:10px}
.nf-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.nf-dots{height:1px;background:radial-gradient(circle,rgba(242,240,233,.55) .6px,transparent .9px) 0 0/5px 1px repeat-x}
.nf-word{display:block;padding:clamp(36px,5vw,72px) 0 clamp(28px,4vw,56px)}
.nf-word img{width:100%;height:auto;opacity:.62}
.nf-care{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:rgba(242,240,233,.62);padding-bottom:clamp(40px,6vw,90px)}
html body .nf-care p,html body .nf-care p *{font-size:clamp(18px,1.8vw,26px)!important;line-height:1.08!important;letter-spacing:-.03em!important;text-transform:none!important;font-weight:400!important}
html body .nf-care b{text-transform:uppercase!important}
.nf-icons{display:flex;align-items:center;gap:8px}
.nf-icons svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
.nf-icons svg text{fill:currentColor;stroke:none;font:500 8px var(--mono)}
.nf-seal{width:22px;height:32px;object-fit:contain;opacity:.62}
.nf-meta{display:grid;grid-template-columns:1fr 1fr auto 1fr;align-items:center;gap:20px;color:var(--service-grey)}
html body .nf-meta,html body .nf-meta *{font-size:11px!important;text-transform:uppercase!important}
.nf-meta>span:nth-child(2){justify-self:center}
.nf-meta>a{justify-self:end;color:var(--paper)}
.nf-meta .lang-switch{gap:6px}
:is(#footer,[data-cut=footer]) .na-footer-mark,:is(#footer,[data-cut=footer]) .na-footer-directory,:is(#footer,[data-cut=footer]) .na-footer-image{display:none!important}
@media(max-width:760px){
 .nf-cols{grid-template-columns:1fr 1fr;row-gap:28px}
 .nf-letter{grid-column:1/-1}
 .nf-meta{grid-template-columns:1fr auto;row-gap:10px}
 .nf-meta>span:nth-child(2){justify-self:start}
 .nf-icons{gap:5px}.nf-icons svg{width:24px;height:24px}
}

html body .nf [data-cart-count]{font-size:inherit!important;vertical-align:baseline!important;position:static!important}

/* Navbar (02/11 ter): Geist sans, lower band, no status dot. */
:root{--header-clearance:56px!important}
@media(max-width:760px){:root{--header-clearance:52px!important}}
.c-header.site-header,.c-header.site-header.header-clock-managed{height:var(--header-clearance)!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important}
html body .c-header :is(a,button,span,div,nav,aside,time){font-family:'Geist',system-ui,sans-serif!important;font-weight:400!important;letter-spacing:.01em!important;font-size:12px!important}
html body .c-header [data-header-clock],html body .c-header .header-clock-slot *{font-variant-numeric:tabular-nums!important}
.c-header .na-dot{display:none!important}
html body .c-header .na-header-action{padding:6px 12px!important;line-height:1!important;height:auto!important;min-height:0!important}

/* No fill or nudge on hover: buttons just dim. */
html body :is(.na-header-action,.c-film-controls>button,.c-hero-preorder,.na-faq-close,.menu-close,.c-menu-trigger) *{transform:none!important;transition:none!important}
@media(hover:hover){html body :is(.na-header-action,.c-film-controls>button:first-child,.c-hero-preorder,.na-faq-close,.menu-close,.c-menu-trigger):hover{background:transparent!important;color:var(--paper)!important;opacity:.6}}
html body :is(.na-header-action,.c-film-controls>button:first-child,.c-hero-preorder,.na-faq-close,.menu-close,.c-menu-trigger){transition:opacity .15s ease-out!important}
/* "Guarda il film" reads as a word, not a box. */
html body .c-film-controls>button:first-child{border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;min-height:0!important;height:auto!important;text-decoration:underline!important;text-underline-offset:5px!important;text-decoration-thickness:1px!important}
/* Footer: no grey bar. */
.nf-bar{display:none!important}
.nf-cols{padding-top:8px!important}

/* Everything in Geist (sans), not mono. Numbers stay tabular. */
:root{--mono:'Geist',system-ui,sans-serif!important;--font:'Geist',system-ui,sans-serif!important;--sans:'Geist',system-ui,sans-serif!important}
html body *:not(svg):not(svg *){font-family:'Geist',system-ui,sans-serif!important;letter-spacing:0!important}
html body :is(a,button,label,summary,nav,small,.c-eyebrow,[class*=kicker],[class*=label],h1,h2,h3){letter-spacing:.01em!important}
html body :is(p,p *,.answer,.answer *,.em-prose *){font-size:13px!important;line-height:1.55!important}
html body :is(h1,h2,.display-title,.c-scene-title,.stamp-story-title,.c-archive-title){letter-spacing:-.01em!important}
html body :is(time,[data-footer-time],[class*=clock],[class*=countdown],.c-film-time){font-variant-numeric:tabular-nums!important}

/* No glow anywhere in the header. */
html body .c-header,html body .c-header *,html body .c-header::before,html body .c-header::after{text-shadow:none!important;box-shadow:none!important;filter:none!important}

/* Loupe: no readout inside, a clear glass rim instead of the metal bezel. */
html body .c-lens>span{display:none!important}
html body .c-lens{border:1px solid rgba(255,255,255,.28)!important;background:transparent!important;box-shadow:0 18px 50px rgba(0,0,0,.35)!important}
html body .c-lens::before{display:none!important}
html body .c-lens::after{inset:0!important;border:0!important;border-radius:50%!important;background:radial-gradient(ellipse at 28% 18%,rgba(255,255,255,.22),transparent 34%),radial-gradient(circle,transparent 86%,rgba(255,255,255,.10) 95%,rgba(255,255,255,.28))!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.45),inset 0 -8px 18px rgba(0,0,0,.18)!important}

/* Archive: no view switcher, no count, more air between facts and stamp. */
html body .c-archive-toolbar,html body .c-archive-count{display:none!important}
html body .c-archive-page .c-archive-stamp{inset:22px 0 0 0!important}
html body .c-archive-page .c-archive-stamp img{object-fit:contain!important;object-position:top center!important}

/* Letterbox: a letter, not a form. Lines instead of boxes, quiet labels. */
html body .letterbox-form{max-width:620px}
html body .letterbox-fields{gap:36px 32px!important}
html body .letterbox-label{font-size:12px!important;color:var(--service-grey)!important;text-transform:none!important;letter-spacing:0!important;margin-bottom:6px!important}
html body .letterbox-field :is(input,textarea){background:transparent!important;border:0!important;border-bottom:1px solid rgba(242,240,233,.28)!important;border-radius:0!important;padding:10px 0!important;font-size:18px!important;color:var(--paper)!important;box-shadow:none!important;outline:0;transition:border-color .15s ease-out}
html body .letterbox-field :is(input,textarea):focus{border-bottom-color:var(--paper)!important}
html body .letterbox-field textarea{min-height:240px!important;resize:none!important;line-height:36px!important;padding:0!important;border-bottom:0!important;background:repeating-linear-gradient(transparent 0 35px,rgba(242,240,233,.22) 35px 36px)!important}
html body .letterbox-field textarea::placeholder,html body .letterbox-field input::placeholder{color:rgba(242,240,233,.32)!important}
html body .letterbox-hint{font-size:11px!important;color:rgba(242,240,233,.38)!important;margin-top:8px!important}
html body .letterbox-submit{border:0!important;background:transparent!important;color:var(--paper)!important;padding:0!important;min-height:0!important;height:auto!important;font-size:16px!important;text-transform:none!important;text-decoration:underline!important;text-underline-offset:6px!important;text-decoration-thickness:1px!important;margin-top:28px!important;transition:opacity .15s ease-out!important}
html body .letterbox-submit::before,html body .letterbox-submit::after{display:none!important}
@media(hover:hover){html body .letterbox-submit:hover{opacity:.6}}
html body .letterbox-form :is(hr,.letterbox-rule){display:none!important}
html body .letterbox-demo-note{font-size:11px!important;color:rgba(242,240,233,.38)!important;border:0!important;margin-top:14px!important}

html body .c-archive-page .c-archive-stamp{background:transparent!important}