:root{--black:#070908;--charcoal:#101412;--cream:#f0eadf;--paper:#d8d0c1;--acid:#d7c367;--rust:#7e3128;--line:rgba(240,234,223,.18);--serif:'Italiana',serif;--sans:'Manrope',sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--cream);font-family:var(--sans);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.skip{position:fixed;top:-4rem;left:1rem;background:var(--acid);color:#111;padding:.7rem;z-index:99}
.skip:focus{top:1rem}
.demo-ribbon{position:fixed;right:0;top:132px;z-index:40;background:var(--rust);padding:8px 18px;font:500 9px var(--mono);letter-spacing:.12em;text-transform:uppercase;transform:rotate(90deg) translateX(100%);transform-origin:top right}
header{height:92px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;inset:0 0 auto;z-index:20}
.wordmark{display:flex;flex-direction:column;text-decoration:none;font:400 11px/1 var(--mono);letter-spacing:.22em;color:var(--cream)}
.wordmark b{font:400 25px/.95 var(--serif);letter-spacing:.08em;color:var(--acid)}
nav{display:flex;gap:35px}
nav a{font:400 10px var(--mono);text-transform:uppercase;letter-spacing:.12em;text-decoration:none;color:var(--paper)}
nav a:hover{color:var(--acid)}
.menu{display:none;background:transparent;color:var(--cream);border:1px solid var(--line);padding:10px 13px;font:500 9px var(--mono);text-transform:uppercase;letter-spacing:.1em;cursor:pointer}
.hero{min-height:100dvh;display:grid;grid-template-columns:1.08fr .92fr;position:relative;padding-top:92px}
.hero-grid{position:absolute;inset:92px 0 0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:calc(100vw/8) 100%;opacity:.25}
.hero-copy{padding:10vh 5vw 9vh;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center}
.overline{font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.18em;color:var(--acid)}
h1,h2{font-family:var(--serif);font-weight:400;line-height:.9;margin:18px 0;letter-spacing:-.025em}
h1{font-size:clamp(65px,8vw,125px)}
h1 em{font-weight:400;color:var(--acid)}
.intro{max-width:600px;font-size:16px;line-height:1.75;color:#b9b4aa}
.hero-actions{display:flex;align-items:center;gap:30px;margin-top:28px}
.cta{min-height:54px;padding:0 22px;display:inline-flex;align-items:center;gap:35px;background:var(--acid);color:#12130d;text-decoration:none;border:0;font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:transform .45s cubic-bezier(.16,1,.3,1),background .2s}
.cta:hover{transform:translateY(-3px);background:#ead97b}
.text-action{font:400 11px var(--mono);color:var(--paper);text-underline-offset:5px}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:55px;padding-top:22px;max-width:640px}
.metrics div{display:flex;flex-direction:column}
.metrics b{font:400 28px var(--serif);color:var(--acid)}
.metrics span{font:300 9px var(--mono);text-transform:uppercase;color:#777;letter-spacing:.08em}
.visual{position:relative;background:radial-gradient(circle at center,rgba(215,195,103,.12),transparent 40%),#0c100e;display:grid;place-items:center;overflow:hidden}
.book{width:min(49%,380px);position:relative;z-index:4;transform:perspective(1200px) rotateY(-10deg) rotateZ(1.5deg);filter:drop-shadow(-30px 40px 38px #000)}
.book img,.case-cover img{width:100%;height:auto}
.orbit{position:absolute;border:1px solid rgba(215,195,103,.2);border-radius:50%;animation:orbit 22s linear infinite}
.orbit-a{width:65%;aspect-ratio:1}
.orbit-b{width:88%;aspect-ratio:1;animation-direction:reverse;animation-duration:31s}
.orbit:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--acid);top:50%;left:-4px}
@keyframes orbit{to{transform:rotate(360deg)}
}
.case-number{position:absolute;left:4vw;top:18%;font:400 9px var(--mono);letter-spacing:.14em;color:#777}
.case-number b{font:400 50px var(--serif);color:var(--cream)}
.visual-note{position:absolute;right:3vw;bottom:8%;font:300 10px/1.7 var(--mono);color:#87857f}
.scroll-mark{position:absolute;left:5vw;bottom:2.5vh;font:300 8px var(--mono);text-transform:uppercase;letter-spacing:.16em;display:flex;align-items:center;gap:12px}
.scroll-mark span{width:60px;height:1px;background:var(--acid)}
.method{padding:150px 6vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;background:var(--cream);color:#111}
.method h2,.case-copy h2,.verdict h2{font-size:clamp(55px,7vw,95px)}
.method h2 i{font-weight:400;color:var(--rust)}
.method-list article{display:grid;grid-template-columns:75px 1fr;border-top:1px solid #aaa194;padding:30px 0}
.method-list article:last-child{border-bottom:1px solid #aaa194}
.method-list>article>span{font:400 12px var(--mono);color:var(--rust)}
h3{font:400 36px var(--serif);margin:0 0 8px}
.method-list p{color:#58544d;line-height:1.7}
.dossier{background:#9b9488;color:#10110f;padding:32px 4vw 120px}
.file-meta{display:flex;justify-content:space-between;border-block:1px solid rgba(0,0,0,.3);padding:11px 0;font:400 9px var(--mono);letter-spacing:.12em}
.case-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;max-width:1200px;margin:90px auto 0;align-items:center}
.case-cover{width:min(100%,480px);position:relative;padding:22px;background:#777168;box-shadow:0 35px 70px rgba(0,0,0,.28)}
.stamp{position:absolute;right:-35px;top:45px;width:100px;height:100px;border:2px solid var(--rust);border-radius:50%;display:grid;place-items:center;text-align:center;font:500 11px var(--mono);text-transform:uppercase;color:var(--rust);transform:rotate(12deg)}
.case-copy .overline{color:#63302a}
.case-copy>p:not(.overline){max-width:640px;line-height:1.8;color:#36342f}
.case-copy blockquote{font:400 27px/1.25 var(--serif);border-left:2px solid var(--rust);padding-left:22px;margin:30px 0;color:#24231f}
.case-details{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid rgba(0,0,0,.28);margin:35px 0}
.case-details div{padding:17px 0;display:flex;flex-direction:column}
.case-details span{font:400 8px var(--mono);text-transform:uppercase;color:#5f5a52}
.case-details b{font:500 12px var(--sans)}
.cta.dark{background:#141714;color:var(--cream)}
.proof{padding:110px 5vw;background:var(--charcoal);overflow:hidden}
.proof-line{font:400 clamp(42px,7vw,100px)/.95 var(--serif);margin:0;white-space:nowrap;color:#6f726c}
.proof-line:nth-child(2){text-align:right}
.proof-line.accent{color:var(--acid)}
.verdict{padding:150px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;background:linear-gradient(120deg,#070908 30%,#111713)}
.verdict-copy>p:not(.overline){color:#98968f;max-width:500px;line-height:1.8}
form{border:1px solid var(--line);padding:40px;background:rgba(255,255,255,.025)}
.form-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:30px;font:400 9px var(--mono);letter-spacing:.12em;color:var(--acid)}
label{display:block;font:500 9px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:#aaa;margin-bottom:8px}
input{width:100%;background:#080b09;border:1px solid #343a35;color:var(--cream);padding:17px;font:400 19px var(--mono);outline:none}
input:focus{border-color:var(--acid);box-shadow:0 0 0 3px rgba(215,195,103,.1)}
.check{display:flex;align-items:center;gap:10px;text-transform:none;margin:20px 0}
.check input{width:auto;accent-color:var(--acid)}
.demo-result{font:400 11px var(--mono);color:var(--acid);min-height:20px}
footer{display:grid;grid-template-columns:1fr auto auto;gap:35px;align-items:end;padding:60px 4vw;border-top:1px solid var(--line);font:300 9px var(--mono);color:#777}
.paused .orbit{animation-play-state:paused}
@media(max-width:900px){body.nav-open{overflow:hidden}
header{z-index:60}
header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:28px 4vw 34px;background:rgba(7,9,8,.98);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:0;box-shadow:0 28px 55px rgba(0,0,0,.42);backdrop-filter:blur(16px)}
header.menu-open nav{display:flex}
header nav a{width:100%;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px}
header nav a:last-child{border-bottom:0}
.menu{display:block;position:relative;z-index:2}
.menu:focus-visible{outline:2px solid var(--acid);outline-offset:3px}
.hero{grid-template-columns:1fr}
.hero-copy{padding-top:130px}
.visual{min-height:650px}
.method,.case-layout,.verdict{grid-template-columns:1fr}
.method{gap:55px}
.case-cover{margin:auto}
.proof-line{white-space:normal}
.verdict{gap:45px}
}
@media(max-width:600px){header{height:75px}
.hero{padding-top:75px}
.hero-copy{padding:110px 22px 75px}
.hero h1{font-size:56px}
.metrics{gap:12px}
.metrics b{font-size:24px}
.visual{min-height:620px;padding:105px 22px 45px}
.case-number{top:28px;left:22px;z-index:7}
.case-number b{font-size:42px}
.book{width:58%;margin-top:20px}
.visual-note,.scroll-mark{display:none}
.method,.verdict{padding:90px 22px}
.method h2,.case-copy h2,.verdict h2{font-size:52px}
.dossier{padding:20px 22px 90px}
.case-layout{margin-top:60px}
.case-details{grid-template-columns:1fr}
.stamp{right:-5px}
.proof{padding:75px 22px}
.proof-line{font-size:43px;margin-bottom:10px}
form{padding:25px 18px}
.hero-actions{align-items:flex-start;flex-direction:column}
.metrics span{font-size:7px}
footer{grid-template-columns:1fr;align-items:start}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.orbit{animation:none}
.cta{transition:none}
}

.verdict-card{border:1px solid var(--line);padding:40px;background:rgba(255,255,255,.025)}
.verdict-card .file-meta{color:var(--acid);border-color:var(--line);margin-bottom:30px}
.verdict-card h3{font-size:42px}
.verdict-card p{color:#98968f;line-height:1.75}
.verdict-card .cta{margin-top:18px}
.faq{padding:130px 6vw;background:var(--cream);color:#111;display:grid;grid-template-columns:.75fr 1.25fr;gap:9vw}
.faq h2{font-size:clamp(55px,7vw,95px)}
.faq-list details{border-top:1px solid #aaa194;padding:23px 0}
.faq-list details:last-child{border-bottom:1px solid #aaa194}
.faq-list summary{cursor:pointer;font:400 26px var(--serif);list-style:none;display:flex;justify-content:space-between;gap:20px}
.faq-list summary:after{content:'+';color:var(--rust);font:400 24px var(--mono)}
.faq-list details[open] summary:after{content:'−'}
.faq-list p{max-width:650px;color:#58544d;line-height:1.75}
.official-footer-links{display:flex;gap:22px;flex-wrap:wrap}
.official-footer-links a{color:#aaa;text-underline-offset:4px}
.official-footer-links a:hover{color:var(--acid)}
@media(max-width:900px){.faq{grid-template-columns:1fr;gap:45px}
.verdict-card{padding:30px}
}
@media(max-width:600px){.faq{padding:90px 22px}
.faq h2{font-size:52px}
.official-footer-links{flex-direction:column;gap:10px}
}

.definition{padding:120px 6vw;background:#0d100e;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;align-items:start}
.definition h2{font-size:clamp(52px,6vw,88px);line-height:.98;margin:16px 0 0}
.definition-answer{padding-top:42px}
.definition-lead{font:400 clamp(24px,2.3vw,35px)/1.5 var(--serif);margin:0 0 50px;color:var(--paper)}
.definition-lead strong{color:var(--cream);font-weight:400}
.definition-answer dl{margin:0;border-top:1px solid var(--line)}
.definition-answer dl div{display:grid;grid-template-columns:180px 1fr;gap:24px;padding:18px 0;border-bottom:1px solid var(--line)}
.definition-answer dt{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--acid)}
.definition-answer dd{margin:0;color:#aaa79f;line-height:1.55}
@media(max-width:900px){.definition{grid-template-columns:1fr;gap:20px}
.definition-answer{padding-top:0}
}
@media(max-width:600px){.definition{padding:90px 22px}
.definition h2{font-size:50px}
.definition-lead{font-size:25px}
.definition-answer dl div{grid-template-columns:1fr;gap:8px}
}

.dossier-midnight{background:linear-gradient(135deg,#101513,#20231e);color:var(--cream);border-top:1px solid var(--line)}
.dossier-midnight .file-meta{border-color:var(--line);color:var(--paper)}
.dossier-midnight .case-layout{grid-template-columns:1.15fr .85fr}
.dossier-midnight .case-cover{order:2;background:#252a26;box-shadow:0 35px 80px rgba(0,0,0,.55)}
.dossier-midnight .case-copy{order:1}
.dossier-midnight .case-copy .overline,.dossier-midnight .stamp{color:var(--acid)}
.dossier-midnight .stamp{border-color:var(--acid);transform:rotate(-10deg)}
.dossier-midnight .case-copy>p:not(.overline){color:#b9b4aa}
.dossier-midnight .case-details{border-color:var(--line)}
.dossier-midnight .case-details span{color:#8d8d85}
.dossier-midnight .cta{margin-top:4px}
@media(max-width:1100px) and (min-width:901px){.dossier-midnight .stamp{right:-12px}}
@media(max-width:900px){.dossier-midnight .case-layout{grid-template-columns:1fr}.dossier-midnight .case-cover{order:1}.dossier-midnight .case-copy{order:2}}
@media(max-width:600px){.dossier-midnight .file-meta{gap:18px}.dossier-midnight .file-meta span:last-child{text-align:right}.dossier-midnight .case-cover{width:min(90%,480px)}.dossier-midnight .case-copy h2{overflow-wrap:anywhere}}

/* Collection carousel */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.hero{display:block;min-height:760px;height:100dvh;overflow:hidden;touch-action:pan-y;outline:none}
.hero:focus-visible{box-shadow:inset 0 0 0 2px var(--acid)}
.carousel-track{height:100%;position:relative}
.book-slide{position:absolute;inset:0;display:grid;grid-template-columns:1.08fr .92fr;padding-top:92px;opacity:0;visibility:hidden;transform:translateX(7%);transition:opacity .45s ease,transform .55s cubic-bezier(.16,1,.3,1);pointer-events:none}
.book-slide.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto;z-index:2}
.book-slide.is-leaving{transform:translateX(-7%)}
.book-slide .hero-copy{padding-top:7vh;padding-bottom:10vh}
.book-slide .hero-copy h2{font-size:clamp(58px,7.2vw,112px);margin:12px 0 22px}
.slide-case{margin:12px 0 0;font:400 12px var(--mono);letter-spacing:.17em;text-transform:uppercase;color:var(--paper)}
.book-slide .visual{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:7vh 3vw 8vh;gap:18px}
.book-slide .book{width:min(42%,330px);flex:0 1 auto;min-height:0}
.book-slide .book img{display:block;max-height:49vh;object-fit:contain}
.book-slide .book-midnight{width:min(48%,360px)}
.book-cta{position:relative;z-index:6;justify-content:space-between;min-width:min(330px,80%)}
.book-slide .visual-note{position:relative;right:auto;bottom:auto;z-index:5;margin:2px 0 0;max-width:390px;text-align:center;color:#9b9992}
.carousel-controls{position:absolute;z-index:10;left:5vw;bottom:3vh;display:flex;align-items:center;gap:14px}
.carousel-arrow{width:44px;height:44px;border:1px solid var(--line);background:rgba(7,9,8,.82);color:var(--cream);font-size:20px;cursor:pointer}
.carousel-arrow:hover,.carousel-arrow:focus-visible{border-color:var(--acid);color:var(--acid)}
.carousel-dots{display:flex;gap:9px;padding:10px}
.carousel-dots button{width:30px;height:30px;padding:0;border:0;background:transparent;display:grid;place-items:center;cursor:pointer}
.carousel-dots button:before{content:"";width:8px;height:8px;border:1px solid var(--acid);border-radius:50%;background:transparent}
.carousel-dots button[aria-current="true"]:before{background:var(--acid)}
.carousel-dots button:focus-visible{outline:1px solid var(--acid);outline-offset:1px}
.carousel-count{min-width:42px;font:400 10px var(--mono);letter-spacing:.12em;color:var(--paper);text-align:center}
@media(min-width:901px) and (max-height:820px){
.book-slide .hero-copy{padding-top:4vh;padding-bottom:6vh}
.book-slide .hero-copy h2{font-size:clamp(54px,6.5vw,88px);margin-bottom:15px}
.book-slide .intro{line-height:1.6}
.book-slide .metrics{margin-top:28px;padding-top:16px}
.book-slide .book img{max-height:43vh}
.book-slide .visual{padding-top:4vh;padding-bottom:6vh;gap:14px}
.carousel-controls{left:auto;right:3vw;bottom:12px}
}
@media(max-width:900px){
.hero{height:auto;min-height:0;overflow:hidden}
.carousel-track{height:auto;min-height:1080px}
.book-slide{grid-template-columns:1fr;grid-template-rows:auto 1fr;align-content:start;padding-top:92px}
.book-slide .hero-copy{padding:55px 6vw 28px;justify-content:start}
.book-slide .hero-copy h2{font-size:clamp(54px,10vw,82px)}
.book-slide .intro{max-width:720px}
.book-slide .metrics{margin-top:28px}
.book-slide .visual{min-height:570px;padding:35px 6vw 105px}
.book-slide .book{width:min(35vw,300px)}
.book-slide .book-midnight{width:min(40vw,330px)}
.book-slide .book img{max-height:390px}
.carousel-controls{left:50%;bottom:28px;transform:translateX(-50%)}
}
@media(max-width:600px){
.carousel-track{min-height:1070px}
.book-slide{padding-top:75px}
.book-slide .hero-copy{padding:36px 22px 22px}
.book-slide .hero-copy .overline{margin-bottom:18px}
.book-slide .hero-copy h2{font-size:49px;line-height:.94;margin:8px 0 18px}
.book-slide .intro{font-size:14px;line-height:1.6;margin-bottom:0}
.book-slide .metrics{margin-top:22px;padding-top:16px}
.book-slide .metrics b{font-size:22px}
.book-slide .metrics span{font-size:7px}
.book-slide .visual{min-height:510px;padding:24px 22px 105px;gap:14px}
.book-slide .book,.book-slide .book-midnight{width:min(52vw,230px);margin:0}
.book-slide .book img{max-height:300px}
.book-cta{width:100%;min-width:0;justify-content:space-between}
.book-slide .visual-note{display:block;font-size:9px;line-height:1.55;margin:0}
.carousel-controls{width:calc(100% - 44px);justify-content:space-between;gap:8px}
.carousel-dots{gap:8px;padding:8px}
}
@media(prefers-reduced-motion:reduce){.book-slide{transition:none}}