
:root{--bg:#1b1917;--bg2:#242120;--band:#b49a75;--gold:#c6a374;--gold2:#d8b581;--text:#cdc3b4;--head:#cba676;--line:#3a352f;--maxw:1080px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
body{margin:0;overflow-x:clip;background:var(--bg);color:var(--text);font-family:'Jost',system-ui,Arial,sans-serif;font-weight:300;font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold2);text-decoration:none}
a:hover{color:#fff}
h1,h2,h3,h4{font-family:'Jost',sans-serif;color:var(--head);font-weight:400;letter-spacing:.12em;text-transform:uppercase;line-height:1.25}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
.serif{font-family:'EB Garamond',Georgia,serif}
/* header */
.site-head{position:sticky;top:0;z-index:60;background:rgba(20,18,16,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(6px)}
.hd-in{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:1200px;margin:0 auto;padding:12px 20px}
.logo img{width:220px;max-width:52vw}
.nav-toggle{display:none;background:none;border:0;cursor:pointer;padding:12px;min-width:44px;min-height:44px}
.nav-toggle span{display:block;width:26px;height:2px;background:var(--gold);margin:5px 0;transition:.25s}
.main-nav ul{display:flex;flex-wrap:wrap;gap:20px;list-style:none;margin:0;padding:0;align-items:center;justify-content:flex-end}
.main-nav a{color:var(--text);font-family:'Jost';text-transform:uppercase;letter-spacing:.1em;font-size:12.5px;font-weight:400;padding:6px 2px}
.main-nav a:hover,.main-nav a.active{color:var(--gold2)}
/* hero */
.hero{position:relative;min-height:62vh;display:flex;align-items:center;justify-content:center;text-align:center;background:#0e0d0c center/cover no-repeat;padding:90px 20px}
.hero-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,13,12,.58),rgba(15,13,12,.84));z-index:1}
.hero-in{position:relative;z-index:2;max-width:820px}
.hero-in h1{font-size:clamp(1.4rem,4.5vw,2.6rem);color:#fff;letter-spacing:.16em;margin:0 0 14px;text-shadow:0 2px 18px rgba(0,0,0,.7)}
.hero-in p{color:var(--gold2);font-size:clamp(1rem,2.2vw,1.15rem);letter-spacing:.04em;text-shadow:0 2px 14px rgba(0,0,0,.7)}
/* sections */
section{padding:62px 0}
.sec-tight{padding:40px 0}
.center{text-align:center}
.lede{max-width:760px;margin:0 auto;text-align:center;color:var(--gold2);font-size:clamp(1.05rem,2.4vw,1.3rem);letter-spacing:.05em;line-height:1.7}
.kicker{text-align:center;color:var(--head);font-size:13px;letter-spacing:.22em;margin:0 0 30px}
.btn{display:inline-block;border:1px solid var(--gold);color:var(--gold2);padding:14px 30px;text-transform:uppercase;letter-spacing:.16em;font-size:12.5px;margin-top:8px}
.btn:hover{background:var(--gold);color:#1b1917}
.full-img{width:100%;max-height:70vh;object-fit:cover}
.band{background:var(--band);color:#231d16}
.band h1,.band h2,.band h3{color:#2a2118}
.band .lede{color:#2a2118}
/* trailer facade */
.trailer{max-width:900px;margin:24px auto 0;position:relative;aspect-ratio:16/9;background:#000 center/cover no-repeat;cursor:pointer;border:1px solid var(--line)}
.trailer::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35)}
.play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:82px;height:82px;border-radius:50%;background:rgba(198,163,116,.92);z-index:2}
.play::after{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-style:solid;border-width:16px 0 16px 27px;border-color:transparent transparent transparent #1b1917}
.trailer:hover .play{background:var(--gold2)}
/* bios */
.bios{display:grid;grid-template-columns:1fr;gap:38px;max-width:820px;margin:0 auto}
.bio{display:grid;grid-template-columns:130px 1fr;gap:26px;align-items:start}
.bio img{width:130px;height:130px;border-radius:50%;object-fit:cover}
.bio h3{margin:0 0 8px;font-size:16px;color:var(--gold2)}
.bio p{margin:0 0 10px;font-size:15.5px;line-height:1.65}
/* testimonials */
.quote{max-width:760px;margin:0 auto 40px;text-align:center}
.quote img{width:110px;height:110px;border-radius:50%;object-fit:cover;margin:0 auto 18px}
.quote .q{font-family:'EB Garamond',serif;font-size:clamp(1.15rem,2.6vw,1.5rem);font-style:italic;line-height:1.5;color:var(--gold2)}
.quote .by{margin-top:14px;letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:var(--head)}
/* steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;max-width:900px;margin:30px auto 0}
.step .n{font-size:2.4rem;color:var(--head);letter-spacing:.05em}
.step p{font-size:15px}
/* tiers */
.tier{max-width:760px;margin:0 auto 26px;text-align:center}
.tier h3{font-size:14px;color:var(--gold2);margin:0 0 8px}
.tier p{font-size:15px;line-height:1.9}
/* form */
.form{max-width:640px;margin:26px auto 0}
.form label{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--head);margin:16px 0 6px}
.form input,.form textarea{width:100%;background:#100f0d;border:1px solid var(--line);color:var(--text);padding:13px;font-family:inherit;font-size:15px;min-height:46px}
.form textarea{min-height:130px}
.note{max-width:640px;margin:14px auto 0;font-size:12.5px;color:#8f8578;text-align:center}
/* video grid */
.vids{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:940px;margin:24px auto 0}
/* footer */
.site-foot{background:#141210;border-top:1px solid var(--line);padding:44px 20px;text-align:center}
.foot-nav{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin:0 0 20px;padding:0;list-style:none}
.foot-nav a{color:var(--text);text-transform:uppercase;letter-spacing:.12em;font-size:11.5px}
.socials{display:flex;gap:18px;justify-content:center;margin:14px 0}
.socials a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%}
.socials svg{width:18px;height:18px;fill:var(--gold2)}
.foot-brand{margin:18px 0 6px;letter-spacing:.2em;font-size:12px;color:var(--head)}
.copy{font-size:12px;color:#7c7267;letter-spacing:.06em}
.thinkinc{color:var(--gold2);letter-spacing:.2em;font-weight:400}
@media(max-width:820px){
 .nav-toggle{display:block}
 .main-nav{position:fixed;inset:0 0 0 auto;width:min(80vw,320px);background:#161412;transform:translateX(100%);transition:.3s;padding:80px 26px;overflow:auto;z-index:60;border-left:1px solid var(--line)}
 body.nav-open .main-nav{transform:translateX(0)}
 body.nav-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
 body.nav-open .nav-toggle span:nth-child(2){opacity:0}
 body.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 .main-nav ul{flex-direction:column;align-items:flex-start;gap:6px}
 .main-nav a{font-size:15px;padding:12px 0;display:block;min-height:44px}
 .nav-scrim{position:fixed;inset:0;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:.3s;z-index:55}
 body.nav-open .nav-scrim{opacity:1;pointer-events:auto}
 .bio{grid-template-columns:1fr;justify-items:center;text-align:center;gap:14px}
 .steps{grid-template-columns:1fr;gap:30px}
 .vids{grid-template-columns:1fr}
}
