/* Cassie's full compositions, with magazine copy printed directly on the surface. */
html{scroll-padding-top:0;scroll-behavior:auto}
.clean-treatment{--body:Arial,Helvetica,sans-serif;--ui:'DM Sans',Arial,sans-serif;--display:'Anton',Arial,sans-serif;--ink:#151a17;--paper:#eee7d4;--orange:#ff741f;--blue:var(--droplet-blue);background:#141714;color:var(--ink);font-family:var(--body)}
.clean-treatment main{max-width:1680px;margin:auto;background:#e9e2ce;overflow:hidden;container-type:inline-size}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.topbar{height:68px;padding:0 30px;font-family:var(--ui);border-bottom:3px solid #ff7421;background:#121714;color:#f6eed9;box-shadow:none}
.wordmark{display:flex;align-items:center;gap:13px;font-family:var(--ui);font-style:normal;letter-spacing:0}
.wordmark img{width:57px;height:auto}.wordmark span{margin:0;font:600 11px/1.3 var(--ui);letter-spacing:.055em;color:#abe9f8}
.quick-nav{gap:28px}.quick-nav a:hover{color:#a1e6f8}.top-actions{gap:25px}.top-actions button{font-family:var(--ui)}
.chapter-index{inset:68px 0 0;background:#eee6d1 url('assets/subway/cream-tiles.jpg') repeat;background-size:1000px auto;color:#171c16}
.chapter-index nav a{font:600 clamp(23px,2.8vw,38px)/1.25 var(--ui);text-transform:none;border-color:#797c6b;letter-spacing:-.035em}
.chapter-index nav span{font-family:var(--ui);letter-spacing:0}.index-intro{border-color:#1d241c}
.reading-progress{background:#a4eaff}.skip-link{font-family:var(--ui)}
.treatment-page{position:relative;isolation:isolate;padding:clamp(48px,5vw,84px) 6%;scroll-margin-top:68px;border-top:7px solid #171c17;container-type:inline-size}
.wall{background:#eee5cf url('assets/subway/cream-tiles.jpg') repeat;background-size:1080px auto;background-blend-mode:soft-light;color:#151b15}
.page-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(38px,4vw,70px);align-items:start;position:relative;z-index:1}
.page-copy,.page-art{min-width:0}.page-art{display:grid;gap:26px;align-content:start}
.page-copy>.native-heading{margin:0 0 22px}.native-heading{display:block;padding:0;margin:0 0 25px;border:0;box-shadow:none;background:none;font-size:0;line-height:0;max-width:680px;width:100%;font-weight:400;filter:drop-shadow(1px 2px 1px #1d19184a)}
.heading-window{position:relative;display:block;width:100%;overflow:visible;background:none}.keyed-heading{display:block;width:100%;height:auto;background:none}
.copy{font:400 clamp(18px,1.23vw,20px)/1.52 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none;max-width:68ch;overflow-wrap:break-word;background:none;border:0;box-shadow:none;padding:0}
.copy p{margin:0;break-inside:avoid}.copy p+p{margin-top:1em}.magazine-columns{columns:2;column-gap:42px;max-width:none}.magazine-columns p{break-inside:avoid;margin-bottom:1em}.magazine-columns p+p{margin-top:0}
.photo{margin:0;line-height:0;min-width:0}.photo img{display:block;width:100%;height:auto;object-fit:contain}
.art-left .page-copy{grid-column:2;grid-row:1}.art-left .page-art{grid-column:1;grid-row:1}
.wall-graffiti{position:absolute;pointer-events:none;z-index:0;width:140px;height:auto;opacity:.82}
.hero-graffiti{right:-45px;top:48%;transform:rotate(5deg)}.jacket-graffiti{left:3%;bottom:3%;width:120px;transform:rotate(-8deg)}.process-graffiti{right:-55px;bottom:9%;width:240px}

/* Motion is part of the page's photo composition. */
.motion{margin:0;min-width:0}.motion-screen{position:relative;padding:4px;border:5px solid #171d18;outline:1px solid #a3a598;outline-offset:1px;background:#141914;box-shadow:3px 5px 8px #0003}
.motion video{display:block;width:100%;height:auto;aspect-ratio:var(--ratio);object-fit:contain}
.motion figcaption{font:11px/1.5 var(--ui);text-transform:none;color:inherit;padding:14px 1px 0;background:none;border:0;letter-spacing:0;gap:15px}
.motion figcaption b{color:var(--droplet-blue)}.motion figcaption a,.motion figcaption>span:last-child:not(:first-child){opacity:1;white-space:normal}.motion figcaption a{text-decoration:underline;text-underline-offset:3px;flex-shrink:0}
.loop-toggle{width:38px;height:38px;right:13px;bottom:13px;border-radius:0;border:1px solid #e7f2e9;background:#111914;color:white;font:12px var(--ui);backdrop-filter:none}
.loop-toggle:hover{background:var(--droplet-blue);color:#152219}

/* The opening is the complete supplied cover. */
.clean-cover{position:relative;isolation:isolate;background:#131815}.hero-art{display:block;width:100%;height:auto}
.cover-meta-clean{position:absolute;z-index:3;left:4%;right:4%;top:4%;display:flex;align-items:flex-start;justify-content:space-between;gap:25px;color:#fff;font:600 11px/1.5 var(--ui);letter-spacing:.08em;text-shadow:0 1px 3px #000}
.cover-meta-clean .duration{font:700 25px/1 var(--ui);background:#ff7424;color:#11180f;padding:10px 12px;border:2px solid #171f15;transform:rotate(4deg);text-shadow:none}
.axe-mark{position:absolute;top:12%;left:50%;transform:translateX(-50%);z-index:2;width:clamp(110px,12vw,190px)}.axe-mark img{display:block;width:100%;height:auto}
.rush-title{position:absolute;left:8%;right:8%;bottom:12%;z-index:2;transform:rotate(-2deg)}.rush-title .native-heading{max-width:none;margin:0;filter:drop-shadow(0 3px 2px #062739aa)}
.cover-caption{position:absolute;left:4%;right:4%;bottom:3.5%;z-index:3;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;font:16px/1.4 Arial,Helvetica,sans-serif;text-shadow:0 2px 3px #000}
.cover-caption p{max-width:75%}.cover-caption a{font:700 10px/1.4 var(--ui);letter-spacing:.075em;white-space:nowrap}.cover-caption a span{font-size:23px;vertical-align:middle;margin-left:14px}
.hot-statement{background:#ff771f;color:#181b14;padding:22px 6%;display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:5px solid #1b2018;border-bottom:5px solid #1b2018}
.hot-statement p{font:700 clamp(25px,3.25vw,49px)/1.1 Arial,sans-serif;letter-spacing:-.04em}.hot-statement span{font:600 12px/1.4 var(--ui);max-width:235px;text-align:right}

/* Full-slide pages reserve their illustrated areas in normal document flow. */
.full-page{padding:0;min-height:56.25cqw;overflow:hidden}.native-backdrop{position:absolute;left:0;bottom:0;width:100%;height:auto;z-index:-1;pointer-events:none}
.full-page>.page-copy{position:relative;z-index:1;padding:5% 7% 31%}.full-page .native-heading{width:52%;max-width:750px;margin-bottom:21px}.full-page .copy{max-width:none;columns:2;column-gap:42px}.full-page .copy p{break-inside:avoid;margin-bottom:.8em}.full-page .copy p+p{margin-top:0}
.intro-page{border-top:0}.intro-page>.page-copy{padding-top:4%;padding-bottom:31%}.intro-page .copy{font-size:clamp(18px,1.23vw,20px);line-height:1.45}
.story-world{background:#151816;color:#f5efdf;scroll-margin-top:68px}.story-opening{background:#11120f;border-top:7px solid #131a13}.story-opening .native-backdrop{top:0;bottom:auto}.story-opening>.page-copy{padding:5% 7% 26%}.story-opening .copy{max-width:1040px;column-gap:46px}.story-opening .copy p:first-child{font-weight:700;color:var(--droplet-blue)}
.story-panel{position:relative;background:#181b18;color:#f4efdf;isolation:isolate;overflow:hidden}.story-native{display:block;width:100%;height:auto}
.story-panel-content{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr 1fr;gap:5%;padding:0 7% 6%;margin-top:-14%;align-items:start}.story-panel-content.wide-copy{display:block}.story-panel-content.wide-copy .copy{max-width:none}.pressure-panel .story-panel-content{margin-top:0;padding-top:3.5%}.catastrophe-panel .story-panel-content{margin-top:-20%}.boarding-panel .page-art{padding-top:18px}
.beat-title{font:700 clamp(22px,2.65vw,39px)/1.18 Arial,sans-serif;letter-spacing:-.035em;margin:0 0 22px;color:#f5ecd7}.beat-title>span{font:500 12px/1.4 var(--ui);color:var(--droplet-blue);vertical-align:middle;letter-spacing:.06em;display:inline-block;margin-right:15px}
.story-world .motion figcaption b,.blue-world .motion figcaption b{color:var(--droplet-blue)}.story-world .copy{font-size:clamp(18px,1.21vw,20px)}
.product-cut{position:relative;isolation:isolate;background:#181b18;min-height:56.25cqw}.product-cut>.page-copy{padding:4.5% 7% 33%;position:relative}.smash-title{font:400 clamp(55px,8vw,120px)/1.05 var(--display);letter-spacing:-.02em;color:var(--droplet-blue);margin:0 0 25px}.cut-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;align-items:start}.cut-grid .claim-lines{margin:0;font:700 clamp(22px,2.4vw,35px)/1.25 Arial,sans-serif;color:var(--droplet-blue);letter-spacing:-.03em}.cut-grid .claim-lines p+p{margin-top:20px}
.bumper-page{background:#101b18;border-top:0}.bumper-page .page-grid{align-items:center}.big-ding{font:400 clamp(75px,8vw,125px)/1.12 var(--display);letter-spacing:-.02em;color:var(--droplet-blue);margin:13px 0!important}.last-line{font:700 clamp(25px,2.6vw,39px)/1.2 Arial,sans-serif;color:#ff9653;letter-spacing:-.035em}

/* The board is a working production sheet on the same tile wall. */
.clean-boards{background:#ebe3cc url('assets/absurd/slide-11.webp') no-repeat center bottom;background-size:100% auto;color:#171d16;padding:5% 6% 6%}
.boards-introduction{max-width:1120px;margin-bottom:34px}.boards-introduction .native-heading{width:74%;max-width:800px;margin-bottom:22px}.boards-introduction .copy{max-width:88ch}
.shot-selector{background:#1b211a;border:5px solid #32372d;box-shadow:0 2px 0 #979c8c;gap:8px;padding:18px 20px;margin-bottom:0}.shot-tab{font:500 12px var(--ui);border-color:#666f5f;color:#f2eedf;width:42px;height:40px}.shot-tab:hover{background:#374033;color:#fff;border-color:#bdc6b1}.shot-tab[aria-pressed=true]{background:var(--droplet-blue);color:#14291d;border-color:var(--droplet-blue)}
.shot-workspace{background:#f7f5e9;grid-template-columns:260px 1fr;gap:35px;min-height:440px;padding:33px;border:5px solid #32372d;border-top:0}.shot-position{font-family:var(--ui)}.shot-position strong{font:600 63px/1.1 var(--ui);letter-spacing:-.055em}
#shot-description{font:400 19px/1.5 Arial,sans-serif;max-width:400px}.shot-note{font:11px/1.55 var(--ui);opacity:1;color:#46513f}.shot-controls button{width:42px;height:42px;border-color:#8b9581}
.board-frame{border:1px solid #b9c0ac;background:#fff;color:#172015}.board-frame img{aspect-ratio:auto}.board-frame span{font:600 11px/1.3 var(--ui);padding:10px 12px}.board-frame:hover{box-shadow:3px 4px 0 var(--droplet-blue)}.shot-images.multi{grid-template-columns:1fr;gap:18px;align-content:center}.shot-images.multi .board-frame{max-width:580px;margin:auto}
.boards-foot{display:flex;justify-content:space-between;align-items:baseline;gap:25px;font:11px/1.55 var(--ui);padding:20px 0;margin:0;color:#1a2318;background:none}.boards-foot a{font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.full-shot-list{background:#f0e8d5;border-top:2px solid #273123;border-bottom:2px solid #273123}.full-shot-list summary{font:600 12px/1.4 var(--ui);padding:22px 18px}.full-shot-list ol{padding:0 18px 20px}.full-shot-list li button{font:400 17px/1.5 Arial,sans-serif;text-transform:none;letter-spacing:0}.full-shot-list li button>span{font-family:var(--ui)}.full-shot-list li button:hover{color:var(--droplet-blue)}
.storyboard-supers{display:grid;gap:8px;grid-column:1/-1;font:700 clamp(17px,1.7vw,25px)/1.25 Arial,sans-serif;letter-spacing:-.025em;color:var(--droplet-blue)}.storyboard-supers p{margin:0}
.full-shot-list button:focus-visible,.full-shot-list summary:focus-visible,.boards-foot a:focus-visible,.board-frame:focus-visible,.shot-controls button:focus-visible{outline:3px solid var(--droplet-blue);outline-offset:4px}.shot-selector button:focus-visible{outline:3px solid var(--droplet-blue);outline-offset:3px}

/* Longer chapters follow the placement logic of the supplied slides. */
.hero-page .page-art>.photo{width:87%;margin-left:auto}.hero-page .page-art>.motion{width:100%}.hero-page .native-heading{width:94%}
.passengers-page .page-grid{grid-template-columns:1fr 1.14fr}.passengers-page .page-art>.photo{width:90%;margin-right:auto}.photo-triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.carriage-footer{margin:45px -6.82% -6%;width:113.64%;border-top:7px solid #20271f;position:relative;z-index:1}
.jacket-page .page-art>.photo{width:87%;margin-left:auto}.jacket-scale{display:grid;grid-template-columns:1.08fr 1fr;gap:5%;align-items:center;margin-top:35px;position:relative;z-index:1}.jacket-scale .photo-duo{display:grid;grid-template-columns:1fr 1fr;gap:15px;max-width:460px;margin-left:auto}.jacket-scale .photo img{max-height:280px;width:auto;max-width:100%;margin:auto}.scale-note{font:400 clamp(45px,6vw,85px)/1.04 var(--display);color:var(--droplet-blue);letter-spacing:-.025em;transform:rotate(-4deg);padding-left:13%;text-shadow:1px 2px #eff9f5}
.product-page .page-grid{grid-template-columns:1.05fr 1fr}.product-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 17px;align-items:start}.product-photo-grid .photo:nth-child(2){grid-column:2;grid-row:1/span 2}.product-photo-grid .photo:nth-child(4){grid-column:1/-1;max-width:70%;justify-self:end}.product-page .copy p:nth-child(4),.product-page .copy p:nth-child(5){font-weight:700;font-size:1.2em;line-height:1.25;color:var(--droplet-blue)}
.blue-world{background:#0b3c74 url('assets/photos/cobalt-tiles.webp') repeat;background-size:90px auto;color:#f2f6ee}.tone-page .page-grid{grid-template-columns:1.08fr 1fr}.tone-page .page-art{gap:25px}.flood-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px;align-items:center}.tone-page .page-art>.photo img{border:5px solid #a5b2ad;box-shadow:3px 5px 7px #0004}
.fabric-world{background:#f97826 url('assets/absurd/slide-24.webp') center center/cover no-repeat;color:#1b180e}.fabric-world .native-heading{filter:drop-shadow(2px 3px 1px #391e0f9c)}.fabric-world .copy{font-weight:400;color:#17190f;text-shadow:0 1px 0 #ffc88933}.fabric-world .motion figcaption b{color:#152416}
.camera-page .page-grid{grid-template-columns:1.1fr 1fr}.camera-page .page-art>.photo:first-child{width:90%;margin-left:auto}.camera-page .page-art>.photo:last-child{width:87%;margin-left:auto}.camera-page .page-art{gap:28px}
.temperature{display:flex;align-items:center;gap:25px;font:600 10px/1.5 var(--ui);letter-spacing:.04em;padding:0;margin:38px 0 0;border:0}.temperature div{height:12px;flex:1;background:linear-gradient(90deg,#8f2609,#ffac49,#97e3e9,var(--droplet-blue));border:1px solid #3c402a}
.design-page .page-grid{grid-template-columns:1fr 1.1fr}.design-page .page-art>.photo{width:93%}.palette{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:40px 0 0;padding:0}.palette span{border-top:35px solid var(--swatch);font:600 10px/1.4 var(--ui);color:#172016;padding:12px 2px 0;background:none}
.edit-page .page-grid{align-items:start}.edit-pullquote{font:400 clamp(60px,7vw,110px)/1.02 var(--display);color:var(--droplet-blue);letter-spacing:-.025em;transform:rotate(-4deg);margin:12px 15px 0;text-shadow:2px 2px #b8edf0}
.sound-page>.page-copy{position:relative;z-index:1}.sound-page .native-heading{width:60%;max-width:790px}.sound-page .copy{max-width:none;column-gap:52px}.sound-score{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;margin:30px 0 0;font:700 clamp(16px,2.2vw,29px)/1.2 Arial,sans-serif;letter-spacing:-.03em;border-top:2px solid #653818;padding-top:25px;color:#1c2414}.sound-score span:nth-child(even){transform:rotate(-4deg)}
.sound-page .ding{font:400 clamp(120px,23vw,350px)/1 var(--display);letter-spacing:-.025em;color:var(--droplet-blue);text-align:center;text-shadow:3px 5px 0 #345a6a;margin:35px 0 0}.ding>span{display:block;font:700 10px/1.5 var(--ui);letter-spacing:.06em;color:#18271a;text-shadow:none;margin-top:15px}
.process-art{padding-top:10px;gap:25px}.process-art img{border:5px solid #232b21;box-shadow:3px 5px #7c806d;transform:rotate(-2deg)}.process-art img:nth-child(2){transform:rotate(2deg)}.process-art a{font:700 11px/1.4 var(--ui);text-decoration:underline;text-underline-offset:4px;justify-self:end;margin-top:5px}.dont-boring{position:relative;z-index:1;margin:50px auto 0;max-width:1000px;width:85%}.dont-boring img{display:block;width:100%;height:auto}
.thanks-page{background:#263b3d;color:#f6f8ed}.thanks-page .native-backdrop{top:0;bottom:auto;min-height:100%;object-fit:cover}.thanks-page>.page-copy{padding:5% 6% 13% 25%;max-width:none}.thanks-page .native-heading{width:80%;margin-bottom:25px}.thanks-page .copy{font-size:clamp(18px,1.23vw,20px);line-height:1.5;text-shadow:0 1px 0 #ffffff55;color:#101a13}
.clean-signature{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:29px 6%;background:#14211a;color:#f2eedf;border-top:4px solid #ff7325;border-bottom:4px solid #ff7325}.clean-signature strong{font:600 clamp(19px,2.4vw,37px)/1.2 var(--ui);letter-spacing:-.04em}.clean-signature>span{font:10px/1.4 var(--ui);letter-spacing:.04em;max-width:140px}
.end-page{position:relative}.end-art{width:100%;height:auto}.end-title{position:absolute;left:37%;width:26%;top:37.5%}.end-title .native-heading{margin:0;filter:none}
.site-footer{font:11px/1.5 var(--ui);max-width:1680px;margin:auto;border-top:0;background:#101813;color:#e8e7d6;padding:28px 6%;text-transform:none;letter-spacing:0}.site-footer button{font-family:var(--ui)}
.board-dialog,.credits-dialog{font-family:Arial,Helvetica,sans-serif;color:#162115;background:#f5f2e7}.board-dialog>p{font:18px/1.5 Arial,sans-serif;text-transform:none;letter-spacing:0}.dialog-top{font-family:var(--ui)}.dialog-controls{font-family:var(--ui)}.dialog-top span{font-size:12px}.credits-dialog h2{font:600 26px/1.2 var(--ui)}.dialog-close:focus-visible,.credits-close:focus-visible,.dialog-controls button:focus-visible,.credits-dialog a:focus-visible{outline:3px solid var(--droplet-blue);outline-offset:4px}

@media(min-width:1680px){.treatment-page{padding-top:84px;padding-bottom:84px}.full-page{padding:0;min-height:945px}.product-cut{min-height:945px}.copy{font-size:20px}.story-world .copy{font-size:20px}}
@media(max-width:1100px){
 .quick-nav{display:none}.topbar{padding:0 23px}.page-grid,.passengers-page .page-grid,.design-page .page-grid{gap:36px;grid-template-columns:1fr 1fr}.copy{font-size:18px;line-height:1.5}.treatment-page{padding:48px 5.5%}.native-heading{margin-bottom:20px}.full-page{padding:0}.full-page>.page-copy{padding:5% 6% 32%}.intro-page .copy{font-size:18px;line-height:1.45}.intro-page>.page-copy{padding-top:4%}.intro-page{min-height:70cqw}.story-opening>.page-copy{padding-bottom:26%;padding-top:5%}.story-opening .copy{font-size:18px}.story-opening{min-height:64cqw}.story-panel-content{padding-left:6%;padding-right:6%;gap:35px;margin-top:-10%}.catastrophe-panel .story-panel-content{margin-top:-17%}.pressure-panel .story-panel-content{margin-top:0}.beat-title{font-size:27px}.product-cut>.page-copy{padding:5% 6% 35%}.smash-title{font-size:70px}.cut-grid .claim-lines{font-size:23px}.clean-boards{padding:6%}.shot-workspace{grid-template-columns:220px 1fr;gap:24px;padding:24px}.shot-selector{gap:7px;padding:16px}.shot-tab{width:37px;height:36px}.shot-position strong{font-size:54px}#shot-description{font-size:18px}.hero-page .page-art>.photo,.passengers-page .page-art>.photo,.jacket-page .page-art>.photo{width:100%}.product-photo-grid{gap:18px 12px}.product-photo-grid .photo:nth-child(4){max-width:95%}.jacket-scale{grid-template-columns:1fr 1fr}.scale-note{font-size:56px;padding-left:9%}.camera-page .page-art>.photo:first-child,.camera-page .page-art>.photo:last-child,.design-page .page-art>.photo{width:100%}.thanks-page>.page-copy{padding:5% 6% 13% 22%}.thanks-page .native-heading{width:88%}.carriage-footer{margin-left:-6.18%;margin-right:-6.18%;margin-bottom:-6.18%;width:112.36%}.sound-page .copy{column-gap:34px}.flood-strip{gap:16px}
}
@media(max-width:760px){
 .topbar{height:62px;padding:0 18px}.top-actions{gap:17px}.top-actions button{font-size:9px}.top-actions button span{margin-left:3px}.wordmark img{width:45px}.wordmark{gap:8px}.wordmark span{font-size:8px}.chapter-index{inset:62px 0 0}.chapter-index nav{grid-template-columns:1fr;gap:0;margin:20px auto}.chapter-index nav a{font-size:26px}.chapter-index nav span{font-size:11px}
 .hero-art{aspect-ratio:1.04;object-fit:cover;object-position:50% 44%}.cover-meta-clean{font-size:8px;top:5%;left:5%;right:5%;letter-spacing:.055em}.cover-meta-clean>span:nth-child(2){display:none}.cover-meta-clean .duration{font-size:19px;padding:8px 9px}.axe-mark{width:105px;top:14%}.rush-title{left:2%;right:2%;bottom:18%}.cover-caption{left:5%;right:5%;bottom:4%;font-size:13px;line-height:1.35;gap:15px}.cover-caption p{max-width:230px}.cover-caption a{font-size:8px;white-space:normal;max-width:60px;text-align:right}.cover-caption a span{display:block;margin:0;font-size:23px}.hot-statement{display:block;padding:20px 6%}.hot-statement p{font-size:27px}.hot-statement span{display:block;font-size:10px;text-align:left;max-width:none;margin-top:9px}
 .treatment-page{padding:36px 7%;scroll-margin-top:62px;border-top-width:5px}.page-grid,.passengers-page .page-grid,.camera-page .page-grid,.design-page .page-grid,.product-page .page-grid,.tone-page .page-grid{display:flex;flex-direction:column;gap:30px}.page-copy,.page-art{width:100%}.page-art{gap:24px}.native-heading{max-width:none;width:100%;margin:0 0 20px}.copy{font-size:18px;line-height:1.52;max-width:none}.copy p+p{margin-top:1em}.magazine-columns{columns:1}.magazine-columns p{margin-bottom:0}.magazine-columns p+p{margin-top:1em}.wall{background-size:900px auto}.wall-graffiti{opacity:.55}.hero-graffiti{right:-45px;width:100px}.jacket-graffiti{width:75px;left:4%;bottom:4%}
 .full-page{padding:0;min-height:0}.full-page .native-heading{width:100%;margin-bottom:20px}.full-page>.page-copy{padding:8% 7% 37%}.full-page .copy{columns:1;font-size:18px;line-height:1.5}.full-page .copy p{margin-bottom:0}.full-page .copy p+p{margin-top:1em}.intro-page .native-backdrop{bottom:0}.intro-page>.page-copy{padding-bottom:39%;padding-top:7%}.story-opening .native-backdrop{top:auto;bottom:0}.story-opening>.page-copy{padding-top:8%;padding-bottom:36%}.story-opening .copy{font-size:18px}.story-world{scroll-margin-top:62px}
 .story-panel-content{display:flex;flex-direction:column;gap:28px;padding:0 7% 9%;margin-top:-8%}.catastrophe-panel .story-panel-content{margin-top:-11%}.pressure-panel .story-panel-content{margin-top:0;padding-top:5%}.boarding-panel .page-art{padding-top:0}.story-panel-content.wide-copy{display:block}.beat-title{font-size:25px;margin-bottom:18px}.beat-title>span{font-size:10px;margin-right:10px}.story-world .copy{font-size:18px}.product-cut{min-height:0}.product-cut>.page-copy{padding:8% 7% 41%}.smash-title{font-size:59px;margin-bottom:20px}.cut-grid{display:block}.cut-grid .claim-lines{font-size:25px;margin-top:27px}.cut-grid .claim-lines p+p{margin-top:12px}.bumper-page .page-grid{align-items:stretch}.big-ding{font-size:91px!important;margin:13px 0!important}.last-line{font-size:27px}.motion figcaption{font-size:10px}.motion-screen{border-width:4px;padding:3px}.loop-toggle{width:36px;height:36px;right:11px;bottom:11px}
 .boards-introduction{margin-bottom:28px}.boards-introduction .native-heading{width:100%;margin-bottom:20px}.clean-boards{padding:8% 6%}.shot-selector{gap:6px;padding:13px;border-width:4px}.shot-tab{width:36px;height:36px;font-size:11px}.shot-workspace{display:flex;flex-direction:column;gap:22px;padding:21px 17px;border-width:4px;min-height:0}.shot-position strong{font-size:48px}.shot-position{gap:11px}.shot-controls{margin-top:20px}#shot-description{font-size:18px;max-width:none}.shot-note{font-size:10px}.shot-images{width:100%}.shot-images.multi{grid-template-columns:1fr}.boards-foot{font-size:10px;gap:15px;align-items:start;padding:20px 0}.boards-foot a{white-space:normal;text-align:right;max-width:125px}.full-shot-list summary{font-size:11px;padding:18px 14px}.full-shot-list ol{padding:0 14px 18px}.full-shot-list li button{font-size:16px}.storyboard-supers{font-size:19px}
 .hero-page .page-art>.photo{width:90%;margin:auto}.hero-page .native-heading{width:100%}.passengers-page .page-art>.photo{width:100%}.photo-triptych{gap:8px}.carriage-footer{margin:30px -8.14% -8.14%;width:116.28%;border-top-width:5px}.jacket-page .page-art>.photo{width:92%;margin:auto}.jacket-scale{display:flex;flex-direction:column;gap:22px;align-items:stretch;margin-top:32px}.scale-note{font-size:51px;text-align:center;padding:0}.jacket-scale .photo-duo{width:80%;margin:auto;gap:14px}.jacket-scale .photo img{max-height:none;width:100%;height:auto}.product-photo-grid{gap:18px 12px}.product-photo-grid .photo:nth-child(4){max-width:85%}.flood-strip{grid-template-columns:1fr;gap:23px;margin-top:30px}.flood-strip .photo{max-width:95%;margin:auto}.fabric-world{background-size:auto 100%;background-position:40% center}.fabric-world .copy{font-weight:400}.temperature{margin-top:28px;gap:12px;flex-wrap:wrap;font-size:9px}.temperature div{order:3;flex-basis:100%;height:11px}.temperature span:last-child{margin-left:auto}.palette{grid-template-columns:1fr 1fr;gap:22px 16px;margin-top:30px}.palette span{font-size:9px;border-top-width:32px}.edit-pullquote{font-size:66px;text-align:center;margin:10px 0 0}.sound-page .native-heading{width:100%}.sound-page .copy{columns:1}.sound-score{gap:15px;justify-content:flex-start;font-size:17px;margin-top:27px;padding-top:22px}.sound-page .ding{font-size:29vw;margin:27px 0 0}.ding>span{font-size:9px;margin-top:12px}.process-art{padding:0 3%;gap:23px}.process-art img{border-width:4px}.dont-boring{width:100%;margin-top:35px}.process-graffiti{width:150px;right:-50px;bottom:13%}.thanks-page .native-backdrop{width:100%;height:100%;object-fit:cover;object-position:45% center}.thanks-page>.page-copy{padding:9% 7% 15%}.thanks-page .native-heading{width:100%}.thanks-page .copy{font-size:18px;line-height:1.52}.clean-signature{display:block;text-align:center;padding:25px 7%}.clean-signature>span{display:block;max-width:none;font-size:9px}.clean-signature strong{display:block;font-size:24px;margin:10px 0}.end-title{left:36%;width:28%;top:37.5%}.site-footer{padding:24px 7%;font-size:10px;gap:18px;flex-wrap:wrap}.board-dialog>p{font-size:16px}.dialog-top span{font-size:10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Keep detail out of the reading area without adding text backplates. */
.intro-page .native-backdrop{clip-path:inset(50% 0 0)}
.fabric-world{background-image:url(assets/photos/orange-fabric-detail.webp);background-size:900px auto;background-position:left top;background-repeat:repeat}
.thanks-page .native-backdrop{filter:brightness(1.15) contrast(.55)}