/* A continuous material plane, with complete rails and copy in the open wedges. */
.clean-treatment{--copy-size:clamp(17px,1.12vw,18px);--copy-leading:1.52}
.clean-treatment .copy,
.clean-treatment .intro-page .copy,
.clean-treatment .story-world .copy,
.clean-treatment .thanks-page .copy{
 font-size:var(--copy-size);line-height:var(--copy-leading);font-weight:700;
}
.clean-treatment .copy p+p{margin-top:.88em}
.clean-treatment .intro-columns .copy-column:first-child,
.clean-treatment .product-page .copy p:nth-child(4),
.clean-treatment .product-page .copy p:nth-child(5){font-size:1em;line-height:inherit}
.clean-treatment .intro-columns{display:block;columns:2;column-gap:42px}
.intro-columns>.copy-column{display:contents}
.clean-treatment .intro-columns p{break-inside:auto;margin:0 0 .88em}
.clean-treatment .intro-columns .copy-column>p+p{margin-top:0}
.flow-page>.page-copy{padding-top:clamp(38px,3.8vw,60px);padding-bottom:clamp(36px,3.4vw,54px)}
.flow-page .native-heading{margin-bottom:24px}
.intro-page > .page-copy > .native-heading{margin-inline:auto}
.story-world{--platform-overlap:19.53125cqw}
.story-preface>.page-copy{padding-bottom:calc(clamp(36px,3.4vw,54px) + var(--platform-overlap))}
.clean-treatment .story-preface-columns{grid-template-columns:.8fr 1.45fr;gap:7%}
.story-preface-columns .copy-column:first-child{font-size:clamp(22px,1.75vw,27px);line-height:1.32}
.story-preface-columns [data-copy="1-2"]{font-size:1em}

