@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#10110e;--paper:#f1f0e9;--lime:#d7ff3f;--muted:#989991;--mono:'DM Mono',monospace;--sans:'Manrope','Space Grotesk',sans-serif;--gutter:clamp(22px,5.4vw,88px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans)}
a{color:inherit;text-decoration:none}button{font:inherit}
.page-noise{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.07;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='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}
.topbar{height:82px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;width:100%;z-index:20;border-bottom:1px solid #ffffff18}
.wordmark{font-size:22px;font-weight:800;letter-spacing:-1.5px}.wordmark span{font-weight:400}.wordmark sup{font:9px var(--mono);vertical-align:top;letter-spacing:0;margin-left:2px}
.availability{font:10px var(--mono);letter-spacing:.04em;color:#c6c7bf;display:flex;align-items:center;gap:10px}.availability i{width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 14px #d7ff3f99;animation:blink 2s infinite}
.menu-toggle{border:0;background:none;color:var(--paper);display:flex;align-items:center;gap:16px;font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.menu-toggle b,.menu-toggle b:after{display:block;width:23px;height:1px;background:var(--paper);transition:transform .35s}.menu-toggle b{position:relative}.menu-toggle b:after{content:'';position:absolute;top:7px}.menu-toggle[aria-expanded=true] b{transform:rotate(45deg)}.menu-toggle[aria-expanded=true] b:after{top:0;transform:rotate(-90deg)}
.menu-panel{position:fixed;z-index:19;top:0;right:0;width:min(520px,100%);height:100dvh;padding:120px var(--gutter) 38px;background:var(--lime);color:var(--ink);transform:translateX(102%);transition:transform .7s cubic-bezier(.76,0,.24,1);display:flex;flex-direction:column}.menu-panel.open{transform:translateX(0)}.menu-top,.menu-foot{display:flex;justify-content:space-between;font:10px var(--mono);text-transform:uppercase}.menu-panel>a{display:flex;align-items:baseline;border-bottom:1px solid #10110e35;padding:18px 0;font-size:clamp(42px,9vw,75px);font-weight:700;letter-spacing:-.07em;transition:padding .3s}.menu-panel>a:hover{padding-left:14px}.menu-panel>a small{font:11px var(--mono);letter-spacing:0;width:42px}.menu-panel>a span{font-size:25px;margin-left:auto}.menu-foot{margin-top:auto}
.hero{height:min(900px,100svh);min-height:700px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 68% 44%,#3c4821 0%,#1b2115 25%,#10110e 62%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:10vw 10vw;mask-image:linear-gradient(90deg,black,transparent 90%)}
.hero-meta{position:absolute;top:112px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.1em;color:#b7baaa}.hero-stage{position:absolute;inset:82px 0 60px}.hero-copy{position:absolute;z-index:3;left:var(--gutter);top:18%;max-width:900px}.eyebrow{font:10px var(--mono);letter-spacing:.14em}.hero .eyebrow{color:#d7d8d0}.hero .eyebrow span{color:var(--lime);font-size:15px;margin-left:6px}.hero h1{font-size:clamp(76px,13vw,196px);line-height:.78;letter-spacing:-.105em;font-weight:700;margin:44px 0 35px;position:relative}.lime{color:var(--lime)}
.hero-bottom{display:flex;align-items:end;gap:clamp(60px,15vw,240px)}.hero-bottom p{font-size:14px;line-height:1.65;color:#d1d2c9;margin:0}.round-link{width:48px;height:48px;border:1px solid #d7ff3f80;border-radius:50%;display:grid;place-items:center;color:var(--lime);font-size:20px;transition:.3s}.round-link:hover{background:var(--lime);color:var(--ink);transform:rotate(45deg)}
.planet{position:absolute;width:min(44vw,570px);height:min(44vw,570px);right:8%;top:9%;border-radius:50%;background:radial-gradient(circle at 34% 31%,#f2ffad 0,#c7eb40 7%,#8caf30 18%,#4c6420 40%,#273715 61%,#11180e 76%);box-shadow:inset -38px -30px 90px #060806cc,0 15px 120px #c1e34422;animation:float 7s ease-in-out infinite}.planet:before{content:'';position:absolute;inset:-5%;border-radius:50%;background:repeating-linear-gradient(158deg,transparent 0 19px,#e4f68a12 20px 22px,transparent 23px 42px);mask-image:radial-gradient(circle,transparent 35%,#000 75%)}.planet-shine{position:absolute;left:25%;top:20%;width:26%;height:14%;border-radius:50%;filter:blur(28px);background:#edffad8c;transform:rotate(-32deg)}.planet-ring{position:absolute;top:39%;left:-28%;width:156%;height:24%;border:1px solid #d7ff3f89;border-radius:50%;transform:rotate(-22deg);box-shadow:0 0 20px #d7ff3f1e}.orbital{position:absolute;border:1px solid #f1f0e91c;border-radius:50%;width:68vw;height:68vw;right:-10%;top:-10%;transform:rotate(-24deg)}.orbital-two{width:80vw;height:80vw;right:-17%;top:-20%;border-color:#d7ff3f1d}
.hero-rail{position:absolute;left:clamp(12px,2vw,28px);bottom:150px;writing-mode:vertical-rl;display:flex;align-items:center;gap:17px;color:#aaa;font:8px var(--mono);letter-spacing:.13em}.rail-line{width:1px;height:72px;background:linear-gradient(var(--lime),transparent)}.hero-foot{position:absolute;left:var(--gutter);right:var(--gutter);bottom:30px;display:flex;justify-content:space-between;color:#aaa;font:9px var(--mono);letter-spacing:.1em}.scroll-prompt b{color:var(--lime);font-size:15px;margin-left:6px}
.ticker{height:74px;background:var(--lime);color:var(--ink);overflow:hidden;display:flex;align-items:center;transform:rotate(-1.1deg) scale(1.02);position:relative;z-index:2}.ticker-track{display:flex;align-items:center;gap:30px;white-space:nowrap;animation:ticker 28s linear infinite;font-size:21px;font-weight:700;letter-spacing:-.04em}.ticker-track i{font-style:normal;font-size:24px}
.section-pad{padding-left:var(--gutter);padding-right:var(--gutter)}.intro{padding-top:180px;padding-bottom:170px;display:grid;grid-template-columns:1fr 2.4fr;gap:4vw}.section-index{font:9px var(--mono);letter-spacing:.12em;color:#aaa;display:flex;justify-content:space-between;gap:20px}.index-dot{color:var(--lime);font-size:16px}.intro-content{max-width:940px}.intro-content>.eyebrow{color:var(--lime);margin:0 0 42px}.intro h2{font-size:clamp(52px,8.3vw,118px);letter-spacing:-.085em;line-height:.93;margin:0;font-weight:600}.outline{color:transparent;-webkit-text-stroke:1px #a6a79e}.intro-lower{display:grid;grid-template-columns:1fr minmax(240px,430px) 1fr;align-items:end;gap:25px;margin-top:65px}.big-star{font-size:60px;color:var(--lime);line-height:.8}.intro-lower p{color:#b5b6ad;font-size:14px;line-height:1.8;margin:0;max-width:400px}.mono-note{justify-self:end;font:9px var(--mono);line-height:1.8;letter-spacing:.08em;color:var(--lime)}
.work{padding-top:55px;padding-bottom:160px;background:#171813}.work>.section-index{border-top:1px solid #ffffff25;padding-top:20px}.work-heading{display:flex;align-items:end;justify-content:space-between;margin:92px 0 60px}.work-heading h2{font-size:clamp(64px,10vw,145px);line-height:.84;letter-spacing:-.095em;margin:0}.work-heading p{color:#b5b6ad;font-size:13px;line-height:1.8;margin:0 9% 5px 0}.work-heading p span{color:var(--lime);font-size:20px}
.manifesto{min-height:620px;background:var(--lime);color:var(--ink);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.manifesto:before{content:'BD';position:absolute;right:-.04em;bottom:-.43em;font-size:clamp(320px,60vw,840px);font-weight:800;letter-spacing:-.12em;color:#10110e08;line-height:1}.manifesto-inner{position:relative;width:min(850px,78%)}.manifesto-inner>.eyebrow{font-size:9px}.manifesto-inner>p{font-size:clamp(50px,9vw,126px);font-weight:700;line-height:.92;letter-spacing:-.09em;margin:40px 0 0}.manifesto-inner>p span{color:transparent;-webkit-text-stroke:1px var(--ink)}.manifesto-inner>p em{font-style:normal;font-size:.62em;letter-spacing:-.06em}.manifesto-mark{position:absolute;right:0;bottom:10px;font:11px var(--mono)}.manifesto-side{position:absolute;right:var(--gutter);top:50%;writing-mode:vertical-rl;font:8px var(--mono);letter-spacing:.12em}
.contact{padding-top:95px;padding-bottom:35px;background:#141510}.contact>.section-index{border-top:1px solid #ffffff32;padding-top:20px}.contact-main{padding:120px 0 150px 18%}.contact-main .eyebrow{color:var(--lime)}.contact-main h2{font-size:clamp(76px,14vw,190px);line-height:.8;letter-spacing:-.11em;margin:35px 0 55px}.contact-main h2 span{color:var(--lime)}.contact-link{display:flex;align-items:center;gap:24px;font-size:clamp(15px,2vw,22px);width:max-content;padding-bottom:12px;border-bottom:1px solid #d7ff3f80}.contact-link b{color:var(--lime);font-size:22px;transition:transform .3s}.contact-link:hover b{transform:translate(5px,-5px)}.contact-footer{border-top:1px solid #ffffff32;padding-top:23px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;align-items:center;font:8px var(--mono);letter-spacing:.08em;color:#b0b1a7}.contact-footer .wordmark{color:var(--paper);font:800 17px var(--sans);letter-spacing:-1px}.contact-footer .wordmark span{font-weight:400}.contact-footer a:nth-child(3){text-align:center}.contact-footer>span:last-child{text-align:right}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}.reveal.in-view{opacity:1;transform:translateY(0)}
@keyframes float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-16px,0)}}@keyframes turn{to{rotate:372deg}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes blink{50%{opacity:.35}}@keyframes morph{0%,100%{border-radius:44% 56% 60% 40%;transform:rotate(-35deg) scale(1)}50%{border-radius:58% 42% 43% 57%;transform:rotate(-15deg) scale(1.04)}}
@media(max-width:800px){.hero{min-height:760px}.hero-meta{top:102px}.hero-copy{top:23%;}.hero h1{font-size:clamp(74px,17vw,128px)}.planet{width:74vw;height:74vw;right:-16%;top:17%;opacity:.72}.hero-rail{bottom:130px}.hero-bottom{gap:42px}.intro{grid-template-columns:1fr;gap:60px;padding-top:120px;padding-bottom:120px}.intro-lower{grid-template-columns:50px 1fr;gap:25px}.mono-note{display:none}.work{padding-bottom:110px}.project-list{column-gap:5%;row-gap:55px}.project-two{margin-top:80px}.project-art{height:36vw;min-height:230px}.project-info h3{font-size:18px}.work-heading p{margin-right:0}.manifesto{min-height:520px}.contact-main{padding:100px 0 120px 10%}.contact-footer{grid-template-columns:1fr 1fr;gap:20px}.contact-footer a:nth-child(3){text-align:right}.contact-footer>span:last-child{text-align:right}}
@media(max-width:560px){.topbar{height:70px}.availability span{display:none}.hero{height:850px;min-height:90svh;max-height:960px}.hero-stage{inset:70px 0 55px}.hero-meta{top:93px;font-size:7px}.hero-copy{top:24%;}.hero h1{font-size:clamp(69px,18vw,104px);margin:35px 0 25px}.hero-bottom{gap:25px;align-items:center}.hero-bottom p{font-size:12px}.round-link{width:42px;height:42px}.planet{width:95vw;height:95vw;right:-32%;top:13%;opacity:.48}.orbital{width:110vw;height:110vw;right:-32%;top:-1%}.orbital-two{width:130vw;height:130vw;right:-42%;top:-12%}.hero-rail{left:14px;bottom:155px;font-size:7px}.hero-foot{font-size:7px;bottom:20px}.scroll-prompt{display:none}.ticker{height:58px}.ticker-track{font-size:16px;gap:20px}.intro{padding-top:100px;padding-bottom:105px}.section-index{font-size:8px}.intro h2{font-size:clamp(48px,12vw,70px)}.intro-content>.eyebrow{margin-bottom:30px}.intro-lower{margin-top:40px;grid-template-columns:32px 1fr}.big-star{font-size:38px}.intro-lower p{font-size:12px}.work{padding-top:35px;padding-bottom:90px}.work-heading{display:block;margin:65px 0 40px}.work-heading h2{font-size:76px}.work-heading p{margin-top:22px;font-size:12px}.project-list{grid-template-columns:1fr;row-gap:45px}.project-two{margin-top:0}.project-three{grid-column:auto}.project-art{height:70vw;min-height:250px;max-height:390px}.project-info h3{font-size:20px}.project-type{font-size:10px}.work-note{font-size:8px;line-height:1.7;margin-top:55px}.manifesto{min-height:450px}.manifesto-inner{width:80%}.manifesto-inner>p{font-size:clamp(47px,11vw,72px)}.manifesto-side{right:14px;font-size:7px}.manifesto-mark{bottom:-35px}.contact{padding-top:55px}.contact-main{padding:90px 0 105px 0}.contact-main h2{font-size:clamp(80px,19vw,115px);margin:32px 0 45px}.contact-link{font-size:16px}.contact-footer{font-size:7px;gap:22px 10px}.contact-footer .wordmark{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

.hero-desk{position:absolute;z-index:1;right:2%;top:17%;width:min(38vw,510px);height:min(38vw,510px);min-width:350px;min-height:350px;isolation:isolate}
.process-scene:before{content:"";position:absolute;inset:13%;border-radius:50%;background:radial-gradient(ellipse,#bce54a20 0,transparent 70%);filter:blur(24px);pointer-events:none}
.process-note{position:absolute;top:-4%;left:9%;color:#d5d7ca;font:9px var(--mono);letter-spacing:.12em}
.process-layer{position:absolute;display:flex;flex-direction:column;justify-content:space-between;width:82%;height:24%;padding:14px 18px;border:1px solid #f1f0e9c2;border-radius:4px;background:linear-gradient(120deg,#20251cfb,#11140ffb);box-shadow:inset 0 1px #ffffff80,0 18px 36px #0008;transform-style:preserve-3d;will-change:transform}
.process-layer:before{content:"";position:absolute;inset:10px;border:1px solid #ffffff22;pointer-events:none}
.process-layer-one{left:4%;top:8%;z-index:1;transform:rotate(-2deg)}
.process-layer-two{left:9%;top:38%;z-index:2;transform:rotate(0deg);background:linear-gradient(120deg,#20271afb,#11150ffb)}
.process-layer-three{left:14%;top:68%;z-index:3;transform:rotate(2deg);background:linear-gradient(120deg,#20241ffb,#111410fb)}
.layer-index,.process-layer small{position:relative;color:#dfff8e;font:10px var(--mono);letter-spacing:.08em}
.process-layer strong{position:relative;max-width:calc(100% - 62px);color:#fff;font-size:clamp(22px,2.7vw,38px);line-height:.98;letter-spacing:-.035em;font-weight:650;text-shadow:0 1px 8px #000c}
.process-layer small{color:#e0e2d9;font-size:9px}
.layer-mark{position:absolute;right:22px;top:42px;width:42px;height:42px;display:grid;place-items:center;border:1px solid #d7ff3f85;border-radius:50%;color:var(--lime);font:20px var(--mono);font-style:normal}
.layer-mark-two{border-radius:4px;transform:rotate(45deg)}.layer-mark-three{font-size:23px}
.process-progress{position:absolute;left:9%;right:9%;bottom:0;height:1px;background:#ffffff2c}.process-progress span{display:block;width:0;height:100%;background:var(--lime);box-shadow:0 0 12px #d7ff3f;transform-origin:left}
  @media(max-width:800px){.hero-desk{right:-7%;top:24%;width:67vw;height:67vw;min-width:0;min-height:0;opacity:.92}.process-layer{padding:13px}.process-layer strong{font-size:clamp(21px,3vw,28px)}}
  @media(max-width:560px){.hero-desk{right:-34%;top:34%;width:94vw;height:94vw;opacity:.9}.process-note{font-size:8px}.process-layer{width:82%;height:25%;padding:9px 11px}.process-layer:before{inset:6px}.process-layer strong{max-width:calc(100% - 36px);font-size:clamp(18px,5vw,22px);letter-spacing:-.025em}.process-layer small,.layer-index{font-size:8px}.layer-mark{right:12px;top:24px;width:28px;height:28px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.process-layer{will-change:auto}}

/* Keep the three-line statement intentional at wide sizes and quieter on touch screens. */
.hero-copy{max-width:1000px}
.hero h1{max-width:none;white-space:nowrap;font-size:clamp(72px,10.5vw,164px)}
html{overflow-x:clip}body{overflow-x:clip}
@media(max-width:800px){.hero h1{font-size:clamp(62px,13.5vw,112px)}}
@media(max-width:560px){.hero h1{font-size:clamp(56px,15vw,86px);white-space:nowrap}}

/* Pin the intro while its three glass panels fan out with the page scroll. */
.topbar{position:fixed;background:#10110e72;backdrop-filter:blur(10px)}
.hero{height:calc(100svh + 480px);min-height:1180px;max-height:1700px;overflow:clip}
.hero-stage{position:sticky;inset:auto;top:0;height:100svh;min-height:700px}
@media(max-width:560px){.hero-stage{min-height:760px}.hero{height:calc(100svh + 420px);min-height:1180px}}