:root{--color-bg: #0a0908;--color-surface: #13110f;--color-text: #e8e2d8;--color-muted: #7a7167;--color-dim: #332e28;--color-accent: #8a7d6b;--color-accent-warm: #a0876e;--color-moss: #4a5340;--color-accent-faint: rgba(138, 125, 107, .08);--font-display: "Cormorant Garamond", "Georgia", serif;--font-body: "Inter", system-ui, sans-serif;--pad: clamp(1.25rem, 5vw, 5rem);--container-max: 1440px;--ease-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.87, 0, .13, 1);--ease-breath: cubic-bezier(.37, 0, .63, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-weight:400;line-height:1.65;overflow-x:hidden;min-height:100dvh}@media (hover: hover) and (pointer: fine){body,a,button{cursor:none}}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{display:block;max-width:100%}button{background:none;border:none;font:inherit;color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border-width:0}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--pad)}.section{padding-block:clamp(6rem,16vh,14rem)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9900;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E")}.cursor-outer,.cursor-dot{position:fixed;top:0;left:0;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0;will-change:transform;z-index:9999}.cursor-outer{width:38px;height:38px;border:1px solid rgba(232,226,216,.15);transition:width .35s var(--ease-expo),height .35s var(--ease-expo),border-color .3s ease,background-color .3s ease}.cursor-dot{width:5px;height:5px;background:var(--color-accent-warm);z-index:10000}.cursor-outer.is-hovering{width:60px;height:60px;border-color:#8a7d6b66;background:var(--color-accent-faint)}@media (hover: none),(pointer: coarse){.cursor-outer,.cursor-dot{display:none}}.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;background:var(--color-accent);transform-origin:left;transform:scaleX(0);z-index:1001;pointer-events:none}.loader{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg);z-index:9800;display:flex;align-items:center;justify-content:center}.loader-bar{width:1px;height:0;background:var(--color-dim)}.nav{position:fixed;top:0;left:0;right:0;z-index:500;display:flex;justify-content:space-between;align-items:center;padding:clamp(1rem,2.5vh,1.8rem) var(--pad);opacity:0;transition:background .5s ease,backdrop-filter .5s ease}.nav.is-scrolled{background:#0b0a08d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.nav.is-visible{pointer-events:auto}.nav-logo{font-family:var(--font-display);font-size:1.15rem;font-weight:600;letter-spacing:.04em;color:var(--color-text);transition:color .3s ease;line-height:1}.nav-logo:hover{color:var(--color-accent-warm)}.nav-links{display:flex;gap:clamp(1.5rem,3vw,2.5rem)}.nav-links a{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted);position:relative;transition:color .3s ease;padding-bottom:2px}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--color-accent);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease-expo)}.nav-links a:hover{color:var(--color-text)}.nav-links a:hover:after{transform:scaleX(1);transform-origin:left}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.hero-rings{position:absolute;top:50%;right:-5%;transform:translateY(-50%);width:clamp(280px,50vw,650px);height:clamp(280px,50vw,650px);pointer-events:none;z-index:0;opacity:0}.hero-rings .ring{width:100%;height:100%;color:var(--color-dim);animation:ring-rotate 90s linear infinite}@keyframes ring-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-line{position:absolute;left:var(--pad);right:var(--pad);height:1px;background:var(--color-dim);transform-origin:left;will-change:transform;z-index:2}.hero-line--top{top:clamp(4rem,9vh,5.5rem)}.hero-line--bottom{bottom:clamp(4.5rem,10vh,6rem)}.hero-content{position:relative;z-index:3;padding:0 var(--pad);text-align:left}.hero-origin{font-family:var(--font-body);font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--color-dim);margin-bottom:clamp(1.5rem,3vh,2.5rem);opacity:0;will-change:opacity}.hero-name{font-family:var(--font-display);font-size:clamp(4.5rem,14vw,16rem);font-weight:500;line-height:.88;letter-spacing:-.02em;color:var(--color-text);margin-bottom:clamp(2rem,4vw,3.5rem);-webkit-user-select:none;user-select:none}.name-line{display:block;overflow:hidden;line-height:.95;padding-bottom:.06em}.name-line:last-child{font-style:italic;color:var(--color-accent-warm)}.char-outer{display:inline-block;overflow:hidden;vertical-align:bottom}.char{display:inline-block;will-change:transform}.char-space{display:inline-block;width:.26em}.hero-meta{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.hero-role{font-size:clamp(.68rem,1vw,.85rem);letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted);font-weight:300}.hero-sep{display:block;width:22px;height:1px;background:var(--color-dim);flex-shrink:0}.hero-location{font-size:clamp(.68rem,1vw,.85rem);letter-spacing:.1em;text-transform:uppercase;color:var(--color-dim)}.hero-scroll{position:absolute;bottom:clamp(.8rem,2.5vh,2rem);right:var(--pad);display:flex;align-items:center;gap:.75rem;z-index:3;will-change:opacity;padding:.5rem 0}.scroll-label{font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--color-dim)}.scroll-line{display:block;width:34px;height:1px;background:var(--color-dim);transform-origin:left;animation:scroll-pulse 3s var(--ease-breath) 3.5s infinite}@keyframes scroll-pulse{0%,to{transform:scaleX(1);opacity:1}50%{transform:scaleX(.2);opacity:.2}}.marquee{overflow:hidden;border-top:1px solid var(--color-dim);border-bottom:1px solid var(--color-dim);padding-block:clamp(.85rem,2vh,1.2rem);background:var(--color-bg);position:relative;z-index:2}.marquee-track{display:flex;gap:0;white-space:nowrap;width:max-content;animation:marquee-scroll 28s linear infinite}.marquee-track span{font-family:var(--font-body);font-size:clamp(.6rem,1vw,.75rem);font-weight:300;letter-spacing:.2em;text-transform:uppercase;color:var(--color-muted);padding-inline:1.5rem}.marquee-track .msep{color:var(--color-accent);padding-inline:0}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee:hover .marquee-track{animation-play-state:paused}.section-label{display:flex;align-items:center;gap:1rem;margin-bottom:clamp(2.5rem,5vh,4.5rem);will-change:opacity}.label-number{font-size:.6rem;letter-spacing:.2em;color:var(--color-accent);font-variant-numeric:tabular-nums}.label-sep{display:block;width:20px;height:1px;background:var(--color-dim)}.label-text{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-dim)}.about .container{border-top:1px solid var(--color-dim);padding-top:clamp(3rem,7vh,5rem)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,7vw,10rem);align-items:start}.reveal-clip{display:block;overflow:hidden;line-height:1;padding-bottom:.06em}.reveal-inner{display:block;will-change:transform}.about-lead{font-family:var(--font-display);font-size:clamp(2.8rem,6vw,7rem);font-weight:500;line-height:1;letter-spacing:-.02em;color:var(--color-text)}.about-right{display:flex;flex-direction:column;gap:1.4rem;padding-top:.25em}.about-body{font-size:clamp(.9rem,1.3vw,1.05rem);line-height:1.9;color:var(--color-muted);font-weight:300;will-change:opacity,transform}.about-body:first-of-type{font-style:italic;color:var(--color-accent-warm);font-size:clamp(.95rem,1.4vw,1.1rem)}.about-tags{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.5rem;will-change:opacity}.about-tag{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent);border:1px solid var(--color-dim);padding:.35rem .75rem;border-radius:1px}.work .container{border-top:1px solid var(--color-dim);padding-top:clamp(3rem,7vh,5rem)}.project-list{border-top:1px solid var(--color-dim)}.project-item{border-bottom:1px solid var(--color-dim);will-change:opacity,transform}.project-link{display:grid;grid-template-columns:2rem 1fr auto;align-items:center;gap:clamp(1rem,2vw,2rem);padding:clamp(1.1rem,2.5vh,1.8rem) 0;position:relative;overflow:hidden}.project-link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-surface);transform:translate(-101%);transition:transform .6s var(--ease-expo);z-index:0}.project-link:hover:before,.project-link:focus-visible:before{transform:translate(0)}.project-index{font-size:.6rem;letter-spacing:.15em;color:var(--color-dim);font-variant-numeric:tabular-nums;position:relative;z-index:1;transition:color .3s ease}.project-link:hover .project-index{color:var(--color-accent)}.project-name{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,3.5rem);font-weight:500;letter-spacing:-.01em;color:var(--color-text);position:relative;z-index:1;transition:color .3s ease}.project-link:hover .project-name,.project-link:focus-visible .project-name{color:var(--color-accent)}.project-meta{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:1;flex-shrink:0}.project-type{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted)}.project-year{font-size:.68rem;letter-spacing:.06em;color:var(--color-dim);font-variant-numeric:tabular-nums;min-width:4ch;text-align:right}.project-arrow{font-size:1rem;color:var(--color-accent);display:inline-block;transition:transform .45s var(--ease-expo);line-height:1}.project-link:hover .project-arrow,.project-link:focus-visible .project-arrow{transform:translate(5px,-5px)}.connect .container{border-top:1px solid var(--color-dim);padding-top:clamp(3rem,7vh,5rem)}.connect-lead{font-family:var(--font-display);font-size:clamp(3.5rem,9vw,10rem);font-weight:500;letter-spacing:-.02em;line-height:.92;color:var(--color-text);margin-bottom:clamp(3rem,7vh,6rem)}.connect-lead em{font-style:italic;color:var(--color-accent-warm)}.links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--color-dim)}.link-card{background:var(--color-bg);padding:clamp(1.5rem,3vw,2.5rem);display:flex;flex-direction:column;gap:.65rem;position:relative;overflow:hidden;will-change:opacity,transform;transition:background .4s ease}.link-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-surface);transform:translateY(101%);transition:transform .5s var(--ease-expo);z-index:0}.link-card:hover:before,.link-card:focus-visible:before{transform:translateY(0)}.link-label,.link-name,.link-arrow{position:relative;z-index:1}.link-label{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent)}.link-name{font-family:var(--font-display);font-size:clamp(.95rem,1.5vw,1.15rem);font-weight:500;color:var(--color-text);transition:color .3s ease;word-break:break-all;line-height:1.3}.link-card:hover .link-name{color:var(--color-accent)}.link-arrow{font-size:.8rem;color:var(--color-dim);margin-top:auto;transition:color .3s ease,transform .4s var(--ease-expo);display:inline-block;align-self:flex-start}.link-card:hover .link-arrow{color:var(--color-accent);transform:translate(4px,-4px)}.topo-divider{width:100%;overflow:hidden;color:var(--color-dim);opacity:.5;padding-inline:var(--pad)}.topo-divider svg{width:100%;height:auto;display:block}.footer{padding-block:2.5rem;border-top:1px solid var(--color-dim)}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.footer-copy,.footer-tagline{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-dim)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:1px}@media (max-width: 900px){.about-content{grid-template-columns:1fr;gap:2.5rem}.about-right{padding-top:0}.links-grid{grid-template-columns:repeat(2,1fr)}.project-type{display:none}}@media (max-width: 600px){.hero-name{font-size:clamp(3.5rem,16vw,5.5rem);margin-bottom:1.5rem}.hero-rings{right:-15%;width:240px;height:240px}.hero-meta{flex-direction:column;align-items:flex-start;gap:.4rem}.hero-sep{display:none}.nav-links{gap:1.2rem}.nav-links a{font-size:.68rem}.connect-lead{font-size:clamp(2.8rem,14vw,4rem)}.project-year{display:none}.links-grid{grid-template-columns:1fr}.marquee-track{animation-duration:18s}.section{padding-block:clamp(4rem,12vh,8rem)}}@media (max-width: 380px){.hero-name{font-size:15vw}.about-lead{font-size:2.4rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.loader{display:none}.nav{opacity:1}.hero-line{transform:scaleX(1)}.scroll-line,.marquee-track{animation:none}.hero-rings{opacity:.06;animation:none}.ring{animation:none!important}}