@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#e8f4ff;--muted:#8da7bd;--blue:#3d8dff;--cyan:#9eeeff;--deep:#061426;--panel:#0b2038;--line:rgba(158,213,255,.2);--display:'Space Grotesk',sans-serif;--body:'Manrope',sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--deep);color:var(--ink);font-family:var(--body);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:url('/public/assets/gg-spacey-background.png') center center/cover no-repeat;filter:hue-rotate(22deg) saturate(1.15) brightness(.8);opacity:.24;z-index:-2;pointer-events:none}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.04;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}.site-header{height:88px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;right:0;z-index:5}.wordmark{display:flex;gap:9px;align-items:center;font:600 13px var(--mono);letter-spacing:.16em}.wordmark-mark{font:28px var(--display);color:var(--cyan);line-height:0}.wordmark-light{color:#66839c;font-weight:400}.site-nav{display:flex;gap:34px;font:12px var(--mono);color:var(--muted);letter-spacing:.06em}.site-nav a,.header-contact{transition:color .25s}.site-nav a:hover,.header-contact:hover{color:var(--cyan)}.header-contact{font:12px var(--mono);color:var(--cyan)}.header-contact span,.text-link span,.email-link span{font-size:18px;margin-left:9px}.menu-toggle{display:none;background:none;border:0}.hero{min-height:840px;height:100vh;max-height:1100px;position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:120px clamp(24px,10vw,160px) 70px;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,20,38,.2),transparent 70%),linear-gradient(0deg,var(--deep),transparent 23%);pointer-events:none}.hero-copy,.hero-art{z-index:1}.eyebrow{font:11px var(--mono);color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:12px}.eyebrow-line{width:38px;height:1px;background:var(--cyan);display:inline-block}.hero h1{font:600 clamp(70px,10vw,158px)/.86 var(--display);letter-spacing:-.07em;margin:35px 0 34px;max-width:760px}.hero h1 em,.display span,blockquote em{color:var(--cyan);font-style:normal}.hero-intro{max-width:410px;color:#bdd0df;line-height:1.7;font-size:15px;margin:0 0 34px}.button{display:inline-flex;align-items:center;gap:34px;padding:16px 20px;font:12px var(--mono);letter-spacing:.04em}.button-primary{background:var(--cyan);color:#061426;transition:transform .3s,background .3s}.button-primary:hover{background:#d9f8ff;transform:translateY(-3px)}.button-primary span{font-size:18px}.hero-art{justify-self:end;width:min(32vw,440px);position:relative}.art-frame{aspect-ratio:1;overflow:hidden;border:1px solid rgba(116,198,255,.42);transform:rotate(4deg);box-shadow:0 0 80px rgba(18,117,255,.27)}.art-frame img{width:100%;height:100%;object-fit:cover}.art-caption{font:11px var(--mono);line-height:1.6;color:var(--muted);position:absolute;right:-100px;bottom:-46px}.hero-orbit{position:absolute;border:1px solid rgba(86,171,255,.2);border-radius:50%;width:62vw;height:62vw;right:-25vw;top:-12vw;animation:spin 40s linear infinite}.orbit-two{width:43vw;height:43vw;right:-10vw;top:7vw;animation-direction:reverse;animation-duration:28s}.scroll-cue{position:absolute;bottom:38px;left:clamp(24px,5vw,80px);z-index:2;display:flex;align-items:center;gap:14px;color:#6f8ba4;font:10px var(--mono);text-transform:uppercase;letter-spacing:.12em}.scroll-cue i{display:block;height:42px;width:1px;background:linear-gradient(var(--blue),transparent)}.section-pad{padding:150px clamp(24px,10vw,160px);position:relative}.section-index{font:10px var(--mono);color:var(--cyan);letter-spacing:.14em;display:flex;gap:16px;align-items:center}.section-index span{color:#65839d}.manifesto-grid,.principles-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:84px}.display{font:600 clamp(50px,7vw,108px)/.92 var(--display);letter-spacing:-.065em;margin:0}.manifesto-body{max-width:430px;padding-top:15px}.lead{font:500 25px/1.3 var(--display);color:#d5e9f8;margin:0 0 27px}.manifesto-body>p:not(.lead){font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:38px}.text-link{font:12px var(--mono);color:var(--cyan);border-bottom:1px solid rgba(158,238,255,.4);padding-bottom:10px}.equation{display:flex;justify-content:space-between;max-width:600px;margin:130px auto 0;color:rgba(73,157,255,.38);font:38px var(--display)}.work{background:linear-gradient(180deg,transparent,rgba(11,61,118,.3),transparent)}.work-heading{display:flex;justify-content:space-between;align-items:end;margin:84px 0 70px}.work-note{font:12px/1.6 var(--mono);color:var(--muted);margin:0 13% 5px 0}.work-list{border-top:1px solid var(--line)}.work-item{display:grid;grid-template-columns:9% 32% 1fr 30px;align-items:center;gap:24px;padding:34px 0;border-bottom:1px solid var(--line);transition:padding .35s,background .35s}.work-item:hover{padding-left:18px;background:linear-gradient(90deg,rgba(38,128,255,.12),transparent)}.work-number,.work-title p{font:11px var(--mono);color:var(--cyan)}.work-title h3{font:500 38px var(--display);margin:0 0 8px}.work-title p{margin:0;color:#7695ae}.work-desc{font-size:13px;line-height:1.65;color:var(--muted);max-width:340px}.work-arrow{font-size:25px;color:var(--cyan)}.quote-section{padding:190px 24px;background:rgba(3,14,28,.55);text-align:center;position:relative}.quote-mark{color:var(--blue);font:100px Georgia;line-height:.5}.quote-section blockquote{font:500 clamp(54px,9vw,135px)/.9 var(--display);letter-spacing:-.07em;margin:40px 0}.quote-credit{font:11px var(--mono);color:var(--muted)}.principle-cards{border-top:1px solid var(--line)}.principle-card{padding:25px 0 30px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:55px 1fr;column-gap:15px}.principle-card span{font:11px var(--mono);color:var(--cyan)}.principle-card h3{margin:0;font:500 22px var(--display)}.principle-card p{grid-column:2;color:var(--muted);font-size:13px;line-height:1.6;max-width:370px;margin:10px 0 0}.contact{padding-top:170px;padding-bottom:180px;overflow:hidden}.contact-orbit{position:absolute;width:580px;height:580px;border:1px solid rgba(54,144,255,.3);border-radius:50%;right:-120px;top:60px;box-shadow:inset 0 0 80px rgba(15,107,255,.15)}.contact h2{margin:60px 0 35px;position:relative}.contact-copy{font-size:15px;color:var(--muted);line-height:1.7;max-width:420px;position:relative}.email-link{display:inline-block;position:relative;font:500 clamp(22px,4vw,48px) var(--display);letter-spacing:-.04em;color:var(--cyan);border-bottom:1px solid rgba(158,238,255,.4);padding-bottom:11px;margin-top:30px}.site-footer{border-top:1px solid var(--line);padding:30px clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;color:#66839c;font:10px var(--mono)}.site-footer .wordmark{color:var(--ink)}.site-footer p{margin:0}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.reveal-delay{transition-delay:.16s}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:700px){.site-header{height:72px}.site-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#081b31;padding:25px;flex-direction:column;gap:22px;border-bottom:1px solid var(--line)}.site-nav.open{display:flex}.header-contact{display:none}.menu-toggle{display:flex;flex-direction:column;gap:6px}.menu-toggle span{width:24px;height:1px;background:var(--cyan)}.hero{height:auto;min-height:850px;display:block;padding:150px 24px 90px}.hero h1{font-size:76px;margin-top:29px}.hero-art{width:72vw;margin:75px auto 0}.art-caption{right:-15px;bottom:-40px}.hero-orbit{width:110vw;height:110vw;right:-55vw;top:40vh}.orbit-two{display:none}.section-pad{padding:100px 24px}.manifesto-grid,.principles-grid{display:block;margin-top:55px}.manifesto-body{padding-top:40px}.equation{margin-top:85px;font-size:28px}.work-heading{display:block;margin:55px 0 45px}.work-note{margin:30px 0 0}.work-item{grid-template-columns:38px 1fr 25px;gap:10px;padding:25px 0}.work-title h3{font-size:30px}.work-desc{grid-column:2/4;margin:8px 0 0}.quote-section{padding:130px 24px}.quote-section blockquote{font-size:66px}.principle-cards{margin-top:50px}.contact{padding-top:110px;padding-bottom:130px}.contact-orbit{width:400px;height:400px;right:-250px;top:160px}.site-footer{flex-wrap:wrap;gap:22px}.site-footer p:last-child{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}