:root{--bg:#070908;--paper:#eef0e9;--ink:#f3f5ef;--muted:#9da59d;--line:rgba(243,245,239,.16);--acid:#b9ffc9;--blue:#5c75ff;--shell:min(calc(100% - 64px),1440px);--ease:cubic-bezier(.16,1,.3,1)}
html{overflow-x:hidden}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark;scroll-behavior:smooth}body{min-width:320px;margin:0;overflow-x:hidden;background:var(--bg);color:var(--ink);font-family:Inter,"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}svg{display:block}.shell{width:var(--shell);margin-inline:auto}::selection{background:var(--acid);color:#061008}.skip-link{position:fixed;top:12px;left:12px;z-index:1000;padding:12px 16px;background:var(--acid);color:var(--bg);font-weight:700;transform:translateY(-150%)}.skip-link:focus{transform:none}:focus-visible{outline:2px solid var(--acid);outline-offset:5px}
.signal-field{position:fixed;inset:0;z-index:-2;width:100%;height:100%;opacity:.5;pointer-events:none}.page-noise{position:fixed;inset:0;z-index:1000;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.reading-progress{position:fixed;inset:0 0 auto;z-index:200;height:2px;background:var(--acid);transform:scaleX(0);transform-origin:left}
.site-header{position:absolute;top:0;left:50%;z-index:50;display:grid;min-height:104px;align-items:center;grid-template-columns:1fr 1fr 1fr;transform:translateX(-50%)}.brand{display:flex;width:48px;height:48px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;font-size:.73rem;font-weight:750;letter-spacing:-.04em;position:relative}.brand i{position:absolute;right:2px;bottom:4px;width:7px;height:7px;border:2px solid var(--bg);border-radius:50%;background:var(--acid)}.header-role{margin:0;color:var(--muted);font-family:"SFMono-Regular",Consolas,monospace;font-size:.62rem;letter-spacing:.11em;line-height:1.55;text-align:center;text-transform:uppercase}.site-nav{display:flex;justify-content:flex-end;gap:34px;color:#c4c9c2;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.site-nav a{display:flex;min-height:48px;align-items:center;position:relative}.site-nav a:after{position:absolute;right:0;bottom:9px;left:0;height:1px;background:var(--acid);content:"";transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease)}.site-nav a:hover:after,.site-nav a[aria-current=page]:after{transform:scaleX(1);transform-origin:left}
.hero{position:relative;display:grid;min-height:100svh;padding:150px 0 40px;grid-template-rows:1fr auto}.hero-art{position:absolute;top:8%;right:-10%;z-index:-1;width:min(78vw,1120px);height:78%;margin:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 88%,transparent),linear-gradient(0deg,transparent 0,#000 18%,#000 84%,transparent);mask-composite:intersect;opacity:.84;transform:translate3d(0,var(--depth-y,0),0)}.hero-art picture,.hero-art img{width:100%;height:100%;object-fit:cover}.hero-art img{filter:saturate(.78) contrast(1.08)}.hero-art:after{position:absolute;inset:0;background:linear-gradient(100deg,var(--bg) 0,transparent 38%,transparent 75%,var(--bg) 100%);content:""}.hero-art-scan{position:absolute;inset:-20% 0;background:linear-gradient(105deg,transparent 42%,rgba(185,255,201,.22) 49%,transparent 55%);mix-blend-mode:screen;transform:translateX(-65%);animation:scan 9s ease-in-out infinite}.hero-art figcaption{position:absolute;right:12%;bottom:5%;z-index:2;color:rgba(238,240,233,.48);font-family:monospace;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase}@keyframes scan{0%,14%{transform:translateX(-75%)}55%,100%{transform:translateX(85%)}}
.hero-copy-block{align-self:center;padding-top:1vh}.eyebrow{display:flex;margin:0 0 5vh;gap:30px;color:#c2c8c0;font-family:"SFMono-Regular",Consolas,monospace;font-size:.64rem;letter-spacing:.12em;text-transform:uppercase}.eyebrow span+span:before{display:inline-block;width:22px;height:1px;margin:0 12px 3px 0;background:var(--acid);content:""}.hero-title,.contact-page-title{max-width:1200px;margin:0;font-size:clamp(4rem,10.2vw,10rem);font-weight:460;letter-spacing:-.079em;line-height:.84}.line{display:block;overflow:hidden;padding:.04em .08em .1em 0}.line>span{display:block;transform:translateY(115%);animation:title-in 1.25s var(--ease) forwards}.line:nth-child(2)>span{animation-delay:.12s}.line-accent{color:var(--acid);font-weight:330}@keyframes title-in{to{transform:none}}
.hero-intro{display:grid;max-width:930px;margin-top:clamp(38px,6vh,68px);grid-template-columns:1fr 1fr;gap:clamp(36px,7vw,100px)}.hero-intro p{margin:0}.hero-statement{font-size:clamp(1.3rem,2.15vw,2.25rem);font-weight:450;letter-spacing:-.035em;line-height:1.13}.hero-intro p:last-child{max-width:470px;color:#b2b9b0;font-size:clamp(.98rem,1.2vw,1.14rem);line-height:1.62}.hero-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:40px}.signal-link,.contact-cta{display:flex;min-height:58px;align-items:center;gap:24px;border-bottom:1px solid rgba(185,255,201,.55);color:var(--acid);font-size:.82rem;font-weight:700;letter-spacing:.04em}.signal-link svg,.contact-cta svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4;transition:transform .3s var(--ease)}.signal-link:hover svg,.contact-cta:hover svg{transform:translate(4px,-4px)}.scroll-cue{display:flex;align-items:center;gap:16px;color:var(--muted);font-family:monospace;font-size:.61rem;letter-spacing:.1em;text-transform:uppercase}.scroll-cue i{position:relative;width:50px;height:1px;overflow:hidden;background:var(--line)}.scroll-cue i:after{position:absolute;inset:0;background:var(--acid);content:"";animation:scroll-line 2.5s var(--ease) infinite}@keyframes scroll-line{0%{transform:translateX(-110%)}60%,100%{transform:translateX(110%)}}
.section-kicker{margin:0;color:#adb5ac;font-family:monospace;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.section-kicker span{margin-right:22px;color:var(--acid)}.point-of-view{height:220svh}.pov-sticky{position:sticky;top:0;display:flex;height:100svh;overflow:hidden;align-items:center;justify-content:center;background:var(--paper);color:#0a0d0b}.pov-sticky>.section-kicker{position:absolute;top:9vh;color:#48514b}.pov-title{width:max-content;margin:0;font-size:clamp(3.3rem,8.8vw,9rem);font-weight:480;letter-spacing:-.07em;line-height:.9;text-align:center;transform:translate3d(var(--kinetic-x,0),0,0)}.pov-title span{display:block}.pov-title span:nth-child(2){color:#69736c;font-style:italic;font-weight:330}.pov-note{position:absolute;right:4vw;bottom:5vh;margin:0;color:#566058;font-family:monospace;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;writing-mode:vertical-rl}
.work{padding-block:clamp(120px,16vw,240px)}.work-head{display:grid;align-items:end;padding-bottom:clamp(72px,10vw,145px);grid-template-columns:.55fr 1.3fr .5fr;gap:40px}.work-head h2{margin:0;font-size:clamp(3.5rem,7.4vw,8rem);font-weight:420;letter-spacing:-.07em;line-height:.9}.work-head>p:last-child{margin:0 0 8px;color:var(--muted);font-size:.9rem}.work-list{padding:0;margin:0;list-style:none}.work-item{position:relative;display:grid;min-height:240px;align-items:center;border-top:1px solid var(--line);grid-template-columns:.42fr 1fr .8fr;gap:42px;overflow:hidden}.work-item:last-child{border-bottom:1px solid var(--line)}.work-item:before{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(185,255,201,.08),transparent 68%);content:"";transform:translateX(-102%);transition:transform .7s var(--ease)}.work-item:hover:before{transform:none}.work-index{display:flex;align-items:center;gap:18px;color:#8a938b;font-family:monospace;font-size:.66rem}.work-index i{width:48px;height:1px;background:var(--line);transition:width .5s var(--ease),background .5s}.work-item:hover .work-index i{width:100px;background:var(--acid)}.work-item h3{margin:0;font-size:clamp(2.8rem,5.6vw,6.3rem);font-weight:420;letter-spacing:-.065em;line-height:.9;transition:color .35s,transform .5s var(--ease)}.work-item:hover h3{color:var(--acid);transform:translateX(12px)}.work-item>p{max-width:470px;margin:0;color:#abb2aa;line-height:1.7}
.contact-stage{position:relative;min-height:110svh;overflow:hidden;background:#030504}.contact-stage-inner{position:relative;z-index:3;display:grid;min-height:110svh;padding-block:11vh 10vh;grid-template-rows:auto 1fr auto}.contact-art{position:absolute;top:6%;right:-8%;bottom:2%;left:13%;opacity:.72;transform:translate3d(0,var(--depth-y,0),0);mask-image:radial-gradient(ellipse 48% 46% at 62% 50%,#000 0,#000 57%,transparent 78%)}.contact-art picture,.contact-art img{width:100%;height:100%;object-fit:cover}.contact-art img{filter:saturate(.8) contrast(1.18);transform:scale(1.18) rotate(-7deg);animation:art-breathe 15s ease-in-out infinite alternate}@keyframes art-breathe{to{transform:scale(1.28) rotate(-3deg)}}.contact-stage:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,5,4,.95) 0,rgba(3,5,4,.28) 48%,rgba(3,5,4,.66) 100%);content:""}.contact-title{align-self:center;margin:0;font-size:clamp(5rem,15.5vw,15rem);font-weight:420;letter-spacing:-.09em;line-height:.68}.contact-title span{display:block}.contact-title span:last-child{margin-left:26vw;color:transparent;-webkit-text-stroke:1px rgba(238,240,233,.82)}.contact-cta{align-self:end;justify-self:end;min-width:min(430px,100%);justify-content:space-between;padding-bottom:18px;font-size:clamp(1rem,1.5vw,1.3rem)}.contact-cta svg{width:28px;height:28px}.contact-orbit{position:absolute;top:50%;right:15%;z-index:2;width:min(38vw,560px);aspect-ratio:1;border:1px solid rgba(185,255,201,.16);border-radius:50%;transform:translateY(-50%);animation:orbit-breathe 7s ease-in-out infinite alternate}.contact-orbit i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 28px var(--acid)}.contact-orbit i:nth-child(1){top:-4px;left:50%}.contact-orbit i:nth-child(2){right:5%;bottom:20%}.contact-orbit i:nth-child(3){bottom:6%;left:14%;opacity:.35}@keyframes orbit-breathe{to{border-radius:42% 58% 55% 45%;transform:translateY(-50%) rotate(15deg) scale(1.05)}}
.site-footer{display:grid;min-height:130px;align-items:center;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line);color:#858d86;font-family:monospace;font-size:.61rem;letter-spacing:.1em;text-transform:uppercase}.site-footer p{margin:0}.site-footer p:nth-child(2){text-align:center}.site-footer a{text-align:right}.live-dot{display:inline-block;width:6px;height:6px;margin:0 5px;border-radius:50%;background:var(--acid);box-shadow:0 0 10px var(--acid)}
.contact-page{position:relative;display:flex;min-height:calc(100svh - 130px);align-items:center;padding-block:150px 70px}.contact-page-art{position:absolute;inset:7% -20% 0 26%;z-index:-1;overflow:hidden;opacity:.68;mask-image:radial-gradient(ellipse at 60% 50%,#000 0,#000 42%,transparent 73%)}.contact-page-art picture,.contact-page-art img{width:100%;height:100%;object-fit:cover}.contact-page-art img{animation:art-breathe 16s ease-in-out infinite alternate}.contact-page-copy{width:100%}.contact-page-title{font-size:clamp(4rem,9.6vw,9.7rem)}.contact-page-note{margin:5vh 0 3vh;color:#b3bbb2;font-size:clamp(1rem,1.35vw,1.22rem)}.contact-page .contact-cta{justify-self:auto;width:min(430px,100%)}
.js .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js .reveal.is-visible{opacity:1;transform:none}
@media(max-width:820px){:root{--shell:min(calc(100% - 32px),1440px)}.site-header{grid-template-columns:1fr auto}.header-role{display:none}.hero{padding-top:120px}.hero-art{top:10%;right:-32%;width:120vw;height:65%;opacity:.65}.hero-copy-block{align-self:center}.hero-intro{grid-template-columns:1fr;gap:22px}.hero-bottom{gap:24px}.work-head{grid-template-columns:1fr}.work-head h2{margin-top:28px}.work-item{padding-block:45px;grid-template-columns:70px 1fr}.work-item>p{grid-column:2}.contact-title span:last-child{margin-left:12vw}.contact-orbit{right:-12%;width:65vw}.contact-cta{justify-self:start}.contact-art{left:-15%;right:-30%}}
@media(max-width:520px){:root{--shell:calc(100% - 28px)}.site-header{min-height:82px}.brand{width:42px;height:42px}.site-nav{gap:18px;font-size:.65rem}.hero{min-height:100svh;padding:106px 0 28px}.hero-art{top:9%;right:-76%;width:178vw;height:54%;opacity:.56}.eyebrow{gap:12px;margin-bottom:4vh;font-size:.55rem}.eyebrow span+span:before{width:9px;margin-right:7px}.hero-title{font-size:clamp(3.6rem,17vw,5.3rem);line-height:.88}.hero-intro{margin-top:30px}.hero-statement{font-size:1.45rem}.hero-intro p:last-child{font-size:.92rem}.hero-bottom{align-items:flex-start;flex-direction:column}.scroll-cue{display:none}.point-of-view{height:175svh}.pov-title{font-size:15vw;line-height:.95}.pov-note{display:none}.work{padding-block:110px}.work-head{padding-bottom:72px}.work-head h2{font-size:3.4rem}.work-item{min-height:0;grid-template-columns:42px 1fr;gap:18px}.work-item h3{font-size:2.8rem}.work-item>p{font-size:.92rem}.work-index i{display:none}.contact-stage,.contact-stage-inner{min-height:92svh}.contact-stage-inner{padding-block:90px 74px}.contact-title{font-size:24vw;line-height:.77}.contact-title span:last-child{margin-left:0}.contact-art{inset:14% -90% 5% -20%;opacity:.6}.contact-orbit{right:-32%;width:95vw}.contact-cta{min-width:100%}.site-footer{min-height:150px;grid-template-columns:1fr 1fr}.site-footer p:nth-child(2){display:none}.contact-page{min-height:calc(100svh - 150px);padding-top:120px}.contact-page-title{font-size:16vw}.contact-page-art{inset:12% -88% 8% -25%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.signal-field{display:none}.js .reveal{opacity:1;transform:none}.line>span{transform:none}.hero-art,.contact-art{transform:none!important}}

/* Pass two: tighter pacing and stronger section hierarchy. */
.point-of-view{height:185svh}
.hero-art{right:-4%}
.work-head .section-kicker{align-self:start;padding-top:12px;color:var(--acid);font-size:.72rem}
.work-head .section-kicker:after{display:block;width:72px;height:1px;margin-top:20px;background:var(--acid);content:""}
@media(max-width:520px){.point-of-view{height:155svh}.hero-art{right:-68%}.work-head .section-kicker{font-size:.66rem}}

.contact-stage,.contact-stage-inner{min-height:100svh}
.contact-title{font-size:clamp(5rem,14vw,13.5rem);line-height:.7}
.contact-orbit{display:none}
@media(max-width:520px){.hero-art{top:5%;right:-34%;width:142vw;height:55%;opacity:.52}.contact-stage,.contact-stage-inner{min-height:92svh}.contact-title{font-size:23vw}}

.hero{isolation:isolate}
.hero-art{z-index:0}
.hero-copy-block,.hero-bottom{position:relative;z-index:2}
.contact-page{isolation:isolate}
.contact-page-art{z-index:0}
.contact-page-copy{position:relative;z-index:2}
@media(max-width:520px){.brand{width:44px;height:44px}}

/* Y2K systems field: real-time particle canvases replace the rendered sculpture. */
.tech-canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:pan-y}
.hero-art picture,.hero-art img,.contact-art picture,.contact-art img,.contact-page-art picture,.contact-page-art img{display:none}
.hero-art{right:-2%;width:min(80vw,1180px);opacity:1;mask-image:linear-gradient(90deg,transparent 0,#000 19%,#000 94%,transparent),linear-gradient(0deg,transparent 0,#000 12%,#000 92%,transparent)}
.hero-art:after{pointer-events:none;background:linear-gradient(100deg,var(--bg) 0,rgba(7,9,8,.7) 25%,transparent 58%,rgba(7,9,8,.18) 100%)}
.hero-art-scan{pointer-events:none;background:linear-gradient(105deg,transparent 43%,rgba(166,255,225,.16) 49%,transparent 54%);animation-duration:7s}
.contact-art{z-index:1;inset:4% -4% 0 18%;opacity:1;mask-image:radial-gradient(ellipse 52% 52% at 65% 50%,#000 0,#000 64%,transparent 88%)}
.contact-stage:after{pointer-events:none;background:linear-gradient(90deg,rgba(3,5,4,.96) 0,rgba(3,5,4,.42) 43%,rgba(3,5,4,.08) 72%,rgba(3,5,4,.45) 100%)}
.contact-page-art{inset:5% -12% 2% 30%;opacity:1;mask-image:radial-gradient(ellipse at 62% 50%,#000 0,#000 56%,transparent 84%)}
.contact-title span:last-child{color:var(--acid);background:none;-webkit-text-stroke:0;filter:none;text-shadow:0 0 42px rgba(185,255,201,.16);animation:none}
@media(max-width:820px){.hero-art{right:-22%;width:118vw}.contact-art{inset:8% -38% 2% -4%}.contact-page-art{inset:8% -48% 5% 5%}}
@media(max-width:520px){.hero-art{top:4%;right:-44%;width:154vw;height:57%;opacity:.85}.contact-art{inset:12% -72% 7% -18%}.contact-page-art{inset:14% -78% 8% 4%}.contact-title span:last-child{color:var(--acid)}}
@media(prefers-reduced-motion:reduce){.tech-canvas{cursor:default}}

/* Kinetic copy resolves onto the same editorial grid as its section label. */
.pov-title{width:var(--shell);margin-inline:auto;text-align:left;white-space:nowrap}
@media(max-width:520px){
  .pov-title{
    width:var(--shell);
    margin-inline:auto;
    font-size:12vw;
    text-align:left;
    white-space:normal;
    transform:none!important;
  }
}

/* Tighten the handoff from the Standard panel into What I do. */
.work{padding-top:clamp(72px,7vw,104px);padding-bottom:clamp(120px,16vw,240px)}
@media(max-width:520px){.work{padding-top:72px;padding-bottom:110px}}

/* Preserve horizontal clipping without turning the page into a sticky-breaking scroll container. */
html,body{overflow-x:clip}