.story-floor-run{
 position:relative;display:flow-root;isolation:isolate;container-type:inline-size;
 background:#b8bfc2 url('assets/surfaces/subway-studded-floor-repeat.svg') repeat left top/800px auto;
 background-blend-mode:multiply;color:#fffdf4;
 padding-bottom:clamp(44px,4vw,64px);
}
.story-reading{
 position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10cqw;
 padding-left:7%;padding-right:7%;align-items:start;
}
.story-reading .copy{max-width:none;color:#fffdf4;text-shadow:0 1px 1px #080b0b,0 0 3px #080b0b99}
.story-reading .page-copy,.story-reading .story-tail,.story-reading .story-lead,.story-reading .story-pivot{position:relative;z-index:2;min-width:0}
.story-reading .beat-title{font-size:clamp(25px,2.15vw,34px);line-height:1.13;color:#fffdf4;text-shadow:0 2px 2px #080b0b;margin:0 0 20px}
.story-reading .beat-title>span{color:var(--droplet-blue);margin-right:12px;font-size:11px}
.story-reading .motion figcaption{color:#fffdf4;font-weight:600;text-shadow:0 1px 2px #000}
.story-reading .motion figcaption b{color:var(--droplet-blue)}
.story-reading .motion-screen{box-shadow:3px 5px 8px #0008}
.story-departure{margin-top:-6.5cqw;padding-top:clamp(40px,3.7vw,60px);padding-bottom:30px;align-items:start}
.story-departure .page-copy{transform:rotate(-.5deg)}
.departure-motion{width:92%;margin-left:auto;margin-top:4.5cqw}
.story-band{position:relative;z-index:1;display:block;margin:0;width:100%;line-height:0;pointer-events:none}
.story-band>img{display:block;width:100%;height:auto}
/* The original diagonal spans both materials; its opaque middle hides their join. */
.story-floor-run>.platform-transition{margin-top:calc(-1 * var(--platform-overlap))}
.story-bridge{--underlap:10cqw;margin-top:calc(-1 * var(--underlap));padding-bottom:0}
.story-bridge .story-tail{transform:rotate(-.5deg);transform-origin:left top}
.story-bridge .story-lead{margin-top:calc(var(--underlap) + 28px)}
.pressure-bridge{--underlap:11cqw;row-gap:30px}
.pressure-bridge>.story-tail{grid-column:1;grid-row:1}
.pressure-bridge>.story-pivot{grid-column:1;grid-row:2;transform:rotate(-.5deg);transform-origin:left top}
.pressure-bridge>.pressure-continuation{grid-column:2;grid-row:2;margin-top:0}
.pressure-bridge .story-lead{transform:rotate(.5deg);transform-origin:center top}
.clean-treatment .flowing-columns{columns:2;column-gap:28px}
.clean-treatment .flowing-columns p{break-inside:auto;orphans:3;widows:3;margin:0 0 .88em}
.clean-treatment .flowing-columns p+p{margin-top:0}
.pressure-band{margin-top:-8cqw}
.catastrophe-bridge{--underlap:6cqw}
.catastrophe-bridge .story-lead{transform:rotate(-.4deg);transform-origin:center top}
.catastrophe-band{margin-top:8px}
.product-bridge{--underlap:8cqw}
.product-bridge [data-copy="1-14"]{font-size:clamp(23px,2vw,29px);line-height:1.2;letter-spacing:-.02em;color:var(--droplet-blue);margin-top:22px!important}
.story-reading .smash-title{font-size:clamp(57px,5.3vw,82px);line-height:1.03;color:var(--droplet-blue);text-shadow:0 3px 2px #07151e;margin:0 0 23px}
.product-band{margin-top:-7cqw}
.exit-bridge{--underlap:2cqw}
.clean-treatment .story-reading .claim-lines{font-size:clamp(23px,2vw,29px);line-height:1.24;letter-spacing:-.025em;color:var(--droplet-blue)}
.clean-treatment .story-reading .claim-lines p+p{margin-top:16px}
.exit-motion{margin-top:25px;width:90%;max-width:550px}
.story-reading .big-ding{font-size:clamp(68px,6vw,94px);line-height:1.1;color:var(--droplet-blue);text-shadow:0 3px 2px #061621;margin:13px 0!important}
.story-reading .last-line{font-size:clamp(24px,2.1vw,31px);line-height:1.2;color:#ffa361;text-shadow:0 2px 2px #050b0d;margin-top:22px!important}

/* One editorial rhythm through the cast and craft pages. */
:is(.hero-page,.passengers-page,.jacket-page,.product-page,.tone-page,.camera-page,.design-page,.edit-page,.sound-page,.process-page){padding-top:clamp(40px,3.8vw,60px);padding-bottom:clamp(42px,3.8vw,62px)}
.page-art,.camera-page .page-art,.design-page .page-art{gap:24px}
.jacket-scale,.flood-strip,.temperature,.palette{margin-top:28px}
.dont-boring{margin-top:32px}
.product-page .page-art{align-self:center}
.edit-pullquote{font-size:clamp(58px,5.6vw,86px)}
.sound-page .ding{font-size:clamp(105px,18vw,260px);margin-top:28px}
.thanks-page.full-page{min-height:0}
.thanks-page>.page-copy{padding-top:clamp(40px,3.8vw,60px);padding-bottom:clamp(44px,4vw,64px)}
.handwritten-signoff img{width:clamp(190px,22vw,280px)}

@media(min-width:1101px){
 .tone-page .page-grid{grid-template-columns:1.3fr .7fr}
 .camera-page .page-grid{grid-template-columns:1.2fr .8fr}
 .design-page .page-grid{grid-template-columns:.8fr 1.2fr}
 .process-page .page-art{align-self:center}
}
@media(max-width:1100px){
 .clean-treatment .flowing-columns{columns:1}
 .story-reading{padding-left:6%;padding-right:6%;gap:6%}
 .pressure-bridge{grid-template-columns:1fr 1fr}
 .story-reading .beat-title{font-size:26px}
}
@media(max-width:1100px){
 /* Text returns to normal flow before any diagonal can crowd a narrow screen. */
 .story-reading{display:flex;flex-direction:column;gap:25px;padding-left:7%;padding-right:7%}
 .story-departure{margin-top:0;padding-top:38px;padding-bottom:25px}
 .story-reading .page-copy,.story-reading .story-tail,.story-reading .story-lead,.story-reading .story-pivot{width:100%;transform:none}
 .departure-motion{width:74%;margin:0 auto}
 .story-bridge{margin-top:0;padding-top:25px;padding-bottom:27px;gap:34px}
 .story-bridge .story-lead{margin-top:0}
 .pressure-bridge>.pressure-continuation{margin-top:-10px}
 .story-band{margin-top:0}
 .story-bridge .story-tail{max-width:none}
 .clean-treatment .flowing-columns{columns:2;column-gap:30px}
 .story-reading .copy{max-width:none}
 .exit-motion{width:78%;max-width:650px;margin-top:24px}
 .exit-bridge{padding-bottom:0;gap:32px}
 .story-floor-run{padding-bottom:40px;background-size:640px auto}
}
@media(max-width:760px){
 .clean-treatment{--copy-size:17px;--copy-leading:1.52}
 .clean-treatment .intro-columns{columns:1}
 .clean-treatment .story-preface-columns{grid-template-columns:1fr;gap:18px}
 .story-preface-columns .copy-column:first-child{font-size:23px;line-height:1.33}
 .flow-page>.page-copy{padding:33px 7% 32px}
 .story-preface>.page-copy{padding-bottom:calc(32px + var(--platform-overlap))}
 .flow-page .native-heading{margin-bottom:21px}
 .story-reading .beat-title{font-size:25px;margin-bottom:18px}
 .story-reading .beat-title>span{font-size:10px;margin-right:8px}
 .story-departure{padding-top:33px;padding-bottom:23px}
 .departure-motion,.exit-motion{width:100%}
 .story-bridge{padding-top:23px;padding-bottom:25px;gap:31px}
 .clean-treatment .flowing-columns{columns:1}
 .story-reading .smash-title{font-size:57px;margin-bottom:19px}
 .product-bridge [data-copy="1-14"]{font-size:25px;margin-top:19px!important}
 .clean-treatment .story-reading .claim-lines{font-size:24px}
 .story-reading .big-ding{font-size:74px!important}
 .story-reading .last-line{font-size:25px}
 .exit-bridge{padding-bottom:0}
 :is(.hero-page,.passengers-page,.jacket-page,.product-page,.tone-page,.camera-page,.design-page,.edit-page,.sound-page,.process-page){padding-top:34px;padding-bottom:36px}
 .product-page .page-art{align-self:stretch}
 .edit-pullquote{font-size:63px}
 .sound-page .ding{font-size:27vw}
 .thanks-page>.page-copy{padding-top:34px;padding-bottom:38px}
 .handwritten-signoff img{width:205px}
}