:root{
  --text-xs:clamp(.75rem,.7rem + .25vw,.875rem);
  --text-sm:clamp(.875rem,.8rem + .35vw,1rem);
  --text-base:clamp(1rem,.95rem + .25vw,1.125rem);
  --text-lg:clamp(1.125rem,1rem + .75vw,1.5rem);
  --text-xl:clamp(1.75rem,1.2rem + 2vw,3rem);
  --text-hero:clamp(3rem,1rem + 7vw,7.5rem);
  --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;
  --bg:#0e0f0b;--surface:#15170f;--surface-2:#1c1f15;--line:#2b2f22;--line-2:#3b4030;
  --text:#e7e4d6;--muted:#a3a291;--faint:#6f705f;
  --accent:#e08a2e;--accent-hi:#f29b3c;--olive:#6b7348;
  --font-display:'Tanker','Impact',sans-serif;
  --font-body:'Satoshi','Segoe UI',sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;
  --wrap:1200px;--radius:2px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:400}
p{margin:0}
.skip{position:absolute;left:-999px;top:0;background:var(--accent);color:#111;padding:var(--space-2) var(--space-4);z-index:99}
.skip:focus{left:var(--space-4)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(var(--space-5),4vw,var(--space-10))}
.mono{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}
.muted{color:var(--muted)}
.eyebrow{color:var(--accent);margin-bottom:var(--space-4)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);background:var(--accent);color:#14110a;font-weight:700;font-size:var(--text-sm);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;padding:var(--space-4) var(--space-6);border:1px solid var(--accent);border-radius:var(--radius);cursor:pointer;transition:background .18s,color .18s,border-color .18s;font-family:var(--font-body)}
.btn:hover{background:var(--accent-hi);border-color:var(--accent-hi)}
.btn--ghost{background:transparent;color:var(--text);border-color:var(--line-2)}
.btn--ghost:hover{background:transparent;border-color:var(--accent);color:var(--accent)}
.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}
.btn--full{width:100%}

/* nav */
.nav{position:fixed;inset:0 0 auto;z-index:50;transition:background .25s,border-color .25s;border-bottom:1px solid transparent}
.nav.is-solid{background:rgba(14,15,11,.92);backdrop-filter:blur(8px);border-color:var(--line)}
.nav__inner{max-width:var(--wrap);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) clamp(var(--space-5),4vw,var(--space-10))}
.wordmark{display:flex;flex-direction:column;line-height:.9;text-decoration:none}
.wordmark__a{font-family:var(--font-display);font-size:1.5rem;letter-spacing:.04em}
.wordmark__b{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.42em;color:var(--accent);margin-top:2px}
.nav__links{list-style:none;display:flex;align-items:center;gap:var(--space-8);margin:0;padding:0}
.nav__links a:not(.btn){text-decoration:none;font-size:var(--text-sm);color:var(--muted);transition:color .15s}
.nav__links a:not(.btn):hover{color:var(--text)}
.nav__toggle{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer;flex-direction:column;justify-content:center;gap:6px;padding:10px}
.nav__toggle span{display:block;height:2px;background:var(--text);transition:transform .2s}
.nav__toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
.nav__toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}

/* hero */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden}
.hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,15,11,.55) 0%,rgba(14,15,11,.15) 35%,rgba(14,15,11,.85) 78%,var(--bg) 100%)}
.hero__content{position:relative;width:100%;padding-bottom:clamp(var(--space-16),12vh,var(--space-32));padding-top:var(--space-32)}
.tag{display:inline-flex;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--space-6)}
.dot{width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px rgba(224,138,46,.2)}
.hero__title{font-family:var(--font-display);font-size:clamp(2.75rem,1rem + 5.6vw,6.75rem);line-height:.92;letter-spacing:.01em;text-transform:uppercase}
.hero__title span{display:block}
@media (min-width:700px){.hero__title span{white-space:nowrap}}
.hero__lede{max-width:54ch;color:#cfccbd;margin-top:var(--space-6)}
.hero__ctas{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-8)}
.hero__coords{position:absolute;right:clamp(var(--space-5),4vw,var(--space-10));bottom:var(--space-8);color:var(--faint);writing-mode:vertical-rl}

/* sections */
.section{padding-block:clamp(var(--space-16),9vw,var(--space-32))}
.section--alt{background:var(--surface);border-block:1px solid var(--line)}
.section__head{margin-bottom:var(--space-12)}
.section__head--row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:end}
.section__title{font-family:var(--font-display);font-size:var(--text-xl);line-height:1;text-transform:uppercase;letter-spacing:.01em}
.section__aside{max-width:52ch}

