@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:DM Sans Variable,Segoe UI,sans-serif;color:#e9eeeb;background:#090d10;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}*{box-sizing:border-box}html,body,#root{min-width:0;min-height:100%;margin:0}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}::selection{color:#081015;background:#e5b976}:focus-visible{outline:2px solid #efc080;outline-offset:5px}.app-shell{position:relative;min-height:100svh;overflow:clip;background:radial-gradient(ellipse 50% 42% at 52% 58%,rgba(30,47,52,.24),transparent 78%),linear-gradient(145deg,#0c1216,#090d10 62%,#0b1013)}.app-shell:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:radial-gradient(#a1b6b5 .7px,transparent .7px);background-size:68px 68px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent);mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent)}.page-shell{width:min(100% - 72px,1760px);margin-inline:auto}.site-header,.site-footer{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between}.site-header{height:70px;padding-inline:max(36px,calc((100vw - 1760px)/2));border-bottom:1px solid rgba(215,230,223,.08)}.wordmark{font-family:Space Grotesk Variable,sans-serif;font-weight:700;font-size:21px;letter-spacing:-.075em;white-space:nowrap}.wordmark span{color:#e5ae69}.site-header__right{display:flex;align-items:center;gap:34px}.site-header__right>span{color:#708187;font-size:11px;font-weight:600}.site-header__right a,.site-footer__link{display:inline-flex;align-items:center;gap:8px;color:#cbd5d1;font-size:12px;font-weight:700;transition:color .2s ease}.site-header__right a:hover,.site-footer__link:hover{color:#f0bb79}.site-header__right a span,.site-footer__link span{font-size:15px;font-weight:400}.site-footer__links{display:flex;align-items:center;gap:26px}.intro-section{position:relative;z-index:1;display:flex;align-items:center;min-height:min(790px,calc(100svh - 70px));padding-block:70px 110px}.intro-section__copy{position:relative;z-index:2;width:min(58%,720px);margin-top:-12px}.eyebrow{display:flex;align-items:center;gap:11px;color:#94a5a4;font-size:10px;letter-spacing:.17em;font-weight:750}.eyebrow__dot{width:5px;height:5px;border-radius:50%;background:#e6b26d;box-shadow:0 0 12px #e6b26d99}.intro-section h1,.projects-section h2{margin:23px 0 20px;font-family:Space Grotesk Variable,sans-serif;font-weight:560;letter-spacing:-.075em}.intro-section h1{max-width:780px;font-size:clamp(54px,6.1vw,88px);line-height:.99}.intro-section h1 span,.projects-section h2 span{color:#e4aa68}.intro-section__copy>p{max-width:385px;margin:0;color:#91a0a1;font-size:15px;line-height:1.75}.intro-section__link{display:inline-flex;align-items:center;gap:12px;margin-top:34px;color:#e7ba81;font-size:12px;font-weight:700}.intro-section__link span{display:inline-grid;place-items:center;width:26px;height:26px;border:1px solid rgba(231,186,129,.3);border-radius:50%;font-size:14px;transition:transform .2s ease,background .2s ease}.intro-section__link:hover span{transform:translateY(3px);background:#e7ba811a}.intro-mark{position:absolute;top:50%;right:7%;width:min(37vw,490px);aspect-ratio:1;transform:translateY(-54%);opacity:.78}.intro-mark .solar-stage{height:100%;min-height:0}.scroll-cue{position:absolute;left:0;bottom:38px;display:flex;align-items:center;gap:10px;color:#63757b;font-size:9px;font-weight:700;letter-spacing:.16em}.scroll-cue span{height:1px;width:27px;background:#b2865b}.projects-section{position:relative;z-index:1;min-height:calc(100svh - 128px);padding:46px 0 30px;border-top:1px solid rgba(215,230,223,.075)}.projects-section__heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.projects-section h2{margin:16px 0 0;font-size:clamp(32px,4vw,48px);line-height:1}.projects-section__heading>p{margin:0 0 4px;color:#809094;font-size:12px}.orbit-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:center;gap:clamp(40px,6vw,112px);width:min(100% - 88px,1740px);height:clamp(560px,calc(100svh - 320px),820px);margin:8px auto 0}.solar-stage{position:relative;width:100%;height:100%;min-height:0;align-self:center;isolation:isolate}.solar-stage__canvas{position:absolute;inset:0}.solar-stage__canvas canvas{display:block;width:100%;height:100%;outline:none}.project-index{width:100%;max-width:360px;justify-self:end;position:relative;z-index:3}.project-index__heading{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(207,226,224,.19);color:#91a2a0;font-size:9px;font-weight:800;letter-spacing:.16em}.project-index__list{display:grid}.project-row{display:block;padding:20px 0 21px;border-bottom:1px solid rgba(207,226,224,.11);transition:padding-left .2s ease,border-color .2s ease}.project-row:hover,.project-row--active{padding-left:7px;border-color:#e3b06a61}.project-row__top{display:flex;align-items:center;gap:11px}.project-row__number{color:#77868b;font-size:9px;font-weight:750;font-variant-numeric:tabular-nums}.project-row__planet{width:8px;height:8px;flex:none;border:1px solid rgba(255,255,255,.24);border-radius:50%;box-shadow:0 0 10px #ffffff1f}.project-row__name{font-family:Space Grotesk Variable,sans-serif;font-size:23px;font-weight:600;letter-spacing:-.055em}.project-row__arrow{margin-left:auto;color:#8b9e9c;font-size:18px;font-weight:400;line-height:1;transition:color .2s ease,transform .2s ease}.project-row:hover .project-row__arrow,.project-row--active .project-row__arrow{color:#e5b06c;transform:translate(2px,-2px)}.project-row__description{display:block;margin:7px 0 0 30px;color:#819196;font-size:11px;line-height:1.6}.site-footer{min-height:58px;padding:0 max(36px,calc((100vw - 1760px)/2));border-top:1px solid rgba(215,230,223,.08);color:#6d7e81;font-size:10px}.solar-fallback{position:absolute;inset:0;display:grid;place-items:center}.solar-fallback:before,.solar-fallback:after{content:"";position:absolute;border:1px solid rgba(190,209,211,.16);border-radius:50%;width:42%;aspect-ratio:1;transform:scaleY(.65)}.solar-fallback:after{width:75%}.solar-fallback__sun{position:relative;z-index:1;width:20%;max-width:160px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffe6a1,#ec9d4a 43%,#ae4226 90%);box-shadow:0 0 45px #ee8d453d,0 0 100px #ee8d4522}.solar-fallback__planet{position:absolute;z-index:2;border-radius:50%;box-shadow:inset -8px -10px 16px #0008}@media(max-width:1050px){.intro-section__copy{width:62%}.intro-mark{right:1%;width:40vw}}@media(max-width:900px){.page-shell{width:min(100% - 48px,760px)}.orbit-layout{grid-template-columns:minmax(0,1.5fr) minmax(250px,.9fr);gap:30px;width:min(100% - 48px,860px);height:clamp(500px,calc(100svh - 290px),680px)}.project-row{padding:15px 0}.project-row__name{font-size:20px}.solar-stage{min-height:0}.site-header{padding-inline:24px}.intro-section{min-height:min(740px,calc(100svh - 70px));padding-block:70px 100px}.intro-section__copy{width:77%}.intro-section h1{font-size:clamp(54px,10vw,76px)}.intro-mark{right:-13%;width:50vw;opacity:.42}.projects-section{padding-top:52px}}@media(max-width:520px){.page-shell,.orbit-layout{width:calc(100% - 40px)}.site-header{height:62px;padding-inline:20px}.site-header__right>span{display:none}.site-header__right{gap:0}.wordmark{font-size:20px}.intro-section{align-items:flex-start;min-height:min(730px,calc(94svh - 62px));padding-block:118px 92px}.intro-section__copy{width:100%;margin:0}.eyebrow{font-size:8px;letter-spacing:.14em}.intro-section h1{font-size:clamp(49px,13vw,65px);margin:19px 0 15px}.intro-section__copy>p{max-width:320px;font-size:13px}.intro-section__link{margin-top:25px}.intro-mark{top:auto;right:-9%;bottom:8%;width:44vw;transform:none;opacity:.55}.scroll-cue{bottom:27px;font-size:8px}.projects-section{min-height:0;padding:42px 0 38px}.projects-section__heading{align-items:flex-start;flex-direction:column;gap:12px}.projects-section h2{font-size:34px;margin-top:13px}.projects-section__heading>p{font-size:11px}.orbit-layout{display:flex;flex-direction:column;align-items:stretch;gap:0;width:calc(100% - 40px);height:auto;margin-top:8px}.solar-stage{order:0;height:clamp(380px,105vw,520px);min-height:0;margin:0}.project-index{order:1;max-width:none}.project-index__heading{padding-bottom:10px}.project-row{padding:11px 0}.project-row__name{font-size:18px}.project-row__description{font-size:10px}.site-footer{min-height:52px;padding:12px 20px;flex-wrap:wrap;gap:12px 20px}.site-footer__links{flex-wrap:wrap;gap:10px 18px}.site-footer__link{font-size:10px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
