/* PRECISION / DESIGN — IMMERSIVE EXPLORER V2 */
.precision-design-view{overflow:hidden!important;background:#020202}
.design-xp{--d-accent:#c98243;--d-white:#f1f1ef;--d-dim:rgba(241,241,239,.44);position:relative;width:100%;height:100%;height:100dvh;overflow:hidden;background:#020202;color:var(--d-white);font-family:Calibri,Arial,sans-serif;isolation:isolate}
.design-xp button{font:inherit}.design-xp *{box-sizing:border-box}
.design-ambient{position:absolute;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(circle at 52% 42%,#111 0,#070707 28%,#020202 62%,#000 100%)}
.design-ambient:after{content:"";position:absolute;inset:0;opacity:.23;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at center,#000 0,transparent 72%)}
.design-ambient i{position:absolute;width:38vw;height:38vw;border:1px solid rgba(201,130,67,.08);border-radius:50%;filter:blur(.1px);animation:ambientOrbit 24s linear infinite}
.design-ambient i:nth-child(1){left:-18vw;top:-21vw}.design-ambient i:nth-child(2){right:-22vw;bottom:-25vw;animation-duration:31s;animation-direction:reverse}.design-ambient i:nth-child(3){width:16vw;height:16vw;right:18vw;top:16vh;opacity:.45;animation-duration:17s}
@keyframes ambientOrbit{to{transform:rotate(360deg)}}
.design-screen{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s ease,visibility .65s}
body[data-route="design"] .precision-design-view .design-screen.is-active{opacity:1;visibility:visible;pointer-events:auto}
body:not([data-route="design"]) .precision-design-view .design-screen{opacity:0!important;visibility:hidden!important;pointer-events:none!important}

/* ENTRY */
.design-entry{padding:clamp(76px,10vh,112px) clamp(26px,5vw,84px) clamp(26px,5vh,54px);display:grid;grid-template-rows:auto auto 1fr auto;gap:clamp(14px,2vh,26px)}
.design-entry__eyebrow{font-size:10px;letter-spacing:.24em;color:var(--d-accent);animation:entryUp .9s .1s both}
.design-entry__intro{display:flex;justify-content:space-between;align-items:end;gap:24px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:17px;animation:entryUp .9s .18s both}.design-entry__intro span{font-size:11px;letter-spacing:.22em;color:rgba(255,255,255,.74)}.design-entry__intro p{margin:0;font-size:13px;color:rgba(255,255,255,.34)}
.design-entry__choices{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.2vw,34px)}
.design-entry-card{position:relative;overflow:hidden;min-height:0;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.018);color:inherit;text-align:left;padding:0;cursor:pointer;transform:translateZ(0);transition:transform .7s cubic-bezier(.16,.8,.18,1),border-color .45s ease,background .45s ease,box-shadow .65s ease;animation:entryUp .95s .28s both}
.design-entry-card:nth-child(2){animation-delay:.36s}.design-entry-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 44%,rgba(201,130,67,.095),transparent 45%);opacity:0;transition:opacity .5s ease}.design-entry-card:hover,.design-entry-card:focus-visible{transform:translateY(-8px) scale(1.012);border-color:rgba(201,130,67,.4);background:rgba(255,255,255,.026);box-shadow:0 28px 90px rgba(0,0,0,.38)}.design-entry-card:hover:before,.design-entry-card:focus-visible:before{opacity:1}.design-entry-card:focus-visible{outline:none}
.choice-visual{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.choice-copy{position:absolute;inset:auto clamp(22px,3vw,46px) clamp(24px,4vh,42px);z-index:3}.choice-copy>span{display:block;margin-bottom:13px;font-size:9px;letter-spacing:.2em;color:var(--d-accent)}.choice-copy h1{margin:0;font-family:'Sansation',Arial,sans-serif;font-size:clamp(38px,4.4vw,68px);line-height:.88;font-weight:300;letter-spacing:.035em}.choice-copy p{max-width:360px;margin:16px 0 18px;color:rgba(255,255,255,.42);font-size:13px;line-height:1.45}.choice-copy>b{display:flex;gap:10px;align-items:center;font-size:9px;font-weight:400;letter-spacing:.2em;color:rgba(255,255,255,.72)}.choice-copy em{font-style:normal;color:var(--d-accent);font-size:16px;transition:transform .3s ease}.design-entry-card:hover .choice-copy em{transform:translateX(6px)}
.design-entry__footer{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,.28);font-size:8px;letter-spacing:.2em;animation:entryUp .9s .48s both}.design-entry__footer i{height:1px;flex:1;background:rgba(255,255,255,.08)}
@keyframes entryUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}

/* ENTRY VISUALS */
.mini-globe{position:relative;width:min(26vw,320px);aspect-ratio:1;border:1px solid rgba(255,255,255,.22);border-radius:50%;opacity:.63;transform:translateY(-5vh);transition:opacity .5s,transform .7s cubic-bezier(.16,.8,.18,1);background:radial-gradient(circle at 38% 32%,rgba(255,255,255,.07),transparent 36%),radial-gradient(circle at 66% 70%,rgba(201,130,67,.08),transparent 40%)}
.mini-globe:before,.mini-globe:after,.mini-globe i{content:"";position:absolute;inset:8%;border:1px solid rgba(255,255,255,.14);border-radius:50%}.mini-globe:before{transform:scaleX(.35)}.mini-globe:after{transform:scaleY(.35)}.mini-globe i:nth-child(1){inset:23% 5%;}.mini-globe i:nth-child(2){inset:39% 2%}.mini-globe i:nth-child(3){inset:5% 30%;transform:rotate(58deg)}.mini-globe b{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--d-accent);box-shadow:0 0 18px rgba(201,130,67,.85)}.mini-globe b:nth-of-type(1){left:54%;top:39%}.mini-globe b:nth-of-type(2){left:47%;top:54%}.mini-globe b:nth-of-type(3){left:64%;top:58%}.design-entry-card:hover .mini-globe{opacity:1;transform:translateY(-5vh) rotate(-3deg) scale(1.05)}
.choice-orbit{position:absolute;border:1px solid rgba(255,255,255,.07);border-radius:50%;width:66%;aspect-ratio:1;transform:translateY(-5vh) rotate(26deg) scaleY(.28);animation:choiceSpin 16s linear infinite}.choice-orbit--b{width:82%;animation-duration:22s;animation-direction:reverse;border-color:rgba(201,130,67,.09)}@keyframes choiceSpin{to{transform:translateY(-5vh) rotate(386deg) scaleY(.28)}}
.choice-visual--projects{transform:translateY(-5vh)}.choice-visual--projects .choice-orbit--c{width:76%;transform:rotate(-12deg) scaleY(.32);animation-duration:18s}.mini-card{position:absolute;width:clamp(62px,8vw,118px);aspect-ratio:1.5;background-position:center;background-size:cover;filter:grayscale(1) brightness(.65);border:1px solid rgba(255,255,255,.11);box-shadow:0 10px 45px rgba(0,0,0,.35);transition:filter .5s,transform .7s cubic-bezier(.16,.8,.18,1)}.mini-card--1{background-image:url('/design-assets/talyd.webp');transform:translate(-120%,-25%) rotate(-9deg)}.mini-card--2{background-image:url('/design-assets/ostrea.webp');transform:translate(20%,-85%) rotate(5deg)}.mini-card--3{background-image:url('/design-assets/villa-nova.webp');transform:translate(110%,5%) rotate(11deg)}.mini-card--4{background-image:url('/design-assets/nervana.webp');transform:translate(-15%,45%) rotate(-3deg)}.design-entry-card:hover .mini-card{filter:grayscale(0) brightness(.84)}.design-entry-card:hover .mini-card--1{transform:translate(-132%,-30%) rotate(-11deg) scale(1.05)}.design-entry-card:hover .mini-card--2{transform:translate(20%,-96%) rotate(4deg) scale(1.05)}.design-entry-card:hover .mini-card--3{transform:translate(118%,6%) rotate(12deg) scale(1.05)}.design-entry-card:hover .mini-card--4{transform:translate(-15%,55%) rotate(-3deg) scale(1.05)}

