@font-face{font-family:Cormorant;src:url('assets/CormorantGaramond.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Cormorant;src:url('assets/CormorantGaramond-Italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Outfit;src:url('../worlds/assets/Outfit.woff2') format('woff2');font-weight:100 900;font-display:swap}
/* Layer order: scenery 0, content 1, foreground art 2, navigation 4, focus 5. */
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{--paper:#f4f2eb;--ink:#24485a;--quiet:#596c6e;--line:#24485a35;margin:0;background:var(--paper);color:var(--ink);font-family:Outfit,Arial,sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;background:none;color:inherit;border:0;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:6px}button:active,.paint-button:active{transform:scale(.98)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Cormorant,Georgia,serif;font-weight:400;letter-spacing:-.045em}h1 em,h2 em,h3 em{font-weight:400;font-style:italic}img{display:block;max-width:100%;height:auto}.eyebrow{font:400 12px/1.6 Outfit,Arial,sans-serif;letter-spacing:.16em;color:var(--quiet)}.skip{position:fixed;z-index:5;top:12px;left:12px;padding:15px;background:var(--ink);color:var(--paper);transform:translateY(-150%)}.skip:focus{transform:none}.paper-texture{position:fixed;inset:0;z-index:4;opacity:.06;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23536667' filter='url(%23paper)' d='M0 0h170v170H0z'/%3E%3C/svg%3E")}
header{position:absolute;top:0;left:0;right:0;z-index:4;padding:28px 5%;display:flex;align-items:center;gap:50px}.wordmark{font-family:Cormorant,Georgia,serif;font-size:37px;line-height:1;font-weight:400;letter-spacing:-.055em}.wordmark span{color:#7e8980}.studio-note{font-size:12px;line-height:1.65;letter-spacing:.14em;margin-left:25px;color:var(--quiet)}header nav{display:flex;gap:30px;align-items:center;margin-left:auto;margin-right:132px;font-size:12px}header nav a{padding:14px 0}.motion-toggle{position:fixed;right:5%;top:38px;z-index:4;font-size:12px;padding:8px 9px;background:#f4f2ebdf;border-radius:2px;display:flex;gap:12px;align-items:center}.motion-toggle span{font-size:12px}
.journey{height:280dvh;position:relative}.journey-marker{position:absolute;top:58%;left:0;width:1px;height:1px;pointer-events:none}.world-stage{height:100dvh;min-height:650px;position:sticky;top:0;overflow:hidden;isolation:isolate}.world-wash{position:absolute;border-radius:50%;pointer-events:none;opacity:.7;mix-blend-mode:multiply}.wash-one{width:55vw;height:65vh;right:-4%;top:8%;background:radial-gradient(ellipse,#cbd8d754 5%,#a4bfc124 40%,transparent 69%);transform:rotate(-25deg)}.wash-two{width:40vw;height:40vh;left:25%;top:45%;background:radial-gradient(ellipse,#98b2bd35,transparent 69%)}.island-plane{position:absolute;width:min(57vw,82dvh);right:2.5%;top:13%;transform-origin:55% 42%;z-index:1;pointer-events:none}.island-drift{animation:island-drift 13s ease-in-out infinite alternate;transform-origin:50% 50%}.island-art{width:100%;height:auto}.opening-copy{position:absolute;left:8%;top:50%;transform:translateY(-43%);z-index:2;max-width:52%;pointer-events:none}.opening-copy h1{font-size:clamp(80px,8.3vw,150px);line-height:.98;margin:28px 0 27px;letter-spacing:-.055em}.opening-copy h1 em{display:inline-block;line-height:1.08;padding-bottom:.04em}.opening-intro{font-size:15px;font-weight:300;line-height:1.75;color:#47616a}.ink-link{display:inline-flex;gap:50px;align-items:center;font-size:12px;border-bottom:1px solid var(--line);padding:14px 0 12px;margin-top:23px;pointer-events:auto}.ink-link span{font-size:19px}.margin-note{font-size:12px;line-height:1.6;margin-top:25px;color:var(--quiet)}.art-annotation{position:absolute;right:7%;bottom:18%;font-family:Cormorant,Georgia,serif;font-style:italic;font-size:19px;line-height:1.1;z-index:2;transform:rotate(-6deg)}.art-annotation i{position:absolute;left:-38px;top:-34px;width:70px;height:35px;border-left:1px solid #667f8880;border-bottom:1px solid #667f8880;border-radius:0 0 0 100%;transform:rotate(13deg)}.opening-foot{position:absolute;left:5%;right:5%;bottom:33px;display:flex;justify-content:space-between;gap:25px;font-size:12px;letter-spacing:.13em;color:var(--quiet);z-index:2}.far-landscape{position:absolute;inset:0;opacity:0;pointer-events:none;z-index:0;transform-origin:50% 65%}.far-landscape img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;mix-blend-mode:multiply}.far-landscape:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,transparent 50%,#f4f2eb55)}.foreground-plane{position:absolute;width:45vw;right:-12%;bottom:-23%;z-index:2;opacity:0;pointer-events:none}.foreground-plane img{width:100%}.inside-copy{position:absolute;inset:16% 5% auto;text-align:center;z-index:1;opacity:0;pointer-events:none}.inside-copy h2{font-size:clamp(68px,7vw,115px);line-height:1.02;letter-spacing:-.05em;margin:25px 0 20px}.inside-copy h2 em{display:inline-block;line-height:1.1;padding-bottom:.07em}.inside-copy>p:last-child{font-size:14px;font-weight:300;line-height:1.7;color:#345261}.ink-motes{position:absolute;inset:0;z-index:1;pointer-events:none}.ink-motes i{position:absolute;width:5px;height:6px;background:#788d7280;border-radius:45% 60% 35% 70%;top:30%;left:57%;animation:mote 8s ease-in-out infinite alternate}.ink-motes i:nth-child(2){left:90%;top:66%;width:7px;height:4px;animation-delay:-3s}.ink-motes i:nth-child(3){left:64%;top:16%;width:3px;height:3px;background:#6285a55c;animation-delay:-1s}.ink-motes i:nth-child(4){left:48%;top:70%;width:4px;height:5px;animation-delay:-6s}.ink-motes i:nth-child(5){left:82%;top:13%;width:3px;height:3px;animation-delay:-4s}@keyframes island-drift{from{transform:translateY(0) rotate(-1.3deg)}to{transform:translateY(-14px) rotate(1deg)}}@keyframes mote{to{transform:translate(18px,-25px) rotate(100deg)}}
.mobile-world{display:none}.intentions{position:relative;overflow:hidden;padding:120px 8% 70px;isolation:isolate;background:linear-gradient(#f4f2eb00,#f4f2eb 10%)}.chapter-heading{max-width:800px}.chapter-heading h2{font-size:clamp(60px,6.7vw,110px);line-height:1.02;margin:25px 0}.chapter-heading h2 em{display:inline-block;padding-bottom:.06em;line-height:1.1}.chapter-heading>p:last-child{font-size:14px;font-weight:300;line-height:1.7;color:var(--quiet)}.process-world{position:relative;max-width:1240px;margin:50px auto 0;isolation:isolate}.painted-path{position:absolute;width:100%;height:100%;inset:0;pointer-events:none;z-index:-1}.path-ghost{stroke:#d2dbd9;stroke-width:2;stroke-linecap:round}.path-ink{stroke:#638799;stroke-opacity:.65;stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}.process-step{position:relative;display:flex;gap:25px;align-items:baseline;width:49%;padding:52px 0 60px;min-height:310px}.step-one{margin-left:4%}.step-two{margin-left:49%}.step-three{margin-left:12%}.step-number{flex-shrink:0;font:13px Cormorant,serif;width:43px;height:43px;display:grid;place-items:center;border-radius:50%;border:1px solid #668b9680;background:var(--paper)}.process-step .eyebrow{font-size:12px}.process-step h3{font-size:clamp(43px,4.5vw,72px);line-height:1.04;margin:15px 0 18px}.process-step h3 em{display:inline-block;padding-bottom:.05em;line-height:1.1}.process-step>div>p:last-child{font-size:13px;line-height:1.75;color:var(--quiet);font-weight:300;max-width:280px;background:#f4f2ebc9}.process-branch{position:absolute;right:-18%;top:45%;width:39%;z-index:-1;opacity:.7;transform:rotate(-25deg);pointer-events:none}.process-note{display:block;margin:40px 0 0 25px;font-size:12px;letter-spacing:.16em;color:var(--quiet)}
.selected-work{padding:110px 7% 110px;position:relative;overflow:hidden;isolation:isolate}.selected-work .chapter-heading{margin-left:8%;margin-bottom:100px}.work-wash{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#d6e1e327,transparent 70%)}.painted-gallery{max-width:1450px;margin:auto}.project{position:relative;width:70%;margin-bottom:150px}.project:last-child{margin-bottom:0}.project-ceeds{margin-left:28%}.project-zols{margin-left:7%}.project-scene{position:relative;isolation:isolate}.project-scene:before{content:'';position:absolute;inset:-50px -50px -30px;z-index:-1;border-radius:45% 55% 56% 44%/57% 55% 45% 43%;background:radial-gradient(ellipse,#adbdc45e 25%,#d8e0e333 53%,transparent 72%);transform:rotate(-11deg);pointer-events:none}.project-ceeds .project-scene:before{background:radial-gradient(ellipse,#b6c79b69 25%,#d8e0cb33 53%,transparent 72%)}.project-zols .project-scene:before{background:radial-gradient(ellipse,#d2b6a64a 25%,#ded1c433 53%,transparent 72%)}.project-index{position:absolute;left:-40px;top:-58px;font:86px Cormorant,serif;font-style:italic;letter-spacing:-.07em;color:#758f9755}.project-frame{display:block;position:relative;padding:9px 9px 12px;background:#fcfbf4;box-shadow:0 10px 24px #47617017,0 1px 3px #47617025;transform:rotate(-2deg);transition:transform .35s cubic-bezier(.23,1,.32,1)}.project-ceeds .project-frame{transform:rotate(2deg)}.project-zols .project-frame{transform:rotate(-1deg)}.frame-top{display:flex;justify-content:space-between;align-items:center;height:26px;padding:0 5px 8px;font-size:12px;color:#617781}.frame-top i{display:block;width:4px;height:4px;border-radius:50%;background:#a3b3b0;box-shadow:7px 0 #bbc3b9,14px 0 #cbd0c7}.frame-top>span:last-child{font-size:12px}.project-frame>img{width:100%;aspect-ratio:16/9;object-fit:cover}.visit{position:absolute;right:25px;bottom:25px;padding:12px 19px;background:var(--paper);color:var(--ink);font-size:12px;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s}.project-frame:focus-visible .visit{opacity:1;transform:none}.project-annotation{position:absolute;bottom:30px;right:-100px;font-family:Cormorant,serif;font-style:italic;font-size:20px;transform:rotate(5deg);background:#f4f2ebed;padding:7px 15px;box-shadow:0 2px 8px #38506c08;pointer-events:none}.project-ceeds .project-annotation{right:auto;left:-100px;transform:rotate(-5deg)}.project-caption{display:flex;justify-content:space-between;gap:25px;padding:35px 10px 0;align-items:end}.project-caption .eyebrow{font-size:12px;letter-spacing:.12em}.project-caption h3{font-size:36px;letter-spacing:-.03em;margin-top:8px}.project-caption>p{font-size:12px;font-weight:300;line-height:1.65;color:var(--quiet);padding-bottom:3px}
.your-world{position:relative;isolation:isolate;min-height:900px;padding:140px 9% 130px;overflow:hidden}.closing-landscape{position:absolute;inset:12% 0 -10%;z-index:-2;opacity:.25;mask-image:linear-gradient(transparent,#000 35%,#000 80%,transparent)}.closing-landscape img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.closing-island{position:absolute;left:1%;top:22%;width:44%;pointer-events:none;z-index:-1;transform:rotate(-5deg);opacity:.95}.closing-copy{margin-left:48%;max-width:650px;position:relative}.closing-copy h2{font-size:clamp(70px,7.5vw,125px);line-height:1.04;margin:25px 0}.closing-copy h2 em{display:inline-block;line-height:1.13;padding-bottom:.05em}.closing-copy>p:not(.eyebrow){font-size:14px;line-height:1.7;font-weight:300;color:var(--quiet)}.paint-button{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:50px;font-size:13px;padding:20px 22px;border-bottom:1px solid #31576c70;margin-top:27px;transition:color .25s}.paint-button:before{content:'';position:absolute;inset:5px -10px;z-index:-1;opacity:0;transform:scale(.88) rotate(-3deg);border-radius:48% 45% 50% 42%/55% 40% 55% 45%;background:#c5d6df;transition:transform .3s,opacity .3s}.closing-note{position:absolute;left:9%;bottom:14%;font:italic 25px/1.2 Cormorant,serif;transform:rotate(-4deg);color:#607984}footer{padding:40px 5% 100px;border-top:1px solid #24485a20;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px;color:var(--quiet)}footer .wordmark{color:var(--ink);font-size:31px}footer>a:not(.wordmark){padding:10px 0}.story-nav{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;z-index:4;background:#f4f2ebf2;padding:8px 12px;border-radius:2px;box-shadow:0 2px 20px #2c4a5a0b}.story-nav a{display:flex;align-items:center;padding:7px 9px;gap:8px;border-bottom:1px solid transparent;font-size:12px;color:var(--quiet)}.story-nav a span{font-family:Cormorant,serif;font-size:13px}.story-nav i{font-style:normal;display:none}.story-nav a[aria-current]{border-color:var(--ink);color:var(--ink)}.story-nav a[aria-current] i{display:inline}
@media(hover:hover) and (pointer:fine){header nav a:hover{text-decoration:underline;text-underline-offset:5px}.paint-button:hover:before{opacity:1;transform:scale(1) rotate(-3deg)}.project-frame:hover{transform:rotate(0) translateY(-3px)}.project-frame:hover .visit{opacity:1;transform:none}.ink-link:hover span{transform:translateY(3px)}.ink-link span{transition:transform .2s}}
@media(min-width:1500px){.opening-copy{left:10%}.island-plane{right:6%;width:min(55vw,82dvh)}.intentions{padding-inline:12%}.your-world{padding-right:12%}}
@media(max-width:1100px){header{gap:22px}.studio-note{margin-left:10px}.opening-copy{left:6%}.opening-copy h1{font-size:9vw}.opening-intro{font-size:13px}.island-plane{right:-3%;width:59vw;top:18%}.art-annotation{right:7%;bottom:13%;font-size:17px}.inside-copy h2{font-size:8vw}.project{width:79%}.project-ceeds{margin-left:20%}.project-zols{margin-left:4%}.project-annotation{right:-65px;font-size:18px}.project-ceeds .project-annotation{left:-65px}.closing-copy{margin-left:45%}.closing-copy h2{font-size:8.6vw}}
@media(max-width:899px),(max-height:649px){.journey{height:auto}.journey-marker{top:100%}.world-stage{position:relative;min-height:760px;height:100dvh}.inside-copy,.far-landscape,.foreground-plane{display:none}.opening-copy{top:48%;max-width:57%}.island-plane{top:24%;width:63vw;right:-10%}.studio-note{display:none}header nav{margin-right:115px;gap:20px}.opening-foot{font-size:12px}.art-annotation{bottom:16%;font-size:16px}.mobile-world{display:block;position:relative;padding:75px 6% 80px;text-align:center;overflow:hidden}.mobile-world h2{font-size:65px;line-height:1.05;margin:23px 0}.mobile-world h2 em{display:inline-block;line-height:1.12;padding-bottom:.04em}.mobile-world img{width:115%;max-width:none;margin-left:-7.5%;mix-blend-mode:multiply;mask-image:linear-gradient(transparent,#000 13%,#000 88%,transparent);margin-top:-50px;margin-bottom:-20px}.mobile-world>p:last-child{font-size:14px;line-height:1.7;color:var(--quiet);position:relative}.intentions{padding:75px 7% 50px}.process-step{width:54%;gap:15px}.step-two{margin-left:43%}.step-three{margin-left:5%}.process-step h3{font-size:50px}.process-step>div>p:last-child{font-size:12px}.selected-work{padding:75px 7%}.project{width:85%;margin-bottom:115px}.project-ceeds{margin-left:14%}.project-zols{margin-left:2%}.project-annotation{font-size:17px;right:-40px}.project-ceeds .project-annotation{left:-40px}.project-caption{align-items:start}.project-caption>p{max-width:190px}.project-caption h3{font-size:31px}.your-world{min-height:790px;padding:90px 7% 130px}.closing-copy h2{font-size:77px}.closing-island{top:28%;width:48%;left:-2%}.closing-note{left:5%;font-size:21px}footer{flex-wrap:wrap}}
@media(max-width:600px){header{padding:25px 6%;gap:0}.wordmark{font-size:32px}header nav{margin-left:auto;margin-right:0;font-size:12px;gap:0}header nav a{display:none}header nav a:last-child{display:block;margin-right:105px}.motion-toggle{top:29px;right:4%;font-size:12px;padding:8px;gap:8px}.motion-toggle span{font-size:12px}.world-stage{height:1030px;min-height:0}.opening-copy{top:133px;left:7%;right:7%;transform:none;max-width:none}.opening-copy h1{font-size:23vw;line-height:.98;margin:20px 0 18px}.opening-copy h1 em{letter-spacing:-.05em}.eyebrow{font-size:12px;letter-spacing:.12em}.opening-intro{font-size:13px;line-height:1.75}.ink-link{margin-top:15px;font-size:12px;padding:12px 0 10px;gap:45px}.margin-note{display:none}.island-plane{width:103vw;right:-4%;top:505px}.island-drift{animation-duration:15s}.art-annotation{bottom:75px;right:8%;font-size:17px}.art-annotation i{width:40px;height:20px;left:-27px;top:-20px}.opening-foot{left:7%;right:7%;bottom:28px;font-size:12px;line-height:1.7;gap:40px}.opening-foot span{max-width:50%}.opening-foot span:last-child{text-align:right}.world-wash{mix-blend-mode:multiply}.wash-one{width:115vw;height:70vh;right:-20%;top:45%}.wash-two{width:80vw;height:30vh;left:5%;top:59%}.ink-motes i:nth-child(1){top:50%;left:70%}.ink-motes i:nth-child(3){top:57%;left:13%}.ink-motes i:nth-child(5){top:89%;left:32%}.mobile-world{padding:65px 6% 50px}.mobile-world h2{font-size:13.9vw;margin:20px 0 0}.mobile-world img{width:170%;margin-left:-35%;margin-top:-8px;margin-bottom:-15px;max-height:400px;object-fit:cover}.mobile-world>p:last-child{font-size:12px;line-height:1.7;padding-top:15px}.intentions{padding:65px 7% 35px}.chapter-heading h2{font-size:15vw;margin:20px 0}.chapter-heading>p:last-child{font-size:12px}.process-world{margin:25px 0 0}.painted-path{display:none}.process-step,.step-one,.step-two,.step-three{width:100%;margin-left:0;padding:35px 0;min-height:0;gap:15px;border-top:1px solid #24485a20}.process-step:last-child{border-bottom:1px solid #24485a20}.step-number{width:30px;height:30px;font-size:12px}.process-step h3{font-size:12vw;line-height:1.03;margin:13px 0 16px}.process-step .eyebrow{font-size:12px}.process-step>div>p:last-child{font-size:12px;max-width:250px}.process-branch{width:85%;right:-42%;top:68%;opacity:.14}.process-note{margin:30px 0 0;font-size:12px;letter-spacing:.13em}.selected-work{padding:70px 6% 40px}.selected-work .chapter-heading{margin-left:1%;margin-bottom:75px}.project,.project-ceeds,.project-zols{width:100%;margin-left:0;margin-bottom:100px}.project-frame{padding:6px 6px 8px}.frame-top{height:20px;padding-bottom:5px;font-size:12px}.frame-top i{width:3px;height:3px;box-shadow:5px 0 #bbc3b9,10px 0 #cbd0c7}.frame-top>span:last-child{font-size:12px}.project-index{font-size:66px;left:1%;top:-46px}.project-annotation{font-size:16px;right:0;bottom:-27px;padding:5px 10px}.project-ceeds .project-annotation{left:0;right:auto}.project-caption{padding:47px 5px 0;display:block}.project-caption .eyebrow{font-size:12px}.project-caption h3{font-size:33px;margin-top:8px}.project-caption>p{font-size:12px;margin-top:10px;max-width:280px}.project-caption>p br{display:none}.visit{opacity:1;transform:none;right:12px;bottom:14px;font-size:12px;padding:8px 11px}.project-scene:before{inset:-25px -15px -20px}.your-world{padding:75px 7% 90px;min-height:1050px}.closing-copy{margin-left:0;max-width:100%}.closing-copy h2{font-size:21vw;line-height:1.03;margin:20px 0}.closing-copy>p:not(.eyebrow){font-size:12px}.paint-button{margin-top:20px;font-size:12px;padding:16px 20px;gap:45px}.closing-island{width:100%;left:-3%;top:auto;bottom:80px;opacity:.9}.closing-landscape{inset:35% -20% -5%;opacity:.15}.closing-note{left:auto;right:8%;bottom:65px;font-size:18px}.story-nav{bottom:15px;gap:2px;padding:5px 8px}.story-nav a{font-size:12px;padding:7px 8px;gap:7px}.story-nav a span{font-size:12px}footer{display:flex;flex-direction:column;align-items:flex-start;padding:30px 7% 100px;gap:15px;font-size:12px}footer .wordmark{font-size:31px}footer>a:not(.wordmark){padding:2px 0}}
[data-paused=true] *{animation-play-state:paused!important;scroll-behavior:auto!important}[data-paused=true] .journey{height:auto}[data-paused=true] .journey-marker{top:100%}[data-paused=true] .world-stage{position:relative}[data-paused=true] .inside-copy,[data-paused=true] .far-landscape,[data-paused=true] .foreground-plane{display:none}[data-paused=true] .mobile-world{display:block}[data-paused=true] .path-ink{stroke-dashoffset:0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.journey{height:auto}.world-stage{position:relative}.inside-copy,.far-landscape,.foreground-plane{display:none}.mobile-world{display:block}.path-ink{stroke-dashoffset:0}}
.ink-bloom{position:absolute;left:34%;top:31%;width:37%;aspect-ratio:1;border-radius:47% 56% 42% 55%/50% 38% 56% 44%;background:radial-gradient(ellipse,#416c8cbb,#7a9ab48c 50%,#789cab00 73%);visibility:hidden;pointer-events:none}[data-hidden=true] *{animation-play-state:paused!important}
.story-nav{width:max-content;max-width:94vw}.story-nav i{white-space:nowrap}
/* A living painting: all extra atmosphere stays attached to the island. */
.living-island{position:relative;isolation:isolate}.living-island>.island-source{width:100%;height:auto}.island-pigment{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0}.pigment-ready>.island-source{opacity:0}.pigment-ready>.island-pigment{opacity:1}.island-atmosphere{position:absolute;inset:0;pointer-events:none}.island-mist{position:absolute;left:67%;top:83%;width:31%;height:12%;border-radius:50%;background:radial-gradient(ellipse,#d1e0df88, #dce5e33b 40%,transparent 70%);opacity:0;animation:painted-mist 9s linear infinite}.mist-two{top:76%;left:62%;width:35%;animation-delay:-3s;animation-duration:12s}.mist-three{top:91%;left:66%;animation-delay:-6s;animation-duration:11s}.wind-leaf{position:absolute;left:75%;top:21%;width:1.15%;height:.65%;border-radius:80% 15% 75% 20%;background:linear-gradient(30deg,#819076aa,#c0bf8977);opacity:0;animation:painted-leaf 12s linear infinite}.leaf-1{left:57%;top:16%;animation-delay:-3s;animation-duration:15s}.leaf-2{left:89%;top:30%;animation-delay:-5s}.leaf-3{left:65%;top:10%;animation-delay:-8s;animation-duration:16s}.leaf-4{left:94%;top:22%;animation-delay:-10s;animation-duration:14s}.leaf-5{left:51%;top:26%;animation-delay:-6s;animation-duration:17s}@keyframes painted-mist{0%{opacity:0;transform:translate(0,-8%) scale(.85)}20%{opacity:.55}75%{opacity:.25}100%{opacity:0;transform:translate(-32%,42%) scale(1.3)}}@keyframes painted-leaf{0%{opacity:0;transform:translate(0,0) rotate(-20deg)}12%{opacity:.65}45%{transform:translate(-14px,28px) rotate(100deg)}85%{opacity:.45}100%{opacity:0;transform:translate(-60px,70px) rotate(240deg)}}.living-island[data-running=false] .island-atmosphere *{animation-play-state:paused}.living-island:not(.pigment-ready) .island-atmosphere{display:none}@media(prefers-reduced-motion:reduce){.island-atmosphere{display:none}}
/* Ambient drift remains active throughout the flight. */
.island-drift{--drift-y:-14px;--drift-start:-1.3deg;--drift-end:1deg}
@keyframes island-drift{from{transform:translateY(0) rotate(var(--drift-start))}to{transform:translateY(var(--drift-y)) rotate(var(--drift-end))}}
.mobile-painting{position:relative;isolation:isolate}
.island-choice{position:fixed;top:93px;left:5%;z-index:5;font:11px Outfit,Arial,sans-serif;color:var(--ink);background:#f4f2ebf5;border:1px solid #24485a25;min-width:145px}.island-choice summary{cursor:pointer;padding:11px 14px;list-style:none}.island-choice summary::-webkit-details-marker{display:none}.island-choice summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.island-choice nav{display:grid;border-top:1px solid #24485a20;padding:6px}.island-choice nav a{padding:11px 9px;min-height:38px}.island-choice nav a:hover,.island-choice nav a[aria-current]{background:#24485a0c}.island-choice nav a:last-child{border-top:1px solid #24485a20}@media(max-width:600px){.island-choice{top:83px;left:7%;font-size:12px}.island-choice summary{padding:8px 11px}}

/* Selected terraced island: complete silhouette, floating through open sky. */
.island-plane{mask-image:none;transform-origin:50% 50%}
[data-art=terraces] .island-plane{width:min(40vw,55dvh);right:8%;top:10%}
[data-art=terraces] .art-annotation{right:5%;bottom:12%}
.inside-copy{inset:17% auto auto 8%;width:48%;text-align:left}
.inside-copy h2{font-size:clamp(65px,7.2vw,115px)}
.inside-copy>p:last-child{max-width:360px}
[data-art=terraces] .closing-island{width:min(31vw,430px);left:10%;top:14%}
.mobile-painting>.sky-island{position:absolute;left:61%;top:3%;width:25%;z-index:1;animation:sky-drift 12s ease-in-out infinite alternate}
.mobile-world .sky-island img{width:100%;height:auto;max-height:none;max-width:100%;margin:0;object-fit:contain;mask-image:none;mix-blend-mode:normal}
@keyframes sky-drift{from{transform:translate(-8px,8px) rotate(-1deg)}to{transform:translate(10px,-9px) rotate(1deg)}}
[data-art=terraces] .island-mist{left:21%;top:75%;width:24%;height:7%;background:radial-gradient(ellipse,#e1efeb66,transparent 68%)}
[data-art=terraces] .mist-two{left:28%;top:47%;width:23%;height:5%}
[data-art=terraces] .mist-three{left:24%;top:80%;width:21%;height:6%}
[data-art=terraces] .leaf-1{left:40%;top:9%}
[data-art=terraces] .leaf-2{left:86%;top:23%}
[data-art=terraces] .leaf-3{left:50%;top:12%}
[data-art=terraces] .leaf-4{left:92%;top:28%}
[data-art=terraces] .leaf-5{left:65%;top:24%}
@media(min-width:601px) and (max-width:899px){[data-art=terraces] .island-plane{width:42vw;right:2%;top:20%}}
@media(max-width:600px){
 [data-art=terraces] .world-stage{height:calc(600px + 125vw)}
 [data-art=terraces] .island-plane{width:86vw;right:7%;top:510px}
 [data-art=terraces] .art-annotation{right:7%;bottom:70px;font-size:16px}
 [data-art=terraces] .closing-island{width:75vw;left:9%;top:auto;bottom:58px}
 [data-art=terraces] .your-world{min-height:calc(710px + 110vw)}
 .mobile-painting>.sky-island{left:64%;top:3%;width:28%}
}
/* Keep transformed artwork in the sticky stage's own coordinate space. */
.world-stage{transform:translateZ(0)}
/* Open up the sky, and keep foreground leaves below the flying island. */
.far-landscape img{transform:translateY(12%);mask-image:linear-gradient(transparent,#000 12%)}
.far-landscape:after{background:linear-gradient(90deg,#f4f2eb5c,transparent 58%),linear-gradient(0deg,transparent 48%,#f4f2eb55)}
.foreground-plane{width:32vw;right:-11%;bottom:-25%}
.inside-copy>p:last-child{color:#24485a;text-shadow:0 1px 8px #f4f2eb,0 0 16px #f4f2eb}

/* Tilt has one fixed pivot; ambient floating adds no competing roll. */
[data-art=terraces] .living-island{transform-origin:52% 52%;backface-visibility:hidden}
[data-art=terraces] .island-drift{animation-name:island-hover}
@keyframes island-hover{from{transform:translateY(0)}to{transform:translateY(var(--drift-y,-14px))}}

/* Approved spatial island: original RGB with alpha-only cutout, no color grading. */
[data-art=terraces] .living-island{aspect-ratio:2/3;transform:none}
[data-art=terraces] .living-island>.island-source{display:block;width:100%;height:100%;object-fit:contain;mask-image:url('spatial-test/layered/island-cutout.webp');mask-mode:alpha;mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:url('spatial-test/layered/island-cutout.webp');-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}
.island-spatial{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;opacity:0}
.spatial-ready>.island-source{opacity:0}
.spatial-ready>.island-spatial{opacity:1}


/* Placement study: the approved stones are static, outside the drifting/3D island.
   CSS sprite windows preserve the exact approved PNG and its original alpha. */
.island-companions{display:none}
[data-art=terraces] .island-companions{display:block;position:absolute;right:8%;top:10dvh;width:min(40vw,55dvh);aspect-ratio:2/3;z-index:2;pointer-events:none}
.companion-stone{position:absolute;display:block;background-image:url('assets/companion-stones-set-one-soft.webp');background-repeat:no-repeat;animation:none;transition:none}
.companion-stone-one{left:-24%;top:66%;width:25%;aspect-ratio:690/590;background-size:257.10145% 150.33898%;background-position:1.84502% 65.65657%}
.companion-stone-two{left:103%;top:39%;width:13%;aspect-ratio:380/780;background-size:466.84211% 113.71795%;background-position:52.00861% 46.72897%}
.companion-stone-three{left:83%;top:79%;width:27%;aspect-ratio:620/510;background-size:286.12903% 173.92157%;background-position:98.78683% 63.66048%}
@media(min-width:601px) and (max-width:899px){
 [data-art=terraces] .island-plane{right:8%;width:38vw}
 [data-art=terraces] .island-companions{right:8%;top:20dvh;width:38vw}
}
@media(max-width:600px){
 [data-art=terraces] .island-plane{width:70vw;right:15%}
 [data-art=terraces] .island-companions{width:70vw;right:15%;top:510px}
 .companion-stone-one{left:-12%;top:65%;width:22%}
 .companion-stone-two{left:101%;top:38%;width:12%}
 .companion-stone-three{left:83%;top:84%;width:25%}
}
@media(min-width:900px){
 [data-art=terraces] .art-annotation{left:54%;right:auto;bottom:14%}
}

/* Give the full island arrangement a little more room on its right. */
[data-art=terraces] .island-plane,[data-art=terraces] .island-companions{right:11%}
@media(min-width:601px) and (max-width:899px){
 [data-art=terraces] .island-plane,[data-art=terraces] .island-companions{right:10%}
}
@media(max-width:600px){
 [data-art=terraces] .island-plane,[data-art=terraces] .island-companions{right:17%}
}

/* Companions share the flight container, with their own depth and rooted breeze. */
[data-art=terraces] .island-plane>.island-companions,
[data-art=terraces] .sky-island>.island-companions{inset:0;width:100%;height:100%;aspect-ratio:auto}
.companion-stone{background-image:none}
.stone-float,.stone-surface{position:relative;display:block;width:100%;height:100%;background-size:inherit;background-position:inherit}
.stone-surface{background-image:url('assets/companion-stones-set-one-soft.webp');background-repeat:no-repeat}
.stone-surface.spatial-ready{background-image:none}
.stone-float{animation:companion-float 11s ease-in-out infinite alternate}
.companion-stone-two .stone-float{animation-duration:14s;animation-delay:-5s;--stone-lift:7px}
.companion-stone-three .stone-float{animation-duration:17s;animation-delay:-9s;--stone-lift:5px}
@keyframes companion-float{from{transform:translateY(0)}to{transform:translateY(calc(-1 * var(--stone-lift,6px)))}}
@media(prefers-reduced-motion:reduce){.stone-float{animation:none}}

/* Separate foreground, middle and distant companions without recoloring the art. */
[data-art=terraces] .island-companions{z-index:auto}
.island-drift{position:relative;z-index:1}
.companion-stone-one{z-index:1}
.companion-stone-two{z-index:0;width:11%}
.companion-stone-three{z-index:2;width:31%}
.companion-stone-two .stone-float{--stone-lift:4px}
.companion-stone-three .stone-float{--stone-lift:8px}
@media(max-width:600px){.companion-stone-two{width:10%}.companion-stone-three{width:29%}}

/* A shared WebGL scene supplies every painted surface and its ambient movement. */
.island-group-canvas{position:absolute;display:block;max-width:none;pointer-events:none;z-index:3;opacity:0}
.spatial-group-ready>.island-group-canvas{opacity:1}
.spatial-group-ready .island-source,.spatial-group-ready .stone-surface{opacity:0}
.spatial-group-ready .island-drift,.spatial-group-ready .stone-float{animation:none}

/* Larger pigment flecks remain behind the island group. */
.ink-motes{z-index:0}
.ink-motes i{width:12px;height:15px}
.ink-motes i:nth-child(2){width:17px;height:10px}
.ink-motes i:nth-child(3){width:8px;height:8px}
.ink-motes i:nth-child(4){width:10px;height:12px}
.ink-motes i:nth-child(5){width:7px;height:8px}
/* The note's leader endpoint is tied to a projected point on the main rock. */
[data-art=terraces] .island-plane>.art-annotation{--anchor-x:52%;--anchor-y:88%;left:calc(var(--anchor-x) - 130px);top:calc(var(--anchor-y) + 42px);right:auto;bottom:auto;width:180px;font-size:18px;line-height:1.15;transform:none;z-index:4;pointer-events:none}
.annotation-leader{position:absolute;left:0;top:-50px;overflow:visible;fill:none;pointer-events:none}
.annotation-leader path{stroke:#667f8880;stroke-width:1.2;stroke-linecap:round}
.annotation-leader circle{fill:#667f8880;stroke:none}
@media(max-width:600px){[data-art=terraces] .island-plane>.art-annotation{font-size:16px;width:165px}}

/* A light scattering of smaller pigment grains adds depth between large flecks. */
.ink-motes i.mote-small{width:3px;height:4px;opacity:.7;background:#788d7266;animation-duration:13s}
.ink-motes i:nth-child(6){left:69%;top:12%;animation-delay:-4s}
.ink-motes i:nth-child(7){left:78%;top:23%;width:2px;height:3px;animation-delay:-9s}
.ink-motes i:nth-child(8){left:58%;top:41%;width:4px;height:3px;animation-duration:16s;animation-delay:-6s}
.ink-motes i:nth-child(9){left:94%;top:36%;width:2px;height:2px;animation-delay:-2s}
.ink-motes i:nth-child(10){left:71%;top:76%;animation-duration:18s;animation-delay:-11s}
.ink-motes i:nth-child(11){left:88%;top:85%;width:4px;height:3px;animation-delay:-7s}
.ink-motes i:nth-child(12){left:60%;top:82%;width:2px;height:3px;animation-duration:15s;animation-delay:-3s}
.ink-motes i:nth-child(13){left:96%;top:60%;animation-duration:17s;animation-delay:-10s}
.ink-motes i:nth-child(14){left:52%;top:57%;width:2px;height:2px;animation-delay:-5s}
.ink-motes i:nth-child(15){left:83%;top:67%;width:3px;height:2px;animation-duration:19s;animation-delay:-8s}
@media(max-width:600px){
 .ink-motes i:nth-child(6){left:27%;top:48%}
 .ink-motes i:nth-child(7){left:65%;top:51%}
 .ink-motes i:nth-child(8){left:12%;top:61%}
 .ink-motes i:nth-child(9){left:89%;top:57%}
 .ink-motes i:nth-child(10){left:55%;top:81%}
 .ink-motes i:nth-child(11){left:78%;top:89%}
 .ink-motes i:nth-child(12){left:20%;top:85%}
 .ink-motes i:nth-child(13){left:94%;top:73%}
 .ink-motes i:nth-child(14){left:6%;top:75%}
 .ink-motes i:nth-child(15){left:73%;top:78%}
}

/* Approved distant-island composition on small screens. */
[data-art=terraces] .sky-island{left:76%;top:22%;width:6.11%;opacity:.9;filter:saturate(.49) contrast(.8) brightness(1.2) blur(.6px)}
@media(max-width:600px){[data-art=terraces] .sky-island{width:7.05%}}

/* Sparse botanical frame: sides frame the valley; bottom corners travel with the reader. */
.botanical-frame{position:fixed;inset:0;z-index:4;pointer-events:none;overflow:hidden;--botanical-x:0px;--botanical-y:0px}
.botanical-sides,.botanical-bottom{position:absolute;inset:0;opacity:0;pointer-events:none}
.botanical-sprig{position:absolute;filter:saturate(.78) contrast(.92);transform-origin:85% 90%;translate:calc(var(--botanical-x) + var(--entry-x,0%)) calc(var(--botanical-y) + var(--entry-y,0%))}
.botanical-sprig img{display:block;width:100%;height:auto;max-width:none;animation:botanical-breathe 14s ease-in-out infinite alternate;transform-origin:90% 95%}
.sprig-left{--entry-x:calc(var(--side-hidden,1) * -115%);width:clamp(220px,23vw,460px);left:-13%;top:38%;transform:scaleX(-1) rotate(-24deg);opacity:.88}
.sprig-right{--entry-x:calc(var(--side-hidden,1) * 110%);width:clamp(500px,42vw,1000px);right:-15%;top:-8%;transform:rotate(-3deg);opacity:.86}
.sprig-right img{animation-delay:-6s;animation-duration:18s}
.sprig-bottom-left{--entry-y:calc(var(--bottom-hidden,1) * 80%);width:clamp(210px,22vw,410px);left:-45px;bottom:0;transform:translateY(55%) scaleX(-1);opacity:.82}
.sprig-bottom-right{--entry-y:calc(var(--bottom-hidden,1) * 80%);width:clamp(190px,20vw,380px);right:2%;bottom:0;transform:translateY(55%) rotate(-8deg);opacity:.83}
.sprig-bottom-left img{animation-delay:-9s;animation-duration:17s}
.sprig-bottom-right img{animation-delay:-3s;animation-duration:16s}
@keyframes botanical-breathe{from{transform:rotate(-.7deg)}to{transform:rotate(.9deg)}}
@media(max-width:899px),(max-height:649px){.sprig-left{width:210px;left:-140px;top:40%}.sprig-right{width:300px;right:-190px;top:15%}.sprig-bottom-left{width:190px;left:-75px;bottom:0}.sprig-bottom-right{width:170px;right:-65px;bottom:0}}
@media(prefers-reduced-motion:reduce){.botanical-sprig img{animation:none}}

/* The canopy is composed from the original painting, so pigment and leaf detail match. */
.botanical-sprig{filter:saturate(.72) contrast(.88);rotate:var(--foliage-turn,0deg);translate:calc(var(--botanical-x) + var(--entry-x,0%)) calc(var(--botanical-y) + var(--entry-y,0%) + var(--foliage-scroll,0px))}
.sprig-right{right:-12%;top:-8%;height:110dvh;transform:none;opacity:.66}
.canopy-limb{position:absolute;right:0;width:76%;transform-origin:95% 90%}
.canopy-limb-1{top:-14%;transform:rotate(-22deg)}
.canopy-limb-2{top:5%;right:5%;transform:rotate(-2deg)}
.canopy-limb-3{top:30%;right:-1%;transform:rotate(18deg)}
.canopy-limb-4{top:54%;right:3%;transform:rotate(-12deg)}
.canopy-limb-2 img{animation-delay:-4s}.canopy-limb-3 img{animation-delay:-9s}.canopy-limb-4 img{animation-delay:-13s}
.sprig-left,.sprig-bottom-left,.sprig-bottom-right{opacity:.66}
.botanical-sides>.foreground-plane{filter:saturate(.72) contrast(.88);translate:var(--botanical-x) calc(var(--botanical-y) + var(--foliage-scroll,0px))!important;rotate:var(--foliage-turn,0deg)!important}
.botanical-sides>.foreground-plane img{opacity:.66}
@media(max-width:899px),(max-height:649px){.sprig-right{right:-195px;width:340px;top:5%;height:90dvh}.canopy-limb{width:100%}}

/* Separate silhouettes; each stem owns its own scroll pivot. */
.canopy-limb{width:56%;transform-origin:100% 90%;rotate:var(--branch-turn,0deg);translate:0 var(--branch-y,0px)}
.canopy-limb-1{top:-6%;right:13%;transform:rotate(-15deg)}
.canopy-limb-2{top:24%;right:0;transform:rotate(12deg)}
.botanical-sprig img{animation:none}
.botanical-sprig{rotate:var(--branch-turn,0deg);translate:calc(var(--botanical-x) + var(--entry-x,0%)) calc(var(--botanical-y) + var(--entry-y,0%) + var(--branch-y,0px))}
.sprig-right{rotate:0deg;transform-origin:100% 80%}
.botanical-sides>.foreground-plane{translate:var(--botanical-x) calc(var(--botanical-y) + var(--branch-y,0px))!important;rotate:var(--branch-turn,0deg)!important;transform-origin:95% 90%}
@media(max-width:899px),(max-height:649px){.canopy-limb{width:80%}.canopy-limb-1{top:0;right:0}.canopy-limb-2{top:35%;right:-10%}}

/* Opaque painted pigment; only the asset's cutout remains transparent. */
.sprig-left,.sprig-right,.sprig-bottom-left,.sprig-bottom-right,.botanical-sides>.foreground-plane img{opacity:1}
.process-branch{opacity:1}
.leaf-paint{display:block;position:relative}
.process-branch.leaf-paint{position:absolute}
.leaf-paint>img{display:block;width:100%;height:auto}
.leaf-wind-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}

/* Keep the motion control clear of the foreground canopy. */
.motion-toggle{left:5%;right:auto;top:82px;z-index:8}
header nav{margin-right:0}
.painted-path{overflow:visible}
.step-number{cursor:pointer;position:relative;z-index:1;transition:background .2s,color .2s,box-shadow .2s}
.step-number:hover,.step-number[aria-expanded=true]{background:#315563;color:#f4f2eb}
.step-number:focus-visible{outline:2px solid #315563;outline-offset:5px}
.process-step>div>p:not(.eyebrow){font-size:13px;line-height:1.75;color:var(--quiet);font-weight:300;max-width:280px;background:#f4f2eb}
.process-step .step-detail{border-left:1px solid #9baea9;padding-left:15px;margin-top:18px}
.step-detail[hidden]{display:none}
@media(max-width:600px){.motion-toggle{left:7%;right:auto;top:74px}header nav a:last-child{margin-right:0}.process-step>div>p:not(.eyebrow){font-size:12px;max-width:250px}}

.process-step .eyebrow{position:relative;display:table;background:var(--paper);padding:0 8px;margin-left:-8px}

/* Warm pressed paper for the third chapter. */
.intentions{background-color:#f2eee4;background-image:radial-gradient(ellipse at 20% 15%,#fffdf566,transparent 55%),radial-gradient(ellipse at 85% 75%,#cfc6ad20,transparent 60%)}
.intentions:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.24;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.62 .88' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23c2b69d' filter='url(%23paper)' opacity='.48' d='M0 0h220v220H0z'/%3E%3C/svg%3E")}
.intentions .step-number{background:#f2eee4}.intentions .step-number:hover,.intentions .step-number[aria-expanded=true]{background:#315563}
.intentions .process-step .eyebrow{background:#f2eee4}
.intentions .process-step>div>p:not(.eyebrow){background:transparent}
.process-swatches{position:absolute;width:20%;height:auto;right:-9%;top:40%;pointer-events:none;transform:rotate(-9deg);z-index:-1}
@media(max-width:899px){.process-swatches{position:relative;right:auto;top:auto;width:110px;margin:-25px 4% 5px auto;transform:rotate(-9deg)}}

/* Companion illustrations follow their own story step. */
.process-illustration{position:absolute;width:240px;height:auto;left:100%;top:65px;pointer-events:none}
.process-butterflies{width:210px;left:100%;top:75px}
@media(max-width:899px){.process-illustration{position:static;width:140px;align-self:center;flex-shrink:0}.process-butterflies{width:120px}.process-step{flex-wrap:wrap}.process-illustration{margin-left:68px}}

/* Keep the story artwork beside its numbered point. */
.process-illustration{left:auto;right:calc(100% + 8px);top:0;width:clamp(80px,10vw,200px);margin:0}
.process-butterflies{left:auto;right:calc(100% + 8px);top:8px;width:clamp(75px,9vw,180px)}
@media(min-width:601px) and (max-width:899px){.process-illustration{position:absolute;width:70px;top:28px}.process-butterflies{width:65px}}
@media(max-width:600px){.step-one,.step-three{display:grid;grid-template-columns:70px 30px 1fr;gap:12px;align-items:center}.step-one>.process-illustration,.step-three>.process-illustration{position:static;grid-column:1;grid-row:1;width:70px;margin:0}.step-one>.step-number,.step-three>.step-number{grid-column:2;grid-row:1}.step-one>div,.step-three>div{grid-column:1/-1;grid-row:2}}

/* Bring the closing illustration and its caption toward the invitation. */
@media(min-width:900px){[data-art=terraces] .closing-island{left:20%}.closing-note{left:19%}}

/* One connected tree replaces the disconnected right-hand branches. */
.botanical-sides>.foreground-plane,.sprig-bottom-right{display:none!important}
.botanical-sprig.connected-tree{width:38dvh;height:auto;right:-2dvh;top:-7dvh;transform:none;transform-origin:100% 60%;opacity:1;filter:saturate(.72) contrast(.88);rotate:var(--branch-turn,0deg)}
@media(max-width:899px){.botanical-sprig.connected-tree{width:32dvh;right:-12dvh;top:-5dvh}}

/* Drawn route and readable, line-by-line ink reveals. */
.process-world .path-ghost{stroke-opacity:.15}
.ink-heading-line{display:inline-block;max-width:100%;vertical-align:bottom}
.number-ink{position:absolute;inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px);pointer-events:none;transform:rotate(-90deg);overflow:visible}
.number-ink circle{fill:none;stroke:#638799;stroke-width:1.3;stroke-dasharray:1;stroke-dashoffset:0}
@media(prefers-reduced-motion:reduce){.ink-heading-line{clip-path:none!important}.number-ink circle{stroke-dashoffset:0!important}}
[data-paused=true] .ink-heading-line{clip-path:none!important}

/* Readability pass: retain the editorial hierarchy at comfortable reading sizes. */
body{font-size:16px}
header{gap:28px;padding-top:26px}
.brand-lockup{display:flex;align-items:center;gap:20px;flex-shrink:0}
.zols-logo{width:108px;height:auto}
.brand-slash{font:300 32px/1 Outfit,sans-serif;color:#89958b}
header .wordmark{font-size:46px}
.studio-note{font-size:12px;line-height:1.7;letter-spacing:.09em;margin-left:0}
header nav{font-size:15px;margin-right:0;gap:28px}
.eyebrow,.process-step .eyebrow,.project-caption .eyebrow{font-size:12px;letter-spacing:.12em}
.opening-intro,.inside-copy>p:last-child,.mobile-world>p:last-child,.chapter-heading>p:last-child,.closing-copy>p:not(.eyebrow){font-size:18px;line-height:1.7}
.ink-link,.paint-button{font-size:16px}
.margin-note{font-size:14px;line-height:1.65}
.opening-foot{font-size:12px;letter-spacing:.08em}
.process-step>div>p:last-child,.process-step>div>p,.project-caption>p{font-size:16px;line-height:1.75;max-width:370px}
.step-number{font-size:16px;width:48px;height:48px}
.process-note{font-size:12px;letter-spacing:.1em}
.frame-top,.visit{font-size:13px}
.story-nav a{font-size:13px;padding:9px 12px}.story-nav a span{font-size:16px}
footer{font-size:14px;line-height:1.6}footer .brand-lockup .wordmark{font-size:38px}
[data-art=terraces] .island-plane>.art-annotation{font-size:34px;width:280px;line-height:1.18;left:calc(var(--anchor-x) - 150px)}
.closing-note{font-size:28px}
@media(min-width:900px){[data-art=terraces] .closing-island{left:30%;top:16%}.closing-note{left:29%;bottom:15%}}
@media(max-width:1199px){header{gap:20px}.studio-note{font-size:12px}.zols-logo{width:86px}.brand-lockup{gap:14px}header .wordmark{font-size:39px}header nav{font-size:14px;gap:20px}}
@media(max-width:899px){header{flex-wrap:wrap}.studio-note{display:block;font-size:12px}header nav{margin-left:0;width:100%;gap:24px}header nav a{padding:4px 0}.opening-copy{top:51%}.opening-intro{font-size:16px}.story-nav a{font-size:12px;padding:8px}.story-nav a span{font-size:15px}}
@media(max-width:600px){header{padding:20px 6%;gap:12px}.brand-lockup{gap:12px}.zols-logo{width:76px}header .wordmark{font-size:37px}.brand-slash{font-size:25px}.studio-note{width:100%;font-size:12px;line-height:1.5}header nav{display:none}.opening-copy{top:175px}.opening-intro,.mobile-world>p:last-child,.chapter-heading>p:last-child,.closing-copy>p:not(.eyebrow){font-size:16px}.opening-foot{font-size:12px;bottom:22px}.opening-foot span{max-width:48%}.margin-note{display:none}.process-step>div>p:last-child,.process-step>div>p,.project-caption>p{font-size:16px;max-width:100%}.process-step .eyebrow{font-size:12px}.step-number{width:32px;height:32px;font-size:14px}.process-note{font-size:12px;line-height:1.6}.project-caption .eyebrow{font-size:12px}.frame-top{font-size:12px;height:28px}.visit{font-size:12px}.project-annotation{font-size:20px}.story-nav{max-width:96vw}.story-nav a{font-size:12px;padding:8px 6px;gap:4px}.closing-note{font-size:23px}[data-art=terraces] .island-plane>.art-annotation{font-size:30px;width:250px}.your-world{min-height:1180px}footer .brand-lockup{gap:14px}}

@media(max-width:600px){[data-art=terraces] .island-plane{top:575px}[data-art=terraces] .world-stage{height:calc(665px + 125vw)}}

/* Optical balance: a compact signature followed by a quieter descriptor. */
header{gap:32px}
.brand-lockup{gap:16px;align-items:center}
.zols-logo{width:84px;height:auto}
.brand-slash{font-size:27px;color:#98a097;transform:translateY(-1px)}
header .wordmark{font-size:44px;letter-spacing:-.045em;transform:translateY(-1px)}
.studio-note{font-size:12px;line-height:1.65;letter-spacing:.075em;margin-left:0}
footer .zols-logo{width:76px}
footer .brand-lockup{gap:14px}
footer .brand-lockup .wordmark{font-size:38px}
@media(max-width:1199px){header{gap:26px}.zols-logo{width:78px}header .wordmark{font-size:41px}.brand-lockup{gap:14px}}
@media(max-width:899px){header{column-gap:24px;row-gap:14px}}
@media(max-width:600px){header{gap:12px}.zols-logo{width:72px}.brand-lockup{gap:13px}.brand-slash{font-size:24px}header .wordmark{font-size:39px}.studio-note{font-size:12px;letter-spacing:.075em;line-height:1.65;margin-top:2px}}

@media(min-width:601px){[data-art=terraces] .island-plane>.art-annotation{left:calc(var(--anchor-x) - 420px);top:calc(var(--anchor-y) + 22px)}.island-plane .annotation-leader{width:450px;height:62px}}

@media(max-width:600px){.island-plane .annotation-leader{width:161px;height:62px}}

/* Handwritten note: tilt the lettering independently of its anchored ink curve. */
.annotation-words{display:block;transform:rotate(-6deg);transform-origin:50% 50%}
@media(min-width:601px){.island-plane .annotation-leader{top:-70px;height:82px}.island-plane .annotation-leader path{stroke-width:1.35}}

/* Approved imagine / by zols signature, with the studio mark in the footer. */
header{align-items:center;gap:36px}
.studio-identity{display:flex;align-items:center;gap:28px;flex-shrink:0}
.imagine-signature{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
header .imagine-signature .wordmark{font-size:52px;line-height:.92;letter-spacing:-.045em;transform:none}
.studio-credit{font-size:12px;line-height:1.25;color:#65776f;margin-left:2px}
header .studio-note{display:block;margin:0;border-left:1px solid #83957e38;padding:0 0 0 28px;font-size:14px;line-height:1.35;letter-spacing:0;font-weight:400;text-transform:none}
footer .brand-lockup .zols-logo{width:84px}
@media(max-width:1100px){header{gap:24px}.studio-identity{gap:22px}header .studio-note{padding-left:22px;font-size:13px}header .imagine-signature .wordmark{font-size:48px}header nav{gap:20px}}
@media(max-width:600px){header{padding-top:23px}.studio-identity{gap:18px;max-width:100%}header .imagine-signature .wordmark{font-size:43px}.studio-credit{font-size:12px}header .studio-note{width:auto;margin:0;padding-left:18px;font-size:12px;line-height:1.4}header nav{display:none}}
@media(max-width:370px){.studio-identity{gap:13px}header .studio-note{padding-left:13px;font-size:12px}header .imagine-signature .wordmark{font-size:38px}}

/* Pre-publish: readable copy, clear touch targets and unobstructed mobile content. */
.process-step>div>p:not(.eyebrow){font-size:16px;line-height:1.75;max-width:370px}
a:focus-visible,button:focus-visible{outline:2px solid #315563;outline-offset:5px}
.story-nav a{min-height:44px;min-width:44px;justify-content:center}
@media(max-width:899px),(max-height:649px){.botanical-sides{mask-image:linear-gradient(90deg,#000 0,transparent 32px,transparent calc(100% - 32px),#000 100%)}.botanical-bottom{mask-image:linear-gradient(0deg,#000,transparent 75px)}}
@media(max-width:600px){.process-step>div>p:not(.eyebrow){font-size:16px;max-width:100%}.step-number{min-width:44px;min-height:44px}.step-one,.step-three{grid-template-columns:70px 44px 1fr}.story-nav{padding:4px;gap:0;bottom:max(10px,env(safe-area-inset-bottom))}.story-nav a{padding:7px 6px;min-width:38px}.story-nav a[aria-current]{min-width:114px}.opening-foot{column-gap:20px}.opening-foot span{max-width:46%;line-height:1.5}.botanical-sides{mask-image:linear-gradient(90deg,#000 0,transparent 20px,transparent calc(100% - 20px),#000 100%)}}

@media(max-width:1100px){[data-art=terraces] .island-plane>.art-annotation{left:calc(var(--anchor-x) - 110px);top:calc(var(--anchor-y) + 35px);width:230px;font-size:26px}.island-plane .annotation-leader{width:450px;height:82px;top:-70px}.annotation-leader path{d:path('M85 68 C95 64 112 58 110 35')}.annotation-leader circle{cx:110px;cy:35px}}
@media(max-width:600px){.closing-copy h2{font-size:20vw}}

@media(min-width:900px) and (min-height:650px){.botanical-sides{mask-image:linear-gradient(90deg,#000 0,#000 2vw,transparent 7vw,transparent 91vw,#000 98vw,#000 100%)}.botanical-bottom{mask-image:linear-gradient(0deg,#000,transparent 90px)}}

/* Leave room below footer links for the fixed chapter navigation. */
footer{padding-bottom:110px}

/* Mobile edition: compose each chapter as one scene, retaining the desktop story. */
@media(max-width:600px){
 header{padding:24px 7%;position:absolute}
 header nav{display:flex;width:100%;margin:12px 0 0;gap:22px;font-size:12px}
 header nav a,header nav a:last-child{display:block;margin:0;padding:6px 0}
 [data-art=terraces] .world-stage{height:850px;min-height:850px}
 .opening-copy{top:172px;left:7%;right:7%;display:grid;grid-template-columns:1fr 1fr;column-gap:8px}
 .opening-copy>.eyebrow,.opening-copy>h1{grid-column:1/-1}
 .opening-copy h1{font-size:20.5vw;margin:18px 0 28px}
 .opening-intro{grid-column:1;max-width:175px;font-size:15px;line-height:1.7;padding-top:32px}
 .opening-intro br{display:none}
 .opening-intro br:after{content:' '}
 .opening-copy .ink-link{grid-column:1;justify-self:start;gap:18px;margin-top:20px;font-size:14px}
 [data-art=terraces] .island-plane{width:66vw;right:-6%;top:360px}
 [data-art=terraces] .island-plane>.art-annotation{left:calc(var(--anchor-x) - 132px);top:calc(var(--anchor-y) + 38px);font-size:24px;width:230px}
 .opening-foot{bottom:35px;font-size:10px;letter-spacing:.07em}
 .opening-foot span{max-width:46%}
 .wash-one{top:28%;height:65%;right:-35%}
 .mobile-world{min-height:730px;padding:84px 8% 90px;text-align:left;isolation:isolate;display:flex;flex-direction:column}
 .mobile-world>.eyebrow,.mobile-world>h2,.mobile-world>p:last-child{position:relative;z-index:2}
 .mobile-world h2{font-size:15.5vw;margin:20px 0}
 .mobile-world>p:last-child{font-size:15px;max-width:240px;padding:0;margin:0}
 .mobile-painting{position:absolute;inset:0;z-index:0}
 .mobile-painting>img{position:absolute;width:100%;height:100%;max-height:none;margin:0;object-fit:cover;object-position:54% 50%;mask-image:linear-gradient(transparent,#000 18%,#000 90%,transparent)}
 [data-art=terraces] .mobile-painting>.sky-island{left:70%;top:51%;width:15%;}
 .intentions{padding:80px 8% 60px}
 .chapter-heading h2{font-size:14vw;line-height:1.08}
 .chapter-heading>p:last-child{font-size:15px;line-height:1.7}
 .process-world{margin:70px 0 0}
 .painted-path{display:block;inset:0;width:100%;height:100%;opacity:.7}
 .process-step,.step-one,.step-two,.step-three{display:grid;grid-template-columns:44px 1fr;gap:18px;align-items:start;width:100%;margin:0;padding:90px 0 55px;border:0;position:relative;min-height:0}
 .process-step:last-child{border:0}
 .step-one>.step-number,.step-three>.step-number,.step-two>.step-number{grid-column:1;grid-row:1;z-index:2}
 .step-one>div,.step-three>div,.step-two>div{grid-column:2;grid-row:1;position:relative;z-index:1}
 .process-step h3{font-size:10.5vw;line-height:1.12;margin:14px 0 20px}
 .process-step>div>p:not(.eyebrow){font-size:15px;line-height:1.75}
 .step-one>.process-illustration,.step-three>.process-illustration{position:absolute;right:4px;left:auto;top:-15px;width:100px;margin:0;}
 .process-swatches{position:absolute;top:var(--mobile-swatches-top,420px);right:0;width:95px;margin:0;z-index:1}
 .process-note{font-size:10px;margin-top:30px}
 .selected-work{padding:80px 8% 35px}
 .selected-work .chapter-heading{margin:0 0 85px}
 .project,.project-ceeds,.project-zols{width:94%;margin:0 0 100px}
 .project-ceeds{margin-left:6%}
 .project-caption{padding-top:40px}
 .project-caption>p{font-size:15px;line-height:1.7}
 .project-caption .eyebrow{font-size:10px}
 .project-caption h3{font-size:34px}
 .project-annotation{font-size:18px}
 .visit{font-size:11px;padding:7px 8px}
 [data-art=terraces] .your-world{min-height:760px;padding:90px 8% 100px;}
 .closing-copy{margin-left:28%;max-width:72%;position:relative;z-index:2}
 .closing-copy>.eyebrow{font-size:10px;line-height:1.6}
 .closing-copy h2{font-size:13.2vw;line-height:1.12;margin:24px 0}
 .closing-copy>p:not(.eyebrow){font-size:15px;line-height:1.7}
 .paint-button{font-size:14px;gap:22px;padding:15px 0;margin-top:20px}
 [data-art=terraces] .closing-island{width:49vw;left:-14%;top:205px;bottom:auto}
 .closing-note{left:8%;right:auto;bottom:110px;font-size:23px}
 .closing-landscape{inset:10% -40% 0;opacity:.35}
 .botanical-sides{mask-image:linear-gradient(90deg,#000,transparent 22px,transparent calc(100% - 32px),#000)}
 .botanical-bottom{mask-image:linear-gradient(0deg,#000,transparent 35px)}
 .story-nav{bottom:max(8px,env(safe-area-inset-bottom));background:#f4f2ebf5;border:1px solid #24485a15;max-width:94vw}
 footer{padding:35px 8% 115px;gap:18px}
}
@media(max-width:360px){
 [data-art=terraces] .island-plane{top:345px}
 .opening-intro{font-size:14px;padding-top:20px}
 .opening-copy{top:175px}
 .studio-identity{gap:10px}header .studio-note{font-size:11px;padding-left:10px}
}

@media(max-width:600px){
 .opening-foot{bottom:70px}.opening-foot span:last-child{display:none}.opening-foot span:first-child{max-width:100%}
 .process-world{margin-top:40px}
 [data-art=terraces] .closing-island{width:39vw;left:0;top:205px}
}

@media(max-width:600px){.opening-intro{max-width:39vw}[data-art=terraces] .island-plane{width:62vw;right:-4%}}

/* Centered phone opening with a compact masthead. */
.mobile-menu-toggle{display:none}
@media(max-width:600px){
 header{padding:20px 6%;display:flex;flex-wrap:nowrap;align-items:center;gap:8px;z-index:20}
 header .studio-identity{gap:10px;flex:1;min-width:0}
 header .imagine-signature .wordmark{font-size:32px}
 header .studio-credit{font-size:10px;margin-top:2px}
 header .studio-note{padding-left:10px;font-size:10px;line-height:1.45;max-width:145px}
 .mobile-menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;flex:0 0 44px;height:44px;padding:10px;border:0;background:transparent;color:var(--ink);cursor:pointer}
 .mobile-menu-toggle span{height:1.5px;width:22px;background:currentColor;transition:transform .2s}
 .mobile-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}
 .mobile-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
 header nav{display:none;position:absolute;top:82px;right:6%;width:210px;margin:0;padding:18px 22px;background:#f4f2eb;border:1px solid #24485a25;box-shadow:0 12px 30px #24485a10;flex-direction:column;gap:4px}
 header nav.is-open{display:flex}
 header nav a,header nav a:last-child{display:block;font-size:15px;padding:12px 0}
 [data-art=terraces] .world-stage{height:calc(590px + 100vw);min-height:0}
 .opening-copy{display:contents}
 .opening-copy>.eyebrow{position:absolute;top:115px;left:6%;right:6%;text-align:center;font-size:10px}
 .opening-copy h1{position:absolute;left:5%;right:5%;top:144px;font-size:19vw;text-align:center;margin:0;line-height:1}
 [data-art=terraces] .island-plane{width:78vw;right:7.5%;top:270px}
 [data-art=terraces] .island-plane>.art-annotation{left:calc(var(--anchor-x) - 115px);top:calc(var(--anchor-y) + 28px);font-size:24px;text-align:center;width:230px}
 .opening-intro{position:absolute;left:12%;right:12%;top:calc(320px + 100vw);max-width:none;padding:0;margin:0;text-align:center;font-size:15px;line-height:1.65}
 .opening-copy .ink-link{position:absolute;top:calc(420px + 100vw);left:50%;transform:translateX(-50%);margin:0;white-space:nowrap;gap:35px;font-size:14px}
 .opening-foot{bottom:62px;justify-content:center;text-align:center;font-size:9px}
}
@media(max-width:360px){header .imagine-signature .wordmark{font-size:28px}header .studio-note{font-size:9px;padding-left:8px}header .studio-identity{gap:8px}}

/* A single continuous island journey on phones; static fallback remains available. */
@media(max-width:600px){
 body[data-paused=false] .journey{height:calc(590px + 100vw + 150svh)}
 body[data-paused=false] .journey-marker{top:auto;bottom:100svh}
 body[data-paused=false] .world-stage{position:sticky;top:min(0px,calc(100svh - 590px - 100vw))}
 body[data-paused=false] .mobile-world{display:none}
 body[data-paused=false] .far-landscape{display:block}
 body[data-paused=false] .far-landscape img{object-position:54% 50%}
 body[data-paused=false] .inside-copy{display:block;inset:max(100px,calc(590px + 100vw - 100svh + 90px)) 8% auto;width:auto;text-align:left;z-index:2}
 body[data-paused=false] .inside-copy h2{font-size:15.5vw;line-height:1.06;margin:20px 0}
 body[data-paused=false] .inside-copy>p:last-child{font-size:15px;line-height:1.7;max-width:240px}
 body[data-paused=false] .inside-copy .eyebrow{font-size:10px}
}

/* Let the actual painted silhouettes frame the phone, entering with chapter two. */
@media(max-width:600px){
 .botanical-sides,.botanical-bottom{mask-image:none}
 .botanical-sprig.connected-tree{width:190px;right:-140px;top:-25px}
 .sprig-left{width:165px;left:-132px;top:48%;transform:scaleX(-1) rotate(-18deg)}
 .sprig-bottom-left{width:145px;left:-60px;bottom:-16px;transform:translateY(58%) scaleX(-1)}
}

@media(max-width:600px){.sprig-left{--entry-x:calc(var(--side-hidden,1) * -115% + var(--reading-inset,0px))}}

/* Fuller botanical frame on phones. */
@media(max-width:600px){
 .botanical-sprig.connected-tree{right:-108px}
 .sprig-left{left:-116px}
 .sprig-bottom-left{width:175px;left:-58px;bottom:-8px}
}

/* Mobile closing: a centered invitation, with the artwork given its own space. */
@media(max-width:600px){
 [data-art=terraces] .your-world{display:flex;flex-direction:column;align-items:center;min-height:0;padding:80px 9% 100px;isolation:isolate}
 .your-world .closing-copy{display:contents}
 .your-world .closing-copy>.eyebrow{order:0;text-align:center;font-size:10px;letter-spacing:.12em;margin:0 0 24px}
 .your-world .closing-copy h2{order:1;text-align:center;font-size:16vw;line-height:1.04;letter-spacing:-.04em;margin:0;position:relative;z-index:2}
 [data-art=terraces] .your-world .closing-island{order:2;position:relative;left:auto;right:auto;top:auto;bottom:auto;width:48vw;margin:30px 0 6px;scale:1!important;translate:0 0!important;transform:none!important;opacity:1}
 .your-world .closing-note{order:3;position:relative;left:auto;right:auto;top:auto;bottom:auto;margin:0 0 30px;text-align:center;font-size:23px;line-height:1.2;transform:rotate(-3deg);z-index:2}
 .your-world .closing-copy>p:not(.eyebrow){order:4;font-size:15px;line-height:1.7;text-align:center;margin:0;position:relative;z-index:2}
 .your-world .paint-button{order:5;margin:22px 0 0;padding:14px 8px;font-size:15px;gap:38px;position:relative;z-index:2}
 .your-world .closing-landscape{inset:28% -55% 0;opacity:.2;z-index:-1;mask-image:linear-gradient(transparent,#000 25%,#000 88%,transparent)}
}
@media(max-width:600px){
 [data-art=terraces] .your-world{padding-top:48px;padding-bottom:90px}
 .your-world .closing-copy h2{font-size:15vw}
 [data-art=terraces] .your-world .closing-island{width:40vw;margin-top:22px}
 .your-world .closing-note{font-size:22px;margin-bottom:22px}
}

/* Tablet and compact desktop composition; approved phone rules remain separate. */
@media(min-width:601px) and (max-width:1199px){
 .intentions{padding-inline:8%}
 .process-step{display:grid;grid-template-columns:44px minmax(0,1fr);gap:20px;flex-wrap:nowrap;width:57%;margin-left:11%;}
 .step-two{margin-left:40%;width:60%}.step-three{margin-left:15%}
 .process-step h3{font-size:clamp(39px,4.8vw,58px);line-height:1.08}
 .process-step>div>p:not(.eyebrow){font-size:16px;line-height:1.75}
 .process-illustration,.process-butterflies{position:absolute;right:calc(100% + 8px);left:auto;top:8px;width:clamp(60px,8vw,95px);margin:0}
 .process-swatches{position:absolute;right:1%;top:44%;width:95px;margin:0}
 .closing-copy{margin-left:49%;max-width:49%}
 .closing-copy h2{font-size:clamp(58px,7.8vw,88px);line-height:1.06}
 [data-art=terraces] .closing-island{width:37vw;left:8%;top:23%;bottom:auto}
 .closing-note{left:10%;bottom:17%;font-size:24px;max-width:42%}
 .your-world{min-height:760px;padding:95px 7% 130px}
 .opening-foot{bottom:80px;font-size:10px;letter-spacing:.07em}
}
@media(min-width:601px) and (max-width:899px) and (min-height:650px){
 body[data-paused=false] .journey{height:280svh}
 body[data-paused=false] .journey-marker{top:58%}
 body[data-paused=false] .world-stage{position:sticky;top:0;height:100svh;min-height:650px}
 body[data-paused=false] .mobile-world{display:none}
 body[data-paused=false] .far-landscape{display:block}
 body[data-paused=false] .inside-copy{display:block;inset:18% auto auto 8%;width:60%;text-align:left}
 .inside-copy h2{font-size:clamp(62px,8vw,74px)}
 .inside-copy>p:last-child{font-size:17px;max-width:330px}
 [data-art=terraces] .island-plane{top:28%;width:42vw;right:6%}
 .opening-copy{top:52%;max-width:50%}
 .opening-copy h1{font-size:8.6vw}
}
@media(min-width:601px) and (max-height:649px){
 .story-nav{display:none}
 .world-stage{height:760px;min-height:760px}
 .opening-copy{top:260px;transform:none;max-width:52%}
 .opening-copy h1{font-size:8vw}
 [data-art=terraces] .island-plane{top:200px;right:5%;width:38vw}
 .mobile-world{min-height:620px;text-align:left;padding:85px 8%;isolation:isolate}
 .mobile-world h2{font-size:64px}.mobile-world>p:last-child{max-width:330px}
 .mobile-painting{position:absolute;inset:0;z-index:-1}
 .mobile-painting>img{height:100%;width:100%;margin:0;object-fit:cover;object-position:center}
}
@media(min-width:1200px){
 .process-world{max-width:1300px;margin-left:auto;margin-right:auto}
 .closing-copy{max-width:46%}
 [data-art=terraces] .closing-island{left:23%}
 .closing-note{left:23%;max-width:30%;font-size:clamp(26px,2.1vw,34px)}
}

/* Preserve painted silhouettes instead of fading branches into narrow edge strips. */
@media(min-width:601px){
 .botanical-sides,.botanical-bottom{mask-image:none;-webkit-mask-image:none}
 .sprig-left{width:clamp(210px,20vw,330px);left:clamp(-200px,-12vw,-130px);transform-origin:50% 50%}
 .botanical-sprig.connected-tree{width:clamp(230px,30dvh,330px);right:clamp(-145px,-12dvh,-85px)}
 .sprig-bottom-left{width:clamp(190px,19vw,290px);left:-75px}
}