/* Homepage scenes derived from the owner's portal and floating-world references. */
.home{--cyan:#19dcec;--violet:#9e4fef;--ink:#040812}
.home header{padding:22px 5vw;background:linear-gradient(#030814cc,#03081435);border-bottom-color:#91c8ef20}
.home nav{align-items:center;gap:27px}
.home .hero{isolation:isolate;display:flex;justify-content:flex-end;align-items:center;min-height:720px;height:100svh;max-height:1050px;padding:120px 6vw 110px;background:var(--ink)}
.scene-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;z-index:-3}
.portal-art{top:60px;height:calc(100% - 60px);object-position:40% top;animation:portal-atmosphere 20s ease-in-out infinite alternate}
.home .hero:before{z-index:-2;background:linear-gradient(90deg,transparent 43%,#04081212 56%,#0408126b 100%),linear-gradient(0deg,#040812,transparent 25%)}
.home .hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#04081222,transparent 20%,transparent 80%,#040812)}
.home .portal-copy{position:relative;width:36%;max-width:490px;padding:0;text-align:left}
.portal-copy h1{font-size:clamp(38px,4.25vw,72px);line-height:1.04;letter-spacing:-2.5px;font-weight:650;margin:22px 0 32px;text-wrap:balance;text-shadow:0 3px 25px #02061088}
.portal-copy h1 span{display:block}
.portal-copy h1 .portal-title-accent{color:#69e5f7;background:linear-gradient(105deg,#91f4ff,#55ddec 50%,#b69bff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.home .portal-copy .eyebrow{font-size:10px;letter-spacing:3px;margin:0}
.portal-copy .pill{background:#061827aa;border-color:#87edff99;padding:14px 24px;font-size:11px;letter-spacing:1.7px;gap:22px;backdrop-filter:blur(10px)}
.scene-foot{position:absolute;bottom:32px;left:6vw;right:6vw;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#a9bfd5;font-size:10px;letter-spacing:2px;text-transform:uppercase}
.scene-foot a{display:flex;align-items:center;gap:20px}
.scene-foot a:hover{color:#a3f6ff}
.scene-foot .scene-line{display:block;width:55px;height:1px;background:#6ae5f888}
.universe{isolation:isolate;position:relative;display:flex;align-items:center;min-height:750px;height:90svh;max-height:950px;overflow:hidden;background:#040812;scroll-margin-top:20px}
.universe-art{object-position:60% center;animation:universe-drift 18s ease-in-out infinite alternate}
.universe:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#040812d9, #04081220 32%,transparent 55%),linear-gradient(0deg,#040812,transparent 18%,transparent 85%,#040812)}
.universe-copy{width:31%;max-width:430px;margin-left:6vw;padding:60px 0 85px}
.universe-copy .eyebrow{font-size:10px;letter-spacing:3px}
.universe-copy h2{font-size:clamp(45px,5.2vw,84px);line-height:1.04;letter-spacing:-2.5px;font-weight:600;margin:25px 0}
.universe-copy h2 span{display:block}
.universe-copy h2 span:nth-child(2){color:#88eafa}
.universe-copy h2 span:nth-child(3){color:#9ab9ff}
.universe-copy h2 span:nth-child(4){color:#ba9aff}
.universe-copy p{color:#b2c3d9;font-size:14px;max-width:230px;line-height:1.7;margin:25px 0 26px}
.universe-copy .pill{font-size:10px;letter-spacing:1.4px;gap:17px;backdrop-filter:blur(8px)}
.universe-note{position:absolute;right:6vw;bottom:36px;font-size:9px;letter-spacing:2px;color:#96a7c2}
.home .projects-section{padding-top:95px;scroll-margin-top:15px}
.home .world-card{border-radius:12px;border-color:#8ba4dc26;background:linear-gradient(135deg,#111b30,#070c17);box-shadow:0 18px 65px #0000001a}
.home .world-card:hover{border-color:#43dbea88;box-shadow:0 15px 55px #00c8e00b}
.home .world-card .visual{height:330px}
.home .transmission{padding-top:80px;padding-bottom:100px}
.motion-toggle{position:fixed;z-index:30;right:22px;bottom:20px;display:flex;align-items:center;gap:9px;color:#c2d4e7;background:#07111ed9;border:1px solid #6a90ae65;border-radius:30px;padding:9px 14px;font-size:10px;letter-spacing:1px;backdrop-filter:blur(12px);box-shadow:0 3px 20px #0005}
.motion-toggle:hover{color:#fff;border-color:#7fe7f4}
.motion-toggle[hidden]{display:none}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
@keyframes portal-atmosphere{from{transform:scale(1)}to{transform:scale(1.025)}}
@keyframes universe-drift{from{transform:scale(1.025) translateY(4px)}to{transform:scale(1.04) translateY(-6px)}}
@media(min-width:1800px){.home .hero{padding-right:8vw}.home .portal-copy{max-width:550px}.portal-copy h1{font-size:80px}}
@media(max-width:1050px) and (min-width:701px){.home nav{gap:20px}.home .hero{min-height:680px;padding-right:5vw}.home .portal-copy{width:39%}.portal-copy h1{font-size:44px;letter-spacing:-1.5px}.universe-copy{width:34%}.universe-copy h2{font-size:55px}.universe-copy .pill{padding:12px 18px;letter-spacing:1px}}
@media(max-width:700px){
 .home header{padding:18px 5vw;gap:16px}.home .wordmark{font-size:12px;letter-spacing:1.2px;gap:7px}.home .wordmark img{width:30px;height:30px}.home nav{gap:12px;font-size:9px;letter-spacing:.7px}
 .home .hero{height:920px;min-height:0;max-height:none;align-items:flex-end;justify-content:flex-start;padding:0 7vw 100px}
 .portal-art{top:55px;height:60%;object-position:30% center;animation:none}
 .home .hero:before{background:linear-gradient(180deg,transparent 40%,#04081216 48%,#040812 64%)}
 .home .hero:after{background:linear-gradient(180deg,#04081222,transparent 20%,transparent 65%,#040812)}
 .home .portal-copy{width:100%;max-width:470px}.home .portal-copy .eyebrow{font-size:9px;letter-spacing:2.5px}
 .portal-copy h1{font-size:clamp(37px,9.6vw,58px);line-height:1.02;letter-spacing:-1.7px;margin:18px 0 23px}.portal-copy h1 span:first-child,.portal-copy h1 span:nth-child(2){display:inline}.portal-copy h1 span:first-child:after{content:" "}.portal-copy h1 .portal-title-accent{margin-top:2px}
 .portal-copy .pill{font-size:10px;padding:12px 20px}.scene-foot{bottom:35px;left:7vw;right:7vw;font-size:8px;letter-spacing:1.4px}.scene-foot a{gap:10px}.scene-foot .scene-line{width:24px}
 .universe{height:auto;min-height:900px;align-items:flex-start;display:block;padding-top:50px}
 .universe-copy{width:86%;max-width:none;margin:0 7vw;padding:0;position:relative;z-index:2}.universe-copy .eyebrow{font-size:9px;letter-spacing:2.4px}
 .universe-copy h2{font-size:clamp(40px,10.5vw,63px);line-height:1.06;letter-spacing:-1.8px;margin:22px 0 20px}.universe-copy h2 span{display:inline}.universe-copy h2 span:after{content:" "}.universe-copy h2 span:nth-child(2):after{content:"";display:block}
 .universe-copy p{font-size:13px;max-width:270px;margin:18px 0 22px}.universe-copy .pill{font-size:10px;padding:11px 18px}
 .universe-art{top:350px;height:550px;object-position:73% center;animation:universe-drift 18s ease-in-out infinite alternate}
 .universe:before{background:linear-gradient(180deg,#040812 25%,#04081200 48%,transparent 85%,#040812 100%);z-index:-1}.universe-note{font-size:8px;right:7vw;bottom:25px}
 .home .projects-section{padding-top:65px}.home .world-card .visual{height:250px}.home .transmission{padding-top:55px;padding-bottom:65px}.motion-toggle{right:12px;bottom:12px;padding:8px 11px;font-size:9px}
}
@media(max-width:370px){.home header{padding-inline:4vw;gap:9px}.home nav{gap:9px;font-size:8px}.home .wordmark{font-size:11px;letter-spacing:.8px}.home .wordmark img{width:26px;height:26px}.home .hero{height:880px}.universe{min-height:870px}.universe-art{top:330px;height:540px}}
@media(prefers-reduced-motion:reduce){.scene-art{animation:none!important}.motion-toggle{display:none}}