/* 4502 refinement: edge-to-edge navigation, sustained depth, quiet controls. */
.foundry-variant .site-header{padding-inline:0;background:#191C1C;border-bottom:1px solid #484B46}
.foundry-variant .nav-shell{max-width:none;width:100%;padding-inline:max(var(--sc-gutter),calc((100% - 1280px)/2));border-bottom:0;background:transparent;box-sizing:border-box}
.fold-hero #foundry-motion{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #73776C;border-radius:50%;background:#202524;color:#F1BC99;margin-left:16px}
.fold-hero #foundry-motion[hidden]{display:none}
.fold-hero #foundry-motion:hover{background:#35403A;border-color:#EDAA84}
.fold-hero #foundry-motion svg{display:block;width:15px;height:15px;fill:currentColor}
.fold-hero #foundry-motion .motion-play{display:none}
.fold-hero #foundry-motion[aria-pressed=true] .motion-pause{display:none}
.fold-hero #foundry-motion[aria-pressed=true] .motion-play{display:block}
.fold-hero[data-scroll-ready=true]{height:380svh}
.fold-hero .foundry-copy{transform:translateY(calc(var(--fold-depth,0) * -12px))}
.foundry-story .positioning{position:relative;isolation:isolate;overflow:clip}
.bridge-fold{position:absolute;right:-2%;top:0;width:48%;height:100%;max-height:440px;color:#A25C38;opacity:.18;z-index:-1;fill:none;stroke:currentColor;stroke-width:1;transform:translateY(calc((1 - var(--line-p,1)) * -45px))}
.bridge-fold path{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--line-p,1))}
/* Measure the visual itself: movement continues while the visitor examines it. */
.boxing-screen-world{--visual-p:.5;isolation:isolate}
.boxing-browser{clip-path:none!important;transform-origin:50% 60%;transform:translate3d(calc((.5 - var(--visual-p)) * 65px),calc((.6 - var(--visual-p)) * 95px),0) rotateX(calc(7deg - var(--visual-p) * 9deg)) rotateY(calc(-9deg + var(--visual-p) * 13deg)) rotate(calc(-2deg + var(--visual-p) * 3deg)) scale(calc(.94 + var(--visual-p) * .075));will-change:transform}
.boxing-invitation{transform:translate3d(calc(-45px + var(--visual-p) * 90px),calc(70px - var(--visual-p) * 135px),70px) rotate(calc(-9deg + var(--visual-p) * 11deg));will-change:transform}
.boxing-backplate{transform:translate3d(calc(35px - var(--visual-p) * 70px),calc(-20px + var(--visual-p) * 35px),-100px) rotate(calc(-9deg + var(--visual-p) * 7deg))}
.boxing-ropes{position:absolute;inset:-6% -17% 0 -9%;z-index:-1;width:126%;height:106%;fill:none;stroke:#A25834;stroke-width:1;opacity:.35;transform:translateY(calc((.5 - var(--visual-p)) * -90px)) rotate(-4deg);pointer-events:none}
.boxing-ropes path{vector-effect:non-scaling-stroke}
.os-screen-world{--visual-p:.5;isolation:isolate;padding-top:65px;margin-top:35px}
.os-screen-world>.os-capture-stage{transform-origin:50% 65%;transform:translate3d(calc((.5 - var(--visual-p)) * 35px),calc((.5 - var(--visual-p)) * 85px),50px) rotateX(calc(6deg - var(--visual-p) * 8deg)) rotateY(calc(9deg - var(--visual-p) * 13deg)) rotate(calc(-1.2deg + var(--visual-p) * 2deg)) scale(calc(.94 + var(--visual-p) * .07));will-change:transform}
.os-source-plane{left:-10%;top:-10px;width:56%;transform:translate3d(calc(35px - var(--visual-p) * 95px),calc(35px - var(--visual-p) * 100px),-100px) rotate(calc(-12deg + var(--visual-p) * 7deg));will-change:transform}
.os-command-plane{position:absolute;right:-3%;top:-15px;width:48%;z-index:1;border:1px solid #63706B;border-radius:4px;background:#10191E;overflow:hidden;box-shadow:0 16px 30px #07131D55;transform:translate3d(calc(-60px + var(--visual-p) * 110px),calc(30px - var(--visual-p) * 85px),-130px) rotate(calc(9deg - var(--visual-p) * 7deg));will-change:transform}
.os-command-plane img{display:block;width:100%;height:auto}
.os-connections{position:absolute;inset:-20px -12%;width:124%;height:100%;z-index:0;pointer-events:none;fill:none;stroke:#D0AB853D;stroke-width:1;transform:rotate(calc(-8deg + var(--visual-p) * 10deg))}
.os-connections path{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--visual-p));vector-effect:non-scaling-stroke}
@media(max-width:850px){.os-screen-world{padding-top:65px;margin-top:45px}.os-command-plane{right:-1%;width:50%}}
@media(max-width:700px){
 .fold-hero[data-scroll-ready=true]{height:320svh}
 .foundry-variant .nav-shell{padding-inline:var(--sc-gutter)}
 .fold-hero #foundry-motion{width:44px;height:44px;min-height:44px;margin-left:12px}
 .boxing-browser{transform:translate3d(0,calc((.6 - var(--visual-p)) * 55px),0) rotateY(calc(-5deg + var(--visual-p) * 7deg)) rotate(calc(-1deg + var(--visual-p) * 1.5deg)) scale(calc(.96 + var(--visual-p) * .045))}
 .boxing-invitation{transform:translate3d(calc(-16px + var(--visual-p) * 32px),calc(35px - var(--visual-p) * 75px),35px) rotate(calc(-7deg + var(--visual-p) * 8deg))}
 .boxing-ropes{opacity:.28}
 .os-screen-world{padding-top:45px;margin-top:45px;padding-bottom:35px}
 .os-screen-world>.os-capture-stage{transform:translateY(calc((.5 - var(--visual-p)) * 45px)) rotateY(calc(5deg - var(--visual-p) * 7deg)) scale(calc(.97 + var(--visual-p) * .035))}
 .os-source-plane{left:0;top:0;width:55%;transform:translate3d(calc(10px - var(--visual-p) * 20px),calc(20px - var(--visual-p) * 30px),-60px) rotate(calc(-8deg + var(--visual-p) * 4deg))}
 .os-command-plane{right:0;top:0;width:50%;transform:translate3d(calc(-15px + var(--visual-p) * 30px),calc(20px - var(--visual-p) * 35px),-80px) rotate(calc(7deg - var(--visual-p) * 4deg))}
 .bridge-fold{width:70%;right:-25%;opacity:.13}
}
@media(max-width:700px) and (max-height:789px){.fold-hero[data-scroll-ready=true]{height:340svh}}
@media(min-width:701px) and (max-height:649px){.fold-hero[data-scroll-ready=true]{height:auto}}
/* A stopped scene retains its exact current composition. Preferences use calm poses. */
html[data-motion-paused=true] :is(.boxing-browser,.boxing-invitation,.boxing-backplate,.os-capture-stage,.os-source-plane,.os-command-plane){will-change:auto}
html:not(.js) :is(.boxing-screen-world,.os-screen-world),html[data-save-data=true] :is(.boxing-screen-world,.os-screen-world){--visual-p:.55!important}
html[data-save-data=true] .fold-hero[data-scroll-ready=true]{height:auto}
@media(prefers-reduced-motion:reduce){
 .fold-hero[data-scroll-ready=true]{height:auto}
 .fold-hero .foundry-copy{transform:none}
 :is(.boxing-screen-world,.os-screen-world){--visual-p:.55!important}
 :is(.boxing-browser,.boxing-invitation,.os-capture-stage,.os-source-plane,.os-command-plane){will-change:auto}
}