:root{--night:#050913;--navy:#0b1424;--panel:rgba(8,14,25,.9);--line:rgba(221,186,111,.22);--gold:#d9b66f;--gold2:#f4d699;--text:#f7f4ee;--muted:#9ba4b5;--blue:#36b9ff;--purple:#a659ff;--safe:env(safe-area-inset-bottom)}
*{box-sizing:border-box}html{background:var(--night);scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,#111a31 0,var(--night) 42%);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh}button,a,input{font:inherit}button,a{tap-highlight-color:transparent}.topbar{height:86px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(7,13,25,.94);backdrop-filter:blur(18px);position:relative;z-index:20}.brand{display:flex;gap:14px;align-items:center;color:var(--text);text-decoration:none}.brand-mark{width:45px;height:45px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--gold2);font-size:25px;box-shadow:0 0 25px rgba(87,75,255,.25)}.brand strong{font-family:Cinzel,serif;color:var(--gold2);font-size:clamp(18px,2.2vw,30px);letter-spacing:.08em;font-weight:500;display:block}.brand small{font-size:10px;color:var(--muted);letter-spacing:.16em;text-transform:uppercase}.top-actions{display:flex;gap:10px;align-items:center}.credit,.icon-button,.profile{height:44px;border:1px solid var(--line);color:var(--gold2);background:#0c1321;display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}.credit{gap:10px;padding:0 15px;border-radius:24px}.credit b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#111;font-size:11px}.icon-button{width:44px;border-radius:50%;font-weight:700;font-size:12px}.profile{width:44px;border-radius:50%;background:linear-gradient(145deg,var(--gold2),#a98543);color:#12100b;font-weight:800}.world-view{height:calc(100vh - 86px);min-height:650px;position:relative;overflow:hidden}.face-panel,.planet-wrap{height:100%}.planet-wrap{position:relative;background:#02050b;overflow:hidden}.planet{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.08) contrast(1.04);user-select:none}.planet-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,6,13,.08),rgba(3,6,13,.05) 45%,rgba(3,6,13,.78) 76%,#03060d 100%),linear-gradient(0deg,rgba(3,6,13,.6),transparent 45%);pointer-events:none}.planet-copy{position:absolute;z-index:2;left:clamp(24px,5vw,80px);bottom:clamp(34px,7vh,90px);max-width:620px;text-shadow:0 2px 24px #000}.eyebrow{color:#74cfff;font-size:12px;letter-spacing:.22em;font-weight:700;text-transform:uppercase}.planet-copy h1,.island-hero h2,.earth-copy h2{font-family:Cinzel,serif;font-size:clamp(38px,5vw,74px);line-height:1.02;font-weight:500;margin:16px 0}.planet-copy>p:last-child{color:#c1c8d5;line-height:1.65;max-width:560px}.view-switch{position:absolute;z-index:11;top:24px;left:clamp(18px,4vw,64px);background:rgba(5,9,17,.8);backdrop-filter:blur(15px);padding:5px;border:1px solid var(--line);border-radius:30px;display:flex}.switch-button{border:0;padding:10px 18px;border-radius:24px;background:transparent;color:var(--muted);cursor:pointer}.switch-button.active{background:linear-gradient(135deg,#9b783f,var(--gold2));color:#111;font-weight:700}.explorer{position:absolute;z-index:10;right:clamp(18px,3vw,42px);top:84px;bottom:28px;width:min(390px,34vw);border:1px solid var(--line);border-radius:26px;background:var(--panel);backdrop-filter:blur(18px);display:flex;flex-direction:column;box-shadow:0 30px 80px rgba(0,0,0,.4);overflow:hidden}.explorer-head{display:flex;justify-content:space-between;align-items:center;padding:23px 24px 16px}.explorer-head strong{display:block;font-family:Cinzel,serif;font-size:22px;margin-top:5px}.close-button{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--gold);font-size:22px;cursor:pointer}.search-box{margin:0 18px 14px;display:flex;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.15);border-radius:15px;background:#0b111d;padding:0 14px}.search-box span{font-size:25px;color:var(--muted)}.search-box input{width:100%;height:50px;background:transparent;border:0;outline:0;color:white;font-size:16px}.island-list{overflow:auto;padding:0 10px;scrollbar-color:#584b33 transparent}.island-item{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.055);background:transparent;color:#d9dee9;display:flex;align-items:center;gap:13px;padding:13px 12px;text-align:left;cursor:pointer;border-radius:12px}.island-item:hover,.island-item.selected{background:rgba(255,255,255,.07);color:white}.island-dot{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#eee,var(--color) 36%,#07101f 70%);box-shadow:0 0 14px color-mix(in srgb,var(--color),transparent 45%);flex:none}.island-item span:nth-child(2){font-weight:600;flex:1}.island-item small{color:var(--muted)}.help{margin:auto 0 0;padding:15px 22px;border-top:1px solid rgba(255,255,255,.08);color:var(--muted);font-size:12px}.open-list{position:absolute;z-index:12;right:28px;top:90px;border:1px solid var(--line);border-radius:25px;background:#080e19;color:var(--gold2);padding:13px 20px;cursor:pointer}.island-pin{position:absolute;z-index:3;border:1px solid var(--line);background:rgba(4,7,13,.75);backdrop-filter:blur(7px);color:white;border-radius:24px;padding:9px 15px;cursor:pointer;box-shadow:0 8px 25px rgba(0,0,0,.3)}.island-pin:hover{border-color:var(--gold);transform:translateY(-2px)}.pin-1{left:37%;top:48%}.pin-2{left:24%;top:36%}.pin-3{left:15%;top:58%}.pin-4{left:42%;top:28%}.pin-5{left:30%;top:71%}.pin-6{left:50%;top:61%}.earth-panel{height:100%;position:relative;background:#07101d}.earth-panel iframe{width:100%;height:100%;border:0;filter:brightness(.72) saturate(.75) contrast(1.08)}.earth-copy{position:absolute;left:clamp(24px,5vw,80px);bottom:clamp(25px,6vh,70px);z-index:3;max-width:590px;padding:25px;background:rgba(5,9,17,.82);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:22px}.earth-copy h2{font-size:clamp(32px,4vw,58px);margin:10px 0}.earth-copy p{color:#c0c7d4;line-height:1.6}.gold-button{display:inline-flex;padding:14px 20px;margin-top:8px;background:linear-gradient(135deg,#a37b3b,var(--gold2));color:#100e0b;text-decoration:none;border-radius:28px;font-weight:700}.island-view{min-height:calc(100vh - 86px);padding:clamp(24px,5vw,72px);background:radial-gradient(circle at 80% 15%,rgba(76,43,148,.3),transparent 34%),var(--night)}.back-button{background:transparent;color:var(--gold2);border:1px solid var(--line);border-radius:24px;padding:11px 18px;cursor:pointer}.island-hero{min-height:340px;display:grid;grid-template-columns:1fr 330px;align-items:center;gap:50px;border-bottom:1px solid var(--line)}.island-hero h2{font-size:clamp(48px,7vw,96px);margin:12px 0}.island-hero>div>p:last-child{color:#b4bdcc;max-width:700px;font-size:18px;line-height:1.7}.island-orbit{width:280px;height:280px;border-radius:50%;border:1px solid rgba(217,182,111,.4);position:relative;box-shadow:inset 0 0 55px rgba(67,39,150,.5),0 0 80px rgba(52,173,255,.12)}.island-orbit span{position:absolute;inset:45px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#f4e7c5,#6042aa 25%,#0b1b38 65%);box-shadow:0 0 60px rgba(95,95,255,.5)}.island-orbit i{position:absolute;width:36px;height:36px;border-radius:50%;background:var(--gold2);left:5px;top:95px;box-shadow:0 0 25px var(--gold)}.building-title{display:flex;justify-content:space-between;align-items:end;padding:45px 0 22px}.building-title span{font-family:Cinzel,serif;color:var(--gold2);font-size:24px}.building-title p{color:var(--muted);margin:0}.building-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.building-card{min-height:220px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(145deg,rgba(14,24,43,.92),rgba(7,11,21,.95));padding:25px;display:flex;flex-direction:column;position:relative;overflow:hidden}.building-card:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-35px;top:-35px;background:radial-gradient(circle,var(--accent),transparent 68%);opacity:.25}.building-card small{color:var(--accent);text-transform:uppercase;letter-spacing:.15em}.building-card h3{font-family:Cinzel,serif;font-size:24px;margin:13px 0 8px}.building-card p{color:var(--muted);line-height:1.55;margin:0 0 22px}.building-card a{margin-top:auto;align-self:flex-start;color:var(--gold2);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:4px}.building-card .coming{margin-top:auto;color:#7d8798;font-size:13px}footer{min-height:120px;border-top:1px solid var(--line);padding:35px clamp(24px,5vw,72px);display:flex;align-items:center;gap:25px;color:var(--muted)}footer span{font-family:Cinzel,serif;color:var(--gold2);font-size:20px}footer p{flex:1}footer a{color:var(--gold2);text-decoration:none}
:focus-visible{outline:3px solid var(--gold2);outline-offset:3px}body.tv-mode{font-size:115%}body.tv-mode .topbar{height:106px}body.tv-mode .world-view{height:calc(100vh - 106px)}body.tv-mode .explorer{width:450px}body.tv-mode .island-item{padding:17px 15px}body.tv-mode .gold-button,body.tv-mode button{min-height:52px}
@media(max-width:900px){.topbar{height:72px;padding:0 15px}.brand small{display:none}.credit span{display:none}.credit{padding:0 7px}.world-view{height:calc(100svh - 72px);min-height:620px}.planet{object-position:35% center}.planet-wrap:after{background:linear-gradient(0deg,#03060d 0,transparent 56%)}.planet-copy{bottom:150px;max-width:88%}.planet-copy h1{font-size:37px}.planet-copy>p:last-child{font-size:14px}.island-pin{display:none}.explorer{top:auto;left:12px;right:12px;bottom:calc(12px + var(--safe));width:auto;height:122px;border-radius:22px}.explorer.expanded{height:min(72vh,650px)}.explorer:not(.expanded) .search-box,.explorer:not(.expanded) .island-list,.explorer:not(.expanded) .help{display:none}.explorer-head{padding:18px 20px}.explorer:not(.expanded) .close-button:after{content:"Open";font-size:12px}.explorer:not(.expanded) .close-button{width:65px}.view-switch{top:14px;left:14px}.earth-copy{left:12px;right:12px;bottom:20px;max-width:none;padding:18px}.earth-copy h2{font-size:30px}.explorer.{display:none}.island-hero{grid-template-columns:1fr;min-height:480px}.island-orbit{display:none}.building-title{display:block}.building-title p{margin-top:10px}.building-grid{grid-template-columns:1fr}.island-view{padding:25px 18px}.island-hero h2{font-size:48px}footer{display:block}footer p{font-size:13px}.top-actions{gap:6px}}
@media(min-width:1600px){body{font-size:18px}.topbar{height:110px}.world-view{height:calc(100vh - 110px)}.explorer{width:480px;top:110px}.island-item{padding:18px 16px}.planet-copy{max-width:780px}.planet-copy h1{font-size:82px}}

.earth-markers{position:absolute;z-index:4;right:clamp(18px,3vw,42px);top:90px;width:250px;padding:16px;background:rgba(5,9,17,.86);border:1px solid var(--line);border-radius:18px;backdrop-filter:blur(14px)}
.earth-markers span{display:block;color:var(--gold2);font-family:Cinzel,serif;margin-bottom:10px}
.earth-markers button{width:100%;text-align:left;padding:10px 12px;border:0;border-top:1px solid rgba(255,255,255,.08);background:transparent;color:#d4dae5;cursor:pointer}
.earth-markers button:hover{color:white;background:rgba(255,255,255,.06)}
.earth-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap}
.atlas-link{color:var(--gold2);text-underline-offset:4px}
@media(max-width:900px){.earth-markers{top:82px;right:12px;width:190px}.earth-markers span{font-size:12px}.earth-markers button{padding:8px 9px;font-size:12px}}

/* One real Earth: the complete FaceWorld lives on a single rotating planet. */
.earth-panel{height:100%;position:relative;background:radial-gradient(circle at 64% 46%,#10294f 0,#050913 45%,#010205 100%);overflow:hidden}
.real-globe-stage{position:absolute;inset:0;display:grid;place-items:center;padding-left:min(30vw,460px);perspective:1400px}
.real-globe{--earth-x:38%;--earth-scale:1;width:min(64vw,76vh);aspect-ratio:1;border-radius:50%;position:relative;background-image:url('https://threejs.org/examples/textures/planets/earth_atmos_2048.jpg');background-size:200% 100%;background-position:var(--earth-x) center;box-shadow:inset -75px -35px 110px #000,inset 25px 12px 35px rgba(255,255,255,.12),0 0 48px rgba(69,151,255,.42),0 0 130px rgba(39,89,173,.2);transform:scale(var(--earth-scale));transition:transform .15s ease;cursor:grab;touch-action:none;animation:earthSpin 65s linear infinite}
.real-globe:active{cursor:grabbing}.real-globe.user-control{animation:none}
.real-globe:before{content:"";position:absolute;inset:-2%;border-radius:50%;background:radial-gradient(circle at 32% 28%,transparent 0 45%,rgba(1,4,12,.16) 64%,rgba(0,0,0,.88) 94%);pointer-events:none;z-index:2}
.atmosphere{position:absolute;inset:-1.5%;border-radius:50%;border:2px solid rgba(127,199,255,.48);box-shadow:inset 0 0 18px rgba(93,183,255,.45),0 0 26px rgba(67,143,255,.4);z-index:3;pointer-events:none}
.earth-gateway{position:absolute;z-index:5;color:white;border:1px solid rgba(244,214,153,.55);border-radius:18px;background:rgba(4,8,15,.84);padding:6px 9px;cursor:pointer;white-space:nowrap;box-shadow:0 8px 20px rgba(0,0,0,.45);font-size:11px}
.earth-gateway i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--gold2);margin-right:7px;box-shadow:0 0 12px var(--gold2)}
.gateway-atlantic{left:48%;top:38%}.gateway-pacific{left:13%;top:49%}.gateway-indian{left:60%;top:61%}.gateway-arctic{left:43%;top:13%}
.rotate-hint{position:absolute;left:62%;bottom:24px;transform:translateX(-50%);color:#b9c4d5;background:rgba(5,9,17,.68);border:1px solid var(--line);border-radius:20px;padding:9px 15px;font-size:12px;letter-spacing:.06em;white-space:nowrap}
.earth-copy{z-index:6;max-width:570px}.earth-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.atlas-link{color:var(--gold2);text-underline-offset:4px}
@keyframes earthSpin{from{background-position:0 center}to{background-position:200% center}}
@media(max-width:900px){.real-globe-stage{padding:0 0 185px}.real-globe{width:min(88vw,58vh)}.earth-copy{bottom:16px}.rotate-hint{bottom:205px;left:50%;transform:translateX(-50%)}.earth-gateway{font-size:10px;padding:5px 7px}}

.real-globe.webgl-ready{background:none;animation:none;box-shadow:none;transform:none;overflow:visible}
.real-globe canvas{position:absolute;inset:0;width:100%!important;height:100%!important;z-index:1;filter:drop-shadow(0 0 32px rgba(68,145,255,.38))}
.real-globe.webgl-ready:before{display:none}.real-globe.webgl-ready .atmosphere{display:none}
.real-globe .earth-gateway{left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--globe-zoom,1));transition:opacity .18s ease,filter .2s ease;z-index:8}
.tv-entry{height:44px;display:flex;align-items:center;padding:0 16px;border:1px solid rgba(239,90,183,.45);border-radius:24px;background:linear-gradient(135deg,rgba(130,30,99,.5),rgba(20,18,48,.8));color:#ffd9f0;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.08em}
.island-name-wrap{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.island-name-wrap b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.island-name-wrap em{font-style:normal;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.no-results{padding:20px;color:var(--muted);font-size:13px;line-height:1.55}
.directory-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:0 18px 12px;padding:4px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:#080e18}.directory-tabs button{border:0;border-radius:9px;background:transparent;color:var(--muted);padding:9px;cursor:pointer;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.directory-tabs button.active{background:rgba(217,182,111,.15);color:var(--gold2)}
.partner-gateway{border-color:rgba(255,94,177,.75)!important}.partner-gateway i{background:#ff5eb1!important;box-shadow:0 0 14px #ff5eb1!important}.partner-card-large{min-height:calc(100vh - 210px);display:flex;flex-direction:column;justify-content:center;max-width:900px;margin:auto}.partner-card-large h2{font-family:Cinzel,serif;font-size:clamp(48px,8vw,110px);line-height:1;margin:18px 0}.partner-address{font-size:clamp(20px,2.4vw,32px);color:#c7cfdb;line-height:1.5;max-width:760px}.partner-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:22px}.outline-button{display:inline-flex;padding:14px 20px;margin-top:8px;border:1px solid var(--line);color:var(--gold2);text-decoration:none;border-radius:28px;font-weight:700}.verified-note{color:#74c7a2;margin-top:28px;font-size:13px}.partner-list-address{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}
.virtual-island-gateway{width:84px;height:66px;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible;white-space:normal;display:grid;place-items:center}
.orbital-island{display:block;position:relative;width:66px;height:43px;overflow:hidden;clip-path:polygon(11% 29%,25% 8%,50% 2%,76% 12%,95% 35%,91% 66%,68% 92%,39% 96%,14% 76%,3% 50%);border-radius:45%;filter:drop-shadow(0 0 7px #48a8ff) drop-shadow(0 4px 5px #000);transition:transform .2s ease,filter .2s ease}
.orbital-island:after{content:"";position:absolute;inset:0;border:1px solid rgba(101,194,255,.85);border-radius:45%}
.orbital-island img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.18) brightness(1.12) contrast(1.08)}
.virtual-island-gateway strong{position:absolute;top:49px;left:50%;transform:translateX(-50%);min-width:max-content;max-width:132px;padding:3px 7px;border:1px solid rgba(72,168,255,.58);border-radius:10px;background:rgba(2,7,16,.88);color:#eaf7ff;font-size:8px;line-height:1.15;letter-spacing:.02em;text-shadow:0 1px 5px #000}
.virtual-island-gateway:hover .orbital-island,.virtual-island-gateway:focus-visible .orbital-island{transform:scale(1.22);filter:drop-shadow(0 0 11px #77caff) drop-shadow(0 5px 7px #000)}
.virtual-island-gateway.focused .orbital-island{filter:drop-shadow(0 0 15px #fff) drop-shadow(0 0 18px #48a8ff);transform:scale(1.13)}
@media(max-width:640px){.tv-entry{width:42px;padding:0;font-size:0;justify-content:center}.tv-entry:first-letter{font-size:14px}}
@media(max-width:900px){.virtual-island-gateway{width:64px;height:52px;padding:0}.orbital-island{width:50px;height:33px}.virtual-island-gateway strong{top:38px;font-size:7px;max-width:100px}}

/* Technology Island cinematic panorama */
#islandPanorama[hidden],.island-hero[hidden]{display:none}
.island-panorama{position:relative;margin:20px 0 0;min-height:calc(100svh - 150px);border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#061126;box-shadow:0 35px 90px rgba(0,0,0,.5)}
.island-panorama>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.island-panorama:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,7,17,.62),transparent 30%,rgba(1,4,10,.4) 75%,rgba(1,4,10,.82));pointer-events:none}
.panorama-heading{position:absolute;z-index:3;left:clamp(22px,4vw,58px);top:clamp(20px,4vw,52px);max-width:650px;text-shadow:0 3px 22px #000}
.panorama-heading h2{font-family:Cinzel,serif;font-size:clamp(38px,5vw,74px);line-height:1;margin:10px 0}.panorama-heading>p:last-child{color:#d2dae7;line-height:1.55;max-width:590px}
.panorama-hotspots{position:absolute;inset:0;z-index:4}.panorama-hotspots button{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);border:1px solid rgba(244,214,153,.7);border-radius:22px;background:rgba(4,9,19,.8);color:#fff;padding:8px 13px;cursor:pointer;white-space:nowrap;box-shadow:0 8px 28px #000;backdrop-filter:blur(8px)}
.panorama-hotspots button:hover,.panorama-hotspots button:focus-visible{background:#101c34;border-color:#fff;transform:translate(-50%,-54%)}.panorama-hotspots i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#57c8ff;margin-right:7px;box-shadow:0 0 16px #57c8ff}
.panorama-hotspots .central-building{padding:12px 18px;border-color:#fff;background:rgba(4,12,25,.9);font-family:Cinzel,serif;font-size:14px;box-shadow:0 0 0 3px rgba(72,168,255,.2),0 0 34px rgba(72,168,255,.7)}
.panorama-help{position:absolute;z-index:3;bottom:18px;left:50%;transform:translateX(-50%);margin:0;padding:8px 14px;border-radius:18px;background:rgba(3,8,17,.72);color:#dbe8f9;font-size:12px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
@media(max-width:900px){.island-panorama{min-height:68vh;margin-top:16px;border-radius:20px}.panorama-heading{left:18px;right:18px;top:18px}.panorama-heading h2{font-size:38px}.panorama-heading>p:last-child{font-size:13px;line-height:1.45}.panorama-hotspots button{font-size:0;width:30px;height:30px;padding:0;border-radius:50%}.panorama-hotspots i{margin:0}.panorama-help{bottom:12px}.island-panorama>img{object-position:center}}

/* Large touch targets: every project card behaves as one complete link. */
.building-card{cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;touch-action:manipulation}
.building-card:hover,.building-card:focus-within{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 18px 45px rgba(0,0,0,.35)}
.building-card>a:after{content:"";position:absolute;inset:0;z-index:5}
.earth-gateway{touch-action:manipulation}

/* Every website island has its own architectural landmark and exact island name. */
.building-card{padding-top:0}.landmark{height:210px;margin:0 -25px 24px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 100%,color-mix(in srgb,var(--accent),transparent 52%),transparent 58%),linear-gradient(#06101e,#0a1730);border-bottom:1px solid color-mix(in srgb,var(--accent),transparent 45%)}
.landmark:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.08) 19%,transparent 20% 60%,rgba(255,255,255,.07) 61%,transparent 62%),radial-gradient(circle at 20% 22%,#fff 0 1px,transparent 2px),radial-gradient(circle at 78% 17%,#fff 0 1px,transparent 2px);opacity:.8}
.tower{position:absolute;bottom:34px;background:linear-gradient(100deg,#081221 0,#183353 46%,#091421 48%,#24466b 72%,#09101c 100%);border:1px solid color-mix(in srgb,var(--accent),#fff 18%);box-shadow:0 0 22px color-mix(in srgb,var(--accent),transparent 62%)}
.tower:after{content:"";position:absolute;inset:8px;background:repeating-linear-gradient(0deg,transparent 0 12px,color-mix(in srgb,var(--accent),#fff 20%) 13px 15px),repeating-linear-gradient(90deg,transparent 0 18px,rgba(255,255,255,.18) 19px 21px);opacity:.7}
.tower-main{width:38%;height:150px;left:31%;clip-path:polygon(12% 10%,30% 10%,36% 0,64% 0,70% 10%,88% 10%,100% 100%,0 100%)}
.tower-left{width:22%;height:104px;left:10%;clip-path:polygon(16% 16%,84% 0,100% 100%,0 100%)}.tower-right{width:22%;height:104px;right:10%;clip-path:polygon(16% 0,84% 16%,100% 100%,0 100%)}
.tower-main i{display:none}.landmark-sign{position:absolute;z-index:3;left:6%;right:6%;bottom:7px;min-height:27px;display:flex;align-items:center;justify-content:center;text-align:center;padding:4px 10px;border:1px solid color-mix(in srgb,var(--accent),#fff 25%);border-radius:8px;background:rgba(3,7,14,.9);color:#fff;font-family:Cinzel,serif;font-size:clamp(10px,1.2vw,15px);letter-spacing:.07em;text-transform:uppercase;text-shadow:0 0 14px var(--accent)}
.architecture-2 .tower-main{width:46%;left:27%;height:165px;clip-path:polygon(38% 0,62% 0,68% 14%,92% 22%,100% 100%,0 100%,8% 22%,32% 14%)}
.architecture-2 .tower-left,.architecture-2 .tower-right{height:82px;width:27%}
.architecture-3 .tower-main{width:52%;left:24%;height:142px;border-radius:48% 48% 5px 5px;clip-path:none}.architecture-3 .tower-left{height:125px;left:7%;transform:skewY(-8deg)}.architecture-3 .tower-right{height:125px;right:7%;transform:skewY(8deg)}
.architecture-4 .tower-main{width:30%;left:35%;height:175px;clip-path:polygon(50% 0,64% 17%,100% 21%,86% 100%,14% 100%,0 21%,36% 17%)}.architecture-4 .tower-left,.architecture-4 .tower-right{width:30%;height:92px;border-radius:28px 28px 0 0}
.architecture-5 .tower-main{width:54%;left:23%;height:128px;clip-path:polygon(0 24%,17% 24%,25% 0,75% 0,83% 24%,100% 24%,92% 100%,8% 100%)}.architecture-5 .tower-left{height:154px;width:18%;left:12%}.architecture-5 .tower-right{height:154px;width:18%;right:12%}
.architecture-6 .tower-main{width:64%;left:18%;height:122px;border-radius:70px 70px 0 0;clip-path:none}.architecture-6 .tower-left{height:150px;width:17%;left:17%;transform:rotate(-5deg)}.architecture-6 .tower-right{height:150px;width:17%;right:17%;transform:rotate(5deg)}
.architecture-7 .tower-main{width:42%;left:29%;height:170px;clip-path:polygon(0 20%,20% 20%,28% 0,72% 0,80% 20%,100% 20%,100% 100%,0 100%)}.architecture-7 .tower-left{width:24%;height:118px;left:6%;clip-path:polygon(0 35%,100% 0,100% 100%,0 100%)}.architecture-7 .tower-right{width:24%;height:118px;right:6%;clip-path:polygon(0 0,100% 35%,100% 100%,0 100%)}
.architecture-8 .tower-main{width:58%;left:21%;height:148px;clip-path:polygon(8% 0,92% 0,100% 78%,78% 100%,22% 100%,0 78%)}.architecture-8 .tower-left,.architecture-8 .tower-right{height:95px;width:19%;border-radius:50% 50% 0 0}
@media(max-width:900px){.landmark{height:190px}.landmark-sign{font-size:12px}.building-card{min-height:430px}}