:root{--ink:#131211;--ink-2:#1c1a18;--ink-soft:#57534e;--ink-faint:#99928a;--paper:#f2efe9;--paper-2:#e9e5dd;--line:rgba(19,18,17,0.12);--line-dark:rgba(242,239,233,0.14);--accent:#a98d5f;--accent-2:#c9b48c;--serif:"Cormorant Garamond",Georgia,serif;--sans:"Inter",-apple-system,sans-serif;--grot:"Space Grotesk","Inter",sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}html.has-js{scroll-behavior:auto}body{font-family:var(--sans);font-weight:300;color:var(--ink);background:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--accent);color:#fff}img{max-width:100%;display:block}.wrap{max-width:1440px;margin:0 auto;padding:0 5vw}.grain{position:fixed;inset:-100%;z-index:999;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 8s steps(10) infinite}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-8%)}20%{transform:translate(-13%,3%)}30%{transform:translate(7%,-20%)}40%{transform:translate(-5%,20%)}50%{transform:translate(-13%,8%)}60%{transform:translate(13%)}70%{transform:translateY(10%)}80%{transform:translate(-5%,32%)}90%{transform:translate(10%,5%)}}.cursor,.cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:1000;border-radius:50%}.cursor{width:6px;height:6px;background:var(--accent)}.cursor,.cursor-ring{transform:translate(-50%,-50%)}.cursor-ring{width:36px;height:36px;border:1px solid rgba(169,141,95,.5);transition:width .3s,height .3s,background .3s;display:flex;align-items:center;justify-content:center;font-family:var(--grot);font-size:.55rem;letter-spacing:.18em;color:#fff}.cursor-ring.grow{width:78px;height:78px;background:rgba(169,141,95,.85);border-color:transparent}@media (hover:none),(max-width:820px){.cursor,.cursor-ring{display:none}}#loader{position:fixed;inset:0;z-index:998;background:var(--ink);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.2rem}#loader .l-name{font-family:var(--serif);font-weight:300;font-style:italic;color:var(--paper);font-size:clamp(1.4rem,3vw,2.2rem);letter-spacing:.06em}#loader .l-count{font-family:var(--grot);color:var(--accent);font-size:.8rem;letter-spacing:.3em}#loader .l-bar{width:min(280px,60vw);height:1px;background:var(--line-dark);overflow:hidden}#loader .l-bar i{display:block;height:100%;width:0;background:var(--accent)}nav{position:fixed;top:0;left:0;right:0;z-index:90;mix-blend-mode:difference;color:#fff}.nav-inner{max-width:1440px;margin:0 auto;padding:1.6rem 5vw;display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--grot);font-size:.8rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:#fff;text-decoration:none}.nav-links{display:flex;gap:2.8rem;list-style:none}.nav-links a{font-family:var(--grot);font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;color:#fff;text-decoration:none;position:relative;padding:.2rem 0}.nav-links a:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:#fff;transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.7,0,.2,1)}.nav-links a:hover:after{transform:scaleX(1);transform-origin:left}.menu-btn{display:none;background:none;border:none;cursor:pointer;z-index:95}.menu-btn span{display:block;width:26px;height:1px;background:#fff;margin:7px 0;transition:.35s}.menu-open .menu-btn span:first-child{transform:translateY(4px) rotate(45deg)}.menu-open .menu-btn span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}#hero{position:relative;min-height:100vh;overflow:hidden;background:var(--ink);color:var(--paper);display:flex;flex-direction:column}#webgl{position:absolute;inset:0;z-index:1}.hero-content{position:relative;z-index:2;flex:1 1;display:flex;flex-direction:column;justify-content:flex-end;padding:0 5vw 9vh;max-width:1440px;margin:0 auto;width:100%}.hero-kicker{font-family:var(--grot);font-size:.66rem;letter-spacing:.4em;text-transform:uppercase;color:var(--accent-2);margin-bottom:3vh;display:flex;align-items:center;gap:1.2rem}.hero-kicker:before{content:"";width:42px;height:1px;background:var(--accent)}h1{font-family:var(--serif);font-weight:300;text-transform:uppercase;font-size:clamp(3.4rem,12.5vw,12.5rem);line-height:.94;letter-spacing:.02em}h1 .ital{font-style:italic;text-transform:none;color:var(--accent-2);letter-spacing:0}h1 .l2{display:block;text-align:right}.hero-meta{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-top:5vh;flex-wrap:wrap;font-family:var(--grot);font-size:.64rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint)}.hero-meta .hm{max-width:30ch;line-height:2.1}.scroll-hint{display:flex;align-items:center;gap:.9rem;color:var(--accent-2)}.scroll-hint i{display:block;width:1px;height:46px;background:var(--line-dark);position:relative;overflow:hidden}.scroll-hint i:after{content:"";position:absolute;left:0;top:-50%;width:100%;height:50%;background:var(--accent);animation:drop 1.8s cubic-bezier(.7,0,.3,1) infinite}@keyframes drop{to{top:110%}}.marquee{background:var(--ink);color:var(--paper);border-top:1px solid var(--line-dark);padding:1.5rem 0;overflow:hidden;white-space:nowrap;position:relative;z-index:2}.marquee-track{display:inline-flex;gap:4rem;animation:mq 28s linear infinite;will-change:transform}.marquee span{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(1rem,2vw,1.5rem);letter-spacing:.08em;color:var(--ink-faint);display:inline-flex;align-items:center;gap:4rem}.marquee span:after{content:"◆";font-size:.5em;color:var(--accent)}@keyframes mq{to{transform:translateX(-50%)}}section{position:relative}.light{background:var(--paper);color:var(--ink)}.dark{background:var(--ink);color:var(--paper)}.sec-label{font-family:var(--grot);font-size:.64rem;letter-spacing:.4em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:1.2rem;margin-bottom:3rem}.sec-label:after{content:"";flex:1 1;height:1px;background:currentColor;opacity:.25}h2{font-family:var(--serif);font-weight:300;text-transform:uppercase;font-size:clamp(2.6rem,7vw,6.5rem);line-height:1;letter-spacing:.02em}h2 em{font-style:italic;text-transform:none;color:var(--accent)}#manifesto{padding:22vh 0}.manifesto-text{font-family:var(--serif);font-weight:300;font-size:clamp(1.7rem,3.6vw,3.3rem);line-height:1.35;max-width:26ch}.manifesto-text .w{opacity:.12;display:inline-block}.manifesto-text em{font-style:italic;color:var(--accent)}.manifesto-foot{margin-top:6vh;display:flex;gap:5rem;flex-wrap:wrap;font-family:var(--grot);font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-faint)}.stat b{display:block;font-family:var(--serif);font-weight:300;font-size:2.6rem;color:var(--ink);line-height:1.2}.dark .stat b{color:var(--paper)}#work{padding:14vh 0 10vh}.work-head{margin-bottom:12vh}.project{margin-bottom:18vh}.project:last-child{margin-bottom:0}.p-index{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;border-top:1px solid var(--line);padding-top:1.4rem;margin-bottom:3.5rem;flex-wrap:wrap}.dark .p-index{border-top-color:var(--line-dark)}.p-num{font-family:var(--grot);font-size:.72rem;letter-spacing:.3em;color:var(--accent)}.p-title{font-family:var(--serif);font-weight:300;text-transform:uppercase;font-size:clamp(2.2rem,5.5vw,5rem);line-height:1.02}.p-title em{font-style:italic;text-transform:none;color:var(--accent);font-size:.6em;letter-spacing:.02em}.p-tags{font-family:var(--grot);font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-faint);text-align:right;line-height:2.2}.p-feature{position:relative;overflow:hidden;cursor:zoom-in}.p-feature .pf-inner,.p-feature img{will-change:transform}.p-feature img{width:100%;max-height:78vh;object-fit:cover;transform:scale(1.12)}.p-feature .pf-cap{position:absolute;bottom:1.4rem;left:1.6rem;z-index:2;font-family:var(--grot);font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:#fff;background:rgba(19,18,17,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.55rem 1rem}.p-body{display:grid;grid-template-columns:5fr 7fr;grid-gap:4rem;gap:4rem;margin-top:3.2rem;align-items:start}.p-desc{font-size:.95rem;color:var(--ink-soft);max-width:56ch}.dark .p-desc{color:var(--ink-faint)}.p-desc strong{font-weight:500;color:inherit}.p-facts{font-family:var(--grot);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint)}.p-facts div{padding:.8rem 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:2rem}.dark .p-facts div{border-bottom-color:var(--line-dark)}.p-facts span:last-child{color:var(--ink);text-align:right}.dark .p-facts span:last-child{color:var(--paper)}.gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:1.4rem;gap:1.4rem;margin-top:3.2rem}.gallery figure{position:relative;overflow:hidden;cursor:zoom-in;margin:0;background:var(--paper-2)}.dark .gallery figure{background:var(--ink-2)}.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.6,.2,1),filter .6s}.gallery figure:hover img{transform:scale(1.05)}.gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:2rem 1rem .9rem;font-family:var(--grot);font-size:.58rem;letter-spacing:.26em;text-transform:uppercase;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.6));opacity:0;transition:opacity .4s}.gallery figure:hover figcaption{opacity:1}.g-3{grid-column:span 3;aspect-ratio:3/4}.g-4{grid-column:span 4;aspect-ratio:4/3}.g-6{grid-column:span 6;aspect-ratio:16/10}.g-auto{aspect-ratio:auto}#about{padding:16vh 0}.about-grid{display:grid;grid-template-columns:5fr 7fr;grid-gap:6rem;gap:6rem;align-items:start;margin-top:8vh}.about-photo{position:-webkit-sticky;position:sticky;top:12vh}.about-photo .ph{overflow:hidden}.about-photo img{filter:grayscale(100%) contrast(1.05);transition:filter .8s;transform:scale(1.08);will-change:transform}.about-photo:hover img{filter:grayscale(0)}.about-quote{font-family:var(--serif);font-style:italic;margin-top:1.4rem}.about-quote,.about-text p{font-size:1rem;color:var(--ink-faint)}.about-text p{margin-bottom:1.6rem;max-width:58ch}.about-text p:first-of-type{font-family:var(--serif);font-size:clamp(1.4rem,2.2vw,1.9rem);line-height:1.45;color:var(--paper);font-weight:300}.skills{margin-top:5rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:3.5rem;gap:3.5rem}.skill-col h3{font-family:var(--grot);font-size:.64rem;letter-spacing:.34em;text-transform:uppercase;color:var(--accent);font-weight:500;margin-bottom:1.4rem}.skill-col ul{list-style:none}.skill-col li{padding:.6rem 0;border-bottom:1px solid var(--line-dark);font-size:.85rem;color:var(--ink-faint)}.sk{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.sk-bar{flex:1 1;max-width:130px;height:1px;background:var(--line-dark);position:relative}.sk-bar i{position:absolute;inset:0;right:auto;background:var(--accent);width:0}#cv{padding:16vh 0}.cv-flex{display:flex;justify-content:space-between;align-items:flex-end;gap:3rem;flex-wrap:wrap;margin-top:6vh}.cv-blurb{max-width:50ch;font-size:.95rem;color:var(--ink-soft)}.btn{display:inline-flex;align-items:center;gap:1.2rem;position:relative;overflow:hidden;font-family:var(--grot);font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ink);text-decoration:none;border:1px solid var(--ink);padding:1.2rem 2.6rem}.btn:before{content:"";position:absolute;inset:0;background:var(--ink);transform:translateY(101%);transition:transform .45s cubic-bezier(.7,0,.2,1)}.btn span{position:relative;z-index:1;transition:color .45s}.btn:hover:before{transform:translateY(0)}.btn:hover span{color:var(--paper)}.timeline{margin-top:8vh}.tl-group{font-family:var(--grot);font-size:.64rem;letter-spacing:.34em;text-transform:uppercase;color:var(--accent);margin:4rem 0 .6rem}.tl-group:first-child{margin-top:0}.timeline-row{display:grid;grid-template-columns:170px 1fr auto;grid-gap:2rem;gap:2rem;padding:1.7rem 0;border-top:1px solid var(--line);align-items:baseline;transition:padding-left .4s cubic-bezier(.7,0,.2,1)}.timeline-row:hover{padding-left:1.4rem}.timeline-row:last-child{border-bottom:1px solid var(--line)}.tl-year{font-family:var(--serif);font-style:italic;font-size:1.1rem;color:var(--accent)}.tl-what{font-size:.95rem}.tl-what strong{font-weight:500}.tl-where{font-family:var(--grot);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint)}#contact{padding:18vh 0 5vh;min-height:88vh;display:flex;flex-direction:column;justify-content:space-between}.contact-big{font-family:var(--serif);font-weight:300;text-transform:uppercase;font-size:clamp(2.4rem,7.5vw,7rem);line-height:1.04;max-width:14ch;margin-top:6vh}.contact-big em{font-style:italic;text-transform:none;color:var(--accent)}.email-link{display:inline-block;margin-top:5vh;font-family:var(--grot);font-size:clamp(.95rem,2.2vw,1.6rem);letter-spacing:.08em;color:var(--paper);text-decoration:none;position:relative;padding-bottom:.4rem}.email-link:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:var(--accent);transform-origin:left;transition:transform .5s cubic-bezier(.7,0,.2,1)}.email-link:hover:after{transform:scaleX(.2)}.contact-links{margin-top:6vh;display:flex;gap:3.2rem;flex-wrap:wrap}.contact-links a{font-family:var(--grot);font-size:.66rem;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-faint);text-decoration:none;transition:color .3s}.contact-links a:hover{color:var(--paper)}footer{margin-top:10vh;padding-top:2.2rem;border-top:1px solid var(--line-dark);display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:1rem;font-family:var(--grot);font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint)}footer .quote{font-family:var(--serif);font-style:italic;text-transform:none;letter-spacing:.04em;font-size:.95rem;color:var(--accent-2)}#lightbox{position:fixed;inset:0;z-index:300;background:rgba(12,11,10,.95);display:none;align-items:center;justify-content:center;cursor:zoom-out;padding:4vh 4vw}#lightbox.open{display:flex}#lightbox img{max-width:100%;max-height:92vh;box-shadow:0 30px 100px rgba(0,0,0,.6)}.clip-reveal{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0)}.line-mask{overflow:hidden;display:block}.line-mask>span{display:block;transform:translateY(110%)}html.no-js .clip-reveal{-webkit-clip-path:none;clip-path:none}html.no-js .line-mask>span{transform:none}html.no-js .manifesto-text .w{opacity:1}@media (max-width:900px){.about-grid,.p-body{grid-template-columns:1fr;gap:2.5rem}.about-photo{position:static;max-width:380px}.skills{grid-template-columns:1fr}.g-3,.g-4,.g-6{grid-column:span 6}.p-tags{text-align:left}}@media (max-width:820px){nav{mix-blend-mode:normal;background:rgba(19,18,17,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-links{position:fixed;inset:0;background:var(--ink);flex-direction:column;align-items:center;justify-content:center;gap:2.6rem;transform:translateX(100%);transition:transform .4s cubic-bezier(.7,0,.2,1)}.menu-open .nav-links{transform:none}.nav-links a{font-size:1rem}.menu-btn{display:block}.timeline-row{grid-template-columns:110px 1fr}.tl-where{grid-column:2}}@media (prefers-reduced-motion:reduce){.grain,.marquee-track,.scroll-hint i:after{animation:none!important}}.index{margin-top:10vh}.index-row{display:grid;grid-template-columns:70px 1fr auto;grid-gap:2rem;gap:2rem;align-items:baseline;padding:1.5rem 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink);transition:padding-left .4s cubic-bezier(.7,0,.2,1),background .4s}.index-row:last-child{border-bottom:1px solid var(--line)}.index-row:hover{padding-left:1.6rem}.ix-num{font-family:var(--grot);font-size:.72rem;letter-spacing:.3em;color:var(--accent)}.ix-title{font-family:var(--serif);font-weight:400;font-size:clamp(1.3rem,2.6vw,2rem);text-transform:uppercase}.ix-title em{font-style:italic;text-transform:none;color:var(--accent);font-size:.75em}.ix-tags{font-family:var(--grot);font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint)}@media (max-width:820px){.index-row{grid-template-columns:48px 1fr}.ix-tags{display:none}}.project{position:relative}.project:before{content:attr(data-num);position:absolute;top:-.18em;right:-2vw;z-index:0;font-family:var(--serif);font-weight:300;font-style:italic;font-size:clamp(8rem,22vw,20rem);line-height:1;color:var(--ink);opacity:.045;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gallery,.p-body,.p-feature,.p-index{position:relative;z-index:1}