/* divisions */
.divs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}
.div-card{display:flex;flex-direction:column;text-decoration:none;background:var(--surface);border:1px solid var(--line);transition:border-color .2s}
.div-card:hover{border-color:var(--accent)}
.div-card__img{overflow:hidden;aspect-ratio:16/10}
.div-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.div-card:hover .div-card__img img{transform:scale(1.04)}
.div-card__body{padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-3);flex:1}
.div-card__code{color:var(--faint)}
.div-card h3{font-family:var(--font-body);font-weight:700;font-size:var(--text-lg)}
.div-card p:not(.mono){color:var(--muted)}
.div-card__link{margin-top:auto;padding-top:var(--space-4);color:var(--accent);font-weight:700;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em}

/* split media */
.split{display:grid;grid-template-columns:5fr 7fr;gap:clamp(var(--space-10),6vw,var(--space-24))}
.split__head{position:sticky;top:var(--space-24);align-self:start;display:flex;flex-direction:column;gap:var(--space-6);align-items:flex-start}
.split__head .eyebrow{margin-bottom:0}
.svc-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.svc-list li{display:grid;grid-template-columns:48px 1fr;gap:var(--space-4);padding-block:var(--space-6);border-bottom:1px solid var(--line)}
.svc-list__n{color:var(--accent);padding-top:4px}
.svc-list h3{font-weight:700;font-size:var(--text-lg);margin-bottom:var(--space-1)}
.svc-list p{color:var(--muted)}

