:root{--paper:#f8f5f2;--paper-soft:#f0ebe4;--ink:#1a1714;--ink-soft:#524b42;--muted:#8a8175;--line:#e3dccf;--accent:#b8542a;--accent-soft:#c4622a;--font-display:"Instrument Serif", Georgia, serif;--font-body:"Geist", ui-sans-serif, system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, "SF Mono", monospace;--maxw:1180px;--nav-h:4.5rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-weight:300;line-height:1.55;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:9999;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--paper)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.hero-canvas{position:absolute;inset:0}.shell{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(1.25rem,5vw,3.5rem);position:relative}.nav{z-index:100;width:min(100% - 1.6rem,760px);position:fixed;top:.9rem;left:50%;transform:translate(-50%)}.nav-inner{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;background:color-mix(in srgb, var(--paper) 72%, transparent);-webkit-backdrop-filter:blur(14px)saturate(140%);box-shadow:none;opacity:0;pointer-events:none;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:clamp(1.2rem,4vw,2.6rem);padding:.7rem 1.6rem;font-size:.74rem;transition:opacity .5s,transform .5s cubic-bezier(.2,.8,.2,1),background .5s,border-color .5s,box-shadow .5s;display:flex;transform:translateY(-12px)}.nav.scrolled .nav-inner{opacity:1;border-color:var(--line);pointer-events:auto;transform:translateY(0);box-shadow:0 8px 30px -12px #1a17142e}.nav a{color:var(--ink-soft);transition:color .2s}.nav a:hover{color:var(--ink)}.hero{height:100svh;min-height:100svh;position:relative;overflow:hidden}.name-mark{z-index:3;font-family:var(--font-display);letter-spacing:.01em;color:var(--ink);pointer-events:none;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:400;position:absolute;bottom:clamp(1.5rem,5vh,2.6rem);left:clamp(1.25rem,5vw,3.5rem)}.hero-switch{z-index:4;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:color-mix(in srgb, var(--paper) 80%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .6rem;font-size:.68rem;display:flex;position:absolute;bottom:clamp(1.5rem,5vh,2.6rem);right:clamp(1.25rem,5vw,3.5rem)}.hero-switch button{width:1.7rem;height:1.7rem;color:var(--ink);border-radius:50%;place-items:center;transition:background .2s;display:grid}.hero-switch button:hover{background:var(--paper-soft)}.hero-switch .label{text-align:center;min-width:8.5rem;color:var(--ink-soft)}.section{z-index:2;border-top:1px solid var(--line);background:var(--paper);padding-block:clamp(5rem,13vh,10rem);position:relative}.section-head{font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin-bottom:2.6rem;font-size:.72rem}.section-more{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.4rem;font-size:.72rem;transition:gap .25s;display:inline-flex}.section-more:hover{gap:.7rem}.proj-list{border-top:1px solid var(--line);flex-direction:column;display:flex}.proj{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:baseline;column-gap:1.5rem;padding-block:2rem;transition:padding-left .4s cubic-bezier(.2,.8,.2,1),background .4s;display:grid}.proj:hover{background:linear-gradient(90deg, var(--paper-soft), transparent);padding-left:1.1rem}.proj .title{font-family:var(--font-display);font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.05;transition:color .3s}.proj:hover .title{color:var(--accent)}.proj .host{font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted);text-transform:lowercase;font-size:.72rem}.proj .desc{max-width:56ch;color:var(--ink-soft);grid-column:1/-1;margin-top:.5rem;font-size:1rem}.people-rail{width:100vw;margin-left:50%;position:relative;overflow:hidden;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.people-track{gap:1.4rem;width:max-content;padding-inline:.7rem;animation:48s linear infinite marquee;display:flex}.people-rail:hover .people-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}.pcard{flex:none;width:clamp(190px,18vw,250px);display:block}.pcard .frame{aspect-ratio:3/4;background:var(--paper-soft);border:1px solid var(--line);transition:transform .4s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.pcard canvas,.pcard img{object-fit:cover;width:100%;height:100%;display:block}.pcard .overlay{opacity:0;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--paper);background:linear-gradient(#0000 55%,#1a17148c);align-items:flex-end;padding:.8rem;font-size:.7rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.pcard:hover .frame{transform:translateY(-5px)}.pcard:hover .overlay{opacity:1}.pcard .overlay span:after{content:" →";color:var(--accent-soft)}.pcard .who{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink);margin-top:.7rem;font-size:.74rem}.pcard .role{color:var(--muted);font-size:.72rem}.search{background:var(--paper-soft);border:1px solid var(--line);width:100%;max-width:30rem;font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink);border-radius:999px;outline:none;margin-bottom:2.8rem;padding:.8rem 1.1rem;font-size:.82rem;transition:border-color .25s}.search:focus{border-color:var(--accent)}.search::placeholder{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.74rem}.people-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:clamp(1.1rem,2.5vw,2rem);display:grid}.empty{color:var(--muted);font-family:var(--font-mono);font-size:.82rem}.person-detail{grid-template-columns:minmax(0,360px) 1fr;align-items:start;gap:clamp(2rem,5vw,4rem);display:grid}.person-detail .portrait{aspect-ratio:3/4;border:1px solid var(--line);background:var(--paper-soft);overflow:hidden}.person-detail .portrait canvas{object-fit:cover;width:100%;height:100%}.person-detail h1{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,4rem);line-height:1}.person-detail .role{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:.8rem 0 1.6rem;font-size:.78rem}.person-detail .bio{font-family:var(--font-display);max-width:32ch;color:var(--ink-soft);font-size:clamp(1.3rem,2.6vw,1.8rem);line-height:1.4}@media (width<=700px){.person-detail{grid-template-columns:1fr}.person-detail .portrait{max-width:280px}}.article-body{max-width:64ch;margin-top:2rem}.article-body p{color:var(--ink-soft);margin-bottom:1.3rem;font-size:1.15rem;line-height:1.7}.article-meta{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem;font-size:.74rem}.articles-list{border-top:1px solid var(--line);flex-direction:column;margin-bottom:2.2rem;display:flex}.article{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:baseline;gap:1.4rem;padding-block:1.6rem;transition:padding-left .4s cubic-bezier(.2,.8,.2,1),background .4s;display:grid}.article:hover{background:linear-gradient(90deg, var(--paper-soft), transparent);padding-left:1.1rem}.article .date{font-family:var(--font-mono);letter-spacing:.06em;color:var(--muted);white-space:nowrap;font-size:.7rem}.article .headline{font-family:var(--font-display);font-size:clamp(1.3rem,2.6vw,1.9rem);line-height:1.15;transition:color .3s}.article:hover .headline{color:var(--accent)}.article .read{font-family:var(--font-mono);color:var(--muted);font-size:.7rem}.books{position:relative}.books-stage{width:100%;height:clamp(28rem,80vh,46rem);position:relative}.contact{text-align:center}.contact .email{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(2.4rem,8vw,5.5rem);line-height:1;display:inline-block;position:relative}.contact .email:after{content:"";background:var(--accent);transform-origin:0;width:100%;height:2px;transition:transform .45s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:.06em;left:0;transform:scaleX(0)}.contact .email:hover:after{transform:scaleX(1)}.contact .links{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:2.6rem;font-size:.78rem;display:flex}.contact .links a{color:var(--ink-soft);transition:color .25s}.contact .links a:hover{color:var(--accent)}.footer{border-top:1px solid var(--line);text-align:center;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-block:2.4rem;font-size:.7rem}.page{min-height:100svh;padding-top:calc(var(--nav-h) + 3rem);padding-bottom:6rem}.page-title{font-family:var(--font-display);margin-bottom:.6rem;font-size:clamp(2.6rem,7vw,4.5rem);line-height:1}.page-back{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:2.4rem;font-size:.72rem;display:inline-block}.page-back:hover{color:var(--accent)}@media (width<=640px){.article{grid-template-columns:1fr;gap:.3rem}.article .read{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}html{scroll-behavior:auto}}