/* v0.7 — folded stock is a structural transition, never a decorative dashed line. */
:root{--fold-ink:#22313A;--fold-paper:#FFF8EC;--fold-signal:#F5D768}
.atlas-foldline{z-index:3;filter:drop-shadow(7px 0 9px rgba(18,29,35,.2))}
.atlas-hero .atlas-can-spot{z-index:5}
.atlas-hero .atlas-margin-tick{opacity:.56}
.atlas-dek{font-size:16px;max-width:370px;line-height:1.54}
/* A single angular seam that is visible as folded material with a highlight and shadow. */
.the-bridge{display:grid;grid-template-columns:minmax(0,49%) minmax(0,51%);min-height:530px;background:var(--ink);position:relative;isolation:isolate;overflow:hidden;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}
.hinge-object{position:relative;background:var(--blue);padding:26px 35px 28px clamp(24px,5vw,76px);color:var(--ink);min-width:0;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.hinge-object:before{content:"";inset:-15%;position:absolute;background:radial-gradient(circle at 24% 48%,rgba(255,248,236,.74),transparent 52%),repeating-linear-gradient(10deg,transparent 0 12px,rgba(34,49,58,.018) 13px 14px);pointer-events:none}
.hinge-kicker{font:800 10px/1.35 var(--mono);letter-spacing:.08em;position:relative;z-index:2}
.hinge-ghost{position:absolute;left:7%;top:16%;font:italic 300 clamp(155px,17vw,300px)/.9 var(--serif);letter-spacing:-.1em;color:rgba(34,49,58,.08);pointer-events:none}
.hinge-visual{position:relative;margin:0 auto;display:flex;align-items:center;justify-content:center;width:60%;height:365px;z-index:1}
.hinge-visual img{height:100%;max-width:100%;object-fit:contain;transform:rotate(-8deg);filter:drop-shadow(16px 18px 11px rgba(20,32,37,.25));transition:transform .35s ease}
.hinge-visual img:hover{transform:rotate(-5deg) translateY(-5px)}
.hinge-object-footer{display:grid;gap:6px;position:relative;z-index:2;max-width:300px}
.hinge-object-footer>span{font:800 10px/1.3 var(--mono);letter-spacing:.07em}
.hinge-object-footer strong{font:600 clamp(35px,4vw,61px)/1 var(--serif);letter-spacing:-.06em}
.hinge-object-footer small{font:450 13px/1.5 var(--sans);max-width:310px}
.hinge-seam{position:absolute;z-index:6;left:calc(49% - 59px);top:0;width:118px;height:100%;filter:drop-shadow(6px 0 9px rgba(4,16,18,.2));pointer-events:none}
.hinge-seam svg{width:100%;height:100%}
.hinge-evidence{min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:13px;background:var(--ink);padding:32px clamp(23px,5vw,72px) 30px max(65px,10%);color:var(--paper)}
.hinge-evidence .hinge-kicker{color:var(--blue)}
.hinge-evidence h2{font:500 clamp(41px,5.3vw,75px)/.96 var(--serif);letter-spacing:-.062em;max-width:550px;margin:22px 0 5px}
.hinge-evidence h2 em{color:var(--yellow);font-style:italic}
.hinge-measure{border-top:1px solid rgba(255,248,236,.45);padding:20px 0 12px;display:grid;gap:6px}
.hinge-measure span{font:700 10px/1.4 var(--mono);letter-spacing:.08em;color:var(--blue);text-transform:uppercase}
.hinge-measure strong{font:850 clamp(46px,5.3vw,72px)/1 var(--sans);letter-spacing:-.075em;color:var(--yellow)}
.hinge-evidence p{font-size:15px;line-height:1.58;max-width:460px;margin:2px 0 4px}
.hinge-link{border-bottom:1px solid rgba(255,248,236,.55);padding:12px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;text-decoration:none;font:750 11px/1.3 var(--mono);letter-spacing:.07em;max-width:350px;color:var(--paper)}
.hinge-link:hover{color:var(--yellow)}
.hinge-link span{font-size:20px}
/* Selected decision is an actual second folded spread; the same crease geometry carries through. */
.fold-proof{grid-template-columns:minmax(0,45%) minmax(0,55%);min-height:480px;border:0;box-shadow:7px 9px 0 rgba(34,49,58,.14);margin-top:28px}
.fold-proof-object{background:var(--persimmon);padding:26px 32px 22px}
.fold-proof-art{inset:40px 20px 20px}
.fold-proof-art img{max-width:59%;height:95%}
.fold-proof-name{padding:10px 16px 14px;max-width:86%;background:var(--paper);clip-path:polygon(0 0,100% 0,100% 80%,94% 100%,0 100%);border:0}
.fold-proof-name:after{content:'';position:absolute;width:18px;height:18px;right:0;bottom:0;background:rgba(34,49,58,.13);clip-path:polygon(0 0,100% 100%,0 100%)}
.fold-proof-name strong{font-size:clamp(23px,2.5vw,35px)}
.fold-proof-economics{padding:25px clamp(22px,4.5vw,70px) 30px max(70px,10%)}
.fold-proof-topline{font-size:clamp(30px,3.3vw,49px);line-height:1.06;max-width:390px}
.fold-proof-number{font-size:clamp(44px,5.5vw,75px)}
.fold-proof-seam{position:absolute;z-index:5;left:calc(45% - 58px);top:0;height:100%;width:115px;filter:drop-shadow(6px 0 8px rgba(4,16,18,.19))}
.fold-proof-seam svg{width:100%;height:100%;display:block}
.fold-proof-label{padding:16px 2px 14px;color:#4e626a}
.map-cell.map-active:before{clip-path:polygon(0 0,100% 0,100% 100%);background:var(--ink)}
.map-cell.map-active:after{content:'';position:absolute;right:0;top:0;width:31px;height:31px;background:var(--paper);clip-path:polygon(0 0,100% 100%,0 100%);opacity:.8}
/* Purposeful chapter signifiers, not decorative repeated stripes. */
.atlas-storyrail>div{position:relative}
.atlas-storyrail>div.active:after{content:'';position:absolute;top:0;right:0;width:22px;height:22px;background:var(--ink);clip-path:polygon(0 0,100% 0,100% 100%)}
.atlas-storyrail>div.active:before{content:'';position:absolute;top:0;right:0;width:22px;height:22px;background:var(--paper);clip-path:polygon(0 0,100% 100%,0 100%);z-index:1}
/* Stronger section transitions: calm information surfaces between two high-energy folded spreads. */
.model-section{background:var(--paper)}
.decision-map{border-top:1.5px solid var(--ink)}
@media(max-width:940px){
 .the-bridge{grid-template-columns:1fr;min-height:0}
 .hinge-object{height:370px;padding:18px 25px 28px}
 .hinge-visual{position:absolute;right:8%;top:10%;height:300px;width:50%;margin:0}
 .hinge-ghost{top:6%;left:4%;font-size:215px}
 .hinge-object-footer{margin-top:auto;max-width:46%}
 .hinge-object-footer strong{font-size:43px}
 .hinge-seam{width:100%;height:58px;left:0;top:calc(370px - 28px);transform:rotate(-1deg);filter:none}
 .hinge-seam svg{display:none}
 .hinge-seam:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#FFF8EC 0%,#FFD6AB 20%,#6f8990 64%,#22313A 100%);clip-path:polygon(0 43%,48% 10%,100% 46%,100% 84%,48% 48%,0 90%)}
 .hinge-evidence{padding:50px 25px 30px;gap:14px}
 .hinge-evidence h2{margin-top:12px}
 .fold-proof{grid-template-columns:1fr}
 .fold-proof-object{height:390px;padding:20px 24px}
 .fold-proof-art{inset:32px 8% 22px}
 .fold-proof-art img{max-width:65%;height:100%}
 .fold-proof-economics{padding:44px 26px 28px}
 .fold-proof-seam{width:100%;height:70px;left:0;top:calc(390px - 34px);filter:none}
 .fold-proof-seam svg{display:none}
 .fold-proof-seam:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#FFF8EC 0%,#E7A98B 35%,#22313A 100%);clip-path:polygon(0 50%,49% 0,100% 50%,100% 100%,49% 50%,0 100%)}
 .fold-proof-topline{margin-top:18px}
}
@media(max-width:520px){
 .hinge-object{height:360px;padding:17px}
 .hinge-visual{height:280px;right:0;top:4%;width:56%}
 .hinge-object-footer{max-width:56%;gap:3px}
 .hinge-object-footer strong{font-size:38px}
 .hinge-object-footer small{font-size:11px;max-width:180px}
 .hinge-seam{top:calc(360px - 28px)}
 .hinge-evidence{padding:46px 18px 25px}
 .hinge-evidence h2{font-size:41px}
 .hinge-measure strong{font-size:52px}
 .hinge-evidence p{font-size:13px}
 .fold-proof-object{height:340px}
 .fold-proof-art img{max-width:73%}
 .fold-proof-seam{top:calc(340px - 34px)}
 .fold-proof-economics{padding:44px 19px 24px}
 .fold-proof-name strong{font-size:24px}
 .fold-proof-number{font-size:54px}
 .fold-proof-label{font-size:8px;gap:12px;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){.hinge-visual img{transition:none}}

@media(max-width:940px){
 .hinge-object-footer{z-index:3;background:rgba(255,248,236,.93);padding:11px 12px 12px;border-left:3px solid var(--ink);max-width:53%;width:fit-content;box-shadow:3px 4px 0 rgba(34,49,58,.12)}
 .hinge-object-footer strong{font-size:36px}
 .hinge-object-footer small{font-size:11px}
}
@media(max-width:520px){
 .hinge-object-footer{max-width:53%;padding:8px 8px 10px}
 .hinge-object-footer strong{font-size:32px}
 .hinge-visual{height:300px;right:0;top:3%}
}

@media(max-width:520px){
 .hinge-object-footer{margin-bottom:50px}
 .hinge-object-footer strong{font-size:30px}
 .hinge-evidence .hinge-measure strong{font-size:clamp(43px,12vw,56px)}
}