@font-face{font-family:"Manrope Local";src:url("/assets/Manrope-ExtraBold.ttf") format("truetype");font-weight:700 800;font-display:swap}

:root{
  --bg:#090909;
  --paper:#f2f0ea;
  --ink:#11110f;
  --white:#f8f6f1;
  --muted:#9b9b94;
  --line:#2a2a28;
  --red:#cf1237;
  --pad:clamp(20px,4.2vw,72px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--white);font:16px/1.45 "DM Sans",Arial,sans-serif}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.progress{position:fixed;z-index:80;top:0;left:0;right:0;height:2px;background:rgba(255,255,255,.08)}
.progress span{display:block;width:0;height:100%;background:var(--red)}
.wordmark{font:800 1.5rem/1 "Manrope Local",Arial,sans-serif;letter-spacing:-.07em}
.wordmark span{color:var(--red)}
.brand-lockup{display:flex;align-items:center;gap:11px;min-width:max-content}.brand-lockup>img{width:64px;height:auto}.brand-lockup>i{font-style:normal;color:#5f5f5b;font-size:.8rem}
header{position:fixed;z-index:60;top:2px;left:0;right:0;height:76px;padding:0 var(--pad);display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:30px;background:rgba(9,9,9,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.09)}
.proposal-year{margin:0;color:#92928d;text-transform:uppercase;letter-spacing:.11em;font-size:.67rem}
.proposal-year i{font-style:normal;color:var(--red);padding:0 6px}
header nav{display:flex;gap:22px}
header nav a{display:flex;gap:7px;color:#aaa;font-size:.75rem;transition:color .25s;position:relative}
header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-11px;height:2px;background:var(--red);transition:right .25s}
header nav a:hover,header nav a.active{color:#fff}
header nav a.active:after{right:0}
.pdf-link{display:flex;align-items:center;gap:9px;border-left:1px solid #333;padding-left:25px;font-size:.72rem;letter-spacing:.1em}
.pdf-link:hover{color:var(--red)}
.menu-toggle{display:none;background:transparent;border:0;color:#fff;width:34px;height:34px;padding:8px;cursor:pointer}.menu-toggle span{display:block;height:1px;background:currentColor;margin:5px 0;transition:transform .25s}

.chapter{position:relative;scroll-margin-top:76px;padding:112px var(--pad) 38px;min-height:100svh;display:flex;flex-direction:column;overflow:hidden}
.chapter-label{display:flex;align-items:center;text-transform:uppercase;letter-spacing:.14em;font-size:.68rem}
.chapter-label p{margin:0;color:#8b8b85}
.eyebrow{margin:0 0 20px;color:var(--red);text-transform:uppercase;letter-spacing:.14em;font-size:.7rem}
.chapter-why{isolation:isolate;background:#090909}
.hero-background{position:absolute;z-index:-2;top:0;left:0;right:0;height:100svh;overflow:hidden;background:#090909}
.hero-background:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,9,9,.96) 0%,rgba(9,9,9,.86) 34%,rgba(9,9,9,.48) 72%,rgba(9,9,9,.6) 100%),linear-gradient(180deg,rgba(9,9,9,.3) 0%,rgba(9,9,9,.18) 48%,#090909 86%)}
.hero-loop{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.63;filter:saturate(.9) contrast(1.05)}
.hero{min-height:clamp(540px,68svh,760px);margin:28px 0 34px;display:grid;grid-template-columns:1fr;align-items:center;position:relative}
.hero-intro{position:relative;z-index:2}
.stoli-mark{display:block;width:clamp(105px,9vw,150px);height:auto;margin:0 0 24px}
.hero h1,.proposal-head h2,.targets>h2,.closing h2{font-family:"Manrope Local",Arial,sans-serif;letter-spacing:-.072em;margin:0;line-height:.88}
.hero h1{font-size:clamp(3.9rem,6.7vw,7.3rem);max-width:1050px}
.hero h1 em,.proposal-head h2 em,.closing h2 em{font-style:normal;color:var(--red)}
.hero-copy{max-width:520px;margin:38px 0 0;color:#b8b8b1;font-size:clamp(1rem,1.3vw,1.18rem)}
.why-summary{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(9,9,9,.62);backdrop-filter:blur(7px)}
.why-summary article{padding:20px 32px 24px 0}
.why-summary article+article{padding-left:32px;border-left:1px solid var(--line)}
.why-summary article>span{color:var(--red);text-transform:uppercase;letter-spacing:.12em;font-size:.66rem}
.why-summary h2{font:700 clamp(1.4rem,2vw,2.1rem)/1.05 "Manrope Local",Arial,sans-serif;letter-spacing:-.045em;margin:28px 0 12px}
.why-summary p{color:#a1a19b;margin:0;max-width:610px}
.detail-trigger{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:#fff;padding:16px 0;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left;text-transform:uppercase;letter-spacing:.1em;font-size:.68rem}
.detail-trigger svg{color:var(--red);transition:transform .3s}
.detail-trigger[aria-expanded="true"] svg{transform:rotate(45deg)}
.detail-panel{padding:24px 0 10px;border-bottom:1px solid var(--line)}
.brand-experience{display:flex;justify-content:space-between;gap:30px}.brand-experience p{margin:0;color:#999}.brand-experience strong{font-weight:500;text-align:right}
.difference-list{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(2,1fr)}
.difference-list li{display:grid;grid-template-columns:110px 1fr;padding:14px 0;border-top:1px solid var(--line)}
.difference-list li:nth-child(odd){padding-right:28px}.difference-list li:nth-child(even){padding-left:28px;border-left:1px solid var(--line)}
.difference-list b{color:var(--red);font-weight:500}.difference-list span{color:#aaa}
.detail-note{margin:24px 0 0;color:#777;font-size:.8rem}
.next{align-self:flex-end;margin-top:20px;display:flex;align-items:center;gap:15px;text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;color:#aaa}
.next svg{color:var(--red)}

.chapter-proposal{background:var(--paper);color:var(--ink)}
.chapter-proposal .chapter-label p{color:#69665f}
.proposal-head{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:end;margin:55px 0 55px}
.proposal-head h2,.targets>h2{font-size:clamp(3.2rem,5.7vw,6.4rem)}
.proposal-head h2 em{color:var(--red)}
.volume{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #bbb8af;border-bottom:1px solid #bbb8af}
.volume article{display:flex;align-items:end;gap:18px;padding:28px 0}
.volume article+article{padding-left:25px;border-left:1px solid #bbb8af}
.volume strong{font:700 clamp(4.4rem,7vw,7.5rem)/.72 "Manrope Local",Arial,sans-serif;letter-spacing:-.08em;color:var(--red)}
.volume p{margin:0}.volume p span{color:#777;font-size:.82rem}
.tabs{display:flex;border-bottom:1px solid #aaa69c;gap:30px}
.tabs button{border:0;background:transparent;color:#7f7b73;padding:0 0 13px;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;position:relative}
.tabs button:after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:2px;background:var(--red);transition:right .3s}
.tabs button.active{color:var(--ink)}.tabs button.active:after{right:0}
.tab-panel{padding:25px 0 0;min-height:305px}
.scope-list{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0;border-top:1px solid #c5c1b8}
.scope-list li{min-height:115px;padding:14px 20px 18px 0;border-bottom:1px solid #c5c1b8;display:flex;flex-direction:column;justify-content:space-between}
.scope-list li:not(:nth-child(4n)){border-right:1px solid #c5c1b8}
.scope-list li:not(:nth-child(4n+1)){padding-left:20px}
.scope-list span{color:var(--red);font-size:.65rem}.scope-list b{font-weight:500}
.panel-note{margin:18px 0 0;color:#77736c;font-size:.78rem}
.principles,.team{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c5c1b8}
.principles article,.team article{min-height:235px;padding:15px 25px 20px 0;border-bottom:1px solid #c5c1b8}
.principles article:not(:last-child),.team article:not(:last-child){border-right:1px solid #c5c1b8}
.principles article+article,.team article+article{padding-left:25px}
.principles article>span,.team article>span{color:var(--red);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em}
.principles h3{font:700 clamp(1.4rem,2vw,2rem)/1.05 "Manrope Local",Arial,sans-serif;letter-spacing:-.04em;margin:75px 0 10px}
.principles p,.team p{margin:0;color:#716d66}
.team article{display:grid;grid-template-rows:auto 126px auto}
.team article>span{font-size:1rem;text-transform:none;letter-spacing:0}
.team h3{display:flex;align-items:flex-end;font:700 clamp(1.35rem,1.8vw,1.9rem)/1.05 "Manrope Local",Arial,sans-serif;letter-spacing:-.045em;margin:0 0 24px}
.timeline{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:25px}
.timeline li{display:grid;grid-template-columns:110px 1fr;align-items:start;border-top:1px solid #c5c1b8;padding-top:14px}
.timeline li>span{display:block;color:var(--red);font-size:.7rem;line-height:1.45;text-transform:uppercase}.timeline p{margin:0;line-height:1.45;color:#716d66}.timeline b{color:var(--ink)}
.chapter-proposal .next{color:#777}

.showcase{scroll-margin-top:76px;padding:104px var(--pad) 38px;background:var(--paper);color:var(--ink)}
.showcase-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.showcase-head .eyebrow{align-self:start}.showcase-head h2{font:700 clamp(3rem,5vw,5.6rem)/.9 "Manrope Local",Arial,sans-serif;letter-spacing:-.07em;margin:0}.showcase-head h2 em{font-style:normal;color:var(--red)}
.showcase-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.showcase-grid figure{position:relative;grid-column:span 3;margin:0;aspect-ratio:4/5;overflow:hidden;background:#dedbd3}.showcase-grid figure:first-child{grid-column:span 6;aspect-ratio:16/9}.showcase-grid figure:nth-child(n+8){grid-column:span 4}.showcase-grid img,.showcase-grid video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.showcase-grid figure:hover img{transform:scale(1.025)}
.showcase-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 16px 14px;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff;font-size:.77rem;font-weight:600}.showcase-grid figcaption span{display:block;margin-top:3px;color:#c4c4be;font-size:.66rem;font-weight:400;text-transform:uppercase;letter-spacing:.08em}.showcase .next{color:#777;margin-top:28px}

.chapter-results{background:#111110}
.results-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;margin:50px 0 52px}
.targets>h2{margin-bottom:38px}
.metrics{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line)}
.metrics article{grid-column:span 2;min-height:130px;padding:13px 18px 16px 0;border-bottom:1px solid var(--line)}
.metrics article:not(:nth-child(3n)){border-right:1px solid var(--line)}.metrics article:not(:nth-child(3n+1)){padding-left:18px}
.metrics article:nth-child(4),.metrics article:nth-child(5){grid-column:span 3}
.metrics article:nth-child(4){border-right:1px solid var(--line)}
.metrics p{margin:0 0 28px;color:#85857e;text-transform:uppercase;letter-spacing:.09em;font-size:.62rem}
.metrics span{color:#777}.metrics i{font-style:normal;color:#555;padding:0 7px}.metrics strong{font:700 clamp(1.7rem,3vw,3rem)/1 "Manrope Local",Arial,sans-serif;letter-spacing:-.05em}
.metrics small{display:block;margin-top:7px;color:var(--red);text-transform:uppercase;letter-spacing:.08em;font-size:.62rem}
.baseline{margin:18px 0 0;color:#74746f;font-size:.74rem}
.commercial{padding-top:2px}
.price{background:var(--red);padding:28px;margin-top:20px}
.price p{margin:0;text-transform:uppercase;letter-spacing:.1em;font-size:.68rem}
.price strong{display:block;font:700 clamp(4rem,7vw,7.5rem)/.78 "Manrope Local",Arial,sans-serif;letter-spacing:-.08em;margin:48px 0 12px}
.price strong span{font-size:.42em;vertical-align:top}.price small{text-transform:uppercase;letter-spacing:.08em;color:#f7c7d2}
.includes{color:#a1a19b;font-size:.9rem}
details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
summary{list-style:none;padding:15px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;font-size:.68rem}
summary::-webkit-details-marker{display:none}summary svg{color:var(--red);transition:transform .3s}details[open] summary svg{transform:rotate(45deg)}
details>div{padding:5px 0 18px}details ul{list-style:none;margin:0;padding:0}
details li{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-top:1px solid var(--line);font-size:.82rem}details li span{color:#777;text-align:right}
details>div p{color:#777;font-size:.75rem}
.closing{border-top:1px solid var(--line);padding-top:25px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}
.closing>div>p{margin:0 0 20px;color:#777;text-transform:uppercase;letter-spacing:.1em;font-size:.65rem}
.closing h2{font-size:clamp(2.5rem,4vw,4.4rem)}
.actions{display:flex;flex-direction:column;gap:10px}
.actions a{min-width:250px;padding:16px 18px;border:1px solid #3d3d39;display:flex;align-items:center;justify-content:space-between;gap:25px;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}
.actions a.primary{background:var(--red);border-color:var(--red)}
footer{padding:25px var(--pad) 38px;display:flex;align-items:center;justify-content:space-between;color:#777;font-size:.75rem;border-top:1px solid var(--line)}
footer p{margin:0}

@media(max-width:1050px){
  header{grid-template-columns:auto 1fr auto}.proposal-year{display:none}
  .hero{grid-template-columns:1fr}
  .proposal-head,.results-grid{grid-template-columns:1fr;gap:45px}
  .proposal-head{margin-top:45px}.tab-panel{min-height:370px}
}

@media(max-width:760px){
  header{height:70px;grid-template-columns:auto 1fr auto auto;padding:0 var(--pad);gap:14px}.brand-lockup>img{width:52px}.brand-lockup>i{font-size:.65rem}.wordmark{font-size:1.22rem}.proposal-year{display:none}
  header nav{position:fixed;z-index:58;top:69px;left:0;right:0;height:calc(100svh - 69px);padding:28px var(--pad);background:#090909;display:flex;flex-direction:column;gap:0;transform:translateY(-110%);opacity:0;pointer-events:none;transition:transform .35s ease,opacity .25s ease}
  header nav.open{transform:translateY(0);opacity:1;pointer-events:auto}
  header nav a{font:700 clamp(1.7rem,9vw,3rem)/1 "Manrope Local",Arial,sans-serif;padding:22px 0;border-bottom:1px solid var(--line);color:#fff;letter-spacing:-.045em}
  header nav a:after{display:none}.menu-toggle{display:block}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3px) rotate(-45deg)}
  .pdf-link{padding-left:14px}.pdf-link span{display:none}
  .chapter{min-height:auto;scroll-margin-top:70px;padding:98px var(--pad) 30px}
  .chapter-why,.chapter-proposal,.chapter-results{min-height:100svh}
  .hero-background:after{background:linear-gradient(180deg,rgba(9,9,9,.72) 0%,rgba(9,9,9,.58) 44%,#090909 88%)}.hero-loop{object-position:62% center;opacity:.55}
  .hero{min-height:68svh;grid-template-columns:1fr;margin:24px 0 34px}.hero h1{font-size:clamp(3.1rem,14vw,4.7rem)}.hero-copy{margin-top:28px;max-width:none}.stoli-mark{width:105px;margin-bottom:20px}
  .why-summary{grid-template-columns:1fr}.why-summary article{padding:18px 0 22px}.why-summary article+article{padding-left:0;border-left:0;border-top:1px solid var(--line)}
  .brand-experience{flex-direction:column}.brand-experience strong{text-align:left}
  .difference-list{grid-template-columns:1fr}.difference-list li:nth-child(odd),.difference-list li:nth-child(even){padding:13px 0;border-left:0}.difference-list li{grid-template-columns:95px 1fr}
  .proposal-head h2,.targets>h2{font-size:clamp(2.8rem,12vw,4rem)}
  .volume strong{font-size:4.7rem}.volume article{gap:12px}.volume article+article{padding-left:15px}
  .tabs{gap:20px;overflow-x:auto}.tabs button{white-space:nowrap}
  .tab-panel{min-height:0;padding-top:20px}
  .scope-list{grid-template-columns:1fr 1fr}.scope-list li:not(:nth-child(4n)){border-right:0}.scope-list li:not(:nth-child(4n+1)){padding-left:0}.scope-list li:nth-child(odd){padding-right:15px;border-right:1px solid #c5c1b8}.scope-list li:nth-child(even){padding-left:15px}
  .principles,.team{grid-template-columns:1fr}.principles article,.team article{min-height:auto;padding:16px 0 18px!important;border-right:0!important}.principles h3{margin:35px 0 10px}.team article{display:block}.team h3{display:block;margin:28px 0 12px}
  .showcase{scroll-margin-top:70px;padding:88px var(--pad) 30px}.showcase-head{display:block}.showcase-head h2{font-size:clamp(2.8rem,12vw,4rem)}.showcase-grid{grid-template-columns:1fr 1fr}.showcase-grid figure,.showcase-grid figure:nth-child(n+8){grid-column:auto;aspect-ratio:4/5}.showcase-grid figure:first-child{grid-column:1/-1;aspect-ratio:16/9}
  .timeline{grid-template-columns:1fr}.timeline li{grid-template-columns:95px 1fr}
  .results-grid{margin:44px 0 60px}.metrics{grid-template-columns:1fr 1fr}.metrics article,.metrics article:nth-child(4),.metrics article:nth-child(5){grid-column:auto;padding:13px 12px 15px 0!important;border-right:0!important}.metrics article:nth-child(odd){border-right:1px solid var(--line)!important}.metrics article:nth-child(even){padding-left:12px!important}.metrics p{margin-bottom:24px}.metrics i{display:none}.metrics span{display:block;font-size:.78rem}
  .price strong{font-size:5rem}.closing{grid-template-columns:1fr}.actions a{width:100%}
  footer{gap:24px;flex-wrap:wrap}footer p{order:3;width:100%}
}

@media(max-width:390px){
  .hero h1{font-size:3rem}.hero-copy{font-size:.95rem}.volume{grid-template-columns:1fr}.volume article+article{padding-left:0;border-left:0;border-top:1px solid #bbb8af}
  .scope-list{grid-template-columns:1fr}.scope-list li:nth-child(odd),.scope-list li:nth-child(even){padding:14px 0!important;border-right:0!important}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}