/* Hallmark · macrostructure: Workbench · tone: quiet product dossier · anchor hue: gold 85 · theme: custom Spirivino brand · paper oklch(97% .012 85) · accent oklch(75% .08 85) · Cormorant Garamond + Onest · N9 / Ft5 · enrichment: real product captures */
/* Hallmark · pre-emit critique: P4 H4 E4 S5 R4 V4 · responsive 320/375/414/768/1280/1440 verified · real UI footage */
@import url('./tokens.css');
@font-face{font-family:'Onest';src:url('./assets/onest.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('./assets/cormorant.ttf') format('truetype');font-weight:300 700;font-display:swap}
*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{background:var(--color-paper);color:var(--color-ink);font:400 var(--text-md)/1.65 var(--font-body)}button,select{font:inherit}a{color:inherit;text-decoration:none}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}img{display:block;max-width:100%}figure,h1,h2,h3,p{margin:0}h1,h2,h3{overflow-wrap:anywhere;min-width:0}h1,h2{font-family:var(--font-display);font-weight:500;line-height:1.01;letter-spacing:-.035em}h1{font-size:var(--text-display)}h2{font-size:var(--text-heading)}h3{font-size:var(--text-xl);line-height:1.25;font-weight:500}p{max-width:62ch}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid var(--color-focus);outline-offset:5px}.wrap{max-width:var(--content-width);padding-inline:var(--page-gutter);margin-inline:auto}.skip{position:absolute;top:-6rem;left:var(--space-md);padding:var(--space-sm);background:var(--color-paper);z-index:20}.skip:focus{top:var(--space-sm)}
/* Minimal brand navigation: language choice is the only utility. */
.nav{display:flex;justify-content:space-between;align-items:center;padding-block:var(--space-lg);gap:var(--space-md)}.brand{display:flex;align-items:center;gap:var(--space-sm)}.brand-mark{width:40px;height:40px}.brand-name{width:144px;height:auto}.languages{display:flex;gap:4px;align-items:center}.languages a{font-size:var(--text-xs);padding:10px 9px;min-height:44px;min-width:36px;display:grid;place-items:center}.languages a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}.hero{padding-block:var(--space-xl) var(--space-3xl);display:grid;gap:var(--space-2xl)}.sale{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);margin-bottom:var(--space-lg)}.sale::before{content:'';width:7px;height:7px;flex-shrink:0;background:var(--color-focus);border-radius:50%}.hero h1{max-width:13ch}.hero-copy>p{color:var(--color-muted);font-size:var(--text-lg);margin-top:var(--space-lg);max-width:43ch}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-lg);margin-top:var(--space-xl)}.button{display:inline-flex;justify-content:center;align-items:center;gap:var(--space-md);min-height:54px;padding:14px 22px;background:var(--color-ink);color:var(--color-paper);border:var(--rule-hair) solid var(--color-ink);font-size:var(--text-sm);white-space:nowrap;transition:transform var(--dur-micro) var(--ease-out)}.button:active{transform:translateY(1px)}.text-link{display:inline-flex;align-items:center;gap:var(--space-sm);min-height:44px;font-size:var(--text-sm);white-space:nowrap;border-bottom:var(--rule-hair) solid var(--color-rule)}.hero-note{margin-top:var(--space-xl);font-size:var(--text-xs);color:var(--color-muted);max-width:45ch}.hero-art{position:relative;background:var(--color-surface);padding:var(--space-xl) var(--space-lg) 0;min-height:480px;display:flex;align-items:flex-end;overflow:hidden}.hero-art .screen-main{width:63%;max-width:310px;position:relative;z-index:2;align-self:flex-start}.hero-art .screen-side{width:48%;max-width:235px;position:absolute;right:5%;top:24%;z-index:1}.hero-art img{width:100%;border:1px solid var(--color-dark-rule)}.hero-art .monogram{position:absolute;right:8%;top:var(--space-lg);width:48px;opacity:.6;border:0}.hero-art-link{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding-block:var(--space-md);font-size:var(--text-xs);color:var(--color-muted)}.arrow{font-size:1.35em}.section{padding-block:var(--space-3xl)}.intro{border-top:var(--rule-hair) solid var(--color-rule)}.intro-head{display:grid;gap:var(--space-lg)}.intro-head p{color:var(--color-muted);align-self:end}.benefits{display:grid;gap:var(--space-xl);margin-top:var(--space-2xl)}.benefit{padding-top:var(--space-lg);border-top:var(--rule-hair) solid var(--color-rule)}.benefit h3{font-size:var(--text-lg);margin-bottom:var(--space-sm)}.benefit p{font-size:var(--text-sm);color:var(--color-muted)}
.film-section{background:var(--color-dark);color:var(--color-paper)}.film-head{display:grid;gap:var(--space-lg);margin-bottom:var(--space-xl)}.film-head p{color:var(--color-dark-muted);align-self:end}.video-shell{position:relative;aspect-ratio:16/9;background:var(--color-ink);border:1px solid var(--color-dark-rule)}.video-shell video{width:100%;height:100%;object-fit:contain;display:block}.video-shell .play-overlay{position:absolute;inset:0;display:grid;place-items:center;background:transparent;border:0;color:var(--color-paper)}.play-circle{width:72px;height:72px;border:1px solid var(--color-paper);border-radius:50%;display:grid;place-items:center;background:var(--color-scrim);font-size:var(--text-xl)}.play-overlay[hidden]{display:none}.film-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-md);margin-top:var(--space-md)}.film-meta p{font-size:var(--text-xs);color:var(--color-dark-muted)}.chapters{display:flex;gap:var(--space-sm);flex-wrap:wrap}.chapters button{padding:var(--space-sm) var(--space-md);min-height:44px;background:transparent;color:var(--color-paper);border:1px solid var(--color-dark-rule);font-size:var(--text-xs);white-space:nowrap}.chapters button:hover{border-color:var(--color-accent)}.transcript{margin-top:var(--space-lg);font-size:var(--text-sm);color:var(--color-dark-muted)}.transcript summary{min-height:44px;cursor:pointer}.transcript p{padding-bottom:var(--space-md)}
.feature{display:grid;gap:var(--space-xl);padding-block:var(--space-3xl);border-bottom:var(--rule-hair) solid var(--color-rule)}.feature-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.feature-copy h2{max-width:14ch}.feature-copy p{margin-top:var(--space-lg);color:var(--color-muted);max-width:44ch}.feature-copy ul{padding:0;list-style:none;display:grid;gap:var(--space-sm);margin:var(--space-xl) 0 0;font-size:var(--text-sm)}.feature-copy li{display:flex;gap:var(--space-sm);align-items:baseline}.feature-copy li:before{content:'↗';color:var(--color-focus)}.feature-visual{background:var(--color-surface);padding:var(--space-xl);display:grid;place-items:center;position:relative;min-width:0}.feature-visual img{width:100%;max-width:270px;max-height:550px;object-fit:cover;object-position:top;border:1px solid var(--color-dark-rule)}.feature-visual figcaption{font-size:var(--text-xs);margin-top:var(--space-md);color:var(--color-muted)}.gallery-head{display:grid;gap:var(--space-lg);margin-bottom:var(--space-xl)}.gallery-head p{color:var(--color-muted)}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.gallery-item{background:none;border:0;padding:0;text-align:left;color:var(--color-ink);min-width:0}.gallery-image{background:var(--color-surface);padding:var(--space-sm);overflow:hidden}.gallery-image img{width:100%;aspect-ratio:9/19;object-fit:cover;object-position:top}.gallery-caption{display:flex;justify-content:space-between;gap:var(--space-xs);padding-top:var(--space-sm);font-size:var(--text-xs);white-space:nowrap}.gallery-item img{transition:transform var(--dur-short) var(--ease-out)}
.ownership{background:var(--color-surface)}.ownership-head{display:grid;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.ownership-head p{color:var(--color-muted)}.included{border-top:1px solid var(--color-rule)}.included-row{display:grid;gap:var(--space-sm);padding-block:var(--space-lg);border-bottom:1px solid var(--color-rule)}.included-row h3{font-size:var(--text-lg)}.included-row p{font-size:var(--text-sm);color:var(--color-muted)}.launch{display:grid;gap:var(--space-2xl)}.launch-copy p{color:var(--color-muted);margin-top:var(--space-lg)}.status-row{padding-block:var(--space-lg);border-bottom:1px solid var(--color-rule)}.status-row:first-child{padding-top:0}.status-row h3{font-size:var(--text-md);margin-bottom:var(--space-xs)}.status-row p{font-size:var(--text-sm);color:var(--color-muted)}.faq{padding-top:0}.faq h2{max-width:15ch;margin-bottom:var(--space-xl)}.faq details{border-top:1px solid var(--color-rule)}.faq details:last-child{border-bottom:1px solid var(--color-rule)}.faq summary{position:relative;cursor:pointer;list-style:none;padding:var(--space-lg) var(--space-xl) var(--space-lg) 0;font-size:var(--text-lg);line-height:1.4}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';position:absolute;right:0;top:var(--space-lg)}.faq details[open] summary::after{content:'−'}.faq details p{color:var(--color-muted);padding-bottom:var(--space-xl);max-width:75ch}.footer{background:var(--color-dark);color:var(--color-paper)}.footer-line{font:500 var(--text-heading)/1.04 var(--font-display);max-width:18ch;letter-spacing:-.03em}.footer .actions{margin-top:var(--space-xl)}.footer .button{background:var(--color-paper);color:var(--color-dark);border-color:var(--color-paper)}.footer-meta{display:flex;justify-content:space-between;gap:var(--space-lg);flex-wrap:wrap;border-top:1px solid var(--color-dark-rule);padding-top:var(--space-xl);margin-top:var(--space-2xl);font-size:var(--text-xs);color:var(--color-dark-muted)}.footer-meta p{max-width:42ch}.lightbox{max-width:100vw;width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:var(--space-md);border:0;background:var(--color-scrim);color:var(--color-paper)}.lightbox::backdrop{background:var(--color-scrim)}.lightbox[open]{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.lightbox-bar{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}.lightbox button{background:none;color:var(--color-paper);border:1px solid var(--color-dark-rule);min-height:44px;padding:var(--space-xs) var(--space-md);white-space:nowrap;font-size:var(--text-sm)}.lightbox img{min-height:0;max-height:calc(100dvh - 150px);object-fit:contain}.lightbox-controls{display:flex;gap:var(--space-md)}
@media(hover:hover){.button:hover{transform:translateY(-2px)}.gallery-item:hover img{transform:scale(1.025)}.text-link:hover{border-color:var(--color-ink)}.languages a:hover{background:var(--color-surface)}}
@media(min-width:640px){.hero-art{min-height:620px;padding:var(--space-xl) var(--space-2xl) 0}.hero-art .screen-main{max-width:330px}.hero-art .screen-side{max-width:285px}.benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl)}.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.included-row{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.brand-name{width:170px}}
@media(min-width:960px){.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:var(--space-2xl);padding-top:var(--space-xl)}.hero-art{height:610px;min-height:0;padding:var(--space-xl) var(--space-lg) 0}.hero-art .screen-main{width:60%}.hero-art .screen-side{width:46%;top:25%}.intro-head,.film-head,.ownership-head{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--space-3xl)}.feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-3xl)}.feature:nth-child(even) .feature-visual{order:-1}.feature-visual{padding:var(--space-xl) var(--space-2xl)}.feature-visual img{max-height:590px;max-width:285px}.launch{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-3xl)}.gallery-image{padding:var(--space-lg)}.gallery-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-3xl);align-items:end}.faq{max-width:1050px}.footer-meta{align-items:center}}
@media(max-width:374px){.brand-name{width:102px}.brand-mark{width:30px;height:30px}.brand{gap:6px}.languages a{padding-inline:6px;min-width:31px}.hero-art{min-height:400px}.gallery-caption{font-size:.65rem}.button{padding-inline:16px}.hero-copy>p{font-size:var(--text-md)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
img{height:auto}
@media(min-width:375px) and (max-width:639px){.brand-name{width:112px}.brand-mark{width:32px;height:32px}.brand{gap:var(--space-xs)}}
@media(max-width:639px){.hero-copy>p{font-size:var(--text-md)}.hero{padding-top:var(--space-lg)}}