@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--bg:#0b0d0c;--panel:#121614;--panel-2:#171c19;--text:#f2f1e9;--muted:#a7ada8;--line:#2a322e;--accent:#caff63;--accent-2:#9be73e;--max:1180px;--radius:22px;--shadow:0 22px 55px rgba(0,0,0,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% -10%,rgba(202,255,99,.09),transparent 30%),var(--bg);color:var(--text);font-family:'Manrope',system-ui,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.mono{font-family:'DM Mono',monospace}.muted{color:var(--muted)}.accent{color:var(--accent)}

header{position:sticky;top:0;z-index:20;background:rgba(11,13,12,.76);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.03em}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--panel);font-family:'DM Mono',monospace;color:var(--accent);font-size:13px}.nav-links{display:flex;align-items:center;gap:24px;font-size:14px;color:var(--muted)}.nav-links a{transition:.2s}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-cta{padding:10px 15px;border:1px solid var(--accent);border-radius:999px;color:var(--accent)!important}

main{padding:70px 0 100px}.hero{padding:48px 0 36px;display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:end}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin-bottom:18px}.hero h1{font-size:clamp(52px,8vw,104px);line-height:.95;letter-spacing:-.065em;margin:0 0 28px;max-width:850px}.hero p{font-size:19px;color:var(--muted);max-width:680px}.hero-note{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),rgba(18,22,20,.55));border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}.hero-note .quote{font-size:22px;line-height:1.35}.hero-note .meta{margin-top:18px;font-size:12px;color:var(--muted)}

.section{padding:56px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-head h2{margin:0;font-size:34px;letter-spacing:-.045em}.section-head p{margin:0;color:var(--muted);max-width:580px}.grid{display:grid;gap:18px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(23,28,25,.86),rgba(18,22,20,.78));box-shadow:var(--shadow)}.card h3{margin:10px 0 10px;font-size:22px;line-height:1.2;letter-spacing:-.025em}.card p{color:var(--muted);margin:0}.tag{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#1c221f;border:1px solid #2d3932;color:#d4dbd5;font-size:11px;font-family:'DM Mono',monospace}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.arrow{color:var(--accent);font-size:22px}.link{display:inline-flex;gap:8px;align-items:center;margin-top:18px;color:var(--accent);font-size:14px}.link:hover{text-decoration:underline}

.feature{display:grid;grid-template-columns:1.1fr .9fr;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:linear-gradient(135deg,#121714,#0d100f)}.feature-copy{padding:42px}.feature h2{font-size:46px;line-height:1.02;letter-spacing:-.055em;margin:18px 0}.feature p{color:var(--muted);font-size:17px}.feature-art{min-height:360px;background:radial-gradient(circle at 40% 30%,rgba(202,255,99,.28),transparent 25%),linear-gradient(135deg,#18201b,#0c0f0e);position:relative}.feature-art:before,.feature-art:after{content:"";position:absolute;border:1px solid rgba(202,255,99,.28);border-radius:50%}.feature-art:before{width:340px;height:340px;left:15%;top:10%}.feature-art:after{width:160px;height:160px;left:39%;top:32%;background:rgba(202,255,99,.05)}

.list{display:grid;gap:14px}.post-row{display:grid;grid-template-columns:120px 1fr auto;gap:22px;align-items:center;padding:20px 0;border-top:1px solid var(--line)}.post-row:first-child{border-top:0}.post-date{font-family:'DM Mono',monospace;font-size:12px;color:var(--muted)}.post-row h3{margin:0 0 4px;font-size:19px}.post-row p{margin:0;color:var(--muted);font-size:14px}.post-row .arrow{font-size:18px}

.profile{display:grid;grid-template-columns:.72fr 1.28fr;gap:28px}.profile-photo{min-height:400px;border-radius:30px;border:1px solid var(--line);background:radial-gradient(circle at 30% 25%,rgba(202,255,99,.35),transparent 18%),radial-gradient(circle at 70% 70%,rgba(255,255,255,.05),transparent 20%),linear-gradient(145deg,#171e19,#0a0d0c);display:flex;align-items:end;padding:26px}.profile-photo .mono{font-size:12px;color:#cbd2cc}.profile-copy h1{font-size:58px;line-height:1;letter-spacing:-.06em;margin:0 0 20px}.profile-copy p{font-size:18px;color:var(--muted)}.signature{margin-top:28px;font-family:'DM Mono',monospace;color:var(--accent)}

.timeline{position:relative;margin-top:18px}.timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:1px;background:var(--line)}.timeline-item{position:relative;padding:0 0 28px 34px}.dot{position:absolute;left:3px;top:7px;width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(202,255,99,.08)}.timeline-item h3{margin:0 0 5px;font-size:18px}.timeline-item p{margin:0;color:var(--muted)}

.article{max-width:860px;margin:auto}.article h1{font-size:clamp(42px,7vw,78px);line-height:1;letter-spacing:-.06em;margin:14px 0 20px}.article .lead{font-size:20px;color:var(--muted)}.article h2{margin-top:52px;font-size:30px;letter-spacing:-.04em}.article p{font-size:17px;color:#d3d6d2}.article blockquote{margin:36px 0;padding:20px 24px;border-left:2px solid var(--accent);background:#121714;color:#e9ece7;font-size:21px}

.notes{columns:2 320px;column-gap:18px}.note{break-inside:avoid;margin:0 0 18px}.note .tag{margin-bottom:14px}

.contact{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-card{padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.contact-card h2{margin:0 0 10px;font-size:32px;letter-spacing:-.04em}.contact-item{padding:15px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px}.contact-item span:first-child{color:var(--muted)}.contact-item a{color:var(--accent)}

footer{border-top:1px solid var(--line);padding:26px 0 40px}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:13px}.footer-links{display:flex;gap:18px}

.smallcaps{font-size:12px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}.kicker{display:inline-block;padding:6px 10px;border-radius:8px;background:rgba(202,255,99,.08);color:var(--accent);font-family:'DM Mono',monospace;font-size:12px}

@media(max-width:900px){.nav-links{display:none}.hero,.profile,.contact,.feature{grid-template-columns:1fr}.hero{padding-top:25px}.hero h1{font-size:58px}.feature-art{min-height:280px}.grid-3{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}.post-row{grid-template-columns:1fr auto}.post-date{grid-column:1/-1}.profile-copy h1{font-size:48px}}
@media(max-width:560px){.container{width:min(var(--max),calc(100% - 26px))}main{padding-top:40px}.hero h1{font-size:46px}.hero p{font-size:17px}.section{padding:40px 0}.section-head{align-items:start;flex-direction:column}.section-head h2{font-size:29px}.feature-copy{padding:28px}.feature h2{font-size:36px}.card{padding:21px}.post-row{padding:17px 0}.footer-row{align-items:start;flex-direction:column}}