*{box-sizing:border-box}
:root{
  --paper:#eee9dc;
  --paper-light:#f5f1e8;
  --ink:#292b27;
  --muted:#74766e;
  --green:#5d695b;
  --green-soft:#aeb4a5;
  --ochre:#aa7b37;
  --red:#792d31;
  --line:rgba(50,52,47,.16);
  --serif:"Newsreader",Georgia,serif;
  --sans:"DM Sans",Arial,sans-serif;
  --hand:"Caveat",cursive;
}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;position:relative;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:18px}
body:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.22;background:repeating-linear-gradient(90deg,transparent 0 7px,rgba(90,80,65,.025) 8px 9px),repeating-linear-gradient(0deg,transparent 0 13px,rgba(255,255,255,.12) 14px 15px)}
button,a{font:inherit}
img{max-width:100%}
::selection{background:rgba(170,123,55,.24);color:var(--ink)}

.paper-grain{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.24;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.075'/%3E%3C/svg%3E")}

.site-head{position:fixed;inset:0 0 auto;height:70px;padding:0 clamp(20px,3.2vw,52px);display:flex;align-items:center;justify-content:space-between;z-index:80;color:var(--ink);font:500 .67rem var(--sans);letter-spacing:.16em;text-transform:uppercase}
.site-label{display:flex;align-items:center;gap:12px}
.site-label__book{color:inherit;text-decoration:none}
.site-label__book:hover,.site-label__book:focus-visible{color:var(--red)}
.site-label__chapter{color:var(--ochre)}
.site-label__chapter:before{content:"";display:inline-block;width:24px;height:1px;margin:0 12px 3px 0;background:currentColor}
.site-head button{display:flex;align-items:center;gap:9px;padding:10px 0;border:0;background:transparent;color:var(--ink);font:500 .63rem var(--sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;pointer-events:auto}
.motion-dot{width:7px;height:7px;border:1px solid var(--red);border-radius:50%;background:var(--red);transition:background .2s}
.site-head button[aria-pressed="true"] .motion-dot{background:transparent}
.reading-progress{position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(41,43,39,.08);transform-origin:left}
.reading-progress span{display:block;width:100%;height:100%;background:var(--red);transform:scaleX(0);transform-origin:left}

.cordon-layer{position:absolute;inset:0;z-index:7;pointer-events:none;opacity:.62;mix-blend-mode:multiply}
.cordon-layer svg{display:block;width:100%;height:100%;overflow:visible}
.cordon-mobile{display:none}
.thread-piece use{fill:none;stroke-linecap:round;stroke-linejoin:round}
.thread-piece--origin-wide{display:none}
.thread-shadow{stroke:rgba(48,24,27,.17);stroke-width:6;transform:translate(1px,1.4px)}
.thread-main{stroke:#793139;stroke-width:3.35}
.thread-fiber{stroke:rgba(239,184,176,.72);stroke-width:.8;stroke-dasharray:2 5 7 6 3 8}
.thread-hole{fill:rgba(48,32,29,.52);stroke:rgba(245,241,232,.88);stroke-width:1.15;filter:drop-shadow(0 1px 1px rgba(40,26,23,.24))}

@media(min-width:1650px){
  .thread-piece--origin{display:none}
  .thread-piece--origin-wide{display:inline}
}

main{position:relative;z-index:2}
.section,.scene{position:relative}
.intro{min-height:112vh;display:grid;place-items:center;align-content:center;text-align:center;overflow:hidden;padding:12vh 24px 22vh;background:linear-gradient(180deg,var(--paper-light) 0 63%,#e5e6dc 100%)}
.intro-wash{position:absolute;inset:auto -10% 0;height:48%;opacity:.75;background:radial-gradient(ellipse at 28% 100%,rgba(93,105,91,.18),transparent 48%),radial-gradient(ellipse at 70% 98%,rgba(170,123,55,.16),transparent 45%),linear-gradient(to top,rgba(121,45,49,.045),transparent 65%)}
.yarn-ball{position:absolute;left:4vw;top:31vh;width:min(22vw,300px);height:44vh;z-index:9;opacity:1;transform:rotate(-6deg)}
.yarn-ball img{clip-path:polygon(31% 16%,45% 18%,55% 26%,59% 38%,58% 49%,53% 58%,48% 64%,40% 68%,29% 69%,18% 66%,10% 58%,6% 48%,6% 37%,10% 27%,18% 20%)}
.intro-kicker,.intro-prologue,.scroll-cue{position:relative;z-index:2;font-family:var(--sans);text-transform:uppercase}
.intro-kicker{margin:0 0 34px;font-size:.68rem;font-weight:500;letter-spacing:.22em;color:var(--green);transform:translateY(-10px)}
h1{position:relative;z-index:2;margin:0;font-size:clamp(5.4rem,13.4vw,12.5rem);font-weight:400;line-height:.78;letter-spacing:-.035em}
.intro-prologue{margin:28px 0 0;font-size:.72rem;letter-spacing:.28em;color:var(--ochre)}
.scroll-cue{position:absolute;bottom:9vh;left:50%;margin:0;transform:translateX(-50%);font-size:.62rem;letter-spacing:.15em}
.scroll-cue span{display:block;margin-top:12px;font-size:1.1rem;animation:nudge 2.4s ease-in-out infinite}
.margin-note{font:500 clamp(1.25rem,1.7vw,1.7rem)/1.05 var(--hand);color:var(--green);transform:rotate(var(--rotate,-3deg))}
.intro-note{position:absolute;right:8vw;bottom:17vh;text-align:left;opacity:.8;--rotate:-4deg}
@keyframes nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}

.scene{display:grid;grid-template-columns:1fr;min-height:165vh;border-top:1px solid var(--line);isolation:isolate}
.scene__stage,.scene__copy{grid-area:1/1}
.scene__stage{position:sticky;top:0;align-self:start;height:100vh;overflow:hidden;z-index:1}
.scene__copy{position:relative;align-self:start;z-index:12;width:min(670px,47vw);padding:24vh 0 34vh;font-size:clamp(1.25rem,1.48vw,1.54rem);line-height:1.68;text-wrap:pretty}
.scene--right .scene__copy{margin-left:45vw}
.scene--left .scene__copy{margin-left:11vw}
.scene--center .scene__copy{margin-inline:auto;width:min(720px,54vw)}
.scene__copy p{margin:0 0 1.55em}
.scene__copy p:last-child{margin-bottom:0}
.scene-label{display:flex;align-items:center;gap:14px;margin-bottom:2.7rem!important;color:var(--ochre);font:500 .69rem var(--sans);letter-spacing:.2em;text-transform:uppercase}
.scene-label:before{content:"";width:36px;height:1px;background:currentColor}
.opening-line{font-size:clamp(2.35rem,4vw,4.8rem);line-height:.98;margin-bottom:.65em!important;letter-spacing:-.025em}
.display-line{margin:2.2em 0!important;font-size:clamp(2rem,3vw,3.45rem);line-height:1.02;font-style:italic;color:var(--green)}
.grief-line{max-width:760px;margin:1.2em 0 2.1em!important;font-size:clamp(3.15rem,6vw,7rem);line-height:.9;letter-spacing:-.045em}
.decision-line{margin:2.2em 0!important;font-size:1.45em;line-height:1.25;color:var(--red)}
.dialogue{padding-left:1.25em;border-left:1px solid rgba(121,45,49,.43)}
blockquote{position:relative;margin:3.5em 0 0;padding:2.3em 0 0;font-size:clamp(1.7rem,2.7vw,3.2rem);line-height:1.2;font-style:italic;color:var(--green)}
blockquote:before{content:"“";position:absolute;top:-.1em;left:-.08em;color:var(--ochre);font-size:3.4em;line-height:1}
blockquote p{margin-bottom:.7em!important}

.layer{position:absolute;will-change:transform,opacity;opacity:.9;--parallax-y:0px;--parallax-scale:1;transform:translate3d(0,var(--parallax-y),0) rotate(var(--rotate,0deg)) scale(var(--parallax-scale));transform-origin:center}
.js .layer{opacity:0}
.art img,.atmosphere img{display:block;width:100%;height:100%;object-fit:contain;filter:saturate(.78) contrast(.94);mix-blend-mode:multiply}
.art--subtle img{opacity:var(--art-opacity,.7)}
.atmosphere{pointer-events:none}
.atmosphere--dawn{inset:0}
.atmosphere--dawn img{opacity:.54}
.calendar{left:7vw;top:15vh;width:min(27vw,390px);height:62vh;--rotate:-2deg;--art-opacity:.7}
.note-opening{left:10vw;bottom:14vh;text-align:left;--rotate:-5deg}
.pencil-line--opening{left:5vw;right:59vw;bottom:11vh;height:1px;background:rgba(93,105,91,.28);--rotate:-2deg}

.scene--warsaw{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(170,123,55,.035))}
.atmosphere--map{inset:0;background:radial-gradient(circle at 78% 32%,rgba(170,123,55,.12),transparent 26%),linear-gradient(120deg,transparent 40%,rgba(93,105,91,.055))}
.map{right:4vw;top:8vh;width:47vw;height:79vh;--rotate:2deg;--art-opacity:.46}
.willow{left:-9vw;right:auto;top:-7vh;width:57vw;height:82vh;--art-opacity:.17}
.espresso{right:25vw;bottom:1vh;width:min(20vw,290px);height:45vh;--rotate:3deg}
.note-coffee{right:9vw;bottom:17vh;text-align:center;color:var(--ochre);--rotate:5deg}

.scene--city{background:linear-gradient(180deg,rgba(93,105,91,.035),rgba(83,85,80,.105),rgba(93,105,91,.02))}
.atmosphere--grey{inset:0;background:linear-gradient(105deg,rgba(70,74,70,.15),transparent 54%),radial-gradient(circle at 25% 60%,rgba(75,78,75,.15),transparent 35%)}
.city-skyline{left:-2vw;bottom:2vh;width:48vw;height:60vh;--art-opacity:.34}
.concrete{left:1vw;right:44vw;bottom:7vh;height:57vh;--art-opacity:.68}
.note-city{left:8vw;top:19vh;--rotate:-6deg}

.scene--shop{background:radial-gradient(circle at 78% 69%,rgba(170,123,55,.1),transparent 31%)}
.shop-cashier{right:1vw;top:17vh;width:17vw;height:44vh;--rotate:2deg;--art-opacity:.32}
.deli-counter{right:-4vw;bottom:2vh;width:39vw;height:48vh;--rotate:1deg;--art-opacity:.34}
.grocery-basket{right:32vw;top:31vh;width:15vw;height:29vh;--rotate:4deg;--art-opacity:.34}
.cheese{left:60vw;right:auto;bottom:5vh;width:19vw;height:32vh;--rotate:2deg;--art-opacity:.54}
.wine{left:51vw;right:auto;bottom:7vh;width:8vw;height:32vh;--rotate:-6deg;--art-opacity:.44}
.receipt{right:4vw;top:8vh;width:170px;min-height:145px;padding:30px 18px;background:rgba(245,241,232,.62);box-shadow:0 8px 28px rgba(47,39,28,.06);font:500 .6rem/2 var(--sans);letter-spacing:.12em;color:var(--muted);--rotate:5deg}
.receipt:after{content:"··············";display:block;margin-top:18px;letter-spacing:.25em}
.receipt span{display:block}

.scene--quiet{min-height:205vh;background:linear-gradient(180deg,var(--paper),rgba(245,241,232,.75),var(--paper))}
.scene--quiet .scene__copy{padding-top:35vh;padding-bottom:48vh}
.coffee-remains{left:10vw;top:15vh;width:17vw;height:31vh;--rotate:8deg;--art-opacity:.45}
.leaf{right:16vw;top:15vh;width:17vw;height:29vh;--rotate:12deg;--art-opacity:.68}
.leaf img{animation:leaf-sway 3.8s ease-in-out infinite alternate;transform-origin:55% 28%}
@keyframes leaf-sway{0%{transform:translateX(-12px) rotate(-9deg)}50%{transform:translateX(8px) rotate(7deg)}100%{transform:translateX(18px) rotate(18deg)}}
.quiet-line{left:16vw;right:16vw;bottom:16vh;height:1px;background:rgba(121,45,49,.22);--rotate:-1deg}

.scene--work{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(93,105,91,.045))}
.newsroom-pages{left:3vw;top:11vh;width:36vw;height:55vh;--rotate:-4deg;--art-opacity:.5}
.hamster-wheel{left:23vw;bottom:18vh;width:18vw;height:36vh;--rotate:2deg;--art-opacity:.58}
.paper-stack{left:8vw;top:15vh;width:31vw;height:61vh;opacity:.52;--rotate:-3deg}
.paper-stack span{position:absolute;inset:0;border:1px solid rgba(41,43,39,.28);background:repeating-linear-gradient(0deg,transparent 0 29px,rgba(41,43,39,.15) 30px 31px)}
.paper-stack span:nth-child(2){transform:translate(30px,26px) rotate(5deg)}
.paper-stack span:nth-child(3){transform:translate(15px,58px) rotate(-2deg)}
.clock-sketch{left:4vw;bottom:7vh;display:flex;gap:7vw;color:var(--red);font:500 clamp(2.3rem,5vw,5rem) var(--serif);opacity:.34;--rotate:-4deg}
.clock-sketch span:last-child{color:var(--green)}
.note-work{left:8vw;top:12vh;--rotate:-4deg}

.scene--inheritance{background:radial-gradient(circle at 78% 56%,rgba(170,123,55,.12),transparent 31%)}
.floor-plan-art{right:1vw;bottom:4vh;width:50vw;height:67vh;--rotate:-3deg;--art-opacity:.3}
.floor-plan{right:3vw;bottom:6vh;width:48vw;height:65vh;opacity:.28;border:1px solid var(--green);--rotate:-3deg}
.floor-plan:before,.floor-plan:after,.floor-plan span{content:"";position:absolute;background:var(--green)}
.floor-plan:before{left:39%;top:0;width:1px;height:100%}.floor-plan:after{left:0;top:52%;width:100%;height:1px}
.floor-plan span:nth-child(1){left:17%;top:0;width:1px;height:52%}.floor-plan span:nth-child(2){right:23%;top:52%;width:1px;height:48%}.floor-plan span:nth-child(3){left:39%;top:26%;width:28%;height:1px}.floor-plan span:nth-child(4){left:57%;top:52%;width:1px;height:23%}
.key{right:1vw;top:19vh;width:39vw;height:62vh;--rotate:-6deg}
.madrid-stamp{right:8vw;top:13vh;padding:14px 19px;border:1px solid rgba(121,45,49,.45);color:var(--red);font:500 1rem/1.25 var(--sans);letter-spacing:.2em;text-align:center;--rotate:7deg}
.madrid-stamp small{font-size:.55em;letter-spacing:.13em}
.note-key{right:29vw;bottom:12vh;--rotate:-5deg}

.scene--sheep{background:linear-gradient(180deg,rgba(170,123,55,.035),rgba(255,255,255,.05))}
.warsaw-alley{left:-2vw;bottom:1vh;width:48vw;height:70vh;--art-opacity:.34}
.sheep{left:0;bottom:1vh;width:45vw;height:72vh;--rotate:-1deg}
.note-sheep{left:7vw;top:17vh;--rotate:-6deg}

.scene--family{background:radial-gradient(circle at 77% 65%,rgba(93,105,91,.1),transparent 34%)}
.family-table-art{right:-1vw;bottom:3vh;width:48vw;height:68vh;--rotate:1deg;--art-opacity:.56}
.family-table{right:4vw;bottom:5vh;width:45vw;height:16vh;border:1px solid rgba(41,43,39,.34);border-radius:50%;--rotate:1deg}
.family-table:before,.family-table:after{content:"";position:absolute;top:58%;width:1px;height:36vh;background:rgba(41,43,39,.32)}
.family-table:before{left:20%;transform:rotate(7deg)}.family-table:after{right:20%;transform:rotate(-7deg)}
.chair{right:8vw;bottom:9vh;width:150px;height:300px;border:2px solid rgba(41,43,39,.28);border-bottom:0;border-radius:70px 70px 10px 10px;opacity:.65}
.chair:before{content:"";position:absolute;left:-25px;right:-25px;bottom:35px;height:70px;border:2px solid rgba(41,43,39,.28);background:rgba(93,105,91,.08)}
.chair--one{right:11vw;--rotate:5deg}.chair--two{right:35vw;width:130px;height:265px;--rotate:-6deg}
.note-family{right:24vw;top:15vh;--rotate:4deg}

.scene--departure{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(170,123,55,.045))}
.book-boxes{left:1vw;top:8vh;width:24vw;height:38vh;--rotate:3deg;--art-opacity:.48}
.luggage{left:2vw;bottom:4vh;width:42vw;height:70vh;--rotate:-2deg;--art-opacity:.7}
.suitcase{left:7vw;bottom:12vh;width:240px;height:330px;border:3px solid rgba(41,43,39,.5);border-radius:16px;background:rgba(170,123,55,.1)}
.suitcase:before{content:"";position:absolute;left:30%;right:30%;top:-64px;height:64px;border:3px solid rgba(41,43,39,.5);border-bottom:0;border-radius:12px 12px 0 0}
.suitcase:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:rgba(41,43,39,.25)}
.suitcase span:before,.suitcase span:after{content:"";position:absolute;bottom:-12px;width:25px;height:12px;border-radius:0 0 50% 50%;background:rgba(41,43,39,.55)}
.suitcase span:before{left:25px}.suitcase span:after{right:25px}
.suitcase--large{left:7vw;--rotate:-4deg}.suitcase--small{left:25vw;bottom:10vh;width:190px;height:260px;--rotate:7deg}
.parcel-stack{left:13vw;top:13vh;width:240px;height:150px;border:2px solid rgba(93,105,91,.4);background:rgba(93,105,91,.06);--rotate:3deg}
.parcel-stack:before,.parcel-stack:after{content:"";position:absolute;border:inherit;width:100%;height:100%;left:20px;top:18px}.parcel-stack:after{left:39px;top:36px}
.parcel-stack span{position:absolute;z-index:2;left:50%;top:50%;padding:7px 12px;border:1px solid rgba(93,105,91,.4);font:500 .65rem var(--sans);letter-spacing:.2em;transform:translate(-50%,-50%)}
.flight-mark{left:6vw;top:10vh;color:var(--red);font:500 .8rem var(--sans);letter-spacing:.24em;--rotate:-3deg}

