@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');
:root{--bg:#050911;--panel:#0d1420;--muted:#a2adbd;--line:#ffffff24;--red:#ed3348;--blue:#a5dcff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:#f5f7fb;font-family:'Noto Sans JP',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;width:100%}p{line-height:1.95;color:#b9c1cd}small{font-size:11px;color:#8996a9;line-height:1.7}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(32px,4vw,62px);line-height:1.35;letter-spacing:-.04em;font-weight:700;margin-bottom:30px}h3{font-size:24px;line-height:1.5}.skip{position:fixed;left:10px;top:-80px;z-index:100;background:white;color:black;padding:16px}.skip:focus{top:10px}header{height:82px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;position:absolute;width:100%;z-index:5;border-bottom:1px solid var(--line);background:#05091166}.brand{font-family:Arial,sans-serif;font-size:21px;font-weight:700;letter-spacing:.08em;display:inline-flex;gap:9px;align-items:center;white-space:nowrap}.brand i,.ring{display:inline-block;width:21px;height:21px;border:4px solid var(--red);border-radius:50%}nav{display:flex;gap:25px}nav a{font-size:12px;color:#d2d8e4}nav a:hover{color:white}.menu{display:none}.hero{position:relative;isolation:isolate;height:min(960px,100svh);min-height:650px;overflow:hidden}.hero-image{height:100%;object-fit:cover;object-position:center 65%;position:absolute;z-index:-2}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#02050aa6,transparent 37%,transparent 65%,#050911)}.hero-title{text-align:center;padding-top:130px;text-shadow:0 2px 40px #000}.eyebrow,.section-label{font-size:12px;letter-spacing:.16em;font-weight:500;color:#b8c8dd}.hero h1{font-size:clamp(38px,5vw,72px);line-height:1.3;letter-spacing:.04em;margin-bottom:18px}.hero-brand{font:16px Arial;letter-spacing:.3em;display:flex;justify-content:center;align-items:center;gap:12px;color:white}.hero-brand .ring{width:15px;height:15px;border-width:3px}.hero-bottom{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:12px;align-items:center;color:#d5e1ed}.hero-bottom b{font-size:24px;margin-left:24px}.news-strip{display:flex;gap:20px;align-items:center;padding:28px 6%;border-bottom:1px solid var(--line);font-size:13px}.news-strip a{display:flex;justify-content:space-between;flex:1}.live-dot{background:var(--red);width:7px;height:7px;border-radius:50%}.section{padding:110px 7%;max-width:1560px;margin:auto}.introduction{display:grid;grid-template-columns:1fr 2fr;gap:40px}.introduction h2{font-size:clamp(36px,5vw,70px)}.lead{font-size:20px;color:#e9edf3}.values{display:flex;gap:26px;margin:36px 0}.values span{border-bottom:1px solid #7793b4;padding-bottom:12px;font-size:14px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:45px}.section-head h2{margin-bottom:0}.section-head>p{font-size:14px}.filter{display:flex;gap:8px;margin-bottom:28px}.filter button{background:none;color:#b6c4d5;border:1px solid var(--line);padding:11px 25px;border-radius:30px;cursor:pointer;font-size:12px}.filter button.active{background:#eef3f8;color:#0a1320}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project{background:#0d1420;overflow:hidden;border-bottom:1px solid var(--line);transition:transform .35s}.project:hover{transform:translateY(-6px)}.project img{aspect-ratio:1.6;object-fit:cover;transition:transform .6s}.project:hover img{transform:scale(1.035)}.project>div{padding:28px}.project h3{margin:15px 0 10px}.project p{font-size:13px;min-height:52px}.project a{display:inline-block;font-size:12px;margin-top:12px;border-bottom:1px solid #607088;padding-bottom:8px}.tag{font-size:10px;color:var(--blue);letter-spacing:.1em}.caption{font-size:10px;color:#8390a3;margin:18px 0 0}.citizens-section{background:linear-gradient(135deg,#101725,#070c15);max-width:none}.citizen-group{max-height:650px;object-fit:contain;background:#080d15;border:1px solid var(--line)}.citizen-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:32px}.citizen-cards article{border-top:1px solid #435065;padding-top:20px}.citizen-cards span{font:12px monospace;color:#7c9bb9}.citizen-cards h3{font-size:19px;margin:18px 0 7px}.citizen-cards p{font-size:11px}.world-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.orbit-art{aspect-ratio:1;position:relative;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle,#14324d55,transparent 65%);overflow:hidden}.orbit-circle{position:absolute;width:78%;height:78%;border:1px solid #56789966;border-radius:50%;box-shadow:0 0 0 40px #223d521a,0 0 0 85px #223d5211}.orbit-circle:after{content:'';position:absolute;width:12px;height:12px;border-radius:50%;background:#90ceff;top:14%;left:12%;box-shadow:0 0 30px #90ceff}.orbit-art strong{font:700 clamp(45px,6vw,85px)/.95 Arial;letter-spacing:-.06em;z-index:1}.orbit-art strong span{display:block;font-size:45px;margin-top:15px}.location{position:absolute;font:10px Arial;letter-spacing:.2em;color:#b1cde5;background:var(--bg);padding:8px}.japan{right:5%;top:30%}.syria{left:4%;top:38%}.pakistan{bottom:15%;right:10%}.exchange-list article{border-top:1px solid var(--line);padding:30px 0 15px}.exchange-list article span{font-size:10px;color:var(--blue)}.exchange-list h3{font-size:22px;margin:12px 0}.exchange-list p{font-size:13px}.message{display:grid;grid-template-columns:1fr 1.6fr;gap:80px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.portrait{position:relative;max-width:420px}.portrait img{border-radius:50%;border:1px solid var(--line)}.message h2{font-size:clamp(28px,3vw,46px)}.message p:not(.lead){font-size:14px}.signature{margin:30px 0 10px}.signature span{font-size:22px;margin-left:20px}.timeline article{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line);padding:40px 0;align-items:center}.timeline article>div>span{font:16px Arial;color:var(--blue)}.timeline h3{margin:18px 0}.timeline p{font-size:14px}.timeline img{aspect-ratio:16/8;object-fit:cover;object-position:center}.anniversary{position:relative;min-height:690px;isolation:isolate;display:flex;align-items:center;padding:90px 8%;overflow:hidden}.anniversary>img{position:absolute;inset:0;height:100%;object-fit:cover;z-index:-2}.anniversary:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08090bf5,#08090bcc 45%,#08090b22)}.anniversary h2{font-size:clamp(42px,5vw,70px);margin:25px 0}.event-date{font:32px Arial;color:white;margin-bottom:10px}.event-date span{font:14px sans-serif}.anniversary p{color:#d5d9de}.event-copy{font-size:13px;margin:30px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:17px 26px;border:1px solid #ffffff55;border-radius:2px;font-size:13px;transition:background .2s}.button:hover{background:#ffffff22}.button.primary{background:var(--red);border-color:var(--red);color:white}.contact{text-align:center;padding-top:130px;padding-bottom:130px}.contact h2{font-size:clamp(30px,4vw,54px)}.contact p{font-size:14px}.contact .button{margin-top:20px}footer{padding:60px 7% 30px;border-top:1px solid var(--line)}footer p{font-size:12px;margin-top:20px}footer>div{display:flex;gap:25px;font-size:12px;margin:30px 0}footer small{font-size:10px}a:focus-visible,button:focus-visible{outline:2px solid #91d7ff;outline-offset:6px}[hidden]{display:none!important}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@media(min-width:1500px){.hero{height:950px}.hero-title{padding-top:150px}}@media(max-width:1000px){nav{gap:14px}nav a{font-size:10px}.brand{font-size:18px}.projects{grid-template-columns:repeat(2,1fr)}.world-layout,.message{gap:40px}.section{padding:85px 6%}.introduction{grid-template-columns:1fr 2fr}.hero{min-height:620px}.hero-image{object-fit:cover}}@media(max-width:700px){header{height:66px;padding:0 6%}.menu{display:block;background:none;border:0;color:white;font-size:11px}nav{display:none;position:absolute;top:66px;left:0;right:0;background:#080f1bf5;padding:30px;flex-direction:column;gap:25px}nav.open{display:flex}nav a{font-size:14px}.hero{height:auto;min-height:0;padding:104px 0 0;background:#050911}.hero-image{position:relative;height:auto;aspect-ratio:1.2;object-fit:cover;object-position:center;margin-top:180px}.hero-title{position:absolute;top:95px;left:0;right:0;padding-top:0}.hero h1{font-size:36px}.hero .eyebrow{font-size:11px}.hero-bottom{position:relative;left:auto;right:auto;bottom:auto;padding:18px 6%;font-size:9px}.hero-bottom a{font-size:11px}.hero-bottom b{margin-left:12px}.news-strip{padding:22px 6%;gap:10px;align-items:flex-start}.news-strip .eyebrow{display:none}.news-strip a{font-size:11px;gap:10px}.live-dot{margin-top:7px;flex-shrink:0}.section{padding:70px 6%}.introduction{display:block}.introduction>.section-label{margin-bottom:30px}.lead{font-size:17px}.introduction p{font-size:14px}.values{gap:20px}.values span{font-size:11px}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:25px;font-size:12px}.projects{grid-template-columns:1fr}.project>div{padding:25px}.project h3{font-size:24px}.project p{min-height:0}.filter button{font-size:11px;padding:10px 17px}.citizen-cards{grid-template-columns:repeat(2,1fr);gap:18px}.citizen-cards h3{font-size:16px}.citizen-cards p{font-size:10px}.world-layout,.message{display:block}.orbit-art{margin-bottom:25px}.message .portrait{max-width:220px;margin:0 auto 40px}.message h2{font-size:30px}.timeline article{display:flex;flex-direction:column;gap:20px;align-items:stretch;padding:30px 0}.timeline h3{font-size:22px}.timeline img{aspect-ratio:16/9}.anniversary{padding:70px 6%;min-height:680px}.anniversary:after{background:linear-gradient(90deg,#08090be6,#08090b88)}.anniversary h2{font-size:44px}.anniversary>img{object-position:65%}.actions{flex-direction:column;align-items:flex-start}.button{font-size:12px}.contact h2{font-size:29px}.contact p{font-size:12px}footer>div{flex-direction:column;gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}
/* A cyber nation, not a conventional company page. */
header{border-bottom-color:#ff254b55;box-shadow:0 1px 30px #ff174916}.brand i{box-shadow:0 0 15px #ff244a77}.hero-brand .ring{box-shadow:0 0 12px #ff244a,0 0 35px #ff244a88}.hero-title{position:relative;z-index:2}.hero-title h1{text-shadow:0 0 28px #58b4ff44,0 2px 40px #000}.cyber-orbit{position:absolute;left:50%;top:48%;width:68vw;height:68vw;max-width:1100px;max-height:1100px;transform:translate(-50%,-50%) rotateX(66deg) rotate(-18deg);border:2px solid #ff274e88;border-radius:50%;box-shadow:0 0 18px #ff174944,inset 0 0 18px #ff174933;pointer-events:none;z-index:0;animation:orbital 28s linear infinite}.cyber-orbit:before,.cyber-orbit:after{content:'';position:absolute;border-radius:50%;inset:-28px;border:1px dashed #51e5ff55}.cyber-orbit:after{inset:30px;border-color:#ff274e22}.scan-lines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0,transparent 5px,#4b9aff05 6px);z-index:0}.hero-bottom{z-index:3}.hero-bottom small{display:block;font:8px monospace;margin-top:8px;letter-spacing:.15em}.section-label:before{content:'◯';color:#ff3556;font-size:15px;margin-right:10px;text-shadow:0 0 10px #ff1749}.section-head h2{position:relative}.projects{position:relative}.project{border:1px solid #ffffff16;border-bottom-color:#46b6ff55;box-shadow:0 0 0 #00baff00}.project:hover{border-color:#35c9ff88;box-shadow:0 0 30px #00baff16}.project a,.news-card b{color:#a8e6ff}.button.primary{box-shadow:0 0 30px #ed334833}.contact{position:relative;isolation:isolate;overflow:hidden}.contact:before{content:'';position:absolute;z-index:-1;width:440px;height:440px;border:1px solid #ff355655;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 80px #ed334814,inset 0 0 80px #ed334814}.updates{border-top:1px solid var(--line)}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.news-card{border-bottom:1px solid var(--line);transition:transform .3s}.news-card:hover{transform:translateY(-5px)}.news-card>img{aspect-ratio:16/10;object-fit:cover}.news-card>div:not(.news-number){padding:26px 0}.news-card span{font-size:10px;color:#91d9ff}.news-card h3{font-size:23px;margin:15px 0}.news-card p{font-size:12px}.news-card b{font-size:11px;font-weight:400}.news-number{aspect-ratio:16/10;background:radial-gradient(ellipse at 50% 100%,#10516c,#081321 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #26c3ff33}.news-number strong{font:70px Arial;color:white;text-shadow:0 0 30px #45d1ff77}.news-number strong span{font-size:20px;margin:0 6px}.news-number>span{margin-top:15px}.citizen-cards{grid-template-columns:repeat(3,1fr)}.citizen-cards article{padding:0;background:#070e18;border:1px solid #ffffff18;overflow:hidden}.citizen-cards article>img{aspect-ratio:1;object-fit:cover;transition:transform .6s}.citizen-cards article:hover>img{transform:scale(1.035)}.citizen-cards article>div{padding:22px}.citizen-cards h3{font-size:21px}.citizen-cards p{font-size:12px}.citizen-cards a{font-size:11px;color:#a8e6ff}.citizen-search{display:flex;align-items:center;gap:20px;font-size:12px;margin:35px 0 0}.citizen-search input{background:#080e17;border:1px solid #536679;color:white;padding:12px 16px;border-radius:2px;font:inherit;width:250px}.citizen-search input:focus{outline:2px solid #90d9ff;outline-offset:3px}@keyframes orbital{from{transform:translate(-50%,-50%) rotateX(66deg) rotate(-18deg)}to{transform:translate(-50%,-50%) rotateX(66deg) rotate(342deg)}}@media(max-width:1000px){nav{gap:12px}}@media(max-width:700px){.hero-title{position:absolute}.cyber-orbit{top:68%;width:110vw;height:110vw}.news-grid{grid-template-columns:1fr}.news-card h3{font-size:25px}.news-number strong{font-size:80px}.citizen-cards{grid-template-columns:repeat(2,1fr);gap:12px}.citizen-cards article>div{padding:14px}.citizen-cards h3{font-size:17px}.citizen-cards p{font-size:10px}.citizen-cards span{font-size:9px}.citizen-search{align-items:flex-start;flex-direction:column;gap:10px}.citizen-search input{width:100%}.contact:before{width:350px;height:350px}}@media(prefers-reduced-motion:reduce){.cyber-orbit{animation:none}}
.globe-stage{position:relative;aspect-ratio:1.8;background:radial-gradient(ellipse at 50% 50%,#092940 0,#061221 40%,#030710 75%);border:1px solid #2ccaff33;overflow:hidden;box-shadow:inset 0 0 60px #00baff06}.globe-stage:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#0e61821a 1px,transparent 1px),linear-gradient(90deg,#0e61821a 1px,transparent 1px);background-size:50px 50px;pointer-events:none}#globe{position:relative;width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y}#globe.dragging{cursor:grabbing;touch-action:none}.globe-hud{position:absolute;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;font:10px monospace;letter-spacing:.12em;color:#7dd4ef;pointer-events:none}.globe-instruction{position:absolute;left:24px;bottom:25px;font:10px monospace;letter-spacing:.15em;color:#bbd7e6;pointer-events:none}.globe-instruction span{display:block;font:10px sans-serif;color:#6c8b9c;margin-top:8px}#globe-motion{position:absolute;right:24px;bottom:25px;border:1px solid #53bbd477;background:#06131fbb;color:#b9eeff;padding:10px 15px;font-size:11px;cursor:pointer}.flight-destinations{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.flight-destinations button{padding:12px 17px;background:none;color:#a7b7ca;border:1px solid #354559;cursor:pointer;font-size:11px}.flight-destinations button.selected{border-color:#ff3256;color:white;box-shadow:0 0 15px #ff325622}.flight-info{padding:28px 32px;border-left:2px solid var(--red);background:#0a1421}.flight-info>span{font:11px sans-serif;color:#8cdbf6}.flight-info h3{font-size:24px;margin:14px 0}.flight-info p{font-size:13px}.flight-info a{font-size:12px;color:#9ee3ff}@media(max-width:700px){.globe-stage{aspect-ratio:1}.globe-hud{font-size:8px;left:12px;right:12px;top:15px}.globe-hud span:last-child{display:none}.globe-instruction{left:12px;bottom:17px;font-size:8px}.globe-instruction span{font-size:8px}#globe-motion{font-size:9px;right:12px;bottom:15px;padding:8px}.flight-destinations{gap:7px}.flight-destinations button{font-size:10px;padding:10px}.flight-info{padding:23px}.flight-info h3{font-size:21px}}
.citizen-group{aspect-ratio:16/9}.portrait img{aspect-ratio:1}.hero-image{aspect-ratio:1672/941}
/* v2: cinematic flight starts itself; hero orbital line removed. */
#globe-view{position:absolute;right:165px;bottom:25px;border:1px solid #ffffff55;background:#06131faa;color:#d5effa;padding:10px 15px;font-size:11px;cursor:pointer}.globe-stage{border-color:#53b7df33;background:#030710}.globe-stage:before{display:none}.globe-hud{text-shadow:0 1px 8px #000}.globe-instruction{text-shadow:0 1px 8px #000}@media(max-width:700px){#globe-view{right:12px;bottom:52px;font-size:9px;padding:8px}}
/* v3: the flying nation is now the first-view image itself. */
.hero .hero-image{animation:earth-drift 38s ease-in-out infinite alternate;transform-origin:50% 52%;will-change:transform}.hero-flying-ring{position:absolute;left:46%;top:47%;width:52px;height:52px;border:4px solid #ff294a;border-radius:50%;z-index:2;box-shadow:0 0 12px #ff294a88,0 0 40px #ff294a44;animation:kingdom-flight 26s ease-in-out infinite alternate;pointer-events:none}.hero:after{background:linear-gradient(#02050a44,transparent 25%,transparent 70%,#050911cc)}.hero-controls{display:flex;align-items:center;gap:30px}.hero-controls button{background:#04091466;border:1px solid #ffffff44;padding:10px 14px;color:#d4e0ef;font:11px inherit;cursor:pointer}.hero.paused .hero-image,.hero.paused .hero-flying-ring{animation-play-state:paused}.exchange-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.exchange-grid article{border-top:1px solid #70bed855;padding:30px 0}.exchange-grid span{font-size:11px;color:#91d9ff}.exchange-grid h3{margin:18px 0;font-size:25px}.exchange-grid p{font-size:14px}@keyframes earth-drift{0%{transform:scale(1.015) translate(-.3%,.1%)}100%{transform:scale(1.085) translate(.5%,-.7%)}}@keyframes kingdom-flight{0%{transform:translate(-18vw,6vh)}35%{transform:translate(-5vw,-12vh)}70%{transform:translate(15vw,-5vh)}100%{transform:translate(21vw,13vh)}}@media(max-width:700px){.hero{padding-top:66px;height:auto;min-height:0}.hero .hero-image{position:relative;margin-top:0;aspect-ratio:1672/941;object-fit:contain;width:100%;height:auto}.hero-flying-ring{width:27px;height:27px;border-width:3px;top:44%;left:45%;animation-name:kingdom-flight-mobile}.hero-bottom{gap:15px;align-items:flex-start}.hero-bottom>span{max-width:42%;line-height:1.7}.hero-controls{gap:12px;align-items:flex-end;flex-direction:column}.hero-controls button{font-size:9px;padding:7px 10px}.hero-bottom a{font-size:10px}.exchange-grid{grid-template-columns:1fr;gap:0}.exchange-grid h3{font-size:22px}}@keyframes kingdom-flight-mobile{0%{transform:translate(-15vw,3vh)}50%{transform:translate(2vw,-4vh)}100%{transform:translate(16vw,1vh)}}@media(prefers-reduced-motion:reduce){.hero .hero-image,.hero-flying-ring{animation:none!important;will-change:auto}}
.cabinet{background:linear-gradient(135deg,#10172488,#050911);border-bottom:1px solid var(--line)}.cabinet figure{margin:0}.cabinet figure img{width:100%;max-height:680px;object-fit:contain;background:#05080d;aspect-ratio:16/9}.cabinet figcaption{font-size:10px;color:#8d9aac;line-height:1.7;margin:15px 0}.cabinet-more{display:inline-block;margin-top:15px;font-size:12px;color:#a5ddf4;border-bottom:1px solid #4c7c92;padding-bottom:8px}
/* The travelling nation is a city-scale marker, not an orbital ring. */
.hero-flying-ring{width:15px;height:15px;border-width:2px;box-shadow:0 0 8px #ff294a88,0 0 18px #ff294a22}@media(max-width:700px){.hero-flying-ring{width:9px;height:9px;border-width:1.5px}}
.future-kingdom{position:relative;background:#030812;padding:100px 0 60px;overflow:hidden;border-top:1px solid #37c5ff22}.future-heading{padding:0 7% 50px;max-width:1560px;margin:auto;position:relative;z-index:1}.future-heading h2{font-size:clamp(46px,6.7vw,100px);line-height:1.2;letter-spacing:-.035em}.future-heading p:not(.section-label){font-size:15px}.future-kingdom figure{margin:0}.future-kingdom figure img{width:100%;aspect-ratio:16/9;object-fit:cover}.future-kingdom figcaption{font-size:10px;color:#8092a9;padding:15px 7%}.future-foot{display:flex;align-items:center;gap:28px;padding:25px 7% 0;max-width:1560px;margin:auto}.future-symbol{font-size:35px;filter:drop-shadow(0 0 14px #ff214355)}.future-foot p{font-size:22px;color:#e2edf7;line-height:1.6;margin:0}.future-foot a{margin-left:auto;border-bottom:1px solid #76aaca;color:#aee4ff;font-size:13px;padding-bottom:8px}@media(max-width:700px){.future-kingdom{padding:70px 0 45px}.future-heading{padding:0 6% 25px}.future-heading h2{font-size:46px}.future-heading p:not(.section-label){font-size:12px}.future-kingdom figure img{aspect-ratio:1.3;object-position:center}.future-foot{flex-wrap:wrap;padding:20px 6% 0;gap:18px}.future-foot p{font-size:19px}.future-foot a{margin:15px 0 0;width:100%;font-size:12px}.future-kingdom figcaption{font-size:9px}}
@media(max-width:700px){.future-kingdom figure img{aspect-ratio:1063/594;object-fit:contain}}
/* v6: one JS motion clock, image-relative coordinates and lifecycle recovery. */
.hero .hero-image,.hero-flying-ring{animation:none!important}.hero-flying-ring{will-change:left,top;transform:translate3d(-50%,-50%,0);width:15px;height:15px}.hero-controls button:disabled{opacity:.8;cursor:default}@media(max-width:700px){.hero-flying-ring{width:12px;height:12px;border-width:2px;box-shadow:0 0 8px #ff294a88}}
.future-kingdom figure img{aspect-ratio:1672/941;object-fit:contain}@media(max-width:700px){.future-kingdom figure img{aspect-ratio:1672/941}}
/* v7: CSS-first motion survives unavailable JS/rAF on embedded mobile browsers. */
.hero-scene{position:absolute;inset:0;overflow:hidden;z-index:0}
.hero .hero-scene .hero-image{position:absolute;inset:0;width:100%;height:100%;margin:0;z-index:0;object-fit:cover;animation:nation-earth-v7 24s linear infinite alternate!important;animation-play-state:running!important;will-change:transform}
.hero .hero-scene .hero-flying-ring{left:49%;top:46%;width:15px;height:15px;z-index:2;animation:nation-flight-v7 12s linear infinite!important;animation-play-state:running!important;transform:translate3d(-8vw,3vw,0);will-change:transform}
.hero .scan-lines{z-index:1}.hero:after{pointer-events:none}.motion-reduced{display:none}
#motion-status{display:block;max-width:240px;font-size:10px;line-height:1.5;color:#cad9e6}
.hero-controls{gap:10px;flex-wrap:wrap}#hero-motion{min-height:44px;min-width:150px;border-color:#f86b7e;background:#0b1429dd;color:white;font-size:12px;touch-action:manipulation}
@keyframes nation-flight-v7{0%{transform:translate3d(-8vw,3vw,0)}25%{transform:translate3d(2vw,-4vw,0)}50%{transform:translate3d(13vw,-1vw,0)}75%{transform:translate3d(3vw,7vw,0)}100%{transform:translate3d(-8vw,3vw,0)}}
@keyframes nation-earth-v7{from{transform:scale(1.015) translate3d(-.4%,0,0)}to{transform:scale(1.055) translate3d(.4%,-.5%,0)}}
.hero.motion-user-paused .hero-scene .hero-image,.hero.motion-user-paused .hero-scene .hero-flying-ring,.hero.motion-offscreen .hero-scene .hero-image,.hero.motion-offscreen .hero-scene .hero-flying-ring,.hero.motion-hidden .hero-scene .hero-image,.hero.motion-hidden .hero-scene .hero-flying-ring{animation-play-state:paused!important}
@media(max-width:700px){.hero-scene{position:relative;inset:auto;aspect-ratio:1672/941;width:100%}.hero .hero-scene .hero-image{object-fit:contain;aspect-ratio:auto}.hero .hero-scene .hero-flying-ring{width:14px;height:14px;border-width:2px}.hero-controls{align-items:flex-end;gap:8px}.hero-bottom>span{max-width:36%}}
@media(prefers-reduced-motion:reduce){.hero .hero-scene .hero-image,.hero .hero-scene .hero-flying-ring{animation-play-state:paused!important}.hero.motion-explicit-play:not(.motion-user-paused):not(.motion-offscreen):not(.motion-hidden) .hero-scene .hero-image,.hero.motion-explicit-play:not(.motion-user-paused):not(.motion-offscreen):not(.motion-hidden) .hero-scene .hero-flying-ring{animation-play-state:running!important}.motion-normal{display:none}.motion-reduced{display:inline}}
/* v11: unpredictable globe-local travel; CSS-only fallback includes two jumps. */
.hero .hero-scene .hero-flying-ring{animation:var(--roam-name,nation-wander-fallback) var(--roam-duration,28s) linear var(--roam-delay,-1s) infinite!important;transform:translate(-50%,-50%);will-change:left,top}
@keyframes nation-wander-fallback{
0%,100%{left:31%;top:39%}
12%{left:58%;top:67%;animation-timing-function:ease-in-out}
25%{left:73%;top:46%;animation-timing-function:steps(1,end)}
27%{left:27%;top:65%}
39%{left:47%;top:76%;animation-timing-function:ease-in-out}
53%{left:59%;top:30%}
65%{left:35%;top:45%;animation-timing-function:steps(1,end)}
67%{left:76%;top:61%;animation-timing-function:ease-in-out}
82%{left:49%;top:47%}
}
.hero.motion-user-paused .hero-scene .hero-flying-ring,.hero.motion-offscreen .hero-scene .hero-flying-ring,.hero.motion-hidden .hero-scene .hero-flying-ring{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){
.hero .hero-scene .hero-image{animation:none!important}
.hero .hero-scene .hero-flying-ring{animation-play-state:paused!important}
.hero.motion-explicit-play:not(.motion-user-paused):not(.motion-offscreen):not(.motion-hidden) .hero-scene .hero-flying-ring{animation-play-state:running!important}
}

/* v12: section 01's defining message; all hero motion remains unchanged. */
.introduction h2{font-size:clamp(64px,8.2vw,120px);line-height:1.15;letter-spacing:.06em;margin-bottom:32px}
.introduction .lead{font-size:clamp(17px,1.8vw,25px);line-height:1.9;color:#e9edf3}
@media(max-width:700px){.introduction h2{font-size:clamp(56px,15.5vw,76px);letter-spacing:.05em;margin-bottom:26px}.introduction .lead{font-size:17px}}

/* v13: a blooming human / AI world fills section 01's left-hand space. */
.introduction{position:relative;isolation:isolate;max-width:none;grid-template-columns:1fr 1fr;gap:7%;padding:108px 7%;min-height:740px;overflow:hidden;background:#050911}
.introduction>.section-label{position:absolute;left:7%;top:35px;z-index:2;color:#e3eaf2;text-shadow:0 2px 14px #000}
.introduction-art{position:absolute;inset:0;margin:0;z-index:-1}
.introduction-art img{width:100%;height:100%;object-fit:cover;object-position:center}
.introduction-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 20%,#05091115 37%,#050911b8 50%,#050911dd 61%,#05091166),linear-gradient(0deg,#050911 0%,transparent 15%,transparent 85%,#050911bb)}
.introduction-art figcaption{position:absolute;bottom:25px;left:7%;z-index:1;color:#d0d9e3;text-shadow:0 1px 8px #000;font-size:9px;letter-spacing:.05em}
.introduction-copy{grid-column:2;align-self:center;position:relative;z-index:1}
.introduction h2{font-size:clamp(64px,7.2vw,112px);text-shadow:0 2px 32px #05091180}
.introduction .lead{font-size:clamp(18px,1.8vw,25px)}
.introduction-copy>p:not(.lead){font-size:14px;line-height:1.95;color:#c5cfdb}
@media(max-width:1000px) and (min-width:701px){.introduction{gap:5%;padding-left:6%;padding-right:6%}.introduction h2{font-size:64px;letter-spacing:.02em}.introduction .lead{font-size:17px}.introduction .values{gap:17px}}
@media(max-width:700px){
.introduction{display:flex;flex-direction:column;gap:0;min-height:0;padding:44px 6% 62px}
.introduction>.section-label{position:relative;left:auto;top:auto;margin-bottom:24px}
.introduction-art{position:relative;inset:auto;z-index:0;width:114%;height:290px;flex:none;margin:0 -7% -24px;overflow:hidden}
.introduction-art img{width:180%;max-width:none;object-fit:cover;object-position:left center}
.introduction-art:after{background:linear-gradient(0deg,#050911 0%,#05091122 24%,transparent 55%),linear-gradient(90deg,#05091122,transparent 20%,transparent 75%,#05091144)}
.introduction-art figcaption{left:7%;bottom:39px;font-size:8px}
.introduction-copy{align-self:stretch;z-index:1}
.introduction h2{font-size:clamp(56px,15.5vw,76px);letter-spacing:.05em;margin-bottom:24px}
.introduction .lead{font-size:17px}
.introduction-copy>p:not(.lead){font-size:13px}
}

/* TEAM leads; the companion projects form a three-column grid. */
#projects .projects{grid-template-columns:repeat(3,minmax(0,1fr))}
#projects .project-main{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:stretch}
#projects .project-main>img{height:100%;min-height:320px;aspect-ratio:16/9;object-fit:cover}
#projects .project-main>div{padding:clamp(28px,4vw,60px);align-self:center}
#projects .project-main h3{font-size:clamp(30px,3.4vw,48px)}
#projects .project-main p{font-size:15px;min-height:0}
#projects .project-access-note{display:block;margin-top:12px;color:#9eabba;font-size:11px}
#citizens{max-width:1560px}
#citizens .citizen-group{width:100%;max-width:100%;height:auto;max-height:none;object-fit:contain}
@media(max-width:700px){#projects .projects{grid-template-columns:minmax(0,1fr)}#projects .project-main{display:block}#projects .project-main>img{height:auto;min-height:0;aspect-ratio:16/9}#projects .project-main>div{padding:25px}#projects .project-main h3{font-size:30px}}

/* v19: the portal statement replaces the dated news strip. */


/* Free diagnosis invitation near the end of the home page. */
.diagnosis-invitation{display:flex;justify-content:space-between;align-items:center;gap:48px;padding:48px max(7%,calc((100% - 1342px)/2));border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 85% 50%,#17324a50,transparent 60%),#09121e}
.diagnosis-invitation .section-label{font-size:10px;color:#a8c5df;letter-spacing:.15em;margin-bottom:14px}
.diagnosis-invitation h2{font-size:clamp(29px,3.1vw,43px);letter-spacing:.02em;margin-bottom:14px}
.diagnosis-invitation-copy>p:last-child{font-size:13px;line-height:1.9;margin-bottom:0;color:#b9c9d9}
.diagnosis-invitation-action{flex:none;width:340px;max-width:100%;text-align:center}
.diagnosis-invitation-action>a{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:22px 25px;background:#e0c184;border:1px solid #eed7ab;color:#101b27;font-size:14px;line-height:1.7;font-weight:700;transition:background .2s,transform .2s}
.diagnosis-invitation-action>a>span{font-size:24px;line-height:1}
.diagnosis-invitation-action>a:hover{background:#f0d6a4;transform:translateY(-2px)}
.diagnosis-invitation-action>a:focus-visible{outline:3px solid #a5dcff;outline-offset:5px}
.diagnosis-invitation-action>p{font-size:11px;letter-spacing:.04em;color:#9fb3c8;margin:12px 0 0}
@media(max-width:760px){.diagnosis-invitation{display:block;padding:35px 6% 34px}.diagnosis-invitation h2{font-size:30px}.diagnosis-invitation-copy>p:last-child{font-size:12px}.diagnosis-invitation-action{margin-top:24px;width:100%}.diagnosis-invitation-action>a{padding:20px 22px;font-size:13px}.diagnosis-invitation-action>p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.diagnosis-invitation-action>a{transition:none}.diagnosis-invitation-action>a:hover{transform:none}}

/* v24: latest kingdom news and the featured world peace event. */
#projects .section-head h2,#news .section-head h2{font-size:clamp(42px,5.3vw,76px);line-height:1.18;letter-spacing:-.045em}
#news .section-head{margin-bottom:42px}
.peace-feature{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);min-height:390px;overflow:hidden;background:#0b1624;border:1px solid #c9ad7844;transition:border-color .25s,transform .25s}
.peace-feature:hover{border-color:#e0c184;transform:translateY(-3px)}
.peace-feature-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:390px;overflow:hidden;background:radial-gradient(circle at 50% 50%,#42617b 0,#15334a 35%,#07111f 70%)}
.peace-feature-art:before,.peace-feature-art:after,.peace-feature-art i{content:"";position:absolute;display:block;width:66%;aspect-ratio:1;border:1px solid #cbe6f171;border-radius:50%;box-shadow:0 0 50px #9bdcff20}
.peace-feature-art:after{width:86%;border-color:#cbe6f12d}
.peace-feature-art i{width:46%;border-color:#e0c18488;transform:rotateX(70deg);box-shadow:none}
.peace-feature-art span{position:relative;z-index:1;font:700 clamp(44px,5vw,80px)/.86 Arial,sans-serif;letter-spacing:-.085em;text-align:center;color:#f6f6f1;text-shadow:0 0 35px #a7dfff66}
.peace-feature-copy{padding:clamp(34px,4.6vw,70px);display:flex;flex-direction:column;justify-content:center}
.peace-feature-copy .section-label{color:#e0c184;font-size:11px}
.peace-feature-copy h3{font-size:clamp(56px,6.3vw,96px);line-height:1.15;letter-spacing:-.055em;margin:12px 0 14px}
.peace-feature-copy p{font-size:13px;max-width:40em;margin-bottom:18px}
.peace-feature-copy .peace-feature-subtitle{font-size:clamp(18px,1.7vw,25px);line-height:1.5;color:#f2f5f8;font-weight:700}
.news-link{display:inline-block;width:max-content;max-width:100%;border-bottom:1px solid #9fc8df;padding-bottom:5px;color:#aee4ff;font-size:12px;font-weight:600}
.latest-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:22px}
.latest-news-card{display:flex;flex-direction:column;min-height:245px;padding:30px;background:#0d1420;border-top:1px solid #7baec066;transition:background .25s,transform .25s}
.latest-news-card:hover{background:#132337;transform:translateY(-3px)}
.latest-news-date{font-size:11px;letter-spacing:.05em;color:#a9d7ed}
.latest-news-card h3{font-size:clamp(20px,1.7vw,25px);line-height:1.45;margin:19px 0 10px}
.latest-news-card p{font-size:12px;margin-bottom:24px}
.latest-news-card .news-link{margin-top:auto}
.news-archive-label{margin:65px 0 24px;padding-top:22px;border-top:1px solid var(--line);font-size:14px;letter-spacing:.08em;color:#cdd8e5}
@media(max-width:900px){.peace-feature{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.peace-feature-copy{padding:34px}.peace-feature-art{min-height:330px}.latest-news-grid{gap:14px}.latest-news-card{padding:23px}}
@media(max-width:700px){#projects .section-head h2,#news .section-head h2{font-size:clamp(40px,10vw,54px)}.peace-feature{display:block}.peace-feature-art{min-height:220px}.peace-feature-art span{font-size:58px}.peace-feature-copy{padding:30px 25px 34px}.peace-feature-copy h3{font-size:clamp(54px,14vw,76px)}.peace-feature-copy .peace-feature-subtitle{font-size:19px}.latest-news-grid{grid-template-columns:1fr;gap:12px}.latest-news-card{min-height:0;padding:24px}.latest-news-card h3{font-size:22px}.news-archive-label{margin-top:48px}}
@media(prefers-reduced-motion:reduce){.peace-feature,.latest-news-card{transition:none}.peace-feature:hover,.latest-news-card:hover{transform:none}}
#cabinet .section-head h2{font-size:clamp(42px,5.3vw,76px);line-height:1.18}
@media(max-width:700px){#cabinet .section-head h2{font-size:clamp(40px,10vw,54px)}}

/* v25: embassy exchanges lead with documentary group photos. */
.embassy-feature{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);min-height:440px;overflow:hidden;background:#0c1826;border:1px solid #91c4d044;transition:border-color .25s,transform .25s}
.embassy-feature:hover{border-color:#aee4ff;transform:translateY(-3px)}
.embassy-feature-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(32px,4vw,60px)}
.embassy-feature-copy .section-label{font-size:11px;color:#aee4ff}
.embassy-feature-copy h3{font-size:clamp(38px,4.5vw,68px);line-height:1.2;letter-spacing:-.045em;margin:16px 0 22px}
.embassy-feature-copy>p:not(.section-label){font-size:14px;margin-bottom:28px}
.embassy-news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:22px}
.embassy-news-card{display:grid;grid-template-columns:45% 55%;min-height:245px;background:#0d1420;border:1px solid #ffffff21;overflow:hidden;transition:border-color .25s,transform .25s}
.embassy-news-card:hover{border-color:#9bc9de;transform:translateY(-3px)}
.embassy-news-card>img{width:100%;height:100%;min-height:245px;object-fit:cover;object-position:center}
.embassy-news-card>div{display:flex;flex-direction:column;align-items:flex-start;padding:25px}
.embassy-news-card span{font-size:10px;letter-spacing:.06em;color:#9ccbe3}
.embassy-news-card h3{font-size:clamp(19px,1.7vw,26px);line-height:1.4;margin:16px 0 10px}
.embassy-news-card p{font-size:12px;margin-bottom:18px}
.embassy-news-card .news-link{margin-top:auto}
.peace-feature{min-height:335px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.peace-feature-art{min-height:335px;background:#081321}
.peace-feature-art:before,.peace-feature-art:after,.peace-feature-art i{display:none}
.peace-feature-art>img{width:100%;height:100%;min-height:335px;object-fit:cover}
.peace-feature-copy{padding:clamp(30px,3.7vw,52px)}
.peace-feature-copy h3{font-size:clamp(52px,5vw,78px)}
.news-subsection-label{margin:48px 0 20px;font-size:14px;letter-spacing:.08em;color:#cdd8e5}
.latest-news-card>img{display:block;width:calc(100% + 60px);height:auto;aspect-ratio:16/10;object-fit:cover;margin:-30px -30px 24px}
@media(max-width:1000px){.embassy-feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.embassy-news-card{display:block}.embassy-news-card>img{height:auto;min-height:0;aspect-ratio:16/10}.embassy-news-card>div{min-height:195px}}
@media(max-width:700px){.embassy-feature{display:block}.embassy-feature-copy{padding:30px 25px 34px}.embassy-feature-copy h3{font-size:clamp(39px,10vw,54px)}.embassy-news-grid{grid-template-columns:1fr;gap:12px}.embassy-news-card>div{min-height:0}.peace-feature-art,.peace-feature-art>img{min-height:0;height:auto;aspect-ratio:16/10}.latest-news-card>img{width:calc(100% + 48px);margin:-24px -24px 22px}.news-subsection-label{margin-top:38px}}
@media(prefers-reduced-motion:reduce){.embassy-feature,.embassy-news-card{transition:none}.embassy-feature:hover,.embassy-news-card:hover{transform:none}}
.embassy-feature-photo{min-height:440px;overflow:hidden}
.embassy-feature-photo>img{width:100%;height:100%;min-height:440px;object-fit:cover;transform:scale(1.3) translateY(-14%)}
@media(max-width:700px){.embassy-feature-photo{min-height:0;aspect-ratio:4/3}.embassy-feature-photo>img{min-height:0;aspect-ratio:4/3;transform:scale(1.2) translateY(-10%)}}

/* v27: ONE EARTH peace heading and five orbits with 100 flags. */
.one-earth.section{max-width:1560px;background:radial-gradient(ellipse at 50% 42%,#16364b88,transparent 60%),linear-gradient(145deg,#07111f,#050911 68%);border-top:1px solid #74bfe633;border-bottom:1px solid #74bfe633}
.one-earth-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);align-items:center;gap:36px}
.one-earth-copy{text-align:left}
.one-earth-eyebrow{font:700 15px/1.3 Arial,sans-serif;letter-spacing:.24em;color:#aee4ff;margin-bottom:26px}
.one-earth-copy h2{font-size:clamp(64px,7.2vw,112px);line-height:1.15;letter-spacing:.06em;margin:0 0 20px}
.one-earth-copy h3{font-size:clamp(26px,3.2vw,44px);line-height:1.35;letter-spacing:.02em;color:#e2c486;margin:0}
.one-earth-stage{container-type:inline-size;position:relative;width:min(480px,100%);aspect-ratio:1;margin:0 0 0 auto;overflow:hidden;background:radial-gradient(circle,#3279ae33 0,#0b294331 30%,transparent 69%)}
.flag-orbit{position:absolute;left:50%;top:50%;width:100%;height:100%;margin:-50% 0 0 -50%;border-radius:50%;pointer-events:none;animation-duration:var(--duration);animation-timing-function:linear;animation-iteration-count:infinite}
.flag-orbit::before{content:"";position:absolute;left:50%;top:50%;width:calc(var(--radius)*2);height:calc(var(--radius)*2);border:1px solid #c3e8ff18;border-radius:50%;transform:translate(-50%,-50%)}
.flag-orbit-forward{animation-name:one-earth-orbit}
.flag-orbit-reverse{animation-name:one-earth-orbit-reverse}
.flag-orbit .flag{position:absolute;left:50%;top:50%;width:6.5cqi;height:6.5cqi;margin:-3.25cqi;display:grid;place-items:center;border:1px solid #d8ecf74d;border-radius:50%;background:#0c2030e6;box-shadow:0 2px 8px #0008;transform:rotate(var(--angle)) translateY(calc(-1 * var(--radius))) rotate(var(--angle-neg))}
.flag-face{display:block;font-family:'Apple Color Emoji','Segoe UI Emoji',sans-serif;font-size:4.7cqi;line-height:1;animation-duration:var(--duration);animation-timing-function:linear;animation-iteration-count:infinite}
.flag-orbit-forward .flag-face{animation-name:one-earth-flag-counter}
.flag-orbit-reverse .flag-face{animation-name:one-earth-flag-clockwise}
.one-earth-core{position:absolute;left:50%;top:50%;width:15cqi;aspect-ratio:1;overflow:hidden;border-radius:50%;transform:translate(-50%,-50%);border:2px solid #c9eaffaa;box-shadow:0 0 0 1.5cqi #b8dfff0d,0 0 5cqi #37b5ff66;background:#0b2d50;z-index:1}
.one-earth-core img{width:100%;height:100%;object-fit:cover;object-position:67% 50%;filter:saturate(1.15)}
.one-earth-core:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#04122344,#020a17b5)}
.one-earth-goals{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:26px 0 0}
.one-earth-goals li{min-width:0;padding:16px;background:#0d1a2a;border:1px solid #b5d8eb30;border-top-color:#c2e2f17a}
.one-earth-goals img{width:100%;height:112px;object-fit:cover;object-position:center;border-radius:2px;margin-bottom:15px}
.one-earth-goals span{display:block;color:#aee4ff;font:700 10px/1.3 Arial,sans-serif;letter-spacing:.16em;margin-bottom:9px}
.one-earth-goals h3{font-size:clamp(16px,1.45vw,21px);line-height:1.48;letter-spacing:-.025em;margin:0}
@keyframes one-earth-orbit{to{transform:rotate(360deg)}}
@keyframes one-earth-orbit-reverse{to{transform:rotate(-360deg)}}
@keyframes one-earth-flag-counter{to{transform:rotate(-360deg)}}
@keyframes one-earth-flag-clockwise{to{transform:rotate(360deg)}}
@media(max-width:1100px){.one-earth-top{display:block}.one-earth-stage{width:min(360px,100%);margin:28px 0 12px auto}.one-earth-goals{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.one-earth.section{padding-top:72px;padding-bottom:72px}.one-earth-eyebrow{margin-bottom:20px}.one-earth-copy h2{font-size:clamp(56px,15.5vw,76px);margin-bottom:16px}.one-earth-copy h3{font-size:clamp(24px,6.4vw,32px)}.one-earth-stage{width:min(260px,100%);margin:24px auto 16px}.one-earth-goals{grid-template-columns:1fr;gap:10px;margin-top:34px}.one-earth-goals li{display:flex;align-items:center;gap:18px;padding:12px}.one-earth-goals img{flex:none;width:96px;height:76px;margin:0}.one-earth-goals h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){.flag-orbit,.flag-face{animation:none!important}}

/* v29: larger and simpler section headings. */
#projects .section-head,#news .section-head{display:block}
#projects .section-head h2,#news .section-head h2{font-size:clamp(64px,8vw,112px);line-height:1.12;letter-spacing:0;margin:0 0 24px;overflow-wrap:anywhere}
#projects .section-head>p,#news .section-head>p{margin:0}
@media(max-width:700px){#projects .section-head h2,#news .section-head h2{font-size:clamp(46px,12vw,64px);margin-bottom:20px}}

/* v30: compact world section and clipped orbit animation. */

/* v32: full-width portrait image for the king message. */
.message{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(34px,5vw,74px)}
.message .portrait{width:100%;max-width:580px}
.message .portrait img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:0;border:1px solid #d8b76199;box-shadow:0 12px 40px #0008}
@media(max-width:700px){.message .portrait{max-width:100%;margin:0 0 30px}}

/* v33: section symbols without decorative section numbering. */
.section-label::before,.one-earth-eyebrow::before{content:"⭕️";display:inline-block;vertical-align:-.16em;margin-right:12px;font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:22px;line-height:1;letter-spacing:0;text-shadow:none}
@media(max-width:700px){.section-label::before,.one-earth-eyebrow::before{font-size:20px;margin-right:10px}}

/* v34: three goals, king biography and contact, final message. */
.one-earth-goals{grid-template-columns:repeat(3,minmax(0,1fr))}
.one-earth-goals img{height:180px}
@media(max-width:1100px){.one-earth-goals{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.one-earth-goals{grid-template-columns:1fr}.one-earth-goals img{height:76px}}
.king-bio.section{background:radial-gradient(ellipse at 22% 30%,#18334a77,transparent 55%),#07101c;border-top:1px solid #7ab8d133;border-bottom:1px solid #7ab8d133}
.king-bio-grid{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:clamp(36px,5vw,78px);align-items:center}
.king-bio-image{margin:0}
.king-bio-image .section-label{margin:0 0 20px}
.king-bio-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border:1px solid #d8b76199;box-shadow:0 20px 55px #0009}
.king-bio-copy h2{font-size:clamp(42px,5vw,72px);line-height:1.22;margin:0 0 22px}
.king-bio-lead{font-size:clamp(17px,1.7vw,23px);color:#e7ecf5;line-height:1.7}
.king-bio-career{list-style:none;padding:0;margin:28px 0;color:#c6d1df}
.king-bio-career li{padding:13px 0;border-top:1px solid #a5dcff26;font-size:14px;line-height:1.85}
.king-bio-links{display:flex;flex-wrap:wrap;gap:20px}
.king-bio-links a{padding-bottom:6px;border-bottom:1px solid #a5dcff88;font-size:12px;color:#c9e9fa}
.king-contact{margin-top:90px;padding:42px;background:#0c1b2b;border:1px solid #96c3da4d;scroll-margin-top:100px}
.king-contact h3{font-size:clamp(30px,3vw,43px);margin:18px 0 8px}
.king-contact>p:not(.section-label){font-size:14px;margin:0 0 25px}
.king-contact-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.king-contact-options a{display:flex;flex-direction:column;min-height:180px;padding:24px;background:#102438;border:1px solid #8dbdd45c;transition:background .25s,transform .25s}
.king-contact-options a:hover{background:#173249;transform:translateY(-3px)}
.king-contact-options span{font-size:11px;letter-spacing:.12em;color:#a8d1e7}
.king-contact-options strong{font-size:clamp(21px,2vw,29px);margin:12px 0 2px}
.king-contact-options small{font-size:12px;color:#a9bfd1}
.king-contact-options b{font-size:12px;color:#d9edfb;margin-top:auto;padding-top:16px}
.humanity-message.section{max-width:none;min-height:540px;padding:120px 7%;display:grid;place-items:center;text-align:center;background:radial-gradient(ellipse at 50% 15%,#1a3b5580,transparent 55%),linear-gradient(#091625,#050911);border-top:1px solid #85bedd4d}
.humanity-message-inner{width:min(880px,100%);margin:auto}
.humanity-message h2{font-size:clamp(42px,5.7vw,88px);line-height:1.25;margin:28px 0}
.humanity-message .lead{font-size:clamp(18px,2vw,26px)}
.humanity-message p:not(.section-label){color:#c9d7e6}
.humanity-message .signature{margin:38px 0 0;font-size:13px;color:#dce7f2}
.humanity-message .signature span{font-size:22px;margin-left:10px}
@media(max-width:900px){.king-bio-grid{display:block}.king-bio-image{max-width:680px;margin:0 0 36px}.king-contact{margin-top:68px}}
@media(max-width:700px){.king-bio-copy h2{font-size:clamp(36px,10vw,55px)}.king-bio-career li{font-size:13px}.king-contact{margin-top:56px;padding:26px 20px}.king-contact h3{font-size:29px}.king-contact-options{grid-template-columns:1fr}.king-contact-options a{min-height:150px;padding:20px}.humanity-message.section{min-height:480px;padding:88px 6%}.humanity-message h2{font-size:clamp(41px,11vw,58px)}}
@media(prefers-reduced-motion:reduce){.king-contact-options a{transition:none}.king-contact-options a:hover{transform:none}}

/* Human ministers and AI citizens share one section. */
.people-section.section{max-width:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.people-section .section-head{display:block;max-width:1560px;margin:0 auto 48px}
.people-section .section-head h2{font-size:clamp(60px,8vw,108px);line-height:1.12;letter-spacing:-.045em;overflow-wrap:anywhere}
.people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1560px;margin:0 auto}
.people-panel{display:flex;flex-direction:column;min-width:0;background:#0d1725;border:1px solid var(--line);overflow:hidden}
.people-panel h3{font-size:clamp(27px,3vw,40px);line-height:1.2;margin:0;padding:24px 28px}
.people-panel>img{height:auto;aspect-ratio:16/9;object-fit:contain;background:#070d16}
.people-panel-copy{display:flex;flex:1;flex-direction:column;padding:24px 28px 30px}
.people-panel-copy>p:not(.caption){font-size:14px;margin:0 0 16px;color:#d2dbe7}
.people-panel-copy .caption{font-size:11px;line-height:1.7;margin:0 0 24px}
.people-more{align-self:flex-start;margin-top:auto;border-bottom:1px solid #7c9bb9;padding-bottom:8px;color:#b6ddf3;font-size:13px}
@media(max-width:850px){.people-grid{grid-template-columns:1fr}.people-section .section-head{margin-bottom:32px}}
@media(max-width:700px){.people-section.section{padding-top:76px;padding-bottom:76px}.people-section .section-head h2{font-size:clamp(42px,11vw,58px)}.people-grid{gap:14px}.people-panel h3{padding:20px;font-size:28px}.people-panel-copy{padding:20px}.people-panel-copy>p:not(.caption){font-size:13px}}
#history .section-head h2{font-size:clamp(60px,8vw,108px);line-height:1.12;letter-spacing:-.045em}
@media(max-width:700px){#history .section-head h2{font-size:clamp(45px,11vw,58px)}}
@media(max-width:700px){.one-earth-goals img{object-fit:contain;background:#07101b}}
#projects .section-head h2,#news .section-head h2{margin-bottom:0}
.hyakka-message .introduction-copy .hyakka-message-text{max-width:34em;font-size:clamp(17px,1.55vw,21px);line-height:2;letter-spacing:.025em;font-weight:400;color:#e7edf5;margin:12px 0 0}
@media(max-width:700px){.hyakka-message .introduction-copy .hyakka-message-text{font-size:16px;line-height:1.9;margin:12px 0 0}}

/* v43: phone-only compositor motion; geometry and desktop styles are unchanged. */
@media(max-width:700px){
.hero.motion-mobile-transform .hero-scene .hero-flying-ring{left:0;top:0;animation-name:nation-random-mobile-v43!important;will-change:transform;backface-visibility:hidden}
.flag-orbit{animation-name:one-earth-mobile-orbit;will-change:transform;backface-visibility:hidden}
.flag-orbit-reverse{animation-name:one-earth-mobile-orbit-reverse}
.flag-orbit-forward .flag-face{animation-name:one-earth-mobile-counter}
.flag-orbit-reverse .flag-face{animation-name:one-earth-mobile-clockwise}
}
@keyframes one-earth-mobile-orbit{from{transform:rotate3d(0,0,1,0deg)}to{transform:rotate3d(0,0,1,360deg)}}
@keyframes one-earth-mobile-orbit-reverse{from{transform:rotate3d(0,0,1,0deg)}to{transform:rotate3d(0,0,1,-360deg)}}
@keyframes one-earth-mobile-counter{from{transform:rotate3d(0,0,1,0deg)}to{transform:rotate3d(0,0,1,-360deg)}}
@keyframes one-earth-mobile-clockwise{from{transform:rotate3d(0,0,1,0deg)}to{transform:rotate3d(0,0,1,360deg)}}


/* v48: large, edge-to-edge 100 GOAL images and current cabinet announcements. */
.one-earth-goals{gap:8px;margin-top:30px}
.one-earth-goals li{position:relative;display:block;padding:0;overflow:hidden;border-color:#b5d8eb42;background:#0a1523}
.one-earth-goals li>img:first-child{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;margin:0;border-radius:0;background:#07101b}
.one-earth-goals .goal-cute-badge{position:absolute;right:10px;top:10px;z-index:1;display:block;width:48px;height:48px;aspect-ratio:1;object-fit:cover;margin:0;border:1px solid #e8ca86;border-radius:50%;box-shadow:0 2px 10px #020a17a6}
.one-earth-goals .goal-copy{padding:15px 17px 18px}
.one-earth-goals .goal-copy>span{font-size:11px;letter-spacing:.19em;margin-bottom:4px}
.one-earth-goals .goal-copy h3{display:flex;align-items:baseline;gap:4px;font-size:30px;line-height:1.12;white-space:nowrap}
.one-earth-goals .goal-copy h3 strong{font:800 clamp(60px,6.2vw,92px)/.98 Arial,sans-serif;letter-spacing:-.085em;color:#e2c486}
.one-earth-goals .goal-copy h3 b{font-size:clamp(26px,2.6vw,38px);letter-spacing:-.04em}
.one-earth-goals .goal-copy p{margin:9px 0 0;font-size:clamp(13px,1.1vw,17px);line-height:1.6;color:#d8e3ee}
.people-section .section-head h2{font-size:clamp(52px,7.4vw,100px)}
.cabinet-panel .people-panel-copy h4{font-size:clamp(24px,2.5vw,33px);margin:0 0 5px;line-height:1.25}
.cabinet-panel .cabinet-intro{margin-bottom:16px!important;color:#adbed0!important}
.minister-list{list-style:none;padding:0;margin:0 0 20px;border-top:1px solid #9bb7d139}
.minister-list li{border-bottom:1px solid #9bb7d139}
.minister-list a{display:grid;grid-template-columns:95px minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:64px;color:#e8edf5}
.minister-list a:hover{color:#e2c486}
.minister-date{font-size:11px;color:#a6bed3;white-space:nowrap}
.minister-role{font-size:13px;min-width:0}
.minister-list strong{font-size:15px;white-space:nowrap}
.minister-list a>span:last-child{font-size:18px;color:#aee4ff}
.cabinet-panel .caption{margin:0 0 18px!important}
@media(max-width:1100px){.one-earth-goals{grid-template-columns:repeat(3,minmax(0,1fr))}.one-earth-goals .goal-copy h3 strong{font-size:clamp(48px,7.2vw,76px)}.one-earth-goals .goal-copy h3 b{font-size:clamp(23px,3vw,33px)}}
@media(max-width:700px){.one-earth-goals{grid-template-columns:1fr;gap:12px}.one-earth-goals li{display:block;padding:0}.one-earth-goals li>img:first-child{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;margin:0}.one-earth-goals .goal-copy{padding:14px 15px 18px}.one-earth-goals .goal-copy h3 strong{font-size:clamp(64px,19vw,82px)}.one-earth-goals .goal-copy h3 b{font-size:clamp(27px,8vw,34px)}.one-earth-goals .goal-copy p{font-size:14px}.minister-list a{grid-template-columns:1fr auto;gap:3px 10px;padding:10px 0}.minister-date{grid-column:1}.minister-role{grid-column:1}.minister-list strong{grid-column:2;grid-row:1 / 3;align-self:center}.minister-list a>span:last-child{display:none}.cabinet-panel .people-panel-copy h4{font-size:27px}}

/* v50: flat flags, a complete globe, a surrounding red circle, and image-overlay numerals. */
.one-earth-stage::before{content:"";position:absolute;inset:2px;z-index:2;border:3px solid #eb1739;border-radius:50%;box-shadow:0 0 18px #ef244055;pointer-events:none}
.flag-orbit .flag{border:0;border-radius:0;background:transparent;box-shadow:none}
.flag-face{font-size:6cqi}
.one-earth-core{width:17cqi;border:1.5px solid #a8e6ff;box-shadow:0 0 0 1.5cqi #b8dfff0d,0 0 5cqi #37b5ff66;background:#053c8c}
.one-earth-core img{width:100%;height:100%;object-fit:contain;object-position:center;filter:none}
.one-earth-core:after{display:none}
.one-earth-goals .goal-art{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;background:#07101b}
.one-earth-goals .goal-art::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#020913a6);pointer-events:none}
.one-earth-goals .goal-art>img:first-child{width:100%;height:100%;object-fit:cover;object-position:center;margin:0;border-radius:0}
.one-earth-goals .goal-art .goal-cute-badge{z-index:3}
.one-earth-goals .goal-number{position:absolute;left:17px;bottom:8px;z-index:2;font:800 clamp(72px,8vw,112px)/.9 Arial,sans-serif;letter-spacing:-.09em;color:#e7c988;text-shadow:0 2px 3px #04101a,0 0 22px #04101aa8}
.one-earth-goals .goal-copy{padding:16px 17px 20px}
.one-earth-goals .goal-copy h3{display:block;font-size:clamp(27px,2.7vw,39px);line-height:1.2;letter-spacing:-.04em;margin:3px 0 0}
.one-earth-goals .goal-copy p{margin:9px 0 0}
@media(max-width:700px){.one-earth-stage::before{border-width:2px}.flag-face{font-size:6.4cqi}.one-earth-goals .goal-art{aspect-ratio:3/2}.one-earth-goals .goal-number{font-size:clamp(74px,24vw,104px);left:15px;bottom:7px}.one-earth-goals .goal-copy{padding:14px 15px 18px}.one-earth-goals .goal-copy h3{font-size:31px}}

/* v51: rectangular flat flags and complete, white goal labels inside each image. */
.flag-orbit .flag{width:7cqi;height:4.7cqi;margin:-2.35cqi -3.5cqi}
.flag-orbit .flag-face{display:block;width:100%;height:100%;object-fit:fill;border:1px solid #dbe9f3b8;background:#edf4f7;box-shadow:0 1px 4px #0009}
.one-earth-goals .goal-art::after{inset:25% 0 0;background:linear-gradient(transparent 0%,#0209131a 35%,#020913d9 100%)}
.one-earth-goals .goal-overlay{position:absolute;z-index:2;left:18px;right:12px;bottom:15px;color:#fff;text-shadow:0 2px 12px #000c}
.one-earth-goals .goal-overlay span{display:block;margin:0 0 4px;color:#fff;font:700 12px/1.2 Arial,sans-serif;letter-spacing:.2em}
.one-earth-goals .goal-overlay h3{display:flex;align-items:baseline;gap:3px;margin:0;color:#fff;font-weight:800;line-height:1;white-space:nowrap}
.one-earth-goals .goal-overlay h3 strong{font:800 clamp(64px,7.8vw,110px)/.9 Arial,sans-serif;letter-spacing:-.08em;color:#fff}
.one-earth-goals .goal-overlay h3 b{font-size:clamp(28px,3.2vw,45px);letter-spacing:-.05em;color:#fff}
.one-earth-goals .goal-copy{padding:15px 18px 18px}
.one-earth-goals .goal-copy p{margin:0;font-size:clamp(14px,1.15vw,17px);line-height:1.55}
@media(max-width:700px){.one-earth-goals .goal-overlay{left:15px;bottom:13px}.one-earth-goals .goal-overlay h3 strong{font-size:clamp(70px,23vw,104px)}.one-earth-goals .goal-overlay h3 b{font-size:clamp(30px,10vw,42px)}.one-earth-goals .goal-copy{padding:13px 15px 16px}}

/* World peace projects live together below the flag orbit. */
.one-earth-stage::before{inset:4px;border-width:8px;box-shadow:0 0 22px #ef244077}
.peace-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:32px}
.peace-projects .project{min-width:0;height:100%;display:flex;flex-direction:column}
.peace-projects .project img{aspect-ratio:3/2}
.peace-projects .project>div{padding:18px 28px 28px;display:flex;flex:1;flex-direction:column}
.peace-projects .project h3{font-size:24px;font-weight:700;line-height:1.5;letter-spacing:normal;color:#fff;margin:0 0 10px;overflow-wrap:anywhere}
.peace-projects .project p{font-size:13px;line-height:1.95;min-height:0;margin-bottom:13px}
.peace-projects .project a{font-size:12px;line-height:normal;margin-top:auto;align-self:flex-start}
@media(max-width:1000px){.peace-projects{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.one-earth-stage::before{inset:3px;border-width:5px}.peace-projects{grid-template-columns:1fr;gap:12px;margin-top:28px}.peace-projects .project>div{padding:18px 25px 25px}.peace-projects .project p{min-height:0}}

/* Image cards use their existing links as full-card click targets. */
.project{position:relative;cursor:pointer}
.project .project-link::after{content:"";position:absolute;inset:0;z-index:1}
.project:focus-within{outline:2px solid #a8e6ff;outline-offset:3px}
#projects .project:not(.project-main)>div{padding-top:18px}
#projects .project h3{margin-top:0}
.people-panel:not(.cabinet-panel){position:relative;cursor:pointer}
.people-panel:not(.cabinet-panel) .people-more::after{content:"";position:absolute;inset:0;z-index:1}
.people-panel:not(.cabinet-panel):focus-within{outline:2px solid #a8e6ff;outline-offset:3px}