@font-face{font-family:Noto;src:url(../img/font-0.ttf);font-weight:400;font-display:swap}
@font-face{font-family:Noto;src:url(../img/font-1.ttf);font-weight:600;font-display:swap}

:root{--bg:#080b16;--panel:#101625;--ink:#f0f4ff;--muted:#a5aec3;--cyan:#83f4ec;--purple:#a997ff;--line:#ffffff24;--orange:#ee8012;--embassy-header-h:88px;--embassy-header-gutter:clamp(18px,3vw,56px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:85px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Noto,Arial,sans-serif;overflow-x:clip}
body:has(dialog[open]){overflow:hidden}
button,input,select{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
img{max-width:100%;display:block}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}
button{color:inherit}
::selection{background:var(--cyan);color:var(--bg)}
.wrap{width:min(1320px,calc(100% - 100px));margin:auto}
.eyebrow{font:11px/1.6 monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan)}
.muted{color:var(--muted)}
.pill{border:1px solid var(--line);border-radius:99px;padding:8px 13px;font:10px monospace;letter-spacing:.12em}
.btn{display:inline-flex;gap:25px;align-items:center;justify-content:space-between;border:1px solid var(--line);background:transparent;border-radius:99px;padding:17px 23px;font-size:13px;transition:background .25s,transform .25s}
.btn:hover{background:#ffffff14;transform:translateY(-3px)}
.btn.primary{background:var(--cyan);color:#071820;border-color:var(--cyan);box-shadow:0 0 32px #69ece51a}
.btn.primary:hover{background:#b4fff8;box-shadow:0 0 40px #69ece536}
.btn b{font-size:21px;font-weight:400}
.skip{position:fixed;top:-100px;z-index:99;background:var(--cyan);color:black;padding:15px}
.skip:focus{top:0}
.top{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}
.brand{display:flex;align-items:center;gap:11px;font-size:12px;font-weight:600;letter-spacing:.12em}
.brand small{display:block;color:var(--muted);font:8px monospace;letter-spacing:.34em;margin-top:4px}
.brand svg{width:40px;height:40px}
.top nav{display:flex;gap:28px;color:#bec5d7;font-size:11px}
.top nav a:hover{color:var(--cyan)}
.top .btn{padding:10px 17px}
.hero{min-height:810px;height:calc(100svh - 88px);max-height:1000px;position:relative;isolation:isolate;display:flex;align-items:center}
.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 75% 45%,#24558825,transparent 65%);z-index:-2}
.hero-art{position:absolute;right:-2%;top:7%;width:58%;height:86%;z-index:-1}
.hero-art img{width:100%;height:100%;object-fit:cover;border-radius:48% 48% 4% 4%;mask-image:linear-gradient(90deg,transparent,#000 17%),linear-gradient(#000 65%,transparent);mask-composite:intersect;animation:arrival 1.6s ease-out both}
.orbit{position:absolute;inset:-2% 1%;border:1px solid #93d6ff37;border-radius:50%;transform:rotate(-20deg);pointer-events:none}
.orbit:after{content:'';width:8px;height:8px;background:var(--cyan);border-radius:50%;position:absolute;top:14%;left:14%;box-shadow:0 0 24px var(--cyan)}
.orbit.second{inset:-6% -5%;transform:rotate(18deg);animation:orbit 30s linear infinite;border-style:dashed;border-color:#92d8ff20}
.hero-copy{width:72%;padding-bottom:50px}
.hero h1{font-weight:400;font-size:clamp(66px,7.2vw,110px);letter-spacing:-.065em;line-height:1.08;margin:23px 0}
.hero h1 em{font-style:normal;color:var(--cyan)}
.hero-copy>p{font-size:15px;line-height:1.8;max-width:400px;color:#b4bfd2}
.hero-actions{display:flex;gap:14px;margin-top:32px;align-items:center}
.hero-actions .textlink{padding:14px;font-size:12px}
.hero-foot{position:absolute;bottom:28px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:22px;font:10px monospace;letter-spacing:.12em;color:var(--muted)}
.live:before{content:'';display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%;margin-right:10px;box-shadow:0 0 12px var(--cyan)}
.hero-caption{position:absolute;right:2%;bottom:17%;padding:16px 22px;border-left:1px solid var(--cyan);background:#080b1680;backdrop-filter:blur(10px);font:11px monospace;line-height:1.9}
.hero-caption small{color:var(--muted)}
.ticker{overflow:hidden;border-block:1px solid var(--line);padding:20px 0;background:#0d1220}
.ticker-track{display:flex;gap:40px;width:max-content;animation:marquee 35s linear infinite;font-size:12px;letter-spacing:.18em;color:#bbc4dd}
.ticker span{display:flex;gap:40px}
.ticker i{font-style:normal;color:var(--cyan)}
.intro{padding:110px 0 90px}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin:22px 0 40px}
h2{font-size:clamp(38px,4.5vw,66px);font-weight:400;letter-spacing:-.05em;line-height:1.14;margin:0}
h2 span{color:var(--muted)}
.section-head p{max-width:320px;font-size:13px;line-height:1.9;color:var(--muted);margin:0}
.architecture{position:relative;border-radius:24px;overflow:hidden}
.architecture>img{width:100%;aspect-ratio:2.15;object-fit:cover}
.architecture .image-label{position:absolute;left:27px;bottom:23px;background:#080b16b0;border:1px solid #fff4;padding:10px 15px;font:10px monospace;backdrop-filter:blur(12px);border-radius:99px}
.facts{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
.facts>div{padding:30px 0;display:flex;gap:18px;align-items:center}
.facts strong{font-size:40px;font-weight:400;letter-spacing:-.05em}
.facts small{font-size:11px;color:var(--muted);line-height:1.8}
.worlds{position:relative;padding:95px 0;background:radial-gradient(ellipse at 0 30%,#27357828,transparent 55%)}
.world-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:27px}
.world-tabs button{padding:12px 20px;background:transparent;border:1px solid var(--line);border-radius:99px;font-size:11px}
.world-tabs button[aria-selected=true]{background:var(--cyan);border-color:var(--cyan);color:var(--bg)}
.world-frame{position:relative;display:grid;grid-template-columns:1fr 1.7fr;min-height:460px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(130deg,#1a2338,#0a101c);overflow:hidden}
.world-copy{padding:45px 35px;display:flex;flex-direction:column;justify-content:center}
.world-copy h3{font-size:36px;font-weight:400;line-height:1.18;letter-spacing:-.04em;margin:22px 0}
.world-copy p{font-size:13px;line-height:1.9;color:var(--muted);min-height:100px}
.world-copy .tags{font:10px monospace;color:var(--cyan);line-height:2;margin-top:auto}
.world-visual{position:relative;min-width:0}
.world-visual img{height:100%;width:100%;object-fit:cover;position:absolute}
.world-visual .enlarge{position:absolute;bottom:24px;right:24px;border:1px solid #fff8;background:#07132691;backdrop-filter:blur(10px);border-radius:50%;width:48px;height:48px;font-size:23px}
.world-frame.changing img{animation:world-in .7s ease-out}
.world-controls{display:flex;align-items:center;justify-content:space-between;margin-top:24px}
.arrows{display:flex;gap:13px;align-items:center}
.round{border:1px solid var(--line);background:transparent;border-radius:50%;width:45px;height:45px;font-size:22px}
.round:hover{border-color:var(--cyan);color:var(--cyan)}
.dots{display:flex;gap:9px}
.dots button{border:0;background:#535d76;width:7px;height:7px;padding:0;border-radius:30px;transition:width .3s}
.dots button[aria-current=true]{width:28px;background:var(--cyan)}
.counter{font:11px monospace;color:var(--muted)}
.pause{border:0;background:transparent;font:11px monospace;color:var(--muted);padding:12px}
.pause:hover{color:white}
.technology{padding:90px 0}
.tech-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}
.tech-image{position:relative}
.tech-image img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:140px 18px 140px 18px}
.signal{position:absolute;bottom:24px;left:-20px;background:#101a2fed;border:1px solid #69e4f26b;padding:18px 24px;border-radius:15px;box-shadow:0 0 45px #26e1ff17}
.signal p{font:11px monospace;margin:4px 0;color:var(--cyan)}
.tech-copy h2{margin:20px 0}
.tech-copy>p{font-size:13px;line-height:1.9;color:var(--muted)}
.tech-list{margin-top:27px}
.tech-list button{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;padding:19px 0;border:0;border-bottom:1px solid var(--line);background:transparent;font-size:14px}
.tech-list button span{font:11px monospace;color:var(--muted);margin-right:15px}
.tech-list button.active{color:var(--cyan)}
.tech-note{min-height:78px}
.manifesto{margin:70px 0 100px;position:relative;padding:100px 0;text-align:center;isolation:isolate;overflow:hidden;border-block:1px solid var(--line);background:radial-gradient(ellipse at center,#24235e7a,transparent 70%)}
.manifesto:before,.manifesto:after{content:'';position:absolute;inset:28% -15%;border:1px solid #9f88f140;border-radius:50%;transform:rotate(-12deg);z-index:-1}
.manifesto:after{transform:rotate(12deg);inset:15% -10%;border-color:#74e6e824}
.manifesto h2{font-size:clamp(38px,5.8vw,85px);margin:25px 0}
.manifesto h2 em{font-style:normal;background:linear-gradient(90deg,var(--cyan),var(--purple));color:transparent;background-clip:text}
.manifesto p{font-size:13px;color:var(--muted)}
.residences{padding-bottom:95px}
.homes{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.home{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--panel)}
.home-image{position:relative;overflow:hidden}
.home-image img{width:100%;height:350px;object-fit:cover;transition:transform .8s}
.home:hover img{transform:scale(1.04)}
.home-image .pill{position:absolute;top:20px;left:20px;background:#080b16bf}
.home-content{padding:27px}
.home-title{display:flex;justify-content:space-between;align-items:center}
.home h3{font-size:25px;font-weight:400;margin:0}
.home p{font-size:12px;color:var(--muted);line-height:1.8;max-width:350px}
.home .btn{padding:12px 18px;margin-top:12px;font-size:11px}
.home-footer{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.home-footer>button:last-child{background:transparent;border:0;border-bottom:1px solid #9ed7da55;padding:10px 0;font-size:11px;color:var(--cyan)}
.smallprint{font-size:10px;line-height:1.9;color:#8e98b0;margin-top:20px}
.gallery{padding:80px 0;background:#0c1120}
.gallery-strip{display:flex;overflow:auto;gap:20px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#485672 transparent;padding-bottom:15px}
.gallery-card{flex:0 0 43%;padding:0;border:0;background:transparent;text-align:left;scroll-snap-align:start}
.gallery-card img{width:100%;aspect-ratio:1.4;object-fit:cover;border-radius:16px}
.gallery-card span{display:flex;justify-content:space-between;padding:17px 0;color:#b9c5dd;font-size:12px}
.contact{padding:100px 0 45px;position:relative;background:radial-gradient(ellipse at 20% 50%,#223a5b65,transparent 55%)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}
.contact h2{margin:20px 0 25px}
.contact h2 span{color:var(--cyan)}
.contact p{font-size:13px;line-height:1.9;color:var(--muted)}
.socials{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.socials a{display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid var(--line);border-radius:99px;font-size:11px}
.socials a:hover{color:var(--cyan);border-color:var(--cyan)}
.socials svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.form-box{background:linear-gradient(145deg,#1b293ee8,#111522e0);padding:34px;border:1px solid #8fe5f036;border-radius:22px;box-shadow:0 0 100px #5c8eff0c}
.form-box h3{font-size:24px;letter-spacing:-.035em;font-weight:400;margin:0 0 7px}
.form-box p{font-size:12px}
.form-box label{display:block;font-size:11px;margin-top:19px;color:#c7d2e3}
.form-box input,.form-box select{width:100%;padding:14px;color:white;background:#050b1670;border:1px solid #ffffff2b;border-radius:8px;margin-top:8px;min-width:0}
.form-box select option{background:#101625}
.phone-row{display:grid;grid-template-columns:135px 1fr;gap:10px}
.form-box .btn{width:100%;margin-top:23px}
.form-box .privacy{font-size:10px;color:#929fb4}
.form-box .privacy a{text-decoration:underline}
.form-box .demo{border-top:1px solid var(--line);padding-top:12px;font-size:10px}
.footer{border-top:1px solid var(--line);padding:25px 0 10px;margin-top:65px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font:10px monospace}
.footer b{color:var(--orange);font-size:13px}
.disclaimer{font-size:10px!important;max-width:1050px}
.reveal{transition:opacity .7s,transform .7s}
.js .reveal:not(.seen){opacity:0;transform:translateY(25px)}
dialog{color:var(--ink);border:1px solid #83f4ec40;background:#101725;border-radius:22px;padding:35px;width:min(560px,calc(100% - 24px));max-height:90svh;overflow:auto}
dialog::backdrop{background:#020715db;backdrop-filter:blur(12px)}
.close{display:block;margin:0 0 15px auto;border:1px solid var(--line);border-radius:50%;width:37px;height:37px;background:transparent;font-size:24px}
.lightbox{width:min(1180px,calc(100% - 24px));padding:18px}
.lightbox img{height:70svh;width:100%;object-fit:contain}
.lightbox .world-controls{margin:12px 5px}
.lightbox-caption{font-size:12px;margin:0 15px;flex:1;text-align:center}
.lightbox .close{position:absolute;right:25px;top:25px;background:#0a1428dd;z-index:2}
.motion-toggle{position:fixed;right:16px;bottom:16px;z-index:10;background:#121a2aed;border:1px solid var(--line);border-radius:99px;padding:10px 14px;font:10px monospace;color:#c4cfdf}
.still *{animation-play-state:paused!important;scroll-behavior:auto!important}
.still .reveal{transition:none}
.still .reveal:not(.seen){opacity:1;transform:none}
@keyframes orbit{to{transform:rotate(378deg)}
}
@keyframes arrival{from{opacity:0;transform:scale(.96)}
to{opacity:1;transform:scale(1)}
}
@keyframes world-in{from{opacity:.2;transform:scale(1.06)}
to{opacity:1;transform:scale(1)}
}
@keyframes marquee{to{transform:translateX(-50%)}
}

@media(min-width:1600px){.hero-art{right:0;width:59%}
.hero{min-height:850px}
}

@media(max-width:1000px){.wrap{width:calc(100% - 48px)}
.top nav{gap:14px}
.hero{min-height:740px}
.hero-copy{width:90%}
.hero h1{font-size:76px}
.hero-art{right:-5%;width:66%;opacity:.7}
.hero-copy>p{max-width:330px}
.tech-layout{gap:35px}
.contact-grid{gap:40px}
.world-copy{padding:30px 23px}
.world-copy h3{font-size:29px}
.world-frame{min-height:430px}
.hero-caption{right:0}
.home-image img{height:280px}
}

@media(max-width:700px){.wrap{width:calc(100% - 36px)}
.top{height:74px}
.top nav{display:none}
.brand{font-size:10px}
.top .btn{font-size:10px;gap:10px;padding:8px 13px}
.hero{height:auto;min-height:870px;align-items:flex-start;padding-top:52px}
.hero-copy{width:100%;padding-bottom:0}
.hero h1{font-size:clamp(52px,12.3vw,78px);margin:18px 0}
.hero-copy>p{max-width:300px;font-size:13px}
.hero-art{top:355px;right:0;width:100%;height:450px;opacity:.85}
.hero-art img{mask-image:linear-gradient(transparent,#000 12%,#000 67%,transparent);mask-composite:add}
.hero-actions{gap:6px;margin-top:22px;flex-wrap:wrap}
.hero-actions .btn{font-size:12px;padding:14px 19px}
.hero-actions .textlink{font-size:11px}
.hero-caption{bottom:118px;font-size:9px;right:8px}
.hero-foot{font-size:8px;gap:20px;bottom:22px}
.hero-foot span:nth-child(2){display:none}
.intro{padding:70px 0 30px}
.section-head{display:block;margin:20px 0 30px}
.section-head p{margin-top:24px;max-width:340px}
h2{font-size:39px}
.architecture>img{aspect-ratio:1.15}
.architecture .image-label{font-size:8px;left:15px;bottom:15px}
.facts{gap:15px}
.facts>div{display:block;padding:24px 0}
.facts strong{font-size:31px}
.facts small{display:block;font-size:9px}
.worlds{padding:65px 0}
.world-tabs{gap:7px}
.world-tabs button{font-size:10px;padding:10px 13px}
.world-frame{display:flex;flex-direction:column;min-height:0}
.world-copy{padding:28px 23px;height:302px}
.world-copy h3{font-size:32px;margin:14px 0}
.world-copy p{font-size:12px;min-height:0}
.world-copy .tags{margin-top:auto}
.world-visual{height:300px}
.world-controls{gap:8px;flex-wrap:wrap}
.round{width:38px;height:38px}
.arrows{gap:10px}
.pause{font-size:9px;padding:7px}
.technology{padding:25px 0 50px}
.tech-layout{display:flex;flex-direction:column;gap:40px}
.tech-image{width:100%}
.tech-image img{aspect-ratio:1.1;border-radius:80px 16px 80px 16px}
.signal{left:10px;bottom:15px}
.tech-copy h2{font-size:39px}
.manifesto{margin:30px 0 70px;padding:75px 18px}
.manifesto p{line-height:1.8}
.homes{grid-template-columns:1fr}
.home-image img{height:330px}
.home-content{padding:23px}
.home-title strong{font-size:13px}
.residences{padding-bottom:35px}
.gallery{padding:55px 0}
.gallery-card{flex-basis:86%}
.contact{padding-top:70px}
.contact-grid{grid-template-columns:1fr;gap:40px}
.form-box{padding:25px}
.phone-row{grid-template-columns:115px 1fr}
.footer{gap:20px;align-items:flex-start;line-height:1.7}
.footer>.back-top{display:none}
.motion-toggle{font-size:9px;bottom:10px;right:10px}
dialog{padding:24px}
.lightbox img{height:65svh}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{animation:none!important;transition:none!important}
.js .reveal:not(.seen){opacity:1;transform:none}
}


.brand img{width:166px;height:83px;object-fit:contain}
.hero-price{margin-top:22px;max-width:330px}
.hero-price>span{font:9px monospace;letter-spacing:.2em;color:var(--muted)}
.hero-price strong{display:block;font-size:30px;font-weight:400;letter-spacing:-.03em;margin:5px 0}
.hero-price sup,.home-price sup{font-size:13px;color:var(--cyan)}
.hero-price small{display:block;color:var(--muted);font-size:9px;line-height:1.7}
.hero-actions{margin-top:22px}
.hero-copy{padding-bottom:28px}
.home-price{font-size:24px!important;color:var(--cyan)!important}
.source-note{font-size:11px;color:var(--muted);margin-top:20px}
.source-note summary{cursor:pointer}
.source-note a{text-decoration:underline}
.source-note p{max-width:900px;font-size:11px}
.gallery-strip:after{content:'';flex:0 0 calc(57% - 20px)}
.lightbox .dots{flex-wrap:wrap;max-width:90%;margin-inline:auto}

@media(max-width:700px){.brand img{width:128px;height:64px}
.hero{min-height:1010px}
.hero-art{top:510px}
.hero-price{max-width:280px}
.hero-price strong{font-size:27px}
.hero-caption{bottom:110px}
.facts strong{font-size:27px}
.gallery-strip:after{flex-basis:calc(16% - 20px)}
}


html{overflow-x:clip}
.brand img{filter:brightness(1.7)}
@media(min-width:701px){.hero{min-height:660px}.hero h1{font-size:clamp(66px,6.2vw,100px);line-height:1.04;margin:18px 0}.hero-copy{padding-bottom:65px}.hero-art{top:4%;height:90%}}
@media(max-width:700px){.gallery-strip:after{flex-basis:calc(14% - 20px)}}
.lightbox-full{display:block;width:fit-content;margin:14px auto 0;font-size:11px;color:var(--cyan);text-decoration:underline;text-underline-offset:4px}
dialog{scrollbar-width:thin;scrollbar-color:#485672 #101725}
.world-copy>*{flex-shrink:0}
@media(max-width:700px){.world-copy{height:400px}.world-copy p{font-size:13px;margin:10px 0 18px}}
@media(min-width:480px) and (max-width:700px){.top{height:80px}.top .header-contact{display:flex;gap:14px}html{scroll-padding-top:92px}}
@media(max-width:380px){.world-copy{height:440px}.world-copy h3{font-size:30px}}
@media(max-width:700px){#enquiry-dialog{padding:54px 10px 10px}#enquiry-dialog .form-box{padding:22px;border:0}.phone-row{grid-template-columns:103px 1fr}.form-box input,.form-box select{font-size:16px}.lightbox img{height:56svh}.lightbox-caption{font-size:10px;margin-inline:7px}.lightbox .world-controls{gap:4px}}

/* The gallery shell is shared with the holographic variant; keep the original
   design readable after the lightbox DOM was split into header, stage and
   footer layers. */
/* One shared lightbox geometry for both designs. */
.lightbox{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(1680px,calc(100vw - 24px));height:calc(100dvh - 24px);max-width:none;max-height:none;padding:0;overflow:hidden;display:none;background:#061224f5;border:1px solid #b1eaff88;border-radius:14px}
.lightbox[open]{display:block}
.lightbox .virtual-gallery__shell{display:grid;grid-template-rows:56px minmax(0,1fr) 60px;width:100%;height:100%;min-width:0;min-height:0}
.lightbox .virtual-gallery__header,.lightbox .virtual-gallery__footer{position:relative;z-index:2;display:flex;align-items:center;gap:12px;min-width:0;padding:6px 12px;background:#061426;direction:ltr}
.lightbox .virtual-gallery__header{justify-content:space-between;border-bottom:1px solid #b4edff30}
.lightbox .virtual-gallery__footer{justify-content:center;border-top:1px solid #b4edff30}
.lightbox .virtual-gallery__stage{position:relative;min-width:0;min-height:0;padding:0;margin:10px;overflow:hidden;display:grid;place-items:center}
.lightbox #lightbox-image{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}
.lightbox #lightbox-image[hidden],.lightbox .virtual-gallery__error[hidden]{display:none}
.lightbox .virtual-gallery__header .close{position:static;inset:auto;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;z-index:3;background:#0d2941;border:1px solid #b9efff50;border-radius:9px}
.lightbox .lightbox-caption{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e1f6ff;font-size:13px}
.lightbox .virtual-gallery__counter{min-width:56px;text-align:center;font:12px monospace;color:#dffcff}
.lightbox .virtual-gallery__error{position:relative;margin:0;padding:20px;color:#e1f6ff;text-align:center;background:#07172d}
.lightbox .dots{display:none}
.lightbox .lightbox-full{margin:0 0 0 auto;max-width:45%;font-size:11px}
.lightbox #lightbox-prev,.lightbox #lightbox-next{position:static;flex:0 0 44px;width:44px;height:44px;border-radius:9px}
@media(max-width:600px){.lightbox{width:calc(100vw - 12px);height:calc(100dvh - 12px)}.lightbox .virtual-gallery__header,.lightbox .virtual-gallery__footer{padding:6px 8px;gap:8px}.lightbox .lightbox-full{font-size:10px}}


/* Agency identity and direct contact stay available while browsing. */
.top{position:sticky;top:0;z-index:20;background:#080b16f5;backdrop-filter:blur(20px);gap:20px;height:88px}
.brand img{width:108px;height:63px;filter:none}
.header-contact{display:flex;align-items:center;gap:18px;margin-left:auto}
.direct-phone{display:flex;flex-direction:column;gap:6px;white-space:nowrap}
.direct-phone small{font:8px monospace;letter-spacing:.08em;color:var(--muted)}
.direct-phone strong{font-size:16px;font-weight:600;letter-spacing:.025em}
.direct-phone:hover{color:var(--cyan)}
.line-contact{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--cyan)}
.line-contact svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6}
.project-seal{width:116px;margin:0 0 12px;filter:brightness(1.6)}
.footer{gap:22px;flex-wrap:wrap}.footer .direct-phone small{display:none}.footer .direct-phone strong{font-size:17px}
#enquiry-dialog{width:min(1000px,calc(100% - 48px));padding:0;max-height:92svh}
#enquiry-dialog[open]{display:grid;grid-template-columns:.95fr 1.05fr}
#enquiry-dialog .close{position:absolute;right:18px;top:18px;margin:0;z-index:3;background:#101725d9}
.modal-story{position:relative;isolation:isolate;overflow:hidden;display:flex;min-height:610px;background:#111d33}
.modal-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.modal-story:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#071125eb,#071125b8 55%,#071125ed);z-index:-1}
.modal-story-content{padding:46px 36px;display:flex;flex-direction:column;width:100%}
.modal-story h2{font-size:43px;margin:28px 0 20px;line-height:1.12}.modal-story h2 span{color:var(--cyan)}
.modal-story p{font-size:12px;line-height:1.9;color:#c9d5e6}
.modal-promise{display:grid;gap:12px;font:10px monospace;color:#bdcedf;border-top:1px solid #ffffff30;padding-top:22px;margin-top:17px}
.modal-story .direct-phone{margin-top:auto;padding-top:30px}.modal-story .direct-phone small{font-size:7px}
#modal-form{display:flex;align-items:center;padding:46px 32px 26px}
#modal-form .form-box{padding:0;border:0;background:none;box-shadow:none;width:100%;border-radius:0}
#modal-form .form-box h3{font-size:29px;max-width:330px}
@media(max-width:1100px){.top nav{display:none}}
@media(max-width:700px){.top{height:80px;gap:12px}.brand img{width:88px;height:55px}.header-enquire{display:none}.header-contact{gap:12px}.header-contact .direct-phone small{display:none}.header-contact .direct-phone strong{font-size:13px}.header-contact .line-contact{gap:4px;font-size:10px}.header-contact .line-contact svg{width:20px}.project-seal{width:86px}#enquiry-dialog{width:calc(100% - 24px);padding:50px 20px 20px}#enquiry-dialog[open]{display:block}.modal-story{display:none}#modal-form{padding:8px 0}#enquiry-dialog #modal-form .form-box{padding:0}#modal-form .form-box h3{font-size:24px}.footer .direct-phone strong{font-size:16px}}

.header-social{display:flex;align-items:center;gap:7px}.header-social a{font-size:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;color:var(--ink)}.header-social a:hover{color:var(--cyan);border-color:var(--cyan)}.header-social span{display:none}.header-social svg{display:block;flex:0 0 auto;width:24px;height:24px;aspect-ratio:1;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.header-contact{gap:16px}.top nav.header-social{display:flex}.top>nav{gap:18px}
.header-social a.line-contact{color:#63e6a0;border-color:#63e6a066;background:#63e6a00d}
.header-social a.whatsapp-contact{color:#55df83;border-color:#55df8366;background:#55df830d}
.header-social a.telegram-contact{color:#58bfff;border-color:#58bfff66;background:#58bfff0d}
.header-social a.max-contact{color:#b59aff;border-color:#b59aff66;background:#b59aff0d}
.header-social a.line-contact:hover,.header-social a.line-contact:focus-visible{color:#8bffc0;border-color:#63e6a0}
.header-social a.whatsapp-contact:hover,.header-social a.whatsapp-contact:focus-visible{color:#8affaa;border-color:#55df83}
.header-social a.telegram-contact:hover,.header-social a.telegram-contact:focus-visible{color:#9bddff;border-color:#58bfff}
.header-social a.max-contact:hover,.header-social a.max-contact:focus-visible{color:#d4c5ff;border-color:#b59aff}
.header-social a.whatsapp-contact svg path:first-child{fill:none;stroke:currentColor}
.header-social a.whatsapp-contact svg path:nth-child(2){fill:currentColor;stroke:none}
@media(max-width:700px){.top{height:94px}.header-contact{display:grid;gap:8px;justify-items:end}.header-social{gap:9px}.header-social a{width:27px;height:27px}.header-contact .direct-phone strong{font-size:14px}html{scroll-padding-top:105px}}
.top .header-social{gap:7px}
@media(max-width:700px){.top .header-social{gap:9px}}

/* Hero content flows before the image on narrow screens. */
.hero-caption{display:flex;align-items:center;gap:18px;background:none;backdrop-filter:none;border-left:0;padding:14px 0;border-top:1px solid #ffffff38}
.hero-caption .project-seal{width:108px;margin:0}.hero-caption b{font-size:10px;font-weight:400;letter-spacing:.08em}.hero-caption small{display:block;font-size:9px;margin-top:5px}
.languages{position:relative;flex-shrink:0}.languages summary{list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:99px;padding:10px 12px;font:12px monospace;white-space:nowrap}.languages summary::-webkit-details-marker{display:none}.languages[open] summary{border-color:var(--cyan);color:var(--cyan)}
.language-menu{position:absolute;right:0;top:calc(100% + 12px);width:200px;padding:14px;background:#111b2b;border:1px solid #83f4ec40;border-radius:15px;box-shadow:0 20px 60px #0008;z-index:25}.language-menu p{font-size:10px;color:var(--muted);margin:0 8px 10px}.language-menu a{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 8px;background:none;border:0;font-size:13px;text-align:left;border-radius:6px}.language-menu a[aria-current]{color:var(--cyan);background:#83f4ec0a}.language-menu a:disabled{color:#a5aec3;cursor:default}.language-menu small{font-size:9px;color:#8591a8}
.footer{display:grid;grid-template-columns:1fr auto auto auto;gap:28px}.footer-brand img{width:108px;height:63px}.footer .footer-social{gap:9px}.footer .back-top{white-space:nowrap}
@media(min-width:701px) and (max-width:1250px){.top>nav{display:none}}
@media(max-width:700px){
.top{gap:8px}.brand img{width:clamp(67px,21vw,88px)}.header-contact{gap:7px}.top .header-social{gap:7px}.languages summary{font-size:11px;padding:8px}.header-contact .direct-phone strong{font-size:13px}
.hero{display:flex;flex-direction:column;align-items:stretch;height:auto;min-height:0;max-height:none;padding-top:36px;padding-bottom:24px}
.hero-copy{order:1;width:100%;padding:0}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:24px}.hero-actions .textlink{padding:8px 2px}.hero-actions .btn{max-width:100%}
.hero-art{order:2;position:relative;inset:auto;width:100%;height:clamp(350px,88vw,540px);margin-top:22px;z-index:0;opacity:1;overflow:clip;border-radius:44% 44% 0 0}
.hero-art img{height:100%;mask-image:linear-gradient(#000 75%,transparent);mask-composite:add}.hero-art .orbit{inset:4%}
.hero-caption{order:3;position:static;margin-top:0;padding:15px 0;gap:16px;justify-content:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hero-caption .project-seal{width:100px}.hero-caption small{font-size:9px}
.hero-foot{order:4;position:static;margin-top:18px;padding-top:0;border-top:0}.hero-foot>a{display:none}
.footer{grid-template-columns:1fr auto;gap:14px 20px;align-items:center}.footer-brand{grid-row:1 / 3}.footer-brand img{width:96px;height:58px}.footer .direct-phone{justify-self:end}.footer .footer-social{justify-self:end;grid-column:2;gap:8px}.footer .back-top{display:none}
}

.motion-toggle{position:static;inset:auto;z-index:auto;flex-shrink:0;font-size:9px;padding:8px 11px}
.floating-contact{position:fixed;right:24px;bottom:24px;z-index:21;display:flex;align-items:center;gap:10px;padding:16px 22px;border:1px solid #b1fff7;border-radius:99px;background:var(--cyan);color:#081827;font-size:13px;box-shadow:0 6px 32px #0005;transition:transform .2s}
.floating-contact:hover{transform:translateY(-3px)}.floating-contact svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
body:has(dialog[open]) .floating-contact{visibility:hidden}
.menu-toggle{display:none;border:1px solid var(--line);background:none;border-radius:50%;width:42px;height:42px;align-items:center;justify-content:center;flex-shrink:0}.menu-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}
#navigation-dialog{inset:0 0 0 auto;margin:0;width:min(420px,100%);height:100svh;max-height:100svh;padding:24px 30px;border-radius:20px 0 0 20px;border-right:0}
.menu-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.menu-heading img{width:96px;height:56px}.menu-heading .close{margin:0;flex-shrink:0}
.mobile-links{display:grid;margin:18px 0 28px}.mobile-links a{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);font-size:19px}.mobile-links a span{font:10px monospace;color:var(--muted)}.mobile-links a b{margin-left:auto;font-weight:400;color:var(--cyan)}
.menu-language-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.menu-language-list p{grid-column:1/-1;font-size:11px;color:var(--muted);margin:0 0 5px}.menu-language-list a{border:1px solid var(--line);padding:10px;background:none;border-radius:9px;text-align:left;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.menu-language-list a[aria-current]{color:var(--cyan);border-color:var(--cyan)}.menu-language-list a:disabled{color:var(--muted);cursor:default}.menu-language-list small{font-size:8px}.menu-phone{display:block;margin-top:28px;font-size:19px}.menu-phone span{display:block;font-size:11px;color:var(--muted);margin-top:8px}
.modal-direct{border-top:1px solid var(--line);padding-top:16px;margin-top:20px}.modal-direct>p{font-size:11px;color:var(--muted);margin:0 0 12px}.modal-direct .socials{margin:0;gap:8px}.modal-direct .socials a{padding:8px 10px;font-size:10px}.modal-direct .direct-phone{margin-top:14px}.modal-direct .direct-phone strong{font-size:15px}
@media(max-width:1250px){.menu-toggle{display:flex}.top>.languages,.top>.header-enquire,.top>nav{display:none}.top nav.header-social{display:flex}.header-contact{display:flex;margin-left:auto}.header-contact .direct-phone small{display:none}.top{height:80px;gap:20px}.header-contact .direct-phone strong{font-size:15px}.hero-foot>span:nth-child(2){display:none}}
@media(max-width:700px){.top{height:94px;gap:14px}.top .header-contact{display:grid;gap:8px;justify-items:end}.top nav.header-social{gap:7px}.brand img{width:86px;height:55px}.header-contact .direct-phone strong{font-size:13px}.menu-toggle{width:38px;height:38px}.hero-foot{display:flex;flex-wrap:wrap;gap:12px}.floating-contact{right:16px;bottom:16px;padding:14px 18px;font-size:12px}html{scroll-padding-top:106px}#navigation-dialog{padding:20px 23px}.contact{padding-bottom:95px}}
@media(prefers-reduced-motion:reduce){.floating-contact{transition:none}}
@media(min-width:480px) and (max-width:700px){.top{height:80px}.top .header-contact{display:flex;gap:14px}html{scroll-padding-top:92px}}
@media(max-width:380px){.top{gap:10px}.brand{flex-shrink:0}.brand img{width:70px}.header-contact .direct-phone strong{font-size:12px}}

.phone-row{display:block}.phone-row .iti{width:100%}.iti__country-list{background:#101625;color:#f0f4ff}.form-success,.form-error{display:block;margin-top:14px;font-size:13px}.form-success{color:#83f4ec}.form-error{color:#ffb4b4}
/* Keep the shared telephone widget within the dark landing's visual system. */
.enquiry-form .iti{display:block;width:100%;direction:ltr;text-align:left}
.enquiry-form .iti__flag,.enquiry-form .iti__flag-box{display:none;background-image:none}
.enquiry-form .iti__selected-dial-code{margin-left:0;color:var(--ink)}
.enquiry-form .iti__selected-flag{border-radius:10px 0 0 10px;background:#ffffff06}
.enquiry-form .iti__arrow{border-top-color:var(--cyan)}
.enquiry-form .iti__arrow--up{border-top-color:transparent;border-bottom-color:var(--cyan)}
.enquiry-form .iti__country-list{background:#101625;color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px #0008;max-height:210px;max-width:min(360px,75vw);white-space:normal;z-index:10;scrollbar-color:#465568 #101625}
.enquiry-form .iti__country{padding:10px 14px;font-size:13px;line-height:1.5}
.enquiry-form .iti__country.iti__highlight{background:#83f4ec18;color:var(--cyan)}
.enquiry-form .iti__dial-code{color:var(--muted)}
.enquiry-form .iti__divider{border-bottom-color:var(--line)}
.header-contact .languages{display:block}
@media(max-width:1250px){.header-contact{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}.header-contact .languages{display:block}}
@media(max-width:700px){
.top .header-contact{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"phone phone" "social language";column-gap:7px;row-gap:7px;justify-items:end;align-items:center}
.header-contact .direct-phone{grid-area:phone}
.header-contact .header-social{grid-area:social;justify-self:end}
.header-contact .languages{grid-area:language;justify-self:end}
.header-contact .languages summary{padding:7px 9px;font-size:10px}
}
@media(max-width:380px){.top .header-contact{column-gap:5px;row-gap:5px}.top .header-social{gap:5px}.top .header-social a{width:25px;height:25px}.header-contact .languages summary{padding-inline:7px}}
.enquiry-form .field-error{display:block;margin:7px 0 10px;color:#ffb4b4;font-size:12px;font-weight:400;line-height:1.5}

/* Localized copy changes reading direction while the visual composition stays LTR. */
html[dir="rtl"] body{direction:ltr}
.language-menu a,.menu-language-list a{text-decoration:none;color:inherit}
html[lang="th"] h1,html[lang="th"] h2,html[lang="th"] h3{line-height:1.25;letter-spacing:0}
html[dir="rtl"] .hero-copy,html[dir="rtl"] .world-copy,html[dir="rtl"] .tech-copy,html[dir="rtl"] .form-box,html[dir="rtl"] .modal-story-content{direction:rtl;text-align:right}
html[dir="rtl"] .language-menu,html[dir="rtl"] .menu-language-list,html[dir="rtl"] .lightbox-caption{direction:rtl}
html[dir="rtl"] .language-menu a,html[dir="rtl"] .menu-language-list a{text-align:right}
html[dir="rtl"] .direct-phone,html[dir="rtl"] input[type="tel"],html[dir="rtl"] .counter,html[dir="rtl"] .arrows,html[dir="rtl"] .iti{direction:ltr}
html[dir="rtl"] .hero-art,html[dir="rtl"] .gallery-strip,html[dir="rtl"] .lightbox{direction:ltr}
html[dir="rtl"] .hero-copy>p{margin-left:auto;margin-right:0}
@media(min-width:701px){html[dir="rtl"] .hero-copy .hero-actions{direction:ltr}}

/* Spatial explorer: the original entrance plan, projected as a luminous surface. */
.holo-section{padding-top:50px;padding-bottom:90px}
.holo-stage{position:relative;isolation:isolate;border:1px solid #83f4ec38;border-radius:24px;padding:25px;background:radial-gradient(ellipse at 32% 48%,#163e5140,transparent 64%),linear-gradient(145deg,#101c2b,#080d18 70%);box-shadow:inset 0 0 75px #83f4ec06,0 25px 100px #0003}
.holo-stage:before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background-image:linear-gradient(#83f4ec08 1px,transparent 1px),linear-gradient(90deg,#83f4ec08 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(90deg,#000,transparent)}
.holo-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--cyan);font-size:11px;letter-spacing:.1em;padding-bottom:20px;border-bottom:1px solid #83f4ec20}
.holo-topline i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);margin-inline-end:8px}
.holo-system{font-family:monospace;white-space:nowrap;color:#829bac}.holo-system b{color:var(--cyan);margin-left:15px}
.holo-workspace{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(290px,1fr);gap:42px;align-items:center;min-height:465px;direction:ltr}
.holo-map-area{min-width:0;padding-top:20px;position:relative}.holo-map{position:relative;aspect-ratio:2078/942;transform:perspective(1300px) rotateX(12deg);transform-origin:center;filter:drop-shadow(0 20px 22px #3ad5dc14)}
.holo-map>img{width:100%;height:auto;opacity:.8;filter:grayscale(1) sepia(.7) hue-rotate(120deg) saturate(2) brightness(1.35);pointer-events:none}
.holo-scan{position:absolute;inset:0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.holo-scan:after{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#9dfffc70,transparent);box-shadow:0 0 20px 4px #70ffee22;animation:holo-scan 8s linear infinite}
.holo-point{--point-color:var(--cyan);position:absolute;left:var(--x);top:var(--y);width:36px;height:36px;border:1px solid var(--point-color);border-radius:50%;transform:translate(-50%,-50%);background:#061623e8;box-shadow:0 0 0 5px #83f4ec12,0 0 20px #83f4ec44;color:var(--point-color);display:grid;place-items:center;padding:0;font:11px monospace;z-index:2;transition:box-shadow .2s,background .2s,scale .2s}
.holo-point:before{content:'';position:absolute;inset:-7px;border:1px dashed #83f4ec65;border-radius:50%;transition:transform .5s}
.holo-point:hover,.holo-point.is-active{background:var(--cyan);color:#061820;box-shadow:0 0 0 8px #83f4ec18,0 0 30px #83f4ec77;z-index:3}.holo-point.is-active:before{transform:rotate(90deg) scale(1.12)}
.holo-map-foot{display:flex;justify-content:space-between;gap:14px;padding:28px 0 10px;font-size:11px;color:#92b1bf}.holo-map-foot>span:last-child{font-family:monospace;color:var(--cyan);white-space:nowrap}
.holo-dock{position:relative;min-height:405px;display:grid;align-items:center;z-index:3;direction:inherit}
.holo-idle{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#b8cbd6;min-height:360px;padding:30px;border:1px dashed #83f4ec26;border-radius:14px}
.holo-idle p{font-size:17px;max-width:220px;line-height:1.5;margin-bottom:12px}.holo-idle small{color:#839aa9;max-width:230px;line-height:1.65}
.holo-reticle{width:88px;height:88px;display:grid;place-items:center;border:1px solid #83f4ec40;border-radius:50%;position:relative;color:var(--cyan);margin-bottom:15px;box-shadow:0 0 45px #83f4ec0a}.holo-reticle i{position:absolute;inset:10px;border:1px dashed #83f4ec70;border-radius:50%;animation:orbit 30s linear infinite}.holo-reticle b{font:28px monospace;font-weight:normal}
.holo-preview{width:100%;padding:18px;background:linear-gradient(135deg,#142a3bee,#0b1322fa);border:1px solid #8cfff1a0;border-radius:16px;box-shadow:0 0 40px #66f0ee15,inset 0 0 20px #66f0ee07;position:relative;opacity:1;transform:translateY(0);transition:opacity .24s,transform .24s;backdrop-filter:blur(16px)}
.holo-preview[hidden],.holo-idle[hidden]{display:none}.holo-preview.is-arriving{opacity:0;transform:translateY(12px)}
.holo-preview:after{content:'';position:absolute;top:-1px;inset-inline-start:24px;width:72px;height:2px;background:#befff8;box-shadow:0 0 16px #8cfff1;pointer-events:none}
.holo-preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.holo-close{border:0;background:none;font-size:24px;line-height:1;padding:0 4px;color:#9bc5d0}
.holo-picture{display:block;position:relative;width:100%;padding:0;border:1px solid #83f4ec25;background:#060e19;border-radius:8px;overflow:hidden;cursor:zoom-in}.holo-picture img{width:100%;height:auto;aspect-ratio:1505/847;object-fit:contain}.holo-picture>span{position:absolute;bottom:8px;right:8px;background:#0a172be6;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:var(--cyan)}
.holo-preview h3{font-size:23px;line-height:1.2;letter-spacing:-.025em;margin:19px 0 10px}.holo-preview>p{font-size:12px;line-height:1.7;color:#bacbd5;margin:0 0 18px}.holo-read{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;padding:12px 0 0;background:none;border:0;border-top:1px solid #83f4ec24;font-size:11px;color:var(--cyan);text-align:start}
.holo-beam{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:2;opacity:0;transition:opacity .15s}.holo-stage.is-connected .holo-beam{opacity:1}.holo-beam path{fill:none;stroke:#a6fff4;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.holo-beam .holo-beam-glow{stroke-width:5;stroke:#83f4ec45;filter:blur(3px)}.holo-beam circle{fill:#c0fff7;filter:drop-shadow(0 0 7px #83f4ec)}
.holo-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-top:1px solid #83f4ec20;padding-top:20px;margin-top:8px}.holo-index button{display:flex;align-items:center;gap:10px;padding:12px 14px;text-align:start;border:1px solid #83f4ec20;border-radius:8px;background:#111f2c88;font-size:12px;transition:border-color .2s,background .2s}.holo-index small{font:10px monospace;color:#7693a3}.holo-index button>span{margin-inline-start:auto;color:#718c9c}.holo-index button:hover,.holo-index button.is-active{border-color:#83f4ec8a;background:#173438;color:var(--cyan)}
.holo-note{margin-top:16px;max-width:850px}.holo-dialog{width:min(1160px,calc(100vw - 40px));max-width:none;padding:0;border:1px solid #83f4ec70;border-radius:20px;overflow:auto;background:#0b1421;color:var(--ink);box-shadow:0 0 100px #68eae325}.holo-dialog::backdrop{background:#020611dc;backdrop-filter:blur(8px)}.holo-dialog-media{background:#050b14;padding:30px 30px 0}.holo-dialog-media img{width:100%;max-height:65vh;object-fit:contain}.holo-dialog-copy{padding:28px 36px 34px}.holo-dialog-copy h2{font-size:clamp(26px,3vw,40px);margin:12px 0}.holo-dialog-copy p{font-size:16px;line-height:1.7;max-width:800px}.holo-dialog-copy small{color:var(--muted);line-height:1.5;display:block}.holo-dialog .close{z-index:2;background:#0a1423e8;border:1px solid #83f4ec50}
.tech-image{display:flex;flex-direction:column;justify-content:center;gap:14px}.tech-image img{aspect-ratio:auto;height:auto;object-fit:contain;border-radius:14px}.tech-image .signal{position:relative;left:auto;right:auto;bottom:auto;width:100%;max-width:none;margin:0;box-shadow:none}.world-visual img{object-fit:contain;background:#090f1b}
html[dir="rtl"] .holo-preview{direction:rtl;text-align:right}
@keyframes holo-scan{from{transform:translateY(0)}to{transform:translateY(380px)}}
@media(max-width:1000px){.holo-stage{padding:18px}.holo-workspace{gap:25px;grid-template-columns:minmax(0,1.35fr) minmax(260px,1fr)}.holo-point{width:29px;height:29px;font-size:10px}.holo-point:before{inset:-5px}.holo-index button{font-size:11px;padding:11px 9px}}
@media(max-width:700px){.holo-section{padding-top:25px;padding-bottom:65px}.holo-stage{padding:15px;border-radius:17px}.holo-workspace{grid-template-columns:1fr;gap:12px;min-height:0}.holo-map-area{padding:38px 2px 0}.holo-map{transform:none}.holo-map-foot{padding-top:25px;font-size:10px}.holo-dock{min-height:0}.holo-idle{min-height:115px;padding:20px;flex-direction:row;gap:15px;flex-wrap:wrap}.holo-idle p{margin:0;max-width:170px;font-size:13px}.holo-idle small{display:none}.holo-reticle{width:46px;height:46px;margin:0}.holo-topline{font-size:9px;letter-spacing:.03em}.holo-point{width:28px;height:28px;font-size:9px}.holo-point:before{inset:-3px}.holo-index{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:14px}.holo-index button{font-size:10px;min-height:44px}.holo-preview{padding:15px}.holo-preview h3{font-size:24px}.holo-preview>p{font-size:13px}.holo-beam{z-index:2}.holo-dialog{width:calc(100vw - 20px);border-radius:12px}.holo-dialog-media{padding:45px 10px 0}.holo-dialog-copy{padding:22px}.holo-dialog-copy p{font-size:14px}.holo-system{font-size:9px}}
body.still .holo-scan:after,body.still .holo-reticle i{animation:none}
@media(prefers-reduced-motion:reduce){.holo-scan:after,.holo-reticle i{animation:none}.holo-preview,.holo-beam,.holo-point:before{transition:none}}

/* The spectral header surface and its content-grid alignment live in
   spectral.css; the base stylesheet keeps .top as a reusable flex layout. */