.scene--airport{background:linear-gradient(180deg,rgba(93,105,91,.04),rgba(255,255,255,.03))}
.atmosphere--airport{inset:0;background:linear-gradient(176deg,transparent 0 54%,rgba(93,105,91,.08) 54.2% 55%,transparent 55.2%),radial-gradient(circle at 78% 29%,rgba(170,123,55,.09),transparent 29%)}
.airport{right:-2vw;bottom:4vh;width:53vw;height:62vh;--art-opacity:.42}
.airport-bench{right:1vw;bottom:3vh;width:44vw;height:39vh;--rotate:-1deg;--art-opacity:.42}
.older-reader{right:15vw;bottom:2vh;width:18vw;height:50vh;--rotate:1deg;--art-opacity:.62}
.gate-sign{right:31vw;top:9vh;width:14vw;height:25vh;--rotate:-3deg;--art-opacity:.54}
.quote-book{position:relative;width:min(260px,46%);height:350px;margin:2.8rem 0 0 auto;--art-opacity:.72;transform:rotate(5deg)}
.book-art{right:9vw;top:13vh;width:250px;height:350px;padding:70px 34px;border:2px solid rgba(41,43,39,.55);border-left-width:8px;background:rgba(93,105,91,.13);color:var(--ink);font:500 1.2rem/1.35 var(--serif);letter-spacing:.08em;text-align:center;--rotate:6deg}
.book-art:before{content:"VIRGINIA WOOLF";display:block;margin-bottom:40px;font:500 .56rem var(--sans);letter-spacing:.2em;color:var(--green)}
.book-art:after{content:"";position:absolute;right:-12px;top:8px;bottom:8px;width:10px;border:1px solid rgba(41,43,39,.22);background:repeating-linear-gradient(0deg,var(--paper-light) 0 2px,rgba(41,43,39,.1) 3px)}
.note-airport{right:25vw;top:3vh;bottom:auto;color:var(--ochre);--rotate:-5deg}