/* COMMON MODE HEADER */
.design-mode-head{position:absolute;z-index:40;top:68px;left:clamp(24px,4vw,64px);right:clamp(24px,4vw,64px);display:flex;justify-content:space-between;align-items:end;pointer-events:none}.design-mode-head>div{display:grid;gap:5px}.design-mode-head>div span{font-size:8px;letter-spacing:.22em;color:var(--d-accent)}.design-mode-head>div strong{font-size:12px;font-weight:400;letter-spacing:.19em;color:rgba(255,255,255,.72)}.design-mode-head nav{display:flex;gap:22px;pointer-events:auto}.design-mode-head button{border:0;background:none;padding:4px 0;color:rgba(255,255,255,.35);font-size:8px;letter-spacing:.17em;cursor:pointer}.design-mode-head button:hover,.design-mode-head button.is-current{color:#fff}.design-mode-head button.is-current:after{content:"";display:block;height:1px;margin-top:5px;background:var(--d-accent)}

/* PROJECT FIELD */
.project-field{position:absolute;inset:0;overflow:hidden;perspective:1150px;cursor:grab;touch-action:none}.project-field.is-dragging{cursor:grabbing}.project-field__halo{position:absolute;left:50%;top:51%;width:min(78vw,1180px);height:min(53vh,530px);transform:translate(-50%,-50%) rotate(-7deg);border:1px solid rgba(255,255,255,.065);border-radius:50%;box-shadow:0 0 90px rgba(201,130,67,.028),inset 0 0 90px rgba(201,130,67,.018)}.project-field__halo:before,.project-field__halo:after{content:"";position:absolute;border-radius:50%;inset:11%;border:1px solid rgba(255,255,255,.025)}.project-field__halo:after{inset:-15%;border-color:rgba(201,130,67,.035)}.project-field__axis{position:absolute;left:50%;top:50%;width:1px;height:44vh;background:linear-gradient(transparent,rgba(255,255,255,.05),transparent);transform:translate(-50%,-50%) rotate(19deg)}.project-field__axis i{position:absolute;left:50%;top:50%;width:52vw;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);transform:translate(-50%,-50%) rotate(-19deg)}.project-field__axis b{position:absolute;left:-3px;top:50%;width:7px;height:7px;border-radius:50%;background:var(--d-accent);box-shadow:0 0 28px rgba(201,130,67,.55)}.project-field__hint{position:absolute;z-index:5;left:50%;bottom:30px;transform:translateX(-50%);margin:0;font-size:8px;letter-spacing:.2em;color:rgba(255,255,255,.28);white-space:nowrap}
.orbit-project{position:absolute;left:50%;top:50%;width:clamp(154px,18vw,300px);aspect-ratio:1.44;padding:0;border:1px solid rgba(255,255,255,.09);background:#090909;color:#fff;overflow:visible;cursor:pointer;transform-origin:center;will-change:transform,opacity,filter;transition:border-color .28s ease,box-shadow .35s ease}.orbit-project img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.58) contrast(1.06);transition:filter .55s ease,transform .55s cubic-bezier(.16,.8,.18,1);pointer-events:none}.orbit-project:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.82));pointer-events:none}.orbit-project>span,.orbit-project h2,.orbit-project small{position:absolute;z-index:2;left:13px;pointer-events:none}.orbit-project>span{bottom:36px;font-size:8px;letter-spacing:.15em;color:var(--d-accent)}.orbit-project h2{bottom:15px;margin:0;font-family:'Sansation',Arial,sans-serif;font-size:clamp(15px,1.6vw,23px);font-weight:300;letter-spacing:.055em}.orbit-project small{right:11px;left:auto;bottom:16px;font-size:7px;letter-spacing:.12em;color:rgba(255,255,255,.45)}.orbit-project.is-hovered,.orbit-project:hover,.orbit-project:focus-visible{border-color:rgba(201,130,67,.62);box-shadow:0 22px 70px rgba(0,0,0,.54),0 0 0 1px rgba(201,130,67,.08)}.orbit-project:hover img,.orbit-project:focus-visible img,.orbit-project.is-hovered img{filter:grayscale(0) brightness(.92) contrast(1.02);transform:scale(1.035)}.orbit-project:focus-visible{outline:none}

/* PROJECT FOCUS */
.project-focus{position:absolute;z-index:55;inset:clamp(92px,12vh,124px) clamp(28px,8vw,132px) clamp(42px,8vh,78px);display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr);background:rgba(5,5,5,.86);border:1px solid rgba(255,255,255,.11);box-shadow:0 38px 130px rgba(0,0,0,.76);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;visibility:hidden;pointer-events:none;transform:scale(.96) translateY(16px);transition:opacity .55s ease,transform .65s cubic-bezier(.16,.8,.18,1),visibility .55s}.project-focus.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.project-focus__close{position:absolute;z-index:4;right:14px;top:12px;border:0;background:none;color:rgba(255,255,255,.58);display:flex;align-items:center;gap:14px;font-size:8px;letter-spacing:.16em;cursor:pointer}.project-focus__close b{font-size:22px;font-weight:200;color:var(--d-accent)}.project-focus__visual{position:relative;min-width:0;overflow:hidden;background:#050505}.project-focus__visual img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.92);transform:scale(1.03);transition:transform 1.2s cubic-bezier(.16,.8,.18,1)}.project-focus.is-open .project-focus__visual img{transform:scale(1)}.project-focus__wash{position:absolute;inset:0;background:linear-gradient(90deg,transparent 68%,rgba(0,0,0,.36)),linear-gradient(180deg,transparent 70%,rgba(0,0,0,.4))}.project-focus__copy{padding:clamp(44px,7vh,74px) clamp(28px,4vw,52px);display:flex;flex-direction:column;justify-content:center}.project-focus__copy>span{font-size:8px;letter-spacing:.2em;color:var(--d-accent);opacity:0;transform:translateY(10px)}.project-focus__copy h2{margin:17px 0 23px;font-family:'Sansation',Arial,sans-serif;font-size:clamp(42px,5vw,76px);line-height:.88;font-weight:300;letter-spacing:.03em;opacity:0;transform:translateY(14px)}.project-focus__copy p{margin:0;max-width:360px;color:rgba(255,255,255,.52);font-size:15px;line-height:1.55;opacity:0;transform:translateY(14px)}.project-focus__facts{display:flex;align-items:center;gap:13px;margin-top:28px;font-size:8px;letter-spacing:.18em;color:rgba(255,255,255,.65);opacity:0;transform:translateY(12px)}.project-focus__facts i{width:38px;height:1px;background:rgba(201,130,67,.55)}.project-focus__cta{margin-top:32px;padding:13px 0;border:0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.08);background:none;color:#fff;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.18em;cursor:pointer;opacity:0;transform:translateY(12px)}.project-focus__cta b{font-size:16px;color:var(--d-accent);font-weight:300;transition:transform .3s}.project-focus__cta:hover b{transform:translateX(6px)}.project-focus.is-open .project-focus__copy>span,.project-focus.is-open .project-focus__copy h2,.project-focus.is-open .project-focus__copy p,.project-focus.is-open .project-focus__facts,.project-focus.is-open .project-focus__cta{animation:focusLine .65s forwards}.project-focus.is-open .project-focus__copy h2{animation-delay:.08s}.project-focus.is-open .project-focus__copy p{animation-delay:.16s}.project-focus.is-open .project-focus__facts{animation-delay:.24s}.project-focus.is-open .project-focus__cta{animation-delay:.32s}@keyframes focusLine{to{opacity:1;transform:none}}

/* LOCATION */
.world-stage{position:absolute;left:0;top:0;bottom:0;width:68%;overflow:hidden}.world-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,#020202 100%),radial-gradient(circle at 46% 51%,transparent 32%,rgba(0,0,0,.36) 70%);pointer-events:none}.world-stage canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}.world-stage canvas:active{cursor:grabbing}.world-stage__label{position:absolute;z-index:6;left:clamp(24px,4vw,64px);bottom:38px}.world-stage__label span{display:block;font-size:8px;letter-spacing:.2em;color:var(--d-accent)}.world-stage__label strong{display:block;margin-top:4px;font-family:'Sansation',Arial,sans-serif;font-size:clamp(52px,7vw,90px);font-weight:300;line-height:.9;color:rgba(255,255,255,.08)}.world-stage__label p{margin:8px 0 0;color:rgba(255,255,255,.35);font-size:10px;letter-spacing:.05em}.world-stage__coordinates{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);height:60%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;pointer-events:none;color:rgba(255,255,255,.14);font-size:7px;letter-spacing:.13em}.world-stage__coordinates i{width:1px;flex:1;background:linear-gradient(transparent,rgba(255,255,255,.025),transparent);margin:9px 0}
.location-panel{position:absolute;z-index:9;right:clamp(24px,4vw,62px);top:clamp(126px,17vh,174px);bottom:clamp(40px,7vh,70px);width:min(31vw,420px);border-left:1px solid rgba(255,255,255,.09);padding:0 0 0 clamp(26px,3vw,44px);display:flex;flex-direction:column;justify-content:center}.location-panel__top{display:flex;justify-content:space-between;gap:12px;color:var(--d-accent);font-size:8px;letter-spacing:.17em}.location-panel__top b{font-weight:400;color:rgba(255,255,255,.3)}.location-panel h2{margin:18px 0 13px;font-family:'Sansation',Arial,sans-serif;font-size:clamp(44px,5.4vw,78px);line-height:.87;font-weight:300;letter-spacing:.025em}.location-panel>p{margin:0;color:rgba(255,255,255,.37);font-size:9px;letter-spacing:.13em}.location-projects{display:grid;gap:8px;margin-top:28px;max-height:38vh;overflow:auto;padding-right:4px}.location-project{display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:13px;border:0;border-top:1px solid rgba(255,255,255,.08);background:none;color:#fff;padding:9px 0;text-align:left;cursor:pointer;opacity:0;transform:translateY(10px);animation:locationIn .45s forwards}.location-project img{width:74px;aspect-ratio:1.5;object-fit:cover;filter:grayscale(1) brightness(.68);transition:filter .35s,transform .35s}.location-project span{font-family:'Sansation',Arial,sans-serif;font-size:14px;letter-spacing:.05em}.location-project b{font-weight:300;color:var(--d-accent);font-size:14px;transition:transform .3s}.location-project:hover img{filter:grayscale(0) brightness(.94);transform:scale(1.04)}.location-project:hover b{transform:translateX(5px)}@keyframes locationIn{to{opacity:1;transform:none}}.location-panel__clear{margin-top:20px;align-self:flex-start;padding:9px 0;border:0;border-bottom:1px solid rgba(201,130,67,.35);background:none;color:rgba(255,255,255,.5);font-size:7px;letter-spacing:.17em;cursor:pointer}.location-panel__clear:hover{color:#fff}

@media(max-width:800px){
 .design-entry{padding:72px 14px 18px;gap:12px}.design-entry__intro p{display:none}.design-entry__choices{grid-template-columns:1fr;gap:10px}.design-entry-card{min-height:0}.choice-copy{inset:auto 20px 22px}.choice-copy h1{font-size:clamp(34px,10vw,50px)}.choice-copy p{font-size:11px;max-width:230px;margin:10px 0 12px}.mini-globe{width:42vw;transform:translate(23vw,-2vh)}.design-entry-card:hover .mini-globe{transform:translate(23vw,-2vh) scale(1.04)}.choice-visual--projects{transform:translate(25vw,-1vh) scale(.74)}.design-entry__footer{display:none}
 .design-mode-head{top:55px;left:14px;right:14px;align-items:start}.design-mode-head>div strong{font-size:10px}.design-mode-head nav{gap:12px;flex-wrap:wrap;justify-content:flex-end;max-width:58%}.design-mode-head button{font-size:7px}
 .project-field__halo{width:128vw;height:50vh}.project-field__hint{bottom:16px;font-size:6px}.orbit-project{width:42vw}.orbit-project small{display:none}.project-focus{inset:105px 12px 32px;grid-template-columns:1fr;grid-template-rows:58% 42%;overflow:hidden}.project-focus__copy{padding:21px 22px;justify-content:flex-start}.project-focus__copy h2{font-size:clamp(34px,11vw,52px);margin:11px 0 10px}.project-focus__copy p{font-size:12px;line-height:1.4}.project-focus__facts{margin-top:13px}.project-focus__cta{margin-top:14px}.project-focus__close{top:8px;right:10px;background:rgba(0,0,0,.5);padding-left:8px}.project-focus__wash{background:linear-gradient(180deg,transparent 70%,rgba(0,0,0,.5))}
 .world-stage{width:100%;height:62%;bottom:auto}.world-stage:after{background:linear-gradient(180deg,transparent 58%,#020202 100%)}.world-stage__label{left:14px;bottom:18px}.world-stage__coordinates{display:none}.location-panel{left:14px;right:14px;top:auto;bottom:20px;height:37%;width:auto;border-left:0;border-top:1px solid rgba(255,255,255,.09);padding:18px 0 0;justify-content:flex-start}.location-panel h2{font-size:clamp(30px,10vw,48px);margin:10px 0 8px}.location-projects{margin-top:14px;max-height:18vh}.location-project{grid-template-columns:56px 1fr auto;padding:6px 0}.location-project img{width:56px}.location-panel__clear{margin-top:10px}
}
@media(prefers-reduced-motion:reduce){.design-ambient i,.choice-orbit{animation:none}.design-entry-card,.orbit-project img,.project-focus{transition:none}}

/* MUSIC-REACTIVE PROJECT FIELD */
.project-field__halo{
  will-change:transform,opacity;
  transition:opacity .18s linear;
}
.project-field__axis b{
  transform-origin:center;
  will-change:transform,box-shadow;
}
.orbit-project{
  pointer-events:auto;
  user-select:none;
  -webkit-user-select:none;
}
.project-field.is-dragging .orbit-project{
  cursor:grabbing;
}

/* PRECISION / DESIGN V4 — COUNTRY SIGNAL + STEP BACK + MUSIC MOTION */
.project-field__halo{
  will-change:transform,opacity;
  transition:opacity .16s linear;
  box-shadow:
    0 0 calc(90px + var(--ring-energy,0)*34px) rgba(201,130,67,.035),
    inset 0 0 calc(90px + var(--ring-energy,0)*24px) rgba(201,130,67,.024);
}
.project-field__axis b{will-change:transform;transform-origin:center}
.orbit-project{
  pointer-events:auto;
  user-select:none;-webkit-user-select:none;
  will-change:transform,opacity;
  transition:border-color .28s ease,box-shadow .35s ease,filter .12s linear;
  box-shadow:0 18px calc(45px + var(--music-light,0)*42px) rgba(0,0,0,.56),0 0 calc(var(--music-light,0)*30px) rgba(201,130,67,.18);
}
.project-field.is-dragging .orbit-project{cursor:grabbing}
.project-field.is-dragging .orbit-project img{pointer-events:none}

/* Focus is now a Design-wide overlay, so location projects can open without leaving their country. */
.design-xp>.project-focus{z-index:70}
.project-focus__close{padding:8px 0}

/* World-to-country transition */
.world-stage{--zoom-x:50%;--zoom-y:50%}
.world-stage canvas{
  transform-origin:var(--zoom-x) var(--zoom-y);
  transform:scale(1);
  opacity:1;
  filter:none;
  transition:transform 1.05s cubic-bezier(.16,.82,.18,1),opacity .72s ease,filter .72s ease;
}
.world-stage.is-country canvas{
  transform:scale(2.55);
  opacity:.075;
  filter:blur(1.2px) saturate(.6);
  pointer-events:none;
}
.world-stage__label{transition:opacity .45s ease,transform .6s cubic-bezier(.16,.82,.18,1)}
.world-stage.is-country .world-stage__label{transform:translateY(-4px)}
.world-stage__label.is-country strong{color:rgba(201,130,67,.11)}

.country-digital-map{
  position:absolute;z-index:5;inset:clamp(92px,13vh,120px) 3.5% 5.5% 4.5%;
  opacity:0;transform:scale(.78) translate3d(-2%,2%,0);
  transform-origin:48% 50%;pointer-events:none;
  transition:opacity .55s .18s ease,transform 1.05s .12s cubic-bezier(.16,.82,.18,1);
}
.country-digital-map.is-visible{opacity:1;transform:scale(1) translate3d(0,0,0)}
.country-digital-map:before{
  content:"";position:absolute;inset:4% 7%;
  background:radial-gradient(circle at 50% 50%,rgba(201,130,67,.075),transparent 42%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.02),transparent 63%);
  filter:blur(8px)
}
.country-digital-map svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.country-map__outline{fill:rgba(5,5,5,.34);stroke:#c98243;stroke-width:1.45;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px rgba(201,130,67,.52));stroke-dasharray:2500;stroke-dashoffset:2500}
.country-digital-map.is-visible .country-map__outline{animation:countryTrace 1.35s .18s cubic-bezier(.2,.75,.2,1) forwards}
.country-map__outline--glow{fill:none;stroke:rgba(201,130,67,.28);stroke-width:7;filter:blur(8px);opacity:.7}
.country-map__field path:first-child{fill:none;stroke:rgba(255,255,255,.055);stroke-width:.65;vector-effect:non-scaling-stroke}
.country-map__field .country-map__scan{fill:none;stroke:rgba(201,130,67,.30);stroke-width:1;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px rgba(201,130,67,.5));animation:countryScan 4.4s linear infinite}
@keyframes countryTrace{to{stroke-dashoffset:0}}
@keyframes countryScan{0%{transform:translateY(-210px)}100%{transform:translateY(490px)}}
.country-node__aura{fill:url(#nodeAura);opacity:.7;transform-origin:center;animation:nodeBreathe 2.8s ease-in-out infinite}
.country-node__ring{fill:none;stroke:rgba(201,130,67,.42);stroke-width:1;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;animation:nodeRing 3.1s ease-out infinite}
.country-node__ring--b{animation-delay:1.05s;opacity:.55}
.country-node__core{fill:#d38b4b;filter:drop-shadow(0 0 10px rgba(201,130,67,.95))}
.country-node__project{fill:#fff;opacity:.78;filter:drop-shadow(0 0 8px rgba(201,130,67,.7));animation:projectNode 2.2s ease-in-out infinite}
.country-node__label{font:11px Calibri,Arial,sans-serif;fill:rgba(255,255,255,.74);letter-spacing:2px;text-transform:uppercase}
@keyframes nodeRing{0%{transform:scale(.75);opacity:.72}100%{transform:scale(1.65);opacity:0}}
@keyframes nodeBreathe{50%{opacity:.95;transform:scale(1.12)}}
@keyframes projectNode{50%{opacity:1;transform:scale(1.45)}}
.country-map__micro{position:absolute;z-index:2;left:6%;top:8%;display:flex;align-items:baseline;gap:12px}
.country-map__micro span{font-family:'Sansation',Arial,sans-serif;font-size:clamp(30px,4vw,54px);font-weight:300;line-height:1;color:rgba(255,255,255,.08)}
.country-map__micro b{font-size:7px;font-weight:400;letter-spacing:.2em;color:rgba(201,130,67,.72)}
.country-map__caption{position:absolute;z-index:2;right:8%;bottom:9%;display:flex;align-items:center;gap:11px;font-size:7px;letter-spacing:.16em;color:rgba(255,255,255,.42)}
.country-map__caption span{color:rgba(255,255,255,.72)}
.country-map__caption i{width:32px;height:1px;background:rgba(201,130,67,.5)}
.country-map__caption b{font-weight:400;color:rgba(201,130,67,.68)}

/* Right-side location logic — cleaner hierarchy, no visible inner scrollbar. */
.location-panel{
  width:min(32vw,430px);
  border-left:1px solid rgba(255,255,255,.08);
  padding-left:clamp(24px,2.7vw,42px);
}
.location-panel:before{content:"";position:absolute;left:-1px;top:0;width:1px;height:72px;background:linear-gradient(#c98243,transparent)}
.location-panel__top{padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.055)}
.location-panel h2{font-size:clamp(35px,4.5vw,62px);margin:17px 0 11px;letter-spacing:.02em}
.location-panel>p{font-size:7px;letter-spacing:.16em;color:rgba(255,255,255,.34);line-height:1.5}
.location-projects{
  display:grid;gap:0;margin-top:22px;max-height:40vh;overflow-y:auto;overflow-x:hidden;padding:0;
  scrollbar-width:none;-ms-overflow-style:none;
}
.location-projects::-webkit-scrollbar{width:0;height:0;display:none}
.location-project{
  grid-template-columns:24px 70px minmax(0,1fr) 18px;gap:11px;
  min-height:61px;padding:8px 0;border-top:1px solid rgba(255,255,255,.075);
  transition:background .35s ease,padding .35s ease,border-color .35s ease;
}
.location-project:hover{background:linear-gradient(90deg,rgba(201,130,67,.05),transparent 75%);padding-left:5px;border-color:rgba(201,130,67,.26)}
.location-project__index{font-size:7px!important;letter-spacing:.12em!important;color:rgba(201,130,67,.66)}
.location-project img{width:70px;aspect-ratio:1.46}
.location-project__name{display:grid;gap:4px;min-width:0}
.location-project__name b{font-family:'Sansation',Arial,sans-serif;font-size:13px;font-weight:300;letter-spacing:.055em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.location-project__name small{font-size:7px;letter-spacing:.15em;color:rgba(255,255,255,.28)}
.location-project em{font-style:normal;font-size:15px;color:rgba(201,130,67,.65);transition:transform .3s ease,color .3s ease}
.location-project:hover em{transform:translateX(4px);color:#c98243}
.location-panel__clear{margin-top:16px;color:rgba(255,255,255,.42);transition:color .25s,border-color .25s}
.location-panel__clear:hover{color:#fff;border-color:#c98243}

@media(max-width:800px){
  .country-digital-map{inset:82px 3% 8% 3%}
  .country-map__micro{left:4%;top:4%}.country-map__caption{right:4%;bottom:5%}
  .world-stage.is-country canvas{transform:scale(2.2)}
  .location-panel{width:auto;padding-left:0}
  .location-panel:before{display:none}
  .location-panel h2{font-size:clamp(29px,9vw,43px)}
  .location-projects{max-height:18vh}
  .location-project{grid-template-columns:20px 54px minmax(0,1fr) 15px;min-height:48px;padding:5px 0}
  .location-project img{width:54px}
}


/* PERFORMANCE PASS — invisible states consume no animation budget. */
body:not([data-route="design"]) .precision-design-view .design-ambient i,
body:not([data-route="design"]) .precision-design-view .choice-orbit,
body:not([data-route="design"]) .precision-design-view .country-map__scan,
body:not([data-route="design"]) .precision-design-view .country-node__aura,
body:not([data-route="design"]) .precision-design-view .country-node__ring,
body:not([data-route="design"]) .precision-design-view .country-node__project,
.design-screen:not(.is-active) .choice-orbit,
.design-screen:not(.is-active) .country-map__scan,
.design-screen:not(.is-active) .country-node__aura,
.design-screen:not(.is-active) .country-node__ring,
.design-screen:not(.is-active) .country-node__project{
  animation-play-state:paused !important;
}

/* DESIGN LYRICS — bottom-left poetic rise, no panel/background. */
.design-lyric-rain{
  position:absolute;
  z-index:5;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  transition:opacity .6s ease,visibility .6s ease;
}
.design-lyric-rain.is-visible{opacity:1;visibility:visible}
.design-lyric-stanza{
  --lyric-rise:20s;
  --lyric-delay:0s;
  position:absolute;
  left:clamp(18px,3.4vw,54px);
  bottom:2.6vh;
  width:min(31vw,430px);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.52em;
  font-family:'Sansation',Arial,sans-serif;
  font-size:clamp(6.2px,.48vw,8.2px);
  font-weight:300;
  line-height:1.58;
  letter-spacing:.105em;
  color:rgba(214,216,218,.54);
  text-align:left;
  opacity:0;
  will-change:transform,opacity;
  animation:designLyricRise var(--lyric-rise) linear var(--lyric-delay) both;
}
.design-lyric-stanza span{display:block;max-width:100%}
.design-lyric-rain.is-paused .design-lyric-stanza{animation-play-state:paused}
@keyframes designLyricRise{
  0%{opacity:0;transform:translate3d(0,4vh,0)}
  10%{opacity:.68;transform:translate3d(0,0,0)}
  43%{opacity:.60;transform:translate3d(0,-21vh,0)}
  57%{opacity:.38;transform:translate3d(0,-30vh,0)}
  68%{opacity:0;transform:translate3d(0,-39vh,0)}
  100%{opacity:0;transform:translate3d(0,-55vh,0)}
}
@media(max-width:800px){
  .design-lyric-stanza{
    left:14px;
    width:min(58vw,330px);
    font-size:clamp(5.8px,1.55vw,7.2px);
    gap:.58em;
    letter-spacing:.09em;
  }
}
@media(prefers-reduced-motion:reduce){.design-lyric-stanza{animation-duration:28s}}


/* PRECISION DESIGN — TYPOGRAPHY / WORLD CLEANUP / INTERACTION POLISH */
/* The world-stage helper copy is intentionally removed; location context lives in the right panel. */
.world-stage__label{display:none!important}

/* Keep Design titles consistently Sansation even against the global body-span lock. */
.design-entry__eyebrow,
.design-entry__intro>span,
.choice-copy>span,
.design-mode-head>div>strong,
.location-panel__top>span,
.location-panel h2,
.location-project__name>b,
.project-focus__copy>span,
.project-focus__copy h2,
.country-map__micro>b,
.country-map__caption>span{
  font-family:'Sansation',Arial,sans-serif!important;
}

/* A tighter, homogeneous type scale: no giant title next to microscopic controls. */
.choice-copy h1{font-size:clamp(38px,4vw,58px)}
.design-mode-head>div>strong{font-size:13px;letter-spacing:.15em}
.design-mode-head>div>span,.design-mode-head button{font-size:9px}
.location-panel__top{font-size:9px}
.location-panel h2{font-size:clamp(36px,4.15vw,58px);line-height:.92;margin:16px 0 13px}
.location-panel>p{font-size:10px;letter-spacing:.10em;line-height:1.45}
.location-panel__clear{font-size:9px;letter-spacing:.14em}
.location-project__name>b{font-size:13px}
.project-focus__copy h2{font-size:clamp(38px,4.35vw,62px);line-height:.92}
.project-focus__copy p{font-size:14px}

/* Wheel zoom is available on the globe while drag remains rotation. */
.world-stage canvas{overscroll-behavior:contain}

@media(max-width:800px){
  .choice-copy h1{font-size:clamp(32px,9vw,46px)}
  .design-mode-head>div>strong{font-size:11px}
  .design-mode-head>div>span,.design-mode-head button{font-size:8px}
  .location-panel__top{font-size:8px}
  .location-panel h2{font-size:clamp(30px,8.6vw,43px);line-height:.94}
  .location-panel>p{font-size:9px}
  .location-panel__clear{font-size:8px}
  .project-focus__copy h2{font-size:clamp(32px,9vw,46px)}
}

/* === PRECISION DESIGN MASTER POLISH / 2026-08-23 === */
/* Fixed font policy: Sansation for titles, Calibri for supporting copy. */
.design-entry__eyebrow,
.design-entry__intro,
.choice-copy>span,
.choice-copy>p,
.choice-copy>b,
.design-mode-head>div>span,
.design-mode-head nav,
.location-panel__top,
.location-panel>p,
.location-panel__clear,
.project-focus__copy>span,
.project-focus__copy>p,
.project-focus__facts,
.country-map__caption,
.country-map__micro>b{
  font-family:Calibri,Arial,sans-serif!important;
}
.design-entry__eyebrow,
.choice-copy h1,
.design-mode-head>div>strong,
.orbit-project h2,
.location-panel h2,
.location-project__name>b,
.project-focus__copy h2{
  font-family:'Sansation',Arial,sans-serif!important;
}

/* Homogeneous Design type scale: keep hierarchy without extreme jumps. */
.design-entry__eyebrow{font-size:9px;letter-spacing:.21em}
.design-entry__intro>span{font-size:10.5px;letter-spacing:.18em}
.design-entry__intro>p{display:none!important}
.choice-copy>span{font-size:9px;letter-spacing:.17em;margin-bottom:11px}
.choice-copy h1{font-size:clamp(34px,3.25vw,50px);line-height:.94;letter-spacing:.025em}
.choice-copy p{font-size:11.5px;line-height:1.5;margin:13px 0 15px;max-width:340px}
.choice-copy>b{font-size:8.5px;letter-spacing:.17em}
.design-mode-head>div span{font-size:8.5px;letter-spacing:.18em}
.design-mode-head>div strong{font-size:11px;letter-spacing:.145em;font-weight:300}
.design-mode-head button{font-size:8.5px;letter-spacing:.145em}
.location-panel__top{font-size:8.5px;letter-spacing:.145em}
.location-panel h2{font-size:clamp(34px,3.55vw,49px);line-height:.96;margin:15px 0 12px;letter-spacing:.018em}
.location-panel>p{font-size:9px;letter-spacing:.105em;line-height:1.48}
.location-panel__clear{font-size:8.5px;letter-spacing:.14em}
.location-project__name>b{font-size:12.5px}
.project-focus__copy h2{font-size:clamp(36px,3.75vw,54px);line-height:.95}
.project-focus__copy p{font-size:12.5px;line-height:1.52}

/* No legacy left-bottom world helper block, under any state. */
.world-stage__label{display:none!important}

/* Lyrics: cinematic movie-credit flow from bottom-left. No panel/background. */
.design-lyric-rain{
  z-index:5;
  background:none!important;
  -webkit-mask-image:linear-gradient(to top,transparent 0%,#000 5%,#000 37%,rgba(0,0,0,.84) 41%,rgba(0,0,0,.25) 46%,transparent 49%,transparent 100%);
  mask-image:linear-gradient(to top,transparent 0%,#000 5%,#000 37%,rgba(0,0,0,.84) 41%,rgba(0,0,0,.25) 46%,transparent 49%,transparent 100%);
}
.design-lyric-stanza{
  --lyric-rise:19s;
  --lyric-delay:0s;
  position:absolute;
  left:clamp(18px,3.35vw,54px);
  bottom:-2.5vh;
  width:min(29vw,390px);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.72em;
  font-family:'Sansation',Arial,sans-serif!important;
  font-size:clamp(6.4px,.47vw,8.4px);
  font-weight:300;
  line-height:1.62;
  letter-spacing:.07em;
  color:rgba(205,208,211,.49);
  text-align:left;
  opacity:0;
  will-change:transform,opacity;
  animation:precisionCreditRise var(--lyric-rise) linear var(--lyric-delay) both;
}
.design-lyric-stanza span{
  --sway-x:6px;
  --sway-duration:9s;
  --sway-delay:0s;
  display:block;
  max-width:100%;
  transform:translate3d(0,0,0);
  will-change:transform;
  animation:precisionCreditSway var(--sway-duration) ease-in-out var(--sway-delay) infinite alternate;
}
.design-lyric-rain.is-paused .design-lyric-stanza,
.design-lyric-rain.is-paused .design-lyric-stanza span{animation-play-state:paused}
@keyframes precisionCreditRise{
  0%{opacity:0;transform:translate3d(0,5vh,0)}
  8%{opacity:.72;transform:translate3d(0,1vh,0)}
  52%{opacity:.61;transform:translate3d(0,-23vh,0)}
  72%{opacity:.42;transform:translate3d(0,-34vh,0)}
  86%{opacity:0;transform:translate3d(0,-42.5vh,0)}
  100%{opacity:0;transform:translate3d(0,-48vh,0)}
}
@keyframes precisionCreditSway{
  0%{transform:translate3d(calc(var(--sway-x) * -1),0,0)}
  100%{transform:translate3d(var(--sway-x),0,0)}
}

/* Globe zoom transition: country pin visually hands off to the capital node. */
.world-stage canvas{overscroll-behavior:contain}
.country-transition-node{
  position:absolute;
  z-index:12;
  width:8px;
  height:8px;
  margin:-4px 0 0 -4px;
  border-radius:50%;
  background:#d38b4b;
  box-shadow:0 0 0 7px rgba(201,130,67,.10),0 0 20px rgba(201,130,67,.66);
  pointer-events:none;
  opacity:1;
  transform:scale(1);
  transition:left 1.02s cubic-bezier(.16,.82,.18,1),top 1.02s cubic-bezier(.16,.82,.18,1),transform 1.02s cubic-bezier(.16,.82,.18,1),opacity .34s .78s ease,box-shadow .6s ease;
}
.country-transition-node.is-travelling{
  transform:scale(1.25);
  box-shadow:0 0 0 18px rgba(201,130,67,.06),0 0 34px rgba(201,130,67,.54);
}
.country-transition-node.is-arrived{opacity:0;transform:scale(.72)}
.country-map__node.is-arriving .country-node__core{opacity:0;animation:capitalArrive .5s .72s ease forwards}
.country-map__node.is-arriving .country-node__label{opacity:0;animation:capitalLabelArrive .55s .82s ease forwards}
@keyframes capitalArrive{from{opacity:0;transform:scale(.25);transform-origin:center}to{opacity:1;transform:scale(1)}}
@keyframes capitalLabelArrive{to{opacity:1}}

@media(max-width:800px){
  .choice-copy h1{font-size:clamp(30px,8vw,42px)}
  .choice-copy p{font-size:10.5px}
  .design-mode-head>div strong{font-size:10px}
  .design-mode-head>div span,.design-mode-head button{font-size:7.5px}
  .location-panel h2{font-size:clamp(29px,8vw,40px)}
  .location-panel>p{font-size:8px}
  .design-lyric-stanza{left:14px;width:min(57vw,300px);font-size:clamp(6px,1.5vw,7.4px);gap:.72em}
}

/* ========================================================================== 
   PRECISION TYPOGRAPHY LOCK — visual glyph height ratio 6 / 7.5 / 10
   Values are calibrated at runtime in typography-scale.js against the actual
   Sansation / Calibri glyph bounds. Do not replace these with arbitrary px.
   ========================================================================== */
:root{
  --p-sans-small:16px; --p-sans-meta:18px; --p-sans-ref:20px; --p-sans-hero:27px;
  --p-cal-small:15px; --p-cal-meta:17px; --p-cal-ref:19px; --p-cal-hero:26px;
}

/* Headings remain Sansation. Everything else remains Calibri. */
.design-entry__eyebrow,
.choice-copy h1,
.design-mode-head>div>strong,
.orbit-project h2,
.location-panel h2,
.location-project__name>b,
.project-focus__copy h2,
.country-map__micro span,
.design-lyric-line{
  font-family:'Sansation',Arial,sans-serif!important;
  font-weight:300!important;
}
.design-entry__intro>span,
.choice-copy>span,.choice-copy>p,.choice-copy>b,
.design-mode-head>div>span,.design-mode-head button,
.orbit-project>span,.orbit-project small,
.location-panel__top,.location-panel>p,.location-panel__clear,
.location-project__index,.location-project__name small,
.project-focus__close,.project-focus__copy>span,.project-focus__copy p,
.project-focus__facts,.project-focus__cta,
.country-node__label,.country-map__micro b,.country-map__caption{
  font-family:Calibri,Arial,sans-serif!important;
}

/* 6-unit small tier */
.design-entry__eyebrow,
.choice-copy>span,.choice-copy>b,
.design-mode-head>div>span,.design-mode-head button,
.orbit-project>span,.orbit-project small,
.location-panel__top,
.location-project__index,.location-project__name small,
.project-focus__close,.project-focus__copy>span,.project-focus__facts,
.country-map__micro b,.country-map__caption{
  font-size:var(--p-cal-small)!important;
  line-height:1.12!important;
}

/* 7.5-unit reference tier */
.design-entry__intro>span,
.choice-copy>p,
.location-panel>p,
.location-panel__clear,
.project-focus__copy p,
.project-focus__cta{
  font-size:var(--p-cal-ref)!important;
  line-height:1.32!important;
}
.orbit-project h2,
.location-project__name>b{
  font-size:var(--p-sans-ref)!important;
  line-height:1.05!important;
}

/* 10-unit hero tier: this is the hard maximum for normal UI text. */
.choice-copy h1,
.location-panel h2,
.project-focus__copy h2{
  font-size:var(--p-sans-hero)!important;
  line-height:1.03!important;
  letter-spacing:.025em!important;
}

/* WORLD VIEW hierarchy requested by the user: 6 / 6.75 / 7.5 / 10. */
.location-panel__top>span,
.location-panel__top>b{font-size:var(--p-cal-small)!important}
.location-panel>p#locationMeta{font-size:var(--p-cal-meta)!important;line-height:1.15!important}
.location-panel__clear{font-size:var(--p-cal-ref)!important;line-height:1.1!important}
.location-panel h2{margin:18px 0 17px!important}
.location-panel__top{padding-bottom:13px!important}

/* Top-left helper title and field helper copy were explicitly removed. */
.design-location .design-mode-head>div>strong{display:none!important}
.project-field__hint{display:none!important}
.world-stage__label{display:none!important}
.design-entry__intro>p{display:none!important}

/* Country map decorative code follows the hero ceiling instead of becoming enormous. */
.country-map__micro span{font-size:var(--p-sans-hero)!important;line-height:1!important}
.country-node__label{font-size:var(--p-cal-small)!important;letter-spacing:.12em!important}

/* Keep the right panel readable and remove nested scrollbar chrome. */
.location-projects{scrollbar-width:none!important}
.location-projects::-webkit-scrollbar{display:none!important}

/* Movie-credit / auto-caption lyric layer — no panel and no background. */
.design-lyric-rain{
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  overflow:hidden!important;
  pointer-events:none!important;
  background:none!important;
  opacity:0;
  visibility:hidden;
  transition:opacity .35s ease,visibility .35s ease;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.design-lyric-rain.is-visible{opacity:1;visibility:visible}
.design-lyric-line{
  --lyric-life:9.6s;
  --lyric-delay:0s;
  --lyric-drift:5px;
  position:absolute;
  left:clamp(18px,3.2vw,54px);
  bottom:-1vh;
  width:min(31vw,430px);
  margin:0;
  color:rgba(205,208,211,.50);
  font-size:var(--p-sans-small)!important;
  line-height:1.24!important;
  letter-spacing:.055em;
  white-space:normal;
  text-align:left;
  opacity:0;
  transform:translate3d(0,0,0);
  will-change:transform,opacity;
  animation:precisionLyricCredit var(--lyric-life) linear var(--lyric-delay) both;
}
.design-lyric-line:nth-child(2n){--lyric-drift:-5px}
.design-lyric-line:nth-child(3n){--lyric-drift:3px}
.design-lyric-rain.is-paused .design-lyric-line{animation-play-state:paused}
@keyframes precisionLyricCredit{
  0%{opacity:0;transform:translate3d(calc(var(--lyric-drift) * -.35),4vh,0)}
  10%{opacity:.64;transform:translate3d(calc(var(--lyric-drift) * -.15),0,0)}
  48%{opacity:.56;transform:translate3d(var(--lyric-drift),-23vh,0)}
  68%{opacity:.32;transform:translate3d(calc(var(--lyric-drift) * .35),-34vh,0)}
  80%{opacity:0;transform:translate3d(calc(var(--lyric-drift) * -.15),-41vh,0)}
  100%{opacity:0;transform:translate3d(0,-48vh,0)}
}

/* Country/capital nodes: no white project dots. */
.country-node__project{display:none!important}
.country-transition-node{background:#d38b4b!important}

@media(max-width:800px){
  .design-lyric-line{left:14px;width:min(62vw,320px)}
}

/* Family-correct token mapping: visual height is measured per font family. */
.design-entry__eyebrow{font-size:var(--p-sans-small)!important}
.design-mode-head>div>strong{font-size:var(--p-sans-ref)!important;line-height:1.08!important}
.design-lyric-line{font-size:var(--p-sans-small)!important}
.design-entry__footer,.world-stage__coordinates{
  font-family:Calibri,Arial,sans-serif!important;
  font-size:var(--p-cal-small)!important;
  line-height:1.12!important;
}


/* ========================================================================== 
   PROJECT SEA — FUTURE CURVED WIDESCREEN ORBIT
   Horizontal 5:3 screens, subtle concavity, wider 360° path and independent
   music motion. This block intentionally overrides only Project Sea visuals.
   ========================================================================== */
.project-field{perspective:1450px;perspective-origin:50% 49%}
.project-field__halo{width:min(90vw,1460px)!important;height:min(58vh,590px)!important;opacity:.68}
.orbit-project{
  --proximity-glow:0;
  width:clamp(144px,13.6vw,218px)!important;
  aspect-ratio:5/3!important;
  background:#050505!important;
  border:1px solid rgba(201,130,67,.22)!important;
  border-radius:5% / 10%;
  overflow:visible!important;
  transform-style:preserve-3d;
  backface-visibility:visible;
  box-shadow:
    0 14px calc(34px + var(--music-light,0)*18px) rgba(0,0,0,.48),
    0 0 calc(10px + var(--proximity-glow,0)*34px) rgba(201,130,67,calc(.08 + var(--proximity-glow,0)*.30))!important;
}
.orbit-project,.orbit-project *{cursor:inherit;-webkit-user-drag:none;user-select:none}
.orbit-project>img{border-radius:5% / 10%;overflow:hidden;pointer-events:none}
.orbit-project.has-curved-surface>img{opacity:0!important}
.orbit-project__surface{
  position:absolute;inset:0;z-index:0;
  perspective:760px;transform-style:preserve-3d;
  pointer-events:none;overflow:visible;
  filter:grayscale(1) brightness(.58) contrast(1.055);
  transition:filter .58s ease,transform .58s cubic-bezier(.16,.8,.18,1),box-shadow .32s ease;
}
.orbit-project__slice{
  position:absolute;top:0;bottom:0;
  display:block;background-repeat:no-repeat;
  transform-origin:center center;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.orbit-project:before{
  content:"";position:absolute;z-index:3;inset:-1px;
  border:1px solid rgba(201,130,67,calc(.18 + var(--proximity-glow,0)*.26));border-radius:5% / 10%;
  pointer-events:none;
  box-shadow:
    inset 0 0 20px rgba(255,255,255,.018),
    0 0 0 1px rgba(0,0,0,.38),
    0 0 calc(10px + var(--proximity-glow,0)*26px) rgba(201,130,67,calc(.06 + var(--proximity-glow,0)*.38));
}
.orbit-project:after{
  z-index:1!important;border-radius:5% / 10%;
  background:linear-gradient(180deg,rgba(0,0,0,.02) 52%,rgba(0,0,0,.66) 100%)!important;
  box-shadow:0 0 calc(14px + var(--proximity-glow,0)*34px) rgba(201,130,67,calc(var(--proximity-glow,0)*.28));
}
.orbit-project>span,.orbit-project h2,.orbit-project small{z-index:4!important}
.orbit-project.is-hovered .orbit-project__surface,
.orbit-project:hover .orbit-project__surface,
.orbit-project:focus-visible .orbit-project__surface{
  filter:grayscale(0) brightness(.93) contrast(1.02);
  transform:scale(1.012)
}
.orbit-project:hover img,.orbit-project:focus-visible img,.orbit-project.is-hovered img{transform:none!important}
.orbit-project>span{left:11px!important;bottom:30px!important}
.orbit-project h2{left:11px!important;bottom:11px!important}
.orbit-project small{right:10px!important;bottom:12px!important}
@media(max-width:800px){
  .project-field__halo{width:150vw!important;height:54vh!important}
  .orbit-project{width:38vw!important;min-width:126px!important;max-width:190px!important}
}

/* Smaller physical typography while preserving the approved exact glyph-height ratio. */
:root{
  --p-sans-small:13px;--p-sans-meta:14.5px;--p-sans-ref:16px;--p-sans-hero:22px;
  --p-cal-small:12px;--p-cal-meta:13.5px;--p-cal-ref:15px;--p-cal-hero:21px;
}

/* ========================================================================== 
   PRECISION DESIGN — COLLECTED INTERACTION PASS / 2026-08-24
   ========================================================================== */

/* Entry counters belong to their own card. Typography size is inherited from
   the already-approved calibrated token system; only placement changes. */
.design-entry-card__count{
  position:absolute;
  z-index:4;
  right:clamp(18px,2.4vw,34px);
  bottom:clamp(18px,2.5vh,28px);
  font-family:Calibri,Arial,sans-serif!important;
  font-size:var(--p-cal-small)!important;
  line-height:1.12!important;
  letter-spacing:.16em;
  color:rgba(255,255,255,.34);
  pointer-events:none;
}
.design-entry__footer{min-height:0!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}

/* Project lists no longer carry project numbers. */
.location-project{
  grid-template-columns:70px minmax(0,1fr) 18px!important;
}
.location-project__index{display:none!important}
@media(max-width:800px){
  .location-project{grid-template-columns:54px minmax(0,1fr) 15px!important}
}

/* The orbit itself is the drag surface. Never expose browser image-drag UI. */
.project-field,.project-field *{-webkit-user-drag:none}
.project-field{overscroll-behavior:contain}
.project-field.is-dragging,.project-field.is-dragging *{cursor:grabbing!important}
.orbit-project.is-focusing{opacity:0!important;pointer-events:none!important}

/* Smooth project-to-focus flight. */
.project-flight{
  position:fixed!important;
  z-index:86!important;
  margin:0!important;
  pointer-events:none!important;
  cursor:default!important;
  will-change:transform,opacity!important;
  filter:none!important;
}

/* The screen keeps the subtle curved-display identity and the orange rear LED.
   Proximity is driven continuously by --proximity-glow in design-page.js. */
.orbit-project{
  transform-style:preserve-3d!important;
  backface-visibility:visible!important;
}
.orbit-project:before{
  transition:border-color .22s ease,box-shadow .24s ease!important;
}
.orbit-project.is-hovered:before,
.orbit-project:hover:before,
.orbit-project:focus-visible:before{
  border-color:rgba(216,139,72,.82)!important;
  box-shadow:
    inset 0 0 20px rgba(255,255,255,.018),
    0 0 0 1px rgba(0,0,0,.38),
    0 0 38px rgba(201,130,67,.46)!important;
}

/* Lyrics retain the approved cinematic motion. A separate transparent manual
   browser appears only after wheel-scrolling over the lyrics area. */
.design-lyric-motion{
  position:absolute;
  inset:0;
  opacity:1;
  transition:opacity .24s ease;
  pointer-events:none;
}
.design-lyric-rain.is-browsing .design-lyric-motion{opacity:0}
.design-lyric-browser{
  position:absolute;
  z-index:2;
  left:clamp(18px,3.2vw,54px);
  bottom:1.5vh;
  width:min(31vw,430px);
  height:47vh;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:none;
  pointer-events:none;
  opacity:0;
  transform:translateY(8px);
  transition:opacity .22s ease,transform .28s cubic-bezier(.16,.82,.18,1);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 16%,#000 82%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 16%,#000 82%,transparent 100%);
}
.design-lyric-browser::-webkit-scrollbar{display:none}
.design-lyric-rain.is-browsing .design-lyric-browser{opacity:1;transform:none}
.design-lyric-browser__list{padding:19vh 0 20vh}
.design-lyric-browser__line{
  margin:0 0 1.15em;
  font-family:'Sansation',Arial,sans-serif!important;
  font-size:var(--p-sans-small)!important;
  font-weight:300!important;
  line-height:1.24!important;
  letter-spacing:.055em;
  color:rgba(205,208,211,.34);
  transition:color .18s ease,opacity .18s ease;
}
.design-lyric-browser__line.is-current{color:rgba(214,216,218,.68)}
@media(max-width:800px){
  .design-entry-card__count{right:18px;bottom:16px}
  .design-lyric-browser{left:14px;width:min(62vw,320px)}
}


/* Audio-clock lyric motion: positions/fades are calculated from siteAudio.currentTime.
   This preserves the approved font and visual identity while making pause, seek and
   playback-rate changes perfectly deterministic. */
.design-lyric-line{
  top:0!important;
  bottom:auto!important;
  animation:none!important;
  transition:none!important;
  transform:translate3d(0,0,0);
}
.design-lyric-rain.is-paused .design-lyric-line{animation-play-state:initial!important}

.country-node__label{
  paint-order:normal!important;
  stroke:none!important;
  stroke-width:0!important;
  filter:none!important;
}


/* 2026-08-24 interaction correction: lyric history is panned only inside the
   compact bottom-left reading zone. Wheel input is no longer a lyric control. */
.design-lyric-rain.is-browsing .design-lyric-browser{pointer-events:none}
.design-lyric-rain.is-panning{user-select:none;-webkit-user-select:none}

/* Give the country caption a clean optical safety pocket so the territory
   outline can never visually cut through CITY / COORDINATES. No visible panel. */
.country-map__caption{
  isolation:isolate;
  padding:5px 8px 5px 16px;
}
.country-map__caption:before{
  display:none!important;
}


/* Country view UI cleanup — fixed screen caption + no redundant selected-country meta */
.country-digital-map .country-map__caption{
  position:fixed!important;
  right:clamp(28px,4vw,64px)!important;
  bottom:clamp(26px,4vh,44px)!important;
  left:auto!important;
  top:auto!important;
  z-index:40!important;
  transform:none!important;
  pointer-events:none!important;
  white-space:nowrap;
}
#locationMeta[hidden]{display:none!important;}
@media (max-width:720px){
  .country-digital-map .country-map__caption{right:16px!important;bottom:18px!important;}
}

/* ========================================================================== 
   PRECISION LYRICS — PARTICLE EVAPORATION / 2026-08-25
   The approved rise remains unchanged. Exit is now a physical breakup:
   glyph fragments separate, tiny particles scatter upward, then evaporate.
   ========================================================================== */
.design-lyric-line{
  overflow:visible!important;
  contain:layout style;
  transform-style:preserve-3d;
}
.design-lyric-text{
  position:relative;
  z-index:2;
  display:block;
  color:inherit;
  font:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  white-space:normal;
  overflow:visible;
}
.design-lyric-word{
  display:inline-block;
  white-space:nowrap;
}
.design-lyric-glyph{
  display:inline-block;
  position:relative;
  color:inherit;
  font:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  transform-origin:50% 58%;
  will-change:transform,opacity,filter;
  backface-visibility:hidden;
}
.design-lyric-particles{
  position:absolute;
  z-index:3;
  inset:-18px -34px -82px -34px;
  overflow:visible;
  pointer-events:none;
}
.design-lyric-particle{
  position:absolute;
  display:block;
  border-radius:50%;
  background:var(--particle-color,rgba(225,228,231,.78));
  opacity:0;
  box-shadow:0 0 4px color-mix(in srgb,var(--particle-color,rgba(225,228,231,.78)) 62%,transparent);
  transform:translate3d(0,0,0) scale(.3);
  transform-origin:center;
  will-change:transform,opacity;
}
@supports not (color:color-mix(in srgb,white,black)){
  .design-lyric-particle{box-shadow:0 0 4px rgba(225,228,231,.20)}
}
@media(prefers-reduced-motion:reduce){
  .design-lyric-particle{display:none!important}
  .design-lyric-glyph{filter:none!important}
}

/* ========================================================================== 
   PRECISION PROJECT ORBIT — PREMIUM SCREEN LIGHTING + HIGH-RES TRANSITION
   2026-08-25
   Removes the broad orange halo behind each project screen. The card now sits
   on a deep directional shadow with a restrained architectural bronze rim.
   ========================================================================== */
.orbit-project{
  box-shadow:
    0 24px 48px rgba(0,0,0,.58),
    0 9px 22px rgba(0,0,0,.34),
    0 20px calc(24px + var(--proximity-glow,0)*10px) -22px rgba(201,130,67,calc(.035 + var(--proximity-glow,0)*.095))!important;
}
.orbit-project:before{
  border-color:rgba(201,130,67,calc(.26 + var(--proximity-glow,0)*.18))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 -1px 0 rgba(201,130,67,.12),
    0 0 0 1px rgba(0,0,0,.42)!important;
}
.orbit-project:after{
  background:
    linear-gradient(180deg,rgba(255,255,255,.012) 0%,transparent 18%,transparent 63%,rgba(0,0,0,.18) 78%,rgba(0,0,0,.62) 100%)!important;
  box-shadow:
    inset 0 -18px 34px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.018)!important;
}
.orbit-project.is-hovered,
.orbit-project:hover,
.orbit-project:focus-visible{
  box-shadow:
    0 28px 56px rgba(0,0,0,.62),
    0 11px 26px rgba(0,0,0,.38),
    0 22px 30px -23px rgba(201,130,67,.19)!important;
}
.orbit-project.is-hovered:before,
.orbit-project:hover:before,
.orbit-project:focus-visible:before{
  border-color:rgba(216,139,72,.70)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    inset 0 -1px 0 rgba(216,139,72,.18),
    0 0 0 1px rgba(0,0,0,.46),
    0 10px 22px -20px rgba(216,139,72,.22)!important;
}
.orbit-project__slice{
  transition:background-image .18s linear,filter .32s ease;
}
.orbit-project[data-highres="loading"] .orbit-project__surface{
  filter:grayscale(.78) brightness(.72) contrast(1.045);
}
.orbit-project.is-highres .orbit-project__surface{
  image-rendering:auto;
}

/* Mobile Project Field: pinch-to-zoom is handled by Pointer Events in design-page.js. */
.project-field.is-pinching,
.project-field.is-pinching *{
  touch-action:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}


/* Mobile globe pinch zoom: keep the canvas fully gesture-owned while two fingers are down. */
.world-stage canvas.is-pinching{
  touch-action:none!important;
  cursor:grabbing!important;
}


/* MOBILE INPUT + LYRICS SAFETY LOCK — 2026-08-25
   Pinch gestures are owned by the two Design canvases. Lyrics remain visual
   on phones, while the manual history browser/pan interaction is removed. */
@media (pointer:coarse), (max-width:800px){
  .project-field,
  .project-field *,
  .world-stage,
  .world-stage canvas{
    touch-action:none!important;
    overscroll-behavior:contain!important;
  }
  .design-lyric-rain.is-visible{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:none!important;
  }
  .design-lyric-browser{
    display:none!important;
    pointer-events:none!important;
  }
  .design-lyric-rain.is-browsing .design-lyric-motion{
    opacity:1!important;
  }
  .design-lyric-line{
    left:14px!important;
    width:min(62vw,320px)!important;
  }
}


/* === 2026-08-27 premium globe implementation === */
.world-stage{background:radial-gradient(circle at 50% 44%, rgba(201,130,67,.12), rgba(0,0,0,0) 34%)}
.world-stage canvas#designGlobe,
.world-stage .globe-orbit-back,
.world-stage .globe-orbit-front,
.world-stage .globe-pin-layer{
  position:absolute;inset:0;width:100%;height:100%;display:block
}
.world-stage .globe-orbit-back{z-index:1;pointer-events:none;opacity:.92}
.world-stage canvas#designGlobe{z-index:2;touch-action:none;cursor:grab;filter:saturate(1.02) contrast(1.04)}
.world-stage .globe-orbit-front{z-index:3;pointer-events:none;opacity:.98}
.world-stage .globe-pin-layer{z-index:4;pointer-events:none}
.world-stage:after{background:linear-gradient(90deg,transparent 62%,#020202 100%),radial-gradient(circle at 49% 50%,transparent 36%,rgba(0,0,0,.26) 72%)}
.world-stage.is-country .globe-orbit-back,
.world-stage.is-country .globe-orbit-front,
.world-stage.is-country .globe-pin-layer{opacity:0;transition:opacity .34s ease}
.world-stage.is-country canvas#designGlobe{opacity:.10;filter:blur(1.8px) saturate(.6);transition:opacity .38s ease,filter .38s ease}
.location-panel{background:linear-gradient(180deg, rgba(5,6,8,.04), rgba(5,6,8,.0))}
.location-panel:before{height:86px}
.location-panel__top{padding-bottom:14px}
.location-projects{margin-top:24px}
.location-project{border-top-color:rgba(255,255,255,.065)}
.location-project img{border:1px solid rgba(255,255,255,.06);border-radius:10px}
.location-project__name{display:flex;flex-direction:column;gap:3px}
.location-project__name small{font-size:11px;letter-spacing:.10em;color:rgba(255,255,255,.35);font-weight:300}
.location-project em{font-style:normal;color:var(--d-accent);opacity:.75}

@media (min-width: 901px){
  .world-stage{width:72%}
  .location-panel{width:min(28vw,395px);right:clamp(24px,3.6vw,58px);top:clamp(128px,17vh,180px);bottom:clamp(44px,7.2vh,76px)}
}

@media (max-width:900px) and (orientation:portrait){
  .world-stage{width:100%;height:79%;bottom:auto}
  .world-stage:after{background:linear-gradient(180deg,transparent 64%,rgba(2,2,2,.76) 100%)}
  .location-panel{
    left:auto;right:12px;top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);
    width:min(58vw,250px);height:min(15svh,132px);max-height:min(15svh,132px);
    border-top:0;border-left:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg,rgba(6,7,10,.88),rgba(2,2,2,.58));
    -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
    padding:10px 10px 8px 14px;justify-content:flex-start;overflow:hidden;
    box-shadow:0 14px 30px rgba(0,0,0,.26)
  }
  .location-panel:before{display:block;left:-1px;top:0;width:1px;height:52px;background:linear-gradient(#c98243,transparent)}
  .location-panel__top{padding-bottom:7px!important;font-size:7px!important;letter-spacing:.13em!important}
  .location-panel h2{font-size:clamp(18px,5.8vw,24px)!important;line-height:.92!important;margin:7px 0 5px!important;letter-spacing:.02em!important}
  .location-panel>p#locationMeta{font-size:7.5px!important;line-height:1.15!important;letter-spacing:.11em!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .location-panel__clear{margin-top:6px!important;font-size:7px!important;letter-spacing:.14em!important}
  .location-projects{display:none}
  .world-stage.is-country + .location-panel,
  .location-panel.is-country{width:min(62vw,270px);height:min(28svh,236px);max-height:min(28svh,236px)}
}
@media (max-width:900px) and (orientation:portrait){
  #locationPanel.has-country-projects .location-projects{display:grid;gap:4px;margin-top:8px;max-height:12svh;overflow:auto;padding-right:2px}
  #locationPanel.has-country-projects .location-project{grid-template-columns:34px 1fr auto;gap:8px;padding:3px 0}
  #locationPanel.has-country-projects .location-project img{width:34px}
  #locationPanel.has-country-projects .location-project span{font-size:11px}
  #locationPanel.has-country-projects .location-project b{font-size:11px}
  #locationPanel.has-country-projects .location-project__name small{font-size:8px}
}

@media (min-width:901px) and (max-width:1180px){
  .world-stage{width:69%}
  .location-panel{width:min(30vw,360px)}
  .location-panel h2{font-size:clamp(30px,3.6vw,48px)}
}

/* === 2026-08-27 reference-matched cinematic world view === */
.design-location{
  background:
    radial-gradient(circle at 70% 40%,rgba(91,42,12,.055),transparent 32%),
    #010203;
}
.design-location .design-mode-head{z-index:60}
.world-stage{
  width:100%!important;
  height:100%!important;
  inset:0!important;
  background:
    radial-gradient(circle at 63% 46%,rgba(151,72,18,.055),transparent 31%),
    radial-gradient(circle at 54% 50%,rgba(255,255,255,.012),transparent 48%)!important;
}
.world-stage:before{
  content:"";
  position:absolute;
  z-index:0;
  inset:11% 4% 15%;
  pointer-events:none;
  opacity:.22;
  background-image:
    linear-gradient(rgba(213,137,70,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(213,137,70,.055) 1px,transparent 1px),
    radial-gradient(circle,rgba(230,145,67,.5) 0 1px,transparent 1.4px);
  background-size:64px 64px,64px 64px,123px 107px;
  -webkit-mask-image:radial-gradient(ellipse at 64% 48%,#000 0 32%,transparent 72%);
  mask-image:radial-gradient(ellipse at 64% 48%,#000 0 32%,transparent 72%);
}
.world-stage:after{
  z-index:5!important;
  background:
    linear-gradient(90deg,rgba(1,2,3,.36) 0,transparent 20%,transparent 80%,rgba(1,2,3,.46) 100%),
    linear-gradient(180deg,rgba(1,2,3,.08),transparent 63%,rgba(1,2,3,.58) 100%),
    radial-gradient(circle at 63% 47%,transparent 36%,rgba(0,0,0,.15) 74%)!important;
}
.world-stage canvas#designGlobe,
.world-stage .globe-orbit-back,
.world-stage .globe-orbit-front,
.world-stage .globe-pin-layer{inset:0!important;width:100%!important;height:100%!important}
.world-stage .globe-orbit-back{opacity:.82!important}
.world-stage canvas#designGlobe{filter:saturate(.94) contrast(1.065)!important}
.world-stage .globe-orbit-front{opacity:.90!important}
.world-stage__coordinates{display:none!important}
.world-stage__brand{
  position:absolute;
  z-index:7;
  left:6.2vw;
  top:48%;
  display:grid;
  gap:13px;
  pointer-events:none;
  transform:translateY(-50%);
  font-family:'Sansation',Arial,sans-serif;
  font-weight:300;
  letter-spacing:.32em;
}
.world-stage__brand span,
.world-stage__brand b{font-size:clamp(17px,1.45vw,25px);line-height:1;font-weight:300;color:rgba(255,255,255,.82)}
.world-stage__brand b{color:rgba(208,124,50,.92)}
.world-stage__brand i{display:block;width:35px;height:1px;margin-top:17px;background:rgba(255,255,255,.5)}
.world-stage__brand small{margin-top:2px;font-size:7px;letter-spacing:.20em;color:rgba(255,255,255,.26)}

.location-panel{
  z-index:24!important;
  left:4vw!important;
  right:4vw!important;
  top:auto!important;
  bottom:3.1vh!important;
  width:auto!important;
  height:118px!important;
  padding:0 28px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  display:grid!important;
  grid-template-columns:minmax(260px,.9fr) minmax(420px,1.55fr) auto!important;
  align-items:center!important;
  gap:26px!important;
  background:linear-gradient(90deg,rgba(3,4,5,.78),rgba(3,4,5,.55),rgba(3,4,5,.82))!important;
  -webkit-backdrop-filter:blur(14px)!important;
  backdrop-filter:blur(14px)!important;
  box-shadow:0 22px 80px rgba(0,0,0,.32)!important;
  overflow:hidden!important;
}
.location-panel:before{left:-1px!important;top:0!important;width:1px!important;height:78px!important;background:linear-gradient(#da873f,transparent)!important}
.location-panel__summary{min-width:0;padding-right:26px;border-right:1px solid rgba(255,255,255,.075)}
.location-panel__top{padding:0 0 8px!important;border:0!important;font-size:7px!important;letter-spacing:.17em!important}
.location-panel__top>span{color:rgba(255,255,255,.60)!important}
.location-panel__top>b{color:rgba(210,127,53,.86)!important}
.location-panel h2{margin:4px 0 6px!important;font-size:clamp(22px,2.1vw,34px)!important;line-height:.90!important;color:rgba(255,255,255,.82)!important}
.location-panel #locationMeta{margin:0!important;font-size:7px!important;letter-spacing:.12em!important;color:rgba(255,255,255,.30)!important;white-space:nowrap}
.location-facts{display:grid;grid-template-columns:repeat(3,minmax(112px,1fr));height:64px;align-items:center}
.location-facts>span{height:54px;display:grid;place-content:center;gap:5px;text-align:center;border-left:1px solid rgba(255,255,255,.07)}
.location-facts>span:first-child{border-left:0}
.location-facts b{font-family:'Sansation',Arial,sans-serif;font-size:18px;font-weight:300;letter-spacing:.09em;color:rgba(212,130,56,.92)}
.location-facts small{font-size:6px;letter-spacing:.17em;color:rgba(255,255,255,.28)}
.location-panel__clear{margin:0!important;padding:12px 0!important;white-space:nowrap;font-size:7px!important;color:rgba(255,255,255,.45)!important}
.location-panel__clear:hover{color:#fff!important}
.location-projects{display:none;margin:0!important;max-height:92px!important}
.location-panel.has-country-projects{grid-template-columns:minmax(210px,.55fr) minmax(0,1.8fr) auto!important}
.location-panel.has-country-projects .location-facts{display:none}
.location-panel.has-country-projects .location-projects{display:flex!important;gap:12px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 7px}
.location-panel.has-country-projects .location-project{flex:0 0 218px;grid-template-columns:54px 1fr auto;gap:10px;padding:6px 0;margin:0}
.location-panel.has-country-projects .location-project img{width:54px}
.location-panel.has-country-projects .location-project__name b{font-size:12px}
.location-panel.has-country-projects .location-project__name small{font-size:8px}

@media (max-width:900px) and (orientation:portrait){
  .world-stage{height:100%!important}
  .world-stage:before{inset:10% 0 26%;background-size:46px 46px,46px 46px,92px 81px;-webkit-mask-image:radial-gradient(ellipse at 62% 40%,#000 0 26%,transparent 68%);mask-image:radial-gradient(ellipse at 62% 40%,#000 0 26%,transparent 68%)}
  .world-stage:after{background:linear-gradient(180deg,rgba(1,2,3,.06),transparent 55%,rgba(1,2,3,.72) 82%)!important}
  .world-stage__brand{left:20px;top:58%;gap:8px;letter-spacing:.25em}
  .world-stage__brand span,.world-stage__brand b{font-size:13px}
  .world-stage__brand i{width:28px;margin-top:10px}
  .world-stage__brand small{display:none}
  .location-panel{
    left:12px!important;right:12px!important;bottom:calc(env(safe-area-inset-bottom,0px) + 11px)!important;
    width:auto!important;height:116px!important;max-height:116px!important;
    padding:11px 13px!important;grid-template-columns:1fr auto!important;gap:10px!important;
    background:linear-gradient(90deg,rgba(3,4,5,.88),rgba(3,4,5,.66))!important;
  }
  .location-panel__summary{padding-right:10px;border-right:0}
  .location-panel__top{font-size:6px!important;padding-bottom:4px!important}
  .location-panel h2{font-size:21px!important;margin:3px 0 5px!important}
  .location-panel #locationMeta{font-size:6px!important;max-width:68vw;overflow:hidden;text-overflow:ellipsis}
  .location-facts{display:none!important}
  .location-panel__clear{font-size:6px!important;max-width:74px;white-space:normal;line-height:1.45!important;text-align:left}
  .location-panel.has-country-projects{height:min(31svh,250px)!important;max-height:min(31svh,250px)!important;grid-template-columns:1fr!important;grid-template-rows:auto 1fr auto!important}
  .location-panel.has-country-projects .location-projects{display:grid!important;gap:4px;overflow-y:auto;overflow-x:hidden;max-height:13svh!important}
  .location-panel.has-country-projects .location-project{width:100%;grid-template-columns:38px 1fr auto;min-height:42px;padding:3px 0}
  .location-panel.has-country-projects .location-project img{width:38px}
}

@media (min-width:901px) and (max-height:760px){
  .location-panel{height:98px!important;bottom:18px!important}
  .location-panel__summary{padding-right:18px}
  .location-panel h2{font-size:24px!important}
  .location-facts{height:52px}
  .world-stage__brand{top:49%}
}

@media (min-width:901px) and (max-width:1100px) and (orientation:portrait){
  .world-stage:before{
    inset:10% 0 18%;
    background-size:54px 54px,54px 54px,108px 94px;
    -webkit-mask-image:radial-gradient(ellipse at 66% 46%,#000 0 29%,transparent 70%);
    mask-image:radial-gradient(ellipse at 66% 46%,#000 0 29%,transparent 70%);
  }
  .world-stage__brand{left:3.8vw;top:58.5%;gap:15px;letter-spacing:.34em}
  .world-stage__brand span,.world-stage__brand b{font-size:21px}
  .world-stage__brand i{width:36px;margin-top:18px}
  .world-stage__brand small{display:none}
  .location-panel{
    left:3.8vw!important;right:3.8vw!important;bottom:3.8vh!important;
    height:132px!important;padding:0 28px!important;
    grid-template-columns:minmax(230px,.9fr) minmax(390px,1.5fr) auto!important;
  }
}

/* 2026-08-27 — clean right-side information rail.
   The left third stays completely free for the lyric system. */
.world-stage__brand{display:none!important}
.location-panel{
  left:29vw!important;
  right:4vw!important;
  height:88px!important;
  padding:0 24px!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:20px!important;
}
.location-panel:not(.has-country-projects) .location-panel__summary{display:none!important}
.location-panel:not(.has-country-projects) .location-facts{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(104px,1fr))!important;
  width:100%;
  height:58px;
}
.location-panel__top>span{display:none!important}
.location-panel.has-country-projects{
  height:118px!important;
  grid-template-columns:minmax(190px,.52fr) minmax(0,1.75fr) auto!important;
}
.location-panel.has-country-projects .location-panel__summary{display:block!important}

@media (max-width:900px) and (orientation:portrait){
  .location-panel{
    left:34vw!important;
    right:12px!important;
    height:86px!important;
    max-height:86px!important;
    padding:8px 11px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  .location-panel:not(.has-country-projects) .location-facts{
    grid-template-columns:repeat(2,minmax(58px,1fr))!important;
    height:54px!important;
  }
  .location-panel:not(.has-country-projects) .location-facts>span:nth-child(2){display:none}
  .location-facts b{font-size:14px!important}
  .location-facts small{font-size:5.5px!important;letter-spacing:.10em!important}
  .location-panel.has-country-projects{
    left:24vw!important;
    height:min(31svh,250px)!important;
    max-height:min(31svh,250px)!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto 1fr auto!important;
  }
}