/* Remote inspection benchmark: scoped to preserve every other case study. */
.inspection-story{--story-paper:#f5eedc;--story-green:#103f31;--story-pink:#c25280}
.inspection-story .case-nav{padding:30px 4.5vw}
.inspection-story .case-opening{padding:55px 4.5vw 70px;grid-template-columns:minmax(0,44fr) minmax(0,56fr);gap:3vw;min-height:620px}
.inspection-story .case-heading h1{font-size:clamp(42px,4.6vw,72px);overflow-wrap:normal}
.inspection-story .case-summary{font-size:18px;line-height:1.65;max-width:465px}
.inspection-story .case-role{font-size:14px}
.inspection-story .case-cover{box-shadow:none;transform:rotate(1deg);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.story-invitation{display:inline-flex;align-items:center;min-height:44px;margin-top:50px;text-decoration:none;font-size:13px;letter-spacing:.7px;color:#516858}
.story-layout{display:grid;grid-template-columns:25% minmax(0,1fr);column-gap:5vw;border-top:1px solid #103f3133;margin:0 4.5vw}
.chapter-guide{grid-column:1;grid-row:1;align-self:start;position:sticky;top:36px;padding-top:50px;font-size:13px}
.chapter-guide nav{display:grid;gap:4px;margin-top:24px}
.chapter-guide a{display:flex;align-items:center;min-height:44px;text-decoration:none;color:#516858;border-left:3px solid transparent;padding-left:15px;margin-left:-18px}
.chapter-guide a[aria-current]{border-color:#ff4395;color:#103f31}
.chapter{scroll-margin-top:35px;min-width:0}
.contribution{grid-column:2;padding:50px 0 80px}
.chapter-title{display:flex;gap:25px;align-items:baseline}
.chapter-number{font:italic 23px Georgia,serif;color:var(--story-pink)}
.chapter h2{font:clamp(32px,3.4vw,49px)/1.15 Georgia,serif;margin:0}
.chapter p{font-size:20px;line-height:1.7;margin:25px 0 0;max-width:840px}
.contribution p,.delivery-labels{margin-left:50px}
.delivery-labels{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #103f3133;margin-top:40px;padding-top:28px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#516858}
.decision{grid-column:1/-1;background:#103f31;color:#f5eedc;margin:0 -4.5vw;padding:65px 4.5vw 90px}
.decision>.tag{color:#ffe79a}
.decision-content{display:grid;grid-template-columns:1.1fr 1fr;gap:9vw;align-items:start;margin-top:40px}
.decision h2{font-size:clamp(34px,4vw,59px)}
.decision h2:after{content:'';display:block;height:2px;width:150px;background:#c25280;opacity:.6;margin-top:28px}
.decision p{margin:0;font-size:20px}
.perspective{grid-column:1/-1;display:grid;grid-template-columns:40% minmax(0,1fr);gap:4vw;padding:65px 0}
.perspective p{font:clamp(23px,2vw,29px)/1.5 Georgia,serif;margin:0}
.inspection-story .case-next{margin:0 4.5vw;padding:35px 0 55px;align-items:start}
.inspection-story .case-next>a:first-child{font:14px Arial,sans-serif;color:#516858}
.inspection-story .case-next>a:last-child{display:grid;gap:18px;font-size:30px}
.inspection-story .case-next .tag{font:10px Arial,sans-serif;letter-spacing:2px;color:#516858}
.inspection-story .case-footer{padding-inline:4.5vw}
.inspection-story.motion-ready .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.inspection-story.motion-ready .reveal.is-visible{opacity:1;transform:none}
.inspection-story.art-entering .case-cover{transform:translateY(15px) rotate(2deg)}
@media(max-width:750px){
.inspection-story .case-nav{padding:24px 6vw}
.inspection-story .case-opening{grid-template-columns:minmax(0,1fr);padding:35px 6vw;gap:35px;min-height:0}
.inspection-story .case-heading h1{font-size:clamp(37px,9vw,57px);letter-spacing:-1.2px}
.inspection-story .case-summary{font-size:16px;margin-top:25px}
.inspection-story .case-role{font-size:12px}
.inspection-story .case-cover{transform:none;margin-inline:-2vw}
.story-invitation{margin-top:20px}
.story-layout{display:block;margin-inline:6vw}
.chapter-guide{display:none}
.contribution{padding:40px 0 55px}
.chapter-title{display:block}
.chapter-number{display:block;font:11px Arial,sans-serif;letter-spacing:2px;margin-bottom:22px}
.chapter h2{font-size:35px}
.chapter p{font-size:16px;line-height:1.8;margin-left:0}
.delivery-labels{margin-left:0;gap:10px;font-size:9px;letter-spacing:1px}
.decision{margin-inline:-6vw;padding:45px 6vw 65px}
.decision-content{grid-template-columns:minmax(0,1fr);gap:30px;margin-top:30px}
.decision h2{font-size:clamp(32px,8vw,42px)}
.decision p{margin:0}
.perspective{display:block;padding:45px 0 60px}
.perspective p{font:23px/1.5 Georgia,serif;margin-top:30px}
.inspection-story .case-next{margin-inline:6vw;gap:25px}
.inspection-story .case-next>a:first-child{order:2}
.inspection-story .case-next>a:last-child{font-size:29px}
.inspection-story .case-footer{padding-inline:6vw}
}

/* A viewport-sized entrance and an independent paper story rail. */
.inspection-story .case-opening{min-height:0;padding-block:clamp(25px,5vh,55px);height:calc(100svh - 112px);max-height:850px;min-height:475px;overflow:visible}
.inspection-story .case-heading h1{font-size:clamp(38px,min(4.6vw,8vh),70px)}
.inspection-story .case-summary{font-size:clamp(15px,1.3vw,18px)}
.inspection-story .case-cover{position:relative;max-width:100%;width:min(100%,calc((100svh - 230px)*1.3333));justify-self:center;transform:none;perspective:1200px}
.art-surface{transform:translateY(var(--art-y,0px)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) rotate(1deg);transition:transform .22s ease-out;box-shadow:0 20px 35px #103f3125;will-change:transform}
.inspection-story .case-cover img{width:100%;height:auto;max-height:calc(100svh - 230px);aspect-ratio:4/3;object-fit:contain}
.art-open{position:absolute;right:15px;bottom:15px;border:1px solid #103f3140;background:#f5eedc;color:#103f31;min-height:44px;padding:10px 18px;box-shadow:3px 4px 0 #ff4395;font-size:12px;cursor:pointer;transform:rotate(-2deg);transition:transform .2s}
.art-open:hover{transform:rotate(0) translateY(-3px)}
.story-invitation{margin-top:25px}
.story-layout{grid-template-columns:minmax(200px,30%) minmax(0,1fr);gap:0 5vw;position:relative}
.chapter-guide{grid-row:1/4;top:30px;z-index:2;padding:35px 0;align-self:start}
.chapter-paper{background:#f5eedc;color:#103f31;padding:18px;border:1px solid #103f3125;box-shadow:4px 6px 0 #103f310d;transform:rotate(-1deg)}
.chapter-art{margin:0 0 15px;overflow:hidden;background:#103f31}
.chapter-art img{display:block;width:100%;height:auto;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.chapter-paper[data-chapter="decision"] .chapter-art img{transform:scale(1.11) translateX(-2%)}
.chapter-paper[data-chapter="perspective"] .chapter-art img{transform:scale(1.06) translateY(-2%)}
.chapter-caption{font:italic clamp(15px,1.5vw,21px)/1.3 Georgia,serif;margin:15px 0 22px;min-height:2.6em}
.chapter-guide nav{margin-top:14px}
.chapter-guide a{margin-left:0;padding-left:12px}
.chapter-progress{height:2px;background:#103f3120;margin-top:18px;overflow:hidden}
.chapter-progress span{display:block;height:100%;width:100%;background:#ff4395;transform:scaleX(var(--story-progress,0));transform-origin:left}
.contribution{padding-top:65px}
.decision{grid-column:2;margin:0 -4.5vw 0 0;padding:55px 4.5vw 65px 35px;position:relative;isolation:isolate}
.decision-content{grid-template-columns:1fr;gap:32px;margin-top:32px}
.decision h2{font-size:clamp(35px,4vw,60px)}
.decision h2:after{transform:scaleX(var(--decision-progress,0));transform-origin:left;width:180px;opacity:1;background:#ff4395;height:3px}
.perspective{grid-column:2;display:block;padding:65px 0}
.perspective p{margin-top:30px;max-width:650px}
.art-dialog{border:0;padding:60px 20px 20px;background:#103f31;color:#f5eedc;width:min(1200px,95vw);max-height:94svh;overflow:auto}
.art-dialog::backdrop{background:#06251deb;backdrop-filter:blur(8px)}
.art-dialog img{display:block;width:100%;height:auto;max-height:calc(90svh - 80px);object-fit:contain}
.art-close{position:absolute;top:8px;right:15px;min-height:44px;background:none;border:0;color:#ffe79a;cursor:pointer;padding:8px 12px}
.inspection-story.motion-ready .reveal{transform:translateY(32px);transition:opacity .8s ease,transform 1s cubic-bezier(.16,1,.3,1)}
.inspection-story.motion-ready .reveal.is-visible{transform:none}
@keyframes headline-arrive{from{opacity:0;transform:translateY(28px) rotate(-1deg)}to{opacity:1;transform:none}}
@keyframes paper-arrive{from{opacity:0;transform:translateY(55px) rotate(5deg) scale(.92)}to{opacity:1;transform:none}}
.inspection-story.entrance .case-heading>*{animation:headline-arrive .85s cubic-bezier(.16,1,.3,1) both}
.inspection-story.entrance .case-heading h1{animation-delay:.1s}
.inspection-story.entrance .case-role{animation-delay:.2s}
.inspection-story.entrance .case-summary{animation-delay:.3s}
.inspection-story.entrance .story-invitation{animation-delay:.4s}
.inspection-story.entrance .case-cover{animation:paper-arrive 1.2s cubic-bezier(.16,1,.3,1) .15s both}
@media(max-width:750px){
.inspection-story .case-opening{height:auto;max-height:none;min-height:0;padding:30px 6vw 40px;gap:30px}
.inspection-story .case-heading h1{font-size:clamp(37px,9vw,57px)}
.inspection-story .case-cover{width:100%;margin:0}
.inspection-story .case-cover img{max-height:none}
.art-surface{transform:none}
.chapter-guide{display:none}
.story-layout{display:block}
.decision{margin-inline:-6vw;padding:45px 6vw 60px}
.decision-content{gap:28px}
.perspective{padding:45px 0 55px}
.contribution{padding:40px 0 50px}
.art-dialog{padding-inline:10px}
}