.outro{min-height:110vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:15vh 24px;background:linear-gradient(180deg,var(--paper),var(--paper-light));overflow:hidden}
.outro .scene-label{justify-content:center;margin-bottom:3rem!important}
.outro .scene-label:after{content:"";width:36px;height:1px;background:currentColor}
.outro h2{margin:0;font-size:clamp(3.4rem,7.5vw,8rem);font-weight:400;line-height:.9;letter-spacing:-.04em}
.outro-next{display:inline-block;margin:3rem 0 0;padding-bottom:7px;border-bottom:1px solid rgba(93,105,91,.42);color:var(--green);font:500 .69rem var(--sans);letter-spacing:.16em;text-decoration:none;text-transform:uppercase;transition:color .2s,border-color .2s}
.outro-next:hover,.outro-next:focus-visible{color:var(--red);border-color:var(--red)}
.back-to-top{margin-top:7rem;color:var(--ink);font:500 .68rem var(--sans);letter-spacing:.1em;text-decoration:none;text-transform:uppercase;border-bottom:1px solid rgba(41,43,39,.3);padding-bottom:5px}
.back-to-top span{display:inline-block;margin-left:7px;color:var(--red)}

.motion-paused .layer{transition:none!important}
.motion-paused .scroll-cue span{animation-play-state:paused}
.motion-paused .leaf img{animation-play-state:paused}

