/* style.css */
@font-face{font-family:NA;src:url('assets/IBMPlexMono-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:NAZero;src:url('assets/NotoSansMono-Bold-zero.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0030}
:root{--ink:#151416;--ink-rgb:21,20,22;--grey:#272528;--grey-rgb:39,37,40;--paper:#f2f0e9;--service-grey:#8b8886;--white:var(--paper);--red:#ff2201;--blue:#4b68e2;--surface:#151416;--raised:var(--grey);--line:rgba(242,240,233,.24);--muted:#b5afb6;--pad:clamp(20px,4.2vw,80px);--font:'NAZero','NA',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--paper);background:var(--surface);font-family:var(--font);font-weight:700;line-height:1.55;font-size:14px;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,summary{touch-action:manipulation}button{color:inherit;cursor:pointer}button{border:0;border-radius:0;background:none}img,video{display:block;width:100%}img{height:auto}video{height:100%;object-fit:cover}figure,p,h1,h2,h3{margin:0}button:disabled{cursor:not-allowed;opacity:.45}::selection{background:var(--red);color:var(--paper)}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button:focus-visible{outline-offset:3px}.skip-link{position:fixed;top:-100px;left:20px;z-index:300;padding:14px;background:var(--surface)}.skip-link:focus{top:12px}.site-header{position:absolute;left:0;top:0;z-index:30;width:100%;display:flex;align-items:center;gap:32px;height:100px;padding:0 var(--pad);color:var(--paper)}.site-header.header-light{color:var(--paper)}.brand{width:clamp(170px,19vw,300px);display:block}.brand img{width:100%;height:auto}.header-nav{display:flex;gap:30px;margin:auto;font-size:11px;text-transform:uppercase}.header-nav a{padding:14px 0;position:relative}.header-nav a:after{content:'';position:absolute;left:0;bottom:8px;width:100%;height:1px;transform:scaleX(0);transform-origin:left;background:currentColor;transition:transform .2s}.header-nav a:hover:after,.header-nav a[aria-current=page]:after{transform:scaleX(1)}.header-tools{display:flex;align-items:center;gap:22px;font-size:11px;white-space:nowrap}.lang-switch{display:flex;gap:8px;align-items:center}.lang-switch button{padding:9px 1px;opacity:.55}.lang-switch button[aria-pressed=true]{opacity:1;text-decoration:underline;text-underline-offset:5px}.cart-button{padding:12px 0}.menu-trigger{display:none}.site-header .small-arrow{margin-left:9px}main{min-height:70vh}main:focus{outline:0}.section-kicker,.eyebrow{font-size:11px;letter-spacing:.06em;text-transform:uppercase}.section-kicker{display:flex;align-items:center;gap:20px}.section-kicker .rule{height:1px;background:currentColor;width:42px;opacity:.5}.meta-number{opacity:.6}.display-title{font-size:clamp(42px,7.5vw,116px);line-height:1.02;letter-spacing:-.065em;text-transform:uppercase;font-weight:700}.body-copy{font-size:clamp(14px,1.2vw,17px);line-height:1.75;max-width:580px}.small-copy{font-size:11px;line-height:1.75}.muted{color:var(--muted)}.arrow-link{font-size:12px;text-transform:uppercase;display:inline-flex;gap:30px;align-items:center;padding:14px 0;border-bottom:1px solid currentColor}.arrow-link span{transition:transform .2s}.arrow-link:hover span{transform:translate(4px,-4px)}.btn{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;text-transform:uppercase;font-size:12px;line-height:1.3;border:1px solid var(--line);min-height:58px;transition:background .18s,color .18s}.btn-primary{background:var(--red);border-color:var(--red);color:var(--paper)}.btn-primary:hover{background:#ff3f22;border-color:#ff3f22}.btn-outline:hover{background:var(--ink);color:var(--paper)}.btn-dark{background:var(--ink);color:var(--paper)}.btn-full{width:100%}.text-link{text-decoration:underline;text-underline-offset:4px;font-size:11px;padding:8px 0}.hero{position:relative;min-height:800px;height:100svh;max-height:1200px;color:var(--paper);background:var(--ink);overflow:hidden}.hero-media{position:absolute;inset:0}.hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--ink-rgb),.26),transparent 40%,rgba(var(--ink-rgb),.65));pointer-events:none}.hero-media video{opacity:.83;object-position:center}.hero-bottom{position:absolute;bottom:80px;left:var(--pad);right:var(--pad);display:grid;grid-template-columns:1.6fr 1fr;align-items:end;gap:50px}.hero-title{font-size:clamp(62px,7.5vw,126px);line-height:.97;letter-spacing:-.065em;text-transform:uppercase;max-width:850px}.hero-eyebrow{font-size:11px;margin-bottom:24px;letter-spacing:.03em}.hero-nav{padding-left:10%;margin-bottom:4px}.hero-nav a{display:grid;grid-template-columns:24px 1fr 32px;align-items:center;gap:20px;border-top:1px solid rgba(242,240,233,.5);padding:19px 0;transition:padding .25s}.hero-nav a:last-child{border-bottom:1px solid rgba(242,240,233,.5)}.hero-nav a:hover,.hero-nav a:focus-visible{padding-left:12px;color:var(--white)}.hero-nav .nav-title{font-size:clamp(18px,2.4vw,35px);letter-spacing:-.04em}.hero-nav .nav-number{font-size:10px;opacity:.7}.hero-nav .nav-arrow{font-size:25px}.hero-foot{position:absolute;left:var(--pad);right:var(--pad);bottom:24px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.025em}.film-toggle{position:absolute;right:24px;top:24px;color:var(--paper);border:1px solid rgba(242,240,233,.7);width:42px;height:42px;z-index:2;background:rgba(21,20,22,.25);font-size:12px}.hero .film-toggle{top:124px;right:var(--pad)}.hero-side-note{position:absolute;top:135px;left:var(--pad);font-size:10px;max-width:190px;line-height:1.8}.film-caption{display:flex;justify-content:space-between;gap:20px;text-transform:uppercase;font-size:10px;padding-top:14px}.section{padding:100px var(--pad)}.home-product{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding-top:100px;padding-bottom:115px}.home-product-copy{padding-top:22px;display:flex;flex-direction:column;align-items:flex-start}.home-product-copy h2{font-size:clamp(38px,5.5vw,82px);line-height:1.04;letter-spacing:-.06em;margin:55px 0 30px;text-transform:uppercase}.home-product-copy .body-copy{max-width:420px;margin-bottom:38px}.image-editorial{position:relative}.image-editorial img{height:100%;object-fit:cover}.home-product .image-editorial{aspect-ratio:.85}.image-editorial figcaption{position:absolute;left:20px;bottom:18px;background:var(--surface);padding:7px 10px;font-size:9px}.home-product .image-editorial img{object-position:50% 40%}.two-word-strip{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px var(--pad);font-size:10px;text-transform:uppercase}.home-world{padding:100px var(--pad);background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 2fr;gap:7vw;align-items:start}.home-world-copy h2{font-size:clamp(36px,4.4vw,68px);line-height:1.05;letter-spacing:-.05em;margin:35px 0 28px}.home-world-copy .body-copy{font-size:13px;margin-bottom:30px}.film-frame{position:relative;background:var(--grey);overflow:hidden;aspect-ratio:16/10}.home-world .film-frame{aspect-ratio:1.35}.film-frame video{position:absolute;inset:0}.site-footer{padding:70px var(--pad) 40px;background:var(--ink);color:var(--paper);border-top:1px solid var(--grey)}.footer-top{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:6vw;align-items:start;margin-bottom:70px}.footer-sign{font-size:28px;letter-spacing:-.04em;line-height:1.2}.footer-links{display:grid;gap:10px;font-size:11px}.footer-links a{width:max-content;max-width:100%}.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}.footer-label{font-size:9px;color:#b6b0b3;text-transform:uppercase;margin-bottom:17px}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--grey);padding-top:24px;font-size:9px;color:#b6b0b3}.footer-wordmark{width:100%;margin:10px 0 50px;opacity:.92}.preview-trigger{position:fixed;bottom:14px;left:14px;z-index:50;background:var(--surface);border:1px solid rgba(21,20,22,.3);color:var(--paper);padding:9px 11px;font-size:8px;box-shadow:0 2px 12px rgba(var(--ink-rgb),0.0667);display:flex;gap:20px;letter-spacing:.04em}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);max-width:90vw;padding:15px 22px;background:var(--ink);color:var(--paper);z-index:120;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:0 5px 30px rgba(var(--ink-rgb),0.2000)}.toast.show{opacity:1;transform:translate(-50%,0)}.page-pad{padding:160px var(--pad) 100px}.page-heading{padding-bottom:60px;border-bottom:1px solid var(--line)}.page-heading .section-kicker{margin-bottom:35px}.pdp-intro{padding:135px var(--pad) 95px;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(350px,.82fr);gap:7vw;align-items:start}.pdp-gallery-main{display:block;width:100%;background:var(--grey);padding:0}.pdp-gallery-main img{aspect-ratio:1.05;object-fit:cover}.gallery-caption{font-size:9px;text-transform:uppercase;display:flex;justify-content:space-between;padding:13px 0 24px}.gallery-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gallery-pair button{padding:0;background:var(--grey);overflow:hidden}.gallery-pair img{aspect-ratio:.73;object-fit:cover}.pdp-buy{position:sticky;top:35px;padding-top:2px}.pdp-status{display:flex;align-items:center;justify-content:space-between;font-size:9px;text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:35px;gap:16px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--red);border-radius:50%;margin-right:9px}.pdp-buy h1{font-size:clamp(40px,5.5vw,86px);letter-spacing:-.06em;line-height:1.05;margin:8px 0 13px}.pdp-subtitle{font-size:12px;margin-bottom:24px}.price-line{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:26px;margin-bottom:26px;font-size:12px}.price{font-size:26px;letter-spacing:-.04em}.product-intro-copy{font-size:13px;line-height:1.8;margin-bottom:30px;max-width:440px}.size-label-row{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin:0 0 10px}.sizes{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:20px}.size{border:1px solid #a7a29e;min-height:48px;font-size:12px;transition:all .15s}.size:hover{border-color:var(--paper)}.size.selected{color:var(--paper);background:var(--ink);border-color:var(--paper)}.quantity-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;font-size:10px}.qty-control{display:flex;align-items:center;border:1px solid #a7a29e}.qty-control button{width:38px;height:38px}.qty-control input{width:38px;border:0;background:none;text-align:center;appearance:textfield;color:inherit}.qty-control input::-webkit-inner-spin-button{appearance:none}.purchase-notes{font-size:10px;line-height:1.8;border-bottom:1px solid var(--line);padding:18px 0 23px;margin-bottom:23px}.purchase-notes div{display:grid;grid-template-columns:10px 1fr;gap:8px;margin:4px 0}.detail-list{font-size:10px;display:grid;gap:10px}.detail-list div{display:grid;grid-template-columns:100px 1fr;gap:15px}.detail-list span:first-child{color:var(--muted)}.pdp-chapter{background:var(--ink);color:var(--paper);padding:90px var(--pad)}.chapter-title{font-size:clamp(36px,5.5vw,82px);line-height:1.06;letter-spacing:-.055em;max-width:1000px;margin:38px 0 60px;text-transform:uppercase}.back-composition{display:grid;grid-template-columns:1.8fr .75fr;gap:8vw;align-items:center}.back-composition .back-figure img{aspect-ratio:1.03;object-fit:cover}.back-composition .braid-figure img{aspect-ratio:.48;object-fit:cover}.back-composition figcaption{font-size:10px;margin-top:14px}.back-composition .body-copy{font-size:13px;margin:28px 0 0}.material-section{padding:100px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.material-section h2{font-size:clamp(70px,10vw,155px);line-height:.98;letter-spacing:-.09em;margin:35px 0 30px}.material-section h2 small{font-size:28px;letter-spacing:-.05em}.material-section .body-copy{max-width:420px;margin:0 0 36px}.material-section img{aspect-ratio:.95;object-fit:cover}.spec-row{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:15px 0;font-size:11px}.stamp-section{padding:0 var(--pad) 100px}.stamp-section .section-kicker{margin-bottom:30px}.stamp-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:7vw;align-items:center}.stamp-grid .stamp-macro{aspect-ratio:1.45;object-fit:cover}.stamp-copy h2{font-size:clamp(35px,4.4vw,65px);letter-spacing:-.055em;line-height:1.05;margin:0 0 25px}.stamp-copy .body-copy{font-size:13px;margin-bottom:26px}.stamp-art{width:100px;transform:none;margin-left:10px}.pdp-film-section{position:relative;background:var(--ink);color:var(--paper)}.pdp-film-section .film-frame{aspect-ratio:2.2}.film-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;padding:var(--pad);background:linear-gradient(transparent,rgba(var(--ink-rgb),.45));pointer-events:none}.film-overlay h2{font-size:clamp(38px,6vw,88px);letter-spacing:-.065em;line-height:1.05}.film-note{position:absolute;left:var(--pad);top:24px;font-size:9px;text-transform:uppercase;z-index:2}.product-info{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw;padding:100px var(--pad)}.product-info h2{font-size:clamp(35px,4.5vw,65px);letter-spacing:-.055em;line-height:1.08;margin:25px 0}.product-info .small-copy{max-width:330px}.accordion details{border-top:1px solid var(--line)}.accordion details:last-child{border-bottom:1px solid var(--line)}.accordion summary{list-style:none;padding:23px 36px 23px 0;cursor:pointer;position:relative;font-size:12px;text-transform:uppercase}.accordion summary:after{content:'+';position:absolute;right:0;top:19px;font-size:23px}.accordion summary::-webkit-details-marker{display:none}.accordion details[open] summary:after{content:'−'}.accordion .answer{padding:0 25px 25px 0;line-height:1.8;font-size:12px}.pdp-sticky{position:fixed;bottom:0;left:0;right:0;z-index:40;display:flex;justify-content:space-between;align-items:center;background:var(--surface);padding:12px var(--pad);border-top:1px solid var(--line);gap:25px;transform:translateY(110%);transition:transform .25s}.pdp-sticky.visible{transform:translateY(0)}.pdp-sticky .btn{padding:15px 24px;min-height:45px}.pdp-sticky .small-copy{font-size:10px}.pdp-sticky strong{font-size:14px}.pdp-sticky~* .preview-trigger{bottom:80px}body.pdp-view .preview-trigger{bottom:82px}.world-hero{height:90svh;min-height:640px;max-height:1100px}.world-hero .hero-bottom{grid-template-columns:1fr 1fr}.world-hero .hero-title{font-size:clamp(60px,8.5vw,136px)}.world-hero .hero-bottom .small-copy{max-width:330px;justify-self:end;margin-bottom:10px}.manifesto-section{display:grid;grid-template-columns:.65fr 1.35fr;gap:8vw;padding:110px var(--pad);background:var(--ink);color:var(--paper)}.manifesto-text{font-size:clamp(24px,3.2vw,46px);line-height:1.35;letter-spacing:-.045em;max-width:950px}.manifesto-text p+p{margin-top:40px}.manifesto-text .red{color:var(--red)}.palace-spread{background:var(--ink);color:var(--paper);padding:0 var(--pad) 100px}.palace-spread img{aspect-ratio:1.8;object-fit:cover}.correspondence{padding:100px var(--pad);display:grid;grid-template-columns:.7fr 1.3fr;gap:12vw;align-items:center}.correspondence img{max-width:240px;margin:auto;transform:none}.correspondence h2{font-size:clamp(35px,5vw,72px);line-height:1.1;letter-spacing:-.055em;margin:30px 0}.correspondence .body-copy{margin:0 0 30px;max-width:530px}.archive-top{padding:155px var(--pad) 70px;display:grid;grid-template-columns:1.5fr .6fr;gap:9vw;align-items:end}.archive-top h1{font-size:clamp(50px,7vw,110px);line-height:1;letter-spacing:-.065em;margin:30px 0 0}.archive-top .body-copy{font-size:12px}.archive-film{margin:0 var(--pad) 75px;position:relative}.archive-film .film-frame{aspect-ratio:3}.archive-film-title{position:absolute;bottom:30px;left:30px;color:var(--paper);font-size:clamp(24px,3.5vw,50px);line-height:1.1;letter-spacing:-.045em;pointer-events:none}.archive-index{padding:0 var(--pad) 100px}.archive-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.7fr .6fr .2fr;align-items:center;gap:5vw;padding:40px 0;position:relative}.archive-row .archive-code{font-size:clamp(28px,3.5vw,52px);letter-spacing:-.06em}.archive-row img{width:100%;max-width:150px;transform:none}.archive-row:hover img{transform:none}.archive-row .archive-arrow{font-size:45px;text-align:right}.archive-row .small-copy{margin-top:12px}.archive-tail{display:flex;justify-content:space-between;align-items:end;gap:50px;padding-top:45px}.archive-tail .small-copy{max-width:500px}.waitlist-layout{padding:165px var(--pad) 100px;display:grid;grid-template-columns:1fr 1fr;gap:8vw;min-height:90svh}.waitlist-visual{position:relative;overflow:hidden;min-height:500px;background:var(--ink)}.waitlist-visual img{height:100%;object-fit:cover}.waitlist-visual .quote{position:absolute;bottom:30px;left:30px;right:30px;color:var(--paper);font-size:clamp(25px,3vw,45px);letter-spacing:-.05em;line-height:1.15}.waitlist-content{display:flex;flex-direction:column;justify-content:center}.waitlist-content .display-title{font-size:clamp(35px,5vw,74px);margin:25px 0}.field-label{display:block;font-size:10px;text-transform:uppercase;margin-bottom:10px}.field{margin-bottom:23px}.input,input[type=email],input[type=text],select{width:100%;padding:16px 13px;color:var(--paper);background:transparent;border:1px solid #928d89;border-radius:0;min-height:50px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.check-row{display:flex;align-items:flex-start;gap:12px;font-size:10px;line-height:1.7;margin:18px 0 25px}.check-row input{width:17px;height:17px;accent-color:var(--paper);flex-shrink:0;margin-top:2px}.error-message{font-size:11px;color:#ff917d;line-height:1.6;margin:10px 0}.success-message{padding:25px;border:1px solid var(--line);margin-top:20px}.service-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;padding:160px var(--pad) 100px}.service-layout .display-title{font-size:clamp(35px,4.5vw,70px);margin:30px 0}.service-layout .body-copy{font-size:12px}.service-layout .accordion{margin-top:15px}.service-note{border-top:1px solid var(--line);padding-top:24px;margin-top:32px;font-size:11px}.legal-content{max-width:820px;padding:165px var(--pad) 100px;box-sizing:content-box}.legal-content h1{font-size:clamp(35px,5vw,65px);letter-spacing:-.05em;margin:25px 0}.legal-content h2{font-size:19px;margin:35px 0 12px}.legal-content p{font-size:13px;line-height:1.8;margin:15px 0}.checkout-wrap{padding:155px var(--pad) 100px;min-height:85svh}.checkout-wrap>.section-kicker{margin-bottom:32px}.checkout-wrap>.display-title{font-size:clamp(38px,5vw,70px);margin-bottom:50px}.checkout-wrap .order-summary{border:1px solid var(--line);padding:30px}.order-summary h2,.order-summary h3{font-size:18px;margin-bottom:25px}.checkout-wrap form{max-width:1000px}.cart-item{display:grid;grid-template-columns:75px 1fr auto;gap:17px;padding:24px 0;border-bottom:1px solid var(--line);align-items:start;font-size:12px}.cart-item img{aspect-ratio:.85;object-fit:cover}.cart-item h3{font-size:13px;line-height:1.4}.cart-item p{font-size:10px;margin:8px 0}.cart-item button{padding:7px;font-size:11px}.cart-item [data-cart-remove]{padding:0;text-decoration:underline;text-underline-offset:4px;font-size:9px}.empty-state{padding:45px 0}.empty-state h2{font-size:24px;letter-spacing:-.04em;margin-bottom:20px}.empty-state p{font-size:12px;margin-bottom:25px}.size-table{border-collapse:collapse;width:100%;font-size:10px;margin:30px 0}.size-table th,.size-table td{padding:14px 9px;text-align:left;border-bottom:1px solid var(--line)}.size-table th{font-size:9px}dialog{border:0;background:var(--surface);color:var(--paper);padding:35px;max-height:90svh;width:min(650px,calc(100% - 32px));box-shadow:0 20px 100px rgba(var(--ink-rgb),0.3333)}dialog::backdrop{background:rgba(var(--ink-rgb),.65);backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:22px}.dialog-heading h2{font-size:18px;letter-spacing:-.035em}.icon-button{font-size:29px;line-height:1;width:44px;height:44px;padding:0}.drawer{height:100svh;max-height:100svh;margin:0 0 0 auto;width:min(520px,100%);padding:30px 35px}.drawer .btn{margin-top:20px;width:100%}.drawer .small-copy{margin:20px 0}.drawer .cart-total{display:flex;justify-content:space-between;margin-top:25px;font-size:18px}.drawer .cart-row,.cart-quantity{display:flex;align-items:center;gap:10px}.size-dialog{width:min(800px,calc(100% - 32px))}.size-dialog .small-copy{margin:18px 0}.menu-dialog{position:fixed;inset:0;width:100%;height:100svh;max-height:100svh;margin:0;padding:30px var(--pad);background:var(--ink);color:var(--paper)}.menu-top{display:flex;justify-content:space-between;align-items:center}.menu-top img{width:200px}.menu-links{display:flex;flex-direction:column;gap:0;padding:80px 0 50px}.menu-links a{font-size:clamp(35px,7vw,90px);letter-spacing:-.06em;border-bottom:1px solid var(--grey);padding:18px 0;line-height:1.1;display:flex;justify-content:space-between}.menu-links small{font-size:12px;letter-spacing:0;align-self:center}.preview-dialog{font-size:12px;line-height:1.7}.preview-dialog h3{font-size:12px;margin:28px 0 12px}.phase-controls{display:flex;gap:8px;flex-wrap:wrap}.phase-controls button{padding:12px 14px;border:1px solid var(--line);font-size:10px}.phase-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.preview-dialog p{margin:12px 0}.preview-dialog ul{padding-left:20px;font-size:11px}.image-dialog{width:min(1100px,95vw);height:95svh;padding:20px;background:var(--ink)}.image-dialog .icon-button{position:absolute;top:20px;right:20px;background:var(--surface);z-index:1}.image-dialog img{height:100%;width:100%;object-fit:contain}.noscript{padding:160px 40px;font-size:20px}.reveal{opacity:1}.js-motion .reveal.pending{opacity:0;transform:translateY(20px)}.js-motion .reveal.seen{opacity:1;transform:translateY(0);transition:opacity .55s,transform .55s}
@media(min-width:1500px){.hero-bottom{bottom:100px}.pdp-buy{max-width:580px}.home-product{gap:10vw}.hero-nav{padding-left:20%}}
@media(max-width:1100px){.header-nav{gap:17px}.header-tools{gap:15px}.site-header{gap:25px}.hero{min-height:700px}.hero-bottom{gap:25px;grid-template-columns:1.25fr 1fr}.hero-nav{padding-left:0}.hero-title{font-size:clamp(60px,8.5vw,94px)}.pdp-intro{grid-template-columns:1.1fr .9fr;gap:4vw}.pdp-buy h1{font-size:49px}.pdp-status{font-size:8px}.home-world{gap:4vw}.footer-top{gap:4vw}.material-section{gap:5vw}}
@media(max-width:800px){.site-header{height:82px;gap:20px}.brand{width:180px}.header-nav{display:none}.header-tools{margin-left:auto;gap:16px}.menu-trigger{display:block;padding:12px 0}.cart-button .cart-label{display:none}.hero{min-height:740px;height:100svh;max-height:1100px}.hero-bottom{grid-template-columns:1fr;gap:40px;bottom:72px}.hero-title{font-size:clamp(46px,10vw,76px);max-width:650px}.hero-eyebrow{margin-bottom:20px;font-size:10px}.hero-nav{padding-left:0;max-width:100%}.hero-nav a{padding:13px 0;grid-template-columns:25px 1fr 26px}.hero-nav .nav-title{font-size:25px}.hero-nav .nav-arrow{font-size:20px}.hero-foot{font-size:8px;align-items:flex-end;bottom:22px}.hero-foot>span:nth-child(2){max-width:140px;text-align:right}.hero .film-toggle{top:102px}.hero-side-note{top:110px;font-size:9px}.home-product{padding-top:65px;padding-bottom:65px;grid-template-columns:1fr 1fr;gap:25px}.home-product-copy{padding-top:0}.home-product-copy h2{font-size:clamp(27px,4.6vw,40px);margin:30px 0 20px}.home-product-copy .body-copy{font-size:11px;line-height:1.7;margin-bottom:20px}.home-product .image-editorial{height:100%;min-height:430px;aspect-ratio:auto}.home-product .image-editorial img{object-position:center}.home-product .arrow-link{font-size:10px;gap:14px}.section-kicker{font-size:9px;gap:12px}.home-world{grid-template-columns:1fr;padding-top:65px;padding-bottom:65px;gap:30px}.home-world-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:25px;align-items:start}.home-world-copy>.section-kicker{grid-column:1/-1}.home-world-copy h2{margin:25px 0;font-size:42px}.home-world-copy .body-copy{margin-top:28px;font-size:12px}.home-world-copy .arrow-link{grid-column:1/-1;width:max-content}.home-world .film-frame{aspect-ratio:1.5}.two-word-strip{font-size:8px;gap:15px}.footer-top{grid-template-columns:1fr 1fr;gap:35px;margin-bottom:45px}.footer-sign{grid-column:1/-1}.site-footer{padding-top:50px}.footer-wordmark{margin:0 0 35px}.footer-bottom{font-size:8px}.pdp-intro{padding-top:110px;grid-template-columns:1fr;gap:25px;padding-bottom:65px}.pdp-gallery{display:grid;grid-template-columns:1fr .3fr;column-gap:10px}.pdp-gallery-main{grid-column:1}.gallery-caption{grid-column:1/-1;grid-row:2;font-size:8px;padding-bottom:0}.gallery-pair{grid-column:2;grid-row:1;display:grid;gap:10px}.gallery-pair button{height:100%}.gallery-pair img{height:100%;aspect-ratio:auto}.pdp-buy{position:static;max-width:100%;padding-top:15px}.pdp-buy h1{font-size:58px}.pdp-status{font-size:9px;margin-bottom:25px}.pdp-subtitle{font-size:11px}.product-intro-copy{max-width:100%}.pdp-chapter{padding-top:65px;padding-bottom:65px}.chapter-title{margin:30px 0 35px;font-size:clamp(34px,6vw,50px)}.back-composition{gap:5vw;grid-template-columns:1.55fr .7fr}.back-composition .body-copy{font-size:11px}.back-composition figcaption{font-size:8px}.material-section{padding-top:65px;padding-bottom:65px;gap:30px}.material-section h2{font-size:80px}.material-section h2 small{font-size:19px}.material-section .body-copy{font-size:11px}.spec-row{font-size:9px}.stamp-section{padding-bottom:65px}.stamp-grid{gap:35px;grid-template-columns:1.4fr 1fr}.stamp-copy h2{font-size:32px}.stamp-copy .body-copy{font-size:11px}.stamp-art{width:70px}.product-info{grid-template-columns:1fr;padding-top:65px;padding-bottom:65px;gap:30px}.product-info h2{font-size:45px}.product-info .small-copy{max-width:100%}.world-hero .hero-bottom{grid-template-columns:1fr}.world-hero .hero-title{font-size:clamp(48px,10vw,85px)}.world-hero .hero-bottom .small-copy{justify-self:start;max-width:400px}.world-hero{min-height:650px}.manifesto-section{grid-template-columns:1fr;padding-top:65px;padding-bottom:65px;gap:35px}.manifesto-text{font-size:29px}.palace-spread{padding-bottom:65px}.correspondence{padding-top:65px;padding-bottom:65px;gap:40px;grid-template-columns:.6fr 1.4fr}.correspondence h2{font-size:35px}.correspondence .body-copy{font-size:12px}.correspondence img{max-width:150px}.archive-top{padding-top:125px;grid-template-columns:1fr;gap:30px;padding-bottom:45px}.archive-top h1{font-size:65px}.archive-top .body-copy{max-width:480px}.archive-film{margin-bottom:50px}.archive-film .film-frame{aspect-ratio:2}.archive-index{padding-bottom:65px}.archive-row{grid-template-columns:1.2fr .7fr .2fr;gap:30px;padding:30px 0}.archive-row img{grid-row:1;grid-column:2;width:100px;margin:auto}.archive-row .archive-arrow{grid-row:1;grid-column:3}.archive-row .archive-code{font-size:36px}.archive-tail{align-items:start;flex-direction:column;gap:25px}.waitlist-layout{padding-top:115px;gap:30px;grid-template-columns:1fr}.waitlist-visual{min-height:250px;height:280px}.waitlist-content{padding-top:15px}.waitlist-content .display-title{font-size:48px}.service-layout{padding-top:125px;grid-template-columns:1fr;gap:35px}.service-layout .display-title{font-size:50px}.page-pad{padding-top:125px}.legal-content{padding-top:120px}.checkout-wrap{padding-top:125px}.pdp-film-section .film-frame{aspect-ratio:1.5}}
@media(max-width:520px){body{font-size:13px}.brand{width:142px}.header-tools{font-size:9px;gap:12px}.site-header{gap:12px}.lang-switch{gap:5px}.menu-trigger{font-size:9px}.hero{min-height:780px}.hero-title{font-size:clamp(42px,10.4vw,56px)}.hero-bottom{gap:34px;bottom:72px}.hero-nav .nav-title{font-size:25px}.hero-side-note{max-width:155px;font-size:8px}.hero .film-toggle{width:36px;height:36px}.home-product{grid-template-columns:1fr;gap:35px}.home-product .image-editorial{aspect-ratio:.95;min-height:0}.home-product-copy h2{font-size:43px;max-width:350px;margin-top:28px}.home-product-copy .body-copy{font-size:13px;max-width:100%}.home-product-copy .arrow-link{font-size:12px}.home-world-copy{display:block}.home-world-copy h2{font-size:43px}.home-world-copy .body-copy{font-size:12px;max-width:330px;margin:0 0 20px}.two-word-strip span:nth-child(2){display:none}.home-world .film-frame{aspect-ratio:1}.footer-sign{font-size:27px}.footer-links{font-size:10px}.footer-bottom{flex-wrap:wrap;gap:10px;padding-bottom:20px}.footer-top{gap:30px}.pdp-buy h1{font-size:51px}.pdp-gallery{grid-template-columns:1fr}.pdp-gallery-main{grid-column:1}.gallery-caption{grid-row:2}.gallery-pair{grid-column:1;grid-row:3;grid-template-columns:1fr 1fr;margin-top:18px}.gallery-pair img{aspect-ratio:1.15;height:auto;object-position:center 28%}.pdp-gallery-main img{aspect-ratio:1}.pdp-buy{padding-top:7px}.pdp-status{margin-bottom:23px}.chapter-title{font-size:34px}.back-composition{grid-template-columns:1fr .42fr;gap:18px;align-items:start}.back-composition .back-figure img{aspect-ratio:.72}.back-composition .braid-figure img{aspect-ratio:.28}.back-composition .body-copy{font-size:11px;max-width:230px;line-height:1.8}.material-section{grid-template-columns:1fr;gap:35px}.material-section h2{font-size:110px;margin:27px 0}.material-section h2 small{font-size:25px}.material-section .body-copy{font-size:13px}.spec-row{font-size:11px}.material-section img{aspect-ratio:1.5}.stamp-grid{grid-template-columns:1fr;gap:35px}.stamp-copy{position:relative;padding-right:110px;min-height:200px}.stamp-copy h2{font-size:34px}.stamp-copy .body-copy{font-size:12px}.stamp-art{position:absolute;right:10px;top:5px;width:85px}.stamp-grid .stamp-macro{aspect-ratio:1.15}.pdp-film-section .film-frame{aspect-ratio:1}.film-overlay h2{font-size:42px}.product-info h2{font-size:39px}.pdp-sticky{padding:10px 16px;gap:10px}.pdp-sticky .small-copy{display:none}.pdp-sticky strong{font-size:12px}.pdp-sticky .btn{font-size:10px;padding:15px 16px;min-height:44px}.world-hero .hero-title{font-size:56px}.world-hero{min-height:700px}.manifesto-text{font-size:26px;line-height:1.4}.manifesto-text p+p{margin-top:30px}.palace-spread img{aspect-ratio:1.05}.correspondence{grid-template-columns:1fr;gap:35px}.correspondence img{width:130px;margin:0 0 0 12px}.correspondence h2{font-size:42px}.archive-top h1{font-size:50px}.archive-film .film-frame{aspect-ratio:1.3}.archive-film-title{font-size:31px;bottom:23px;left:23px}.archive-row{gap:15px;grid-template-columns:1fr 95px 25px}.archive-row .archive-code{font-size:26px}.archive-row img{width:80px}.archive-row .archive-arrow{font-size:30px}.archive-tail .small-copy{font-size:10px}.waitlist-layout{padding-bottom:65px}.waitlist-content .display-title{font-size:42px}.form-grid{grid-template-columns:1fr;gap:5px}.drawer{padding:22px}.dialog-heading h2{font-size:16px}dialog{padding:22px}.size-table{font-size:8px}.size-table th,.size-table td{padding:11px 5px}.size-dialog{width:calc(100% - 20px)}.cart-item{grid-template-columns:65px 1fr auto;gap:12px}.cart-item h3{font-size:12px}.service-layout .display-title{font-size:41px}.checkout-wrap .order-summary{padding:20px}.page-heading{padding-bottom:35px}.footer-label{font-size:8px}.menu-links{padding-top:80px}.menu-links a{font-size:42px}.menu-top img{width:170px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal.pending{opacity:1;transform:none}}

/* Purchase flow: spacing, readable summaries and touch controls. */
.checkout-page>.section-kicker,.confirmation-page>.section-kicker{margin-bottom:28px}
.checkout-page>.display-title,.confirmation-page>.display-title{font-size:clamp(38px,5.2vw,78px);max-width:920px;margin-bottom:35px}
.demo-notice{max-width:800px;border-left:2px solid var(--red);padding:3px 0 3px 20px;margin:0 0 55px}
.checkout-layout,.confirmation-layout{grid-template-columns:1fr .9fr;gap:8vw;align-items:start}
.checkout-payment h2,.confirmation-layout h2{font-size:20px;letter-spacing:-.03em;margin-bottom:20px}
.checkout-payment>.body-copy,.confirmation-layout .body-copy{font-size:13px;margin-bottom:28px}
.checkout-payment>.text-link{display:inline-block;margin-top:24px}
.checkout-payment form{border-top:1px solid var(--line);padding-top:10px}
.order-summary .cart-item:first-of-type{padding-top:0}
.order-summary .cart-item p{margin:4px 0}
.order-summary>.small-copy{margin-top:20px}
.summary-line{display:flex;justify-content:space-between;align-items:baseline;gap:20px;font-size:13px;margin:28px 0 16px}
.summary-line strong{font-size:20px;white-space:nowrap}
.cart-summary>.small-copy{font-size:10px}
.cart-item-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:13px}
.quantity-control{display:flex;align-items:center;border:1px solid var(--line);gap:5px}
.quantity-control button{width:34px;height:34px}
.quantity-control span{min-width:15px;text-align:center;font-size:11px}
.drawer .cart-item .small-copy{margin:8px 0}
.drawer .cart-item-price{white-space:nowrap}
.confirmation-page>.body-copy{margin-bottom:55px;max-width:700px;font-size:14px}
.order-id{font-size:20px;margin:0 0 38px}
.confirmation-layout .btn{margin-top:30px}
.size-guide-content>.display-title{font-size:clamp(32px,4vw,56px);margin:24px 0}
.size-guide-content>.body-copy{font-size:13px}
.size-table caption{text-align:left;font-size:9px;padding:10px 0}
.waitlist-content>form{margin-top:34px}
.waitlist-content>.btn{align-self:flex-start;margin-top:24px}
.waitlist-content>#waitlist-demo{margin-top:28px;color:var(--muted);font-size:10px}
.waitlist-success{margin-top:30px;border:1px solid var(--line);padding:25px}
.waitlist-success h2{font-size:22px;margin-bottom:15px}
.waitlist-success .body-copy{font-size:13px}
html[lang=en] .hero:not(.world-hero) .hero-title{font-size:clamp(42px,5.5vw,92px)}
@media(min-width:801px) and (max-height:800px){.hero:not(.world-hero){min-height:680px}.hero-bottom{bottom:65px}.hero-title{font-size:clamp(62px,6.8vw,100px)}}
@media(max-width:800px){.checkout-layout,.confirmation-layout{grid-template-columns:1fr;gap:40px}.checkout-page>.display-title,.confirmation-page>.display-title{font-size:48px}.demo-notice{margin-bottom:35px}}
@media(max-width:520px){.checkout-page>.display-title,.confirmation-page>.display-title{font-size:39px}.checkout-wrap{padding-bottom:65px}.order-id{font-size:17px}.summary-line{font-size:11px}.summary-line strong{font-size:18px}html[lang=en] .hero:not(.world-hero) .hero-title{font-size:clamp(34px,8.5vw,44px)}.quantity-control button{width:38px;height:38px}}

/* Revision 02: dark surfaces, complete logo, full manifesto, still stamp. */
:root{color-scheme:dark}
body{background:var(--surface);color:var(--paper)}
::selection,.btn-primary{color:var(--ink)}
.btn-primary:hover{color:var(--ink)}
.btn-outline:hover,.btn-dark:hover{background:var(--grey);color:var(--paper)}
.input,input[type=email],input[type=text],select{background:var(--raised);border-color:var(--service-grey);color:var(--paper)}
input::placeholder{color:#a7a1ab}
.check-row input{accent-color:var(--red)}
.size{border-color:var(--service-grey)}.size:hover{border-color:var(--paper)}
.size.selected{background:var(--grey);border-color:var(--red);box-shadow:inset 0 -2px var(--red);color:var(--paper)}
.qty-control{border-color:var(--service-grey)}
.phase-controls button[aria-pressed=true]{background:var(--red);color:var(--ink);border-color:var(--red)}
dialog{background:var(--raised);color:var(--paper)}
.image-dialog{background:var(--ink)}
.preview-trigger{background:var(--grey);color:var(--paper);border:1px solid var(--service-grey)}
.toast{border:1px solid var(--service-grey)}
.site-header{height:170px;align-items:center}
.brand{width:72px;flex:none}.brand img{width:100%;height:auto;filter:none}
.header-light .brand img{filter:none}
.header-nav{gap:29px}
.hero-side-note{top:188px}.hero .film-toggle{top:181px}
.pdp-intro{padding-top:200px}.archive-top,.waitlist-layout,.service-layout{padding-top:205px}
.page-pad,.legal-content,.checkout-wrap{padding-top:205px}
.footer-logo{width:130px;height:auto;margin:15px auto 55px;opacity:.94}
.menu-top{align-items:flex-start}.menu-top img{width:58px;height:auto}
.menu-top .icon-button{margin-top:5px}
.menu-links{padding-top:35px}
.correspondence-stamp{margin:0;border:1px solid var(--line);padding:48px 30px 25px;background:var(--raised)}
.correspondence-stamp img{width:100%;max-width:210px;transform:none;animation:none;transition:none}
.correspondence-stamp figcaption{margin-top:35px;padding-top:18px;border-top:1px solid var(--line);font-size:9px;text-align:center}
.archive-row img,.archive-row:hover img,.stamp-art{transform:none;transition:none;animation:none}
.manifesto-text .arrow-link{margin-top:35px;font-size:11px;letter-spacing:0}
.manifesto-page{padding:205px var(--pad) 110px;max-width:1600px;margin:auto}
.manifesto-heading{padding-bottom:70px;border-bottom:1px solid var(--line)}
.manifesto-heading h1{margin:40px 0 28px;font-size:clamp(50px,9.5vw,150px)}
.manifesto-heading>.small-copy{color:var(--muted);font-size:10px}
.manifesto-document{max-width:1050px;margin-left:auto}
.manifesto-passage{display:grid;grid-template-columns:80px 1fr;gap:35px;padding:55px 0;border-bottom:1px solid var(--line)}
.manifesto-passage h2{font-size:12px;font-weight:700;padding-top:9px;color:var(--muted)}
.manifesto-passage p{font-size:clamp(19px,2.15vw,31px);line-height:1.6;letter-spacing:-.035em;max-width:870px}
.manifesto-statement p{font-size:clamp(26px,3vw,43px);line-height:1.35}
.manifesto-statement h2{color:var(--red)}
.manifesto-seal{padding:45px 0 0 115px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.manifesto-seal p{font-size:13px}
@media(max-width:1100px){.header-nav{gap:20px}.brand{width:68px}}
@media(max-width:800px){.site-header{height:135px}.brand{width:57px}.hero-side-note{top:151px}.hero .film-toggle{top:146px}.pdp-intro,.archive-top,.waitlist-layout,.service-layout,.page-pad,.legal-content,.checkout-wrap{padding-top:160px}.footer-logo{width:110px}.manifesto-page{padding-top:170px;padding-bottom:65px}.manifesto-heading{padding-bottom:45px}.manifesto-passage{grid-template-columns:35px 1fr;gap:20px;padding:35px 0}.manifesto-seal{padding-left:55px}.correspondence-stamp{padding:30px 18px 20px}.correspondence-stamp img{max-width:160px}.correspondence-stamp figcaption{font-size:8px}.menu-links a{font-size:clamp(28px,5vw,42px);padding:16px 0}}
@media(max-width:520px){.site-header{height:130px}.brand{width:54px}.header-tools{font-size:10px;gap:17px}.hero-side-note{top:145px}.hero .film-toggle{top:141px}.correspondence-stamp{max-width:250px;padding:35px 35px 22px}.correspondence-stamp img{width:100%;max-width:150px;margin:auto}.correspondence-stamp figcaption{margin-top:28px}.manifesto-heading h1{font-size:clamp(38px,10.3vw,54px);letter-spacing:-.065em;margin-top:30px}.manifesto-passage{grid-template-columns:22px 1fr;gap:15px}.manifesto-passage p{font-size:18px;line-height:1.65}.manifesto-statement p{font-size:25px;line-height:1.45}.manifesto-seal{padding-left:37px;align-items:flex-start;flex-direction:column;gap:28px}.manifesto-text .arrow-link{font-size:10px}.menu-links{padding-top:30px}.menu-links a{font-size:29px;padding:16px 0}.menu-dialog{padding-top:22px}.menu-top img{width:52px}}

/* Revision 03: full-frame film, editorial hierarchy, persistent preorder clock. */
.home-header{height:158px;align-items:flex-start;padding-top:25px;gap:5vw}
.home-header .brand{width:64px}
.home-header .header-nav{flex:1;justify-content:space-between;gap:25px;margin:0;padding-top:1px}
.home-header .header-nav a{padding-top:21px;font-size:10px}
.nav-pin{position:absolute;top:0;left:0;width:3px;height:3px;border-radius:50%;background:currentColor}
.home-header .header-tools{padding-top:14px;font-size:10px}
.hero.stage-hero{height:100svh;min-height:740px;max-height:none;isolation:isolate}
.stage-hero .hero-media:after{background:linear-gradient(180deg,rgba(var(--ink-rgb),.45),rgba(var(--ink-rgb),.04) 37%,rgba(var(--ink-rgb),.42) 65%,rgba(var(--ink-rgb),.81))}
.stage-hero .hero-media video{opacity:.94}
.stage-grid{position:absolute;inset:0;pointer-events:none;display:grid;grid-template-columns:repeat(4,1fr);opacity:.45}
.stage-grid i{border-right:1px solid rgba(242,240,233,.18)}
.stage-player{position:absolute;top:39%;left:50%;transform:translate(-50%,-50%);display:flex;gap:18px;align-items:center;white-space:nowrap;font-size:10px;text-shadow:0 1px 15px rgba(var(--ink-rgb),0.5333)}
.stage-player button{min-width:80px;min-height:44px;font-size:10px;padding:10px 0;text-align:left}
.stage-player button:hover{color:var(--white)}
.stage-player progress{appearance:none;-webkit-appearance:none;width:92px;height:2px;border:0;background:#f2f0e945;overflow:hidden}
.stage-player progress::-webkit-progress-bar{background:#f2f0e945}
.stage-player progress::-webkit-progress-value{background:var(--paper)}
.stage-player progress::-moz-progress-bar{background:var(--paper)}
.stage-bottom{position:absolute;left:var(--pad);right:var(--pad);bottom:87px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:7vw;align-items:start}
.stage-heading{border-top:1px solid transparent;padding-top:16px}
.stage-heading .hero-eyebrow{display:flex;align-items:center;min-height:20px;font-size:10px;margin:0 0 17px}
.hero.stage-hero{--home-type-size:clamp(30px,3.6vw,53px)}
.hero.stage-hero .hero-title,html[lang=en] .hero.stage-hero .hero-title{font-size:var(--home-type-size);line-height:1;letter-spacing:-.055em;max-width:none;text-wrap:balance}
.stage-purchase{justify-self:end;width:100%;max-width:420px;border-top:1px solid rgba(242,240,233,.5);padding-top:16px}
.countdown-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:20px}
.countdown-caption{font-size:10px;letter-spacing:.035em}
.countdown-demo{font-size:8px;line-height:1.4;border:1px solid #f2f0e975;padding:3px 5px;letter-spacing:.08em}
.countdown-digits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:17px 0 15px;font-variant-numeric:tabular-nums}
.countdown-unit{display:flex;flex-direction:column;gap:5px;position:relative}
.countdown-unit strong{font-size:var(--home-type-size);line-height:1;letter-spacing:-.07em}
.countdown-unit:not(:last-child):after{content:':';position:absolute;right:0;top:4px;font-size:clamp(21px,2.5vw,37px);opacity:.55}
.countdown-unit>span{font-size:8px;letter-spacing:.08em;opacity:.8}
.countdown-note{font-size:9px;letter-spacing:.04em}
.stage-cta{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:13px;padding:16px 0 11px;margin-top:15px;color:var(--red);border-bottom:1px solid currentColor;transition:color .2s,border-color .2s}
.stage-cta>span{font-size:24px;line-height:1;color:currentColor;transition:transform .2s}
.stage-cta:hover,.stage-cta:focus-visible{color:#ff684e;border-color:currentColor}
.stage-cta:hover>span{transform:translate(2px,-2px)}
.countdown-delivery{font-size:8px;margin-top:11px;opacity:.85}
.countdown-closed{font-size:clamp(25px,3vw,42px);line-height:1.15;letter-spacing:-.045em;margin-top:22px}
.home-view .preview-trigger{left:50%;transform:translateX(-50%);bottom:15px;background:#151416c9;border-color:#f2f0e94d}
@media(min-width:801px) and (max-height:800px){.hero.stage-hero{min-height:740px}.stage-player{top:37%}}
@media(max-width:1100px){.home-header{gap:4vw}.home-header .header-nav{gap:20px}.home-header .header-nav a{font-size:9px}.home-header .header-tools{gap:16px}.stage-bottom{grid-template-columns:1.2fr 1fr;gap:5vw}.stage-cta{font-size:11px}.countdown-caption{font-size:9px}.countdown-digits{gap:9px}}
@media(max-width:800px){
 .home-header{height:135px;padding-top:20px;align-items:flex-start}.home-header .brand{width:57px}.home-header .header-nav{display:none}.home-header .header-tools{margin-left:auto;padding-top:24px}
 .hero.stage-hero{min-height:830px}.stage-grid{grid-template-columns:1fr 1fr}.stage-grid i:nth-child(n+2){display:none}.stage-player{top:29%;gap:15px;font-size:9px}.stage-player button{font-size:9px;min-width:73px}.stage-player progress{width:65px}
 .stage-bottom{grid-template-columns:1fr;gap:26px;bottom:88px}.stage-heading{padding-top:0;border-top:0}.stage-heading .hero-eyebrow{font-size:9px;margin-bottom:14px}
 .hero.stage-hero{--home-type-size:35px}
 .stage-heading .hero-title>span{display:block}
 .stage-purchase{justify-self:start;max-width:440px;padding-top:12px}.countdown-digits{margin:14px 0 12px;gap:15px}.countdown-unit:not(:last-child):after{font-size:25px;top:0;right:7px}.countdown-unit>span{font-size:7px}
 .countdown-note{font-size:8px}.stage-cta{margin-top:9px;padding-top:10px;padding-bottom:9px;font-size:12px}.countdown-delivery{font-size:8px;margin-top:9px}.home-view .preview-trigger{bottom:10px;font-size:7px;padding:6px 9px}.countdown-closed{font-size:30px}
}
@media(max-width:520px){.home-header .brand{width:54px}.home-header .header-tools{gap:17px}.hero.stage-hero{min-height:810px}.stage-player{top:28.5%;gap:13px}.stage-player progress{width:48px}.stage-player button{min-width:68px}.stage-heading .hero-eyebrow{font-size:8px}.stage-bottom{bottom:91px;gap:25px}.hero.stage-hero{--home-type-size:33px}.countdown-caption{font-size:9px}.countdown-demo{font-size:8px}.stage-cta{font-size:12px}.countdown-delivery{font-size:9px}}

/* Revision 12: symmetric navigation; utilities have their own upper line. */
.site-header,.site-header.home-header{height:152px;padding:32px var(--pad) 0;display:flex;align-items:center;gap:0}
.site-header .header-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:0;width:100%;flex:none;margin:0;padding:0}
.site-header .header-nav>a{grid-row:1;justify-self:center;white-space:nowrap;padding:14px 0;font-size:11px}
.site-header .header-nav>a[href="#/emissione"]{grid-column:1}
.site-header .header-nav>a[href="#/palazzo"]{grid-column:2}
.site-header .header-nav>a[href="#/manifesto"]{grid-column:4}
.site-header .header-nav>a[href="#/buca-delle-lettere"]{grid-column:5}
.site-header .header-nav>.brand{grid-column:3;justify-self:center;width:56px;padding:0;line-height:0}
.site-header .header-nav>.brand:after{display:none}
.site-header .header-tools{position:absolute;right:var(--pad);top:12px;transform:none;padding:0;margin:0;font-size:9px;gap:20px}
.home-header .nav-pin{top:0}
@media(min-width:801px) and (max-width:1100px){
 .site-header .header-nav>a{font-size:10px}
 .site-header .header-nav>.brand{width:52px}
}
@media(max-width:800px){
 .site-header,.site-header.home-header{height:130px;padding:0 var(--pad)}
 .site-header .header-nav{position:absolute;left:50%;top:18px;transform:translateX(-50%);display:block;width:54px;margin:0;padding:0}
 .site-header .header-nav>a:not(.brand){display:none}
 .site-header .header-nav>.brand{display:block;width:54px;padding:0}
 .site-header .header-tools{position:static;display:contents;transform:none}
 .site-header .menu-trigger{display:block;position:absolute;left:var(--pad);top:48px;padding:10px 0;font-size:10px}
 .site-header .lang-switch{position:absolute;right:calc(var(--pad) + 39px);top:48px;gap:5px;font-size:10px}
 .site-header .cart-button{position:absolute;right:var(--pad);top:48px;padding:10px 0;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.stage-cta,.stage-cta>span{transition:none}.stage-cta:hover>span{transform:none}}

/* editorial.css */
/* Editorial stamp compositions. Real product assets with a generated atmospheric backdrop. */
.stamp-editorial{isolation:isolate;position:relative;color:var(--paper);background:var(--ink)}
.editorial-register{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:start;gap:20px;font-size:10px;line-height:1.5;letter-spacing:.035em}
.editorial-register>span:last-child{text-align:right}
.editorial-link{display:flex;align-items:center;justify-content:space-between;gap:35px;font-size:11px;line-height:1.5;padding:12px 0;border-bottom:1px solid #f2f0e959;text-align:left}
.editorial-link>span{color:var(--red);font-size:23px;line-height:1}
.editorial-link:hover{border-color:var(--red)}
.stamp-frontispiece{margin:0 var(--pad);padding:30px 35px 27px;background:linear-gradient(90deg,var(--ink) 0%,var(--ink) 50%,var(--grey) 50%,var(--grey) 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.frontispiece-body{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto auto;column-gap:15px;padding:70px 0 35px;align-items:start}
.frontispiece-body h2{grid-column:1/8;grid-row:1;margin:0;font-size:clamp(46px,6.7vw,106px);line-height:.99;letter-spacing:-.07em;z-index:2;padding-top:20px}
.frontispiece-body h2>span:nth-child(2){display:inline-block;margin-left:12%}
.frontispiece-body h2>span:last-child{display:inline-block;margin-left:25%}
.frontispiece-stamp{grid-column:8/11;grid-row:1/3;width:100%;max-width:245px;justify-self:center;margin:0;padding-top:15px}
.frontispiece-stamp button,.stamp-specimen button,.letter-stamp button{display:block;width:100%;cursor:zoom-in}
.frontispiece-stamp img,.stamp-specimen img,.letter-stamp img{display:block;width:100%;height:auto;object-fit:contain;transform:none;animation:none}
.frontispiece-stamp figcaption{font-size:8px;display:flex;justify-content:space-between;margin-top:13px;letter-spacing:.03em}
.frontispiece-notes{grid-column:3/7;grid-row:2;font-size:10px;line-height:1.4;padding-top:40px}
.frontispiece-notes p{position:relative;white-space:nowrap;padding-left:35px;margin:0 0 9px}
.frontispiece-notes p>span{position:absolute;left:0;color:#e3b5ab}
.frontispiece-notes p:nth-child(2){margin-left:30%}.frontispiece-notes p:nth-child(3){margin-left:12%}
.frontispiece-footer{display:flex;justify-content:space-between;align-items:end;gap:35px;border-top:1px solid #f2f0e930;padding-top:25px}
.frontispiece-footer>p{font-size:9px;line-height:1.6}.frontispiece-footer .editorial-link{min-width:260px}
.stamp-dossier{padding:20px var(--pad) 90px;scroll-margin-top:28px}
.stamp-dossier>.editorial-register{margin-bottom:25px}
.stamp-atmosphere{position:relative;isolation:isolate;display:grid;place-items:center;min-height:540px;aspect-ratio:1.65;width:100%;overflow:hidden;margin-bottom:24px;background:var(--ink)}
.stamp-atmosphere-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% 50%;z-index:-2}
.stamp-atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(var(--ink-rgb),0.4196),transparent 65%),linear-gradient(0deg,rgba(var(--ink-rgb),0.2196),transparent 45%);z-index:-1;pointer-events:none}
.atmosphere-coordinates{position:absolute;top:30px;left:32px;right:32px;display:flex;justify-content:space-between;gap:25px;font-size:10px;letter-spacing:.06em}
.atmosphere-line{font-size:clamp(25px,3vw,47px);line-height:1.3;text-align:center;letter-spacing:-.035em;margin:0 25px;transform:translateY(-5%);text-shadow:0 1px 15px rgba(var(--ink-rgb),0.4000);font-weight:400}
.atmosphere-line strong{font-weight:500}
.atmosphere-sign{position:absolute;bottom:30px;right:32px;font-size:11px}
.stamp-plate{position:relative;isolation:isolate;width:100%;min-height:620px;aspect-ratio:1.9;overflow:hidden;background:var(--ink)}
.stamp-plate-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;z-index:-2}
.stamp-plate:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#151416b8,transparent 60%),linear-gradient(0deg,#151416e6,transparent 65%)}
.stamp-annotations{position:absolute;top:7%;left:4%;width:47%;font-size:clamp(11px,1.1vw,16px);line-height:1.15;letter-spacing:-.02em}
.stamp-annotations p{position:relative;padding-left:38px;margin:0 0 13px}
.stamp-annotations p>span{position:absolute;left:0;font-size:10px;line-height:1.7}
.stamp-annotations p:nth-child(2){margin-left:22%}.stamp-annotations p:nth-child(3){margin-left:9%}
.stamp-plate h2{position:absolute;left:4%;bottom:8%;font-size:clamp(40px,5.8vw,88px);line-height:1;letter-spacing:-.065em;margin:0;width:70%;max-width:70%}
.stamp-plate h2>span{display:inline-block;margin-left:12%;white-space:nowrap}
.stamp-specimen{position:absolute;right:4%;bottom:7%;width:14%;max-width:180px;margin:0}
.stamp-specimen figcaption{font-size:8px;margin-top:12px;display:flex;justify-content:space-between;gap:10px}
.stamp-dossier-footer{display:grid;grid-template-columns:1fr 1.7fr 1fr;gap:45px;align-items:start;padding-top:27px}
.editorial-folio{font-size:9px;letter-spacing:.03em}.stamp-dossier-copy{font-size:12px;line-height:1.8;margin:0;max-width:460px}
.stamp-dossier-footer .editorial-link{padding-top:0;min-height:42px;font-size:10px}
.correspondence-letter{margin:0 var(--pad);padding:42px 0 70px;border-top:1px solid var(--line)}
.letter-dispatch{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:50px 0 35px;font-size:9px;line-height:1.6}
.letter-dispatch>p:last-child{padding-left:20%}.letter-dispatch span{color:var(--muted)}
.letter-composition{position:relative;display:grid;grid-template-columns:1fr .6fr 1.35fr;align-items:center;gap:5vw;min-height:370px}
.letter-composition h2{display:contents}
.letter-composition h2>span{grid-column:1;grid-row:1;font-size:clamp(34px,4.8vw,75px);line-height:1.04;letter-spacing:-.06em}
.letter-composition h2>span:last-child{grid-column:3;font-size:clamp(20px,2.45vw,38px);padding-top:65px}
.letter-stamp{grid-column:2;grid-row:1;width:100%;max-width:190px;margin:0;justify-self:center}
.letter-stamp figcaption{font-size:8px;text-align:center;margin-top:16px}
.letter-colophon{display:grid;grid-template-columns:repeat(12,1fr);row-gap:14px;padding:60px 0 50px;font-size:11px;line-height:1.4}
.letter-colophon p{position:relative;padding-left:36px;margin:0;grid-column:1/6}.letter-colophon p>span{position:absolute;left:0;color:var(--muted)}
.letter-colophon p:nth-child(2){grid-column:5/10;grid-row:2}.letter-colophon p:nth-child(3){grid-column:8/13;grid-row:3}
.letter-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:25px;border-top:1px solid var(--line)}
.letter-footer>p{font-size:12px}.letter-footer .editorial-link{min-width:290px}
@media(max-width:1100px){
 .stamp-frontispiece{padding:25px}.frontispiece-body{padding-top:50px;column-gap:10px}.frontispiece-stamp{grid-column:9/12}.frontispiece-body h2{font-size:6.7vw}.frontispiece-notes{grid-column:2/7}
 .stamp-plate{min-height:580px}.stamp-dossier-footer{grid-template-columns:1fr 2fr;gap:25px}.stamp-dossier-footer .editorial-link{grid-column:2;justify-self:start;gap:50px}
 .letter-composition{gap:3vw;grid-template-columns:1fr .65fr 1.3fr}.letter-composition h2>span:last-child{font-size:2.45vw}.letter-colophon{font-size:10px}
}

/* Client stamp sheet, shared by Home and the stamp chapter. */
.stamp-frontispiece{background:#151416 url('assets/stamp-sheet-grain.webp') center/cover no-repeat}
.stamp-frontispiece:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(var(--ink-rgb),0.5020),transparent 70%),linear-gradient(0deg,rgba(var(--ink-rgb),0.2706),transparent 45%,rgba(var(--ink-rgb),0.1882));z-index:-1;pointer-events:none}
@media(max-width:800px){.stamp-atmosphere{min-height:580px;aspect-ratio:auto}.stamp-atmosphere-image{object-position:60% 50%}.atmosphere-line{font-size:clamp(24px,3.5vw,32px)}.atmosphere-coordinates{font-size:9px;top:25px;left:var(--pad);right:var(--pad)}.atmosphere-sign{right:var(--pad);bottom:25px}.stamp-frontispiece{background-position:55% 50%}}
@media(max-width:520px){.stamp-atmosphere{min-height:570px;margin-bottom:16px}.atmosphere-line{font-size:clamp(23px,5.7vw,29px);line-height:1.4;margin:0 20px;max-width:calc(100% - 40px)}.atmosphere-coordinates{font-size:8px}.atmosphere-sign{font-size:10px}}
@media(max-width:800px){
 .editorial-register{grid-template-columns:.65fr 2fr 1fr;font-size:8px;gap:12px}
 .stamp-frontispiece{margin:0;padding:25px var(--pad)}.frontispiece-body{padding:40px 0 32px;grid-template-columns:repeat(8,minmax(0,1fr));gap:0}
 .frontispiece-body h2{grid-column:1/6;grid-row:1;font-size:clamp(40px,7vw,58px);padding-top:0}.frontispiece-stamp{grid-column:5/9;grid-row:2;max-width:210px;padding:0 8px;margin-top:30px}
 .frontispiece-notes{grid-column:1/5;grid-row:2;align-self:center;font-size:8px;padding-top:25px}.frontispiece-notes p{padding-left:24px}.frontispiece-notes p:nth-child(2){margin-left:10%}.frontispiece-notes p:nth-child(3){margin-left:3%}
 .frontispiece-footer .editorial-link{min-width:220px;font-size:10px}.frontispiece-footer>p{font-size:8px}
 .stamp-dossier{padding-bottom:60px}.stamp-plate{aspect-ratio:auto;min-height:650px}.stamp-annotations{width:70%;font-size:12px;top:5%}.stamp-plate-photo{object-position:45% 50%}
 .stamp-plate h2{font-size:clamp(36px,5.4vw,46px);bottom:6%;max-width:80%}.stamp-specimen{width:130px;right:6%;bottom:28%}.stamp-specimen figcaption{font-size:7px}
 .letter-dispatch{padding-top:35px}.letter-composition{grid-template-columns:1fr 1fr;gap:30px;min-height:0;align-items:start}
 .letter-composition h2>span{grid-column:1;grid-row:1;font-size:clamp(38px,6vw,48px)}.letter-composition h2>span:last-child{grid-column:1/3;grid-row:2;font-size:clamp(25px,4.7vw,38px);padding:0 0 0 13%;margin-top:0;align-self:end}
 .letter-stamp{grid-column:2;grid-row:1;max-width:190px}.letter-colophon{grid-template-columns:repeat(6,1fr);padding-top:55px;font-size:10px}.letter-colophon p{grid-column:1/5}.letter-colophon p:nth-child(2){grid-column:2/6}.letter-colophon p:nth-child(3){grid-column:3/7}
}
@media(max-width:520px){
 .editorial-register{grid-template-columns:.55fr 2fr 1fr;font-size:7px;gap:9px}.stamp-frontispiece{padding-top:25px;padding-bottom:26px}.frontispiece-body h2{font-size:clamp(40px,11vw,56px);grid-column:1/9}
 .frontispiece-stamp{grid-column:4/9;width:180px;max-width:100%;margin-top:36px;padding:0}.frontispiece-stamp figcaption{font-size:7px;margin-top:10px}.frontispiece-notes{grid-column:1/5;grid-row:3;padding-top:30px;font-size:9px;width:210px}
 .frontispiece-notes p:nth-child(2){margin-left:25%}.frontispiece-notes p:nth-child(3){margin-left:12%}.frontispiece-footer{gap:25px;align-items:start}.frontispiece-footer .editorial-link{min-width:0;width:190px;font-size:9px;gap:20px;padding-top:0}.frontispiece-footer>p{font-size:7px}
 .stamp-dossier{padding:10px 0 50px}.stamp-dossier>.editorial-register{padding:0 var(--pad);margin-bottom:20px}.stamp-plate{min-height:680px}
 .stamp-annotations{left:var(--pad);top:28px;width:78%;font-size:12px}.stamp-annotations p{padding-left:32px;margin-bottom:14px}.stamp-annotations p:nth-child(2){margin-left:20%}.stamp-annotations p:nth-child(3){margin-left:8%}
 .stamp-plate h2{left:var(--pad);bottom:35px;font-size:clamp(34px,9vw,46px);max-width:90%}.stamp-specimen{width:122px;right:var(--pad);bottom:180px}.stamp-specimen figcaption{font-size:7px;line-height:1.5}
 .stamp-dossier-footer{padding:24px var(--pad) 0;grid-template-columns:1fr;gap:20px}.stamp-dossier-copy{font-size:12px}.stamp-dossier-footer .editorial-link{grid-column:1;font-size:10px}
 .correspondence-letter{padding-top:28px;padding-bottom:45px}.letter-dispatch{font-size:8px;gap:15px;padding-bottom:40px}.letter-dispatch>p:last-child{padding-left:0}
 .letter-composition{grid-template-columns:1fr 1fr;gap:35px 15px}.letter-composition h2>span{grid-column:1/3;grid-row:1;font-size:48px}.letter-stamp{grid-column:2;grid-row:2;width:160px;max-width:100%}.letter-composition h2>span:last-child{grid-column:1/3;grid-row:3;margin-top:0;padding-left:0;font-size:clamp(23px,6.2vw,31px)}
 .letter-colophon{display:flex;flex-direction:column;gap:20px;padding:40px 0;font-size:9px}.letter-colophon p{padding-left:25px}.letter-colophon p:nth-child(2){margin-left:10%}.letter-colophon p:nth-child(3){margin-left:19%}
 .letter-footer{align-items:start;gap:20px}.letter-footer>p{font-size:9px;padding-top:10px}.letter-footer .editorial-link{min-width:0;width:195px;font-size:9px;gap:15px}
}
/* Revision 08: shared alignment lines, photographic sheets and overprinted text. */
.frontispiece-body{min-height:510px}
.frontispiece-notes{grid-column:8/13;grid-row:2;justify-self:end;width:280px;max-width:100%;padding-top:45px}
.frontispiece-notes p:nth-child(2){margin-left:20%}
.manifesto-editorial .manifesto-heading{padding-bottom:36px;border-bottom:0}
.manifesto-editorial .manifesto-heading h1{font-weight:400;margin:28px 0 20px}
.manifesto-paragraph{font-size:clamp(14px,1.15vw,17px);line-height:1.8;letter-spacing:-.025em;font-weight:400}
.manifesto-paragraph.manifesto-lead{font-size:clamp(23px,2.7vw,38px);line-height:1.4;letter-spacing:-.04em}
.manifesto-sheet{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(460px,48vw,680px);background:var(--ink)}
.manifesto-sheet-image{position:absolute;inset:0;margin:0}
.manifesto-sheet-image img{width:100%;height:100%;object-fit:cover;object-position:50% 48%}
.manifesto-sheet-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--ink-rgb),0.0314) 15%,rgba(var(--ink-rgb),0.0627) 35%,rgba(var(--ink-rgb),0.5333) 100%);pointer-events:none}
.manifesto-sheet-image figcaption{position:absolute;right:32px;top:24px;z-index:2;font-size:8px;font-weight:400;text-shadow:0 1px 8px var(--ink);opacity:.8}
.manifesto-overprint{position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start;padding:clamp(250px,28vw,420px) 32px 85px;min-height:inherit;text-shadow:0 2px 16px rgba(var(--ink-rgb),0.4000)}
.manifesto-overprint>.sheet-note{grid-column:1/4;padding-top:7px;font-size:9px;font-weight:500;letter-spacing:.015em}
.manifesto-overprint>.manifesto-paragraph,.manifesto-overprint>div{grid-column:4/13}
.manifesto-identity .manifesto-overprint{padding-top:clamp(240px,25vw,370px)}
.manifesto-paragraph.manifesto-emphasis{font-size:clamp(23px,2.5vw,36px);line-height:1.4;font-weight:400;letter-spacing:-.04em}
.manifesto-paragraph.manifesto-question{font-size:12px;font-weight:500;margin-top:24px;letter-spacing:0}
.manifesto-reading{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding:42px 32px 80px}
.manifesto-reading-opening>.manifesto-paragraph{grid-column:4/13}
.manifesto-reading-pair>.manifesto-paragraph:first-child{grid-column:1/7}
.manifesto-reading-pair>.manifesto-paragraph:last-child{grid-column:8/13}
.manifesto-reading-end .manifesto-lead{font-size:clamp(20px,2vw,28px);font-weight:500}
.manifesto-editorial .manifesto-seal{padding:30px 32px 0;border-top:1px solid var(--line)}
@media(max-width:800px){
 .frontispiece-body{min-height:440px}
 .frontispiece-notes{grid-column:4/9;grid-row:2;width:240px;align-self:end;padding-top:65px}
 .manifesto-overprint{gap:18px;padding-right:24px;padding-left:24px}
 .manifesto-overprint>.sheet-note{grid-column:1/3}
 .manifesto-overprint>.manifesto-paragraph,.manifesto-overprint>div{grid-column:3/13}
 .manifesto-reading{padding-left:24px;padding-right:24px;gap:24px}
 .manifesto-reading-opening>.manifesto-paragraph{grid-column:3/13}
}
@media(max-width:520px){
 .frontispiece-body{min-height:470px}
 .frontispiece-notes{grid-column:3/9;grid-row:2;width:210px;padding-top:90px}
 .manifesto-editorial .manifesto-heading{padding-bottom:28px}
 .manifesto-sheet{min-height:470px}
 .manifesto-sheet-image img{object-position:50% 50%}
 .manifesto-sheet-image figcaption{left:20px;right:auto;top:18px;font-size:7px;max-width:80%}
 .manifesto-overprint{grid-template-columns:1fr;gap:18px;padding:250px 20px 40px;min-height:470px;align-content:end}
 .manifesto-overprint>.sheet-note,.manifesto-overprint>.manifesto-paragraph,.manifesto-overprint>div{grid-column:1}
 .manifesto-overprint>.sheet-note{padding:0;font-size:8px}
 .manifesto-paragraph.manifesto-lead{font-size:23px;line-height:1.4}
 .manifesto-identity .manifesto-overprint{padding-top:230px}
 .manifesto-paragraph.manifesto-emphasis{font-size:21px;line-height:1.45}
 .manifesto-paragraph.manifesto-question{font-size:10px;line-height:1.7;margin-top:20px}
 .manifesto-reading{grid-template-columns:1fr;gap:28px;padding:28px 0 48px}
 .manifesto-reading-opening>.manifesto-paragraph,.manifesto-reading-pair>.manifesto-paragraph:first-child,.manifesto-reading-pair>.manifesto-paragraph:last-child{grid-column:1}
 .manifesto-paragraph{font-size:14px;line-height:1.8}
 .manifesto-reading-end .manifesto-lead{font-size:21px}
 .manifesto-editorial .manifesto-seal{padding:28px 0 0}
}

/* Revision 10: leave the main stamp visible beside the overprinted heading. */
.stamp-atmosphere .atmosphere-line{justify-self:start;text-align:left;margin-left:4%;max-width:42%;transform:none}
@media(max-width:800px){
 .stamp-frontispiece{background-position:58% 50%}
 .stamp-atmosphere-image{object-position:62% 50%}
 .stamp-atmosphere .atmosphere-line{align-self:start;margin:90px 24px 0;max-width:calc(100% - 48px)}
}
@media(max-width:520px){
 .stamp-atmosphere .atmosphere-line{margin:85px 20px 0;max-width:calc(100% - 40px)}
}

/* Revision 13: two consecutive photographs, with matching page margins. */
.palace-spread{padding-bottom:clamp(24px,3vw,48px)}
.palace-stamps{padding:0 var(--pad) clamp(48px,6vw,96px)}
.palace-stamps img{width:100%;height:auto;aspect-ratio:2752/1536}

/* Revision 33: two staggered blocks meet at the same central axis. */
.stamp-frontispiece.stamp-home-story{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 grid-template-rows:auto 1fr auto;
 min-height:clamp(580px,50vw,860px);
 padding:clamp(28px,3vw,58px);
}
.stamp-home-story:before{
 background:linear-gradient(90deg,rgba(var(--ink-rgb),.42),transparent 70%),
 linear-gradient(0deg,rgba(var(--ink-rgb),.68),transparent 62%);
}
.stamp-story-index{grid-column:1/-1;grid-row:1}
.stamp-story-index .section-kicker{margin:0}
.stamp-home-story .stamp-story-title{
 grid-column:1;grid-row:2;align-self:start;
 margin:clamp(65px,7vw,125px) 0 0;padding:0;
 font-size:clamp(26px,2.9vw,56px);line-height:1.12;
 letter-spacing:-.045em;font-weight:700;text-align:right;
}
.stamp-story-title>span{display:block}
.stamp-story-copy{grid-column:2;grid-row:3;min-width:0;padding-top:65px}
.stamp-story-copy>p{margin:0;font-size:clamp(12px,.88vw,16px);line-height:1.8;font-weight:400}
.stamp-story-copy .editorial-link{margin-top:26px;width:260px;max-width:100%;min-width:0}
@media(max-width:800px){
 .stamp-frontispiece.stamp-home-story{min-height:590px;padding:28px var(--pad)}
 .stamp-home-story .stamp-story-title{font-size:clamp(20px,3.25vw,26px)}
 .stamp-story-copy>p{font-size:11px}
 .stamp-story-copy .editorial-link{width:230px}
}
@media(max-width:600px){
 .stamp-frontispiece.stamp-home-story{grid-template-columns:repeat(12,minmax(0,1fr));min-height:620px}
 .stamp-home-story .stamp-story-title{grid-column:1/-1;font-size:clamp(24px,6.8vw,36px);text-align:left;margin-top:70px}
 .stamp-story-copy{grid-column:2/-1;padding-top:140px}
 .stamp-story-copy>p{font-size:12px;line-height:1.85}
 .stamp-story-copy .editorial-link{width:230px;margin-top:24px}
}

/* typography.css */
/* Revision 05. Load after style.css and editorial.css.
   Real static 400/500 faces extend the existing 700 faces; no synthetic weights. */
@font-face{
 font-family:NA;
 src:url('assets/IBMPlexMono-Regular.woff2') format('woff2');
 font-weight:400;font-style:normal;font-display:swap;
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
 font-family:NA;
 src:url('assets/IBMPlexMono-Medium.woff2') format('woff2');
 font-weight:500;font-style:normal;font-display:swap;
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
 font-family:NAZero;
 src:url('assets/NotoSansMono-Regular-zero.woff2') format('woff2');
 font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0030;
}
@font-face{
 font-family:NAZero;
 src:url('assets/NotoSansMono-Medium-zero.woff2') format('woff2');
 font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0030;
}

/* Reading text. The original family stack also supplies the dedicated zero. */
html{font-synthesis:none}
body{font-weight:400}
input,select,textarea{font-family:var(--font);font-weight:400}
.body-copy,.small-copy,.product-intro-copy,.purchase-notes,.detail-list,
.accordion .answer,.stamp-dossier-copy,.letter-colophon,
.manifesto-text p,.manifesto-passage p,.legal-content p,
.preview-dialog p,.preview-dialog li,.cart-item p{font-weight:400}

/* Controls, navigation and compact labels retain enough presence at small sizes. */
button,label,summary,th,
.header-nav,.header-tools,.menu-links,.footer-links,.footer-label,.footer-bottom,
.section-kicker,.eyebrow,.hero-eyebrow,.hero-side-note,.hero-foot,.stage-topline,
.stage-player,.stage-foot,.arrow-link,.text-link,.editorial-link,.btn,.stage-cta,
.film-caption,.film-note,figcaption,.gallery-caption,.pdp-status,.pdp-subtitle,
.size-label-row,.quantity-row,.detail-list span:first-child,.spec-row,
.home-product-details,.price-line,.field-label,.size-table caption,
.editorial-register,.editorial-folio,.frontispiece-notes,.frontispiece-footer>p,
.stamp-annotations,.letter-dispatch,.letter-colophon p>span,.letter-footer,
.atmosphere-coordinates,.atmosphere-sign,
.countdown-caption,.countdown-demo,.countdown-unit>span,.countdown-note,
.countdown-delivery,.preview-trigger{font-weight:500}

/* Strong display and commercial anchors use the real Bold already in style.css. */
h1,h2,h3,h4,h5,h6,strong,b,.display-title,.hero-title,.chapter-title,
.price,.cart-total,.cart-item .cart-item-price,.order-id,.archive-code,.archive-film-title,.footer-sign,
.waitlist-visual .quote,.countdown-unit strong,.countdown-unit:after,
.countdown-closed,.home-product-details strong{font-weight:700}

/* Editorial rhythm: alternate regular and bold lines without changing the copy. */
.frontispiece-body h2{font-weight:400}
.frontispiece-body h2>span:first-of-type{font-weight:700}
.frontispiece-body h2>span:last-of-type{font-weight:400}
.stamp-plate h2{font-weight:400}
.stamp-plate h2>span{font-weight:700}
.letter-composition h2>span{font-weight:400}
.letter-composition h2>span:last-child{font-weight:700}
.manifesto-statement p{font-weight:700}
.stamp-atmosphere .atmosphere-line{font-weight:400}
.stamp-atmosphere .atmosphere-line strong{font-weight:500}
.type-light{font-weight:400}

/* Home question shares the clock size, with a lighter reading weight. */
.stage-heading .hero-title{font-weight:400}

/* Revision 32: the longer garment headline stays within its image-side column. */
.home-product-copy h2 {
 font-size:clamp(28px,3.25vw,56px);
 line-height:1.08;
 letter-spacing:-.045em;
 max-width:100%;
}
@media(max-width:520px) {
 .home-product-copy h2 {font-size:clamp(28px,8vw,42px)}
}

/* Revision 34: the preorder statement fits its existing editorial column. */
.preorder-editorial>div:first-child{min-width:0}
.preorder-editorial h2{font-size:clamp(28px,3vw,48px);line-height:1.1;letter-spacing:-.045em}
.preorder-editorial .small-copy{max-width:100%}
@media(max-width:800px){
 .preorder-editorial h2{font-size:clamp(28px,5.2vw,40px)}
}

/* letterbox.css */
/* Letterbox: one photographic opening, then the letter and its accompanying image. */
.letterbox-page{padding:188px var(--pad) 100px}
.letterbox-hero{position:relative;min-height:clamp(460px,41vw,680px);display:flex;align-items:flex-end;isolation:isolate;background:var(--ink);overflow:hidden}
.letterbox-hero-image{position:absolute;inset:0;z-index:-2}
.letterbox-hero-image img{width:100%;height:100%;object-fit:cover;object-position:45% 50%}
.letterbox-hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(var(--ink-rgb),0.7216) 0%,rgba(var(--ink-rgb),0.1882) 78%),linear-gradient(0deg,rgba(var(--ink-rgb),0.7608),transparent 85%)}
.letterbox-hero-copy{width:100%;padding:clamp(28px,4vw,66px)}
.letterbox-eyebrow{font-size:10px;font-weight:500;letter-spacing:.055em;text-transform:uppercase}
.letterbox-hero h1{font-size:clamp(48px,6.3vw,104px);font-weight:400;line-height:1.02;letter-spacing:-.065em;margin:38px 0 21px;max-width:13ch}
.letterbox-hero h1>span,.letterbox-hero h1>strong{display:block}
.letterbox-hero h1>strong{font-weight:500}
.letterbox-invitation{font-size:clamp(24px,2.7vw,43px);font-weight:400;line-height:1.15;letter-spacing:-.045em}
.letterbox-writing{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(50px,9vw,170px);padding:90px 0 0;align-items:start}
.letterbox-form-wrap{grid-column:2;grid-row:1;min-width:0}
.letterbox-aside{grid-column:1;grid-row:1;max-width:420px}
.letterbox-aside figure{margin-top:26px}
.letterbox-aside img{aspect-ratio:4/5;object-fit:cover;object-position:47% 50%}
.letterbox-aside-note{font-size:clamp(17px,1.5vw,24px);font-weight:400;letter-spacing:-.025em;margin-top:20px}
.letterbox-form{margin:0}
.letterbox-fields{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.letterbox-field{margin-bottom:32px;min-width:0}
.letterbox-label{display:block;font-size:10px;font-weight:500;letter-spacing:.025em;margin-bottom:12px}
.letterbox-label span{font-size:9px;color:var(--muted);font-weight:400}
.letterbox-hint{font-size:10px;line-height:1.65;color:var(--muted);margin-top:9px}
.letterbox-form input,.letterbox-form textarea{font:400 14px/1.65 var(--font);color:var(--paper);border:1px solid var(--line);background:transparent;border-radius:0;width:100%;padding:14px 16px;box-shadow:none}
.letterbox-form input{min-height:53px}
.letterbox-form textarea{display:block;min-height:230px;resize:vertical}
.letterbox-form input::placeholder,.letterbox-form textarea::placeholder{color:#b5afb6;opacity:.7}
.letterbox-form input:focus,.letterbox-form textarea:focus{outline:1px solid var(--paper);outline-offset:2px;border-color:var(--paper)}
.letterbox-form [aria-invalid=true]{border-color:#ff917d}
.letterbox-error{font-size:11px;line-height:1.6;color:#ff917d;margin-top:9px}
.letterbox-error:empty{display:none}
.letterbox-submit{display:flex;align-items:center;justify-content:space-between;width:100%;border-top:1px solid var(--red);border-bottom:1px solid var(--red);padding:19px 0;color:var(--red);font-size:12px;font-weight:500;transition:color .18s}
.letterbox-submit:hover{color:#ff684e}
.letterbox-submit>span{font-size:24px;line-height:1}
.letterbox-demo-note{color:var(--muted);font-size:10px;line-height:1.65;margin-top:17px;max-width:48ch}
.letterbox-confirmation{border-top:1px solid var(--line);padding:28px 0}
.letterbox-confirmation h2{font-size:clamp(24px,2.5vw,38px);font-weight:400;letter-spacing:-.045em;line-height:1.2;margin-bottom:20px}
.letterbox-confirmation p{font-size:13px;line-height:1.75;max-width:48ch}
.letterbox-confirmation button{margin-top:26px;text-decoration:underline;text-underline-offset:5px;padding:12px 0;font-size:11px}
@media(max-width:1100px){.letterbox-writing{gap:55px;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.letterbox-fields{grid-template-columns:1fr;gap:0}}
@media(max-width:800px){
 .letterbox-page{padding-top:150px;padding-bottom:65px}
 .letterbox-hero{min-height:490px}
 .letterbox-hero-image img{object-position:36% 50%}
 .letterbox-hero-copy{padding:28px}
 .letterbox-hero h1{font-size:clamp(43px,7.8vw,65px);margin-top:28px}
 .letterbox-writing{grid-template-columns:1fr;gap:56px;padding-top:46px}
 .letterbox-form-wrap{grid-column:1;grid-row:1}
 .letterbox-aside{grid-column:1;grid-row:2;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end}
 .letterbox-aside figure{grid-column:1;grid-row:1/3;margin:0}
 .letterbox-aside>.letterbox-eyebrow{grid-column:2;align-self:start}
 .letterbox-aside-note{grid-column:2;margin:0}
 .letterbox-fields{grid-template-columns:1fr 1fr;gap:24px}
 .menu-links a[href="#/buca-delle-lettere"]>span{font-size:clamp(22px,5.6vw,35px);white-space:normal;line-height:1.15}
}
@media(max-width:520px){
 .letterbox-hero{min-height:475px}
 .letterbox-hero-copy{padding:24px}
 .letterbox-hero h1{font-size:clamp(39px,10.9vw,53px);margin-top:30px;margin-bottom:19px}
 .letterbox-invitation{font-size:25px}
 .letterbox-fields{grid-template-columns:1fr;gap:0}
 .letterbox-form input,.letterbox-form textarea{font-size:16px}
 .letterbox-form textarea{min-height:220px}
 .letterbox-field{margin-bottom:27px}
 .letterbox-aside{grid-template-columns:1fr}
 .letterbox-aside figure{grid-row:2;grid-column:1}
 .letterbox-aside img{aspect-ratio:1.3;object-position:50% 40%}
 .letterbox-aside>.letterbox-eyebrow{grid-column:1;grid-row:1}
 .letterbox-aside-note{grid-column:1;grid-row:3}
}
@media(prefers-reduced-motion:reduce){.letterbox-submit{transition:none}}

/* logo-motion.css */
/* Revision 11: mask points to the webp file (the inline PNG weighed 380 KB in render-blocking CSS).
   A single light pass inside the stationary, complete logo.
   The zero-padding brand link already matches its block image (700:1209).
   Inset sizing follows its existing 72 / 64 / 54 px responsive widths. */
@supports (mask-image:linear-gradient(var(--ink),var(--ink))) or (-webkit-mask-image:linear-gradient(var(--ink),var(--ink))){
 .site-header .brand::before{
  --na-logo-mask:url("assets/logo-light.webp");
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  opacity:0;
  background-image:linear-gradient(105deg,
   transparent 40%,
   rgba(75,104,226,.72) 44%,
   rgba(255,34,1,.92) 47%,
   rgba(242,240,233,1) 50%,
   rgba(255,34,1,.92) 53%,
   rgba(75,104,226,.72) 56%,
   transparent 60%);
  background-size:300% 100%;
  background-position:100% 0;
  background-repeat:no-repeat;
  -webkit-mask:var(--na-logo-mask) center / contain no-repeat;
  mask:var(--na-logo-mask) center / contain no-repeat;
  mask-mode:alpha;
 }

 @media(prefers-reduced-motion:no-preference){
  .site-header .brand:focus-visible::before{
   animation:na-logo-light-pass 850ms cubic-bezier(.4,0,.2,1) 1 both;
  }
 }

 /* Fine-pointer hover only; keyboard focus has its own trigger above. */
 @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .site-header .brand:hover::before{
   animation:na-logo-light-pass 850ms cubic-bezier(.4,0,.2,1) 1 both;
  }
 }
}

@keyframes na-logo-light-pass{
 0%{background-position:100% 0;opacity:0}
 12%{opacity:1}
 88%{opacity:1}
 100%{background-position:0% 0;opacity:0}
}

@media(prefers-reduced-motion:reduce){
 .site-header .brand::before{content:none;animation:none;opacity:0}
}

/* home-hero.css */
/* Home only: small, staggered editorial blocks over the film. */
.hero.stage-hero.home-hero{
 --hero-service-grey:var(--service-grey);
 --hero-copy-size:clamp(16px,1.5vw,22px);
 display:flex;align-items:center;height:100svh;min-height:640px;
 padding:0 var(--pad);
}
.home-hero .hero-media:after{
 background:linear-gradient(180deg,rgba(var(--ink-rgb),0.5608) 0%,rgba(var(--ink-rgb),0.1412) 30%,rgba(var(--ink-rgb),0.3765) 50%,rgba(var(--ink-rgb),0.1020) 72%,rgba(var(--ink-rgb),0.6667) 100%);
}
.home-hero .home-hero-content{width:100%;position:static;z-index:2;text-align:left}
.home-hero .hero-lower{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
 column-gap:0;row-gap:12px;align-items:start;
 position:absolute;left:var(--pad);right:var(--pad);
 bottom:34px;z-index:2;
}
.home-hero .hero-reading{
 position:relative;z-index:2;display:grid;
 grid-template-columns:repeat(12,minmax(0,1fr));
 grid-template-rows:auto 1fr auto;min-height:clamp(280px,40svh,460px);
 column-gap:16px;row-gap:clamp(44px,6svh,72px);align-items:start;
}
.home-hero .stage-heading{grid-column:2/12;grid-row:1;width:100%;max-width:none;padding:0;border:0}
.hero.stage-hero.home-hero .hero-title,
html[lang=en] .hero.stage-hero.home-hero .hero-title{
 display:flex;justify-content:flex-start;gap:0;
 max-width:none;margin:0;font-size:clamp(13px,1.2vw,18px);font-weight:500;
 line-height:1.5;letter-spacing:.025em;text-wrap:initial;color:var(--red);
}
.hero.stage-hero.home-hero .hero-title .hero-quote-line{display:contents}
.hero.stage-hero.home-hero .hero-title .hero-quote-word{flex:none;white-space:nowrap}
.hero.stage-hero.home-hero .hero-title .hero-word-gap{flex:var(--gap-weight) 0 .7em;min-width:.7em;letter-spacing:0}
.home-hero .hero-register{
 position:relative;top:0;
 grid-column:2;grid-row:1;justify-self:start;max-width:38ch;width:100%;margin:0;text-align:left;
 color:var(--paper);font-size:clamp(10px,.85vw,11px);line-height:1.8;
 font-weight:400;letter-spacing:.03em;
}
.home-hero .hero-register>span{white-space:nowrap}
.home-hero .hero-utility{position:absolute;left:var(--pad);bottom:34px;z-index:2}
.hero.home-hero .stage-player{
 position:static;transform:none;display:flex;justify-content:flex-start;align-items:center;
 flex-wrap:wrap;gap:10px 18px;width:auto;margin:0;
 font-size:8px;font-weight:400;letter-spacing:.025em;color:var(--hero-service-grey);
}
.hero.home-hero .stage-player button{font-size:inherit;min-width:0;padding:12px 0;min-height:44px}
.home-hero .stage-player button:hover{color:var(--paper)}
.home-hero .stage-cta{
 grid-column:2;grid-row:2;justify-self:start;
 width:max-content;max-width:100%;justify-content:flex-start;gap:12px;
 margin:0;padding:12px 0;min-height:44px;font-size:10px;line-height:1.5;
 border:0;color:var(--red);font-weight:500;
}
.home-hero .stage-cta>span{font-size:16px}
.home-hero .stage-cta:hover,.home-hero .stage-cta:focus-visible{color:#ff684e}
@media(max-width:800px){
 .hero.stage-hero.home-hero{--hero-copy-size:clamp(13px,2.3vw,17px);min-height:660px}
 .home-hero .hero-reading{column-gap:12px}
 .home-hero .stage-heading{grid-column:1/-1}
 .home-hero .hero-lower{bottom:40px}
 .home-hero .hero-utility{bottom:40px}
 .hero.home-hero .stage-player{gap:8px 12px}
}
@media(max-width:520px){
 .hero.stage-hero.home-hero{--hero-copy-size:17px}
 .home-hero .hero-reading{column-gap:8px;row-gap:32px}
 .hero.stage-hero.home-hero .hero-title,html[lang=en] .hero.stage-hero.home-hero .hero-title{display:block;font-size:13px;line-height:1.8}
 .hero.stage-hero.home-hero .hero-title .hero-quote-line{display:flex;justify-content:flex-start;gap:0;letter-spacing:0}
 .hero.stage-hero.home-hero .hero-title .hero-quote-line:first-child{width:69%}
 .hero.stage-hero.home-hero .hero-title .hero-word-gap{flex-basis:.5em;min-width:.5em}
 .hero.stage-hero.home-hero .hero-title .hero-line-gap{display:none}
 .home-hero .hero-lower{grid-template-columns:1fr;row-gap:10px;bottom:110px}
 .home-hero .hero-register{grid-column:1;top:0;max-width:36ch;font-size:10px;letter-spacing:0}
 .home-hero .hero-utility{bottom:42px}
 .home-hero .stage-cta{grid-column:1;font-size:10px;gap:12px}
 .hero.home-hero .stage-player{gap:8px 14px;font-size:8px}
}
@media(max-width:360px){
 .home-hero .hero-reading{column-gap:6px}
 .hero.stage-hero.home-hero{--hero-copy-size:16px}
}

/* header-clock.css */
/* Difference-blended digits, with an independent Neon Red seconds pulse. */
.site-header.header-clock-managed {
  position: absolute;
  z-index: 30;
}

.header-clock-slot {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 18px;
}

.header-clock,
.header-clock-red-pulse {
  position: fixed;
  z-index: 40;
  display: inline-flex;
  flex: none;
  align-items: baseline;
  margin: 0;
  text-shadow: none;
  font-family: var(--font);
  font-weight: 700;
  line-height: 1.15;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  pointer-events: none;
}

.header-clock {
  top: var(--header-clock-pin-top, 16px);
  left: var(--header-clock-left);
  color: var(--paper, #f2f0e9);
  mix-blend-mode: difference;
}

/* A body-level sibling: the red must never pass through the difference layer. */
.header-clock-red-pulse {
  z-index: 41;
  color: var(--red, #ff2201);
  mix-blend-mode: normal;
  opacity: 0;
}

.header-clock-digits { display: inline-flex; font-size: 12px; letter-spacing: .045em; }
.header-clock-colon { display: inline-block; padding: 0 1px; }
.header-clock-second-unit { display: inline-block; min-width: 1ch; }

@media (max-width: 800px) {
  .header-clock-digits { font-size: 10px; letter-spacing: .01em; }
}

@media (max-width: 380px) {
  .header-clock-digits { font-size: 9px; }
}

@media (prefers-reduced-motion: reduce) {
  .header-clock-second-unit { animation: none; }
  .header-clock-red-pulse { display: none; }
}

/* hero-player.css */
/* Only player controls and the immersive film state; Home typography stays in style.css. */
.home-hero .stage-player{color:var(--white,var(--paper));gap:20px}
.home-hero .stage-player button{color:inherit;min-width:0;white-space:nowrap}
.home-hero .stage-player .player-time{color:inherit;min-width:11ch;font-variant-numeric:tabular-nums}
.home-hero .stage-player button:hover{text-decoration:underline;text-underline-offset:5px}
.home-hero [data-hero-exit][hidden]{display:none!important}
.home-film-obscured{visibility:hidden!important;pointer-events:none!important}
html.home-film-immersive,html.home-film-immersive body{overflow:hidden!important;overscroll-behavior:none}
.hero.stage-hero.is-home-film-immersive{isolation:auto;overflow:visible;z-index:2147483646}
.hero-media.is-home-film-immersive{
 position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;
 height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;
 padding:0!important;background:var(--ink);z-index:2147483647;overflow:hidden;touch-action:none;
}
.hero-media.is-home-film-immersive::after{display:none!important}
.hero-media.is-home-film-immersive>video{
 position:absolute;inset:0;width:100%;height:100%;object-fit:contain!important;
 object-position:center!important;opacity:1!important;
}
.hero-media.is-home-film-immersive [data-hero-exit]{
 display:block;position:absolute;z-index:2;top:max(20px,env(safe-area-inset-top));
 right:max(20px,env(safe-area-inset-right));min-width:58px;min-height:44px;
 padding:10px 8px;border:0;background:rgba(var(--ink-rgb),.2);color:var(--white,var(--paper));
 font:500 11px/1.4 var(--font,monospace);letter-spacing:.035em;
 text-shadow:0 1px 10px var(--ink);cursor:pointer;
}
.hero-media.is-home-film-immersive [data-hero-exit]:hover{background:rgba(var(--ink-rgb),.6)}
.hero-media.is-home-film-immersive:fullscreen{background:var(--ink)}
.hero-media.is-home-film-immersive:-webkit-full-screen{background:var(--ink)}
@media(max-width:520px){
 .home-hero .stage-player{gap:12px}
 .home-hero .stage-player button{font-size:9px}
 .home-hero .stage-player .player-time{font-size:9px}
}

/* The native fullscreen backdrop follows the palette as well. */
.hero-media.is-home-film-immersive::backdrop{background:var(--ink)}

/* navigation.css */
/* Four entries around the centered logo; only the last entry can pin. */
.site-header,.site-header.home-header{
 height:152px;display:flex;align-items:center;padding:32px var(--pad) 0;
}
.site-header .header-tools{
 position:absolute;top:12px;left:auto;right:var(--pad);
 display:flex;align-items:center;gap:22px;margin:0;padding:0;
 font-size:10px;letter-spacing:.025em;
}
.site-header .header-nav{
 position:static;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
 align-items:center;gap:0;width:100%;margin:0;padding:0;transform:none;border:0;
}
.site-header .header-nav>a{
 display:block;grid-column:auto;grid-row:1;justify-self:center;
 padding:14px 0;font-size:11px;line-height:1.4;
 letter-spacing:.045em;white-space:nowrap;transition:color .2s;
}
.site-header .header-nav>a[href]{grid-column:auto}
.site-header .header-nav>.brand{
 position:relative;grid-column:3;justify-self:center;width:56px;
 padding:0;line-height:0;z-index:2;
}
.site-header .header-nav>.brand::after{display:none}
.site-header .header-nav>a::after{bottom:7px;height:1px;background:var(--red)}
.site-header .header-nav>a:hover,.site-header .header-nav>a:focus-visible,
.site-header .header-nav>a[aria-current=page]{color:var(--red)}
.site-header .header-nav>.header-clock-slot{
 grid-column:5;grid-row:1;justify-self:center;min-width:12ch;
 display:flex;align-items:center;justify-content:center;
}
.site-header .menu-trigger{display:none}
/* Product information and purchase actions travel with the page as well. */
.pdp-buy{position:static;top:auto}
@media(min-width:801px) and (max-width:1100px){
 .site-header .header-nav>a{font-size:10px}
 .site-header .header-nav>.brand{width:52px}
}

/* The mobile menu is a short index, with secondary links kept in its colophon. */
.menu-dialog{
 max-width:100%;padding:24px var(--pad) 30px;background:var(--ink);color:var(--paper);
 overflow-y:auto;
}
.menu-dialog #menu-content{
 min-height:100%;display:flex;flex-direction:column;max-width:920px;margin:0 auto;
}
.menu-dialog .menu-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.menu-dialog .menu-top img{width:48px;height:auto}
.menu-close{font-size:10px;letter-spacing:.04em;min-height:44px;color:var(--paper)}
.menu-dialog .menu-links{
 padding:0;margin:clamp(38px,10svh,100px) 0 40px;
 border-top:1px solid rgba(242,240,233,.25);
}
.menu-dialog .menu-links a{
 display:grid;grid-template-columns:24px minmax(0,1fr) 20px;
 align-items:baseline;column-gap:12px;padding:24px 0;
 border-bottom:1px solid rgba(242,240,233,.2);
 font-size:clamp(25px,5vw,46px);font-weight:400;line-height:1.15;
 letter-spacing:-.035em;text-transform:uppercase;transition:color .2s;
}
.menu-dialog .menu-links small{font-size:9px;letter-spacing:.02em;align-self:start;padding-top:5px;color:var(--muted,#8b8886)}
.menu-dialog .menu-links a>span:first-of-type{max-width:15ch;font-size:inherit}
.menu-dialog .menu-links a>span:last-of-type{font-size:17px;letter-spacing:0;text-align:right}
.menu-dialog .menu-links a:hover,.menu-dialog .menu-links a:focus-visible,
.menu-dialog .menu-links a[aria-current=page]{color:var(--red)}
.menu-bottom{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.menu-secondary{display:flex;flex-direction:column;gap:4px}
.menu-secondary-link{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:36px;font-size:10px;text-transform:uppercase}
.menu-secondary-link:hover,.menu-close:hover{color:var(--red)}
.menu-sign{font-size:10px;color:var(--muted,#8b8886);white-space:nowrap;padding-bottom:9px}

@media(max-width:800px){
 .site-header,.site-header.home-header{height:130px;padding:0 var(--pad)}
 .site-header .header-nav{display:contents}
 .site-header .header-nav>a:not(.brand){display:none}
 .site-header .header-nav>.brand{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:54px}
 .site-header .header-nav>.header-clock-slot{position:absolute;top:16px;left:50%;right:var(--pad);width:auto;min-width:0;justify-self:stretch;justify-content:flex-end}
 .site-header .header-tools{position:static;display:contents;font-size:10px}
 .site-header .menu-trigger{
  display:flex;align-items:center;gap:10px;position:absolute;
  left:var(--pad);top:48px;min-height:40px;padding:10px 0;font-size:10px;
 }
 .site-header .menu-trigger>span{color:var(--red);font-size:14px}
 .site-header .lang-switch{position:absolute;right:calc(var(--pad) + 39px);top:48px;gap:5px;font-size:10px}
 .site-header .cart-button{position:absolute;right:var(--pad);top:48px;padding:10px 0;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 .site-header .header-nav>a,.menu-dialog .menu-links a{transition:none}
}

/* emissione.css */
/* Emissione / revision 38. Local rules keep the Home and global navigation intact. */
.emission-page{--em-gutter:clamp(24px,5vw,96px);--em-rule:rgba(242,240,233,.24);background:var(--ink);color:var(--paper)}
.emission-page h1,.emission-page h2{font-weight:500;letter-spacing:-.05em;line-height:1.12;text-wrap:balance}
.emission-page h2{font-size:clamp(30px,3.3vw,52px)}
.emission-page .em-prose{font-size:clamp(12px,.94vw,15px);line-height:1.85;font-weight:400}
.em-prose p+p{margin-top:24px}
.em-register{display:flex;justify-content:space-between;align-items:baseline;gap:24px;font-size:10px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}
.em-register>p{display:flex;gap:20px;align-items:baseline}
.em-register>p>span:first-child{color:var(--service-grey)}
.em-caption{font-size:9px!important;line-height:1.7!important;letter-spacing:.04em;font-weight:400;text-transform:uppercase}
.em-section{padding:64px var(--em-gutter) 100px}
.em-photo{display:block;position:relative;padding:0;width:100%;text-align:left;overflow:hidden}
.em-photo>img{height:100%;object-fit:cover}
.em-photo .em-zoom{position:absolute;bottom:18px;left:20px;font-size:9px;line-height:1.4;letter-spacing:.045em;background:var(--ink);color:var(--paper);padding:8px 10px;transition:color .2s}
.em-photo:hover .em-zoom{color:var(--red)}
.em-text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:12px 0;border-bottom:1px solid currentColor;font-size:10px;letter-spacing:.025em;line-height:1.5;text-transform:uppercase}
.em-text-link:hover{color:var(--red)}
.em-text-link span{font-size:16px}

/* The purchase spread: one complete back view, a smaller front view, a quiet record. */
.em-purchase{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(38px,7vw,110px);padding:194px var(--em-gutter) 110px;align-items:start}
.em-gallery{min-width:0}
.em-gallery-back{aspect-ratio:2000/1809}
.em-gallery-end{display:grid;grid-template-columns:1fr 1.15fr;gap:28px;padding-top:28px;align-items:end}
.em-gallery-end>.em-caption{align-self:start;padding-top:4px;color:var(--service-grey)}
.em-gallery-front{aspect-ratio:1909/2000}
.em-buy{min-width:0;padding-top:0}
.em-buy-status{display:flex;align-items:center;justify-content:space-between;gap:16px;text-transform:uppercase;font-size:9px;padding:0 0 17px;border-bottom:1px solid var(--em-rule)}
.em-buy h1{font-size:clamp(37px,4.2vw,65px);margin:32px 0 26px}
.em-price{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.025em;border-bottom:1px solid var(--em-rule);padding-bottom:20px}
.em-price>span:last-child{font-size:17px}
.em-introduction{padding:24px 0 30px;max-width:47ch}
.em-introduction p+p{margin-top:12px}
.em-buy .size-label-row{margin:0 0 14px;gap:16px}
.em-buy .size-label-row .em-text-link{padding:5px 0;border:0}
.em-buy .sizes{gap:0;border-bottom:1px solid var(--em-rule);border-top:1px solid var(--em-rule);margin-bottom:18px}
.em-buy .size{border:0;min-height:44px;position:relative}
.em-buy .size+.size{border-left:1px solid var(--em-rule)}
.em-buy .size.selected{box-shadow:inset 0 -2px var(--red);background:var(--grey)}
.em-buy .quantity-row{margin-bottom:20px}
.em-buy :is(#primary-purchase,[data-cut-id=primary-purchase]) .btn{font-size:11px;letter-spacing:.02em;min-height:52px}
.em-buy .purchase-notes{font-size:10px;padding:17px 0 21px;margin-bottom:0;border:0}
.em-buy .purchase-notes>div{margin:5px 0}
.em-specification{border-top:1px solid var(--em-rule);border-bottom:1px solid var(--em-rule);font-size:11px}
.em-specification summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:18px;padding:20px 0;font-size:10px;letter-spacing:.04em}
.em-specification summary::-webkit-details-marker{display:none}
.em-specification summary>span{font-size:16px;line-height:1;transition:transform .2s}
.em-specification[open] summary>span{transform:rotate(45deg)}
.em-specification h3{font-size:9px;letter-spacing:.06em;padding:12px 0;border-top:1px solid var(--em-rule);font-weight:500}
.em-specification dl{margin:0 0 22px}
.em-specification dl+dl{border-top:1px solid var(--em-rule);padding-top:17px}
.em-specification dl>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:16px;padding:5px 0}
.em-specification dt{color:var(--service-grey)}
.em-specification dd{margin:0;line-height:1.75}

/* 01. One chapter: a full-bleed opening and two close-ups on the same reading axis. */
.em-scene{position:relative;isolation:isolate;overflow:hidden}
.em-scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.em-cut{min-height:760px;min-height:max(740px,88svh)}
.em-cut>.em-scene-image{object-position:50% 44%}
.em-cut:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(21,20,22,.5),rgba(21,20,22,0) 65%),linear-gradient(180deg,rgba(21,20,22,.62),rgba(21,20,22,.12) 32%,rgba(21,20,22,.8) 88%)}
.em-cut-content{padding:46px var(--em-gutter) 65px;min-height:inherit;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;column-gap:6vw}
.em-cut-content .em-register{grid-column:1/-1}
.em-cut h2{grid-column:1;align-self:end;justify-self:end;text-align:right;font-size:clamp(28px,3.15vw,50px);padding:0 0 55px}
.em-cut-content>.em-prose{grid-column:2;grid-row:3;max-width:48ch}
.em-weave{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:48px;padding:76px var(--em-gutter) 100px;align-items:start}
.em-weave-macro{grid-column:2/6;grid-row:1/3}
.em-weave-macro .em-photo{aspect-ratio:1035/2000}
.em-weave-copy{grid-column:7/12;grid-row:1;padding:14px 0 0;max-width:46ch}
.em-weave-copy .em-weave-sign{border-left:1px solid var(--red);padding-left:20px;margin-top:30px}
.em-weave-neck{grid-column:7/-1;grid-row:2;align-self:end}
.em-weave-neck .em-photo{aspect-ratio:16/10}
.em-weave-neck img{object-position:40% 60%}

/* 02. Albine Cocco gives the weave its own reading surface. */
.em-matter{background:var(--paper);color:var(--ink);--em-rule:rgba(21,20,22,.24);padding-top:42px;padding-bottom:64px}
.em-matter .em-register{padding-bottom:30px;border-bottom:1px solid var(--em-rule)}
.em-matter .em-material-weight{text-transform:none;white-space:nowrap}
.em-matter .em-zoom{font-weight:700}
.em-matter-heading{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin:68px 0 64px}
.em-matter-heading .em-prose{max-width:53ch}
.em-matter-heading h2{font-size:clamp(32px,3.7vw,58px)}
.em-matter-bottom{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:5vw;align-items:end}
.em-matter-bottom>.em-photo{aspect-ratio:16/10}
.em-matter-bottom>.em-prose{padding-bottom:4px}
.em-matter-bottom .em-caption{margin-top:60px}

/* 03. A solid field alongside the silhouette; the second photograph acts as a footnote. */
.em-fit{display:grid;grid-template-columns:1fr 1fr;background:var(--grey)}
.em-fit-image{min-width:0}
.em-fit-image>.em-photo{height:100%;min-height:880px}
.em-fit-image img{object-position:49% 50%}
.em-fit-copy{padding:48px var(--em-gutter) 50px 6vw;min-width:0}
.em-fit-copy .em-register>p{gap:14px}
.em-fit h2{font-size:clamp(28px,3vw,46px);margin:64px 0 32px}
.em-fit-copy>.em-prose{max-width:45ch}
.em-fit-copy>.em-text-link{margin:27px 0 46px;min-width:170px}
.em-fit-detail{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:end}
.em-fit-detail .em-photo{aspect-ratio:4/5}
.em-fit-detail .em-zoom{left:10px;bottom:10px;font-size:8px;padding:5px}
.em-fit-detail .em-caption{color:var(--service-grey)}

/* 05. Optical image and a genuine surface detail, shown together. */
.em-stamp{min-height:840px}
.em-stamp:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(21,20,22,.87),rgba(21,20,22,.2) 72%),linear-gradient(0deg,rgba(21,20,22,.82),rgba(21,20,22,0) 65%)}
.em-stamp>.em-scene-image{object-position:60% 45%}
.em-stamp-content{padding:46px var(--em-gutter) 64px}
.em-stamp h2{margin:100px 0 90px;font-size:clamp(34px,4vw,60px)}
.em-stamp-bottom{display:grid;grid-template-columns:1.15fr 1fr;gap:13vw;align-items:end}
.em-stamp-bottom>.em-prose{max-width:52ch}
.em-stamp-bottom .em-text-link{margin-top:25px;min-width:220px}
.em-stamp-bottom figure{padding-bottom:3px}
.em-stamp-bottom figure .em-photo{aspect-ratio:16/10}
.em-stamp-bottom figcaption{margin-top:14px}

/* Garment-film position. A still is shown until actual product footage is available. */
.em-film{position:relative;isolation:isolate;height:80svh;min-height:540px;max-height:950px;overflow:hidden}
.em-film-still,.em-film-media{width:100%;height:100%;object-fit:cover;object-position:50% 43%}
.em-film:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(21,20,22,.7),rgba(21,20,22,0) 70%);z-index:1;pointer-events:none}
.em-film-overlay{position:absolute;left:var(--em-gutter);right:var(--em-gutter);bottom:48px;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:30px}
.em-film-overlay>p{font-size:clamp(18px,2vw,30px);font-weight:500;letter-spacing:.08em}
.em-film-controls{display:flex;gap:24px;font-size:10px}
.em-film-controls button{min-height:44px}
.em-film-exit{position:absolute;top:24px;right:30px;font-size:11px;padding:12px;z-index:5;background:var(--ink)}
.em-film-media:fullscreen{background:var(--ink)}
.em-film-media:fullscreen video{object-fit:contain}

/* 06. An image above the FAQ gives the last spread a slower pace. */
.em-preorder{padding-top:60px;padding-bottom:110px}
.em-preorder-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:8vw;row-gap:55px;margin-top:60px;align-items:start}
.em-preorder-heading h2{font-size:clamp(28px,2.6vw,41px);margin-bottom:36px}
.em-preorder-heading .em-prose{max-width:45ch}
.em-preorder-image{grid-column:2;grid-row:1;aspect-ratio:16/10;overflow:hidden}
.em-preorder-image img{width:100%;height:100%;object-fit:cover}
.em-preorder-faq{grid-column:2;grid-row:2}
.em-preorder-sign{align-self:end;grid-column:1;grid-row:2;font-size:13px;color:var(--service-grey)}
.emission-faq summary{font-size:11px;line-height:1.65;padding:22px 30px 22px 0}
.emission-faq .answer{font-size:12px;padding-right:0}
.emission-faq .answer>p{margin-bottom:20px}
.emission-faq-signup-row{display:flex;gap:12px;align-items:end}
.emission-faq-signup-row .field{flex:1;min-width:0}
.emission-faq-signup-row .input{width:100%;font-size:12px;background:transparent;padding:13px 0;border:0;border-bottom:1px solid var(--service-grey)}
.emission-faq-signup-row .btn{font-size:10px;padding:12px 14px;white-space:nowrap;min-height:46px}
.emission-faq .check-row{font-weight:400;font-size:10px}
.emission-faq .check-row a{text-decoration:underline;text-underline-offset:3px}
.emission-faq-demo{font-size:9px;color:var(--service-grey);margin-top:18px;line-height:1.6}
.emission-faq [data-waitlist-success] h3{font-size:14px;margin-bottom:12px}

@media(min-width:1700px){.em-purchase{grid-template-columns:1.1fr 1fr}.em-buy{max-width:590px}.em-prose{max-width:56ch}}
@media(max-width:1100px){
 .em-purchase{gap:5vw}.em-buy h1{font-size:42px}.em-buy-status{font-size:8px}.em-buy-status>span:last-child{display:none}
 .em-cut-content{column-gap:4vw}
 .em-weave{column-gap:20px;row-gap:36px}.em-weave-macro{grid-column:1/6}.em-weave-copy{grid-column:7/-1}
 .em-fit-copy{padding-left:4vw;padding-right:4vw}.em-fit h2{font-size:30px}.em-fit-image>.em-photo{min-height:900px}
 .em-stamp-bottom{gap:7vw}.em-preorder-grid{column-gap:5vw}
}
@media(max-width:800px){
 .em-purchase{grid-template-columns:1fr;gap:44px;padding-top:154px;padding-bottom:70px}
 .em-gallery{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;align-items:end}
 .em-gallery-back{height:100%;aspect-ratio:4/5}
 .em-gallery-end{display:flex;flex-direction:column-reverse;gap:20px;padding:0}
 .em-gallery-end>.em-caption{font-size:8px!important}.em-gallery-front{aspect-ratio:4/5}
 .em-gallery .em-zoom{font-size:8px;left:10px;bottom:10px;padding:5px 7px}
 .em-buy{max-width:590px;width:100%;margin:auto}.em-buy h1{font-size:44px}.em-introduction{max-width:100%}
 .em-buy-status>span:last-child{display:block}.em-buy-status{font-size:9px}
 .emission-page .em-prose{font-size:12px;line-height:1.85}
 .em-register{font-size:9px}.em-register>p{gap:12px}.em-section{padding:38px var(--em-gutter) 64px}
 .em-cut{min-height:700px}.em-cut-content{padding:35px var(--em-gutter) 44px;grid-template-columns:1fr 1.25fr;column-gap:30px}
 .em-cut-content>.em-prose{grid-column:2}.em-cut h2{font-size:34px;grid-column:1/-1;align-self:start;padding:80px 0 45px}
 .em-cut>.em-scene-image{object-position:50% 35%}.em-cut:after{background:linear-gradient(180deg,rgba(21,20,22,.4),rgba(21,20,22,.15) 25%,rgba(21,20,22,.88) 90%)}
 .em-weave{padding-top:48px;padding-bottom:64px;row-gap:30px}.em-weave-copy{padding-top:0}.em-weave-macro{align-self:stretch}.em-weave-macro .em-photo{height:100%;aspect-ratio:auto}.em-weave-copy .em-weave-sign{padding-left:14px}
 .em-matter-heading{gap:5vw;margin:42px 0}.em-matter-heading h2{font-size:30px}.em-matter-bottom{grid-template-columns:1.35fr 1fr;gap:5vw}.em-matter-bottom .em-caption{margin-top:28px}
 .em-fit{grid-template-columns:.9fr 1.1fr}.em-fit h2{font-size:27px;margin:40px 0 25px}.em-fit-copy{padding:35px 24px}.em-fit-image>.em-photo{min-height:900px}
 .em-fit-detail{grid-template-columns:1fr}.em-fit-detail .em-photo{width:65%;margin-left:auto}.em-fit-detail>.em-caption{display:none}
 .em-stamp{min-height:0}.em-stamp-content{padding:35px var(--em-gutter) 45px}.em-stamp h2{font-size:38px;margin:85px 0 100px}.em-stamp-bottom{grid-template-columns:1.3fr 1fr;gap:5vw}
 .em-film{height:65svh;min-height:430px}.em-film-overlay{bottom:32px}.em-film-overlay>p{font-size:20px}
 .em-preorder-grid{margin-top:44px;row-gap:36px}.em-preorder-heading h2{font-size:26px}.em-preorder-image{aspect-ratio:1}.emission-faq-signup-row{flex-wrap:wrap}.emission-faq-signup-row .field{flex-basis:100%}
}
@media(max-width:580px){
 .em-purchase{padding-top:143px}.em-gallery{grid-template-columns:1.5fr 1fr;gap:12px}.em-gallery-back{aspect-ratio:3/5}.em-gallery-back img{object-position:50% 50%}.em-gallery-end{gap:16px}.em-gallery-end>.em-caption{font-size:7px!important}
 .em-gallery .em-zoom{font-size:7px;left:6px;bottom:8px;padding:5px}.em-buy h1{font-size:43px;margin-top:27px}.em-price{font-size:11px}.em-buy .purchase-notes{font-size:10px}
 .em-register{font-size:8px;gap:10px}.em-register>p{gap:10px}.em-register>span{white-space:nowrap}.em-section{padding:32px 24px 58px}
 .em-cut{min-height:720px}.em-cut-content{display:flex;flex-direction:column;padding:30px 24px 40px;min-height:720px}
 .em-cut h2{text-align:left;padding:65px 0 95px;font-size:clamp(23px,5.8vw,32px);align-self:flex-start}.em-cut-content>.em-prose{margin-top:auto;margin-left:12%;max-width:100%}.em-cut:after{background:linear-gradient(180deg,rgba(21,20,22,.55),rgba(21,20,22,.1) 25%,rgba(21,20,22,.92) 78%)}
 .em-weave{grid-template-columns:repeat(6,minmax(0,1fr));column-gap:12px;row-gap:32px;padding:40px 24px 58px}.em-weave-macro{grid-column:1/5;grid-row:1}.em-weave-macro .em-photo{height:auto;aspect-ratio:3/4}.em-weave-copy{grid-column:2/-1;grid-row:2;max-width:100%}.em-weave-copy .em-weave-sign{margin-top:24px}.em-weave-neck{grid-column:2/-1;grid-row:3}.em-weave-neck .em-photo{aspect-ratio:4/3}.em-weave .em-zoom{font-size:8px;left:12px;bottom:12px;padding:6px 8px}
 .em-matter .em-register{padding-bottom:24px}.em-matter-heading{grid-template-columns:1fr;gap:32px;margin:38px 0}.em-matter-heading h2{font-size:32px}.em-matter-heading>.em-prose{margin-left:12%}.em-matter-bottom{grid-template-columns:1fr;gap:30px}.em-matter-bottom>.em-photo{width:calc(100% + 48px);margin-left:-24px;aspect-ratio:4/3}.em-matter-bottom>.em-prose{margin-left:12%}.em-matter-bottom .em-caption{margin-top:28px}
 .em-fit{display:flex;flex-direction:column}.em-fit-image{order:1}.em-fit-copy{display:contents}.em-fit-copy>.em-register{order:0;padding:32px 24px 26px}.em-fit-image>.em-photo{min-height:0;height:auto;aspect-ratio:4/5}.em-fit-copy>h2{order:2;margin:40px 24px 28px;font-size:31px}.em-fit-copy>.em-prose{order:3;padding:0 24px;margin-left:10%;max-width:100%}.em-fit-copy>.em-text-link{order:4;align-self:flex-start;margin:25px 24px 35px calc(24px + 10%)}.em-fit-detail{order:5;margin:0 24px 44px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.em-fit-detail .em-photo{width:100%;margin:0}.em-fit-detail>.em-caption{display:block;font-size:8px!important}
 .em-stamp-content{padding:32px 24px 44px}.em-stamp h2{font-size:35px;margin:70px 0 135px}.em-stamp-bottom{grid-template-columns:1fr;gap:40px}.em-stamp-bottom>.em-prose{max-width:100%}.em-stamp-bottom>figure{width:78%;margin-left:auto}.em-stamp:after{background:linear-gradient(180deg,rgba(21,20,22,.64),rgba(21,20,22,.1) 28%,rgba(21,20,22,.94) 57%)}.em-stamp>.em-scene-image{height:65%;object-position:60% 20%}
 .em-film{height:65svh;min-height:430px}.em-film-still{object-position:52% 45%}.em-film-overlay{left:24px;right:24px;bottom:28px;align-items:start;flex-direction:column;gap:15px}.em-film-overlay>p{font-size:18px}.em-film-controls{font-size:9px}
 .em-preorder-grid{grid-template-columns:1fr;margin-top:38px;row-gap:36px}.em-preorder-heading h2{font-size:28px}.em-preorder-heading>.em-prose{margin-left:10%}.em-preorder-image{grid-column:1;grid-row:2;aspect-ratio:16/11;margin-top:2px}.em-preorder-faq{grid-column:1;grid-row:3}.em-preorder-sign{grid-column:1;grid-row:4;margin-top:14px}.emission-faq-signup-row{flex-wrap:nowrap}.emission-faq-signup-row .field{flex-basis:auto}.emission-faq-signup-row .btn{padding:12px 10px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){.em-photo .em-zoom,.em-specification summary>span{transition:none}}

/* cinema.css */
/* Night Agenda / cinematic edition. Original type, original photography. */
:root{--cinema-ink:var(--ink);--cinema-paper:#f2f0e9;--cinema-red:#ff2201}
body{background:var(--cinema-ink)}
body:has(dialog[open]){overflow:hidden}
button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:1px solid var(--cinema-red);outline-offset:5px}
.cinema-page{width:100%;overflow:clip;background:var(--cinema-ink)}
.c-header.site-header,.c-header.site-header.header-clock-managed{position:fixed!important;inset:0 0 auto;height:128px;display:grid;grid-template-columns:1fr 74px 1fr;align-items:center;gap:4vw;padding:32px 32px 12px;background:linear-gradient(rgba(var(--ink-rgb),0.5333),transparent);color:var(--cinema-paper);z-index:45;pointer-events:none}
.c-header>*{pointer-events:auto}
.c-header .c-nav{display:flex;align-items:center;justify-content:center;gap:4vw;text-transform:uppercase;font-size:10px;letter-spacing:.03em;line-height:1.4}
.c-header .c-nav a{padding:10px 0;position:relative;white-space:nowrap}
.c-header .c-nav a::after{content:'';position:absolute;left:0;bottom:5px;width:0;height:1px;background:currentColor;transition:width .3s}
.c-header .c-nav a:hover::after,.c-header .c-nav a[aria-current=page]::after{width:100%}
.c-header .c-brand{display:block;position:static;width:64px;justify-self:center;line-height:0}
.c-header .c-brand img{width:100%;height:88px;object-fit:contain}
.c-header .c-header-tools{position:absolute;right:32px;top:14px;display:flex;align-items:center;gap:24px;font-size:9px}
.c-header .c-clock-shell{position:absolute;left:32px;top:17px}
.c-header .c-clock-shell .header-clock-slot{min-height:12px;justify-content:flex-start;min-width:100px}
.c-header .c-menu-trigger{display:none}
.header-clock-digits{font-size:10px;font-weight:400;letter-spacing:.07em}
.c-header .lang-switch{gap:6px}
.c-header .cart-button{font-size:9px}
.menu-dialog .menu-links{gap:0}
.menu-dialog .menu-links a{padding:20px 0;font-size:clamp(26px,4vw,58px)}

/* Image sequence: split / single / split, edge to edge. */
.c-scene{height:100svh;min-height:650px;position:relative;isolation:isolate;color:var(--cinema-paper);background:#131313}
.c-scene.c-split:not(.c-intro){height:90svh;min-height:660px}
.c-media-grid{position:absolute;inset:0;display:grid;grid-template-columns:1fr}
.c-split .c-media-grid{grid-template-columns:1fr 1fr}
.c-photo{position:relative;display:block;width:100%;height:100%;min-width:0;overflow:hidden;border:0;background:#181818;padding:0;text-align:inherit;border-radius:0}
.c-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--photo-position,50% 50%);max-width:none;transition:filter .6s}
.c-media-grid::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--ink-rgb),0.2000),transparent 26%,rgba(var(--ink-rgb),0.0667) 55%,rgba(var(--ink-rgb),0.4000));pointer-events:none;z-index:1}
.c-image-index{position:absolute;right:25px;bottom:25px;opacity:0;font-size:17px;transition:opacity .25s;color:#fff;z-index:3}
.c-photo:hover .c-image-index,.c-photo:focus-visible .c-image-index{opacity:1}
.c-scene-register,.c-scene-foot{position:absolute;left:32px;right:32px;display:flex;justify-content:space-between;gap:20px;font-size:9px;font-weight:500;letter-spacing:.045em;text-transform:uppercase;z-index:3;pointer-events:none;text-shadow:0 1px 5px var(--ink)}
.c-scene-register{top:30px}.c-intro .c-scene-register{top:152px}
.c-scene-foot{bottom:28px}.c-intro .c-scene-foot{bottom:96px}
.c-overprint{position:absolute;z-index:2;left:50%;top:52%;width:min(790px,85vw);transform:translate(-50%,-50%);pointer-events:none;text-shadow:0 1px 6px rgba(var(--ink-rgb),0.7333)}
.c-overprint::before{content:'';position:absolute;inset:-50px -70px;z-index:-1;background:radial-gradient(ellipse,rgba(var(--ink-rgb),0.2000) 10%,transparent 70%);pointer-events:none}
.c-overprint a,.c-overprint button{pointer-events:auto}
.c-scene-title{font-size:clamp(24px,2.9vw,46px);line-height:1.18;letter-spacing:-.055em;text-align:center;margin:0 0 35px;font-weight:500;max-width:none}
.c-intro .c-scene-title{font-size:clamp(48px,6.2vw,100px);font-weight:400;letter-spacing:-.07em;margin-bottom:38px}
.c-credits{margin:0 auto;width:100%;font-size:11px;line-height:1.65;font-weight:400}
.c-credit-row{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:0 0 18px;align-items:start}
.c-credit-row:last-child{margin-bottom:0}
.c-credits dt{text-align:right;font-size:10px;font-weight:500;letter-spacing:.01em;text-transform:uppercase;padding:2px 0 0 30px}
.c-credits dd{margin:0;text-align:left;max-width:355px}
.c-credits dd p{font:inherit;line-height:inherit;margin:0}
.c-credits strong{font-weight:500}
.c-inline-action{display:flex;min-height:32px;align-items:center;justify-content:space-between;gap:35px;width:calc(50% - 14px);margin:25px 0 0 calc(50% + 14px);padding:10px 0;border:0;border-bottom:1px solid #fff8;border-radius:0;background:transparent;font-size:10px;text-transform:uppercase;text-align:left;color:inherit}
.c-inline-action:hover{border-color:var(--cinema-red);color:var(--cinema-paper)}
.c-intro .c-overprint{top:56%}
.c-stamp-scene .c-overprint{top:59%}
.c-stamp-scene .c-media-grid::after{background:linear-gradient(rgba(var(--ink-rgb),0.2000),rgba(var(--ink-rgb),0.2667))}
.c-purchase-end{padding:100px 7vw 135px;display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:#151516}
.c-purchase-end h2{font-size:clamp(25px,3.1vw,48px);line-height:1.18;letter-spacing:-.05em;margin:30px 0}
.c-purchase-end p{font-size:12px;line-height:1.8}
.c-eyebrow{font-size:10px!important;font-weight:500;letter-spacing:.04em;text-transform:uppercase}
.c-text-action{border:0;border-bottom:1px solid #787875;margin-top:32px;padding:14px 0;font-size:12px;text-transform:uppercase;background:transparent}
.c-faq details{border-top:1px solid #ffffff38;padding:22px 0;font-size:11px;line-height:1.8}
.c-faq details:last-child{border-bottom:1px solid #ffffff38}
.c-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;text-transform:uppercase}
.c-faq summary::after{content:'+'}.c-faq details[open] summary::after{content:'−'}
.c-faq .answer{padding-top:20px}
.c-faq .answer p{font-size:11px}

/* The purchase sheet is available throughout the filmstrip. */
.c-purchase-dock{position:fixed;left:32px;right:32px;bottom:20px;z-index:35;display:flex;align-items:center;gap:25px;border:1px solid #ffffff30;background:#131313e8;backdrop-filter:blur(14px);padding:0 20px;color:var(--cinema-paper);min-height:58px;font-size:11px}
.c-dock-code{letter-spacing:.04em;white-space:nowrap}
.c-dock-status{margin:auto;font-size:9px;display:flex;align-items:center;gap:8px}
.c-dock-status i{display:block;width:5px;height:5px;background:var(--cinema-red);border-radius:50%}
.c-purchase-dock button{display:flex;gap:30px;align-items:center;padding:20px 0 20px 20px;border-left:1px solid #ffffff30;background:transparent;min-height:56px;font-size:11px}
.c-purchase-dock button span:last-child{color:var(--cinema-paper);transition:color .2s}.c-purchase-dock button:hover span:last-child{color:var(--cinema-red)}
.c-purchase-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(560px,100vw);height:100dvh;max-height:none;max-width:none;padding:28px 34px 45px;border:0;border-left:1px solid #ffffff30;outline:0;color:var(--cinema-paper);background:#151516;overflow:auto}
.c-purchase-dialog::backdrop{background:rgba(var(--ink-rgb),0.5333);backdrop-filter:blur(5px)}
.c-drawer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:30px;font-size:9px}
.c-drawer-top button{font-size:9px;background:transparent;min-height:36px}
.c-purchase-dialog .em-buy{padding:0;position:static;min-width:0;width:100%;max-width:none}
.c-purchase-dialog h2{font-size:clamp(38px,4vw,58px);line-height:1.05;letter-spacing:-.06em;margin:25px 0}
.c-purchase-dialog .em-buy-status{font-size:9px;margin-bottom:0}
.c-purchase-dialog .em-price{font-size:12px;padding:20px 0;margin-bottom:20px}
.c-purchase-dialog .em-prose{font-size:12px;line-height:1.8}
.c-purchase-dialog .em-prose p{margin:0 0 15px}
.c-purchase-dialog .size-label-row{margin-top:30px}
.c-purchase-dialog .sizes{margin:15px 0 22px}
.c-purchase-dialog .size{min-height:48px}
.c-purchase-dialog .quantity-row{margin-bottom:24px}
.c-purchase-dialog .purchase-notes{font-size:10px;line-height:1.7;margin:22px 0 30px}
.c-purchase-dialog .em-specification{margin:0}
.c-purchase-dialog .em-specification summary{font-size:11px;padding:22px 0}
.c-purchase-dialog .em-specification dl{font-size:11px;line-height:1.7}
.c-purchase-dialog .em-specification dl>div{grid-template-columns:100px 1fr}
.c-purchase-dialog .em-specification h3{font-size:10px;margin:24px 0 12px}

/* Home: a film frame, the original Milton question, quiet navigation. */
.cinema-home .c-home-film{height:100svh;min-height:680px;position:relative;isolation:isolate;margin:0;padding:0;display:block;overflow:hidden}
.c-home-film .hero-media{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
.c-home-film .hero-media video{width:100%;height:100%;object-fit:cover;object-position:center;filter:none}
.c-home-film .hero-media::after{content:'';position:absolute;inset:0;background:linear-gradient(rgba(var(--ink-rgb),0.1333),transparent 35%,rgba(var(--ink-rgb),0.5333));pointer-events:none}
.c-home-film .home-hero-content{position:absolute;inset:0;display:block;margin:0;padding:0;pointer-events:none;z-index:2;transform:none}
.c-home-film .home-hero-content button,.c-home-film .home-hero-content a{pointer-events:auto}
.c-home-topline{position:absolute;left:32px;right:32px;top:156px;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.05em}
.c-question{position:absolute;left:12vw;right:12vw;top:37%;display:grid;grid-template-columns:1fr 1fr 1fr;margin:0;font-size:clamp(14px,1.35vw,23px);font-weight:400;line-height:1.3;letter-spacing:-.015em;text-transform:uppercase;text-shadow:0 2px 15px rgba(var(--ink-rgb),0.4667)}
.c-question>span:nth-child(1){grid-column:1;text-align:left}
.c-question>span:nth-child(2){grid-column:2;text-align:center;margin-top:60px}
.c-question>span:nth-child(3){grid-column:3;text-align:right;margin-top:120px}
.c-home-bottom{position:absolute;left:32px;right:32px;bottom:25px}
.c-film-actions{display:grid;grid-template-columns:1fr 1fr;gap:8vw;max-width:650px;margin:0 0 38px auto}
.c-film-actions a,.c-film-actions button{font-size:11px;line-height:1.5;display:flex;justify-content:space-between;align-items:center;gap:15px;border:0;border-bottom:1px solid #ffffff80;padding:15px 0;background:transparent;color:var(--cinema-paper);text-align:left}
.c-film-actions a:hover,.c-film-actions button:hover{border-color:var(--cinema-red)}
.c-film-meta{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.035em;border-top:1px solid #ffffff35;padding-top:20px}
.c-film-meta>div{display:flex;align-items:center;gap:5px}.c-film-meta button{margin-right:20px;font-size:9px;background:transparent}
.c-manifesto-invitation{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:90px 32px;font-size:11px;border-bottom:1px solid #ffffff30}
.c-manifesto-invitation span:last-child{font-size:clamp(24px,4vw,64px);letter-spacing:-.05em}
.cinema-manifesto .c-overprint{width:min(900px,88vw)}
.cinema-manifesto .c-credits dd{max-width:410px}
.cinema-manifesto .c-credits{font-size:12px;line-height:1.7}
.cinema-manifesto .c-scene{min-height:780px}
.c-manifesto-intro .c-scene-title{font-size:clamp(45px,7vw,110px)}
.cinema-manifesto .c-media-grid::after{background:linear-gradient(rgba(var(--ink-rgb),0.1333),rgba(var(--ink-rgb),0.2667))}
.c-manifesto-seal{padding:100px 32px;font-size:clamp(40px,10vw,160px);font-weight:400;text-align:center;letter-spacing:-.07em}

/* Film grain and a real pointer-driven 2.4x optical detail. */
.c-grain-host{position:relative;overflow:hidden}
.c-grain{position:absolute;inset:-40%;width:180%;height:180%;pointer-events:none;z-index:2;background-image:url('assets/grain-35mm.webp');background-repeat:repeat;background-size:180px 180px;opacity:.26;mix-blend-mode:soft-light;animation:c-grain-shift .36s steps(3,end) infinite;animation-play-state:paused;will-change:transform}
.c-media-visible>.c-grain{animation-play-state:running}
@keyframes c-grain-shift{0%{transform:translate(0,0)}20%{transform:translate(-3%,4%)}40%{transform:translate(4%,-2%)}60%{transform:translate(-4%,-3%)}80%{transform:translate(2%,3%)}100%{transform:translate(0,0)}}
.c-lens{position:fixed;left:0;top:0;width:205px;height:205px;border-radius:50%;overflow:hidden;pointer-events:none;z-index:75;opacity:0;visibility:hidden;border:1px solid #fff9;box-shadow:0 0 0 5px #ffffff0a,0 14px 55px rgba(var(--ink-rgb),0.5333);transition:opacity .16s,visibility .16s;contain:layout paint}
.c-lens.is-visible{opacity:1;visibility:visible}
.c-lens-image{position:absolute;inset:0;background-repeat:no-repeat;background-color:#141414}
.c-lens::after{content:'';position:absolute;inset:8px;border:1px solid #ffffff28;border-radius:50%;background:linear-gradient(120deg,#fff2,transparent 38%);pointer-events:none}
.c-lens>span{position:absolute;left:50%;bottom:19px;transform:translateX(-50%);color:#fff;font:9px var(--font);letter-spacing:.08em;text-shadow:0 1px 6px var(--ink)}

/* The other original pages and the full demo purchase journey remain available. */
.letterbox-page{padding-top:0}.letterbox-hero{min-height:100svh}
.letterbox-hero-image{inset:0}
.letterbox-hero-copy{padding-top:180px}
.letterbox-aside figure{position:relative;overflow:hidden}
.service-layout,.legal-content,.checkout-wrap,.waitlist-layout{padding-top:180px}
.site-footer{padding:65px 32px 0;background:var(--ink)}
.footer-top{padding:0 0 55px;grid-template-columns:1.5fr 1fr 1fr;gap:6vw}
.footer-sign{font-weight:400;font-size:clamp(25px,4vw,55px);letter-spacing:-.055em}
.footer-label{font-size:9px}.footer-links{font-size:10px;line-height:1.9}
.c-footer-wordmark{padding:20px 0 38px;width:100%;display:block;height:auto;max-height:150px;object-fit:contain;opacity:.92}
.footer-bottom{font-size:8px;padding:20px 0 28px;border-top:1px solid #ffffff30}
.pdp-view .site-footer{padding-bottom:90px}
.toast{z-index:120}
dialog{z-index:100}

@media(min-width:1600px){.c-credits{font-size:13px}.c-credits dt{font-size:11px}.c-overprint{width:900px}.c-credits dd{max-width:420px}}
@media(max-width:1000px){
 .c-header.site-header,.c-header.site-header.header-clock-managed{gap:20px;padding-left:24px;padding-right:24px;grid-template-columns:1fr 58px 1fr}
 .c-header .c-brand{width:52px}.c-header .c-nav{gap:18px;font-size:9px}.c-header .c-header-tools{right:24px}.c-header .c-clock-shell{left:24px}
 .c-overprint{width:88vw}.c-credits{font-size:11px}.c-credit-row{gap:22px}.c-inline-action{width:calc(50% - 11px);margin-left:calc(50% + 11px)}
 .c-purchase-end{padding-left:32px;padding-right:32px;gap:6vw}.c-stamp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 4vw}.c-density{display:none}
 .c-archive-heading{align-items:flex-start;flex-direction:column;gap:25px}.c-archive-heading>p{max-width:none}.c-coming-soon>span{font-size:42px}
}
@media(max-width:650px){
 .c-header.site-header,.c-header.site-header.header-clock-managed{height:115px;padding:18px 18px 10px;display:flex;justify-content:center;background:linear-gradient(rgba(var(--ink-rgb),0.6000),transparent)}
 .c-header .c-nav{display:none}.c-header .c-brand{width:48px}.c-header .c-brand img{height:76px}
 .c-header .c-header-tools{top:25px;right:18px;gap:13px}.c-header .c-header-tools .lang-switch{display:none}.c-header .cart-label{display:none}
 .c-header .c-menu-trigger{display:block;position:absolute;left:18px;top:22px;font-size:10px;padding:5px 0;background:transparent}
 .c-header .c-clock-shell{left:18px;top:66px}.header-clock-digits{font-size:8px}.c-header .c-clock-shell .header-clock-slot{min-width:80px}
 .menu-dialog .menu-links a{font-size:29px;line-height:1.3;padding:25px 0}.menu-dialog .menu-top{padding-top:0}.menu-dialog .menu-bottom{gap:28px}
 .c-scene,.c-scene.c-split:not(.c-intro){min-height:790px;height:125svh}
 .c-scene.c-full{height:105svh;min-height:720px}
 .c-split .c-media-grid{grid-template-columns:1fr;grid-template-rows:1fr 1fr}
 .c-split .c-photo img{object-position:50% 43%}
 .c-media-grid::after{background:linear-gradient(rgba(var(--ink-rgb),0.2000),transparent 20%,rgba(var(--ink-rgb),0.2667) 50%,rgba(var(--ink-rgb),0.3333))}
 .c-overprint{top:52%;width:calc(100% - 36px);text-shadow:0 1px 6px var(--ink)}
 .c-intro .c-overprint{top:52%}.c-overprint::before{inset:-40px -16px;background:radial-gradient(ellipse,rgba(var(--ink-rgb),0.4000),transparent 72%)}
 .c-scene-title{font-size:25px;line-height:1.2;margin-bottom:30px}.c-intro .c-scene-title{font-size:44px;margin-bottom:30px}
 .c-credit-row{grid-template-columns:30% 1fr;gap:16px;margin-bottom:20px}.c-credits dt{font-size:8px;padding:3px 0 0;line-height:1.6}.c-credits dd{font-size:11px;line-height:1.7;max-width:none}
 .c-inline-action{width:calc(70% - 11px);margin-left:calc(30% + 11px);font-size:9px;gap:16px}
 .c-scene-register,.c-scene-foot{left:18px;right:18px;font-size:8px}.c-intro .c-scene-register{top:133px}.c-scene-register{top:24px}.c-scene-foot{bottom:25px}.c-intro .c-scene-foot{bottom:95px}
 .c-image-index{right:18px;bottom:18px;opacity:1;font-size:13px}
 .c-purchase-dock{left:12px;right:12px;bottom:12px;min-height:54px;padding:0 14px;gap:18px;font-size:10px}.c-dock-status{display:none}.c-purchase-dock button{margin-left:auto;gap:20px;padding:16px 0 16px 18px;font-size:10px;min-height:52px}
 .c-purchase-dialog{padding:20px 22px 40px}.c-purchase-dialog h2{font-size:43px}.c-purchase-dialog .em-prose{font-size:11px}.c-drawer-top{padding-bottom:20px}
 .c-purchase-end{padding:65px 22px 100px;grid-template-columns:1fr;gap:55px}.c-purchase-end h2{font-size:31px}.c-purchase-end p{font-size:11px}
 .cinema-home .c-home-film{min-height:650px;height:100svh}.c-home-topline{top:135px;left:18px;right:18px;font-size:8px}.c-home-topline span:last-child{max-width:110px;text-align:right}
 .c-question{left:8vw;right:8vw;top:36%;font-size:13px;grid-template-columns:1fr}.c-question>span:nth-child(1){grid-column:1}.c-question>span:nth-child(2){grid-column:1;margin-top:34px;text-align:center}.c-question>span:nth-child(3){grid-column:1;margin-top:34px;text-align:right}
 .c-home-bottom{left:18px;right:18px;bottom:24px}.c-film-actions{margin-bottom:28px;gap:22px;max-width:none}.c-film-actions a,.c-film-actions button{font-size:9px;padding:12px 0;gap:8px}.c-film-meta{font-size:8px;gap:12px;padding-top:18px}.c-film-meta>span:last-child{display:none}.c-film-meta button{font-size:8px;margin-right:10px}
 .c-manifesto-invitation{padding:60px 22px;flex-direction:column;align-items:flex-start;gap:30px;font-size:9px}.c-manifesto-invitation span:last-child{font-size:35px}
 .cinema-manifesto .c-scene{min-height:900px}.cinema-manifesto .c-overprint{width:calc(100% - 36px)}.cinema-manifesto .c-credits dd{font-size:11px}.c-manifesto-intro .c-scene-title{font-size:43px}.c-manifesto-seal{padding:65px 22px;font-size:55px}
 .c-archive-page{padding:150px 20px 0}.c-archive-heading{margin-bottom:30px;gap:25px}.c-archive-heading h1{font-size:13vw;letter-spacing:-.06em;margin-top:14px}.c-archive-heading h1 sup{font-size:10px;margin:4px 0 0 10px}.c-archive-heading>p{font-size:9px}
 .c-archive-toolbar{font-size:8px;line-height:1.7;padding:18px 0 22px}.c-stamp-grid{grid-template-columns:1fr;gap:42px;padding:0 10px 55px}.c-coming-soon>span{font-size:43px}.c-stamp-caption h2{font-size:12px}.c-stamp-caption>span{font-size:8px}.c-archive-next{padding:45px 0 65px;align-items:flex-start;flex-direction:column}.c-archive-next>span:first-child{font-size:27px}
 .site-footer{padding:50px 22px 0}.footer-top{grid-template-columns:1fr 1fr;gap:40px 25px;padding-bottom:40px}.footer-top>div:first-child{grid-column:1/-1}.footer-sign{font-size:40px}.footer-bottom{font-size:7px}.c-footer-wordmark{padding:15px 0 30px}.pdp-view .site-footer{padding-bottom:85px}
 .letterbox-hero-copy{padding-top:150px}.service-layout,.legal-content,.checkout-wrap,.waitlist-layout{padding-top:150px}
 .c-lens{display:none}
}
@media(prefers-reduced-motion:reduce){.c-grain{animation:none!important}.c-lens{transition:none}.c-photo img{transition:none}}

/* Revision 44: a legible product frontispiece, black gutters and a white seam. */
:root{--scene-gap:clamp(22px,2.5vw,48px);--split-gap:clamp(32px,3.1vw,56px);--image-copy-inset:clamp(28px,4.5vw,90px)}
.cinema-page{background:var(--ink)}
.c-scene{margin:0 var(--scene-gap) var(--scene-gap);background:var(--ink)}
.cinema-home>.c-home-film+.c-scene{margin-top:var(--scene-gap)}
.c-media-grid{z-index:0;background:var(--ink)}
.c-split .c-media-grid{column-gap:var(--split-gap)}
.c-split-stitch{position:absolute;top:0;bottom:0;left:50%;width:calc(var(--split-gap) + 6px);transform:translateX(-50%);background:url('assets/zigzag-sutura-grey.svg') center top/100% auto repeat-y;pointer-events:none;z-index:0}
.c-split.c-intro .c-split-stitch{top:132px}
.c-split .c-credit-row{gap:calc(var(--split-gap) + 24px)}
.c-split .c-inline-action{margin-left:calc(50% + var(--split-gap)/2 + 12px);width:calc(50% - var(--split-gap)/2 - 12px)}
.c-split .c-overprint::before{inset:-50px -40px}

/* One photo and one actual product sheet, with no text over the garment. */
.c-product-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--split-gap);align-items:start;position:relative;background:var(--ink);margin-bottom:var(--scene-gap)}
.c-product-visual{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden}
.c-product-main-photo{height:100%;width:100%;--photo-position:50% 50%}
.c-product-main-photo .c-image-index{bottom:90px}
.c-product-views{position:absolute;bottom:27px;left:28px;right:28px;display:flex;align-items:center;gap:18px;z-index:4;color:#fff;font-size:9px;text-shadow:0 1px 5px var(--ink)}
.c-product-views::before{content:'';position:absolute;inset:-20px -28px -28px;background:linear-gradient(transparent,rgba(var(--ink-rgb),0.4000));z-index:-1;pointer-events:none}
.c-product-views button{padding:9px 0;border-bottom:1px solid transparent;background:transparent;letter-spacing:.04em;font-size:9px}
.c-product-views button[aria-pressed=true]{border-color:#fff}
.c-product-views>span{margin-left:auto;font-size:9px}
.c-product-info{min-width:0;min-height:100svh;padding:157px clamp(26px,4.4vw,86px) 70px 12px;background:var(--ink);color:var(--cinema-paper);scroll-margin-top:0}
.c-product-info .em-buy{padding:0;position:static;top:auto;max-width:100%;width:100%;min-width:0}
.c-product-info .em-buy-status{font-size:9px;margin:0 0 28px;line-height:1.6}
.c-product-info h1{font-size:clamp(42px,5.1vw,84px);line-height:1.04;font-weight:400;letter-spacing:-.065em;margin:0 0 35px}
.c-product-info .em-price{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-top:1px solid #ffffff45;border-bottom:1px solid #ffffff45;padding:18px 0;margin:0 0 23px;font-size:11px}
.c-product-info .em-price>span:last-child{font-size:24px;font-weight:400;white-space:nowrap}
.c-product-info .em-prose{font-size:12px;line-height:1.8;max-width:100%;margin:0}
.c-product-info .em-prose p{margin:0 0 14px}
.c-product-info .size-label-row{margin:28px 0 10px;font-size:10px}
.c-product-info .size-label-row .em-text-link{font-size:9px}
.c-product-info .sizes{display:flex;margin:0 0 20px;border-top:1px solid #ffffff45;border-bottom:1px solid #ffffff45}
.c-product-info .size{flex:1;min-height:43px;font-size:11px;background:transparent;border:0;border-right:1px solid #ffffff25;border-radius:0;color:var(--cinema-paper)}
.c-product-info .size:last-child{border-right:0}
.c-product-info .size.selected{background:var(--cinema-paper);color:#111}
.c-product-info .quantity-row{font-size:9px;margin:0 0 20px}
.c-product-info .qty-control{height:36px}.c-product-info .qty-control input{font-size:11px}
.c-product-info :is(#primary-purchase,[data-cut-id=primary-purchase]) .btn{min-height:53px;font-size:10px;margin:0}
.c-product-info .purchase-notes{font-size:9px;line-height:1.8;margin:20px 0 25px}
.c-product-info .em-specification{margin:0;border-top:1px solid #ffffff45}
.c-product-info .em-specification summary{padding:20px 0;font-size:10px}
.c-product-info .em-specification h3{font-size:10px;margin:20px 0 12px}
.c-product-info .em-specification dl{font-size:10px;line-height:1.8}
.c-product-info .em-specification dl>div{grid-template-columns:90px minmax(0,1fr)}
.c-product-motto{border-top:1px solid #ffffff30;margin:20px 0 0;padding:25px 0 0;font-size:11px;line-height:1.8;letter-spacing:.015em}
.c-buy-in-view .c-purchase-dock{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(15px)}
.c-purchase-dock{transition:opacity .2s,visibility .2s,transform .2s}

/* Single frames read from one side; credits remain centred only on splits. */
.c-scene.c-full .c-overprint,.cinema-manifesto .c-scene.c-full .c-overprint{top:auto;bottom:65px;width:min(42%,500px);left:auto;right:var(--image-copy-inset);transform:none;text-align:left}
.c-scene.c-full.c-copy-left .c-overprint{left:var(--image-copy-inset);right:auto}
.c-scene.c-full .c-overprint::before{display:none}
.c-full .c-scene-title{text-align:left;font-size:clamp(25px,3vw,43px);margin:0 0 26px;line-height:1.15}
.c-full .c-credits{font-size:12px;line-height:1.75}
.c-full .c-credit-row{display:block;margin:0 0 19px}
.c-full .c-credits dt{text-align:left;padding:0;margin:0 0 7px;font-size:9px;letter-spacing:.055em;opacity:.8}
.c-full .c-credits dd,.cinema-manifesto .c-full .c-credits dd{max-width:none;text-align:left}
.c-full .c-inline-action{margin:23px 0 0;width:100%;font-size:10px}
.c-full .c-media-grid::after,.cinema-manifesto .c-full .c-media-grid::after{background:linear-gradient(90deg,transparent 22%,rgba(var(--ink-rgb),0.1333) 48%,rgba(var(--ink-rgb),0.7333) 100%)}
.c-full.c-copy-left .c-media-grid::after{background:linear-gradient(90deg,rgba(var(--ink-rgb),0.8000), rgba(var(--ink-rgb),0.1333) 52%,transparent 78%)}
.c-full .c-scene-foot{bottom:25px}

@media(min-width:1600px){.c-product-info .em-prose{font-size:13px}.c-full .c-credits{font-size:13px}.c-product-info{padding-top:180px}.c-product-info .em-price{font-size:12px}.c-product-info .em-price>span:last-child{font-size:28px}}
@media(max-width:1000px){
 .c-product-info{padding:150px 24px 60px 0}.c-product-info h1{font-size:43px}.c-product-info .em-prose{font-size:11px}.c-product-info .em-price{font-size:10px}.c-product-info .em-price>span:last-child{font-size:22px}
 .c-product-views{left:20px;right:20px;gap:13px}.c-product-views>span{font-size:8px}
 .c-scene.c-full .c-overprint,.cinema-manifesto .c-scene.c-full .c-overprint{width:44%;bottom:55px}
 .c-full .c-credits{font-size:11px}.c-full .c-scene-title{font-size:27px}
}
@media(max-width:650px){
 :root{--scene-gap:18px;--split-gap:24px;--image-copy-inset:24px}
 .c-product-intro{display:block;margin:0 0 var(--scene-gap)}
 .c-product-visual{position:relative;top:auto;height:78svh;min-height:520px}
 .c-product-views{bottom:18px;left:20px;right:20px;font-size:9px}
 .c-product-info{padding:36px 24px 40px;min-height:0;scroll-margin-top:112px}
 .c-product-info .em-buy-status{margin-bottom:25px;font-size:8px}.c-product-info h1{font-size:52px;margin-bottom:30px}.c-product-info .em-price{font-size:10px}.c-product-info .em-price>span:last-child{font-size:24px}
 .c-product-info .em-prose{font-size:12px}.c-product-info .sizes{margin-top:12px}.c-product-info .size{min-height:48px}.c-product-info .purchase-notes{font-size:9px}
 .c-split .c-media-grid{column-gap:0;row-gap:var(--split-gap)}
 .c-split-stitch{display:none}
 .c-split .c-credit-row{gap:16px}
 .c-split .c-inline-action{width:calc(70% - 11px);margin-left:calc(30% + 11px)}
 .c-scene.c-full .c-overprint,.cinema-manifesto .c-scene.c-full .c-overprint{bottom:55px;width:calc(100% - 48px);right:24px;left:auto;top:auto;transform:none}
 .c-scene.c-full.c-copy-left .c-overprint{left:24px;right:auto}
 .c-full .c-scene-title{font-size:26px;margin-bottom:25px}
 .c-full .c-credits dt{font-size:8px}.c-full .c-credits dd,.cinema-manifesto .c-full .c-credits dd{font-size:11px;line-height:1.75}
 .c-full .c-inline-action{margin-left:0;width:100%}
 .c-scene.c-full .c-media-grid::after,.cinema-manifesto .c-scene.c-full .c-media-grid::after{background:linear-gradient(transparent 20%,rgba(var(--ink-rgb),0.4000) 60%,rgba(var(--ink-rgb),0.8000))}
}

/* Revision 45: the supplied suture runs behind the photographs. */
:root{--header-clearance:128px;--split-gap:clamp(16px,1.55vw,28px)}
html{scroll-padding-top:calc(var(--header-clearance) + 20px)}
:is(#main,[data-cut=main]){padding-top:var(--header-clearance)}
.c-header.site-header,.c-header.site-header.header-clock-managed{height:var(--header-clearance);background:var(--ink);pointer-events:auto}
.header-clock{z-index:46}.header-clock-red-pulse{z-index:47}
.c-split .c-media-grid>.c-photo{z-index:1}
.c-split .c-media-grid::after{z-index:2}
.c-split.c-intro .c-split-stitch{top:0}
.c-intro .c-scene-register{top:30px}
.c-split .c-scene-title{width:calc(50% - var(--split-gap)/2 - 12px);margin-left:0;margin-right:auto;text-align:right;font-size:clamp(22px,2.5vw,36px)}
.c-split.c-intro .c-scene-title{font-size:clamp(34px,4.5vw,64px)}
.c-product-info{padding-top:36px;scroll-margin-top:0}
.c-product-visual{top:var(--header-clearance);height:calc(100svh - var(--header-clearance));min-height:560px}
.cinema-home .c-home-film{height:calc(100svh - var(--header-clearance));min-height:550px}
.c-home-topline{top:30px}
.letterbox-hero-copy,.service-layout,.legal-content,.checkout-wrap,.waitlist-layout{padding-top:52px}

/* Archive: tightly spaced stamps, a descending image reveal, four animated views. */
.c-archive-page{padding:18px 20px 0;background:var(--ink);min-height:100svh;font-weight:400}
.c-archive-heading{position:relative;display:block;margin:0 0 60px}
.c-archive-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.c-archive-monogram{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;font-size:clamp(130px,18vw,260px);letter-spacing:-.09em;font-weight:400;line-height:1;overflow:hidden}
.c-archive-monogram>span{display:block;animation:c-archive-arrive .9s cubic-bezier(.22,1,.36,1) both}
.c-archive-monogram>span:last-child{animation-delay:.1s}
.c-archive-count{position:absolute;left:25%;bottom:8px;margin:0;font-size:9px;letter-spacing:.01em;color:#888}
.c-archive-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:0;padding:0 0 48px;border:0;font-size:11px;line-height:1}
.c-archive-toolbar>span{grid-column:2}
.c-archive-views{grid-column:3/-1;display:flex;gap:24px}
.c-archive-views button{padding:7px 0;background:transparent;color:#666;font-size:11px;line-height:1;transition:color .25s;white-space:nowrap}
.c-archive-views button[aria-pressed=true],.c-archive-views button:hover{color:var(--cinema-paper)}
.c-stamp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;align-items:start;padding:0 0 65px}
.c-stamp-grid[data-layout=gr2]{grid-template-columns:repeat(2,minmax(0,1fr))}
.c-stamp-grid[data-layout=gr4]{grid-template-columns:repeat(4,minmax(0,1fr))}
.c-archive-item{position:relative;display:block;min-width:0;aspect-ratio:590/1003;overflow:hidden;isolation:isolate;background:var(--ink);transform-origin:top left}
.c-archive-pending{opacity:0}
.c-archive-meta{position:absolute;inset:0;color:var(--cinema-paper);padding:7px 0 0;z-index:0;opacity:0;transition:opacity .25s}
.c-archive-item:hover .c-archive-meta,.c-archive-item:focus-visible .c-archive-meta{opacity:1}
.c-archive-meta h2{font-size:12px;font-weight:400;line-height:1.3;letter-spacing:0;margin:0 0 12px}
.c-archive-facts{display:flex;justify-content:space-between;gap:8px;font-size:8px;line-height:1.3}
.c-archive-facts span:nth-child(2){color:#888}
.c-archive-stamp{position:absolute;inset:0;display:block;overflow:hidden;isolation:isolate;z-index:1;background:#232325;mask:url('assets/stamp-mask.svg') center/100% 100% no-repeat;-webkit-mask:url('assets/stamp-mask.svg') center/100% 100% no-repeat;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.c-archive-stamp::after{content:'';position:absolute;inset:0;background:var(--ink);opacity:.6;pointer-events:none;z-index:2;transition:opacity .45s}
.c-archive-stamp img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none}
.c-archive-item.is-future .c-archive-stamp img{filter:grayscale(1) blur(7px) brightness(.8);transform:scale(1.06)}
.c-archive-item:hover .c-archive-stamp,.c-archive-item:focus-visible .c-archive-stamp{transform:translateY(50px)}
.c-archive-item:hover .c-archive-stamp::after,.c-archive-item:focus-visible .c-archive-stamp::after{opacity:0}
.c-coming-soon{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:22px;pointer-events:none;color:var(--cinema-paper)}
.c-coming-soon>span{font-size:clamp(22px,3.5vw,58px);line-height:1.07;font-weight:400;letter-spacing:-.055em}
.c-coming-soon small{font-size:11px;letter-spacing:0}
.c-stamp-grid[data-layout=gr4] .c-coming-soon>span{font-size:3vw}
.c-stamp-link{position:absolute;right:22px;bottom:22px;z-index:3;opacity:0;font-size:20px;transition:opacity .3s}
.c-archive-item:hover .c-stamp-link,.c-archive-item:focus-visible .c-stamp-link{opacity:1}
.c-stamp-grid[data-layout=list]{grid-template-columns:1fr;gap:16px}
[data-layout=list] .c-archive-item{aspect-ratio:auto;height:196px;border-top:1px solid #ffffff35;overflow:hidden;transition:border-color .45s}
[data-layout=list] .c-archive-item:hover,[data-layout=list] .c-archive-item:focus-visible{border-color:var(--cinema-paper)}
[data-layout=list] .c-archive-meta{padding:18px 0 0;opacity:1}
[data-layout=list] .c-archive-meta h2{font-size:32px;line-height:1.2;letter-spacing:-.04em}
[data-layout=list] .c-archive-facts{position:absolute;left:0;bottom:16px;width:70%;opacity:.2;transition:opacity .45s;font-size:11px}
[data-layout=list] .c-archive-facts span:nth-child(2){color:inherit}
[data-layout=list] .c-archive-item:hover .c-archive-facts,[data-layout=list] .c-archive-item:focus-visible .c-archive-facts{opacity:1}
[data-layout=list] .c-archive-stamp{left:auto;right:0;top:10px;bottom:auto;width:72px;height:122px;transform:none;transition:width .45s cubic-bezier(.22,1,.36,1),height .45s cubic-bezier(.22,1,.36,1)}
[data-layout=list] .c-archive-item:hover .c-archive-stamp,[data-layout=list] .c-archive-item:focus-visible .c-archive-stamp{width:104px;height:177px;transform:none}
[data-layout=list] .c-coming-soon{gap:7px}
[data-layout=list] .c-coming-soon>span{font-size:12px}
[data-layout=list] .c-coming-soon small{font-size:6px}
[data-layout=list] .c-stamp-link{right:12px;bottom:12px;font-size:13px}
.c-archive-next{padding:60px 0 95px;border-top:1px solid #ffffff30;display:flex;align-items:flex-end;justify-content:space-between;gap:35px}
.c-archive-next>span:first-child{font-size:clamp(20px,3.6vw,60px);line-height:1.2;letter-spacing:-.05em}
.c-archive-next>span:last-child{font-size:10px;white-space:nowrap;padding-bottom:6px}
@keyframes c-archive-arrive{from{transform:translateY(110%)}to{transform:translateY(0)}}
@media(min-width:1600px){.c-product-info{padding-top:50px}}
@media(max-width:1000px){
 .c-archive-views{gap:18px}.c-archive-facts{font-size:7px;gap:5px}.c-archive-meta h2{font-size:11px}
}
@media(max-width:650px){
 :root{--header-clearance:108px;--split-gap:12px}
 .c-header.site-header,.c-header.site-header.header-clock-managed{background:var(--ink)}
 .c-split .c-scene-title{width:100%;text-align:left;font-size:25px;margin-bottom:30px}
 .c-split.c-intro .c-scene-title{font-size:43px}
 .c-intro .c-scene-register{top:24px}
 .c-product-visual{top:auto;height:78svh;min-height:450px}
 .c-product-info{padding-top:36px}
 .cinema-home .c-home-film{height:calc(100svh - var(--header-clearance));min-height:540px}
 .c-home-topline{top:25px}
 .letterbox-hero-copy,.service-layout,.legal-content,.checkout-wrap,.waitlist-layout{padding-top:42px}
 .c-archive-page{padding:22px 12px 0}
 .c-archive-heading{margin-bottom:50px}
 .c-archive-monogram{font-size:28vw}
 .c-archive-count{position:static;margin:14px 0 0;text-align:right;font-size:7px}
 .c-archive-toolbar{display:flex;justify-content:space-between;padding:0 0 30px;font-size:10px}
 .c-archive-views{gap:20px}.c-archive-views button{font-size:10px;padding:10px 0}
 .c-archive-views button[data-archive-view=gr3],.c-archive-views button[data-archive-view=gr4]{display:none}
 .c-stamp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:0 0 50px}
 .c-archive-meta{padding-top:6px}.c-archive-meta h2{font-size:10px;margin-bottom:10px}
 .c-archive-facts{font-size:6px;gap:4px}.c-archive-facts span:nth-child(2){display:none}
 .c-coming-soon{gap:14px}.c-coming-soon>span{font-size:7vw}.c-coming-soon small{font-size:9px}
 [data-layout=list] .c-archive-item{height:166px}
 [data-layout=list] .c-archive-meta h2{font-size:25px}
 [data-layout=list] .c-archive-facts{font-size:8px;width:72%;opacity:.65}
 [data-layout=list] .c-archive-stamp{width:56px;height:95px}
 [data-layout=list] .c-archive-item:hover .c-archive-stamp,[data-layout=list] .c-archive-item:focus-visible .c-archive-stamp{width:76px;height:129px}
 .c-archive-next{padding:40px 0 65px;align-items:flex-start;flex-direction:column}
 .c-archive-next>span:first-child{font-size:27px}
}
@media(hover:none){.c-archive-stamp::after{opacity:.2}}
@media(prefers-reduced-motion:reduce){.c-archive-monogram>span{animation:none}.c-archive-stamp,.c-archive-stamp::after,.c-archive-facts,.c-archive-item{transition:none!important}}

/* Equal gutters and minimal perforations along the horizontal photo edges. */
:root{--frame-gap:clamp(6px,.8vw,12px);--scene-gap:var(--frame-gap);--split-gap:var(--frame-gap)}
.c-split-stitch{width:calc(var(--frame-gap) + 4px)}
.c-photo{user-select:none;-webkit-mask-image:url('assets/photo-edge-top.svg'),linear-gradient(#fff,#fff),url('assets/photo-edge-bottom.svg');mask-image:url('assets/photo-edge-top.svg'),linear-gradient(#fff,#fff),url('assets/photo-edge-bottom.svg');-webkit-mask-size:auto 3.5px,100% calc(100% - 6px),auto 3.5px;mask-size:auto 3.5px,100% calc(100% - 6px),auto 3.5px;-webkit-mask-position:left top,center,left bottom;mask-position:left top,center,left bottom;-webkit-mask-repeat:repeat-x,no-repeat,repeat-x;mask-repeat:repeat-x,no-repeat,repeat-x;-webkit-mask-composite:source-over,source-over;mask-composite:add,add}
/* Only the Home photograph beneath the real stamp keeps a straight edge. */
.c-home-stamp .c-stamp-ground .c-photo{-webkit-mask:none;mask:none}
.c-photo img{-webkit-user-drag:none;user-select:none}
.c-scene{z-index:var(--scene-order,1)}
.c-scene .c-photo img{transform:translate3d(0,var(--image-drift,0px),0) scale(var(--image-scale,1));transform-origin:center}
.c-scene .c-media-visible img{will-change:transform}
.c-purchase-end,.c-manifesto-seal,.c-manifesto-invitation{position:relative;z-index:20}
.c-archive-heading{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:24px;margin:28px 0 66px}
.c-archive-heading .c-archive-name{position:static;display:block;width:auto;height:auto;clip-path:none;overflow:visible;white-space:normal;margin:0;font-size:clamp(38px,5vw,72px);line-height:1;letter-spacing:-.055em;font-weight:400;animation:c-archive-arrive .8s cubic-bezier(.22,1,.36,1) both}
.c-archive-heading .c-archive-count{position:static;margin:0 0 5px;max-width:none;font-size:9px;line-height:1.5;text-align:right}
.c-archive-item{-webkit-user-drag:none;user-select:none}
.c-lens{--lens-diameter:clamp(170px,17vw,240px);width:var(--lens-diameter);height:var(--lens-diameter);border:1px solid #514c53;background:var(--ink);box-shadow:0 2px 0 var(--ink),0 5px 0 -1px #201e22,0 13px 25px rgba(var(--ink-rgb),.42),0 23px 55px rgba(var(--ink-rgb),.35)}
.c-lens::before{content:'';position:absolute;inset:0;z-index:3;border-radius:50%;pointer-events:none;background:conic-gradient(from 145deg,var(--ink),var(--grey) 18%,#68616b 36%,#39343c 49%,var(--ink) 75%,#302b34);-webkit-mask:radial-gradient(circle,transparent calc(var(--lens-diameter)/2 - 7px),#fff calc(var(--lens-diameter)/2 - 6px));mask:radial-gradient(circle,transparent calc(var(--lens-diameter)/2 - 7px),#fff calc(var(--lens-diameter)/2 - 6px))}
.c-lens-optics{display:none;position:absolute;inset:0;width:100%;height:100%}
.c-lens.has-optics .c-lens-optics{display:block}
.c-lens.has-optics .c-lens-image{visibility:hidden}
.c-lens::after{inset:6px;border:1px solid rgba(var(--ink-rgb),.9);background:radial-gradient(ellipse at 24% 18%,#ffffff16,transparent 38%),radial-gradient(circle,transparent 78%,#ffffff12 97%,#ffffff35);border-radius:50%;box-shadow:inset 0 2px 5px rgba(var(--ink-rgb),.6),0 -1px 0 #a7a0aa55;z-index:2}
.c-lens>span{bottom:22px;font-size:9px;opacity:.65;z-index:4}
.footer-top{padding-bottom:50px}
@media(max-width:650px){
 :root{--scene-gap:var(--frame-gap);--split-gap:var(--frame-gap)}
 .c-archive-heading{margin:18px 0 46px;align-items:center;gap:15px}
 .c-archive-heading .c-archive-name{font-size:34px}
 .c-archive-heading .c-archive-count{font-size:7px;margin:0;max-width:110px}
 .footer-top{padding-bottom:40px}
}
@media(prefers-reduced-motion:reduce){
 .c-scene,.c-scene .c-photo img{transform:none!important}
 .c-archive-heading .c-archive-name{animation:none}
}

/* Revision 47: a finer photographic emulsion and body copy on both images. */
.c-grain{background-image:url('assets/grain-35mm.webp');background-size:110px 110px;opacity:.28;animation-duration:.2083s;animation-timing-function:steps(1,end)}
.c-split-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(var(--split-gap) + 36px);align-items:start;font-size:clamp(12px,1.05vw,15px);line-height:1.85;font-weight:400}
.c-copy-column{min-width:0;text-align:left}
.c-copy-column:first-child{text-align:right}
.c-copy-column p{font:inherit;line-height:inherit;margin:0 0 18px}
.c-copy-column p:last-child{margin-bottom:0}
.c-copy-column strong{font-weight:400}
.c-split .c-inline-action{width:calc(50% - var(--split-gap)/2 - 18px);margin-left:calc(50% + var(--split-gap)/2 + 18px)}
.letterbox-page{padding:0 0 80px}
.letterbox-page .letterbox-hero{width:100%;height:calc(100svh - var(--header-clearance));min-height:560px;display:flex;align-items:flex-end}
.letterbox-hero>.letterbox-hero-image{position:absolute;inset:0;width:100%;height:100%;z-index:0;margin:0}
.letterbox-hero>.letterbox-hero-image img{width:100%;height:100%;object-fit:cover;object-position:45% 50%}
.letterbox-hero::after{z-index:1;background:linear-gradient(90deg,rgba(var(--ink-rgb),0.6000),transparent 82%),linear-gradient(0deg,rgba(var(--ink-rgb),0.6000),transparent 85%)}
.letterbox-hero>.letterbox-hero-copy{position:relative;z-index:3;width:100%;padding:50px clamp(28px,4.5vw,72px) 60px;pointer-events:none}
.letterbox-hero-copy .letterbox-eyebrow{font-size:9px}
.letterbox-hero h1{font-size:clamp(44px,5.1vw,84px);line-height:1.08;margin:28px 0 20px;max-width:15ch}
.letterbox-invitation{font-size:clamp(22px,2.1vw,32px)}
.letterbox-page .letterbox-writing{padding:80px clamp(24px,4.5vw,72px) 0}
@media(max-width:650px){
 .c-split .c-overprint,.cinema-manifesto .c-split .c-overprint{inset:0;width:100%;transform:none}
 .c-split-copy{display:contents;font-size:12px;line-height:1.8}
 .c-split-copy .c-copy-column{position:absolute;left:24px;right:24px;top:25%;transform:translateY(-50%);text-align:left}
 .c-split-copy .c-copy-column:last-child{top:75%}
 .c-split .c-scene-title{position:absolute;left:24px;right:24px;top:70px;width:auto;margin:0;font-size:34px;text-align:left}
 .c-split.c-intro .c-scene-title{font-size:34px}
 .c-split .c-inline-action{position:absolute;right:24px;bottom:58px;width:calc(100% - 48px);max-width:320px;margin:0;font-size:9px}
 .letterbox-page{padding:0 0 65px}
 .letterbox-page .letterbox-hero{height:calc(100svh - var(--header-clearance));min-height:520px}
 .letterbox-hero>.letterbox-hero-image img{object-position:38% 50%}
 .letterbox-hero>.letterbox-hero-copy{padding:32px 24px 48px}
 .letterbox-hero h1{font-size:clamp(32px,8.9vw,44px);margin:24px 0 18px}
 .letterbox-invitation{font-size:22px}
 .letterbox-page .letterbox-writing{padding:46px 24px 0}
}

/* Revision 48: one persistent preorder action, in all three preview states. */
:root{--preorder-height:116px}
body{padding-bottom:var(--preorder-height)}
.preorder-ribbon{position:fixed;z-index:45;left:0;right:0;bottom:0;display:grid;grid-template-columns:minmax(180px,.9fr) 210px minmax(270px,1.5fr);gap:34px;align-items:center;padding:17px 32px calc(17px + env(safe-area-inset-bottom));background:rgba(var(--ink-rgb),.96);backdrop-filter:blur(16px);color:var(--cinema-paper);border-top:1px solid #ffffff35;font-weight:400;line-height:1.45}
.preorder-ribbon [hidden]{display:none!important}
.preorder-code{display:flex;align-items:center;gap:18px;font-size:8px;letter-spacing:.03em;margin-bottom:7px}
.preorder-code button{color:#8b8886;padding:3px 0;font-size:8px;background:transparent}
.preorder-code button:hover{color:var(--cinema-paper)}
.preorder-status>p{font-size:11px;display:flex;align-items:center;gap:8px}
.preorder-status i{width:5px;height:5px;background:var(--service-grey);border-radius:50%;display:inline-block;flex:none}
.preorder-ribbon[data-phase=open] .preorder-status i{background:var(--red)}
.preorder-invitation{display:block;font-size:9px;color:#b5afb6;margin-top:5px}
.preorder-timer{text-align:center;min-width:0}
.preorder-timer>span{display:block;font-size:8px;letter-spacing:.025em;color:#b5afb6}
.preorder-timer .header-clock-slot{height:34px;min-height:34px;width:100%}
.preorder-timer .preorder-clock-units{font-size:7px;letter-spacing:.12em;color:#8b8886}
.header-clock-digits{font-size:26px;font-weight:400;letter-spacing:-.025em}
.preorder-action{width:100%;min-width:0;max-width:520px;justify-self:end}
.preorder-email-row{display:flex;align-items:stretch;min-height:44px;border-bottom:1px solid #f2f0e980}
.preorder-email-label{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.preorder-email-row input{flex:1;min-width:0;width:100%;padding:10px 0;border:0;border-radius:0;background:transparent;color:var(--cinema-paper);font:400 11px var(--font);outline-offset:2px}
.preorder-email-row input::placeholder{color:#b5afb6;opacity:1;font-size:10px}
.preorder-email-row button{flex:none;display:flex;align-items:center;gap:26px;padding:10px 0 10px 18px;font-size:10px;background:transparent}
.preorder-email-row button:hover{color:var(--red)}
.preorder-form-meta{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:8px;color:#b5afb6;margin-top:8px}
.preorder-form-meta>label{display:flex;align-items:center;gap:7px;cursor:pointer}
.preorder-form-meta input{appearance:auto;accent-color:var(--red);width:12px;height:12px;margin:0;flex:none}
.preorder-form-meta>span{color:#8b8886;text-align:right;white-space:nowrap;font-size:7px}
.preorder-form-error{font-size:9px;line-height:1.5;color:#ff917d;margin-top:6px}
.preorder-form-error:empty{display:none}
.preorder-buy{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;min-height:50px;padding:15px 20px;background:var(--red);font-size:11px;color:var(--cinema-paper)}
.preorder-buy:hover{background:#ff3f22}
.preorder-success{padding:12px 0;border-bottom:1px solid #ffffff50}
.preorder-success>p{font-size:12px;margin-bottom:5px}
.preorder-success>span{font-size:9px;color:#b5afb6}
.em-unavailable-fit{padding:20px 0;border-top:1px solid #ffffff30;margin-top:25px}
.c-product-info .em-unavailable-fit .em-text-link{font-size:10px}
body:not([data-preorder-phase=open]) .em-buy-status .status-dot{background:var(--service-grey)}
.toast{bottom:calc(var(--preorder-height) + 18px)}
.pdp-view .site-footer{padding-bottom:0}
.cinema-home .c-home-film,.letterbox-page .letterbox-hero{height:calc(100svh - var(--header-clearance) - var(--preorder-height));min-height:480px}
.c-product-visual{height:calc(100svh - var(--header-clearance) - var(--preorder-height));min-height:500px}
@media(min-width:651px){.c-scene,.c-scene.c-split:not(.c-intro),.cinema-manifesto .c-scene{height:calc(100svh - var(--header-clearance) - var(--preorder-height));min-height:560px}}
@media(max-width:1000px){
 .preorder-ribbon{grid-template-columns:minmax(140px,.9fr) 165px minmax(220px,1.5fr);gap:20px;padding-left:24px;padding-right:24px}
 .preorder-status>p{font-size:10px}.preorder-invitation{font-size:8px}.header-clock-digits{font-size:23px}
 .preorder-form-meta{gap:8px;font-size:7px}.preorder-form-meta>span{font-size:6px}
}
@media(max-width:650px){
 :root{--preorder-height:155px}
 .preorder-ribbon{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 18px;padding:12px 18px calc(12px + env(safe-area-inset-bottom))}
 .preorder-status{grid-column:1}.preorder-code{font-size:7px;gap:12px;margin-bottom:5px}.preorder-code button{font-size:7px;padding:1px 0}
 .preorder-status>p{font-size:8px;gap:6px}.preorder-status i{width:4px;height:4px}.preorder-invitation{font-size:7px;margin-top:4px}
 .preorder-timer{grid-column:2;align-self:center}.preorder-timer>span{font-size:7px}.preorder-timer .header-clock-slot{height:27px;min-height:27px}.preorder-timer .preorder-clock-units{font-size:6px;letter-spacing:.04em}.header-clock-digits{font-size:20px}
 .preorder-action{grid-column:1/-1;max-width:none}
 .preorder-email-row{min-height:40px}.preorder-email-row input{font-size:16px;padding:8px 0}.preorder-email-row input::placeholder{font-size:9px}.preorder-email-row button{font-size:9px;gap:22px;padding:8px 0 8px 18px}
 .preorder-form-meta{font-size:7px;margin-top:7px}.preorder-form-meta>span{font-size:6px}.preorder-form-meta input{width:11px;height:11px}
 .preorder-buy{min-height:44px;font-size:10px;padding:12px 15px}.preorder-success{padding:7px 0}.preorder-success>p{font-size:10px}.preorder-success>span{font-size:8px}
 .cinema-home .c-home-film,.letterbox-page .letterbox-hero{height:calc(100svh - var(--header-clearance) - var(--preorder-height));min-height:420px}
 .c-product-visual{height:calc(100svh - var(--header-clearance) - var(--preorder-height));min-height:420px}
}
@media(max-width:380px){.header-clock-digits{font-size:18px}}

/* refinements.css */
/* Palette: Ink 151416, Charcoal 272528, Service Grey 8B8886, Neon Red FF2201. */
:root{--cinema-ink:var(--ink);--petrol-rgb:32,67,78;--na-ease-out:cubic-bezier(.19,1,.22,1)}
body,.cinema-page,.c-scene,.c-media-grid,.c-product-intro,.c-product-info,.c-archive-page,.c-archive-item,.site-footer{background:var(--ink)}
.preorder-ribbon{background:rgba(var(--ink-rgb),.96)}
.c-purchase-end,.c-purchase-dialog{background:var(--ink)}

/* Square satin glass: live edge refraction, fine flutes and a light petrol tint. */
.c-header.site-header,.c-header.site-header.header-clock-managed{
 isolation:isolate;border-radius:0;
 background:linear-gradient(rgba(var(--petrol-rgb),.16),rgba(var(--petrol-rgb),.16)),linear-gradient(180deg,rgba(242,240,233,.065),rgba(32,67,78,.1) 16%,rgba(21,20,22,.44) 48%,rgba(21,20,22,.42) 73%,rgba(32,67,78,.14));
 -webkit-backdrop-filter:blur(6px) saturate(1.08) brightness(.86);backdrop-filter:blur(6px) saturate(1.08) brightness(.86);
 border:1px solid rgba(192,218,220,.22);border-top:0;border-bottom-color:rgba(25,51,70,.85);
 box-shadow:inset 0 1px 0 rgba(242,240,233,.18),inset 0 -1px 0 rgba(20,43,61,.7),inset 1px 0 0 rgba(242,240,233,.12),0 8px 25px rgba(var(--ink-rgb),.2);
}
.c-header.site-header.na-glass-ready{backdrop-filter:url('#na-fluted-glass') saturate(1.05) brightness(.88)}
.c-header::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
 background:repeating-linear-gradient(90deg,rgba(var(--ink-rgb),.2) 0 1px,rgba(190,218,224,.065) 1px 2px,transparent 2px 12px);
}
.c-header::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
 background:linear-gradient(100deg,rgba(18,39,55,.72),rgba(37,69,87,.9) 24%,rgba(29,53,70,.92) 58%,rgba(33,65,82,.85) 82%,rgba(18,39,55,.75)) bottom/100% 2px no-repeat,linear-gradient(100deg,transparent,rgba(242,240,233,.22) 28%,rgba(136,224,245,.19) 62%,transparent) top/100% 1px no-repeat,radial-gradient(ellipse at 22% -45%,rgba(242,240,233,.1),transparent 70%);
 box-shadow:inset 0 -4px 6px -4px rgba(17,38,55,.8),inset 0 4px 7px -7px rgba(242,240,233,.45);
}
.c-header .c-nav,.c-header .c-header-tools,.c-header .c-menu-trigger,.c-header .na-header-preorder{text-shadow:0 1px 3px rgba(var(--ink-rgb),.9),0 0 9px rgba(var(--ink-rgb),.65)}
.c-header .na-roll,.c-header .na-logo-name,.header-clock{filter:drop-shadow(0 1px 1.5px rgba(var(--ink-rgb),.9))}

/* Labels turn red early in the rolling animation. */
.na-roll{display:inline-flex;vertical-align:middle;overflow:hidden;line-height:1.3em;white-space:nowrap}
.na-roll>span{display:block;text-shadow:0 1.3em currentColor;transition:transform .7s var(--na-ease-out);will-change:transform}
.c-nav a,.footer-links a,.menu-links a,.menu-secondary-link{transition:color .18s}
.c-nav a:hover,.c-nav a:focus-visible,.footer-links a:hover,.footer-links a:focus-visible,.menu-links a:hover,.menu-links a:focus-visible,.menu-secondary-link:hover{color:var(--red);transition:color .16s .12s;text-decoration:none}
a:hover .na-roll>span,a:focus-visible .na-roll>span{transform:translateY(-1.3em)}
.c-header .c-nav a::after{transition:width .7s var(--na-ease-out),background .18s .16s}
.c-header .c-nav a:hover::after,.c-header .c-nav a:focus-visible::after{background:var(--red)}
.menu-dialog .menu-links a>.na-roll,.menu-dialog .menu-links a>span:first-of-type>.na-roll{max-width:none}
.menu-dialog .menu-links a>span:first-of-type{max-width:none}

/* Native details remain keyboard accessible; height is animated by WAAPI. */
.na-accordion .na-accordion-panel{overflow:clip}
.na-accordion summary{position:relative;padding-right:30px!important}
.na-accordion summary>span[aria-hidden=true]{display:none!important}
.na-accordion summary::after,.c-faq .na-accordion summary::after,.accordion .na-accordion summary::after{
 content:'+'!important;position:absolute;right:1px;top:50%;display:block;font-size:18px;font-weight:400;line-height:1;
 transform:translateY(-50%) rotate(0deg);transition:transform .7s var(--na-ease-out),color .3s;
}
.na-accordion.is-expanded summary::after,.c-faq .na-accordion.is-expanded summary::after,.accordion .na-accordion.is-expanded summary::after{transform:translateY(-50%) rotate(45deg);color:var(--red)}
.na-accordion summary:hover{color:var(--red)}
.na-accordion-inner{display:flow-root}

/* A perfectly vertical incision opens through a stationary outgoing image. */
.na-page-cut{position:fixed;inset:var(--header-clearance) 0 0;z-index:44;overflow:hidden;pointer-events:none;contain:layout paint}
.na-cut-surface{position:absolute;inset:0;overflow:hidden;background:var(--ink);will-change:clip-path;clip-path:polygon(0 0,50% 0,50% 0,50% 0,50% 0,100% 0,100% 100%,0 100%)}
.na-cut-snapshot{position:absolute;left:0;pointer-events:none}
.na-cut-snapshot *{animation:none!important;transition:none!important}

/* The issued stamp uses the supplied photograph's own alpha and real teeth. */
.c-archive-item.is-issued .c-archive-stamp{background:transparent;mask:url('assets/stamp-front-photo.webp') center/contain no-repeat;-webkit-mask:url('assets/stamp-front-photo.webp') center/contain no-repeat}
.c-archive-item.is-issued .c-archive-stamp>img{object-fit:contain;transform:none}
.c-stamp-grid:not([data-layout=list]) .c-archive-item.is-issued{aspect-ratio:2070/3486}

/* The supplied diptych develops upward into the complete physical stamp. */
@property --stamp-front{syntax:'<percentage>';inherits:true;initial-value:56%}
.c-home-stamp{position:relative;isolation:isolate;padding:clamp(32px,3.4vw,64px) clamp(24px,4.8vw,92px) clamp(48px,5vw,88px);background:var(--ink);overflow:clip}
.c-home-stamp-grid{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,32%) minmax(0,1fr);gap:clamp(25px,3.2vw,65px);align-items:start}
.c-home-stamp-copy{padding-top:2px;min-width:0;font-size:clamp(11px,.95vw,15px);line-height:1.7;font-weight:400}
.c-home-stamp-copy:first-child{text-align:right}
.c-home-stamp-copy h2{font-size:clamp(16px,1.7vw,28px);line-height:1.23;font-weight:400;letter-spacing:-.05em;margin:0 0 25px}
.c-home-stamp-copy p{color:var(--service-grey);max-width:29ch}
.c-home-stamp-copy:first-child p{margin-left:auto;text-transform:uppercase;font-size:11px;letter-spacing:.02em;line-height:1.5}
.c-home-stamp-copy p+p{margin-top:15px;color:var(--paper)}
.c-home-stamp-copy .c-inline-action{width:100%;margin:56px 0 0;font-size:9px;color:var(--paper);gap:16px}
.c-home-stamp-card{--stamp-front:56%;width:70%;justify-self:center;align-self:end;aspect-ratio:2070/3486;background:var(--ink);overflow:visible;box-shadow:none;transition:--stamp-front 1s cubic-bezier(.22,.7,.18,1)}
.c-home-stamp-card:is(:hover,:focus-visible,.is-revealed){--stamp-front:-5%}
.c-home-stamp-card.is-issued .c-archive-stamp{background:var(--ink);mask:none;-webkit-mask:none;transform:none;transition:none;isolation:isolate}
.c-home-stamp-card .c-archive-stamp::after{display:none}
.c-home-stamp-card:hover .c-archive-stamp,.c-home-stamp-card:focus-visible .c-archive-stamp{transform:none}
.c-home-stamp-card .c-stamp-diptych{position:absolute;z-index:1;left:0;bottom:0;width:100%;height:auto;object-fit:contain;transform:none;mix-blend-mode:lighten}
.c-stamp-completion{position:absolute;inset:0;z-index:2;pointer-events:none;clip-path:inset(var(--stamp-front) 0 0)}
.c-stamp-completion>img{display:block;width:100%;height:100%;object-fit:contain;transform:none}

/* The photograph turns inside the fixed first frame, towards the upper right. */
.cinema-home .c-scene .c-home-diagonal-photo img{object-fit:contain;object-position:50% 50%;transform:translate3d(0,calc(var(--image-drift,0px) * .4),0) rotate(-24deg) scale(1.5);mix-blend-mode:lighten}
.cinema-home .c-scene .c-home-mirror-photo img{object-position:var(--photo-position,82% 50%)}
@media(prefers-reduced-motion:reduce){.cinema-home .c-scene .c-home-diagonal-photo img{transform:rotate(-24deg) scale(1.5)!important}}

/* A quiet purchase sheet beside the full-height photograph, in equal halves. */
.c-product-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.c-product-info{--em-rule:var(--line);min-height:calc(100svh - var(--header-clearance));padding:clamp(40px,6svh,90px) clamp(28px,3.2vw,64px) 40px;font-size:12px;line-height:1.65}
.c-product-info .em-buy-status{border:0;padding:0;margin:0 0 24px;gap:20px;font-size:10px;line-height:1.6;color:var(--service-grey)}
.c-product-info .em-buy-status>span:last-child{display:inline-flex;align-items:center;gap:7px;text-align:right}
.c-product-info h1{font-size:18px;line-height:1.35;letter-spacing:0;font-weight:400;margin:0 0 5px}
.c-product-info .em-price{display:block;border:0;padding:0;margin:0 0 25px;font-size:12px;letter-spacing:0;line-height:1.5}
.c-product-info .em-price>span:last-child{font-size:12px;font-weight:400}
.c-product-info .em-option-label{display:flex;justify-content:space-between;gap:20px;font-size:10px;line-height:1.5}
.c-product-info .em-colour{margin:0 0 20px}
.c-product-info .em-colour-swatch{display:block;position:relative;width:20px;height:20px;margin:10px 0 5px;background:var(--grey);border:1px solid var(--service-grey)}
.c-product-info .em-colour-swatch::after{content:'';position:absolute;left:-1px;right:-1px;bottom:-5px;height:1px;background:var(--paper)}
.c-product-info .size-label-row{font-size:10px;line-height:1.5;margin:0 0 10px}
.c-product-info .size-label-row .em-text-link{font-size:10px;line-height:1.5;padding:0;border:0;gap:8px}
.c-product-info .size-label-row .em-text-link span{display:none}
.c-product-info .sizes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;border:0;margin:0 0 14px}
.c-product-info .size,.c-product-info .size+.size,.c-product-info .size:last-child{min-height:42px;border:1px solid transparent;background:var(--grey);color:var(--paper);font-size:11px;box-shadow:none;transition:background .2s,color .2s,border-color .2s}
.c-product-info .size:hover{border-color:var(--service-grey)}
.c-product-info .size.selected{background:var(--paper);color:var(--ink);border-color:var(--paper);box-shadow:none}
.c-product-info .size:focus-visible{outline:1px solid var(--paper);outline-offset:3px}
.c-product-info .quantity-row{font-size:10px;margin:0 0 16px;min-height:32px}
.c-product-info .qty-control{height:32px;border-color:var(--line)}
.c-product-info .qty-control button{width:32px;height:30px}
.c-product-info .qty-control input{width:30px;font-size:11px}
.c-product-info :is(#primary-purchase,[data-cut-id=primary-purchase]) .btn{min-height:48px;padding:13px 18px;font-size:11px;letter-spacing:0;gap:15px}
.c-product-info .em-unavailable-fit{margin:0 0 18px}
.c-product-info .em-unavailable-fit .em-text-link{font-size:10px}
.c-product-info .em-description{margin:24px 0 20px}
.c-product-info .em-details-heading{font-size:10px;font-weight:400;letter-spacing:0;line-height:1.5;margin:0 0 10px}
.c-product-info .em-introduction{max-width:none;padding:0;font-size:12px;line-height:1.75}
.c-product-info .em-prose p{margin:0 0 10px}
.c-product-info .em-prose p:last-child{margin-bottom:0}
.c-product-info .em-specification{border-color:var(--line);border-bottom:0;margin:0}
.c-product-info .em-specification:last-child{border-bottom:1px solid var(--line)}
.c-product-info .em-specification summary{padding:16px 0;font-size:10px;font-weight:400;letter-spacing:0;line-height:1.5;align-items:center}
.c-product-info .em-specification .na-accordion-inner{padding-bottom:18px}
.c-product-info .em-specification dl{font-size:11px;line-height:1.75}
.c-product-info .em-specification dl>div{grid-template-columns:90px minmax(0,1fr)}
.c-product-info .em-specification h3{font-size:10px;font-weight:400;margin:16px 0 10px}
.c-product-info .purchase-notes{font-size:11px;line-height:1.75;padding:0;margin:0}
.c-product-info .purchase-notes p+p{margin-top:10px}
@media(min-width:1600px){.c-product-info .em-introduction{font-size:13px}}
@media(max-width:1050px){.c-product-info{padding:44px 28px 38px}.c-product-info .em-buy-status{font-size:9px;gap:12px}}
@media(max-width:650px){
 .c-product-info{padding:34px 24px 42px;min-height:0;scroll-margin-top:var(--header-clearance)}
 .c-product-info .em-buy-status{margin-bottom:27px}.c-product-info h1{font-size:18px}
 .c-product-info .em-price{margin-bottom:28px}.c-product-info .em-introduction{font-size:12px}
 .c-product-info .size{min-height:44px}.c-product-info .em-description{margin-top:28px}
}

/* The complete Night Agenda signature returns at the foot of the page. */
.c-footer-colophon{border-top:1px solid var(--line);min-height:205px;display:grid;grid-template-columns:1fr 90px 1fr;align-items:end;gap:30px;padding:30px 0 34px;font-size:8px;letter-spacing:.025em;color:var(--service-grey)}
.c-footer-colophon>span:last-child{text-align:right}
.c-footer-seal{display:block;justify-self:center;width:62px;height:auto;transition:opacity 1s var(--na-ease-out),transform 1s var(--na-ease-out)}
.c-footer-seal.will-reveal{opacity:0;transform:translateY(40%)}
.c-footer-seal.is-seen{opacity:1;transform:translateY(0)}

@media(max-width:900px){
 .c-home-stamp-grid{grid-template-columns:minmax(0,1fr) minmax(230px,34%) minmax(0,1fr);gap:22px}
 .c-home-stamp-copy h2{font-size:17px}.c-home-stamp-copy{font-size:10px}.c-home-stamp-copy:first-child p{font-size:9px}
 .c-home-stamp-copy .c-inline-action{font-size:8px}
}
@media(max-width:650px){
 .menu-dialog .menu-links a{font-size:clamp(20px,6vw,26px)}
 .c-home-stamp{padding:28px 24px 48px}
 .c-home-stamp-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 24px}
 .c-home-stamp-copy:first-child{text-align:left;grid-row:1;grid-column:1}
 .c-home-stamp-copy:last-child{grid-row:1;grid-column:2}
 .c-home-stamp-copy h2{font-size:18px;margin-bottom:20px;max-width:13ch}
 .c-home-stamp-copy,.c-home-stamp-copy:first-child p{font-size:10px;line-height:1.65}
 .c-home-stamp-copy:first-child p{margin-left:0}
 .c-home-stamp-copy .c-inline-action{font-size:8px;margin-top:40px;line-height:1.5}
 .c-home-stamp-card{grid-column:1/-1;grid-row:2;width:min(53.2vw,224px);justify-self:center}
 .c-footer-colophon{min-height:190px;grid-template-columns:1fr 70px 1fr;gap:18px;font-size:7px}
 .c-footer-seal{width:54px}
}
@media(prefers-reduced-motion:reduce){
 .na-roll>span,.c-nav a,.menu-links a,.c-home-stamp-card,.c-home-stamp-card *,.c-footer-seal{transition:none!important}
 a:hover .na-roll>span,a:focus-visible .na-roll>span{transform:none}
 .c-footer-seal.will-reveal{opacity:1;transform:none}
 .na-accordion summary::after{transition:none!important}
}

/* One compact, permanent glass band owns navigation and preorder. */
:root{--header-clearance:84px;--preorder-height:0px;--nav-type:10px}
body{padding-bottom:0}
.c-header.site-header,.c-header.site-header.header-clock-managed{height:84px;display:grid;grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr);gap:20px;padding:8px 24px}
.c-header .c-nav{justify-content:flex-start;gap:clamp(12px,1.5vw,24px);font-size:var(--nav-type);font-weight:400;line-height:1.3;letter-spacing:.015em;position:relative;z-index:1}
.c-header .c-brand{position:relative;z-index:1;width:180px;display:flex;align-items:center;gap:10px;line-height:0}
.c-header .c-brand .na-logo-mark{width:42px;height:62px;object-fit:contain}
.c-header .c-brand .na-logo-name{width:128px;height:20px;object-fit:contain}
.c-header #preorder-ribbon{position:relative;z-index:1;min-width:0;width:100%}
.na-header-preorder{display:flex;align-items:center;justify-content:flex-end;gap:clamp(16px,2vw,32px);font-size:var(--nav-type);line-height:1.3;font-weight:400;letter-spacing:.015em;white-space:nowrap;text-transform:uppercase}
.na-preorder-state{font:inherit;letter-spacing:inherit;text-transform:inherit;padding:9px 0;white-space:nowrap;text-align:left}
.na-preorder-state>span{color:var(--paper)}
.na-preorder-state:hover{color:var(--service-grey)}
.na-preorder-clock{flex:none;width:100px}
.na-preorder-clock .header-clock-slot{height:22px;min-height:22px;width:100px}
.header-clock,.header-clock-red-pulse,.header-clock-digits{font-size:var(--nav-type);font-weight:400;letter-spacing:.015em;line-height:1.3}
.header-clock{mix-blend-mode:normal}
.na-header-action{display:flex;align-items:center;gap:15px;padding:12px 0;color:var(--red);background:transparent;font:inherit;letter-spacing:inherit;text-transform:inherit;white-space:nowrap}
.na-header-action>span:last-child{font-size:inherit;transition:transform .4s var(--na-ease-out)}
.na-header-action:hover>span:last-child{transform:translate(3px,-3px)}
.na-footer-utilities,.na-menu-utilities{display:flex;align-items:center;gap:28px;font-size:9px;font-weight:400}
.na-footer-utilities{margin-top:28px;color:var(--service-grey)}
.na-menu-utilities{margin:0 0 24px;padding:16px 0;border-top:1px solid var(--line)}
.na-footer-utilities .cart-button,.na-menu-utilities .cart-button{font-size:9px}
.na-reminder-dialog{position:fixed;inset:calc(var(--header-clearance) + 16px) 24px auto auto;margin:0;width:min(470px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - var(--header-clearance) - 40px);overflow:auto;padding:26px;background:var(--ink);color:var(--paper);border:1px solid #8b88865c}
.na-reminder-dialog::backdrop{background:rgba(var(--ink-rgb),.42);backdrop-filter:blur(5px)}
.na-reminder-dialog .dialog-heading{align-items:flex-start;margin-bottom:20px;padding-bottom:18px;border-color:var(--line)}
.na-reminder-dialog .dialog-heading h2{font-size:20px;line-height:1.2;max-width:24ch;font-weight:400;letter-spacing:-.04em}
.na-reminder-intro{font-size:11px;line-height:1.7;color:var(--service-grey);margin:0 0 25px}
.na-reminder-dialog [hidden]{display:none!important}
.na-reminder-dialog .preorder-email-row input{font-size:13px}
.na-reminder-dialog .preorder-form-meta{flex-wrap:wrap;font-size:9px}
.na-reminder-dialog .preorder-form-meta>span{font-size:8px}
@media(max-width:1050px) and (min-width:851px){
 :root{--nav-type:9px}
 .c-header.site-header,.c-header.site-header.header-clock-managed{padding-left:20px;padding-right:20px;gap:16px}
 .c-header .c-nav{gap:12px}
 .na-header-preorder{gap:14px}.na-header-action{gap:10px}
}
@media(max-width:850px){
 :root{--header-clearance:92px;--preorder-height:0px;--nav-type:9px}
 .c-header.site-header,.c-header.site-header.header-clock-managed{height:92px;display:flex;justify-content:center;padding:4px 18px 32px}
 .c-header .c-nav{display:none}
 .c-header .c-brand{position:absolute;top:3px;left:50%;transform:translateX(-50%);width:146px;gap:10px}
 .c-header .c-brand .na-logo-mark{height:50px;width:34px}
 .c-header .c-brand .na-logo-name{height:18px;width:102px}
 .c-header .c-menu-trigger{display:block;position:absolute;left:18px;top:12px;min-height:32px;padding:6px 0;font-size:var(--nav-type);font-weight:400;line-height:1.3;letter-spacing:.015em}
 .c-header #preorder-ribbon{position:absolute;left:18px;right:18px;bottom:7px;width:auto}
 .na-header-preorder{justify-content:space-between;gap:12px}
 .na-preorder-state{padding:3px 0}.na-header-action{gap:11px;padding:3px 0}
 .na-preorder-clock,.na-preorder-clock .header-clock-slot{width:90px;height:18px;min-height:18px}
 .na-reminder-dialog{right:18px;width:calc(100vw - 36px);padding:24px}
 .na-reminder-dialog .preorder-email-row input{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.na-header-action>span:last-child{transition:none}}

/* The film extends behind the refracting glass; four captions cross the frame. */
.na-effect-defs{position:fixed;width:0;height:0;overflow:hidden;pointer-events:none}
.home-view :is(#main,[data-cut=main]){padding-top:0}
.cinema-home .c-home-film{height:100svh;min-height:600px}
.c-question{position:absolute;inset:0 24px;display:block;margin:0;font-size:14px;line-height:1.3;font-weight:400;letter-spacing:0}
.c-question>span{position:absolute;margin:0!important;text-align:left!important;white-space:nowrap}
.c-question>span:nth-child(1){left:0;top:30%}
.c-question>span:nth-child(2){left:25%;top:45%}
.c-question>span:nth-child(3){left:50%;top:60%}
.c-question>span:nth-child(4){left:75%;top:75%}
.c-home-bottom{position:absolute;left:24px;right:24px;bottom:24px;display:grid;grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr);align-items:center;gap:20px;border-top:1px solid rgba(242,240,233,.35);padding-top:20px}
.c-film-controls{grid-column:2;display:flex;align-items:center;justify-content:center;gap:22px;font-size:10px;line-height:1.3;font-weight:400;white-space:nowrap}
.c-film-controls button{font:inherit;letter-spacing:.02em;min-height:44px;padding:8px 0;color:var(--paper)}
.c-film-controls button:hover{color:var(--red)}
.c-film-time{font-variant-numeric:tabular-nums;white-space:nowrap}
.c-hero-preorder{grid-column:3;justify-self:end;display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:54px;padding:18px 24px;background:var(--paper);color:var(--ink);font-size:10px;line-height:1.3;font-weight:400;white-space:nowrap}
.c-hero-preorder:hover{background:var(--red)}
@media(max-width:850px) and (min-width:651px){.c-film-controls{gap:14px;font-size:9px}.c-hero-preorder{font-size:9px;padding:16px}}
@media(max-width:650px){
 .cinema-home .c-home-film{min-height:680px;height:100svh}
 .c-question{inset:0 18px;font-size:12px}
 .c-question>span:nth-child(1){top:26%}.c-question>span:nth-child(2){top:38%}.c-question>span:nth-child(3){top:50%}.c-question>span:nth-child(4){top:62%;left:auto;right:0}
 .c-home-bottom{left:18px;right:18px;display:flex;flex-direction:column;align-items:stretch;gap:16px;padding-top:14px}
 .c-film-controls{gap:16px;font-size:9px}.c-film-controls button{min-height:36px}
 .c-hero-preorder{align-self:flex-end;min-height:48px;padding:15px 20px;font-size:9px}
}

/* hero-ident.css */
/* Original logo, half size, revealed in one hard cut before the text. */
/* As the seal crosses the glass, the original wordmark rises into the band. */
.home-view .c-header .c-brand{display:flex;position:absolute;left:50%;top:50%;width:148px;height:32px;gap:0;margin:0;transform:translate(-50%,calc(-50% + var(--na-brand-offset,10px)));opacity:var(--na-brand-progress,0);visibility:var(--na-brand-visibility,hidden);clip-path:inset(var(--na-brand-clip,100%) 0 0 0);pointer-events:none}
.home-view .c-header.na-brand-ready .c-brand{pointer-events:auto}
.home-view .c-header.site-header{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.c-header .c-brand{justify-content:center}
.c-header .c-brand .na-logo-name{width:148px;height:24px}
.c-header .c-brand .na-logo-mark{display:none}
.na-hero-seal{position:absolute;z-index:2;left:50%;top:49%;width:min(16vw,195px);height:min(22.5vh,195px);transform:translate(-50%,-50%);pointer-events:none}
.na-hero-seal img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;height:77%;max-width:85%;object-fit:contain}
.na-hero-seal.na-seal-pending{visibility:hidden}
.c-home-film .hero-media::after{background:rgba(var(--ink-rgb),.42)}
.c-home-film .c-question{inset:0 24px;z-index:3;font-size:clamp(11px,1.05vw,16px);font-weight:500;letter-spacing:.015em;color:var(--red)}
.c-home-film .c-question>span{top:49%;transform:translate(-50%,-50%)}
.c-home-film .c-question>span:nth-child(1){left:10%}
.c-home-film .c-question>span:nth-child(2){left:28%}
.c-home-film .c-question>span:nth-child(3){left:72%}
.c-home-film .c-question>span:nth-child(4){left:90%;right:auto}
.na-hero-word{opacity:0}
.na-hero-word.na-word-visible{opacity:1;transition:opacity .2s ease-out}
.na-clickable-film .hero-media{cursor:pointer}
@media(prefers-reduced-motion:reduce){.na-hero-word{transition:none}}
@media(max-width:850px){
 .home-view .c-header.site-header{display:flex}
 .home-view .c-header .c-brand{top:27px;width:128px;height:44px}
 .home-view .c-header .c-brand .na-logo-name{width:128px;height:20px}
 .na-hero-seal{width:130px;height:165px;top:47%}
 .c-home-film .c-question{font-size:11px;inset:0 18px}
 .c-home-film .c-question>span:nth-child(1){left:5%;top:40%;transform:translateY(-50%)}
 .c-home-film .c-question>span:nth-child(2){left:5%;top:52%;transform:translateY(-50%)}
 .c-home-film .c-question>span:nth-child(3){left:auto;right:0;top:40%;transform:translateY(-50%)}
 .c-home-film .c-question>span:nth-child(4){left:auto;right:0;top:52%;transform:translateY(-50%)}
}
@media(max-width:500px){
 .na-hero-seal{width:107.5px;height:145px;top:46%}
 .c-home-film .c-question{font-size:11px}
 .c-home-film .c-question>span:nth-child(1),.c-home-film .c-question>span:nth-child(2){left:0}
}


/* Pointer clicks leave no focus rectangles. Keyboard focus stays visible in grey. */
:focus-visible{outline:1px solid var(--service-grey);outline-offset:4px}
html[data-input-modality=pointer] :focus{outline:none!important}
.size.selected,.em-buy .size.selected,.c-product-info .size.selected{background:var(--paper);color:var(--ink);border-color:var(--paper);box-shadow:none}
.phase-controls button[aria-pressed=true]{background:var(--paper);color:var(--ink);border-color:var(--paper)}

/* site-details.css */
/* The label begins turning red shortly after the roll starts. */
.c-header .c-nav a:hover,.c-header .c-nav a:focus-visible{color:var(--red);transition:color .16s .12s;text-decoration:none}
.c-header .c-nav a::after{background:var(--red)}

/* Footer: correspondence on the left, the actual Site pages on the right. */
.site-footer.na-footer{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:clamp(500px,31vw,640px);padding:0;background:var(--ink);color:var(--paper)}
.na-footer-letter{position:relative;isolation:isolate;overflow:hidden;padding:52px 32px 175px}
.na-footer-image{position:absolute;z-index:-2;inset:-15%;background:url('assets/stamp-lens-grain.webp') 54% 50%/cover no-repeat;filter:blur(24px) brightness(.52) saturate(1.15);transform:scale(1.12)}
.na-footer-letter::before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(100deg,rgba(255,34,1,.19),rgba(21,20,22,.08) 55%,rgba(32,67,78,.16))}
.na-footer-letter>.c-grain{z-index:0;opacity:.23}
.na-footer-letter-copy{position:relative;z-index:1}
.na-footer-label{font-size:9px;font-weight:400;line-height:1.6;letter-spacing:.025em;text-transform:uppercase}
.na-footer-letter h2{font-size:clamp(28px,2.35vw,42px);font-weight:700;line-height:1.04;letter-spacing:-.055em;margin:18px 0 0}
.na-footer-form{margin-top:60px;max-width:420px}
.na-footer-form>label{display:block;font-size:9px;font-weight:400;line-height:1.5;letter-spacing:.015em}
.na-footer-email-row{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--paper);margin-top:20px}
.na-footer-email-row input{flex:1;min-width:0;padding:12px 0;border:0;border-radius:0;background:transparent;color:var(--paper);font:400 12px/1.4 var(--font)}
.na-footer-email-row input::placeholder{color:var(--service-grey);opacity:1}
.na-footer-email-row button{font:400 9px/1.4 var(--font);white-space:nowrap;min-height:44px;padding:10px 0}
.na-footer-form [data-footer-newsletter-status]{min-height:22px;margin-top:9px;font-size:8px;font-weight:400;line-height:1.6;color:var(--paper);opacity:.7}
.na-footer-directory{padding:52px 32px 180px}
.na-footer-columns{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:28px}
.na-footer-columns nav{display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-size:10px;font-weight:400;line-height:1.7;min-width:0}
.na-footer-columns .na-footer-label{color:var(--service-grey);margin-bottom:10px}
.na-footer-columns button{font:inherit;text-align:left;padding:0;line-height:1.7}
.na-footer-columns a,.na-footer-columns button{text-underline-offset:5px;text-decoration-thickness:1px}
.na-footer-columns a:hover,.na-footer-columns button:hover{text-decoration:underline}
.na-footer-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;border-top:1px solid var(--line);margin-top:60px;padding-top:16px;font-size:8px;line-height:1.5;font-weight:400;color:var(--service-grey)}
.na-footer-meta>span:first-child{color:var(--paper);white-space:nowrap}
.na-footer-meta .lang-switch{font-size:9px;color:var(--paper);gap:7px}
.na-footer-meta .lang-switch button{padding:0}
.na-footer-mark{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);width:62px;z-index:3}
.na-footer-mark .c-footer-seal{width:100%;height:auto}
@media(max-width:1050px){
 .na-footer-directory{padding-left:24px;padding-right:24px}.na-footer-columns{gap:18px}
 .na-footer-columns nav{font-size:9px}.na-footer-meta{font-size:7px;gap:12px}
}
@media(max-width:750px){
 .site-footer.na-footer{grid-template-columns:1fr}
 .na-footer-letter{min-height:410px;padding:42px 24px 65px}.na-footer-letter h2{font-size:32px}
 .na-footer-form{margin-top:48px;max-width:480px}
 .na-footer-directory{padding:40px 24px 175px}.na-footer-columns nav{font-size:10px}
 .na-footer-meta{font-size:8px;margin-top:38px}
 .na-footer-mark{bottom:28px;width:56px}
 .na-footer-email-row input{font-size:16px}
}
@media(max-width:450px){
 .na-footer-columns{grid-template-columns:1fr 1fr;gap:28px 24px}
 .na-footer-legal{grid-column:1/-1;display:grid!important;grid-template-columns:1fr 1fr;column-gap:24px!important}
 .na-footer-legal .na-footer-label{grid-column:1/-1}
 .na-footer-meta{gap:22px 14px}.na-footer-meta>span:last-child{width:100%}
}

/* A continuous photographic rail, with the same fixed controls as the reference. */
.na-product-gallery{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:var(--ink);color:var(--paper);overflow:hidden}
.na-product-gallery::backdrop{background:var(--ink)}
.na-product-gallery[open]{animation:na-gallery-enter .35s var(--na-ease-out)}
.na-gallery-rail{height:100%;width:100%;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior:contain;cursor:grab;touch-action:pan-x pinch-zoom;outline:0}
.na-gallery-rail::-webkit-scrollbar{display:none}
.na-gallery-rail.is-dragging{cursor:grabbing;user-select:none}
.na-gallery-photo{position:relative;flex:none;width:calc(100dvh * var(--gallery-ratio));height:100%;min-width:32vw;max-width:140vw;overflow:hidden;background:var(--ink);margin:0}
.na-gallery-photo img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;max-width:none}
.na-gallery-photo .c-grain{opacity:.2}
.na-gallery-top{position:absolute;z-index:5;left:20px;right:20px;top:28px;display:grid;grid-template-columns:1fr 1fr 2fr auto;align-items:center;gap:24px;font-size:10px;font-weight:400;line-height:1.4;mix-blend-mode:difference;pointer-events:none}
.na-gallery-top button{font:inherit;letter-spacing:inherit;text-align:left;min-height:44px;padding:6px 0;pointer-events:auto}
.na-gallery-top button:hover{text-decoration:underline;text-underline-offset:5px}
.na-gallery-top [data-gallery-close]{justify-self:end;display:flex;gap:12px;align-items:center}
.na-gallery-top [data-gallery-close] span{font-size:22px;line-height:1}
.na-gallery-paging{display:flex;align-items:center;gap:22px}
.na-gallery-paging button{font-size:18px;min-width:34px;text-align:center}
.na-gallery-paging [data-gallery-count]{font-variant-numeric:tabular-nums;white-space:nowrap}
.na-gallery-dots{position:absolute;z-index:6;left:12px;right:12px;top:0;display:flex;align-items:center;justify-content:space-between;mix-blend-mode:difference}
.na-gallery-dots button{display:grid;place-items:center;min-width:24px;height:28px;padding:0}
.na-gallery-dots button::after{content:'';width:3px;height:3px;border-radius:50%;background:var(--paper);opacity:.55;transition:transform .3s,opacity .3s}
.na-gallery-dots button[aria-current=true]::after{transform:scale(1.9);opacity:1}
.na-gallery-bottom{position:absolute;left:24px;right:24px;bottom:20px;display:flex;justify-content:space-between;gap:22px;z-index:4;font-size:9px;line-height:1.6;font-weight:400;mix-blend-mode:difference;pointer-events:none}
.na-gallery-bottom [data-gallery-caption]{max-width:50%}
.na-gallery-info[hidden]{display:none}
.na-gallery-info{position:absolute;z-index:3;inset:0;display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:10vw;padding:100px 8vw;overflow:auto;background:rgba(var(--ink-rgb),.82);backdrop-filter:blur(8px);font-size:12px;line-height:1.8;font-weight:400}
.na-gallery-info h2{font-size:clamp(22px,2.5vw,36px);line-height:1.25;font-weight:400;letter-spacing:-.04em;margin:22px 0}
.na-gallery-info dl{margin:0;font-size:11px}
.na-gallery-info dl>div{display:grid;grid-template-columns:1fr 1.3fr;gap:24px;margin-bottom:25px}
.na-gallery-info dt{font-size:9px;color:var(--service-grey)}
.na-gallery-info dd{margin:0}
@keyframes na-gallery-enter{from{opacity:0}to{opacity:1}}
@media(max-width:650px){
 .na-gallery-photo{width:100vw;min-width:100vw;max-width:100vw}
 .na-gallery-top{left:18px;right:18px;top:28px;grid-template-columns:1fr 1fr auto;gap:12px;font-size:9px}
 .na-gallery-top [data-gallery-info]{justify-self:center}
 .na-gallery-paging{position:fixed;left:50%;bottom:46px;transform:translateX(-50%);gap:20px}
 .na-gallery-bottom{left:18px;right:18px;bottom:15px;font-size:8px}
 .na-gallery-bottom>span:last-child{display:none}
 .na-gallery-info{grid-template-columns:1fr;gap:30px;align-content:start;padding:125px 24px 100px}
 .na-gallery-info dl>div{gap:20px}.na-gallery-info h2{font-size:23px}
 .na-gallery-dots{left:8px;right:8px}.na-gallery-dots button{min-width:20px}
}
@media(prefers-reduced-motion:reduce){.na-product-gallery[open]{animation:none}.na-gallery-dots button::after{transition:none}}

/* night.css */
/* 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}

/* night-v2.css */
/* Night Agenda v2 — always dark.
   Refs: sindi-abazi, gaia-cinquini, kynandfolk. Dark ground, small
   sentence-case Geist, grey for secondary, no boxes. Mono only for
   accents: hero questions, clock, codes and prices. Photos and the film
   keep their own dark ground. */
:root{
 --v2-bg:#151416;--v2-ink:#f2f0e9;--v2-mid:#8a8a87;--v2-line:rgba(242,240,233,.14);
 --ink:#151416!important;--ink-rgb:21,20,22!important;--surface:#151416!important;
 --line:rgba(242,240,233,.14)!important;--service-grey:#8a8a87!important;
 --v2-mono:'Geist Mono',ui-monospace,monospace;
}
html,body{background:var(--v2-bg)!important;color:var(--v2-ink)!important}
html body *:not(svg):not(svg *){text-transform:none!important;letter-spacing:-.01em!important}

/* Type scale */
html body :is(p,li,dd,dt,.answer,.em-prose *,label,summary){font-size:14px!important;line-height:1.45!important;font-weight:400!important}
html body :is(a,button){font-weight:400!important}
html body :is(small,.c-eyebrow,[class*=kicker],[class*=label],[class*=meta] span,[class*=facts] span){font-size:13px!important;color:var(--v2-mid)!important;font-weight:400!important}
html body :is(h1,h2,h3,.display-title,.c-scene-title,.stamp-story-title,.c-archive-title,.c-archive-name){font-weight:500!important;letter-spacing:-.03em!important;line-height:1.05!important;color:var(--v2-ink)}
html body :is(h1,h2,.display-title,.c-scene-title,.stamp-story-title,.c-archive-name){font-size:clamp(26px,2.6vw,40px)!important}
html body h3{font-size:18px!important}

/* Mono accents */
html body :is(.hero-title,.hero-title *,[class*=clock],[class*=clock] *,time,[class*=countdown],.c-film-time,.c-hero-question,.c-hero-question *){font-family:var(--v2-mono)!important;letter-spacing:0!important}

/* Header: black band, black wordmark, grey links */
html body .c-header.site-header,html body .c-header.site-header.header-clock-managed,html body .c-header.site-header::after{background:var(--v2-bg)!important;border-bottom:1px solid var(--v2-line)!important}
html body .c-header :is(a,button,span,div,nav,aside,time){color:var(--v2-mid)!important;font-size:13px!important;letter-spacing:-.01em!important}
html body .c-header :is([aria-current=page],.is-active,.na-header-action,.na-header-action *,.na-logo-name){color:var(--v2-ink)!important}

html body .c-header .na-header-action{border:0!important;padding:0!important;text-decoration:underline!important;text-underline-offset:4px!important}

/* Buttons: one solid, the rest are words */
html body .btn,html body .btn-primary{background:var(--v2-ink)!important;color:var(--v2-bg)!important;border:0!important;border-radius:0!important;height:46px!important;font-size:14px!important;box-shadow:none!important}
html body .btn *{color:var(--v2-bg)!important}
html body :is(.c-hero-preorder,.na-faq-close,.menu-close,.c-inline-action,.text-link,.na-faq-more,.na-faq-nudge){border:0!important;background:transparent!important;padding:0!important;text-decoration:underline!important;text-underline-offset:4px!important;text-decoration-thickness:1px!important;color:var(--v2-ink)!important;min-height:0!important;height:auto!important}

/* Rules and accordions */
html body :is(details,.c-faq details,.em-buy details){border-color:var(--v2-line)!important}
html body summary{font-size:15px!important;color:var(--v2-ink)!important}

/* Film and photos keep a dark ground and light type */
html body :is(.cinema-home .c-home-film,.c-home-film,.letterbox-hero){background:#151416!important;--paper:#f2f0e9;--cinema-paper:#f2f0e9;color:#f2f0e9!important}
html body :is(.c-home-film,.letterbox-hero) :is(a,button,p,span,h1,h2){color:#f2f0e9!important}
html body .c-home-film .c-hero-preorder,html body .c-home-film .c-film-controls>button{color:#f2f0e9!important}

/* Footer */
html body :is(#footer,[data-cut=footer]) .nf{background:var(--v2-bg)!important;color:var(--v2-ink)!important;border-top:1px solid var(--v2-line)}
html body .nf :is(a,button){color:var(--v2-ink)!important}
html body .nf-cols nav :is(a,button){font-size:clamp(18px,1.6vw,24px)!important;letter-spacing:-.03em!important;font-weight:400!important}
html body .nf-care,html body .nf-care *{color:var(--v2-mid)!important}
html body .nf-word img{opacity:.55!important}
html body .nf-dots{background:radial-gradient(circle,rgba(242,240,233,.35) .6px,transparent .9px) 0 0/5px 1px repeat-x!important}
html body .nf-letter .na-footer-email-row{border-bottom-color:var(--v2-line)!important}
html body .nf input{color:var(--v2-ink)!important}

/* Forms */
html body :is(input,textarea,select){color:var(--v2-ink)!important;background:transparent!important}
html body :is(input,textarea)::placeholder{color:rgba(242,240,233,.32)!important}
html body .letterbox-field :is(input){border-bottom-color:var(--v2-line)!important}
html body .letterbox-field textarea{background:none!important;min-height:140px!important;line-height:1.6!important;padding:8px 0 12px!important;border-bottom:1px solid rgba(242,240,233,.24)!important}
html body .letterbox-hint,html body .letterbox-demo-note{color:var(--v2-mid)!important}

/* Capitals off everywhere, past class-level rules (mono hero words keep theirs from the source). */
html body :is(:is(#main,[data-cut=main]),:is(#footer,[data-cut=footer]),.c-header,dialog,#faq-content,.na-page-cut) *:not(svg):not(svg *){text-transform:none!important}
html body .c-header :is(a,button,span,div,nav,aside){text-transform:none!important}

/* Photos: no sawtooth edges, no stitch between halves. */
html body .c-photo{-webkit-mask-image:none!important;mask-image:none!important}
html body .c-split-stitch{display:none!important}

/* Anything that sits on a photo or the film stays dark-grounded, light type. */
html body :is(.c-home-film,.c-photo,.c-product-visual,.c-scene:has(.c-photo),.letterbox-hero,.c-lens){--ink:#151416!important;--ink-rgb:21,20,22!important;--paper:#f2f0e9!important;--cinema-paper:#f2f0e9!important;--white:#f2f0e9!important;--line:rgba(242,240,233,.24)!important;--service-grey:#b9b6b2!important;--grey:#272528!important;--grey-rgb:39,37,40!important}
html body .c-scene:has(.c-photo) :is(p,a,button,span,h1,h2,h3,li,small,label){color:#f2f0e9!important}
html body .c-scene:has(.c-photo) :is(small,.c-eyebrow,[class*=label]){color:rgba(242,240,233,.7)!important}
html body .c-scene:has(.c-photo){background:#151416!important}

/* Header and footer stay Ink. */
html body .c-header.site-header,html body .c-header.site-header.header-clock-managed,html body .c-header.site-header::after,html body :is(#footer,[data-cut=footer]) .nf{background:#151416!important}

/* Hero question: the one place for red mono capitals. */
html body h1.c-question,html body h1.c-question *{font-family:var(--v2-mono)!important;text-transform:uppercase!important;color:var(--red,#ff2201)!important;letter-spacing:.02em!important;font-size:13px!important;font-weight:400!important}

/* Mobile header: Menu left, wordmark centred, Avvisami right. Status and clock live in the menu. */
@media(max-width:760px){
 html body .c-header .na-preorder-state,html body .c-header .na-preorder-clock{display:none!important}
 html body .c-header .c-menu-trigger{border:0!important;background:transparent!important;padding:0!important;top:50%!important;transform:translateY(-50%)!important;height:auto!important;min-height:0!important;color:var(--v2-ink)!important;font-size:13px!important}
 html body .c-header .c-brand{top:50%!important;transform:translateY(-50%)!important}
 html body .c-header .na-header-action{position:absolute!important;right:19px!important;top:50%!important;transform:translateY(-50%)!important}
}

@media(max-width:760px){
 html body .c-header .na-header-action{position:fixed!important;right:19px!important;left:auto!important;top:calc(var(--header-clearance) / 2)!important;transform:translateY(-50%)!important}
}
/* Archive: facts sit above the stamp, never under it. */
html body .c-archive-page .c-archive-meta{z-index:2!important;opacity:1!important}

html body .c-archive-page .c-archive-meta h2{font-size:14px!important;letter-spacing:-.01em!important;margin-bottom:6px!important}
html body .c-archive-page .c-archive-facts span{font-size:11px!important;white-space:nowrap}
html body .c-archive-page .c-archive-facts{display:none!important}
@media(max-width:760px){html body .c-header .c-brand,html body .c-header .na-logo-name{width:112px!important;height:auto!important}html body .c-header .c-brand{left:50%!important;transform:translate(-50%,-50%)!important}}

html body .menu-links a{font-size:30px!important;letter-spacing:-.03em!important;line-height:1.1!important;font-weight:400!important}

/* Header edge: a hairline, barely there. */
html body .c-header.site-header,html body .c-header.site-header.header-clock-managed{border-bottom:.5px solid rgba(255,255,255,.07)!important;box-shadow:none!important}
html body .c-header.site-header::after{border:0!important;box-shadow:none!important}
html body :is(#footer,[data-cut=footer]),html body :is(#footer,[data-cut=footer]) .nf,html body .site-footer{border-top:.5px solid rgba(255,255,255,.07)!important;box-shadow:none!important}
html body :is(#footer,[data-cut=footer]) .nf{border-top:0!important}

/* ---------- 02/11 sera ---------- */

/* Bigger titles. */
html body :is(h1,h2,.display-title,.c-scene-title,.stamp-story-title,.c-archive-name){font-size:clamp(32px,3.4vw,56px)!important}
html body .letterbox-hero h1,html body .letterbox-hero h1 *{font-size:clamp(40px,4.4vw,72px)!important;font-weight:500!important}

/* Hover: no motion. Links and nav turn red, nothing slides or draws. */
html body :is(a,button,summary):not(:has(img,video,picture,.c-archive-stamp,.c-photo)){transition:color .15s ease-out,opacity .15s ease-out!important}
html body :is(a,button):not(:has(img,video,picture,.c-archive-stamp,.c-photo))::before,html body :is(a,button):not(:has(img,video,picture,.c-archive-stamp,.c-photo))::after{transition:none!important;animation:none!important}
html body .c-header .c-nav a::after{display:none!important}
@media(hover:hover){
 html body .c-header .c-nav a:hover,html body .c-header .c-nav a:hover *{color:var(--red,#ff2201)!important;opacity:1!important}
 html body :is(.nf-cols a,.nf-cols button,.menu-links a,.c-inline-action,.text-link,.na-faq-nudge,.na-faq-more,.c-hero-preorder):hover{color:var(--red,#ff2201)!important;opacity:1!important}
 html body :is(.na-faq-nudge,.na-faq-more,.c-inline-action,.text-link):hover{background-size:100% 1px!important}
}

/* Hero: "Guarda il film" is a quiet word, "Preordina" is the button. */
html body .c-film-controls>button:first-child{text-decoration:none!important;color:rgba(242,240,233,.62)!important}
@media(hover:hover){html body .c-film-controls>button:first-child:hover{color:#f2f0e9!important}}
html body .c-home-film .c-hero-preorder{background:#f2f0e9!important;color:#151416!important;text-decoration:none!important;padding:11px 18px!important;font-size:13px!important;border-radius:0!important}
html body .c-home-film .c-hero-preorder *{color:#151416!important}
@media(hover:hover){html body .c-home-film .c-hero-preorder:hover{background:#fff!important;color:#151416!important}}

/* Product photo: no code in the corner. */
html body .c-product-visual .c-image-index,html body .c-product-views>:not(button){display:none!important}

/* Text on photos: no shadow; the photo dims a little behind it instead. */
html body .c-scene:has(.c-photo) *,html body .c-product-views,html body .c-overprint{text-shadow:none!important}
html body .c-scene .c-photo img{filter:none!important}
html body :is(.c-overprint,.c-split-copy,.c-copy-column) :is(p,span,li){font-size:15px!important;line-height:1.5!important}

/* Footer: crisp wordmark, library care symbols. */
html body .nf-word img{opacity:.5!important}
html body .nf-icons{gap:14px!important}
html body .nf-icons svg{width:30px!important;height:30px!important;fill:currentColor!important;stroke:none!important}

/* Letterbox: the form sits on the photo. */
html body .letterbox-page .letterbox-writing,html body .letterbox-page .letterbox-aside{display:none!important}
html body .letterbox-page .letterbox-hero{position:relative!important;min-height:calc(100svh - var(--header-clearance))!important;height:auto!important;display:block!important;padding:clamp(56px,8vw,120px) clamp(20px,5vw,80px) clamp(64px,8vw,120px)!important;overflow:hidden}
html body .letterbox-page .letterbox-hero{isolation:isolate}html body .letterbox-page .letterbox-hero-image{position:absolute!important;inset:0!important;margin:0!important;z-index:0!important}
html body .letterbox-page .letterbox-hero-image img{width:100%!important;height:100%!important;object-fit:cover!important;filter:brightness(.42)!important}
html body .letterbox-page .letterbox-hero-copy{position:relative!important;z-index:2!important;max-width:620px;inset:auto!important;transform:none!important}
html body .letterbox-page .letterbox-eyebrow{color:rgba(242,240,233,.6)!important;margin-bottom:18px!important}
html body .letterbox-page .letterbox-invitation{margin:14px 0 48px!important;color:rgba(242,240,233,.75)!important}
html body .letterbox-page .letterbox-form-wrap{margin:0!important;padding:0!important;max-width:none}
html body .letterbox-page .letterbox-label{color:rgba(242,240,233,.6)!important}

/* FAQ: a full page over the site, not a side drawer. */
html body .na-faq-dialog[open]{inset:0!important;left:0!important;right:0!important;top:0!important;width:100vw!important;max-width:none!important;height:100svh!important;max-height:none!important;margin:0!important;transform:none!important;border:0!important;background:#151416!important;overscroll-behavior:contain}
html body .na-faq-dialog #faq-content{max-width:760px!important;margin:0 auto!important;padding:clamp(48px,8vh,96px) 20px 80px!important}
html body .na-faq-dialog::backdrop{background:#151416!important}
/* PDP: no status dot, no single-colour picker. */
html body .em-buy-status>span:nth-child(n+2){display:none!important}
html body .em-colour{display:none!important}
html body :is(:is(#main,[data-cut=main]),dialog,.na-page-cut) :is(h1,h2,h3){text-transform:none!important}
/* Titles: beat the older size rule; intro titles stay large like the original cut. */
html:root body :is(h1,h2,.display-title,.c-scene-title,.stamp-story-title,.c-archive-name){font-size:clamp(32px,3.4vw,56px)!important}
html:root body :is(.c-intro,.c-manifesto-intro) .c-scene-title{font-size:clamp(56px,7vw,112px)!important;letter-spacing:-.045em!important;line-height:.98!important}
html:root body h1.c-question,html:root body h1.c-question *{font-size:13px!important}
html:root body .em-buy h1{font-size:clamp(28px,2.6vw,40px)!important}
html:root body .c-archive-page .c-archive-meta h2{font-size:14px!important}
html:root body .c-home-stamp-copy h2{font-size:clamp(24px,2.2vw,34px)!important}
/* Title lines take the title's size (span rules were shrinking them) */
html:root body [data-night-lines] :is(.na-line,.na-line-inner){font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;font-weight:inherit!important;color:inherit!important}
/* FAQ page: the contact line sits at the end, not pinned over the questions */
html:root body .na-faq-foot{position:static!important;background:none!important;backdrop-filter:none!important;margin:56px 0 0!important;padding:24px 0 calc(26px + env(safe-area-inset-bottom))!important}
/* The home stamp keeps Ale's hover: the second print slides over the first */
html:root body .c-home-stamp-card{transition:--stamp-front 1s cubic-bezier(.22,.7,.18,1)!important}
/* More room under the home stamp before the footer */
html:root body .c-home-stamp{padding-bottom:clamp(96px,10vw,176px)!important}

/* Archive: stamp on top, small centred code underneath, one-line "Coming soon", no other info */
html:root body .c-archive-page .c-archive-stamp{inset:0 0 34px 0!important;transition:transform .5s cubic-bezier(.22,.7,.18,1)!important}
html:root body .c-archive-page .c-archive-meta{top:auto!important;bottom:0!important;left:0!important;right:0!important;text-align:center!important;display:flex!important;justify-content:center!important}
html:root body .c-archive-page .c-archive-meta h2{font-size:13px!important;font-weight:400!important;color:var(--v2-mid)!important;margin:0!important}
html:root body .c-archive-page .c-archive-item:is(:hover,:focus-visible) .c-archive-meta h2{color:var(--v2-ink)!important}
html:root body .c-archive-page .c-archive-item:is(:hover,:focus-visible) .c-archive-stamp{transform:translateY(-10px)!important}
html:root body .c-archive-page :is(.c-archive-facts,.c-coming-soon small){display:none!important}
html:root body .c-archive-page .c-coming-soon span{white-space:nowrap!important;font-size:13px!important}
/* Product page: button sized to its label, smaller section title */
html:root body .em-buy :is(.btn,button[type=submit],[data-wait-button]){width:auto!important;min-width:0!important;align-self:flex-start!important;justify-self:start!important;padding:14px 32px!important}
html:root body .em-buy :is(.em-details-heading,h2){font-size:clamp(20px,1.6vw,26px)!important;font-weight:500!important}
html:root body .em-buy [data-night-lines] :is(.na-line,.na-line-inner){font-size:inherit!important}
/* Manifesto closing "Don't Sleep." on Ink */
html:root body .c-manifesto-seal{background:#151416!important}
/* Text appears: fade, 4px blur and 12px rise, 100ms apart */
@media (prefers-reduced-motion:no-preference){
 html.na-touch [data-na-appear]{opacity:0;filter:blur(4px);translate:0 12px;transition:opacity .6s ease-out,filter .6s ease-out,translate .6s cubic-bezier(.2,0,0,1)!important;transition-delay:calc(min(var(--appear-i,0),6)*100ms)!important}
 html.na-touch [data-na-appear].na-appear-in{opacity:1;filter:none;translate:0 0}
}
/* Letterbox copy sits over the photo but stays clickable */
html:root body .letterbox-page .letterbox-hero-copy,html:root body .letterbox-page .letterbox-hero-copy *{pointer-events:auto!important}
/* Photos are not draggable */
html body img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}
/* Letterbox helper lines: small and grey under the fields */
html:root body .letterbox-hero :is(.letterbox-hint,.letterbox-demo-note){font-size:12px!important;line-height:1.5!important;color:rgba(242,240,233,.5)!important;margin-top:8px!important}
/* Description is one of the product accordions */
html:root body .c-product-info details.em-description{margin:28px 0 0!important}
html:root body details.em-description .em-introduction{padding:0 0 22px!important;max-width:58ch!important;font-size:14px!important;color:var(--v2-mid)!important}
html:root body details.em-description .em-introduction p{color:inherit!important}
/* Text links: hover is colour only, nothing moves */
html:root body :is(a,button):not(:has(img,video,picture,.c-archive-stamp,.c-photo)):is(:hover,:focus-visible),html:root body :is(a,button):not(:has(img,video,picture,.c-archive-stamp,.c-photo)):is(:hover,:focus-visible) *{transform:none!important;translate:none!important}
/* Product panel hierarchy: title white, buy button bright, everything around it grey */
html:root body .em-buy :is(.em-price,[class*=price]){color:var(--v2-mid)!important}
html:root body .em-buy :is([data-open-size],.na-faq-nudge){color:var(--v2-mid)!important}
html:root body .em-buy :is([data-open-size],.na-faq-nudge):is(:hover,:focus-visible),html:root body .em-buy .na-faq-nudge:hover span{color:var(--red)!important}
html:root body .em-buy .em-specification summary{color:var(--v2-ink)!important}
/* Footer base line: place left, © centred, language at the far right */
html:root body .nf-meta{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important}
html:root body .nf-meta>:first-child{justify-self:start!important}
html:root body .nf-meta>:nth-child(2){justify-self:center!important;text-align:center!important}
html:root body .nf-meta>.lang-switch{justify-self:end!important}
/* Everything sits on Ink #151416, no Ink (Ale 03/11), gutters between photos included */
html:root,html:root body,html:root body :is(#main,[data-cut=main]),html:root body :is(.cinema-page,.c-scene,.c-split,.c-home-stamp,.c-purchase-end,.em-buy,.c-product-info,.c-archive-page,.letterbox-page){background-color:#151416!important}
html:root body{--ink:#151416!important;--surface:#151416!important;--cinema-ink:#151416!important}
html:root body :is(.c-photo,.c-product-visual,.letterbox-hero,.letterbox-hero-image,.c-home-film){background-color:#151416!important}
/* Form labels: white, sitting right above their field */
html:root body :is(.letterbox-label,.field-label){color:var(--v2-ink)!important;margin-bottom:2px!important}
html:root body .letterbox-field :is(input,select){min-height:0!important;height:auto!important;padding:4px 0 10px!important;line-height:1.4!important}
html:root body .letterbox-field textarea{padding-top:4px!important}
html:root body :is(.field,.emission-faq-signup-row) .input{min-height:0!important;padding:4px 0 10px!important}
html:root body :is(.input,input[type=email],input[type=text]):not(.nf-input,[class*=nf-]){border:0!important;border-bottom:1px solid rgba(242,240,233,.24)!important;background:transparent!important;padding:4px 0 10px!important;min-height:0!important;font-size:16px!important}
html:root body :is(.input,input[type=email],input[type=text]):focus-visible{outline:0!important;border-bottom-color:var(--v2-ink)!important}
/* Waiting list: same as the letterbox — full-bleed dark photo, copy and form over it */
html:root body .waitlist-layout{position:relative!important;display:block!important;min-height:calc(100svh - var(--header-clearance,56px))!important;padding:clamp(56px,8vw,120px) clamp(20px,5vw,80px)!important;overflow:hidden;isolation:isolate}
html:root body .waitlist-layout .waitlist-visual{position:absolute!important;inset:0!important;min-height:0!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;margin:0!important;z-index:0!important;background:#151416!important}
html:root body .waitlist-layout .waitlist-visual img{width:100%!important;height:100%!important;object-fit:cover!important;filter:brightness(.42)!important}
html:root body .waitlist-layout .waitlist-visual .quote{display:none!important}
html:root body .waitlist-layout .waitlist-content{position:relative!important;z-index:2!important;max-width:620px!important;display:block!important}
html:root body .waitlist-layout .waitlist-content :is(h1,h2,.display-title){font-size:clamp(40px,4.4vw,72px)!important;font-weight:500!important;line-height:1.05!important;margin:16px 0 20px!important}
html:root body .waitlist-layout .waitlist-content :is(.btn,button[type=submit]){border:0!important;background:transparent!important;color:var(--v2-ink)!important;padding:0!important;min-height:0!important;font-size:16px!important;text-decoration:underline!important;text-underline-offset:6px!important;text-decoration-color:rgba(242,240,233,.5)!important;width:auto!important;margin-top:8px}
html:root body .waitlist-layout .waitlist-content :is(.btn,button[type=submit]):hover{color:var(--red)!important}
html:root body .waitlist-layout .waitlist-content :is(.small-copy,p:last-child,.check-row){font-size:12px!important;color:rgba(242,240,233,.5)!important}
html:root body .waitlist-layout .check-row input{appearance:none;-webkit-appearance:none;width:14px!important;height:14px!important;border:1px solid rgba(242,240,233,.5);background:transparent;margin-top:1px!important;cursor:pointer}
html:root body .waitlist-layout .check-row input:checked{background:var(--v2-ink);box-shadow:inset 0 0 0 2px #151416}
html:root body .waitlist-layout .waitlist-visual img{position:absolute!important;inset:0!important;aspect-ratio:auto!important;max-height:none!important}
/* ---------- Cart drawer & checkout: black, quiet, one bright action ---------- */
html:root body #cart-dialog{background:#151416!important;color:var(--v2-ink)!important;border-left:.5px solid rgba(255,255,255,.1)!important;box-shadow:none!important;width:min(480px,100%)!important;padding:0!important;flex-direction:column}
html:root body #cart-dialog[open]{display:flex!important}
html:root body #cart-dialog::backdrop{background:rgba(0,0,0,.6)!important;backdrop-filter:blur(6px)}
html:root body #cart-dialog .dialog-heading{padding:22px 28px!important;margin:0!important;border-bottom:.5px solid rgba(255,255,255,.1)!important;align-items:center!important}
html:root body #cart-dialog .dialog-heading h2{font-size:14px!important;font-weight:400!important;letter-spacing:-.01em!important;color:var(--v2-ink)!important}
html:root body #cart-dialog .dialog-heading .icon-button{width:auto!important;height:auto!important;font-size:0!important;background:none!important;color:var(--v2-mid)!important}
html:root body #cart-dialog .dialog-heading .icon-button::after{content:'Chiudi';font-size:13px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(242,240,233,.35)}
html:root[lang=en] body #cart-dialog .dialog-heading .icon-button::after{content:'Close'}
html:root body #cart-dialog .dialog-heading .icon-button:hover{color:var(--red)!important}
html:root body #cart-content{flex:1;display:flex;flex-direction:column;padding:0 28px 28px!important;overflow:auto;overscroll-behavior:contain}
html:root body :is(#cart-content,.order-summary) .cart-item{display:grid!important;grid-template-columns:72px 1fr auto!important;gap:18px!important;padding:24px 0!important;border-bottom:.5px solid rgba(255,255,255,.1)!important;align-items:start!important}
html:root body :is(#cart-content,.order-summary) .cart-item-image{width:72px!important;aspect-ratio:4/5!important;object-fit:cover!important;outline:1px solid rgba(255,255,255,.08);outline-offset:-1px}
html:root body :is(#cart-content,.order-summary) .cart-item-info .field-label{font-size:14px!important;color:var(--v2-ink)!important;margin:0 0 4px!important}
html:root body :is(#cart-content,.order-summary) .cart-item-info .small-copy{font-size:13px!important;color:var(--v2-mid)!important;margin:0!important}
html:root body :is(#cart-content,.order-summary) .cart-item-price{font-size:14px!important;color:var(--v2-ink)!important;font-variant-numeric:tabular-nums}
html:root body #cart-content .cart-item-controls{display:flex!important;align-items:center!important;gap:20px!important;margin-top:14px!important}
html:root body #cart-content .quantity-control{display:inline-flex!important;align-items:center!important;gap:14px!important;border:0!important;padding:0!important;font-size:13px!important;color:var(--v2-ink)!important;font-variant-numeric:tabular-nums}
html:root body #cart-content .quantity-control button{width:24px!important;height:24px!important;min-height:0!important;padding:0!important;border:.5px solid rgba(255,255,255,.2)!important;border-radius:0!important;color:var(--v2-ink)!important;font-size:13px!important;line-height:1!important;display:grid;place-items:center}
html:root body #cart-content .quantity-control button:hover:not(:disabled){border-color:var(--v2-ink)!important}
html:root body #cart-content .quantity-control button:disabled{opacity:.3}
html:root body #cart-content .text-button{font-size:13px!important;color:var(--v2-mid)!important;text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(242,240,233,.3);padding:0!important}
html:root body #cart-content .text-button:hover{color:var(--red)!important}
html:root body #cart-content .cart-summary{margin-top:auto!important;padding-top:28px!important}
html:root body :is(#cart-content,.order-summary,.checkout-page) .summary-line{display:flex!important;justify-content:space-between!important;align-items:baseline!important;font-size:14px!important;color:var(--v2-ink)!important;padding:0 0 14px!important;border:0!important;margin:0!important}
html:root body :is(#cart-content,.order-summary,.checkout-page) .summary-line strong{font-weight:400!important;font-variant-numeric:tabular-nums}
html:root body :is(#cart-content,.order-summary) .cart-summary .small-copy,html:root body .order-summary>.small-copy{font-size:12px!important;line-height:1.6!important;color:var(--v2-mid)!important;margin:0 0 6px!important}
html:root body :is(#cart-content,.checkout-page,.confirmation-page) .btn{width:100%!important;justify-content:center!important;margin-top:22px!important;padding:16px 24px!important;min-height:0!important;font-size:14px!important;border:0!important}
html:root body #cart-content .empty-state{margin:auto 0!important;padding:40px 0!important}
html:root body #cart-content .empty-state :is(.display-title,h2){font-size:clamp(28px,2.4vw,36px)!important;font-weight:500!important;line-height:1.1!important;margin:12px 0!important}
html:root body #cart-content .empty-state .body-copy{font-size:14px!important;color:var(--v2-mid)!important}

/* Checkout / confirmation pages */
html:root body :is(.checkout-page,.confirmation-page){background:#151416!important;padding:clamp(56px,7vw,112px) clamp(20px,5vw,80px)!important;min-height:calc(100svh - 56px)}
html:root body :is(.checkout-page,.confirmation-page) .section-kicker{font-size:13px!important;color:var(--v2-mid)!important}
html:root body :is(.checkout-page,.confirmation-page) .section-kicker .rule{display:none!important}
html:root body :is(.checkout-page,.confirmation-page) h1.display-title{font-size:clamp(40px,4.4vw,72px)!important;font-weight:500!important;line-height:1.05!important;margin:14px 0 28px!important;max-width:14ch}
html:root body .checkout-page .demo-notice{border:0!important;background:none!important;padding:0!important;margin:0 0 48px!important;max-width:560px}
html:root body .checkout-page .demo-notice :is(.field-label,strong){font-size:12px!important;color:var(--red)!important;font-weight:400!important}
html:root body .checkout-page .demo-notice .small-copy{font-size:12px!important;color:var(--v2-mid)!important}
html:root body :is(.checkout-layout,.confirmation-layout){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(320px,420px)!important;gap:clamp(40px,8vw,140px)!important;align-items:start!important}
html:root body :is(.checkout-payment,.confirmation-layout>div) h2{font-size:clamp(22px,1.8vw,28px)!important;font-weight:500!important;margin:0 0 12px!important}
html:root body :is(.checkout-payment,.confirmation-page) .body-copy{font-size:14px!important;color:var(--v2-mid)!important;max-width:52ch}
html:root body .checkout-payment form{margin-top:28px!important;max-width:520px}
html:root body .checkout-payment .check-row{font-size:13px!important;color:var(--v2-ink)!important;gap:12px!important}
html:root body :is(.checkout-payment,.waitlist-layout,.emission-faq) .check-row input{appearance:none;-webkit-appearance:none;width:14px!important;height:14px!important;border:1px solid rgba(242,240,233,.5)!important;background:transparent!important;margin-top:3px!important;cursor:pointer;flex-shrink:0}
html:root body :is(.checkout-payment,.waitlist-layout,.emission-faq) .check-row input:checked{background:var(--v2-ink)!important;box-shadow:inset 0 0 0 2px #151416}
html:root body .checkout-payment .btn{width:auto!important;padding:16px 32px!important}
html:root body :is(.checkout-payment,.confirmation-page) .text-link{display:inline-block;margin-top:24px!important;font-size:13px!important;color:var(--v2-mid)!important}
html:root body :is(.checkout-payment,.confirmation-page) .text-link:hover{color:var(--red)!important}
html:root body .order-summary{border:0!important;border-top:.5px solid rgba(255,255,255,.14)!important;background:none!important;padding:20px 0 0!important}
html:root body .order-summary>h2.field-label{font-size:13px!important;color:var(--v2-mid)!important;margin:0!important}
html:root body .order-summary .summary-line{padding-top:20px!important}
html:root body .confirmation-page .order-id{font-family:var(--v2-mono)!important;font-size:13px!important;color:var(--v2-ink)!important;margin:4px 0 28px!important}
@media (max-width:800px){html:root body :is(.checkout-layout,.confirmation-layout){grid-template-columns:1fr!important}}
/* No rounded corners anywhere, as in the design */
html:root body *:not(.c-archive-stamp):not(.c-archive-stamp *),html:root body *::before,html:root body *::after{border-radius:0!important}
html:root body .letterbox-page .letterbox-eyebrow{display:none!important}
html:root body #cart-dialog .icon-button:focus-visible{outline:0!important;color:var(--red)!important}

/* ---------- FAQ page: fixed side column, numbered questions ---------- */
html:root body #faq-content{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
html:root body .na-faq-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.4fr);gap:clamp(40px,8vw,160px);padding:clamp(28px,4vw,56px) clamp(20px,5vw,80px) 80px;min-height:100svh;counter-reset:faq}
html:root body .na-faq-side{position:sticky;top:clamp(28px,4vw,56px);align-self:start;display:flex;flex-direction:column;min-height:calc(100svh - 2*clamp(28px,4vw,56px))}
html:root body .na-faq-head{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;border:0!important;padding:0!important;margin:0!important}
html:root body .na-faq-kicker{font-size:13px!important;color:var(--v2-mid)!important;margin:0 0 14px!important}
html:root body .na-faq-head :is(h1,h2){font-size:clamp(48px,5.6vw,96px)!important;font-weight:500!important;line-height:.98!important;letter-spacing:-.035em!important}
html:root body .na-faq-close{font-size:13px!important;color:var(--v2-mid)!important;text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(242,240,233,.3)}
html:root body .na-faq-close:hover{color:var(--red)!important}
html:root body .na-faq-intro{font-size:16px!important;color:var(--v2-mid)!important;margin:24px 0 0!important;max-width:30ch}
html:root body .na-faq-foot{margin-top:auto!important;padding:40px 0 0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;border:0!important}
html:root body .na-faq-foot p{font-size:13px!important;color:var(--v2-mid)!important;margin:0 0 4px!important}
html:root body .na-faq-foot a{font-size:15px!important;min-height:0!important;color:var(--v2-ink)!important}
html:root body .na-faq-foot a:hover{color:var(--red)!important}
html:root body .na-faq-body{padding-top:6px}
html:root body .na-faq-group{margin:0 0 56px!important}
html:root body .na-faq-group-title{font-size:13px!important;color:var(--v2-mid)!important;margin:0 0 6px!important;padding:0!important;border:0!important}
html:root body .na-faq-list details{border:0!important;border-top:.5px solid rgba(255,255,255,.14)!important;counter-increment:faq}
html:root body .na-faq-list details:last-child{border-bottom:.5px solid rgba(255,255,255,.14)!important}
html:root body .na-faq-list summary{display:grid!important;grid-template-columns:44px 1fr 20px!important;align-items:baseline!important;padding:22px 0!important;font-size:clamp(17px,1.4vw,20px)!important;color:var(--v2-ink)!important;cursor:pointer;list-style:none}
html:root body .na-faq-list summary::before{content:counter(faq,decimal-leading-zero);font-family:var(--v2-mono);font-size:11px;color:var(--v2-mid);letter-spacing:0}
html:root body .na-faq-list summary::after{content:''!important;position:static!important;width:11px;height:11px;justify-self:end;align-self:center;background:linear-gradient(currentColor,currentColor) center/100% 1px no-repeat,linear-gradient(currentColor,currentColor) center/1px 100% no-repeat;transition:rotate .35s cubic-bezier(.2,0,0,1),color .15s}
html:root body .na-faq-list details[open] summary::after{rotate:45deg;color:var(--red)}
html:root body .na-faq-list summary:hover{color:var(--red)!important}
html:root body .na-faq-list summary>span[aria-hidden]{display:none!important}
html:root body .na-faq-list .answer{padding:0 20px 26px 44px!important;font-size:15px!important;line-height:1.6!important;color:var(--v2-mid)!important;max-width:62ch}
html:root body .na-faq-list .answer :is(p,a){color:inherit!important}
html:root body .na-faq-list .answer a{color:var(--v2-ink)!important;text-decoration:underline;text-underline-offset:4px}
@supports (interpolate-size:allow-keywords){
 html:root body .na-faq-dialog{interpolate-size:allow-keywords}
 html:root body .na-faq-list details::details-content{block-size:0;overflow:clip;opacity:0;transition:block-size .45s cubic-bezier(.2,0,0,1),opacity .3s ease-out,content-visibility .45s allow-discrete}
 html:root body .na-faq-list details[open]::details-content{block-size:auto;opacity:1}
}
@media (max-width:860px){
 html:root body .na-faq-layout{grid-template-columns:1fr;gap:40px;padding:20px 20px 60px}
 html:root body .na-faq-side{position:static;min-height:0}
 html:root body .na-faq-foot{margin-top:28px!important;padding-top:0!important}
 html:root body .na-faq-list summary{grid-template-columns:34px 1fr 18px!important;font-size:16px!important}
 html:root body .na-faq-list .answer{padding-left:34px!important}
}

/* ---------- Footer: bright wordmark that rises in, care label as a woven tag ---------- */
html:root body .nf-word{overflow:hidden;padding:clamp(40px,6vw,96px) 0 clamp(32px,4vw,64px)!important}
html:root body .nf-word img{opacity:1!important;filter:none!important}
html:root body .nf-care{padding:0 0 clamp(48px,6vw,96px)!important;display:flex!important;justify-content:center!important}
html:root body .nf-tag{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 28px 16px;border:.5px solid rgba(242,240,233,.28);text-align:center;color:var(--v2-mid)}
html:root body .nf-tag::before{content:'';position:absolute;inset:4px;border:.5px dashed rgba(242,240,233,.18);pointer-events:none}
html:root body .nf-tag :is(p,span){font-size:12px!important;line-height:1.4!important;color:var(--v2-mid)!important;letter-spacing:-.005em!important;margin:0!important;text-transform:none!important}
html:root body .nf-tag .nf-tag-code{font-family:var(--v2-mono)!important;font-size:11px!important;color:var(--v2-ink)!important;letter-spacing:0!important}
html:root body .nf-tag .nf-icons{gap:12px!important;margin:4px 0;color:var(--v2-ink)}
html:root body .nf-tag .nf-icons svg{width:24px!important;height:24px!important}
@media (prefers-reduced-motion:no-preference){
 html:root body .nf-word img{clip-path:inset(100% 0 0 0);translate:0 18%;transition:clip-path 1.1s cubic-bezier(.2,0,0,1),translate 1.1s cubic-bezier(.2,0,0,1)}
 html:root body .nf-word.nf-in img{clip-path:inset(0 0 0 0);translate:0 0}
 html:root body .nf-tag{opacity:0;translate:0 12px;transition:opacity .6s ease-out .25s,translate .6s cubic-bezier(.2,0,0,1) .25s}
 html:root body .nf-tag.nf-in{opacity:1;translate:0 0}
 html:root body .nf-tag .nf-icons svg{opacity:0;scale:.6;filter:blur(4px);transition:opacity .4s ease-out,scale .4s cubic-bezier(.2,0,0,1),filter .4s ease-out}
 html:root body .nf-tag.nf-in .nf-icons svg{opacity:1;scale:1;filter:none}
 html:root body .nf-tag.nf-in .nf-icons svg:nth-child(1){transition-delay:.45s}
 html:root body .nf-tag.nf-in .nf-icons svg:nth-child(2){transition-delay:.55s}
 html:root body .nf-tag.nf-in .nf-icons svg:nth-child(3){transition-delay:.65s}
 html:root body .nf-tag.nf-in .nf-icons svg:nth-child(4){transition-delay:.75s}
 html:root body .nf-tag.nf-in .nf-icons svg:nth-child(5){transition-delay:.85s}
}
html:root body .na-faq-list summary{column-gap:0!important;grid-template-columns:60px 1fr 20px!important}
html:root body .na-faq-list summary::after{transform:none!important}
html:root body .na-faq-list .answer{padding-left:60px!important}
@media (max-width:860px){html:root body .na-faq-list summary{grid-template-columns:40px 1fr 18px!important}html:root body .na-faq-list .answer{padding-left:40px!important}}
html:root body #cart-dialog:not([open]){display:none!important}

/* Type (02/11, Ale): all IBM Plex Mono, hierarchy by weight (Stone Island).
   Zero drawn with Noto Sans Mono. Sentence case stays. */
@font-face{font-family:'Plex';src:url('assets/IBMPlexMono-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Plex';src:url('assets/IBMPlexMono-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Plex';src:url('assets/IBMPlexMono-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'PlexZero';src:url('assets/NotoSansMono-Regular-zero.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0030}
@font-face{font-family:'PlexZero';src:url('assets/NotoSansMono-Medium-zero.woff2') format('woff2');font-weight:500;font-display:swap;unicode-range:U+0030}
@font-face{font-family:'PlexZero';src:url('assets/NotoSansMono-Bold-zero.woff2') format('woff2');font-weight:700;font-display:swap;unicode-range:U+0030}
html:root{--plex:'PlexZero','Plex',ui-monospace,monospace;--mono:var(--plex)!important;--font:var(--plex)!important;--sans:var(--plex)!important;--v2-mono:var(--plex)}
html:root body,html:root body *:not(svg):not(svg *){font-family:var(--plex)!important;letter-spacing:-.01em!important}
html:root body{font-weight:400}
/* Weights: titles bold, names, prices and actions medium, reading text regular. */
html:root body :is(h1,h2,.display-title,.c-scene-title,.c-archive-title,.stamp-story-title,.na-faq-head :is(h1,h2)){font-weight:700!important;letter-spacing:-.03em!important}
html:root body :is(h3,summary,button,.btn,.em-buy h1,.em-price,.cart-item h3,.field-label,.letterbox-label,.c-header a,.nf-col h3,strong,b){font-weight:500!important}
html:root body .c-header :is(a,button,span,div,nav,aside,time){font-family:var(--plex)!important;font-weight:400!important;letter-spacing:0!important}
html:root body .c-header :is(a[aria-current],.is-active){font-weight:500!important}
html:root body :is(#footer,[data-cut=footer]) .nf-cols nav :is(button,a){font-weight:400!important}
html:root body .em-buy .em-price{font-size:14px!important;color:rgba(242,240,233,.6)!important}
html:root body .c-manifesto-intro .c-scene-title{font-size:clamp(48px,5.8vw,104px)!important}
html:root body :is(.c-header,#na-x) :is(a,button,span,div,nav,aside,time):not(svg *){text-transform:uppercase!important;letter-spacing:.06em!important}
/* Round on purpose: the lens and the little dots stay circles. */
html:root body .c-lens.c-lens.c-lens,html:root body .c-lens.c-lens.c-lens :is(div,span,canvas,img){border-radius:50%!important}
html:root body :is(.na-dot,.status-dot,.c-dock-status i,.preorder-status i,.nav-pin):is(.na-dot,.status-dot,i,.nav-pin):is(*,#na-x){border-radius:50%!important}
html:root body .na-gallery-dots.na-gallery-dots button::after{border-radius:50%!important}

/* Caps like Stone Island (02/11): names, labels, prices and actions in
   capitals; descriptive sentences stay in sentence case. */
html:root body :is(.c-header,#main,[data-cut=main],#footer,[data-cut=footer],dialog,#faq-content,.na-page-cut,#na-x) :is(h1,h2,h3,h4,summary,button,.btn,label,th,dt,.field-label,.letterbox-label,.nf-label,.nf-cols a,.nf-meta,.nf-tag,.text-link,.em-text-link,.editorial-link,.c-inline-action,.c-text-action,.c-stamp-link,.c-eyebrow,.section-kicker,.na-faq-kicker,.na-faq-group-title,.em-price,.em-option-label,.em-caption,.em-buy-status,.cart-item-price,.c-archive-meta,.c-archive-count,.c-coming-soon,.size-label-row,.menu-links a,.na-faq-nudge,.na-faq-more,.na-faq-foot a,a[href^="#/"]:not(p a,li a,.nf-word),.letterbox-eyebrow,.meta-number,.c-question):not(svg *),
html:root body :is(.c-header,#main,[data-cut=main],#footer,[data-cut=footer],dialog,#faq-content,.na-page-cut,#na-x) :is(h1,h2,h3,h4,summary,button,.btn,label,th,dt,.text-link,.c-inline-action,.c-text-action,.c-stamp-link,.em-price,.c-archive-meta,.c-coming-soon,.nf-cols a,.nf-meta,.nf-tag,a[href^="#/"]:not(p a,li a)) *:not(svg):not(svg *){text-transform:uppercase!important;letter-spacing:.02em!important}
/* Sentences inside those stay as written. */
html:root body :is(#main,#footer,dialog,#faq-content,#na-x) :is(.answer,.em-prose,.check-row span,.em-description .em-prose) :is(p,span,a,li):not(svg *){text-transform:none!important;letter-spacing:-.01em!important}
html:root body :is(#main,#footer,dialog,#faq-content,#na-x) label.check-row:not(svg *){text-transform:none!important;letter-spacing:-.01em!important}
/* Big titles: caps, tight. */
html:root body :is(#main,[data-cut=main],#footer,dialog,#faq-content,.na-page-cut,#na-x) :is(h1,h2,.display-title,.c-scene-title,.stamp-story-title) :is(*,#na-x){letter-spacing:-.02em!important}
html:root body :is(#main,[data-cut=main],#footer,dialog,#faq-content,.na-page-cut,#na-x) :is(h1,h2,.display-title,.c-scene-title,.stamp-story-title){letter-spacing:-.02em!important}
html:root body :is(#main,[data-cut=main],#na-x) .em-buy-status *:not(svg):not(svg *){text-transform:uppercase!important;letter-spacing:.02em!important}
html:root body :is(#main,[data-cut=main],#na-x) .em-buy h1{font-weight:700!important}

/* Bag in the header: appears once something is in it, the number flashes red when it changes. */
html body .c-header .na-header-cart{display:inline-flex;align-items:center;min-height:26px;padding:0;border:0;background:transparent;color:var(--v2-ink)!important;cursor:pointer;white-space:nowrap}
html body .c-header .na-header-cart *{color:inherit!important}
html body .c-header .na-header-cart[hidden]{display:none!important}
html body .c-header .na-header-cart.na-cart-flash [data-cart-count]{animation:na-cart-flash 1.4s ease-out both}
@keyframes na-cart-flash{0%,45%{color:var(--red,#ff2201)}100%{color:var(--v2-ink)}}
@media(hover:hover){html body .c-header .na-header-cart:hover{color:var(--red,#ff2201)!important}}
@media(max-width:760px){
 html.na-has-cart body .c-header .na-header-action{display:none!important}
 html body .c-header .na-header-cart{position:fixed!important;right:19px!important;top:calc(var(--header-clearance) / 2)!important;transform:translateY(-50%)!important}
}

/* Two voices (02/11, Ale): sentences in IBM Plex Sans, everything in capitals stays mono.
   night-touch.js marks the sentences with .na-read. */
@font-face{font-family:'PlexSans';src:url('assets/IBMPlexSans-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'PlexSans';src:url('assets/IBMPlexSans-400i.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'PlexSans';src:url('assets/IBMPlexSans-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'PlexSans';src:url('assets/IBMPlexSans-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
html:root body .na-read.na-read:not(svg *),html:root body .na-read.na-read::placeholder{font-family:'PlexSans',system-ui,sans-serif!important;letter-spacing:0!important}
html:root body .na-read.na-read:is(p,li,dd,blockquote){line-height:1.5}
html:root body .na-caps.na-caps:not(svg *){text-transform:uppercase!important;letter-spacing:.02em!important}
/* Letterbox (02/11, Ale): title top left, the letter on the right */
@media (min-width:900px){
html:root body .letterbox-page .letterbox-hero-copy{max-width:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:clamp(48px,7vw,140px);align-items:start}
html:root body .letterbox-page .letterbox-hero-copy>h1{grid-column:1;grid-row:1;margin:0!important}
html:root body .letterbox-page .letterbox-hero-copy>.letterbox-invitation{grid-column:1;grid-row:2;margin:18px 0 0!important}
html:root body .letterbox-page .letterbox-hero-copy>.letterbox-form-wrap{grid-column:2;grid-row:1/span 2;max-width:560px!important;width:100%;justify-self:end;padding-top:clamp(6px,.6vw,12px)!important}
}
/* Archive: the stamp lifts on hover, its top perforation must not be cut */
html:root body .c-archive-item{overflow:visible!important}

/* ---------- 03/11, commenti Ale: accordion morbido, un solo sistema ---------- */
html:root body details.na-accordion::details-content{block-size:auto!important;opacity:1!important;transition:none!important;content-visibility:visible!important}
html:root body .na-accordion>.na-accordion-panel{display:grid;grid-template-rows:0fr;overflow:clip;transition:grid-template-rows .65s cubic-bezier(.22,1,.36,1)}
html:root body .na-accordion.is-expanded>.na-accordion-panel{grid-template-rows:1fr}
html:root body .na-accordion>.na-accordion-panel>.na-accordion-inner{min-height:0;overflow:hidden;opacity:0;translate:0 -6px;transition:opacity .25s ease-out,translate .45s cubic-bezier(.22,1,.36,1)}
html:root body .na-accordion.is-expanded>.na-accordion-panel>.na-accordion-inner{opacity:1;translate:0 0;transition:opacity .45s ease-out .12s,translate .6s cubic-bezier(.22,1,.36,1) .08s}
html:root body .na-faq-list details.na-accordion summary::after{rotate:0deg;color:inherit}
html:root body .na-faq-list details.na-accordion.is-expanded summary::after{rotate:45deg;color:var(--red)}
html:root body .na-accordion.em-specification summary>span{transform:none}
html:root body .c-faq details.na-accordion summary::after{content:'+'!important}
@media (prefers-reduced-motion:reduce){html:root body .na-accordion>.na-accordion-panel,html:root body .na-accordion>.na-accordion-panel>.na-accordion-inner{transition:opacity .2s linear!important;translate:none!important}}

/* 03/11, Ale: back to the rolling word on hover (the word slides up and its copy follows). */
html body .na-roll{display:inline-flex;vertical-align:baseline;overflow:hidden;line-height:1.3em;height:1.3em;white-space:nowrap}
html body .na-roll>span{display:block;text-shadow:0 1.3em currentColor;transition:transform .6s cubic-bezier(.22,1,.36,1)!important}
@media (hover:hover){html body :is(a,button):hover .na-roll>span{transform:translateY(-1.3em)}}
html body :is(a,button):focus-visible .na-roll>span{transform:translateY(-1.3em)}
@media (prefers-reduced-motion:reduce){html body .na-roll>span{transition:none!important;transform:none!important}}

/* 03/11, Ale: footer quieter. Links at the newsletter size, the full logo instead of the care label and the giant wordmark. */
html:root body .nf-cols nav :is(a,button){font-size:13px!important;line-height:1.5!important;letter-spacing:.02em!important}
html:root body .nf-cols nav{gap:6px!important}
html:root body .nf-label{font-size:11px!important;margin-bottom:10px!important}
html:root body .nf-word.nf-logo{display:flex!important;justify-content:center!important;padding:clamp(64px,7vw,112px) 0 clamp(56px,6vw,96px)!important;overflow:visible}
html:root body .nf-word.nf-logo img{width:clamp(96px,8vw,132px)!important;height:auto!important;max-width:none!important;opacity:.92!important}
@media (prefers-reduced-motion:no-preference){
 html:root body .nf-word.nf-logo img{clip-path:none;translate:0 16px;opacity:0!important;transition:opacity .9s ease-out,translate 1.1s cubic-bezier(.2,0,0,1)}
 html:root body .nf-word.nf-logo.nf-in img{translate:0 0;opacity:.92!important}
}

/* 03/11, Ale: split screens on two heights. Left copy sits higher, right copy drops lower, the action further away. */
@media (min-width:651px){
 html:root body .c-split .c-split-copy{align-items:start!important}
 html:root body .c-split .c-split-copy>.c-copy-column:first-child{translate:0 -14svh}
 html:root body .c-split .c-split-copy>.c-copy-column:last-child{translate:0 11svh}
 html:root body .c-split .c-overprint>.c-inline-action{margin-top:calc(11svh + 72px)!important}
}

/* 03/11, Ale: quantity was small and pushed aside. It now sits next to the preorder button, same height. */
html:root body .c-product-info .quantity-row{display:inline-flex!important;vertical-align:top;align-items:stretch;min-height:0!important;margin:12px 8px 0 0!important;padding:0!important;border:0!important}
html:root body .c-product-info .quantity-row>label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html:root body .c-product-info .qty-control{height:46px!important;border:1px solid rgba(242,240,233,.28)!important;display:flex!important;align-items:stretch}
html:root body .c-product-info .qty-control button{width:42px!important;height:auto!important;font-size:16px!important;color:var(--v2-ink,#f2f0e9)!important;background:none!important;border:0!important}
html:root body .c-product-info .qty-control input{width:36px!important;font-size:14px!important;text-align:center;background:none!important;border:0!important;color:var(--v2-ink,#f2f0e9)!important}
html:root body .c-product-info .quantity-row+:is(#primary-purchase,[data-cut-id=primary-purchase]){display:inline-block!important;vertical-align:top;margin-top:12px!important}
html:root body .c-product-info .quantity-row+:is(#primary-purchase,[data-cut-id=primary-purchase])+*{display:table}
/* Rolled links keep their underline; the footer bag button matches the other links; accordion inner padding folds with the panel. */
html:root body :is(.c-inline-action,.na-hp-more):has(>.na-roll){text-decoration:none!important;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat!important;padding-bottom:4px!important}
html:root body #footer .nf-cols nav button,html:root body #footer .nf-cols nav button *{font-size:13px!important;letter-spacing:.02em!important}
html:root body .na-accordion>.na-accordion-panel>.na-accordion-inner{padding-bottom:0!important}
html:root body .c-product-info .em-specification .na-accordion-inner::after{content:'';display:block;height:18px}
html:root body :is(#footer,[data-cut=footer],#na-x) .nf-cols nav :is(a,button,#na-y),html:root body :is(#footer,[data-cut=footer],#na-x) .nf-cols nav :is(button,#na-y) *{font-size:13px!important;letter-spacing:.02em!important}
html:root body .na-hp-more{display:inline-block!important;width:fit-content!important;align-self:flex-start}
html body .na-roll,html body .na-roll>span{font-size:inherit!important;letter-spacing:inherit!important}
/* Split with a title (manifesto intro): left copy must stay clear of the title, only the right drops. */
@media (min-width:651px){
 html:root body .c-split:has(.c-scene-title) .c-split-copy>.c-copy-column:first-child{translate:0 0;margin-top:clamp(24px,3vh,40px)}
}
html body .na-line{overflow-x:visible!important;overflow-y:clip!important}
/* 03/11 pomeriggio, Ale: "Preordina la T-shirt" vanished on hover (a night.css rule made it transparent
   with light text on a light label). It stays a light button and the label rolls like every other text. */
@media(hover:hover){html:root body .c-home-film a.c-hero-preorder:hover{background:var(--red,#ff2201)!important;border-color:var(--red,#ff2201)!important;color:#fff!important;opacity:1!important}}
html:root body :is(a,button) .na-roll>span{transition:transform .6s cubic-bezier(.22,1,.36,1)!important}
@media(hover:hover){html:root body :is(a,button):hover .na-roll>span{transform:translateY(-1.3em)!important}}
@media (prefers-reduced-motion:reduce){html:root body :is(a,button) .na-roll>span{transform:none!important;transition:none!important}}
/* 03/11 pomeriggio, Ale: every big title on the site has the same size, weight and tracking
   (home, Emissione, Manifesto, Archivio, Buca delle lettere). One rule, scoped by id so it wins. */
html:root body :is(#main,[data-cut=main]) :is(h1,h2):not(.c-question,.c-archive-meta h2,#na-x){font-size:clamp(30px,3.4vw,49px)!important;font-weight:700!important;letter-spacing:-.02em!important;line-height:1.1!important}
html:root body :is(#main,[data-cut=main]) :is(h1,h2):not(.c-question,.c-archive-meta h2,#na-x) :is(span,strong,em,b){font-size:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;line-height:inherit!important}
/* "Cosa c'entra la notte col sonno?" in bold. */
html:root body :is(#main,[data-cut=main]) .c-question:not(#na-x),html:root body :is(#main,[data-cut=main]) .c-question:not(#na-x) *{font-weight:700!important}
/* 03/11, Ale: "Manifesto" centred on the page, on the seam between the two photos. */
html:root body :is(#main,[data-cut=main]) .c-manifesto-intro .c-scene-title:not(#na-x){width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;text-align:center!important}
/* 03/11, Ale: "Il buio lo nutre" starts right under "Logo in rilievo"; "Archivio dei francobolli"
   sits on the stamp's bottom edge. Two rows: left copy on top, right copy below it, stamp across both. */
@media(min-width:651px){
 html:root body .c-home-stamp-grid{grid-template-rows:auto 1fr;row-gap:clamp(20px,2.2vw,36px)!important}
 html:root body .c-home-stamp-copy:first-child{grid-column:1;grid-row:1}
 html:root body .c-home-stamp-card{grid-column:2;grid-row:1/3}
 html:root body .c-home-stamp-copy:last-child{grid-column:3;grid-row:2;align-self:stretch;display:flex;flex-direction:column;align-items:flex-start}
 html:root body .c-home-stamp-copy:last-child .c-inline-action{margin-top:auto!important;width:auto}
}
html:root body .na-gallery-top [data-gallery-info][hidden]{display:block!important;visibility:hidden!important}
/* 03/11, Ale: one line only under the email, the input's; the row's line below goes. */
html:root body .nf-letter .na-footer-email-row,html:root body .na-footer-email-row{border-bottom:0!important}
/* 03/11: the rolled-in copy is the label's text-shadow; the header had it switched off, so links vanished on hover. */
html:root body .na-roll>span:not(#na-x){text-shadow:0 1.3em currentColor!important}
/* 03/11, Milo: checkout looked odd once every h2 became a big title. One title per page;
   "Pagamento" and "Riepilogo" go back to small labels, the summary on the payment's height. */
html:root body :is(#main,[data-cut=main]) :is(.checkout-page,.confirmation-page) h2:not(#na-x):not(.na-x2){font-size:13px!important;font-weight:500!important;letter-spacing:.02em!important;line-height:1.4!important;color:var(--v2-mid,#8a8a87)!important;margin:0 0 20px!important}
html:root body :is(#main,[data-cut=main]) .checkout-page .checkout-layout{align-items:start!important;margin-top:clamp(40px,5vw,72px)!important}
html:root body :is(#main,[data-cut=main]) .checkout-page .order-summary{margin-top:0!important}

/* 03/11: the footer's top line becomes the braid (footer-braid.js), sewn on scroll. */
html body :is(#footer,[data-cut=footer]),html body :is(#footer,[data-cut=footer]) .nf,html body .site-footer{border-top:0!important}
html body :is(#footer,[data-cut=footer]) .nf>.na-braid{position:absolute;left:0;right:0;top:0;height:16px;pointer-events:none;z-index:2}
html body :is(#footer,[data-cut=footer]) .nf>.na-braid canvas{display:block;width:100%;height:16px}
/* 03/11: hover never changes padding (the old hero-nav nudge stays off; buttons keep their own padding) */
html:root body .hero-nav a:is(:hover,:focus-visible){padding-left:0!important}

/* 03/11 Ale: inline actions read like every other text link — same size, red on hover */
html:root body :is(#main,[data-cut=main]) a.c-inline-action:not(#na-x){font-size:13px!important}
@media(hover:hover){html:root body :is(#main,[data-cut=main]) a.c-inline-action:not(#na-x):hover{color:var(--red,#ff2201)!important;border-color:var(--red,#ff2201)!important}}
/* sizes, then Preordina, then the photo strip: no size-to-photo pairing */
html:root body .na-hp .na-hp-thumbs{margin:16px 0 0!important}

/* 03/11 Ale: ribbon Preordina rolls and turns red like the cart */
@media(hover:hover){html:root body .c-header .na-header-action:hover:not(#na-x){background:transparent!important;color:var(--red,#ff2201)!important;text-decoration-color:currentColor!important}}
/* the roll clips text-decoration, so Preordina's underline is drawn as a line under the button */
html:root body .c-header .na-header-action:not(#na-x){text-decoration:none!important;position:relative}
html:root body .c-header .na-header-action:not(#na-x)::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:currentColor;opacity:.45;transition:opacity .15s ease-out}
@media(hover:hover){html:root body .c-header .na-header-action:not(#na-x):hover::after{opacity:1}}

/* 03/11 commenti Ale — scritte che scorrono al passaggio */
/* Everything inside a rolling label follows the link: same size, same colour (red on hover), same copy below. */
html:root body :is(a,button,#na-x) .na-roll:not(#na-y),html:root body :is(a,button,#na-x) .na-roll span:not(#na-y){color:inherit!important;font-size:inherit!important;letter-spacing:inherit!important;text-decoration:none!important}
html:root body .na-roll>span span:not(#na-x){text-shadow:inherit!important}
/* No underline inside the roll (it peeked out above the text after the animation): the line sits on the link itself. */
html:root body :is(.na-faq-nudge,.letterbox-submit):has(.na-roll):not(#na-x){width:fit-content!important;min-height:0!important;text-decoration:none!important;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat!important;padding:0 0 4px!important;border:0!important}
html:root body .na-faq-nudge:has(.na-roll):not(#na-x){margin-top:18px!important}
/* Imbuca il messaggio: same size as the other actions, red on hover. */
html:root body .letterbox-submit:not(#na-x){font-size:13px!important;font-weight:500!important;letter-spacing:.02em!important;opacity:1!important}
@media(hover:hover){html:root body .letterbox-submit:not(#na-x):hover{color:var(--red,#ff2201)!important;opacity:1!important}}
/* Sizes: the letter turns red on hover. */
@media(hover:hover){html:root body :is(.em-buy .sizes .size,.na-hp-size,#na-x):not(:disabled):not(span):hover{color:var(--red,#ff2201)!important}}
/* Dettagli e cura: section titles same size as the rows, set in bold. */
html:root body .em-specification h3:not(#na-x){font-size:14px!important;font-weight:700!important;letter-spacing:.02em!important;margin:22px 0 10px!important}
/* 03/11 Ale: hovered header actions stay fully opaque, so the red stays red instead of turning burgundy. */
@media(hover:hover){html:root body :is(.c-header,#na-x) :is(.na-header-action,.na-header-cart,.c-hero-preorder,.c-menu-trigger):hover{opacity:1!important}html:root body :is(.na-header-action,.c-film-controls>button:first-child,.c-hero-preorder,.na-faq-close,.menu-close,.c-menu-trigger):not(#na-x):hover{opacity:1!important}}
/* 03/11 Ale: "Tutte le domande (8)" reads as one label, rolls like the other links, and a rule closes the last question above it. */
html:root body .na-faq-more:has(.na-roll):not(#na-x){width:fit-content!important;min-height:0!important;text-decoration:none!important;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat!important;padding:0 0 4px!important;border:0!important;margin-top:40px!important}
html:root body .c-faq>details:last-of-type:not(#na-x){border-bottom:1px solid var(--v2-rule,rgba(242,240,233,.18))!important}
/* 03/11 Ale: "Vedi il capo — 130 €" matches the other text actions — 13px, underline close to the text, red on hover. */
html:root body :is(.c-text-action,.c-inline-action):not(#na-x){font-size:13px!important;font-weight:500!important;letter-spacing:.02em!important;border:0!important;text-decoration:none!important;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat!important;padding:0 0 4px!important;min-height:0!important;width:fit-content!important;opacity:1!important}
@media(hover:hover){html:root body :is(.c-text-action,.c-inline-action):not(#na-x):hover{color:var(--red,#ff2201)!important}}
/* 03/11 Ale: rolling labels keep the link's weight; "Tutte le domande" sits at the same 13px/500 as the other actions. */
html:root body :is(.c-text-action,.c-inline-action,.na-faq-more,.na-faq-nudge,.letterbox-submit,.na-hp-more,#na-x) .na-roll:not(#na-y),html:root body :is(.c-text-action,.c-inline-action,.na-faq-more,.na-faq-nudge,.letterbox-submit,.na-hp-more,#na-x) .na-roll span:not(#na-y){font-weight:inherit!important;font-family:inherit!important}
html:root body .na-faq-more:not(#na-x){font-size:13px!important;font-weight:500!important;letter-spacing:.02em!important}
/* 03/11 Ale: more room between labels and values in Dettagli e cura, so FRANCOBOLLO no longer touches its value. */
html:root body .em-specification dl>div:not(#na-x){grid-template-columns:140px minmax(0,1fr)!important;column-gap:24px!important}
@media(max-width:650px){html:root body .em-specification dl>div:not(#na-x){grid-template-columns:118px minmax(0,1fr)!important;column-gap:16px!important}}

/* 03/11 Ale — coerenza. One rule per family of elements, everywhere on the site. */
/* 1. Text actions (underlined links and text buttons): 13px/500 caps, a 1px line 4px under the text, red on hover. */
html:root body :is(.c-text-action,.c-inline-action,.na-faq-more,.na-faq-nudge,.letterbox-submit,.na-faq-foot a,.text-link,.em-text-link,.na-hp-more,#na-x):not(#na-y){font-size:13px!important;font-weight:500!important;letter-spacing:.02em!important;text-transform:uppercase!important;text-decoration:none!important;border:0!important;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat!important;padding:0 0 4px!important;min-height:0!important;width:fit-content!important;opacity:1!important}
html:root body :is(.c-text-action,.c-inline-action,.na-faq-more,.na-faq-nudge,.letterbox-submit,.na-faq-foot a,.text-link,.em-text-link,.na-hp-more,#na-x) :is(span,#na-y){font-size:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;text-decoration:none!important;color:inherit!important}
@media(hover:hover){html:root body :is(.c-text-action,.c-inline-action,.na-faq-more,.na-faq-nudge,.letterbox-submit,.na-faq-foot a,.text-link,.em-text-link,.na-hp-more,#na-x):not(#na-y):hover{color:var(--red,#ff2201)!important}}
html:root body .na-faq-foot:not(#na-x){gap:14px!important}
html:root body .na-faq-foot p:not(#na-x){margin-bottom:2px!important}
/* 2. Questions and accordion rows: on hover the question and its + turn red, on the page as in the FAQ panel. */
@media(hover:hover){html:root body :is(.c-faq,.em-specification,.na-accordion,.na-faq-list,.accordion,#na-x) summary:not(#na-y):hover,html:root body :is(.c-faq,.em-specification,.na-accordion,.na-faq-list,.accordion,#na-x) summary:not(#na-y):hover :is(*,#na-y),html:root body :is(.c-faq,.em-specification,.na-accordion,.na-faq-list,.accordion,#na-x) summary:not(#na-y):hover::after,html:root body :is(.c-faq,.em-specification,.na-accordion,.na-faq-list,.accordion,#na-x) summary:not(#na-y):hover::before{color:var(--red,#ff2201)!important}}
html:root body :is(.c-text-action,.c-inline-action,.na-faq-more,.na-faq-nudge,.letterbox-submit,.na-faq-foot a,.text-link,.em-text-link,.na-hp-more,#na-x) :is(span,#na-y){text-transform:inherit!important}
/* The review widget keeps its own look when it moves inside a dialog (FAQ panel). */
html:root body :is([data-review-ui],#na-r1) :is(*,#na-r2){text-transform:none!important;letter-spacing:normal!important}
/* FAQ panel on phones: the intro block takes its own row instead of sliding under the questions. */
@media(max-width:860px){html:root body .na-faq-layout:not(#na-x){display:flex!important;flex-direction:column!important;gap:40px!important;height:auto!important}html:root body .na-faq-side:not(#na-x){height:auto!important;flex:none!important;width:100%!important;align-self:stretch!important}html:root body .na-faq-head:not(#na-x){width:100%!important}html:root body .na-faq-body:not(#na-x){flex:none!important}}
/* 03/11 Milo: group titles in the FAQ panel get air above the first rule. */
html:root body .na-faq-group-title:not(#na-x){margin:0 0 18px!important}
/* 03/11 Milo: the FAQ is a page (#/faq), same layout as the old panel, below the header. */
html:root body .na-faq-page:not(#na-x){padding-top:var(--header-clearance,56px)}
html:root body .na-faq-page .na-faq-layout:not(#na-x){min-height:calc(100svh - var(--header-clearance,56px))}
html:root body .na-faq-page .na-faq-side:not(#na-x){top:calc(var(--header-clearance,56px) + clamp(28px,4vw,56px));min-height:calc(100svh - var(--header-clearance,56px) - 2*clamp(28px,4vw,56px))}
html:root body .na-faq-page .na-faq-group:not(#na-x){opacity:1;transform:none}
/* Question rows: less air above and below each question. */
html:root body .na-faq-list summary:not(#na-x){padding:14px 0!important}
@media(max-width:860px){html:root body .na-faq-page .na-faq-side:not(#na-x){position:static!important;min-height:0!important}}
/* 03/11: cart pays in one step, Shopify-style full-width button */
html:root body .pay-form:not(#na-x){margin-top:18px;display:grid;gap:10px}
html:root body .pay-form .btn-primary:not(#na-x){width:100%!important;justify-content:center!important}
html:root body .pay-form .pay-note:not(#na-x){text-align:center;margin:0!important}
html:root body .pay-form .error-message:empty{display:none}
html:root body .checkout-page:not(#na-x){max-width:560px;margin:0 auto;padding-top:calc(var(--header-clearance,56px) + 40px)}
html:root body .checkout-page .cart-summary .small-copy:not(#na-x){font-size:12px!important;line-height:1.6!important;color:var(--v2-mid)!important;margin:0 0 6px!important}
html:root body .checkout-page .cart-summary .pay-note:not(#na-x){margin:0!important;text-align:center}
/* 03/11: no empty band between a page's last block and the footer braid */
html:root body .letterbox-page:not(#na-x){padding-bottom:0!important}
html:root body .checkout-wrap:not(#na-x){padding-bottom:0!important;min-height:0!important}
html:root body .checkout-wrap .checkout-page:not(#na-x){min-height:0!important;padding-bottom:96px!important}
/* 03/11: preview tools only in ?anteprima mode; "Prossimamente" in place of the clock until a launch date is set */
html:not(.na-preview) :is(.na-preview-only,.preview-trigger,[data-open-preview]){display:none!important}
html:root body .header-clock-soon:not(#na-x){font-size:12px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
html:root body .legal-content a:not(#na-x){text-decoration:underline;text-underline-offset:3px}
html:root body .legal-content h2:not(#na-x){font-size:15px!important;letter-spacing:.02em!important;margin:36px 0 10px!important;line-height:1.3!important}
/* 03/11: company details under the footer meta row */
html:root body .nf-legal{margin:14px 0 0;font-size:11px;line-height:1.5;opacity:.55;text-transform:none;letter-spacing:0;text-align:center;text-wrap:balance}

/* home-product.css */
/* Home product card (02/11). Night-v2 rules use !important on ids and tags, hence the html:root body prefix. */
html:root body .na-hp{background:#151416;padding:clamp(72px,9vw,150px) 20px clamp(80px,10vw,160px);display:grid;justify-items:center}
html:root body .na-hp-card{width:min(100%,clamp(320px,30vw,460px))}
html:root body .na-hp-media{position:relative;aspect-ratio:4/5;background:#e7e6e2;overflow:hidden}
html:root body .na-hp-track{display:flex;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;cursor:pointer}
html:root body .na-hp-track::-webkit-scrollbar{display:none}
html:root body .na-hp-slide{position:relative;flex:0 0 100%;height:100%;margin:0;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}
html:root body .na-hp-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}
html:root body .na-hp-dots{position:absolute;left:12px;right:12px;bottom:6px;display:flex;gap:4px;z-index:2}
html:root body .na-hp-dot{flex:1;height:18px;padding:0;border:0;background:none;display:grid;align-items:center;cursor:pointer}
html:root body .na-hp-dot span{position:relative;display:block;height:1px;overflow:hidden}
html:root body .na-hp-dot i{position:absolute;inset:0;transform:scaleX(0);transform-origin:left}
html:root body .na-hp-track{transition:opacity .2s}
html:root body .na-hp-track.is-wrapping{opacity:0}
html:root body .na-hp-info{padding-top:18px;color:var(--v2-ink,#f2f0e9)}
html:root body .na-hp-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
html:root body .na-hp-row h2{margin:0!important;font-size:16px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.02em!important}
html:root body .na-hp-price{font-size:16px;font-weight:500;font-variant-numeric:tabular-nums}
html:root body .na-hp-sub{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:11px!important;color:var(--v2-mid,#8a8a87)!important}
html:root body .na-hp-swatch{width:9px;height:9px;background:#151416;box-shadow:0 0 0 1px rgba(242,240,233,.45)}
html:root body .na-hp-status{margin-top:14px;padding-top:14px;border-top:1px solid var(--v2-line,rgba(242,240,233,.14));font-size:11px!important;color:var(--v2-mid,#8a8a87)!important}
html:root body .na-hp-status time{color:var(--v2-ink,#f2f0e9);font-variant-numeric:tabular-nums;margin-left:4px}
html:root body .na-hp-sizes{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:16px 0 8px}
html:root body .na-hp-size{height:40px!important;min-height:0!important;padding:0!important;border:1px solid rgba(242,240,233,.24)!important;background:none!important;color:var(--v2-ink,#f2f0e9)!important;font-size:12px!important;transition:border-color .15s,background-color .15s,color .15s}
html:root body .na-hp-size:hover{border-color:var(--v2-ink,#f2f0e9)!important}
html:root body .na-hp-size.selected{background:var(--v2-ink,#f2f0e9)!important;color:#151416!important;border-color:var(--v2-ink,#f2f0e9)!important}
html:root body .na-hp-sizes-note{margin:16px 0 8px;font-size:11px!important;color:var(--v2-mid,#8a8a87)!important}
html:root body .na-hp-buy{width:100%;height:48px!important;min-height:0!important;border:0!important;background:var(--v2-ink,#f2f0e9)!important;color:#151416!important;font-size:12px!important;font-weight:500!important;cursor:pointer;transition:scale .15s ease-out}
html:root body .na-hp-buy:active{scale:.98}
html:root body .na-hp-more{display:table;margin:16px auto 0;font-size:11px!important;color:var(--v2-ink,#f2f0e9)!important;text-decoration:underline;text-underline-offset:4px}
html:root body .na-hp-more:hover{color:#e3352b!important}
@media (max-width:760px){html:root body .na-hp{padding:56px 16px 72px}html:root body .na-hp-card{width:100%}}
html:root body :is(.na-hp-sub,.na-hp-status,.na-hp-sizes-note,.na-hp-more,.na-hp-buy),html:root body .na-hp-status time{text-transform:uppercase!important;letter-spacing:.02em!important}
html:root body .na-hp-price{font-size:16px!important}
/* Packshots: cut-outs sit on the card ground with air around them */
html:root body .na-hp-slide.is-pack{background:var(--hp-ground,#0c0c0c)}
html:root body .na-hp-slide.is-pack img{object-fit:contain;padding:6% 4%;box-sizing:border-box}
html:root body .na-hp-media:has(.na-hp-slide.is-pack){background:var(--hp-ground,#0c0c0c)}
html:root body .na-hp-media{--hp-ground:#0c0c0c}
html:root.hp-grey body .na-hp-media{--hp-ground:#e7e6e2}
html:root body .na-hp-media .na-hp-dot span{background:rgba(242,240,233,.25)}
html:root body .na-hp-media .na-hp-dot i{background:#f2f0e9}
html:root.hp-grey body .na-hp-media .na-hp-dot span{background:rgba(0,0,0,.22)}
html:root.hp-grey body .na-hp-media .na-hp-dot i{background:#151416}
html:root body :is(.na-hp-sub,.na-hp-status,.na-hp-status time,.na-hp-sizes-note,.na-hp-more,.na-hp-buy,#na-x){text-transform:uppercase!important;letter-spacing:.02em!important}
/* The stamp, small, top right of the photo, as on a letter */
html:root body .na-hp-stamp{position:absolute;z-index:2;top:14px;right:14px;width:15%;height:auto;rotate:4deg;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}
/* 02/11 sera, Ale: niente card piccola centrata né barrette da storie IG.
   Foto grande a sinistra, informazioni a destra, miniature per scegliere la foto. */
html:root body .na-hp-count{position:absolute;z-index:2;left:16px;bottom:14px;font-size:12px;color:var(--v2-ink,#f2f0e9);font-variant-numeric:tabular-nums;letter-spacing:.02em;pointer-events:none}
html:root.hp-grey body .na-hp-count{color:#151416}
html:root body .na-hp-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px}
html:root body .na-hp-thumbs .na-hp-dot{height:auto;aspect-ratio:4/5;padding:0;border:0;background:var(--hp-ground,#0c0c0c);overflow:hidden;opacity:.45;outline:1px solid transparent;outline-offset:-1px;transition:opacity .15s,outline-color .15s}
html:root body .na-hp-thumbs .na-hp-dot img{width:100%;height:100%;object-fit:cover;display:block}
html:root body .na-hp-thumbs .na-hp-dot.is-pack img{object-fit:contain;padding:8%;box-sizing:border-box}
html:root body .na-hp-thumbs .na-hp-dot.is-on{opacity:1;outline-color:var(--v2-ink,#f2f0e9)}
@media (hover:hover){html:root body .na-hp-thumbs .na-hp-dot:hover{opacity:1}}
html:root body .na-hp{display:block;padding:clamp(56px,7vw,120px) 0 clamp(72px,9vw,140px)}
html:root body .na-hp-card{width:100%;max-width:1440px;margin:0 auto;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,96px);align-items:center;padding:0 clamp(20px,3vw,48px);box-sizing:border-box}
html:root body .na-hp-media{aspect-ratio:auto;height:min(88svh,calc((100vw - 96px) * .58 * 1.25));min-height:520px}
html:root body .na-hp-info{padding-top:0;max-width:440px}
html:root body .na-hp-row h2{font-size:clamp(22px,2.2vw,32px)!important}
html:root body .na-hp-price{font-size:clamp(18px,1.6vw,22px)!important}
html:root body .na-hp-more{margin-left:0}
@media (max-width:899px){
 html:root body .na-hp{padding:0 0 72px}
 html:root body .na-hp-card{grid-template-columns:1fr;gap:20px;padding:0}
 html:root body .na-hp-media{height:auto;min-height:0;aspect-ratio:4/5}
 html:root body .na-hp-info{max-width:none;padding:0 16px}
 html:root body .na-hp-thumbs{display:none}
}
/* 03/11, Ale: more premium and in line with the rest of the site. Same layout as the Emission
   product page: photo flush on the left half at full height, info on the right with its type. */
html:root body .na-hp{padding:0!important;border-top:.5px solid rgba(242,240,233,.1)}
html:root body .na-hp-card{max-width:none;margin:0;padding:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;align-items:stretch}
html:root body .na-hp-media{height:calc(100svh - 56px);min-height:620px;max-height:1100px;aspect-ratio:auto}
html:root body .na-hp-slide.stamp img{object-position:46% 60%}
html:root body .na-hp-info{max-width:none;padding:clamp(40px,6vh,64px) clamp(32px,3.2vw,54px);display:flex;flex-direction:column;justify-content:center;align-items:stretch}
html:root body .na-hp-info>*{max-width:560px}
html:root body :is(.na-hp-kicker,#na-x){margin:0 0 28px!important;font-size:13px!important;color:var(--v2-mid,#8a8a87)!important;text-transform:uppercase!important;letter-spacing:.02em!important;font-family:var(--v2-mono)!important}
html:root body .na-hp-info h2{margin:0!important;font-size:40px!important;line-height:1.1!important;font-weight:700!important;letter-spacing:.02em!important}
html:root body .na-hp-info .na-hp-price{margin:8px 0 0!important;font-size:14px!important;font-weight:500!important;color:rgba(242,240,233,.6)!important}
html:root body .na-hp-sub{margin-top:36px!important;padding-top:20px;border-top:.5px solid rgba(242,240,233,.14)}
html:root body .na-hp-status{margin-top:10px!important;padding-top:0!important;border-top:0!important}
html:root body .na-hp-sizes{margin:32px 0 10px}
html:root body .na-hp-sizes-note{margin:32px 0 10px}
html:root body .na-hp-more{margin:20px 0 0!important}
html:root body .na-hp-thumbs{grid-template-columns:repeat(4,64px);gap:8px;margin:56px 0 0}
html:root body .na-hp-thumbs .na-hp-dot{opacity:.4}
html:root body .na-hp-count{left:20px;bottom:18px}
@media (max-width:899px){
 html:root body .na-hp-card{grid-template-columns:1fr}
 html:root body .na-hp-media{height:auto;min-height:0;max-height:none;aspect-ratio:4/5}
 html:root body .na-hp-info{padding:28px 16px 64px}
 html:root body .na-hp-info h2{font-size:32px!important}
}
/* 03/11: no photo counter; air between the card and the scene that follows. */
html:root body .na-hp{padding-bottom:clamp(64px,8vw,128px)!important}
@media (max-width:899px){html:root body .na-hp{padding-bottom:48px!important}}
/* Ale: the gap below the card is the same gutter as between the split photos. */
html:root body .na-hp{padding-bottom:var(--split-gap,12px)!important}
@media (max-width:899px){html:root body .na-hp{padding-bottom:var(--split-gap,12px)!important}}
/* 03/11 pomeriggio, Ale: no XS; the 4 sizes line up with the 4 photos, one column each. */
html:root body .na-hp-sizes,html:root body .na-hp-thumbs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
html:root body .na-hp-thumbs{margin:0 0 16px}
html:root body .na-hp-thumbs .na-hp-dot{width:100%}
html:root body .na-hp-media{--hp-ground:#1b1a1c}
html:root body .na-hp-sizes.is-note .na-hp-size{display:grid;place-items:center;color:var(--v2-mid,#8a8a87)!important;border-color:rgba(242,240,233,.12)!important;cursor:default}

/* text-motion.css */
/* Text motion (04/11, ref iyo.ai). Only active when JS has split the text and motion is allowed. */
@media (prefers-reduced-motion: no-preference){
 .tm-title .tm-slot{display:inline-block;clip-path:inset(-.18em -.12em -.24em -.12em)}
 .tm-title .tm-rise{display:inline-block;transform:translate3d(0,112%,0);transition:transform 1.1s cubic-bezier(.16,1,.3,1)}
 .tm-title.tm-in .tm-rise{transform:none}
 .tm-title.tm-done .tm-slot{clip-path:none}
 .tm-title.tm-done .tm-rise{transition:none}
 .tm-prose .tm-word{opacity:.26;transition:opacity .35s cubic-bezier(.2,0,0,1)}
}

/* Footer logo in four layers (05/11). Stacked on the same canvas, so at rest it is the original logo. */
html:root body .nf-word.nf-logo .nf-stack{position:relative;display:block;width:clamp(96px,8vw,132px);aspect-ratio:700/1209}
html:root body .nf-word.nf-logo .nf-stack img.nf-layer{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;translate:0 0;opacity:.92!important;transition:none!important}
html:root body .nf-word.nf-logo .nf-stack.nf-stack-live img.nf-layer{opacity:calc(var(--o,0)*.92)!important;will-change:translate,opacity}

/* Tap area (05/11, Lighthouse target-size): the text links grow 6px up and down without moving.
   Negative margins keep the layout, the underline stays 4px under the text. */
html:root body a.c-inline-action:not(#na-x):not(#na-y){padding-top:6px!important;padding-bottom:10px!important;margin-top:-6px;margin-bottom:-6px;background-position:0 calc(100% - 6px)!important}