:root{--ink:#0a0a0a;--smoke:#141414;--line:#2a2a2a;--bone:#ffffff;--mute:#a9a9a9;--brass:#ffc815;--brass2:#9bd62c}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{background:var(--ink);color:var(--bone);font:400 16px/1.7 Manrope,system-ui,sans-serif}
img{display:block;width:100%;height:100%;object-fit:cover}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:600;line-height:1.02;letter-spacing:-.01em}
:focus-visible{outline:2px solid var(--brass2);outline-offset:3px}
.wrap{max-width:1240px;margin:0 auto;padding:0 28px}
section{padding:110px 0}
h2{font-size:clamp(38px,5.2vw,68px);margin-bottom:20px}
.lead{color:var(--mute);max-width:56ch;font-weight:300;font-size:18px}
.btn{display:inline-block;padding:15px 34px;border:1px solid var(--brass);color:var(--bone);font-weight:500;letter-spacing:.04em;transition:.3s;cursor:pointer;background:none;font-family:inherit;font-size:15px}
.btn.fill{background:var(--brass);color:var(--ink)}
.btn:hover{background:var(--brass2);color:var(--ink);border-color:var(--brass2)}
/* nav */
nav{position:fixed;inset:0 0 auto 0;z-index:50;transition:.35s;padding:18px 0}
nav.solid{background:rgba(10,10,10,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:12px 0}
nav .wrap{display:flex;align-items:center;justify-content:space-between}
.logo{font-family:'Barlow Condensed',sans-serif;font-size:30px;font-weight:700;letter-spacing:.02em}
.logo i{color:var(--brass);font-style:normal}
.links{display:flex;gap:34px;align-items:center;font-size:14px;letter-spacing:.05em}
.links a:hover{color:var(--brass2)}
.burger{display:none;background:none;border:0;color:var(--bone);font-size:28px;cursor:pointer}
/* hero */
.hero{min-height:100vh;display:flex;align-items:flex-end;position:relative;padding:0 0 70px;background:var(--ink)}
.hero .bg{position:absolute;inset:0}
.hero .bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.55),rgba(10,10,10,.15) 40%,rgba(10,10,10,.96))}
.hero .wrap{position:relative;width:100%}
.hero h1{font-size:clamp(64px,13vw,190px);margin-bottom:26px;animation:rise 1.2s cubic-bezier(.2,.7,.2,1) both}
.hero h1 em{color:var(--brass)}
.hero .row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap}
.hero p{max-width:44ch;color:#e0e0e0;font-weight:300;font-size:19px}
.hero .cta{display:flex;gap:14px;flex-wrap:wrap}
@keyframes rise{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
/* stats */
.stats{border-block:1px solid var(--line);padding:46px 0;background:var(--smoke)}
.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.stats b{display:block;font:600 56px/1 'Barlow Condensed',sans-serif;color:var(--brass2)}
.stats span{color:var(--mute);font-size:14px}
/* programs */
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:56px}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.card{position:relative;overflow:hidden;min-height:360px;grid-column:span 4;background:var(--smoke)}
.card.w{grid-column:span 8}
.card img{position:absolute;inset:0;transition:transform .9s}
.card:hover img{transform:scale(1.06)}
.card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(10,10,10,.92))}
.card div{position:absolute;left:26px;right:26px;bottom:24px;z-index:2}
.card h3{font-size:34px;margin-bottom:6px}
.card p{color:#e0e0e0;font-size:14.5px;font-weight:300}
/* feature */
.feature{background:var(--smoke)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.split .pic{aspect-ratio:4/5;overflow:hidden;border:1px solid var(--line);padding:10px}
.ticks{list-style:none;margin:28px 0 36px}
.ticks li{padding:13px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-weight:300}
.ticks li b{font-weight:500;color:var(--brass2)}
/* plan tabs */
.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0 26px}
.tabs button{background:none;border:1px solid var(--line);color:var(--mute);padding:11px 26px;cursor:pointer;font:500 14px Manrope,sans-serif;transition:.25s}
.tabs button[aria-selected=true]{background:var(--brass);color:var(--ink);border-color:var(--brass)}
.plan{display:grid;grid-template-columns:1.1fr 1fr;gap:0;border:1px solid var(--line)}
.plan .pic{min-height:420px}
.plan .txt{padding:44px}
.plan h3{font-size:40px;margin-bottom:6px}
.plan table{width:100%;border-collapse:collapse;margin-top:20px;font-size:15px}
.plan td{padding:11px 0;border-bottom:1px solid var(--line)}
.plan td:last-child{text-align:right;color:var(--brass2)}
/* gallery */
.gal{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:260px;gap:12px}
.gal div{overflow:hidden}.gal div:nth-child(1){grid-row:span 2}.gal div:nth-child(4){grid-column:span 2}
.gal img{transition:transform .9s;filter:grayscale(.35)}
.gal div:hover img{transform:scale(1.06);filter:none}
/* calc */
.calc{background:var(--smoke);border-block:1px solid var(--line)}
.calc form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:30px}
label{font-size:13px;color:var(--mute);display:block;margin-bottom:6px}
input,select,textarea{width:100%;background:var(--ink);border:1px solid var(--line);color:var(--bone);padding:14px;font:inherit}
input:focus,select:focus,textarea:focus{border-color:var(--brass);outline:0}
.result{border:1px solid var(--brass);padding:40px;text-align:center}
.result b{display:block;font:600 76px/1 'Barlow Condensed',sans-serif;color:var(--brass2)}
.result small{color:var(--mute)}
/* pricing */
.price{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px}
.tier{border:1px solid var(--line);padding:42px 34px;background:var(--smoke)}
.tier.pick{border-color:var(--brass);background:#1d1910;transform:translateY(-14px)}
.tier h3{font-size:34px}
.tier .p{font:600 46px 'Barlow Condensed',sans-serif;color:var(--brass2);margin:14px 0 4px}
.tier .p small{font:300 14px Manrope;color:var(--mute)}
.tier ul{list-style:none;margin:24px 0 32px}
.tier li{padding:9px 0;border-bottom:1px solid var(--line);font-weight:300;font-size:15px}
.tier li:before{content:"✓  ";color:var(--brass)}
/* contact */
.contact form{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact .full{grid-column:1/-1}
footer{border-top:1px solid var(--line);padding:50px 0;color:var(--mute);font-size:14px}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}
.ok{display:none;color:var(--brass2);margin-top:14px}
@media(max-width:900px){
 section{padding:80px 0}
 .links{position:fixed;inset:60px 0 auto 0;background:var(--ink);flex-direction:column;padding:30px;border-bottom:1px solid var(--line);display:none}
 .links.open{display:flex}.burger{display:block}
 .stats .wrap{grid-template-columns:repeat(2,1fr)}
 .card,.card.w{grid-column:span 12}
 .split,.plan,.price,.calc form,.contact form{grid-template-columns:1fr}
 .tier.pick{transform:none}
 .gal{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}.gal div:nth-child(4){grid-column:span 2}
 .plan .txt{padding:28px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.page{padding:140px 0 90px}.page .wrap{max-width:820px}
.page h1{font-size:clamp(40px,6vw,72px);margin-bottom:18px}
.page h2{font-size:34px;margin:44px 0 12px}
.page p,.page li{color:#dcdcdc;font-weight:300;font-size:18px;margin-bottom:16px}
.page ul{margin:0 0 20px 22px}.page li{margin-bottom:8px}
.page .hero-img{aspect-ratio:16/9;margin:30px 0;overflow:hidden;position:relative}
.info{max-width:520px;margin:34px auto}.info img{height:auto;border:1px solid var(--line)}
.meta{color:var(--mute);font-size:14px}
.pin{position:absolute;right:14px;top:14px;background:#e60023;color:#fff;padding:9px 16px;font-size:13px;font-weight:700;border-radius:999px}
.crumb{font-size:14px;color:var(--mute);margin-bottom:20px}.crumb a:hover{color:var(--brass2)}
.more{border-top:1px solid var(--line);margin-top:50px;padding-top:10px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.a{background:var(--smoke);border:1px solid var(--line);transition:.3s}.a:hover{border-color:var(--brass)}
.a .im{aspect-ratio:4/3;overflow:hidden}.a img{transition:transform .8s}.a:hover img{transform:scale(1.05)}
.a div.tx{padding:22px}.a small{color:var(--brass2);font-size:13px}.a h3{font-size:26px;margin:6px 0 8px}.a p{color:var(--mute);font-size:14.5px;font-weight:300;margin:0}
.ad{margin:34px 0;text-align:center;min-height:10px}
@media(max-width:900px){.cards{grid-template-columns:1fr}}

h1,h2,h3,.logo,.stats b,.result b{font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:.01em}
h2{font-size:clamp(44px,6vw,80px)}.page h2{font-size:42px}.page h1{font-size:clamp(46px,7vw,84px)}
.hero h1{font-size:clamp(76px,16vw,230px)}.a h3{font-size:30px}.logo{font-size:34px}
.band{background:var(--brass2);color:#0a0a0a;padding:14px 0}
.band .wrap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font:800 italic 26px 'Barlow Condensed',sans-serif;text-transform:uppercase}
.feat{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}
.feat a{padding:34px 20px;border-right:1px solid var(--line);text-align:center;transition:.3s}.feat a:hover{background:var(--smoke)}
.feat b{display:block;font:800 italic 30px 'Barlow Condensed',sans-serif;text-transform:uppercase;color:var(--brass)}.feat span{color:var(--mute);font-size:14px}
@media(max-width:900px){.feat{grid-template-columns:repeat(2,1fr)}}

.hero{overflow:hidden}.hero .bg{overflow:hidden}
.hero .bg img{position:absolute;inset:0;opacity:0;object-position:center 30%;transform-origin:center;animation:slide 30s linear infinite}
.hero .bg img:first-child{opacity:1}
@keyframes slide{0%{opacity:0;transform:scale(1.02)}3%{opacity:1}20%{opacity:1}24%{opacity:0;transform:scale(1.15)}100%{opacity:0;transform:scale(1.15)}}
.hero h1 em{animation:glow 3s ease-in-out infinite}
@keyframes glow{50%{text-shadow:0 0 45px rgba(255,200,21,.6)}}
.band{overflow:hidden;white-space:nowrap}
.band .track{display:flex;width:max-content;animation:mq 30s linear infinite}
.band .track div{display:flex;gap:46px;padding-right:46px;font:800 italic 28px 'Barlow Condensed',sans-serif;text-transform:uppercase}
@keyframes mq{to{transform:translateX(-50%)}}