:root{--bg:#0b0b0b;--bg2:#151515;--bg3:#1c1c1c;--cu:#e8a165;--cu1:#b87333;--cu3:#8a4b1f;--gold:#ffb840;--tx:#f4f1ec;--mut:#b9b2a9;
--cuG:linear-gradient(100deg,#8a4b1f 0%,#b87333 22%,#e8a165 45%,#fff0dc 52%,#e8a165 60%,#b87333 80%,#8a4b1f 100%);--disp:"Anton","Bebas Neue","Oswald",Impact,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg) url(/img/grain.png);color:var(--tx);font:17px/1.6 "Barlow","Inter",system-ui,sans-serif}
a{color:var(--cu)}img{max-width:100%;height:auto}
h1,h2,h3,.disp{font-family:var(--disp);text-transform:uppercase;font-weight:400;letter-spacing:.01em;line-height:.95;margin:0 0 .3em}
.cu{background:var(--cuG);-webkit-background-clip:text;background-clip:text;color:transparent}
.wrap{max-width:1200px;margin:0 auto;padding:0 22px}
/* NAV */
nav{position:sticky;top:0;z-index:20;background:#070707;border-bottom:3px solid var(--cu1)}
nav .wrap{display:flex;align-items:center;gap:2px;height:62px}
nav .brand{display:flex;align-items:center;gap:8px;font-family:var(--disp);font-size:24px;letter-spacing:.04em;color:var(--tx);text-decoration:none;margin-right:auto;white-space:nowrap}
nav .brand img{height:34px}
nav .links{display:flex;gap:2px;overflow-x:auto}
nav .links a{color:var(--tx);text-decoration:none;font:600 14px/1 "Barlow",sans-serif;text-transform:uppercase;letter-spacing:.08em;padding:10px 10px;white-space:nowrap;border-bottom:3px solid transparent}
nav .links a.on,nav .links a:hover{border-color:var(--cu);color:var(--cu)}
nav .cta{margin-left:10px;padding:11px 16px;font-size:14px;white-space:nowrap}
.menu{display:none}
@media(max-width:900px){nav .links{position:fixed;top:65px;left:0;right:0;background:#070707;flex-direction:column;padding:8px 22px 16px;border-bottom:3px solid var(--cu1);display:none}nav.open .links{display:flex}nav .links a{padding:14px 0;font-size:16px}
.menu{display:block;background:none;border:2px solid var(--cu1);color:var(--tx);font:700 13px "Barlow";letter-spacing:.1em;padding:9px 10px;margin-left:8px;cursor:pointer}nav .cta{padding:10px 12px;font-size:12px}}

/* BUTTONS */
.btn{display:inline-block;background:var(--bg2);color:var(--tx);border:2px solid var(--cu1);border-radius:0;padding:14px 22px;font:700 15px/1 "Barlow",sans-serif;text-transform:uppercase;letter-spacing:.12em;text-decoration:none;text-align:center;cursor:pointer}
.btn:hover{border-color:var(--cu);color:var(--cu)}
.btn.main,.btn.cu-b{background:linear-gradient(180deg,#f0b27a,#c47b3d 55%,#8a4b1f);color:#0b0b0b;border:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 4px 0 #4a2610}
.btn.main:hover{filter:brightness(1.08);color:#000}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
/* HERO */
.hero{position:relative;min-height:88vh;display:flex;align-items:center;background:#000 url(/img/hero-bg.jpg) center/cover;clip-path:polygon(0 0,100% 0,100% 92%,0 100%);overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.72) 45%,rgba(0,0,0,.35) 100%)}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:center;width:100%;padding-top:40px;padding-bottom:90px}
.hero .kick{font:700 14px "Barlow";letter-spacing:.35em;color:var(--gold);text-transform:uppercase}
.hero h1{font-size:clamp(64px,11vw,132px);margin:.1em 0 .05em}
.hero .line{font-family:var(--disp);font-size:clamp(28px,4.2vw,52px);text-transform:uppercase;line-height:1}
.hero .rule{height:6px;width:140px;background:var(--cuG);margin:22px 0}
.hero .roles{font:600 16px "Barlow";text-transform:uppercase;letter-spacing:.14em;color:var(--mut)}
.hero .roles b{color:var(--tx)}
.hero .lion{filter:drop-shadow(0 10px 40px rgba(232,161,101,.35))}
@media(max-width:860px){.hero{min-height:auto}.hero .wrap{grid-template-columns:1fr;text-align:center}.hero .lion{order:-1;max-width:330px;margin:0 auto}.hero .rule{margin:18px auto}.btns{justify-content:center}}
/* SECTIONS */
section{padding:80px 0;position:relative}
.sec-dark{background:var(--bg2) url(/img/grain.png)}
.angle{clip-path:polygon(0 5%,100% 0,100% 95%,0 100%);padding:110px 0}
.sh{margin-bottom:36px}.sh .kick{font:700 13px "Barlow";letter-spacing:.35em;color:var(--gold);text-transform:uppercase}
.sh h2{font-size:clamp(42px,6.5vw,80px)}.sh .bar{height:5px;width:110px;background:var(--cuG);margin-top:10px}
.sh.c{text-align:center}.sh.c .bar{margin:10px auto 0}
.lead-p{max-width:760px;color:var(--mut);font-size:18px}.sh.c .lead-p{margin:12px auto 0}
.page-h{position:relative;background:#000 url(/img/band-bg.jpg) center/cover;padding:90px 0 110px;clip-path:polygon(0 0,100% 0,100% 85%,0 100%)}
.page-h:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.6))}
.page-h .wrap{position:relative}.page-h h1{font-size:clamp(52px,9vw,110px)}.page-h .lead-p{color:#ddd}
/* WHAT I DO */
.do{display:grid;gap:0;grid-template-columns:repeat(3,1fr);border:2px solid var(--cu3)}
@media(max-width:860px){.do{grid-template-columns:1fr}}
.do article{position:relative;min-height:440px;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;background:#000 center/cover;border-right:2px solid var(--cu3)}
.do article:last-child{border-right:0}@media(max-width:860px){.do article{border-right:0;border-bottom:2px solid var(--cu3);min-height:380px}}
.do article:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.93) 70%)}
.do article>*{position:relative}.do .ico{width:62px;height:62px;color:var(--cu);margin-bottom:12px}
.do h3{font-size:40px}.do p{color:#ddd;margin:.2em 0 1em}.do .num{font-family:var(--disp);font-size:20px;color:var(--gold);letter-spacing:.1em}
/* CARDS / TILES */
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{background:var(--bg3);border:1px solid #2b2b2b;border-top:4px solid var(--cu1);border-radius:0;overflow:hidden}
.card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;filter:grayscale(.35) contrast(1.15)}
.card div{padding:18px 20px}.card h3{font-size:30px;color:var(--tx)}.card p{color:var(--mut)}
.price{color:var(--gold);font-weight:700;font-family:var(--disp);font-size:24px;letter-spacing:.03em}
.ph{color:var(--gold);font-style:italic;font-size:14px}
/* BAND */
.band{position:relative;background:#000 url(/img/band-bg.jpg) center/cover;clip-path:polygon(0 8%,100% 0,100% 92%,0 100%);padding:130px 0}
.band:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.95),rgba(20,10,4,.7))}
.band .wrap{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}@media(max-width:860px){.band .wrap{grid-template-columns:1fr}}
.band h2{font-size:clamp(44px,6vw,78px)}
/* FORMS */
form.kd{background:#0e0e0e;border:2px solid var(--cu1);padding:26px;max-width:620px;margin:0 auto}
form.kd h2{font-size:38px}
form.kd label{display:block;margin:14px 0 6px;font:700 13px "Barlow";letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
form.kd input,form.kd select,form.kd textarea{width:100%;padding:13px;border:1px solid #3a3a3a;border-radius:0;background:#050505;color:#fff;font:16px "Barlow",sans-serif}
form.kd input:focus,form.kd select:focus,form.kd textarea:focus{outline:2px solid var(--cu);border-color:var(--cu)}
form.kd .chk{display:flex;gap:10px;text-transform:none;letter-spacing:0;font:400 14px/1.45 "Barlow";color:var(--mut)}form.kd .chk input{width:auto;margin-top:3px}
form.kd button{margin-top:20px;width:100%;font-size:17px;padding:17px}
.qty{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #262626;padding:10px 0}.qty input{width:84px!important}
.hidden{display:none}
.disc{max-width:900px;margin:24px auto;border-left:5px solid var(--cu1);background:#120c08;padding:14px 18px;font-size:14.5px;color:#d8d0c6}
/* RESEARCH */
.cat{font-family:var(--disp);font-size:42px;margin:50px 0 14px;padding-bottom:8px;border-bottom:4px solid var(--cu1)}
.res{background:var(--bg3);border-left:5px solid var(--cu1);padding:18px 22px;margin:14px 0}
.res h3{font-family:"Barlow";font-weight:800;text-transform:none;font-size:21px;line-height:1.25;letter-spacing:0}
.res .meta{font:700 12px "Barlow";letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.res p{color:#ddd}
.res a{font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:13px;text-decoration:none}
.prose{max-width:860px}.prose p{color:#ddd}.prose h2{font-size:48px;margin-top:40px}
.figure{margin:0 0 20px}.figure img{width:100%;border:2px solid var(--cu3);filter:contrast(1.1)}.figure figcaption{font-size:12px;color:#888}
/* RECIPES */
.recipe{background:var(--bg3);border-top:4px solid var(--cu1);padding:20px}.recipe h3{font-size:28px}.recipe b{font:700 12px "Barlow";letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.recipe ul,.recipe ol{padding-left:20px;color:#ddd}
/* CONTACT */
.contact .nums{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:24px 0}
.contact .num{background:var(--bg3);border:2px solid var(--cu3);padding:20px}.contact .num b{display:block;font-family:var(--disp);font-size:34px;font-weight:400;margin-bottom:12px}
.contact .num small{display:block;font:700 12px "Barlow";letter-spacing:.2em;color:var(--gold)}
.contact .num .btn{margin:4px 8px 0 0;min-width:120px}
.qrbox{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:26px}.qr{background:#fff;padding:10px;width:170px}
.sub{color:var(--mut);font-size:14px}
.pay{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));max-width:700px;margin:20px auto}
.pay div{background:var(--bg3);border:2px solid var(--cu3);padding:18px;text-align:center}.pay img{width:220px;background:#fff}.pay h3{font-size:32px}
table.sum{width:100%;border-collapse:collapse}table.sum th{background:#000;color:var(--gold);text-align:left;padding:8px;font:700 12px "Barlow";letter-spacing:.14em;text-transform:uppercase}table.sum td{padding:8px;border-bottom:1px solid #2a2a2a}
/* FOOTER */
footer{background:#050505;border-top:6px solid var(--cu1);padding:50px 0 30px;color:var(--mut);font-size:14px}
footer .fg{display:grid;gap:30px;grid-template-columns:1.4fr 1fr 1fr}@media(max-width:760px){footer .fg{grid-template-columns:1fr}}
footer h4{font-family:var(--disp);font-weight:400;font-size:24px;text-transform:uppercase;color:var(--tx);margin:0 0 10px}
footer a{color:var(--tx);text-decoration:none}footer a:hover{color:var(--cu)}footer ul{list-style:none;padding:0;margin:0;line-height:2}
footer .fine{border-top:1px solid #222;margin-top:30px;padding-top:16px;font-size:12px;color:#777}footer .fine a{color:#999}
.qty .price{font:700 13px "Barlow";display:block;letter-spacing:.05em}
@media(max-width:380px){.hero h1{font-size:54px}.hero .line{font-size:25px}.hero .kick{letter-spacing:.2em;font-size:12px}.hero .roles{letter-spacing:.06em}}
@media(max-width:860px){.hero .wrap{grid-template-columns:minmax(0,1fr)}.hero .wrap>*{min-width:0}}
@media(max-width:860px){.hero .lion{max-width:min(330px,100%)}}

/* MOBILE HEADER CTA */
@media(max-width:767px){
 nav .cta{display:inline-flex;align-items:center;height:32px;padding:0 10px;font-size:11.5px;letter-spacing:.12em;margin-left:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 0 #4a2610;animation:kdglow 2.6s ease-in-out infinite}
 nav .cta .cta-a{display:none}
 nav .brand{font-size:22px;gap:6px}nav .brand img{height:30px}
 .menu{height:32px;padding:0 9px;font-size:11.5px}
}
@media(max-width:339px){nav .cta .cta-b{display:none}nav .brand{font-size:19px;gap:5px}nav .brand img{height:26px}nav .cta{padding:0 9px}}
@keyframes kdglow{0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 0 #4a2610,0 0 0 rgba(232,161,101,0)}50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 0 #4a2610,0 0 12px 2px rgba(232,161,101,.5)}}
@media(prefers-reduced-motion:reduce){nav .cta{animation:none}}
nav .cta span{white-space:pre}
/* GUIDES PAGE STICKY BAR */
.gbar{display:none}
@media(max-width:767px){
 .gbar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:30;background:linear-gradient(180deg,#f0b27a,#c47b3d 55%,#8a4b1f);color:#0b0b0b;text-align:center;text-decoration:none;font:800 16px/1 "Barlow",sans-serif;letter-spacing:.18em;text-transform:uppercase;padding:18px 10px calc(18px + env(safe-area-inset-bottom));border-top:2px solid #4a2610;animation:kdbar 2.6s ease-in-out infinite;transition:transform .25s,opacity .25s}
 .gbar.off{transform:translateY(110%);opacity:0;pointer-events:none}
 body.has-gbar{padding-bottom:64px}
}
@keyframes kdbar{0%,100%{box-shadow:0 0 0 rgba(232,161,101,0)}50%{box-shadow:0 -4px 18px rgba(232,161,101,.5)}}
@media(prefers-reduced-motion:reduce){.gbar{animation:none;transition:none}}
#signup{scroll-margin-top:80px}
#spring-water{scroll-margin-top:80px}
/* ABOUT */
.about{padding:90px 0}
.ab{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.ab-pics{position:relative;padding:0 0 60px 60px}
.ab-jj{position:relative;z-index:2;display:block;width:100%;border:5px solid var(--cu1);box-shadow:0 0 0 2px #000,0 0 0 5px var(--cu3),0 24px 60px rgba(0,0,0,.7)}
.ab-bg{position:absolute;z-index:1;left:0;bottom:0;width:52%;border:3px solid var(--cu3);filter:grayscale(.35) contrast(1.1) brightness(.75);transform:rotate(-4deg)}
.ab-name{font-family:var(--disp);font-size:clamp(28px,3.4vw,40px);text-transform:uppercase;margin:0 0 8px;line-height:1}
.ab-roles{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-wrap:wrap;gap:8px}
.ab-roles li{border:2px solid var(--cu1);padding:7px 12px;font:700 12px "Barlow";letter-spacing:.14em;text-transform:uppercase}
.ab-tx p{color:#ddd}
@media(max-width:860px){.ab{grid-template-columns:1fr;gap:30px}.ab-pics{padding:0 0 46px 34px;max-width:520px;margin:0 auto}.ab-bg{width:48%}}
.figure.bright img{filter:contrast(1.05) brightness(1.05)}
.ab-pics{padding:0;min-height:0;display:block}
.ab-jj{width:74%;margin-top:70px}
.ab-bg{left:auto;right:0;top:0;bottom:auto;width:46%;transform:rotate(3deg);filter:grayscale(.2) contrast(1.1) brightness(.85)}
@media(max-width:860px){.ab-pics{padding:0}.ab-jj{width:76%;margin-top:50px}.ab-bg{width:46%}}
.ab-jj{width:100%;margin-top:0}@media(max-width:860px){.ab-jj{width:100%;margin-top:0}}
.wtotal{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:14px;border:2px solid var(--cu1);background:#000}.wtotal span{font:700 13px Barlow;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}.wtotal b{font-family:var(--disp);font-size:34px;color:var(--gold);font-weight:400}
.btn{box-sizing:border-box;min-height:48px;vertical-align:middle}.btn.main,.btn.cu-b{border:2px solid transparent;background-origin:border-box}
.btns .btn{flex:0 1 240px;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:560px){.btns .btn{flex:1 1 100%;max-width:340px}}
/* v3 home */
.quick{background:#070707;border-bottom:3px solid var(--cu1)}.quick .wrap{display:grid;grid-template-columns:repeat(3,1fr)}
.quick a{display:block;padding:18px 16px;text-decoration:none;border-right:1px solid var(--cu3);text-align:center}.quick a:last-child{border-right:0}
.quick b{display:block;font-family:var(--disp);font-weight:400;font-size:26px;text-transform:uppercase;color:var(--cu);letter-spacing:.02em}
.quick span{display:block;font:600 12px "Barlow";letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.quick a:hover b{color:var(--gold)}
@media(max-width:600px){.quick a{padding:14px 4px}.quick b{font-size:19px}.quick span{font-size:9.5px;letter-spacing:.06em}}
.resband{background:linear-gradient(180deg,rgba(11,11,11,.9),rgba(11,11,11,.96)),url(/img/band-bg.jpg) center/cover;border-top:4px solid var(--cu1);border-bottom:4px solid var(--cu1);padding:80px 0}
.rgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:34px 0 10px}@media(max-width:860px){.rgrid{grid-template-columns:1fr}}
.rcard{background:#0b0b0b;border:2px solid var(--cu3);border-top:5px solid var(--cu1);padding:24px;display:flex;flex-direction:column}
.rcard h3{font-size:26px;line-height:1.1;margin:.3em 0}.rcard p{color:#ccc;font-size:15px}.rcard .rsrc{color:var(--gold);font:700 12px "Barlow";letter-spacing:.08em;text-transform:uppercase}
.rcard a{margin-top:auto;color:var(--cu);font:700 13px "Barlow";letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
.rcat{font:800 11px "Barlow";letter-spacing:.2em;text-transform:uppercase;color:#0b0b0b;background:var(--cu);display:inline-block;padding:4px 8px;align-self:flex-start}
.steps{padding:70px 0}.sgrid{display:grid;grid-template-columns:repeat(3,1fr);border:3px solid var(--cu1);margin-top:30px}@media(max-width:860px){.sgrid{grid-template-columns:1fr}}
.sgrid article{padding:30px;border-right:2px solid var(--cu3);background:#101010}.sgrid article:last-child{border-right:0}@media(max-width:860px){.sgrid article{border-right:0;border-bottom:2px solid var(--cu3)}}
.sgrid span{font-family:var(--disp);font-size:80px;line-height:1;background:linear-gradient(180deg,#f0b27a,#8a4b1f);-webkit-background-clip:text;background-clip:text;color:transparent}.sgrid h3{font-size:34px}.sgrid p{color:#ccc}
.finale{position:relative;text-align:center;padding:120px 0 130px;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.85)),url(/img/hero-bg.jpg) center/cover;border-top:6px solid var(--cu1);clip-path:polygon(0 6%,100% 0,100% 100%,0 100%)}
.finale h2{font-size:clamp(64px,13vw,170px);line-height:.9;margin:.1em 0}.finale .bar{margin:22px auto}.finale p{font:700 20px "Barlow";text-transform:uppercase;letter-spacing:.14em;color:#eee}
.finale .btns{justify-content:center}
footer .fine a{color:var(--cu)}
.fcontact{display:flex;gap:14px;align-items:center}.fcontact img{background:#fff;padding:4px;border:2px solid var(--cu1);flex:none}
.fphone{font-family:var(--disp);font-size:26px;color:var(--tx);text-decoration:none;letter-spacing:.02em}
.flinks{display:flex;gap:6px;margin:6px 0}.flinks a{font:700 11px "Barlow";letter-spacing:.12em;text-transform:uppercase;color:var(--cu);border:1px solid var(--cu3);padding:6px 8px;text-decoration:none}
.fcontact small{color:var(--mut);font-size:11px}
.finale{margin-bottom:0}
.gjj{margin:0 auto;max-width:420px}.gjj img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;border:5px solid var(--cu1);box-shadow:0 0 0 2px #000,0 0 0 5px var(--cu3),0 24px 60px rgba(0,0,0,.7)}
.gbio{margin-top:28px;padding-left:18px;border-left:4px solid var(--cu1)}.gbio h3{font-size:30px;margin:0 0 .2em}.gbio p{color:#ddd;margin:.3em 0}.gbio a{color:var(--cu);font:700 13px "Barlow";letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
/* header pair: FREE GUIDE == MENU */
@media(max-width:900px){nav .cta,nav .menu{box-sizing:border-box;height:34px;min-height:34px;padding:0 10px;font:700 12px/1 "Barlow",sans-serif;letter-spacing:.1em;border:2px solid var(--cu1);margin-left:6px;display:inline-flex;align-items:center;justify-content:center}nav .cta{border-color:transparent}}
@media(max-width:339px){nav .cta,nav .menu{padding:0 7px;font-size:11px;letter-spacing:.06em}}