:root{--ink:#172c24;--paper:#f2efe8;--cream:#e5dfd2;--orange:#e85e32;--line:rgba(23,44,36,.18);--white:#fff;--serif:"Newsreader",Georgia,serif;--sans:"Manrope",sans-serif;--mono:"DM Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}.site-header{height:88px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;z-index:10;width:100%;top:0}.brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:700;letter-spacing:-.02em}.brand-mark{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--paper);font-family:var(--serif);font-style:italic}.site-header nav{display:flex;gap:36px;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.site-header nav a{transition:color .2s}.site-header nav a:hover{color:var(--orange)}.header-cta{font-size:13px;font-weight:700;border-bottom:1px solid;padding-bottom:3px}.menu-button{display:none;background:none;border:0}.hero{min-height:820px;padding:170px 6vw 48px;display:grid;grid-template-columns:1.08fr .92fr;grid-template-rows:1fr auto;gap:0 8vw;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:520px;height:520px;border:1px solid var(--line);border-radius:50%;top:140px;right:-290px}.hero-copy{align-self:center;max-width:700px}.eyebrow,.section-label{font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:32px}.status-dot{width:8px;height:8px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 5px rgba(232,94,50,.12)}h1,h2,h3,p{margin-top:0}h1{font:500 clamp(64px,8vw,126px)/.84 var(--serif);letter-spacing:-.065em;margin:0 0 38px;max-width:760px}h1 em,.contact h2 em{color:var(--orange);font-weight:400}.intro{font-size:17px;line-height:1.7;max-width:610px;color:rgba(23,44,36,.74)}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:40px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:16px 20px;font-size:12px;font-weight:700;letter-spacing:.02em;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:var(--white);min-width:190px}.button-light{background:var(--paper);color:var(--ink);min-width:220px}.text-link{font-size:12px;font-weight:600;border-bottom:1px solid var(--line);padding-bottom:4px}.hero-visual{align-self:center;justify-self:center;position:relative}.portrait-card{width:min(31vw,430px);aspect-ratio:.82;background:var(--ink);border-radius:48% 48% 8px 8px;position:relative;overflow:hidden;display:grid;place-items:center}.portrait-card:before{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle at 60% 38%,#f6ad6b 0 4%,#d96c3c 5% 12%,#9e3421 13% 19%,#1e4436 20% 58%,#142b23 59%);filter:saturate(.8)}.portrait-initial{z-index:2;font:italic 250px/1 var(--serif);color:rgba(242,239,232,.88);transform:translateY(7%)}.portrait-orbit{position:absolute;border:1px solid rgba(242,239,232,.35);border-radius:50%;z-index:3}.orbit-one{width:80%;height:38%;transform:rotate(55deg)}.orbit-two{width:110%;height:55%;transform:rotate(-18deg)}.portrait-label{position:absolute;z-index:4;bottom:24px;left:24px;color:white;font:9px/1.5 var(--mono);letter-spacing:.12em}.note-card{position:absolute;right:-35px;bottom:-30px;background:var(--orange);color:#fff;padding:18px 24px;transform:rotate(-4deg);font:11px/1.5 var(--mono);box-shadow:0 15px 35px rgba(23,44,36,.16)}.hero-foot{grid-column:1/-1;display:flex;align-items:center;gap:24px;font:9px var(--mono);letter-spacing:.1em}.rule{height:1px;background:var(--line);flex:1}.statement,.work,.writing{padding:120px 6vw}.statement{background:var(--ink);color:var(--paper)}.statement .section-label{color:rgba(242,239,232,.55);margin-bottom:50px}.statement-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:10vw}.statement h2,.section-heading h2{font:500 clamp(44px,5.4vw,80px)/.98 var(--serif);letter-spacing:-.04em;margin:0}.about-copy{max-width:540px;color:rgba(242,239,232,.7);font-size:15px}.about-copy>p:first-child{font-size:20px;color:var(--paper)}.facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;padding-top:32px;border-top:1px solid rgba(242,239,232,.2);gap:20px}.facts strong{font:500 38px var(--serif);color:var(--paper);display:block}.facts span{font:9px var(--mono);text-transform:uppercase;letter-spacing:.08em}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:60px}.section-heading>p{max-width:410px;color:rgba(23,44,36,.66);font-size:14px;margin:0}.section-label{margin-bottom:20px;color:rgba(23,44,36,.54)}.work-list{border-top:1px solid var(--line)}.work-item{display:grid;grid-template-columns:70px 1fr 1fr 40px;gap:30px;align-items:center;padding:35px 0;border-bottom:1px solid var(--line);transition:padding .25s,background .25s}.work-item:hover{padding-left:15px;padding-right:15px;background:rgba(255,255,255,.3)}.work-number{font:10px var(--mono);color:rgba(23,44,36,.5)}.work-title{display:flex;align-items:center;gap:18px}.work-title h3{font:500 26px var(--serif);margin:0}.icon-box{width:50px;height:50px;background:var(--cream);display:grid;place-items:center;font-size:22px}.work-item p{font-size:13px;color:rgba(23,44,36,.64);margin:0;max-width:420px}.work-arrow{text-align:right}.writing{background:#e9e4da}.article-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.article-card{background:var(--paper);padding:18px 18px 30px;display:flex;flex-direction:column;min-height:550px;transition:transform .3s,box-shadow .3s}.article-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(23,44,36,.1)}.article-art{height:280px;margin-bottom:28px;overflow:hidden;position:relative}.keyboard-art{background:var(--orange);display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:30px}.keyboard-art span{display:grid;place-items:center;background:rgba(255,255,255,.9);font:40px var(--serif);box-shadow:4px 4px 0 rgba(23,44,36,.15)}.terminal-art{background:var(--ink);color:#8ee0ad;padding:50px;font:13px/2 var(--mono);display:flex;flex-direction:column;justify-content:center}.terminal-art i{display:block;width:9px;height:18px;background:var(--orange);animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}.article-meta{display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.08em;color:rgba(23,44,36,.52)}.article-card h3{font:500 34px/1.1 var(--serif);margin:24px 0 14px}.article-card p{font-size:13px;color:rgba(23,44,36,.65);max-width:530px}.read-more{font:500 11px var(--mono);margin-top:auto}.contact{background:var(--orange);color:white;padding:110px 6vw 40px;text-align:center}.contact .section-label{color:rgba(255,255,255,.7)}.contact h2{font:500 clamp(54px,7vw,104px)/.93 var(--serif);letter-spacing:-.05em;margin:30px auto 50px}.contact h2 em{color:var(--ink)}.contact-footer{display:flex;justify-content:space-between;margin-top:100px;padding-top:24px;border-top:1px solid rgba(255,255,255,.3);font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header nav,.header-cta{display:none}.menu-button{display:flex;flex-direction:column;gap:6px;padding:10px}.menu-button span{display:block;width:22px;height:1px;background:var(--ink)}.site-header.open nav{display:flex;position:absolute;top:88px;left:0;width:100%;background:var(--paper);padding:25px 6vw;flex-direction:column;gap:20px;border-bottom:1px solid var(--line)}.hero{padding-top:140px;grid-template-columns:1fr;min-height:auto}.hero-copy{margin-bottom:70px}.hero-visual{margin-bottom:80px}.portrait-card{width:min(80vw,430px)}.hero-foot{margin-top:30px}.statement-grid{grid-template-columns:1fr;gap:50px}.work-item{grid-template-columns:40px 1fr 30px}.work-item p{grid-column:2/3}.article-grid{grid-template-columns:1fr}.article-card{min-height:500px}.section-heading{align-items:flex-start;gap:30px;flex-direction:column}.section-heading>p{max-width:100%}}
@media(max-width:560px){.site-header{height:72px}.site-header.open nav{top:72px}.hero,.statement,.work,.writing{padding-left:22px;padding-right:22px}.hero{padding-top:120px}.hero-actions{align-items:flex-start;flex-direction:column}.intro{font-size:15px}.statement,.work,.writing{padding-top:80px;padding-bottom:80px}.facts{gap:8px}.facts strong{font-size:30px}.facts span{font-size:8px}.work-title h3{font-size:22px}.icon-box{display:none}.article-art{height:220px}.keyboard-art{padding:18px}.contact{padding-left:22px;padding-right:22px}.contact-footer{gap:20px}.note-card{right:-5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.terminal-art i{animation:none}}

.about-link{display:inline-block;margin-top:8px;color:var(--paper);border-bottom:1px solid rgba(242,239,232,.4);font:10px var(--mono);letter-spacing:.06em;text-transform:uppercase}.social-links{display:flex;justify-content:center;gap:28px;margin-top:34px;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.social-links a{border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:3px}

/* Minimal, content-first direction */
.site-header{height:72px;padding:0 5vw;background:rgba(242,239,232,.94);position:fixed;backdrop-filter:blur(12px)}
.brand-mark{width:30px;height:30px;font-size:13px}.site-header nav{gap:28px}.header-cta{border:1px solid var(--line);padding:8px 12px}
.hero{min-height:680px;padding:150px 8vw 38px;grid-template-columns:minmax(0,1fr) 220px;gap:7vw}.hero:before{display:none}.hero-copy{max-width:790px}
h1{font-size:clamp(58px,7.5vw,108px);line-height:.92;letter-spacing:-.055em;margin-bottom:28px}.intro{max-width:570px;font-size:16px}.hero-actions{margin-top:32px}
.button{padding:13px 16px}.button-dark{min-width:170px}.portrait-card{width:190px;aspect-ratio:1;border-radius:50%;background:transparent;border:1px solid var(--line);overflow:visible}.portrait-card:before,.portrait-orbit,.portrait-label,.note-card{display:none}.portrait-initial{font-size:92px;color:var(--ink);transform:none}.hero-foot{margin-top:40px}
.statement,.work,.writing{padding:92px 8vw}.statement-grid{grid-template-columns:1fr 1fr;gap:8vw}.statement h2,.section-heading h2{font-size:clamp(40px,4.5vw,64px)}.facts{margin-top:36px;padding-top:24px}.facts strong{font-size:32px}
.section-heading{margin-bottom:42px}.work-item{grid-template-columns:45px minmax(240px,.8fr) 1fr 25px;gap:24px;padding:26px 0}.work-item:hover{padding-left:0;padding-right:0;background:transparent}.icon-box{width:34px;height:34px;background:transparent;border:1px solid var(--line);font-size:15px}.work-title h3{font-size:24px}
.writing{background:#eae6dd}.article-grid{gap:18px}.article-card{min-height:360px;padding:0 0 24px;background:transparent;border-bottom:1px solid var(--line);box-shadow:none}.article-card:hover{transform:none;box-shadow:none}.article-art{height:5px;margin-bottom:25px}.keyboard-art,.terminal-art{display:block;padding:0;background:var(--orange)}.terminal-art{background:var(--ink)}.keyboard-art span,.terminal-art span,.terminal-art i{display:none}.article-card h3{font-size:30px;margin:20px 0 10px}.article-card p{font-size:13px;max-width:480px}
.contact{background:var(--ink);padding:88px 8vw 34px}.contact h2{font-size:clamp(48px,6vw,78px);margin:24px auto 38px}.contact h2 em{color:var(--orange)}.contact-footer{margin-top:70px}
.reveal{transform:translateY(10px);transition-duration:.45s}
@media(max-width:900px){.site-header{padding:0 22px}.site-header.open nav{top:72px}.hero{grid-template-columns:1fr;padding-left:22px;padding-right:22px}.hero-visual{display:none}.statement-grid{grid-template-columns:1fr;gap:42px}.statement,.work,.writing{padding-left:22px;padding-right:22px}.work-item{grid-template-columns:35px 1fr 22px}.work-item p{grid-column:2/3}}

/* Blog */
.blog-header{position:relative}.blog-shell{width:min(820px,88vw);margin:0 auto}.blog-hero{padding:170px 0 70px;border-bottom:1px solid var(--line)}.blog-hero h1{font-size:clamp(58px,9vw,110px);margin-bottom:24px}.blog-hero p{max-width:600px;color:rgba(23,44,36,.68)}.post-list{padding:60px 0 110px}.post-row{display:grid;grid-template-columns:130px 1fr 30px;gap:28px;padding:32px 0;border-bottom:1px solid var(--line);align-items:start}.post-row:first-child{border-top:1px solid var(--line)}.post-row time,.post-kicker{font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:rgba(23,44,36,.56)}.post-row h2{font:500 36px/1.05 var(--serif);margin:0 0 10px;letter-spacing:-.025em}.post-row p{font-size:14px;color:rgba(23,44,36,.66);margin:0}.post-page{padding:160px 0 100px}.post-page header{margin-bottom:60px}.post-page h1{font-size:clamp(52px,8vw,92px);margin:18px 0 25px}.post-byline{display:flex;gap:20px;font:10px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:rgba(23,44,36,.58)}.prose{font-family:var(--serif);font-size:20px;line-height:1.75}.prose h2{font:500 38px/1.15 var(--serif);margin:55px 0 20px;letter-spacing:-.02em}.prose h3{font:600 24px/1.3 var(--serif);margin:40px 0 14px}.prose p,.prose ul,.prose ol{margin:0 0 24px}.prose li{margin-bottom:8px}.prose a{color:var(--orange);border-bottom:1px solid}.prose code{font:14px var(--mono);background:var(--cream);padding:3px 6px}.prose blockquote{border-left:3px solid var(--orange);margin:35px 0;padding:3px 0 3px 25px;font-style:italic;color:rgba(23,44,36,.7)}.post-nav{margin-top:70px;padding-top:30px;border-top:1px solid var(--line);display:flex;justify-content:space-between}.blog-footer{background:var(--ink);color:var(--paper);padding:35px 6vw;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase}@media(max-width:600px){.post-row{grid-template-columns:1fr 25px;gap:12px}.post-row time{grid-column:1/-1}.post-row h2{font-size:30px}.post-page{padding-top:120px}.prose{font-size:18px}}