/* Page worlds (job j1010-b28518). The scene is the page: no card, no border — a full-bleed world behind the top of the
   page, fading into the page's own paper at both ends; the copy floats over it; labels are pinned to objects.
   Only pages with body.has-world load this file. */
body.has-world{position:relative}
.world{position:absolute;top:0;left:0;width:100%;height:0;z-index:0;pointer-events:none;overflow:hidden}
.world canvas{display:block;width:100%;height:100%;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,transparent var(--f0),#000 var(--f1),#000 var(--f2),transparent 100%);
          mask-image:linear-gradient(to bottom,transparent 0,transparent var(--f0),#000 var(--f1),#000 var(--f2),transparent 100%)}
.has-world main.shell,.has-world footer{position:relative;z-index:1}
.has-world .topbar{background:rgba(253,250,244,.62)!important}
.world-gap{pointer-events:none;height:330px}
.world-gap.g-districts{height:360px}
.world-gap.g-far{height:320px}
.world-gap.g-notes{height:380px}
.world-pins{position:absolute;top:0;left:0;width:100%;height:0;z-index:3;pointer-events:none;overflow:hidden}
.world-pin{position:absolute;left:0;top:0;pointer-events:auto;text-decoration:none;will-change:transform}
.world-pin .chip{position:absolute;left:0;bottom:7px;transform:translateX(-50%);font-size:8.5px;padding:3px 8px;white-space:nowrap;
  background:rgba(255,252,246,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 3px 10px rgba(61,41,26,.18);border:1px solid rgba(255,255,255,.7)}
.world-pin:after{content:"";position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px rgba(201,67,43,.85)}
.world-pin.live .chip{background:rgba(201,67,43,.92);color:#fff;border-color:transparent}
/* copy that sits over the scene gets a soft paper halo, not a box */
.has-world .hero h1,.has-world .hero p,.has-world .cn-head,.has-world .who-intro h1,.has-world .who-intro .hero-s{text-shadow:0 0 18px rgba(253,250,244,.95),0 0 4px rgba(253,250,244,.9)}
.has-world .board,.has-world .itin-wrap .itin,.has-world .card.wflow{box-shadow:0 -10px 30px rgba(61,41,26,.08),0 6px 18px rgba(61,41,26,.07)}
/* desktop two-column layouts: the window is a full-width band, never a grid cell that pushes the columns around */
@media (min-width:1100px){
 .home-top>.world-gap{grid-column:1/-1;grid-row:2}
 .itin-wrap>.world-gap{grid-column:1/-1}
}