:root{--ink:#101818;--paper:#f6f2ea;--brass:#82633b;--amber:#f0b660;--line:#cfc5b3;--green:#1e3a33;--serif:"Newsreader",Georgia,serif;--sans:"Source Sans 3",system-ui,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 var(--sans)}
a{color:inherit}
img{display:block;max-width:100%;height:auto}
p,h1,h2,h3,figure{margin:0}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:1.04}
h2{font-size:clamp(42px,5.3vw,73px)}
h3{font-size:31px}
[hidden]{display:none!important}
:focus-visible{outline:3px solid #99651d;outline-offset:5px}
.hero :focus-visible{outline-color:var(--amber)}
.shell{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.skip{position:absolute;top:6px;left:6px;padding:12px;background:var(--paper);z-index:2;transform:translateY(-150%)}
.skip:focus{transform:translateY(0)}
.header{border-bottom:1px solid #d5cdbf}
.head-inner{min-height:79px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.wordmark{text-decoration:none;font-family:var(--serif);font-size:clamp(19px,3.5vw,29px);line-height:1;letter-spacing:-.06em;white-space:nowrap}
.wordmark span{font-style:italic}
nav{display:flex;gap:clamp(15px,3.2vw,43px);align-items:center}
nav a{font-size:14px;font-weight:600;display:grid;place-items:center;min-height:44px;text-decoration:none;white-space:nowrap}
nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}
.hero{background:#121e1b;color:var(--paper)}
.hero-grid{display:grid;grid-template-columns:1fr 1.06fr;gap:clamp(28px,6vw,86px);align-items:center;padding-block:clamp(48px,7vw,91px) clamp(44px,6vw,76px)}
.hero-copy{padding-bottom:18px}
.eyebrow{font:650 11px/1.5 var(--sans);letter-spacing:.16em;color:#705431}
.eyebrow i{display:inline-block;width:23px;height:1px;background:currentColor;vertical-align:middle;margin-right:9px}
.hero .eyebrow{color:#e2ba7e}
h1{font-size:clamp(57px,7.1vw,105px);line-height:.92;margin:28px 0 26px}
h1 em{color:#e4c28c;font-weight:400}
.hook{font:400 clamp(21px,2.55vw,34px)/1.15 var(--serif);max-width:22ch}
.intro{margin-top:15px;color:#d4d6c9;max-width:36ch}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px 23px;margin-top:27px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:49px;padding:9px 17px;font-size:15px;font-weight:650;text-decoration:none}
.button:hover{filter:brightness(1.12)}
.amber{background:var(--amber);color:var(--ink)}
.ink{background:var(--ink);color:var(--paper)}
.text-link{font-size:14px;text-underline-offset:4px}
.hero-art img{width:100%}
.hero-art figcaption{display:flex;justify-content:space-between;gap:8px;margin-top:10px;color:#d8c6a8;font-size:10px;letter-spacing:.14em}
.format-band{border-bottom:1px solid var(--line);background:#ece5d8}
.format-inner{display:grid;grid-template-columns:repeat(4,1fr);min-height:59px;align-items:center;font-size:14px;font-weight:600}
.format-inner span+span{border-left:1px solid var(--line);padding-left:20px}
.format-inner b{color:#745733;margin-right:6px;font-size:11px}
.cases,.faq{padding-block:clamp(64px,9vw,116px)}
.section-title{display:grid;grid-template-columns:2.2fr 1fr;align-items:end;gap:24px;margin-bottom:36px}
.section-title p:last-child:not(.eyebrow){max-width:32ch}
h2{margin-top:10px}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}
.case{border-bottom:1px solid var(--line);padding-bottom:27px}
.case-image{height:clamp(138px,16vw,220px);display:grid;place-items:center;position:relative;overflow:hidden;color:#e3c58f}
.case-image span{position:absolute;top:13px;left:14px;font-size:12px;letter-spacing:.13em}
.case-image svg{width:85%;height:85%;fill:none;stroke:currentColor;stroke-width:1.1}
.case-image .accent{fill:#eab666;stroke:none}
.street{background:#233c33}.capsule{background:#514335}.buried{background:#343e40}
.case .eyebrow{margin-top:20px}
.case h3{margin:7px 0 9px}
.case>p:last-child{max-width:34ch}
.play{padding-block:clamp(64px,8vw,100px);background:#eae2d4}
.play-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,7vw,94px)}
.play-grid>div>p:last-child{max-width:36ch;margin-top:18px}
.play ol{list-style:none;margin:0;padding:0}
.play li{display:grid;grid-template-columns:38px 1fr;gap:10px;border-top:1px solid #b8ab96;padding:17px 0}
.play li:last-child{border-bottom:1px solid #b8ab96}
.play li span{color:#705431;font-weight:700;font-size:13px}
.play li p{margin-top:7px}
.order{display:grid;grid-template-columns:1.45fr 1fr;gap:clamp(24px,6vw,83px);align-items:center;padding-top:clamp(64px,9vw,116px)}
.order h2+p{max-width:41ch;margin-top:16px}
.order-box{background:#eae2d4;border:1px solid var(--line);padding:clamp(23px,4vw,42px)}
.price{font:400 47px/1.15 var(--serif);margin:9px 0}
.price small,.order-note{font:600 12px/1.5 var(--sans)}
.order-note{margin-top:10px}
.order-details{margin-top:26px}
.order-details details{padding-bottom:16px}
.order-details details p{margin-bottom:10px}
.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:25px}
details{border-top:1px solid var(--line)}
summary{cursor:pointer;padding:13px 4px;font-weight:650;min-height:49px}
details p{padding:0 4px 13px;max-width:58ch}
.faq-list{border-bottom:1px solid var(--line)}
.footer{border-top:1px solid var(--line);background:#efe9de}
.foot-inner{display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:30px;padding-block:28px}
.foot-inner p{font:italic 24px/1.2 var(--serif)}
.foot-inner a{font-size:13px;min-height:44px;display:grid;align-items:center}
@media(max-width:790px){
  .shell{width:calc(100% - 40px)}
  .hero-grid{grid-template-columns:1fr;gap:24px}
  .hero-copy{padding:0}
  .hero-art{max-width:550px}
  .format-inner{grid-template-columns:repeat(2,1fr);row-gap:13px;padding-block:13px}
  .format-inner span:nth-child(3){border:0;padding:0}
  .section-title,.play-grid,.order,.faq{grid-template-columns:1fr}
  .case-grid{gap:13px}
  .case h3{font-size:26px}
}
@media(max-width:560px){
  .head-inner{min-height:64px;gap:12px}
  nav{gap:13px}
  nav a{font-size:12px}
  nav a:nth-child(2){display:none}
  .case-grid{grid-template-columns:1fr;gap:28px}
  .case-image{height:175px}
  .foot-inner{grid-template-columns:92px 1fr;gap:14px}
  .foot-inner a{grid-column:2}
}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}