
.skip-link{position:fixed;left:12px;top:-60px;z-index:200;background:var(--accent);color:#000;padding:12px 16px;font:600 11px "DM Mono",monospace;text-transform:uppercase}
.skip-link:focus{top:12px}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
main:focus{outline:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
:root{
  --bg:#080808;
  --panel:#101010;
  --text:#f2f0eb;
  --muted:#9a9a96;
  --line:#2b2b2b;
  --accent:#d7ff43;
  --max:1400px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
img,video{display:block;width:100%;height:100%;object-fit:cover}
.nav{height:76px;position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:linear-gradient(#080808e8,transparent)}
.wordmark{font:700 14px Manrope,sans-serif;letter-spacing:.16em}
.nav nav{display:flex;gap:30px}
.nav nav a,.nav-social,.menu{font:500 11px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em;color:#d5d5d2}
.nav nav a:hover,.nav-social:hover{color:var(--accent)}
.menu{display:none;background:none;border:0;color:var(--text)}
.hero{height:100svh;min-height:700px;position:relative;overflow:hidden}
.hero-media{position:absolute;inset:0}
.hero-media img{filter:saturate(.72) contrast(1.08);object-position:center 45%}
.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#000b 0%,#0003 48%,#0007 100%),linear-gradient(0deg,#080808 0%,transparent 35%,#08080833 100%)}
.hero-copy{position:absolute;inset:0;padding:140px 5vw 42px;display:flex;flex-direction:column;justify-content:space-between}
.eyebrow,.kicker,.section-label{font:500 10px "DM Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:#bdbdb9}
.hero h1{margin:0;font:800 clamp(78px,15vw,230px)/.78 Manrope,sans-serif;letter-spacing:-.075em;text-transform:uppercase}
.hero h1 span{padding-left:9vw}
.hero-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;font:500 11px/1.5 "DM Mono",monospace;text-transform:uppercase;letter-spacing:.06em}
.hero-location{text-align:right}
.circle-link{width:62px;height:62px;border:1px solid #ffffff66;border-radius:50%;display:grid;place-items:center;font-size:22px;transition:.3s}
.circle-link:hover{background:var(--text);color:#000;transform:rotate(-45deg)}
section{max-width:var(--max);margin:auto;padding:150px 5vw}
.section-label{border-top:1px solid var(--line);padding-top:14px;margin-bottom:70px}
.statement{display:grid;grid-template-columns:20% 1fr;min-height:620px}
.statement-copy{max-width:1000px}
.display{font:600 clamp(44px,6.5vw,100px)/.94 Manrope,sans-serif;letter-spacing:-.055em;margin:0}
.display em{font-style:normal;color:#777}
.body-copy{max-width:590px;margin:60px 0 0 auto;font-size:17px;line-height:1.7;color:#b8b8b3}
.split{display:grid;grid-template-columns:20% 1fr}
.about-content{display:grid;grid-template-columns:1fr 1fr;gap:8vw}
.about-image{height:680px}
.about-text{padding-top:80px}
.about-text h2,.profile h2,.media h2,.contact h2{font:700 clamp(54px,7vw,105px)/.88 Manrope,sans-serif;letter-spacing:-.06em;margin:25px 0 45px}
.about-text p{max-width:520px;color:#aaa9a4;line-height:1.75;font-size:15px}
.text-link{display:inline-block;margin-top:28px;padding-bottom:8px;border-bottom:1px solid #aaa;font:500 11px "DM Mono",monospace;text-transform:uppercase}
.text-link span{margin-left:15px}
.profile{background:var(--panel);max-width:none;padding-left:5vw;padding-right:5vw}
.profile>.section-label,.profile-grid,.career,.trials{max-width:var(--max);margin-left:auto;margin-right:auto}
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12vw}
.profile-heading .muted{max-width:460px}
.muted{color:#858581;line-height:1.65}
.facts{border-top:1px solid var(--line)}
.fact{display:flex;justify-content:space-between;padding:23px 0;border-bottom:1px solid var(--line);font:500 12px "DM Mono",monospace}
.fact span{color:#73736f}.fact strong{font-weight:500}
.career{margin-top:130px}
.career-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:20px}
.timeline-row{display:grid;grid-template-columns:110px 1fr 1fr;gap:30px;padding:25px 0;border-bottom:1px solid var(--line);align-items:baseline}
.timeline-row span,.timeline-row em{font:400 11px "DM Mono",monospace;color:#777}
.timeline-row strong{font:600 19px Manrope,sans-serif}
.timeline-row em{font-style:normal;text-align:right}
.timeline-row.current strong{color:var(--accent)}
.trials{margin-top:100px}
.trial-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.trial-list span{border:1px solid var(--line);padding:13px 16px;color:#aaa;font:400 10px "DM Mono",monospace;text-transform:uppercase}
.journey{min-height:850px}
.journey-title{margin-bottom:110px}
.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
.journey-card{background:var(--bg);padding:38px;min-height:330px}
.journey-card span{font:400 10px "DM Mono",monospace;color:#777}
.journey-card h3{font:600 15px Manrope,sans-serif;margin:100px 0 18px}
.journey-card p{max-width:330px;color:#888;line-height:1.7;font-size:14px}
.media{background:#eee;color:#0a0a0a;max-width:none}
.media>.section-label,.media-head,.gallery,.video-card{max-width:var(--max);margin-left:auto;margin-right:auto}
.media .section-label{color:#555;border-color:#ccc}
.media-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}
.media-head h2{margin:0}
.media-head .muted{color:#666;max-width:300px}
.gallery{display:grid;grid-template-columns:1.3fr .7fr;gap:12px}
.gallery-item{margin:0;height:510px;position:relative;overflow:hidden}
.gallery-item.large{height:720px}
.gallery-item.wide{height:500px}
.gallery-item:nth-child(4){grid-column:1/-1}
.gallery-item img{filter:saturate(.88)}
.gallery-item figcaption{position:absolute;bottom:18px;left:20px;font:500 10px "DM Mono",monospace;color:white;text-shadow:0 1px 8px #000}
.video-card{height:650px;margin-top:12px;position:relative;background:#111}
.video-overlay{position:absolute;inset:auto 24px 24px;display:flex;justify-content:space-between;align-items:end;color:#fff;font:500 10px "DM Mono",monospace;letter-spacing:.08em}
.video-overlay strong{font:700 22px Manrope,sans-serif;letter-spacing:-.03em}
.social{text-align:center}
.social h2{font:700 clamp(60px,11vw,170px) Manrope,sans-serif;letter-spacing:-.075em;margin:20px 0}
.social>p:not(.section-label){color:#888}
.social-button{display:inline-block;margin-top:30px;border:1px solid #555;padding:15px 22px;font:500 11px "DM Mono",monospace;text-transform:uppercase}
.youtube-placeholder{margin:120px auto 0;border-top:1px solid var(--line);padding-top:18px;color:#555;text-align:left;font:500 10px "DM Mono",monospace}
.contact{background:#e9e8e3;color:#0a0a0a;max-width:none}
.contact>.section-label,.contact-wrap{max-width:var(--max);margin-left:auto;margin-right:auto}
.contact>.section-label{color:#555;border-color:#bbb}
.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:12vw}
.contact h2{margin-bottom:0}
.contact-details{align-self:end;max-width:430px}
.contact-details p{color:#555;line-height:1.7;font-size:15px;margin-bottom:40px}
.contact-details a{display:block;padding:18px 0;border-top:1px solid #aaa;font:500 11px "DM Mono",monospace;text-transform:uppercase}
footer{padding:25px 32px;display:flex;justify-content:space-between;color:#666;font:500 9px "DM Mono",monospace;letter-spacing:.08em}
@media(max-width:800px){
  .nav{padding:0 18px}.nav nav,.nav-social{display:none}.menu{display:block}
  .hero{min-height:680px}.hero-copy{padding:120px 18px 25px}.hero h1{font-size:21vw}.hero h1 span{padding-left:5vw}
  .hero-bottom{grid-template-columns:1fr auto;gap:20px}.hero-location{display:none}
  section{padding:100px 18px}.statement,.split{display:block}.section-label{margin-bottom:45px}
  .display{font-size:50px}.body-copy{margin:40px 0 0;font-size:15px}
  .about-content,.profile-grid,.contact-wrap{grid-template-columns:1fr;gap:45px}.about-image{height:500px}.about-text{padding-top:0}
  .profile h2,.media h2,.contact h2{font-size:65px}.career{margin-top:90px}.career-head{display:block}.timeline-row{grid-template-columns:70px 1fr;gap:10px}.timeline-row em{grid-column:2;text-align:left}.journey{min-height:auto}.journey-title{margin-bottom:60px}.journey-grid{grid-template-columns:1fr}
  .journey-card{min-height:250px}.journey-card h3{margin-top:65px}
  .media-head{display:block}.media-head .muted{margin-top:20px}.gallery{grid-template-columns:1fr}.gallery-item,.gallery-item.large,.gallery-item.wide{height:500px}.gallery-item:nth-child(4){grid-column:auto}.video-card{height:450px}
  .video-overlay{display:block}.video-overlay strong{display:block;margin-top:10px}
  .social h2{font-size:18vw}.youtube-placeholder{margin-top:80px}
  footer{padding:22px 18px;display:grid;gap:10px}
}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s ease}
.reveal.is-visible{opacity:1;transform:none}
.nav.mobile-open nav{display:flex;position:absolute;top:76px;left:0;right:0;padding:25px 18px;background:#080808;flex-direction:column;gap:18px;border-bottom:1px solid var(--line)}
@media(max-width:800px){.nav.mobile-open nav{display:flex}}