@media(max-width:1100px){
  .scene__copy{width:min(620px,53vw)}
  .scene--right .scene__copy{margin-left:42vw}
  .scene--left .scene__copy{margin-left:8vw}
  .calendar{left:5vw;width:29vw}
  .concrete{right:49vw}
}

@media(max-width:850px){
  .site-head{height:60px;padding:0 20px}
  .site-label__book{display:none}
  .site-label__chapter:before{display:none}
  .cordon-layer{inset:0;width:auto;opacity:.55}
  .cordon-desktop{display:none}
  .cordon-mobile{display:inline}
  .thread-main{stroke-width:2.7}
  .thread-shadow{stroke-width:4.6}
  .thread-fiber{stroke-width:.65;stroke-dasharray:2 5 6 7}
  .intro{min-height:104svh;padding-bottom:20vh}
  .yarn-ball{left:auto;right:-18vw;top:16vh;width:48vw;height:30vh;opacity:1}
  h1{font-size:clamp(4.4rem,19vw,7rem);letter-spacing:-.045em}
  .intro-note{display:none}
  .scene{min-height:145vh}
  .scene__stage{height:100svh}
  .scene__copy,.scene--center .scene__copy{width:auto;margin:0!important;padding:56svh 7vw 27vh 18vw;font-size:1.18rem;line-height:1.7}
  .scene--quiet{min-height:175vh}
  .scene--quiet .scene__copy{padding-top:38svh;padding-bottom:36vh}
  .scene-label{margin-bottom:2rem!important;font-size:.62rem;letter-spacing:.17em}
  .scene-label:before{width:24px}
  .opening-line{font-size:2.8rem}
  .display-line{font-size:2.25rem}
  .grief-line{font-size:clamp(3.4rem,16vw,5rem)}
  .margin-note{display:none}
  .scene__stage .art--subtle img{opacity:calc(var(--art-opacity,.7)*.42)}
  .calendar{left:24vw;top:9vh;width:55vw;height:43vh}
  .pencil-line--opening{left:18vw;right:4vw;bottom:47vh}
  .map{left:13vw;right:auto;top:7vh;width:82vw;height:51vh}
  .willow{left:-18vw;right:auto;top:-6vh;width:86vw;height:58vh;--art-opacity:.14}
  .espresso{right:4vw;bottom:44vh;width:36vw;height:28vh}
  .city-skyline{left:8vw;bottom:42vh;width:92vw;height:40vh}
  .concrete{left:12vw;right:auto;bottom:43vh;width:86vw;height:37vh}
  .shop-cashier{right:10vw;top:7vh;width:29vw;height:29vh;--art-opacity:.16}
  .deli-counter{left:12vw;right:auto;bottom:45vh;width:78vw;height:29vh;--art-opacity:.16}
  .grocery-basket{display:none}
  .cheese{left:28vw;right:auto;bottom:44vh;width:58vw;height:30vh;--art-opacity:.22}
  .wine{left:17vw;right:auto;bottom:51vh;width:16vw;height:26vh;--art-opacity:.42}
  .receipt{left:auto;right:2vw;top:9vh;width:110px;min-height:96px;padding:20px 12px;font-size:.45rem;opacity:.52}
  .coffee-remains{left:16vw;top:9vh;width:31vw;height:25vh}
  .leaf{right:10vw;top:9vh;width:34vw;height:22vh}
  .paper-stack{left:20vw;top:9vh;width:65vw;height:39vh}
  .newsroom-pages{left:17vw;top:8vh;width:70vw;height:39vh}
  .hamster-wheel{left:58vw;bottom:45vh;width:36vw;height:25vh}
  .clock-sketch{left:16vw;bottom:47vh;font-size:2.8rem;gap:13vw}
  .floor-plan{right:-8vw;bottom:49vh;width:82vw;height:40vh}
  .floor-plan-art{right:-10vw;bottom:47vh;width:87vw;height:42vh}
  .key{right:-6vw;top:10vh;width:83vw;height:39vh}
  .madrid-stamp{right:7vw;top:8vh;font-size:.75rem}
  .sheep{left:17vw;bottom:43vh;width:82vw;height:46vh}
  .warsaw-alley{left:8vw;bottom:42vh;width:92vw;height:45vh}
  .scene--sheep .scene__copy{padding-top:69svh}
  .family-table{right:-6vw;bottom:44vh;width:76vw;height:11vh}
  .family-table-art{right:-7vw;bottom:42vh;width:83vw;height:43vh}
  .chair--one{right:3vw;bottom:47vh;width:105px;height:205px}.chair--two{right:47vw;bottom:47vh;width:90px;height:180px}
  .suitcase{left:20vw;bottom:44vh;width:135px;height:190px}.suitcase--small{left:57vw;bottom:43vh;width:105px;height:150px}
  .luggage{left:12vw;bottom:42vh;width:84vw;height:45vh}
  .suitcase:before{top:-38px;height:38px}
  .parcel-stack{left:23vw;top:8vh;width:150px;height:90px}
  .book-boxes{left:14vw;top:7vh;width:45vw;height:30vh}
  .flight-mark{left:21vw;top:5vh}
  .airport{right:-8vw;bottom:43vh;width:105vw;height:38vh}
  .airport-bench{right:-7vw;bottom:42vh;width:77vw;height:26vh}
  .older-reader{right:18vw;bottom:42vh;width:31vw;height:34vh}
  .gate-sign{left:18vw;right:auto;top:7vh;width:27vw;height:20vh}
  .scene--airport .scene__stage{transition:opacity .65s ease}
  .scene--airport.quote-focus .scene__stage{opacity:0!important}
  .quote-book{width:68%;height:270px;margin-top:2rem}
  blockquote{font-size:1.75rem}
  .outro h2{font-size:clamp(3.5rem,17vw,5.5rem)}
}

@media(max-width:430px){
  .site-head button{font-size:.56rem}
  .scene__copy,.scene--center .scene__copy{padding-left:19vw;padding-right:6vw;font-size:1.12rem}
  .scene-label{gap:9px}
  .scene-label:before{width:18px}
  .dialogue{padding-left:.9em}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .scroll-cue span{animation:none}
  .layer{transition:none!important}
  .leaf img{animation:none}
}