:root{
  --bg:#152a20;
  --panel:#102019;
  --panel-2:#14251d;
  --ink:#e7f5e9;
  --muted:#8da398;
  --line:#244235;
  --acid:#b7ff45;
  --cyan:#62f5d1;
  --warn:#f3d36a;
  --white:#f2f7f2;
  --shadow:rgba(0,0,0,.35);
  --mono:"SFMono-Regular","Cascadia Code","Roboto Mono","Liberation Mono",Consolas,monospace;
  --serif:Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{
  margin:0;background:
    linear-gradient(rgba(21,42,32,.82),rgba(21,42,32,.87)),
    repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(183,255,69,.018) 4px),
    var(--bg);
  color:var(--ink);font-family:var(--mono);line-height:1.55;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:999;
  background:linear-gradient(90deg,transparent 0 49.8%,rgba(98,245,209,.018) 50%,transparent 50.2%);
  mix-blend-mode:screen;
}
a{text-decoration:none;color:inherit}
::selection{background:var(--acid);color:#061008}
.wrap{width:min(1160px,calc(100% - 48px));margin:0 auto}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;background:var(--acid);color:#061008;padding:10px;z-index:100}

.header{
  position:sticky;top:0;z-index:20;
  background:rgba(21,42,32,.90);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between}
.logo{font-weight:950;font-size:23px;letter-spacing:-.06em;display:flex;align-items:center}
.logo img{filter:grayscale(1) brightness(1.7) contrast(1.2);max-width:100px;height:auto}
.logo span{color:var(--acid)}
.nav nav{display:flex;align-items:center;gap:28px;font-size:12px}
.nav-links{display:flex;align-items:center;gap:24px}
.nav-links a{color:var(--muted)}
.nav-links a:before{content:"./";color:var(--acid);opacity:.65}
.nav-links a:hover{color:var(--acid)}
.nav-button,.button{
  display:inline-flex;align-items:center;gap:14px;
  border:1px solid var(--acid);background:transparent;color:var(--acid);
  font-weight:900;padding:10px 14px;position:relative;
}
.nav-button:hover,.button:hover{background:var(--acid);color:#061008}
.nav-toggle{display:none;background:none;border:1px solid var(--line);padding:9px 10px;cursor:pointer}
.nav-toggle span{display:block;width:20px;height:2px;background:var(--acid);margin:4px 0}

.hero{padding:100px 0 92px;border-bottom:1px solid var(--line);position:relative}
.hero:before{
  content:"// SYSTEM ONLINE";position:absolute;right:0;top:28px;
  color:#3d6451;font:700 10px var(--mono);letter-spacing:.14em;
}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:86px;align-items:end}
.eyebrow{
  font-size:10px;letter-spacing:.16em;font-weight:900;color:var(--acid);
  margin:0 0 18px;text-transform:uppercase;
}
.eyebrow:before{content:"[";color:var(--cyan)}.eyebrow:after{content:"]";color:var(--cyan)}
.hero h1{
  font-size:clamp(52px,7vw,90px);line-height:.92;letter-spacing:-.075em;
  margin:0;max-width:900px;text-wrap:balance;
}
.hero h1 span{font-family:var(--serif);font-weight:400;color:var(--acid)}
.hero h1 em{font-style:normal}
.lead{font-size:19px;line-height:1.5;max-width:750px;margin:30px 0 18px;color:#cfe0d3}
.hero-note{font-size:14px;color:var(--muted);max-width:700px;margin:0}
.hero-actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:32px}
.button{background:var(--acid);color:#061008;border-color:var(--acid)}
.button span{font-size:18px}
.underlink{font-weight:850;color:var(--cyan);border-bottom:1px dashed var(--cyan);padding-bottom:2px}
.underlink:hover{color:var(--acid);border-color:var(--acid)}
.hero-card{
  border:1px solid #3b674f;background:linear-gradient(145deg,#102018,#09140f);
  padding:28px;box-shadow:10px 10px 0 #153221;
  transform:rotate(1deg);position:relative;
}
.hero-card:before{content:">_";position:absolute;right:16px;top:12px;color:var(--acid);font-weight:900}
.card-label{font-size:10px;letter-spacing:.14em;font-weight:900;color:var(--muted)}
.quote{font-family:var(--serif);font-size:31px;line-height:1.12;margin:34px 0;color:var(--white)}
.card-divider{height:1px;background:var(--line)}
.small-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px;margin-top:24px}
.small-grid strong{font-size:26px;letter-spacing:-.04em;display:block;color:var(--acid)}
.small-grid span{font-size:10px;line-height:1.25;color:var(--muted);display:block;margin-top:4px}

.tape{overflow:hidden;background:var(--acid);color:#061008;border-top:1px solid #07100c;border-bottom:1px solid #07100c}
.tape-inner{min-height:48px;width:max-content;display:flex;align-items:center;gap:22px;padding:0 24px;font-size:10px;font-weight:900;letter-spacing:.14em}
.tape i{color:#061008;font-style:normal}

.section{padding:110px 0}
.intro,.work,.experience-names,.talks,.story{border-bottom:1px solid var(--line)}
.intro-grid,.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.section h2{
  font-size:clamp(40px,5vw,66px);line-height:.98;letter-spacing:-.065em;margin:0;
}
.section h2 em{font-family:var(--serif);font-weight:400;color:var(--acid)}
.prose{font-size:16px;color:var(--muted);max-width:600px}
.prose p{margin:0 0 20px}

.how{background:#09150f}
.section-head{display:grid;grid-template-columns:1fr .55fr;gap:80px;align-items:end;margin-bottom:54px}
.section-head>p{font-size:14px;color:var(--muted);margin:0}
.how-grid,.work-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.how-grid article,.work-card{padding:30px 34px 34px 0;border-bottom:1px solid var(--line)}
.how-grid article:nth-child(even),.work-card:nth-child(even){padding-left:34px;border-left:1px solid var(--line)}
.how-grid span,.work-card>span{
  font-size:10px;font-weight:900;letter-spacing:.14em;color:var(--acid)
}
.how-grid h3,.work-card h3{font-size:28px;letter-spacing:-.045em;line-height:1.05;margin:22px 0 10px}
.how-grid p,.work-card p{max-width:500px;color:var(--muted);margin:0 0 18px}
.how-grid b{font-size:11px;color:var(--cyan);letter-spacing:.03em}

.work-card ul{list-style:none;padding:0;margin:24px 0 0;border-top:1px solid var(--line)}
.work-card li{padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}
.work-card li::before{content:"↳";margin-right:9px;color:var(--acid)}
.work-card.featured{
  background:linear-gradient(90deg,rgba(183,255,69,.08),transparent);
  padding-left:22px;border-left:4px solid var(--acid)
}

.name-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.name-chip{
  min-height:150px;padding:22px;border:1px solid var(--line);
  background:var(--panel);display:flex;flex-direction:column;justify-content:space-between;
}
.name-chip:hover{border-color:var(--acid);transform:translateY(-2px)}
.name-chip strong{font-size:17px;color:var(--white)}
.name-chip span{font-size:11px;color:var(--muted)}
.name-cta{border-color:var(--acid);background:rgba(183,255,69,.06);color:var(--acid)}

.proof{background:#08130e;color:var(--white)}
.proof-intro{max-width:800px;margin-bottom:58px}
.proof-intro .eyebrow{color:var(--cyan)}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #244235;border-bottom:1px solid #244235}
.proof-grid article{padding:30px 20px 34px 0}
.proof-grid article+article{border-left:1px solid #244235;padding-left:20px}
.proof-grid strong{display:block;color:var(--acid);font-size:42px;letter-spacing:-.05em}
.proof-grid h3{font-size:16px;margin:15px 0 8px}
.proof-grid p{font-size:12px;color:#8da398;margin:0}

.talk-feature{
  display:grid;grid-template-columns:1.2fr .8fr;gap:0;
  border:1px solid var(--line);background:var(--panel);overflow:hidden;
}
.talk-feature-copy{padding:42px}
.talk-meta,.talk-year{
  font-size:10px;font-weight:900;letter-spacing:.15em;color:var(--acid)
}
.talk-feature h3{font-size:42px;line-height:1;letter-spacing:-.05em;margin:16px 0}
.talk-feature-copy>p:not(.talk-meta){font-size:15px;color:#9fb1a5;max-width:650px}
.talk-value{border-left:3px solid var(--acid);padding:2px 0 2px 17px;margin:26px 0}
.talk-value strong,.talk-value span{display:block}
.talk-value strong{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--acid)}
.talk-value span{margin-top:6px;color:#aabbb0}
.talk-art{
  position:relative;min-height:420px;background:
    radial-gradient(circle at center,rgba(183,255,69,.12),transparent 42%),
    repeating-linear-gradient(0deg,transparent 0 18px,rgba(98,245,209,.04) 19px),
    #050b08;
  color:var(--acid);display:flex;align-items:center;justify-content:center;
  border-left:1px solid var(--line);
}
.talk-art:before{content:"[ LIVE_SIGNAL ]";position:absolute;top:20px;left:24px;font-size:9px;color:var(--cyan)}
.scribble{font-family:var(--serif);font-size:54px;line-height:.85;text-align:center;transform:rotate(-8deg);text-shadow:3px 3px 0 #153221}
.music{position:absolute;right:28px;bottom:25px;font-size:45px;transform:rotate(8deg)}
.talks-list{margin-top:42px;border-top:1px solid var(--line)}
.talks-list article{display:grid;grid-template-columns:170px 1fr;gap:28px;padding:27px 0;border-bottom:1px solid var(--line)}
.talks-list h3{font-size:22px;line-height:1.08;letter-spacing:-.03em;margin:4px 0 8px}
.talks-list p{margin:0;color:var(--muted);max-width:820px}
.value{margin-top:13px;font-size:13px;color:#9fb1a5}
.value b{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--acid);margin-right:8px}
.talk-footer{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-top:30px}
.talk-footer p{margin:0;color:var(--muted);max-width:700px;font-size:13px}

.curiosity{background:#08140f;color:var(--white)}
.curiosity .eyebrow{color:var(--cyan)}
.curiosity h2{color:var(--white)}
.curiosity .section-head>p{color:#9fb1a5}
.curiosity-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:42px}
.curiosity-card{
  background:#0d1b14;color:#dfece2;border:1px solid var(--line);
  border-radius:0;padding:32px;box-shadow:7px 7px 0 #12281c;
}
.curiosity-card:hover{border-color:var(--acid)}
.curiosity-card h3{font-family:var(--serif);font-size:clamp(26px,3vw,40px);line-height:1.05;margin:10px 0 18px;letter-spacing:-.02em;color:var(--white)}
.curiosity-card p{color:#9fb1a5;line-height:1.7}
.curiosity-card .talk-meta{color:var(--acid);font-size:10px;font-weight:800;letter-spacing:.12em;margin:0}
.curiosity-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:24px 0;display:grid;gap:7px}
.curiosity-note strong{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--cyan)}
.curiosity-note span{color:#9fb1a5;line-height:1.55}
.curiosity-card .underlink{color:var(--cyan)}
.curiosity-footer{margin-top:24px;padding:24px 28px;border:1px dashed #315541;border-radius:0}
.curiosity-footer p{margin:0;color:#9fb1a5;line-height:1.65}
.curiosity-footer strong{color:var(--acid)}

.writing{background:#0d1b15}
.writing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:34px}
.writing-card{
  background:#14271f;border:1px solid var(--line);padding:28px;min-height:330px;
  display:flex;flex-direction:column;position:relative;
}
.writing-card:after{
  content:"";position:absolute;top:0;right:0;width:8px;height:8px;
  background:var(--acid);box-shadow:-10px 0 0 #173723;
}
.writing-card:hover{border-color:var(--acid)}
.writing-kicker{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;color:var(--acid);margin-bottom:16px}
.writing-card h3{font-family:var(--serif);font-size:clamp(1.5rem,2.2vw,2.15rem);line-height:1.02;margin:0 0 14px;max-width:20ch;color:var(--white)}
.writing-card p{color:#9fb1a5;max-width:64ch}
.writing-value{margin-top:auto;padding-top:22px;display:grid;grid-template-columns:100px 1fr;gap:14px;border-top:1px solid var(--line)}
.writing-value strong{font-family:var(--mono);text-transform:uppercase;font-size:10px;color:var(--acid)}
.writing-value span{font-size:13px;color:#aebfb3}
.writing-footer{margin-top:24px;padding:22px 0;border-top:1px solid var(--line)}
.writing-footer p{color:var(--muted);font-size:13px}.writing-footer strong{color:var(--white)}
.soft-note{font-size:12px;color:var(--muted)}

.outside{background:#06100c;border-bottom:1px solid var(--line)}
.outside-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.outside-card{background:#112119;border:1px solid var(--line);padding:32px}
.outside-card h3{font-family:var(--serif);font-size:34px;line-height:1.02;margin:10px 0 18px;color:var(--white)}
.outside-card>p:not(.talk-meta){color:var(--muted)}
.outside-card .curiosity-note{border-color:var(--line)}

.story-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px}
.story-links a{font-weight:850;border-bottom:1px dashed var(--cyan);color:var(--cyan)}


.contact{
  background:#d9f35f;color:#111510;padding:72px 0 66px;
  border-top:1px solid #c1db49;border-bottom:1px solid #a8c13f;
}
.contact .eyebrow{color:#62685b;margin-bottom:34px}
.contact .eyebrow:before,.contact .eyebrow:after{color:#62685b}
.contact h2{font-size:clamp(54px,6vw,92px);line-height:.96;letter-spacing:-.065em;margin:0 0 30px;color:#080b08;max-width:940px}
.contact p{font-size:clamp(17px,1.45vw,22px);line-height:1.5;max-width:980px;margin:0;color:#171c16}
.contact-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);gap:58px;align-items:center}
.contact-grid>div:first-child{max-width:none}
.contact-card{background:#151714;color:#f4f5ed;padding:56px 48px;border:0;box-shadow:none;display:flex;flex-direction:column;gap:34px;min-height:360px;justify-content:center}
.contact-card p{font-size:clamp(17px,1.35vw,21px);line-height:1.45;color:#d9dbd2;margin:0;max-width:none}
.contact-card small{display:block;color:#b7b9b0;margin:0;font-size:13px;line-height:1.5;white-space:normal;order:3}
.contact-actions{display:flex;align-items:center;margin:0;order:2}
.contact-card .button{margin:0;background:#d9f35f;color:#111510;border:0;white-space:nowrap;padding:18px 26px;font-weight:850;box-shadow:none;font-size:17px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-width:310px}
.contact-card .button:hover{background:#c8e84c;border-color:transparent}
@media(max-width:1050px){
  .contact-grid{grid-template-columns:1fr;gap:36px}
  .contact-card{min-height:0;padding:38px}
}
@media(max-width:700px){
  .contact{padding:48px 0}
  .contact h2{font-size:46px;margin-bottom:22px}
  .contact p{font-size:17px}
  .contact-card{padding:30px 26px;gap:24px}
  .contact-card .button{min-width:0;width:100%;box-sizing:border-box;justify-content:space-between}
}

footer{padding:26px 0;background:#050b08}
.footer{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;font-size:11px;color:var(--muted)}
.footer a{color:var(--acid);font-weight:850}

@media(max-width:900px){
  .hero-grid,.intro-grid,.story-grid,.contact-grid,.talk-feature,.section-head{grid-template-columns:1fr;gap:38px}
  .hero{padding-top:65px}.hero:before{display:none}
  .proof-grid{grid-template-columns:1fr 1fr}
  .talk-art{min-height:280px;border-left:0;border-top:1px solid var(--line)}
  .talk-footer{align-items:flex-start;flex-direction:column}
  .nav-toggle{display:block}
  .nav nav{
    position:absolute;left:24px;right:24px;top:72px;display:none;flex-direction:column;
    align-items:stretch;gap:14px;background:var(--panel);border:1px solid var(--line);
    padding:18px;box-shadow:0 10px 24px rgba(0,0,0,.4)
  }
  .nav nav.is-open{display:flex}
  .nav-links{display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:1px solid var(--line)}
  .nav-links a{padding:10px 4px}.nav nav .nav-button{text-align:center;margin-top:2px}
  .name-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  .curiosity-grid,.outside-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .wrap{width:min(100% - 28px,1160px)}
  .nav{min-height:64px}.nav nav{top:64px;left:14px;right:14px}
  .nav-button{padding:8px 10px}.hero h1{font-size:49px}.lead{font-size:17px}
  .hero-card{box-shadow:6px 6px 0 #153221}
  .section{padding:76px 0}
  .how-grid,.work-grid,.writing-grid{grid-template-columns:1fr}
  .how-grid article:nth-child(even),.work-card:nth-child(even){padding-left:0;border-left:0}
  .work-card.featured{padding-left:18px}
  .proof-grid{grid-template-columns:1fr}
  .proof-grid article+article{border-left:0;border-top:1px solid #244235;padding-left:0}
  .talk-feature-copy{padding:28px}.talk-feature h3{font-size:37px}
  .talks-list article{grid-template-columns:1fr;gap:8px}
  .talk-art{min-height:230px}.scribble{font-size:44px}
  .writing-feature{grid-column:auto}.writing-value{grid-template-columns:1fr;gap:7px}
  .name-grid{grid-template-columns:1fr}
  .footer{grid-template-columns:1fr}
}

/* Broader experience context beneath the header metrics */
.hero-card-context{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;line-height:1.55;color:var(--muted)}
.hero-card-context p{margin:0 0 12px}
.hero-card-context p:last-child{margin-bottom:0}
.hero-card-context strong{color:var(--white)}
@media (max-width:700px){.hero-card-context{font-size:12px}}