:root{--ink:#050708;--surface:#0d1012;--white:#f4f3ef;--muted:#a5a9ab;--gold:#d7b76d;--gold-light:#f1d89a;--line:#bca36a38;--teal:#72bdb7;--burgundy:#651e36;--display:"Segoe UI",Arial,sans-serif;--body:"Segoe UI",Arial,sans-serif;--utility:Consolas,monospace;--page-width:1600px;--gutter:clamp(24px,5.4vw,100px);--section-space:clamp(76px,9vw,150px);--radius:3px;--scroll-track:#101315;--scroll-thumb:#716344;--scroll-hover:#b79b60}
*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}
html{background:var(--ink);color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0;font-family:var(--body);color:var(--white);background:var(--ink);-webkit-font-smoothing:antialiased}
::selection{background:var(--gold);color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button{cursor:pointer;-webkit-tap-highlight-color:#d7b76d26}a:focus-visible,button:focus-visible{outline:2px solid var(--gold-light);outline-offset:5px}img{display:block;max-width:100%}button{min-height:44px}p{line-height:1.7}.shell{max-width:var(--page-width);margin-inline:auto;padding-inline:var(--gutter)}.skip{position:fixed;z-index:50;top:8px;left:8px;padding:12px;background:var(--gold);color:var(--ink);transform:translateY(-160%)}.skip:focus{transform:none}.header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding-block:24px;gap:30px}.brand{display:flex;align-items:center;gap:12px;min-height:48px}.brand img{object-fit:contain}.brand span{font-size:9px;line-height:1.7;letter-spacing:2.5px}.header nav{display:flex;gap:38px;align-items:center}.header nav a{font-size:13px;color:#c9cbca;display:flex;align-items:center;min-height:44px;transition:color .2s}.header nav a:hover{color:var(--gold-light)}.menu-toggle{display:none}.hero{position:relative;display:grid;grid-template-columns:.84fr 1.16fr;align-items:center;min-height:min(790px,calc(100svh - 180px));padding-block:20px 30px;overflow:clip}.hero-copy{position:relative;z-index:2;padding-block:38px}.eyebrow{font-family:var(--utility);font-size:10px;font-weight:400;letter-spacing:3px;color:var(--gold-light);margin:0 0 22px;line-height:1.7}.hero h1{font-family:var(--display);font-size:clamp(48px,5.25vw,84px);font-weight:600;letter-spacing:-.055em;line-height:1.03;margin:0 0 24px}.lede{font-size:clamp(15px,1.35vw,19px);color:#d0d2d0;margin:0 0 32px;max-width:360px}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.button{border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;gap:23px;min-height:48px;padding:13px 19px;font-size:12px;line-height:1.5;transition:color .22s,background .22s,border-color .22s}.primary{color:var(--gold-light);border:1px solid var(--gold);background:transparent}.primary:is(:hover,:focus-visible,:active){background:var(--gold);color:var(--ink)}.secondary{border:1px solid #a9ada96b;color:var(--white);background:#05070880}.secondary:is(:hover,:focus-visible,:active){border-color:var(--white);background:#ffffff0c}.scroll-cue{display:inline-flex;align-items:center;gap:14px;min-height:44px;margin-top:36px;font-size:11px;color:var(--muted)}.scroll-cue span{color:var(--gold);font-size:20px}.scroll-cue:hover{color:var(--white)}.hero-art{position:relative;width:121%;max-width:none;margin:0 0 0 -12%;aspect-ratio:4/3;pointer-events:none;mix-blend-mode:lighten;mask-image:linear-gradient(to right,transparent,#000 8%,#000 94%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 94%,transparent)}.hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten}.hero-art canvas{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:screen}.ecosystem-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative}.ecosystem-strip a{position:relative;padding:28px 26px 30px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:9px;transition:background .2s}.ecosystem-strip a:first-child{padding-left:0}.ecosystem-strip a+a:before{content:"";position:absolute;left:0;top:28px;bottom:28px;width:1px;background:var(--line)}.ecosystem-strip span{font-size:16px}.ecosystem-strip small{font-size:9px;line-height:1.8;letter-spacing:1.1px;text-transform:uppercase;color:var(--muted);padding-right:15px}.ecosystem-strip b{font-weight:400;color:var(--gold);position:absolute;right:24px;top:29px}.ecosystem-strip a:hover{background:#d7b76d06}.section-space{padding-block:var(--section-space)}h2{font-family:var(--display);font-size:clamp(30px,3.3vw,51px);line-height:1.14;letter-spacing:-.04em;font-weight:500;margin:0}h3{font-size:25px;font-weight:500;letter-spacing:-.025em;margin:0 0 14px}.about-section{display:grid;grid-template-columns:1fr 1fr;gap:12%;position:relative}.about-section:after{content:"";position:absolute;bottom:0;left:var(--gutter);right:var(--gutter);height:1px;background:var(--line)}.body-copy{max-width:470px;padding-top:22px}.body-copy p,.work-copy>p:not(.eyebrow){font-size:16px;color:var(--muted);margin:0 0 20px}.text-link{display:inline-flex;align-items:center;gap:28px;min-height:48px;font-size:12px;color:var(--gold-light);border-bottom:1px solid var(--line)}.text-link:hover{border-color:var(--gold)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:48px}.section-heading>p{color:var(--muted);font-size:14px;max-width:290px;margin:0 0 5px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:28px}.card{border:1px solid #c9b47426;border-radius:var(--radius);background:linear-gradient(155deg,#ffffff05,transparent 70%);overflow:hidden}.card-art{height:220px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 120%,#294b4938,transparent 70%)}.card-copy{padding:30px 34px 34px}.card-copy .eyebrow{letter-spacing:2px;font-size:9px;margin-bottom:15px}.card-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:360px;margin:0 0 25px}.project-status{font-size:10px;letter-spacing:.7px;color:#adb6b3;border-top:1px solid #ffffff14;display:block;padding-top:18px}.systems-art span{position:absolute;width:110px;height:110px;border:1px solid #8bbdb67a;background:linear-gradient(145deg,#73928d24,#05070850);transform:rotate(-30deg) skew(20deg,5deg);left:calc(50% - 55px);top:65px;box-shadow:15px 20px 30px #0008}.systems-art span:nth-child(2){top:42px;border-color:#c8b16b7a;left:calc(50% - 25px)}.systems-art span:nth-child(3){top:20px;left:calc(50% + 5px);background:linear-gradient(145deg,#dac88918,#10151470)}.tools-art span{position:absolute;width:150px;height:98px;border:1px solid #99c3ba60;background:linear-gradient(125deg,#bfd5d410,#0b101280);transform:skewY(-8deg);top:82px;left:calc(50% - 110px);box-shadow:12px 20px 28px #0009}.tools-art span:nth-child(2){top:60px;left:calc(50% - 70px)}.tools-art span:nth-child(3){top:38px;left:calc(50% - 30px);border-color:#d7b76d77}.work-section{display:grid;grid-template-columns:1.05fr .95fr;gap:10%;align-items:center;padding-top:30px}.work-art{position:relative;min-height:355px;background:radial-gradient(ellipse at 45% 70%,#651e3648,transparent 68%);overflow:hidden}.art-frame{position:absolute;width:180px;height:240px;border:1px solid #c0a57978;transform:rotate(-15deg) skewY(8deg);left:calc(50% - 105px);top:35px;background:linear-gradient(155deg,#852a4626,#ffffff03);box-shadow:25px 28px 38px #0008}.frame-two{transform:rotate(12deg) skewY(-7deg);left:calc(50% - 60px);top:62px;background:linear-gradient(160deg,#351019aa,#090909b0)}.art-line{position:absolute;height:1px;left:10%;right:10%;bottom:66px;background:linear-gradient(90deg,transparent,var(--gold),transparent);box-shadow:0 6px 30px 5px #ae793832}.work-copy>p:not(.eyebrow){margin:25px 0;max-width:430px}.footer{display:flex;align-items:center;gap:25px;justify-content:space-between;padding-block:30px 120px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.footer>span{letter-spacing:2px;font-size:10px;color:var(--white)}.footer a{padding:14px 0;color:var(--gold-light)}.preview-tools{position:fixed;bottom:14px;right:20px;z-index:20;background:#101315ee;border:1px solid #bca36a40;border-radius:5px;backdrop-filter:blur(16px);box-shadow:0 5px 25px #0008;display:flex;align-items:center;gap:16px;padding:5px 14px;font-size:10px;color:var(--muted)}.preview-divider{color:#716344;padding:0 6px}.preview-tools button,.preview-tools a{background:none;border:0;padding:10px 0;font-size:10px;color:var(--gold-light);min-height:44px;display:inline-flex;align-items:center}.preview-tools button:hover,.preview-tools a:hover{color:var(--white)}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scroll-track)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--scroll-track);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-hover)}
@media(min-width:1800px){.hero{min-height:800px}.hero-art{width:135%}}
@media(max-width:1100px){.header nav{gap:24px}.hero{min-height:590px;grid-template-columns:.95fr 1.05fr;padding-top:25px}.hero h1{font-size:clamp(45px,6vw,64px)}.hero-art{width:139%;margin-left:-26%}.button{padding:12px 14px;font-size:11px}.ecosystem-strip a{padding-inline:18px}.ecosystem-strip small{font-size:8px}.ecosystem-strip span{font-size:14px}.ecosystem-strip b{right:10px}.about-section{gap:7%}.section-heading{gap:30px}.card-art{height:190px}}
@media(max-width:700px){.header{padding-block:17px;gap:16px}.brand img{width:52px;height:38px}.brand span{font-size:8px;letter-spacing:2px}.menu-toggle{display:flex;align-items:center;gap:14px;background:transparent;border:1px solid var(--line);border-radius:var(--radius);padding:8px 12px;font-size:12px}.header nav{display:none;position:absolute;top:calc(100% - 3px);left:var(--gutter);right:var(--gutter);padding:14px 20px;background:#101315;border:1px solid var(--line)}.header nav.open{display:flex;flex-direction:column;gap:4px;align-items:stretch}.header nav a{min-height:46px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:25px;padding-bottom:15px;overflow:hidden}.hero-copy{padding:15px 0 0}.hero h1{font-size:clamp(48px,12.8vw,76px);letter-spacing:-.05em;margin-bottom:22px}.eyebrow{font-size:9px;letter-spacing:2.2px;margin-bottom:18px}.lede{font-size:16px;max-width:290px;margin-bottom:26px}.actions{gap:10px}.button{font-size:11px;min-height:48px}.primary{flex-grow:1}.scroll-cue{margin-top:19px}.hero-art{width:124%;margin:0 -12%;aspect-ratio:4/3}.ecosystem-strip{grid-template-columns:1fr}.ecosystem-strip a,.ecosystem-strip a:first-child{padding:22px 0}.ecosystem-strip a+a:before{display:none}.ecosystem-strip small{font-size:9px}.ecosystem-strip span{font-size:16px}.ecosystem-strip b{right:0;top:22px}.about-section{grid-template-columns:1fr;gap:22px}.body-copy{padding:0;max-width:none}.body-copy p,.work-copy>p:not(.eyebrow){font-size:15px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:23px;max-width:340px}.cards{grid-template-columns:1fr;gap:20px}.card-copy{padding:25px}.card-art{height:200px}.work-section{grid-template-columns:1fr;gap:28px;padding-top:0}.work-art{min-height:300px}.art-frame{height:210px}.footer{flex-wrap:wrap;gap:6px 20px;padding-bottom:112px}.footer p{margin:6px 0}.footer a{margin-left:auto}.preview-tools{right:10px;left:10px;bottom:10px;justify-content:space-between;gap:10px;padding:3px 10px;font-size:9px}.preview-tools button,.preview-tools a{font-size:9px}}
@media(max-width:359px){.actions{flex-direction:column;align-items:stretch}.hero h1{font-size:44px}.preview-tools>span{max-width:76px;line-height:1.7}.preview-divider{padding:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
@media(forced-colors:active){*{scrollbar-color:auto}.button,.card,.preview-tools,.menu-toggle{border:1px solid ButtonText}}