/* band */
.band{position:relative;height:clamp(360px,62vh,640px);overflow:hidden}
.band img{width:100%;height:100%;object-fit:cover}
.band__overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(var(--space-6),4vw,var(--space-12));background:linear-gradient(90deg,rgba(14,15,11,.82),rgba(14,15,11,.1) 70%)}
.band__hud{display:flex;align-items:center;gap:var(--space-2);color:#d8d6c8}
.rec{width:10px;height:10px;border-radius:50%;background:#d8402f;animation:blink 1.4s steps(2) infinite}
@keyframes blink{50%{opacity:.15}}
.band__quote{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.05;text-transform:uppercase;max-width:18ch}

/* ventures */
.steps{list-style:none;margin:0 0 var(--space-12);padding:0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}
.steps li{padding:var(--space-8) var(--space-6);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:var(--space-2)}
.steps li:last-child{border-right:0}
.steps .mono{color:var(--accent)}
.steps h3{font-family:var(--font-display);font-size:1.75rem;text-transform:uppercase;line-height:1}
.steps p{color:var(--muted);font-size:var(--text-sm)}
.v-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-bottom:var(--space-12)}
.v-item{padding-top:var(--space-5);border-top:2px solid var(--olive)}
.v-item h3{font-weight:700;font-size:var(--text-lg);margin-bottom:var(--space-2)}
.v-item p{color:var(--muted)}
.pill{display:inline-block;margin-left:var(--space-1);padding:2px var(--space-2);border:1px solid var(--line-2);color:var(--accent);font-size:.7rem}

/* personal */
.persona{display:grid;grid-template-columns:5fr 7fr;gap:clamp(var(--space-10),6vw,var(--space-24));align-items:center}
.persona__img{aspect-ratio:3/4;overflow:hidden;border:1px solid var(--line);background:#fff}
.persona__img img{width:100%;height:100%;object-fit:cover;object-position:center top}
.persona__body{display:flex;flex-direction:column;gap:var(--space-5);align-items:flex-start;max-width:56ch}
.persona__body .eyebrow{margin-bottom:0}

/* about */
.about{display:grid;grid-template-columns:5fr 7fr;gap:clamp(var(--space-10),6vw,var(--space-24))}
.about__body{display:flex;flex-direction:column;gap:var(--space-5);max-width:62ch}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin:var(--space-6) 0 0;border-top:1px solid var(--line);padding-top:var(--space-6)}
.stats dt{color:var(--faint);margin-bottom:var(--space-1)}
.stats dd{margin:0;font-weight:700}

/* contact */
.contact{display:grid;grid-template-columns:5fr 7fr;gap:clamp(var(--space-10),6vw,var(--space-24));align-items:start}
.contact__head{display:flex;flex-direction:column;gap:var(--space-5)}
.contact__head .eyebrow{margin-bottom:0}
.contact__meta{list-style:none;margin:var(--space-4) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}
.contact__meta li{display:flex;gap:var(--space-4);align-items:baseline;flex-wrap:wrap}
.contact__meta .mono{color:var(--faint);min-width:56px}
.contact__meta a{color:var(--accent);text-decoration:none;word-break:break-all}
.form,.form__success{background:var(--bg);border:1px solid var(--line);padding:clamp(var(--space-6),3vw,var(--space-10));display:flex;flex-direction:column;gap:var(--space-5)}
.form__divs{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}
.form__divs legend{color:var(--muted);margin-bottom:var(--space-3);padding:0}
.form__divs label{position:relative;cursor:pointer}
.form__divs input{position:absolute;opacity:0;inset:0}
.form__divs span{display:block;text-align:center;padding:var(--space-3) var(--space-2);border:1px solid var(--line-2);font-size:var(--text-sm);font-weight:500;color:var(--muted);transition:all .15s}
.form__divs input:checked+span{border-color:var(--accent);color:var(--text);background:rgba(224,138,46,.1)}
.form__divs input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}
.field{display:flex;flex-direction:column;gap:var(--space-2)}
.field[hidden]{display:none}
.field>span{font-size:var(--text-xs);font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.field em{font-style:normal;color:var(--faint);text-transform:none;letter-spacing:0}
.field input,.field select,.field textarea{font:inherit;font-size:var(--text-base);color:var(--text);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius);padding:var(--space-3) var(--space-4);min-height:48px;width:100%;color-scheme:dark}
.field textarea{resize:vertical;min-height:120px}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent)}
.field input[aria-invalid="true"],.field textarea[aria-invalid="true"]{border-color:#d8402f}
.form__error{color:#ee7a6a;font-size:var(--text-sm)}
.form__note{color:var(--faint);font-size:var(--text-xs);text-align:center}
.form__success h3{font-family:var(--font-display);font-size:var(--text-xl);text-transform:uppercase;line-height:1}
.form__success .mono{color:var(--accent)}
.form__success a{color:var(--accent)}
.form__success .btn{align-self:flex-start}
[hidden]{display:none!important}

/* footer */
.footer{border-top:1px solid var(--line);padding-block:var(--space-12)}
.footer__inner{display:flex;flex-wrap:wrap;gap:var(--space-6);align-items:center;justify-content:space-between;font-size:var(--text-xs)}

/* responsive */
@media (max-width:900px){
  .nav__toggle{display:flex}
  .nav__links{position:fixed;inset:72px 0 auto;flex-direction:column;align-items:stretch;gap:0;background:var(--bg);border-bottom:1px solid var(--line);padding:var(--space-2) var(--space-5) var(--space-6);transform:translateY(-130%);visibility:hidden;transition:transform .25s,visibility .25s}
  .nav__links.is-open{transform:none;visibility:visible}
  .nav__links li a:not(.btn){display:block;padding:var(--space-4) 0;border-bottom:1px solid var(--line);font-size:var(--text-base);color:var(--text)}
  .nav__links .btn{margin-top:var(--space-4);width:100%}
  .divs,.split,.persona,.about,.contact,.section__head--row{grid-template-columns:1fr}
  .split__head{position:static}
  .steps{grid-template-columns:1fr 1fr}
  .steps li:nth-child(2){border-right:0}
  .steps li:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .v-grid{grid-template-columns:1fr}
  .persona__img{max-width:420px}
  .section__head--row{gap:var(--space-6)}
}
@media (max-width:560px){
  .form__row{grid-template-columns:1fr}
  .form__divs{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .steps li{border-right:0;border-bottom:1px solid var(--line)}
  .steps li:last-child{border-bottom:0}
  .stats{grid-template-columns:1fr 1fr}
  .hero__coords{display:none}
  .footer__inner{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* social */
.social{display:flex;gap:var(--space-3);align-items:center}
.social a{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--line-2);color:var(--muted);transition:color .15s,border-color .15s}
.social a:hover{color:var(--accent);border-color:var(--accent)}
.social svg{width:18px;height:18px;fill:currentColor}
.social-list{list-style:none;margin:0;padding:0;width:100%;border-top:1px solid var(--line)}
.social-list a{display:grid;grid-template-columns:22px auto 1fr;gap:var(--space-4);align-items:center;padding:var(--space-4) 0;border-bottom:1px solid var(--line);text-decoration:none;transition:color .15s}
.social-list svg{width:20px;height:20px;fill:var(--accent)}
.social-list__t{font-weight:700}
.social-list__h{color:var(--faint);text-align:right;text-transform:none;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.social-list a:hover .social-list__t{color:var(--accent)}
.contact__meta .social{gap:var(--space-2)}
.contact__meta li:has(.social){align-items:center}

.follow{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2)}
.follow__row{display:grid;grid-template-columns:110px auto;align-items:center;gap:var(--space-4)}
.follow__row .mono{color:var(--faint)}
.footer .follow{margin-top:0}
.ig-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--muted);text-decoration:none;transition:color .15s}
.ig-link svg{width:16px;height:16px;fill:currentColor}
.ig-link .mono{text-transform:none;letter-spacing:.02em}
.ig-link:hover{color:var(--accent)}
.v-cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-6)}
.ig-row{display:flex;flex-wrap:wrap;gap:var(--space-5)}

.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:inherit}
.brand__mark{width:40px;height:40px;flex:none}
.footer__logo{width:min(320px,80%);height:auto;display:block}
.co-banner{margin:0 0 var(--space-12);border:1px solid var(--line);overflow:hidden}
.co-banner img{display:block;width:100%;height:auto}
.co-logo{width:112px;height:112px;border:1px solid var(--line);margin-bottom:var(--space-6);display:block}