@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,700;1,700&display=swap";:root{--ink:#0a0a0a;--paper:#f1f0eb;--acid:#d8ff37;--muted:#a6a6a1;--line:rgba(10,10,10,.22);--line-dark:rgba(255,255,255,.18);--ease:cubic-bezier(.16,1,.3,1)}.hero-particles{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}.hero-art{will-change:transform}.hero-art img{mix-blend-mode:lighten}.hero h1{will-change:transform}@media(prefers-reduced-motion:reduce),(pointer:coarse){.hero-particles{display:none}.hero-art,.hero h1{will-change:auto}}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:#fff;font-family:Noto Sans SC,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{color:inherit;font: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:0}.scroll-progress{position:fixed;z-index:100;left:0;right:0;top:0;height:2px;background:var(--acid);transform:scaleX(0);transform-origin:left}.site-header{position:fixed;z-index:50;inset:0 0 auto;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:20px 2.2vw;color:#fff;mix-blend-mode:difference;font-size:12px;letter-spacing:.02em}.brand{font-weight:700;font-size:15px}.desktop-nav{display:flex;justify-content:center;gap:5vw}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;inset:auto 0 -5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}.desktop-nav a:hover:after{transform:scaleX(1);transform-origin:left}.header-meta{text-align:right}.menu-button{display:none;background:none;border:0;padding:6px 0;text-transform:uppercase}.mobile-menu{position:fixed;z-index:40;inset:0;background:var(--acid);color:var(--ink);padding:110px 20px 24px;display:flex;flex-direction:column;justify-content:space-between;visibility:hidden;transform:translateY(-102%);transition:transform .7s var(--ease),visibility .7s}.mobile-menu nav{display:flex;flex-direction:column}.mobile-menu a{display:flex;align-items:baseline;gap:18px;border-bottom:1px solid var(--ink);padding:15px 0;font-size:clamp(36px,11vw,62px);font-weight:600;letter-spacing:-.07em}.mobile-menu a span{font-size:11px;font-weight:400;letter-spacing:0}.mobile-menu p{font-size:11px}.menu-open{overflow:hidden}.menu-open .mobile-menu{visibility:visible;transform:none}.menu-open .site-header{mix-blend-mode:normal;color:var(--ink)}.hero{height:100svh;min-height:680px;position:relative;overflow:hidden;background:#090909;padding:80px 2.2vw 22px;display:flex;flex-direction:column}.hero-art{position:absolute;inset:4vh 5vw 2vh;display:flex;justify-content:center;align-items:center}.hero-art img{width:min(82vw,1320px);height:auto;filter:brightness(.82) contrast(1.15);animation:hero-in 1.8s var(--ease) both}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 35%,rgba(0,0,0,.26) 78%);pointer-events:none}.hero-index,.hero-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.08em}.hero h1{position:relative;z-index:2;margin:auto 0;color:#f6f6f3;font-family:Playfair Display,Times New Roman,serif;font-size:clamp(112px,18vw,318px);font-style:italic;font-weight:700;letter-spacing:-.095em;line-height:.62;text-align:center;transform:scaleX(1.04)}.hero h1 span{display:block}.hero h1 span+span{margin-left:12vw}.hero-bottom{align-items:end}.hero-bottom p{margin:0;line-height:1.65}.hero-bottom a{display:flex;align-items:center;gap:10px}.hero-bottom img{filter:invert(1);animation:bob 1.8s ease-in-out infinite}.section-light{background:var(--paper);color:var(--ink)}.section-dark{background:var(--ink);color:#fff}.section-accent{background:var(--acid);color:var(--ink)}.section-head{display:grid;grid-template-columns:90px 1fr auto;align-items:center;border-bottom:1px solid currentColor;padding-bottom:13px;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.section-head h2{font:inherit;margin:0}.about,.experience,.projects,.beyond,.contact{padding:105px 2.2vw}.about{min-height:100svh}.about-grid{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding-top:10vh}.about-eyebrow{font-size:14px}.about-eyebrow>[data-profile-name]{display:block;margin-top:9px;font-family:Playfair Display,serif;font-style:italic;font-size:clamp(70px,8vw,130px);line-height:.9;letter-spacing:-.06em}.about-lead{grid-column:2;font-size:clamp(34px,5.2vw,82px);line-height:1.08;letter-spacing:-.065em;margin:0}.about-note{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:9vh}.about-note>p{margin:0;line-height:1.8;max-width:560px}.about-note dl{margin:0}.about-note dl div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;font-size:12px}.about-note dt{color:#777}.about-note dd{margin:0}.experience{padding-bottom:150px}.experience-list{margin-top:10vh}.experience-row{display:grid;grid-template-columns:1fr 2fr 2fr;gap:30px;align-items:start;border-top:1px solid var(--line-dark);padding:28px 0}.experience-row>span{font-size:12px;color:var(--muted)}.experience-row h3{margin:0;font-size:clamp(28px,4vw,66px);font-weight:500;line-height:1;letter-spacing:-.06em}.experience-row p{margin:0;line-height:1.65;color:#aaa}.experience-row strong{display:block;color:#fff;margin-bottom:10px;font-weight:500}.projects{padding-bottom:160px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:11vw 2vw;margin-top:9vh}.project-card:nth-child(3n){margin-top:8vw}.project-featured{grid-column:1/-1;display:grid;grid-template-columns:2fr 1fr;gap:0 2vw}.project-featured .project-media{grid-row:1/6}.project-media{aspect-ratio:4/3;overflow:hidden;background:#151515}.project-media img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease),filter .7s var(--ease)}.project-card:hover .project-media img{transform:scale(1.035);filter:contrast(1.08)}.project-meta,.project-outcome{display:flex;justify-content:space-between;gap:20px;font-size:11px;text-transform:uppercase}.project-meta{margin-top:15px}.project-card h3{font-size:clamp(44px,6vw,94px);letter-spacing:-.075em;line-height:.9;margin:28px 0 18px}.project-card h3 small{display:block;font-size:11px;letter-spacing:.08em;margin-top:14px}.project-card>p{font-size:16px;line-height:1.7;max-width:560px;margin:0 0 55px}.project-outcome{border-top:1px solid var(--line);padding-top:14px;margin-top:auto}.project-outcome strong{font-weight:500}.beyond{padding-bottom:140px}.beyond-intro{display:grid;grid-template-columns:2fr 1fr;gap:8vw;margin:11vh 0}.beyond-intro p{margin:0;font-size:clamp(48px,7.2vw,110px);line-height:.96;letter-spacing:-.075em}.beyond-intro>span{align-self:end;line-height:1.8;max-width:520px}.beyond-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid}.beyond-card{min-height:280px;border-right:1px solid;padding:18px;display:flex;flex-direction:column;justify-content:space-between}.beyond-card:last-child{border-right:0}.beyond-card>span,.beyond-card small{font-size:11px}.beyond-card h3{font-family:Playfair Display,serif;font-style:italic;font-size:clamp(42px,5vw,74px);letter-spacing:-.05em;margin:10px 0}.beyond-card p{font-size:13px}.contact{min-height:82svh;background:var(--ink);color:#fff;display:flex;flex-direction:column}.contact>p{font-size:15px;margin:10vh 0 3vh}.contact-email{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #fff;font-family:Playfair Display,serif;font-style:italic;font-size:clamp(46px,9vw,146px);letter-spacing:-.07em;line-height:1.1;padding-bottom:18px}.contact-email img{filter:invert(1);flex:none}.contact-bottom{margin-top:auto;display:flex;align-items:center;gap:32px;font-size:11px;text-transform:uppercase}.contact-bottom>div{display:flex;gap:22px}.contact-bottom button{display:flex;align-items:center;gap:7px;background:none;border:0;padding:8px 0;cursor:pointer}.contact-bottom button img{filter:invert(1)}.contact-bottom>span{margin-left:auto}.toast{position:fixed;z-index:100;left:50%;bottom:24px;transform:translate(-50%,25px);background:var(--paper);color:var(--ink);padding:10px 16px;border-radius:99px;font-size:12px;opacity:0;transition:.35s var(--ease);pointer-events:none}.toast.is-visible{opacity:1;transform:translate(-50%)}.reveal{opacity:0;transform:translateY(45px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.reveal.is-visible{opacity:1;transform:none}a:focus-visible,button:focus-visible{outline:2px solid var(--acid);outline-offset:6px}@keyframes hero-in{0%{opacity:0;transform:scale(.88) rotate(-3deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes bob{50%{transform:translateY(6px)}}@media(max-width:960px){.site-header{grid-template-columns:1fr 2fr auto}.header-meta{display:none}.hero h1{font-size:20vw}.about-grid{grid-template-columns:1fr}.about-lead,.about-note{grid-column:1}.project-featured{display:block}.project-featured .project-media{aspect-ratio:16/10}.experience-row{grid-template-columns:1fr 1.4fr}.experience-row p{grid-column:2}.beyond-intro{grid-template-columns:1fr}.beyond-intro>span{max-width:640px}.contact-email{font-size:8.2vw}}@media(max-width:760px){.site-header{grid-template-columns:1fr auto;padding:17px 16px}.desktop-nav{display:none}.menu-button{display:block}.hero{min-height:640px;padding:72px 16px 18px}.hero-index span:last-child{display:none}.hero-art{inset:12vh -24vw 8vh}.hero-art img{width:135vw;max-width:none}.hero h1{font-size:26vw;line-height:.66;text-align:left}.hero h1 span+span{margin-left:0}.hero-bottom p,.hero-bottom a{font-size:11px}.section-head{grid-template-columns:48px 1fr auto}.about,.experience,.projects,.beyond,.contact{padding:78px 16px}.about-grid{padding-top:7vh}.about-lead{font-size:10.2vw}.about-note{grid-template-columns:1fr;margin-top:4vh;gap:28px}.experience-list{margin-top:6vh}.experience-row{grid-template-columns:1fr;padding:22px 0}.experience-row h3,.experience-row p{grid-column:1}.experience-row h3{font-size:11vw}.project-grid{grid-template-columns:1fr;gap:80px;margin-top:6vh}.project-card:nth-child(3n){margin-top:0}.project-card h3{font-size:16vw}.project-card>p{margin-bottom:35px}.beyond-intro{margin:7vh 0}.beyond-intro p{font-size:13vw}.beyond-grid{grid-template-columns:1fr}.beyond-card{min-height:240px;border-right:0;border-bottom:1px solid}.contact{min-height:82svh}.contact-email{font-size:10.8vw;overflow-wrap:anywhere}.contact-email img{width:30px;height:30px}.contact-bottom{align-items:flex-start;flex-wrap:wrap}.contact-bottom>div{width:100%}.contact-bottom>span{margin-left:0}.contact-bottom>a:last-child{margin-left:auto}}.hero h1{font-size:clamp(80px,14vw,230px);line-height:1.02;letter-spacing:-.045em}.hero h1 span+span{margin-left:7vw}.about-eyebrow>[data-profile-name]{font-family:inherit;font-size:clamp(32px,4vw,62px);font-style:normal;line-height:1.3;letter-spacing:-.02em}.about-lead{font-size:clamp(30px,4vw,62px);line-height:1.45;letter-spacing:-.025em}.experience-row h3{font-size:clamp(24px,2.6vw,40px);line-height:1.5;letter-spacing:0}.about-note dl div{gap:20px}.about-note dd{text-align:right;line-height:1.7}.project-text{display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:24px}.project-text h3{line-height:1.2;letter-spacing:-.035em}.project-outcome{flex-wrap:wrap;line-height:1.8}.contact-bottom>div{flex-wrap:wrap}.contact-email{font-size:clamp(36px,7.4vw,118px);letter-spacing:-.035em}.beyond-intro p{line-height:1.2}.beyond-card h3{line-height:1.3}@media(max-width:760px){.hero h1{font-size:19vw;line-height:1.15;letter-spacing:-.045em;text-align:center}.hero h1 span+span{margin-left:0}.about-lead{font-size:8vw}.experience-row h3{font-size:7vw}.contact-email{font-size:8.5vw}.contact-bottom{margin-top:60px}.about-note dl div{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}:root{--acid:#dedede}::selection{background:#bfc6cf;color:#101010}.motion-section{position:relative;isolation:isolate;overflow:clip}.content-cursor{position:fixed;left:0;top:0;width:0;height:0;z-index:35;pointer-events:none;opacity:0;transition:opacity .3s}.content-cursor:before{content:"";position:absolute;width:4px;height:4px;left:-2px;top:-2px;border-radius:50%;background:#333}.content-cursor:after{content:"";position:absolute;width:36px;height:36px;left:-18px;top:-18px;border:1px solid #777;border-radius:50%;border-style:dashed;animation:cursor-orbit 10s linear infinite}.content-cursor.on-dark:before{background:#eee}.content-cursor.on-dark:after{border-color:#aaa}@keyframes cursor-orbit{to{rotate:360deg}}.content-cursor.is-active{opacity:1}.content-ripple{position:absolute;width:14px;height:14px;margin:-7px;pointer-events:none;border:1px solid currentColor;border-radius:50%;z-index:5;animation:content-ripple .85s cubic-bezier(.16,1,.3,1) forwards}@keyframes content-ripple{0%{transform:scale(1);opacity:.5}to{transform:scale(17);opacity:0}}.motion-card{position:relative;--pointer-x:50%;--pointer-y:50%;--tilt-x:0deg;--tilt-y:0deg;padding:28px 20px 72px;transition:background-color .35s,box-shadow .35s,transform .45s var(--ease),opacity 1s var(--ease);cursor:pointer}.motion-card.is-visible{transform:perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}.motion-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(300px circle at var(--pointer-x) var(--pointer-y),rgba(130,145,80,.12),transparent 75%);opacity:0;transition:opacity .4s}.motion-card:hover:before{opacity:0}.section-dark .motion-card:before{background:radial-gradient(350px circle at var(--pointer-x) var(--pointer-y),rgba(216,255,55,.09),transparent 75%)}.motion-card.is-selected{background:#0000000d;box-shadow:inset 3px 0 #222,inset 0 0 0 1px #888}.section-dark .motion-card.is-selected{background:#ffffff0f;box-shadow:inset 3px 0 #eee,inset 0 0 0 1px #777}.card-select{position:absolute;right:20px;bottom:18px;background:transparent;border:1px solid currentColor;border-radius:99px;padding:8px 16px;font-size:11px;letter-spacing:.06em;cursor:pointer;transition:background .25s,color .25s,transform .25s}.card-select:hover{transform:translateY(-2px)}.card-select[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.section-dark .card-select[aria-pressed=true]{background:var(--acid);color:var(--ink);border-color:var(--acid)}.motion-card:focus-within{outline:2px solid #777;outline-offset:5px}.section-dark .motion-card:focus-within{outline-color:var(--acid)}.desktop-nav a[aria-current]:after{transform:scaleX(1)}.desktop-nav a[aria-current]{font-weight:700}.mobile-menu a[aria-current]{padding-left:14px;background:#00000014}.contact a,.contact button{transition:opacity .25s,translate .35s var(--ease)}.contact a:hover,.contact button:hover{translate:0 -3px}.contact a:active,.contact button:active{translate:0 1px}.section-light a:focus-visible,.section-accent a:focus-visible,.section-light button:focus-visible,.section-accent button:focus-visible{outline-color:#555}.project-enter{align-self:flex-end;font-size:12px;margin-top:28px;border-bottom:1px solid;padding-bottom:6px;transition:translate .3s}a.project-card:hover{background:#00000009;box-shadow:inset 0 0 0 1px #aaa}a.project-card:hover .project-enter{translate:4px 0}.project-card h3{font-size:clamp(34px,4.5vw,72px)}@media(pointer:coarse){.content-cursor{display:none}.motion-card:before{display:none}.motion-card.is-visible{transform:none}}@media(prefers-reduced-motion:reduce){.content-cursor,.content-ripple{display:none}.motion-card.is-visible{transform:none}.contact a:hover,.contact button:hover{translate:none}}


@media (prefers-reduced-motion: no-preference) {
  .pool-home .experience-row.reveal:not(.is-visible) {
    opacity: 0;
  }

  .pool-home .experience-row.reveal.is-visible {
    animation: experience-enter 850ms cubic-bezier(.22, 1, .36, 1) both;
  }

  .pool-home .experience-row.reveal.is-visible:nth-child(2) {
    animation-delay: 120ms;
  }
}

@keyframes experience-enter {
  from { opacity: 0; translate: 0 36px; }
  to { opacity: 1; translate: 0 0; }
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .pool-home .about-note dl > div {
    position: relative;
  }

  .pool-home .about-note dl > div::after {
    content: '';
    position: absolute;
    inset: auto 0 -1px;
    height: 1px;
    background: #008bc8;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 380ms cubic-bezier(.22, 1, .36, 1);
    pointer-events: none;
  }

  .pool-home .about-note dl > div:hover::after {
    transform: scaleX(1);
  }
}
