/* Business study: a continuous image stage with an ordinary reading document. */
html:root{scroll-behavior:smooth;scroll-padding-top:0}
body.business-study{background:#efeee7;color:#173d3a}
.business-study main{max-width:none;overflow:clip}
.business-study .site-header{position:absolute;top:0;left:0;right:0;max-width:none;background:none;color:#fafbf8}
.business-study .site-header .desktop-nav a,.business-study .site-header .desktop-nav a[aria-current]{color:inherit!important}
.business-study .site-header .fm-contents-sheet,.business-study .site-header .fm-access-panel{color:var(--ink)}
.business-study .site-header .fm-access{border-color:#ffffff40}
.business-study .site-header .fm-menu-icon i{background:currentColor}
.business-study .site-header>.fm-contents>summary{color:inherit}
.business-journey{position:relative}
.journey-stage{display:none;pointer-events:none}
.journey-ready .journey-stage{display:block;position:sticky;top:0;height:100svh;margin-bottom:-100svh;overflow:hidden}
.journey-mobile-canvas{display:none}
.journey-canvas{position:absolute;inset:0;width:100%;height:100%}
.stage-caption{position:absolute;left:var(--site-gutter);top:92svh;font:11px/1.4 var(--sans);color:#5c6e66;max-width:46%;white-space:normal}
.journey-chapter{position:relative;scroll-margin:0}
.journey-chapter h1,.journey-chapter h2{font-weight:400;letter-spacing:-.045em}
.opening{min-height:140svh;background:#082e31;color:#fafbf8;padding:22svh var(--site-gutter) 13svh;overflow:hidden}
.opening-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center}
.journey-ready .opening{background:none}
.journey-ready .opening-art{visibility:hidden}
.opening-content{position:relative}
.page-label{font:14px/1.4 var(--sans);margin-bottom:27px}
.opening h1{font:400 clamp(64px,7.2vw,124px)/.92 var(--serif);max-width:1100px}
.opening-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-top:48px}
.opening-bottom p{font:400 clamp(21px,1.85vw,28px)/1.3 var(--serif);letter-spacing:-.012em;max-width:560px}
.journey-scroll{font:13px/1.5 var(--sans);display:flex;align-items:center;gap:32px;min-height:44px;white-space:nowrap}
.journey-scroll span{font-size:23px}
.passage{min-height:108svh;padding:16svh var(--site-gutter) 13svh}
.passage-figure{position:absolute;left:var(--site-gutter);top:8svh;width:43.5vw;margin:0}
.passage-figure img{display:block;width:100%;height:81svh;object-fit:cover;object-position:62% center}
.passage-figure figcaption{margin-top:12px;font:11px/1.4 var(--sans);color:#5c6e66}
.journey-ready .passage-figure{visibility:hidden}
.passage-copy{margin-left:57%;max-width:520px}
.passage-copy h2{font:400 clamp(43px,4.55vw,78px)/1.04 var(--serif);letter-spacing:-.045em;margin:0 0 36px;text-wrap:balance}
.passage-copy p{font:400 clamp(16px,1.25vw,19px)/1.65 var(--sans);color:#51615a;text-wrap:pretty}
.passage-copy p+p{margin-top:22px}
.journey-link{display:inline-flex;align-items:center;gap:18px;min-height:44px;margin-top:29px;font:400 21px/1.35 var(--serif);text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
.journey-link span{font:18px var(--sans);transition:transform .22s cubic-bezier(.23,1,.32,1)}
.capital-passage .passage-figure{width:min(48.5vw,calc((100vw - 2 * var(--site-gutter)) * .57 - 48px))}
.final-passage{min-height:205svh}
.journey-closing{position:relative;background:#efeee7;color:#173d3a;padding:80px var(--site-gutter) 95px;display:flex;justify-content:space-between;gap:60px;align-items:flex-start}
.journey-closing>p{font:400 clamp(30px,3.6vw,56px)/1.1 var(--serif);letter-spacing:-.035em;max-width:600px}
.journey-closing>div{min-width:280px}
.journey-closing a{display:flex;justify-content:space-between;align-items:center;min-height:44px;gap:60px;font:400 25px/1.3 var(--serif)}
.journey-closing a+a{margin-top:18px}.journey-closing a span{font:18px var(--sans)}
.business-study .site-footer{background:#efeee7;max-width:none}
@media(hover:hover) and (pointer:fine){.journey-link:hover span{transform:translate(3px,-3px)}}
@media(max-width:1000px) and (min-width:761px){.passage-copy{margin-left:55%}.passage-copy h2{font-size:43px}.passage-copy p{font-size:16px}.passage{padding-top:12svh;min-height:115svh}.capital-passage .passage-figure{width:min(44vw,calc((100vw - 2 * var(--site-gutter)) * .55 - 48px))}.final-passage{min-height:205svh}}
@media(max-width:760px){
 .journey-ready .journey-stage{display:none}
 .journey-ready .journey-mobile-canvas{display:block;position:absolute;top:0;left:0;width:100%;pointer-events:none;z-index:0}
 .opening-content{z-index:1}
 .opening{min-height:103svh;padding-top:125px;padding-bottom:85px}
 .opening h1{font-size:clamp(57px,12.7vw,91px)}
 .opening-bottom{display:block;margin-top:32px}.opening-bottom p{font-size:23px;max-width:320px}.journey-scroll{margin-top:28px;gap:20px}
 .passage{min-height:0;padding:45px var(--site-gutter) 65px}
 .passage-figure,.capital-passage .passage-figure{position:relative;left:auto;top:auto;width:100%;margin:0 0 42px}
 .passage-figure img{height:65svh;min-height:330px;max-height:650px;object-position:62% center}
 .passage-figure figcaption{font-size:11px;margin-top:11px}
 .journey-ready .passage-figure{visibility:visible}.journey-ready .passage-figure img{visibility:hidden}
 .passage-copy{margin:0;max-width:560px}
 .passage-copy h2{font-size:clamp(45px,8.1vw,66px);margin-bottom:28px;line-height:1.04}
 .passage-copy p{font-size:16px;line-height:1.65}.passage-copy p+p{margin-top:22px}
 .journey-link{font-size:21px;margin-top:24px}
 .final-passage{min-height:0;padding-bottom:35px}
 .stage-caption{display:none}
 .journey-closing{display:block;padding-top:60px;padding-bottom:60px}.journey-closing>p{font-size:39px;margin-bottom:36px}.journey-closing>div{min-width:0;max-width:550px}.journey-closing a{font-size:26px}
}
@media(max-width:380px){.opening h1{font-size:14.6vw}}
@media(prefers-reduced-motion:reduce){html:root{scroll-behavior:auto}.journey-stage,.journey-mobile-canvas{display:none!important}.journey-ready .passage-figure,.journey-ready .passage-figure img,.journey-ready .opening-art{visibility:visible}.opening-content{opacity:1!important}.journey-link span{transition:none}.final-passage{min-height:108svh}}
@media print{.journey-stage,.opening-art{display:none!important}.journey-chapter{min-height:0!important;padding:30px!important;color:#173d3a;background:none!important}.passage-figure{position:relative;left:0;top:0;width:35%;float:left;margin-right:30px}.passage-figure img{height:240px}.passage-copy{margin-left:40%}.opening h1{font-size:50px}.journey-closing{display:block}.passage-copy h2{font-size:36px}}

.anchor-alias{position:absolute;top:0}

/* A pending illustration keeps its complete static ASCII fallback. */
.journey-ready:not(.journey-stage-painted) .journey-stage{visibility:hidden}
.journey-ready:not(.journey-stage-painted) .passage-figure{visibility:visible}
.journey-ready:not(.journey-stage-painted) .opening-art{visibility:visible}
@media(max-width:760px){
 .journey-ready .passage-figure img,.journey-ready .opening-art{visibility:visible}
 .journey-ready .journey-mobile-canvas{visibility:hidden}
 .journey-ready .journey-image-ready .journey-mobile-canvas{visibility:visible}
 .journey-ready .journey-image-ready .passage-figure img,
 .journey-ready .journey-image-ready .opening-art{visibility:hidden}
 .opening{padding-top:112px;padding-bottom:56px;min-height:100svh}
 .opening::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,20,22,.66) 0%,rgba(3,20,22,.52) 72%,rgba(3,20,22,.16) 100%);pointer-events:none;z-index:0}
 .opening-content{z-index:1}
 .opening-bottom p{font-size:21px;line-height:1.38;max-width:34ch}
 .passage{padding-top:32px;padding-bottom:42px}
 .passage-figure,.capital-passage .passage-figure{margin-bottom:26px}
 .passage-figure img{height:clamp(220px,88vw,380px);min-height:0;max-height:none}
 .passage-copy h2{font-size:clamp(38px,10.6vw,48px);margin-bottom:22px}
 .passage-copy p+p{margin-top:18px}
 .journey-closing{padding-block:44px}
}
@media(prefers-reduced-motion:reduce){
 .journey-ready .journey-image-ready .passage-figure img,
 .journey-ready .journey-image-ready .opening-art{visibility:visible}
}

@media(max-width:760px){
 .passage-figure{overflow:hidden;padding-bottom:26px}
 .passage-figure figcaption{position:relative;z-index:1;background:#efeee7;padding-top:10px;margin-top:0}
 .journey-mobile-canvas{transform-origin:center;will-change:transform}
}

/* Phone composition: the ASCII photograph remains visible through each handoff. */
@media(max-width:760px) and (prefers-reduced-motion:no-preference){
 .journey-ready .journey-stage{display:block;position:sticky;top:0;height:100svh;margin-bottom:-100svh;z-index:2;pointer-events:none}
 .journey-ready .journey-mobile-canvas{display:none}
 .journey-ready .opening{min-height:110svh}
 .journey-ready .opening-content{z-index:3}
 .journey-ready .opening::after{z-index:2}
 .journey-ready.journey-stage-painted .opening-art{visibility:hidden}
 .journey-ready .passage-figure{display:none}
 .journey-ready .passage{padding-top:68px;padding-bottom:80px;min-height:75svh;scroll-margin-top:calc(35svh - 36px)}
 .journey-ready .passage-copy{position:relative;z-index:1}
 .journey-ready .final-passage{padding-bottom:8svh}
 .journey-ready .passage h2{scroll-margin-top:calc(35svh + 28px)}
}

/* Shade follows the image boundary; the paper remains unshaded. */
@media(max-width:760px) and (prefers-reduced-motion:no-preference){
 .journey-ready.journey-stage-painted .opening::after{display:none}
 .journey-ready .journey-stage::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,20,22,.66),rgba(3,20,22,.52) 72%,rgba(3,20,22,.16));height:var(--image-height,100%);opacity:var(--opening-shade,1)}
}