@font-face{font-family:Inter;src:local('Inter');font-display:swap}
:root{color-scheme:light;--navy:#06234c;--blue:#007de6;--muted:#52677d;--line:#ccdae5;--paper:#edf4f9}
*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:var(--paper);color:var(--navy);font-family:Inter,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 81% 38%,#fff 0,transparent 55%),linear-gradient(115deg,#f9fcff80,transparent 50%);z-index:-1}
.page{max-width:1800px;margin:auto;padding:0 clamp(24px,5.3vw,100px);min-height:100svh;display:flex;flex-direction:column;overflow:hidden}
.header{min-height:134px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{width:242px;height:auto;margin-left:-8px}.header-right{display:flex;align-items:center;gap:32px}.coming{font-size:12px;letter-spacing:.15em;font-weight:600}.motion{border:1px solid #b9cddd;color:var(--navy);background:#ffffff70;border-radius:50%;width:44px;height:44px;cursor:pointer;display:grid;place-items:center;transition:background .2s,transform .2s}.motion[hidden]{display:none}.motion:hover{background:white;transform:scale(1.06)}.motion:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.motion-icon{font-size:16px;font-weight:700;line-height:1}.motion-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
main{flex:1;display:flex;align-items:center}.hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;width:100%;min-height:650px;padding:54px 0 62px}.copy{z-index:2}.eyebrow{display:flex;align-items:center;gap:11px;font-size:13px;letter-spacing:.19em;font-weight:650;margin:0 0 35px}.status-icon{width:15px;height:15px;border:1px solid #0087d1;position:relative;transform:rotate(-10deg)}.status-icon:after{content:"";position:absolute;inset:3px;background:#00a5e5}
h1{font-size:clamp(68px,7.8vw,136px);font-weight:750;line-height:1.01;letter-spacing:-.065em;margin:0 0 31px}h1 span{color:var(--blue);background:linear-gradient(100deg,#0063cd 5%,#008ddc 65%,#00bacc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.intro{font-size:clamp(16px,1.3vw,21px);line-height:1.7;color:var(--muted);letter-spacing:-.015em;margin:0}.stay{display:flex;align-items:center;gap:16px;margin-top:49px}.stay-line{width:40px;height:2px;background:#008de0}.stay p{font-size:14px;font-weight:600;margin:0}
.visual{position:relative;min-width:0;height:580px;perspective:1000px;isolation:isolate}.halo{position:absolute;inset:6% -15% -4%;background:radial-gradient(ellipse,#80d6ef45,transparent 65%);filter:blur(10px)}.orbit{position:absolute;left:50%;top:48%;width:540px;height:540px;border:1px solid #5ba5cb33;border-radius:50%;transform:translate(-50%,-50%) rotate(-28deg) scaleY(.66);z-index:-1}.orbit-two{width:610px;height:610px;border-color:#84b4cf26;transform:translate(-50%,-50%) rotate(37deg) scaleY(.61)}.ground{position:absolute;left:22%;right:12%;bottom:45px;height:40px;background:#00386b35;border-radius:50%;filter:blur(19px);transform:rotate(-10deg);animation:shadow 7s ease-in-out infinite}
.sculpture{position:absolute;inset:0;display:grid;place-items:center;transform-style:preserve-3d;animation:float 7s ease-in-out infinite}.tilt{transform-style:preserve-3d;transform:rotateX(var(--rx,-9deg)) rotateY(var(--ry,-23deg)) rotateZ(-11deg);transition:transform .18s ease-out}.mark{position:relative;width:340px;height:468px;transform-style:preserve-3d}.mark img{position:absolute;inset:0;width:100%;height:100%;display:block;backface-visibility:visible}.mark-face{transform:translateZ(24px);filter:drop-shadow(2px -2px 1px #ffffff70)}.mark-depth{filter:brightness(.45) saturate(1.2)}
.coordinate{position:absolute;font-size:11px;letter-spacing:.17em;color:#59768d;white-space:nowrap}.coordinate-top{top:14px;right:18px}.coordinate-top:before{content:"";display:inline-block;vertical-align:middle;width:28px;height:1px;background:#8daec5;margin-right:12px}.coordinate-bottom{bottom:5px;left:15%;font-size:10px;display:flex;gap:18px;align-items:center}.cross{font-size:27px;color:#0097d4;font-weight:300}.spark{position:absolute;width:7px;height:7px;background:#17b9e1;box-shadow:0 0 24px #26cce47a;transform:rotate(45deg)}.spark-one{right:4%;top:38%}.spark-two{left:5%;bottom:24%;width:4px;height:4px}
footer{min-height:86px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--muted);font-size:12px}.footer-center{font-size:11px;letter-spacing:.13em;font-weight:600}.footer-note span{color:#0078b9;font-size:20px;margin-left:9px}
@keyframes float{0%,100%{transform:translateY(5px) rotateY(-4deg)}50%{transform:translateY(-17px) rotateY(5deg)}}@keyframes shadow{0%,100%{opacity:.65;transform:scale(1) rotate(-10deg)}50%{opacity:.4;transform:scale(.88) rotate(-10deg)}}
body.paused *{animation-play-state:paused!important}body.paused .tilt{transition:none}
@media(min-width:1500px){.hero{min-height:760px}.visual{height:650px}.mark{width:385px;height:530px}}
@media(max-width:1050px){.coming{display:none}.hero{min-height:580px;grid-template-columns:1.12fr 1fr}.visual{height:490px}.mark{width:280px;height:385px}.orbit{width:440px;height:440px}.orbit-two{width:510px;height:510px}.coordinate-bottom{left:0;font-size:9px;letter-spacing:.1em}.coordinate-top{right:0;font-size:10px}.header{min-height:110px}.footer-center{display:none}}
@media(max-width:700px){.page{padding:0 24px}.header{min-height:95px}.brand{width:195px;margin-left:-6px}.motion{width:40px;height:40px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:45px 0 26px}.eyebrow{font-size:12px;margin-bottom:26px}h1{font-size:clamp(64px,13.5vw,94px);letter-spacing:-.06em;margin-bottom:23px}.intro{font-size:16px;line-height:1.65}.stay{margin-top:27px}.stay p{font-size:13px}.visual{height:360px;margin-top:14px}.mark{width:217px;height:299px}.orbit{width:345px;height:345px}.orbit-two{width:385px;height:385px}.ground{bottom:22px;left:23%;right:18%;height:25px;filter:blur(14px)}.coordinate-top{top:15px;font-size:9px}.coordinate-bottom{left:5%;bottom:0;font-size:8px;letter-spacing:.12em}.spark-one{right:7%}.spark-two{left:7%}footer{min-height:86px;align-items:flex-start;justify-content:center;flex-direction:column;gap:8px;padding:20px 0;font-size:12px}.footer-note{font-size:12px}.footer-note span{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}