@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--ink:#071b1b;--pale:#edf2e9;--mint:#b7e4cf;--muted:#8cafa1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--pale);font-family:'DM Sans',sans-serif}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:4px}[hidden]{display:none!important}.topbar{height:84px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;right:0;z-index:5;border-bottom:1px solid #ffffff33}.brand{display:flex;align-items:center;font:800 20px Manrope,sans-serif;letter-spacing:.04em;gap:8px}.brand img{width:37px;height:37px}.topbar nav{display:flex;gap:40px;font-size:10px;font-weight:700;letter-spacing:.14em}.topbar nav a:hover{color:var(--mint)}.network,.eyebrow,.caption,.hero-bottom,.section-bar,.scene-tag,.scene-bottom,.tags,footer{font-size:10px;letter-spacing:.16em;font-weight:700}.network{display:flex;align-items:center;gap:9px}.network span,.eyebrow span{width:6px;height:6px;border-radius:50%;background:#c6efd9;box-shadow:0 0 14px #baf5d7}.network i{font-style:normal;color:#79a89b}.hero{min-height:760px;height:100vh;position:relative;overflow:hidden}.hero-image,.hero-shade,.gate-image,.gate-vignette,.destination-image,.destination-overlay{position:absolute;inset:0}.hero-image{background:url('assets/gate.webp') 55% center/cover}.hero-shade{background:linear-gradient(90deg,rgba(2,16,16,.94),rgba(2,16,16,.65) 35%,transparent 78%),linear-gradient(0deg,#071b1bef,transparent 25%)}.hero-copy{position:absolute;left:8%;top:50%;transform:translateY(-40%);z-index:1}.eyebrow{display:flex;align-items:center;gap:10px;color:#b4d4c4}.hero h1,h2{font:500 clamp(54px,6.5vw,105px)/.98 Manrope,sans-serif;letter-spacing:-.065em;margin:30px 0}.hero h1 em,h2 em{font-style:normal;color:#b7e4cf;font-weight:400}.intro{font-size:16px;line-height:1.65;color:#d4e2d8;margin-bottom:30px}.primary,.outline{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;border:0;background:#d6eee0;color:#12342d;padding:18px 22px;font-size:10px;font-weight:800;letter-spacing:.13em;transition:background .2s,transform .2s}.primary:hover{background:#fff;transform:translateY(-2px)}.caption{color:#acc6ba;font-size:9px;margin-top:17px}.hero-bottom{position:absolute;left:6%;right:6%;bottom:33px;display:flex;justify-content:space-between;color:#d4e7da}.contract{margin-top:20px;padding:14px;border:1px solid #b7e4cf;max-width:550px;font-size:10px;letter-spacing:.1em}.contract code{display:block;overflow-wrap:anywhere;font-size:13px;margin:8px 0}.contract button{border:0;background:none;padding:0;color:#d6eee0;font-size:10px}.statement,.experience,.about{padding:110px 8%}.statement{background:#e8eee5;color:#14352e}.statement .eyebrow{color:#668b7c}.statement-grid,.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:10%;align-items:end}.statement h2,.about h2{font-size:clamp(54px,6.2vw,92px)}.statement h2 em{color:#7ba695}.statement-grid>p,.about-grid>div p{font-size:16px;line-height:1.7;color:#536f63;max-width:420px}.statement-grid>p span{font-size:10px;font-weight:700;letter-spacing:.14em}.experience{background:#102c28}.section-bar{display:flex;justify-content:space-between;border-bottom:1px solid #83a99b55;padding-bottom:18px;color:#a5c8b8}.experience-heading{display:flex;justify-content:space-between;align-items:end;margin:90px 0 55px}.experience-heading h2{margin-bottom:0}.experience-heading>p{max-width:290px;color:#a7c5b7;line-height:1.7;font-size:15px}.gate-ui{display:grid;grid-template-columns:1.35fr 1fr;min-height:650px;background:#e8eee5;color:#12342d}.gate-scene{position:relative;overflow:hidden;min-height:650px;background:#09231e}.gate-image{background:url('assets/gate.webp') 67% center/cover;filter:brightness(.67) saturate(.8);transition:filter 1s,transform 1.8s}.gate-vignette{background:linear-gradient(180deg,#041513aa,transparent 25%,transparent 65%,#041513cc)}.gate-scene[data-root="on"] .gate-image{filter:brightness(.82) saturate(1.1)}.gate-scene[data-current="on"] .gate-image{filter:brightness(.95) saturate(1.1)}.gate-scene[data-horizon="on"] .gate-image{transform:scale(1.06)}.gate-scene.ready .gate-image{filter:brightness(1.05) saturate(1.2)}.gate-scene.is-opening .gate-image{transform:scale(1.3);filter:brightness(1.25)}.gate-orbit{position:absolute;border:1px solid #a5ffcc;box-shadow:0 0 18px #91ecc1,inset 0 0 18px #91ecc1;border-radius:50%;left:50%;top:45%;width:27%;height:60%;transform:translate(-50%,-50%);opacity:0;transition:opacity 1s;pointer-events:none}.orbit-two{width:28%;height:61%;filter:blur(8px)}.gate-scene[data-current="on"] .gate-orbit{opacity:.45}.scene-tag,.scene-bottom{position:absolute;left:28px;right:28px;color:#d9eee1}.scene-tag{top:28px}.scene-bottom{bottom:28px;display:flex;justify-content:space-between}.control-panel{padding:48px;display:flex;flex-direction:column}.control-panel .eyebrow{color:#719486}.control-panel h3{font:600 clamp(30px,3vw,45px)/1.05 Manrope,sans-serif;letter-spacing:-.05em;margin:30px 0 18px}.panel-description{font-size:14px;line-height:1.6;color:#68877a;max-width:320px}.signals,.path-list{margin-top:42px;border-top:1px solid #b8ccc0}.signal,.path{border:0;border-bottom:1px solid #b8ccc0;background:transparent;width:100%;padding:19px 0;display:grid;grid-template-columns:45px 1fr 20px;text-align:left;align-items:center;color:#153b32}.signal:hover,.path:hover{color:#5e9479}.signal-num,.path>span{font-size:10px;color:#799b8d}.signal strong,.path strong{font:700 17px Manrope,sans-serif;letter-spacing:-.03em}.signal small,.path small{display:block;color:#7c9b8d;font-size:9px;font-weight:700;letter-spacing:.1em;margin-top:5px}.signal-icon{font-size:20px}.signal.active .signal-icon{color:#39956c}.signal.active strong{color:#68a88a}.signal:disabled{cursor:default}.reaction{margin-top:22px;font-size:12px;line-height:1.5;font-style:italic;color:#638375;min-height:30px}.path{grid-template-columns:35px 1fr 20px}.path small{grid-column:2;grid-row:2;font-weight:400;letter-spacing:0;text-transform:none}.path b{grid-column:3;grid-row:1 / span 2}.path.active{color:#267f59}.path.active b{transform:translateX(5px)}.panel-action{margin-top:28px;width:100%}.link-button{margin-top:25px;padding:0;background:transparent;border:0;color:#315b4c;font-size:10px;font-weight:700;letter-spacing:.12em}.destination{position:relative;min-height:85vh;overflow:hidden;background:#102c28}.destination-image{background-position:center;background-size:cover;transform:scale(1);animation:arrive 2s ease-out}.destination-overlay{background:linear-gradient(90deg,#061b1ae8 0%,#061b1a88 42%,transparent 90%),linear-gradient(0deg,#061b1a88,transparent 40%)}.destination-content{position:relative;z-index:1;padding:15vh 8%}.destination-content h2{max-width:800px;font-size:clamp(55px,7vw,110px)}.destination-content>p:last-of-type{font-size:10px;letter-spacing:.15em;color:#c3dcd0}.destination-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:40px}.outline{background:transparent;color:#dceee3;border:1px solid #dceee3}.about{background:#e9eee6;color:#13342d}.about .section-bar{border-color:#9ab8a9;color:#6b8d7d}.about-grid{padding-top:75px}.about h2 em{color:#7da893}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.tags span{border:1px solid #a9c3b2;padding:9px}footer{padding:40px 8%;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#c3dacc}footer p{font-size:11px;font-weight:400;letter-spacing:0;line-height:1.6;max-width:360px;color:#96b3a4}@keyframes arrive{from{transform:scale(1.12);opacity:.3}to{transform:scale(1);opacity:1}}@media(max-width:800px){.topbar{height:70px}.topbar nav{display:none}.network{font-size:8px}.hero{min-height:700px}.hero-copy{left:6%;right:6%}.hero h1{font-size:clamp(47px,10vw,70px)}.hero-image{background-position:67%}.hero-shade{background:linear-gradient(90deg,#051a1ae8,#051a1a55),linear-gradient(0deg,#071b1b,transparent 30%)}.statement,.experience,.about{padding:70px 6%}.statement-grid,.about-grid{grid-template-columns:1fr;gap:15px}.experience-heading{display:block;margin:60px 0 35px}.gate-ui{grid-template-columns:1fr}.gate-scene{min-height:430px}.control-panel{padding:30px}.destination-content{padding:15vh 6%}footer{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
