:root{--paper:#fff8ef;--red:#940300;--ink:#12110f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:8px}.journey{height:290vh;position:relative}.stage{height:100svh;min-height:500px;position:sticky;top:0;overflow:hidden}.frame{position:absolute;inset:36px;border:1px solid var(--red);pointer-events:none}header{position:absolute;top:68px;left:6.5%;right:6.5%;display:flex;align-items:center;justify-content:space-between}.studio{width:165px;display:block;mix-blend-mode:multiply}.studio svg{display:block;width:100%}.edition,.about-link,.side-note,.stage-footer,.under-logo,.ending-top,.eyebrow,.signature{font-size:10px;letter-spacing:1.7px}.edition{color:#7f7770}.about-link{border-bottom:1px solid #ad9990;padding:0 0 7px}.side-note{position:absolute;left:6.5%;top:49%;writing-mode:vertical-rl;transform:rotate(180deg);color:#9b8678;font-size:9px}.logo{position:absolute;width:min(56vw,680px);aspect-ratio:527/246;left:50%;top:48%;transform:translate(-50%,-50%)}.letter{position:absolute;will-change:transform,opacity;mix-blend-mode:multiply}.letter svg{width:100%;height:100%;display:block}.s{width:29.032%;height:73.984%;top:26.016%;z-index:2}.s1{left:0}.s2{left:46.869%}.o{width:27.135%;height:85.772%;top:0}.o1{left:25.807%}.o2{left:72.865%}.s .wing{position:absolute;width:65%;height:60%;top:-25%;fill:var(--paper);stroke:#111;stroke-width:2;opacity:var(--wings,0);transform-origin:90% 90%}.s .wing.left{left:-43%;transform:rotate(var(--flap,0deg))}.s .wing.right{right:-45%;transform:scaleX(-1) rotate(var(--flap,0deg))}.under-logo{position:absolute;left:0;right:0;text-align:center;top:75%;font-size:9px;color:#8d7769}.stage-footer{position:absolute;bottom:66px;left:6.5%;right:6.5%;display:flex;justify-content:space-between;align-items:end;font-size:8px;letter-spacing:1.4px}.stage-footer>span:first-child{max-width:210px;line-height:1.8}.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:14px;position:absolute;left:50%;transform:translateX(-50%)}.arrow{font-size:27px;font-weight:normal}.counter{color:var(--red)}.progress{position:absolute;bottom:36px;left:36px;height:2px;width:calc((100% - 72px)*var(--progress,0));background:var(--red)}.ending{min-height:100svh;background:var(--red);color:var(--paper);padding:42px 6.5% 30px;display:flex;flex-direction:column;position:relative}.ending-top{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff40;padding-bottom:25px;font-size:9px}.eyebrow{margin:65px 0 20px;font-size:9px}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(75px,12vw,170px);font-weight:normal;line-height:.93;letter-spacing:-6px;margin:0}h1 em{font-weight:normal}.ending-bottom{display:flex;justify-content:space-between;align-items:end;margin:45px 0 50px}.ending-bottom p{font-size:14px;line-height:1.8}button{border:0;border-bottom:1px solid #ffffff70;background:none;color:inherit;font:inherit;font-size:12px;padding:15px 0;cursor:pointer}button span{margin-left:32px}.signature{margin-top:auto;padding-top:24px;border-top:1px solid #ffffff40;font-size:9px}@media(max-width:650px){.frame{inset:18px}header{top:42px;left:10%;right:10%}.studio{width:115px}.edition{display:none}.about-link{font-size:8px;letter-spacing:1px}.logo{width:77vw;top:46%}.side-note{left:9%;top:64%;font-size:7px}.under-logo{top:65%;font-size:7px;letter-spacing:1px}.stage-footer{left:10%;right:10%;bottom:45px;font-size:7px}.stage-footer>span:first-child{max-width:100px}.scroll-cue{font-size:7px;white-space:nowrap}.progress{bottom:18px;left:18px;width:calc((100% - 36px)*var(--progress,0))}.ending{padding:32px 9%}.eyebrow{margin-top:90px;font-size:8px}h1{letter-spacing:-4px}.ending-bottom{align-items:start;flex-direction:column;gap:15px}.ending-top{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.journey{height:100svh}.letter{transform:none!important;opacity:1!important}.wing{display:none!important}}
/* Artwork spread: reserved for the artist's final print and story. */
.stage-footer .discover{font-family:Georgia,'Times New Roman',serif;font-size:clamp(15px,1.6vw,23px);font-style:italic;line-height:1.3;letter-spacing:0;max-width:290px}.discover span{display:inline-block;margin-left:12px;font-family:Arial,sans-serif;font-style:normal;font-size:19px}.art-story{background:#fff;display:grid;grid-template-columns:1fr 1fr;min-height:100svh}.print-column{padding:5.2vw 5.6vw;display:flex;align-items:center}.print-frame{margin:0;width:100%;aspect-ratio:536/690;border:1.5px solid var(--red);background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.print-frame img{width:100%;height:100%;object-fit:contain}.print-frame img[hidden]{display:none}.story-panel{background:#800c09;position:relative;min-height:100%;display:flex;align-items:center;padding:12% 17%}.ornament{position:absolute;inset:4.5% 12%;width:76%;height:91%;fill:none;stroke:#ad4d48;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.story-copy{position:relative;color:#fff8ef;width:100%}.story-copy h1{font-size:clamp(28px,4vw,56px);line-height:1.1;letter-spacing:-1px}.story-copy p{font-family:Georgia,serif;font-size:17px;line-height:1.8}.progress{display:none}@media(max-width:650px){.stage-footer .discover{font-size:18px;max-width:230px}.art-story{grid-template-columns:1fr}.print-column{padding:40px 9%}.story-panel{min-height:90svh;padding:18%}.ornament{inset:5% 9%;width:82%;height:90%}}
