:root{--ink:#183028;--muted:#71827a;--green:#5edb76;--deep:#020706;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#eef2ee;color:var(--ink);font-family:Inter,"Helvetica Neue",Arial,sans-serif;overflow:hidden}button,a{font:inherit;color:inherit}.eden-noise{position:fixed;inset:-50%;z-index:100;pointer-events:none;opacity:.038;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='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");animation:grain .24s steps(2) infinite}
.eden-experience,.eden-gateway,.eden-film,.eden-outro{position:fixed;inset:0}.eden-gateway{z-index:10;display:grid;place-items:center;padding:4vh 4vw;background:radial-gradient(circle at 78% 22%,rgba(126,229,150,.27),transparent 32%),radial-gradient(circle at 8% 82%,#fff,transparent 36%),linear-gradient(135deg,#f9fbf8,#e6ece7 58%,#f5f7f4);transition:opacity 1.2s,visibility 1.2s,transform 1.4s var(--ease),filter 1.2s}.eden-gateway.opening{opacity:0;visibility:hidden;transform:scale(1.075);filter:blur(14px)}.gateway-light{position:absolute;inset:-30%;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.82) 48%,transparent 59%);animation:sweep 9s ease-in-out infinite}
.gateway-shell{position:relative;width:min(1240px,92vw);height:min(790px,88vh);border:1px solid rgba(42,70,56,.14);border-radius:48px;padding:18px;background:linear-gradient(145deg,#fbfcfa,#dce3dd);box-shadow:0 60px 130px rgba(37,59,48,.2),0 16px 35px rgba(37,59,48,.12),inset 0 3px 2px #fff,inset 0 -3px 9px rgba(36,55,45,.12);perspective:1400px;animation:gatewayFloat 7s ease-in-out infinite}.gateway-shell:before{content:"";position:absolute;inset:8px;border:1px solid rgba(48,72,59,.08);border-radius:40px;pointer-events:none}.gateway-inner{position:relative;height:100%;overflow:hidden;border:1px solid rgba(41,67,53,.13);border-radius:33px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(225,231,226,.92));box-shadow:inset 0 4px 12px rgba(255,255,255,.9),inset 0 -9px 28px rgba(65,85,74,.08)}.gateway-inner:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.55) 42%,transparent 58%);transform:translateX(-120%);animation:surfaceScan 8s ease-in-out infinite;pointer-events:none}.gateway-rail{position:absolute;z-index:4;top:19%;bottom:19%;width:17px;border:1px solid rgba(37,62,49,.12);border-radius:10px;background:linear-gradient(90deg,#d6ddd7,#fff,#d3dad4);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;box-shadow:0 4px 12px rgba(40,58,49,.13)}.rail-left{left:3px}.rail-right{right:3px}.gateway-rail i{width:3px;height:20%;border-radius:4px;background:linear-gradient(transparent,var(--green),transparent);box-shadow:0 0 12px rgba(94,219,118,.7);animation:rail 2.5s ease-in-out infinite}.gateway-rail i:nth-child(2){animation-delay:.65s}.gateway-rail i:nth-child(3){animation-delay:1.3s}
.gateway-head{height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 40px;border-bottom:1px solid rgba(42,66,54,.1);font-size:9px;letter-spacing:.2em;color:#66756e}.eden-brand{font-size:18px;font-weight:700;letter-spacing:.37em;text-decoration:none;color:#273d34}.gateway-status{justify-self:end;display:flex;align-items:center;gap:9px}.gateway-status i{width:7px;height:7px;border-radius:50%;background:#a7b1ac;box-shadow:inset 0 1px 1px #fff}.gateway-content{height:calc(100% - 132px);display:grid;grid-template-columns:1fr 1.12fr;align-items:center;padding:5% 8%;gap:8%}.eden-core{width:min(390px,31vw);aspect-ratio:1;position:relative;display:grid;place-items:center;border-radius:50%;transform:rotateX(4deg) rotateY(-8deg);transform-style:preserve-3d}.core-glow{position:absolute;inset:29%;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff 0 4%,#bbffca 7%,#65dc7a 20%,#20723b 48%,#0a2316 75%);box-shadow:0 0 45px rgba(76,218,105,.4),0 0 130px rgba(76,218,105,.17),inset -15px -17px 25px rgba(0,0,0,.35);animation:corePulse 3.4s ease-in-out infinite}.orbit{position:absolute;border:1px solid rgba(56,140,74,.3);border-radius:50%}.orbit:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);top:10%;left:20%}.orbit-1{inset:14%;animation:spin 13s linear infinite}.orbit-2{inset:25% 7%;transform:rotate(58deg);animation:spinTilt 18s linear infinite reverse}.orbit-3{inset:6% 33%;transform:rotate(-58deg);animation:spinTilt 21s linear infinite}.eden-core b,.eden-core small{position:absolute;z-index:3;letter-spacing:.2em}.eden-core b{color:#fff;font-size:14px;text-shadow:0 0 14px #2ec85d}.eden-core small{bottom:10%;font-size:7px;color:#6a7d72}.gateway-copy{position:relative;z-index:3}.label{font-size:9px;letter-spacing:.3em;color:#4c8d60;margin:0 0 22px}.gateway-copy h1{font-size:clamp(50px,5.5vw,86px);line-height:.86;letter-spacing:-.065em;font-weight:600;margin:0}.built{margin:19px 0 36px;font:italic 400 clamp(28px,3.2vw,48px)/1 Georgia,serif;color:#46985b}.initialize{width:min(440px,100%);height:67px;padding:0 9px 0 23px;border:1px solid rgba(44,73,57,.18);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(222,228,223,.92));box-shadow:0 15px 30px rgba(42,63,51,.13),inset 0 2px #fff,inset 0 -2px 3px rgba(42,65,52,.08);display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.2em;cursor:pointer;transition:.4s var(--ease)}.initialize i{font-style:normal;width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#d8ffe0,#68dc7d);color:#164924;box-shadow:0 0 24px rgba(94,219,118,.28)}.initialize:hover{transform:translateY(-3px);box-shadow:0 24px 45px rgba(42,63,51,.16),inset 0 2px #fff}.sound-note{font-size:7px;letter-spacing:.18em;color:#87948d;margin:14px 0 0 4px}.gateway-foot{height:54px;display:flex;justify-content:center;align-items:center;gap:18px;border-top:1px solid rgba(42,66,54,.09);font-size:7px;letter-spacing:.2em;color:#718078}.gateway-foot i{width:42px;height:1px;background:#b8c2bc}
.eden-film{z-index:5;background:#020504;color:#fff;opacity:0;visibility:hidden;transition:opacity 1.4s}.eden-film.active{opacity:1;visibility:visible}.room-stage{position:absolute;left:50%;top:50%;width:min(100vw,calc(100vh * 1.5));aspect-ratio:3/2;transform:translate(-50%,-50%) scale(1.06);animation:cameraMove 28s ease-in-out infinite alternate}.room-stage img{width:100%;height:100%;display:block}.room-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,6,8,.7) 0%,rgba(0,6,8,.08) 38%,rgba(0,6,8,.16) 73%,rgba(0,6,8,.52) 100%),linear-gradient(0deg,rgba(0,4,5,.62),transparent 40%,rgba(0,4,5,.3))}.room-light{position:absolute;inset:0;background:radial-gradient(circle at 76% 31%,rgba(59,174,255,.12),transparent 25%);animation:roomPulse 4s ease-in-out infinite}.display-overlay{position:absolute;left:72.7%;top:7.8%;width:24.5%;height:43%;padding:2.2% 1.6%;color:#bdeaff;background:linear-gradient(135deg,rgba(4,25,39,.93),rgba(5,41,62,.82));border:1px solid rgba(112,210,255,.66);border-radius:2%;box-shadow:0 0 18px rgba(37,174,255,.32),inset 0 0 25px rgba(15,120,184,.2);transform:perspective(700px) rotateY(-2deg);overflow:hidden}.display-overlay:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(143,225,255,.19) 47%,transparent 62%);animation:displayScan 5s ease-in-out infinite}.display-kicker,.display-status{display:block;font-size:clamp(3px,.46vw,7px);letter-spacing:.18em;color:#70d8ff}.display-overlay strong{display:block;font-size:clamp(7px,1vw,16px);line-height:1.05;letter-spacing:.04em;margin-top:9%}.display-overlay p{font-size:clamp(4px,.56vw,9px);line-height:1.5;color:#83bcd3}.display-orbit{position:absolute;width:42%;aspect-ratio:1;border:1px solid rgba(103,212,255,.42);border-radius:50%;right:8%;bottom:13%;display:grid;place-items:center;animation:spin 18s linear infinite}.display-orbit i{position:absolute;inset:18%;border:1px dashed rgba(103,212,255,.42);border-radius:50%}.display-orbit b{font-size:clamp(9px,1.5vw,23px);font-weight:400}.display-status{position:absolute;left:7%;bottom:7%;font-size:clamp(3px,.4vw,6px)}
.film-head{position:absolute;z-index:5;top:0;left:0;right:0;padding:26px 34px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.26em;text-shadow:0 2px 12px #000}.film-copy{position:absolute;z-index:4;left:6vw;top:50%;transform:translateY(-50%);width:min(750px,55vw);text-shadow:0 3px 28px rgba(0,0,0,.75);transition:opacity .55s,transform .75s var(--ease),filter .55s}.film-copy.changing{opacity:0;transform:translateY(calc(-50% + 26px));filter:blur(5px)}.film-index{font-size:9px;letter-spacing:.3em;color:#76d9b5}.film-copy h2{font-size:clamp(48px,6.6vw,102px);line-height:.86;letter-spacing:-.065em;margin:23px 0 28px;font-weight:600}.film-text{font:400 clamp(18px,1.8vw,28px)/1.62 Georgia,serif;color:#e1eee9}.film-next{position:absolute;z-index:5;right:36px;bottom:34px;border:0;border-bottom:1px solid rgba(255,255,255,.45);background:none;color:#fff;padding:12px 3px;font-size:9px;letter-spacing:.2em;cursor:pointer}.film-next span{color:#79e8bd;margin-left:18px}.film-sound{position:absolute;z-index:5;left:34px;bottom:32px;width:45px;height:45px;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:rgba(0,0,0,.22);display:flex;align-items:center;justify-content:center;gap:2px;cursor:pointer}.film-sound i{width:2px;height:8px;background:#7beabf;animation:soundbar .8s ease-in-out infinite alternate}.film-sound i:nth-child(2){height:15px;animation-delay:.15s}.film-sound i:nth-child(3){height:11px;animation-delay:.3s}.film-sound[aria-pressed=false] i{animation:none;height:2px;background:#8d9994}.film-progress{position:absolute;z-index:6;left:0;right:0;bottom:0;height:2px;background:rgba(255,255,255,.13)}.film-progress i{display:block;height:100%;width:0;background:#76e7ba;box-shadow:0 0 12px #76e7ba;transition:width 7.5s linear}
.eden-outro{z-index:20;background:#020504;color:#fff;display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity 1.8s}.eden-outro.active{opacity:1;visibility:visible}.outro-halo{position:absolute;width:min(75vw,850px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(94,219,118,.13),transparent 64%);animation:corePulse 4s ease-in-out infinite}.outro-copy{position:relative;text-align:center}.outro-copy>p:first-child{font-size:16px;font-weight:700;letter-spacing:.48em;margin:0 0 35px;padding-left:.48em;color:#9de2b0}.outro-copy h2{font-size:clamp(58px,9vw,138px);line-height:.78;letter-spacing:-.07em;font-weight:600;margin:0}.outro-rule{width:1px;height:70px;background:linear-gradient(transparent,#5edb76,transparent);margin:38px auto 22px}.independent{font-size:11px;letter-spacing:.08em;color:#8f9d96;margin:0 0 38px}.outro-copy a{font-size:9px;letter-spacing:.2em;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3);padding:11px 2px}.outro-copy a span{color:#5edb76;margin-left:14px}
@keyframes grain{0%{transform:translate(0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,3%)}75%{transform:translate(2%,2%)}}
@keyframes sweep{0%,20%{transform:translateX(-30%)}75%,100%{transform:translateX(35%)}}
@keyframes surfaceScan{0%,24%{transform:translateX(-120%)}70%,100%{transform:translateX(150%)}}
@keyframes gatewayFloat{50%{transform:translateY(-5px) rotateX(.25deg)}}
@keyframes rail{50%{opacity:.35;transform:scaleY(.8)}}
@keyframes corePulse{50%{transform:scale(1.06);filter:brightness(1.12)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes spinTilt{to{transform:rotate(418deg)}}
@keyframes cameraMove{to{transform:translate(-50%,-50%) scale(1.12) translateX(-1.2%)}}
@keyframes roomPulse{50%{opacity:.48}}
@keyframes displayScan{0%,25%{transform:translateX(-130%)}80%,100%{transform:translateX(150%)}}
@keyframes soundbar{to{height:3px}}
@media(max-width:760px){.eden-gateway{padding:14px}.gateway-shell{width:100%;height:calc(100svh - 28px);border-radius:32px;padding:12px}.gateway-inner{border-radius:23px}.gateway-head{height:65px;padding:0 22px;grid-template-columns:1fr auto}.gateway-head>span:nth-child(2){display:none}.gateway-content{height:calc(100% - 112px);grid-template-columns:1fr;grid-template-rows:.72fr 1fr;gap:0;padding:4% 9% 8%;text-align:center}.eden-core{width:min(55vw,235px);justify-self:center}.eden-core small{display:none}.gateway-copy h1{font-size:clamp(43px,12vw,66px)}.initialize{margin:auto;text-align:left}.gateway-foot{height:47px;gap:8px}.gateway-foot i{width:12px}.gateway-rail{display:none}.room-stage{width:auto;height:100%;aspect-ratio:3/2}.display-overlay{display:none}.room-vignette{background:linear-gradient(90deg,rgba(0,5,7,.72),rgba(0,5,7,.25)),linear-gradient(0deg,rgba(0,3,4,.65),transparent 55%,rgba(0,3,4,.45))}.film-copy{left:8vw;right:8vw;width:auto;top:48%}.film-copy h2{font-size:clamp(43px,13vw,66px)}.film-text{font-size:18px}.film-head{padding:22px 20px}.film-next{right:22px;bottom:25px}.film-sound{left:20px;bottom:19px}.independent{max-width:270px;line-height:1.6;margin-left:auto;margin-right:auto}}
@media(prefers-reduced-motion:reduce){.eden-noise,.gateway-light,.gateway-shell,.gateway-inner:after,.gateway-rail i,.core-glow,.orbit,.room-stage,.room-light,.display-overlay:after,.display-orbit,.film-sound i,.outro-halo{animation:none}}

/* V1.2: keep the Eden display opaque and visible at every viewport width. */
.display-overlay{display:block;background:linear-gradient(135deg,#041927,#052b40);border-color:rgba(112,210,255,.78);box-shadow:0 0 22px rgba(37,174,255,.42),inset 0 0 30px rgba(15,120,184,.24)}
@media(max-width:760px){.display-overlay{display:block}}
.eden-record-link{display:block!important;margin-top:18px!important;color:rgba(207,255,225,.38)!important;font-size:7px!important;letter-spacing:.18em!important;text-decoration:none!important}.eden-record-link:hover{color:#c9ffdc!important}