:root{color:#292722;background:#fcfaf5;font-family:Georgia,Times New Roman,serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #8f713c;outline-offset:4px}::selection{background:#d9c6a2;color:#25231e}.reading-progress{position:fixed;z-index:30;inset:0 0 auto;height:3px;pointer-events:none}.reading-progress span{display:block;width:100%;height:100%;background:#8f713c;transform:scaleX(0);transform-origin:left}.site-header{position:fixed;z-index:20;top:0;left:0;width:100%;min-height:78px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:22px clamp(24px,4.8vw,80px) 14px;background:#fcfaf5eb;border-bottom:1px solid rgba(90,73,51,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.wordmark{text-decoration:none;font-size:19px;font-weight:700;letter-spacing:.32em;line-height:1;white-space:nowrap}.wordmark small{display:block;margin-top:10px;font:8px/1.2 Arial,sans-serif;letter-spacing:.32em;text-transform:uppercase;font-weight:400}.site-header nav{display:flex;align-items:center;gap:32px;padding-top:4px;font:12px/1.3 Arial,sans-serif}.site-header nav a{text-decoration:none;border-bottom:1px solid transparent;padding-bottom:6px}.site-header nav a:hover{border-color:#b69255}.header-thought{font:9px/1.55 Arial,sans-serif;text-transform:uppercase;letter-spacing:.32em;text-align:right}.chapter{position:relative;height:215vh;min-height:1300px;background:#fcfaf5}.chapter:nth-of-type(2n){background:#faf7f0}.chapter-sticky{position:sticky;top:0;width:100%;height:100vh;overflow:hidden}.chapter-sticky:after{content:"";position:absolute;z-index:0;left:4.8vw;right:4.8vw;bottom:6.2vh;border-bottom:1px solid rgba(120,95,64,.19)}.chapter-hero .chapter-sticky:after{border:0}.chapter-copy,.hero-copy{position:absolute;z-index:3;left:clamp(30px,7vw,120px);top:24%;max-width:36vw}.hero-copy{top:23%}.chapter-label{margin:0 0 23px;font:10px/1.2 Arial,sans-serif;letter-spacing:.34em;text-transform:uppercase;color:#765a2f}.hero-copy h1,.chapter-copy h2,.reveal h2{font-weight:400}.hero-copy h1{margin:0 0 18px;font-size:clamp(76px,8.2vw,150px);line-height:.93;letter-spacing:-.055em}.hero-deck{margin:0;font-size:clamp(23px,2.1vw,35px);line-height:1.14}.gold-mark{display:block;width:42px;margin:31px 0 24px;border-top:2px solid #bb9659}.hero-small{font-size:clamp(14px,1.1vw,18px);line-height:1.55;color:#625e56}.scene-art{position:absolute;z-index:1;pointer-events:none}.scene-art img{display:block;width:100%;height:100%;object-fit:contain}.hero-art{width:59vw;height:80vh;right:2%;bottom:3%;transform:translate3d(var(--hero-x, 0vw),var(--hero-y, 0px),0) rotate(var(--hero-angle, 0deg)) scale(calc(1 + var(--progress, 0) * .018));transform-origin:bottom center}.hero-whisper{position:absolute;z-index:2;right:5vw;top:26%;margin:0;font-style:italic;font-size:clamp(19px,2vw,31px);line-height:1.2;transform:translateY(var(--drift-y, 0px))}.scroll-hint{position:absolute;z-index:4;left:clamp(30px,7vw,120px);bottom:11vh;display:flex;align-items:center;gap:14px;color:#6f5a3b;font:10px/1 Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase}.scroll-hint-line{display:block;width:62px;border-top:1px solid #b69255}.chapter-number{display:flex;align-items:center;gap:12px;color:#765a2f;font:12px/1 Arial,sans-serif;letter-spacing:.12em;margin-bottom:32px}.chapter-rule{display:inline-block;width:55px;border-top:1px solid #b69255}.chapter-copy h2{margin:0 0 17px;font-size:clamp(59px,6vw,102px);line-height:.95;letter-spacing:-.05em}.chapter-lines p{margin:0;font-size:clamp(20px,2vw,31px);line-height:1.33}.chapter-aside{margin:38px 0 0;max-width:310px;color:#72695e;font-style:italic;font-size:clamp(16px,1.3vw,21px);line-height:1.4}.scene-quote{position:absolute;z-index:3;right:6vw;top:22%;margin:0;font-style:italic;font-size:clamp(18px,1.6vw,26px);line-height:1.3;color:#6f665b}.running-stage{width:59vw;height:72vh;right:2vw;bottom:4vh}.runner{position:absolute;bottom:0;left:0;width:clamp(240px,27vw,385px);aspect-ratio:543 / 724}.runner{z-index:3;transform:translate3d(var(--run-x, -4vw),0,0);filter:drop-shadow(0 13px 8px rgba(54,43,29,.12))}.chapter-childhood .chapter-copy{top:24%}.chapter-childhood .chapter-aside{margin-top:32px}.youth-art,.adult-art,.old-art{width:43vw;height:80vh;right:8vw;bottom:1vh;transform-origin:bottom center}.youth-art{transform:translate3d(var(--walk-x, 0vw),0,0) rotate(calc(var(--progress, 0) * -2deg))}.adult-art{transform:translate3d(var(--walk-x, 0vw),var(--drift-y, 0px),0) scale(calc(1 + var(--progress, 0) * .055))}.old-art{right:10vw;transform:translate3d(var(--slow-x, 0vw),0,0)}.chapter-youth .chapter-copy,.chapter-adulthood .chapter-copy,.chapter-oldage .chapter-copy{top:28%}.chapter-ending{background:#f8f4ec}.chapter-ending .chapter-copy{top:24%}.ending-art{width:61vw;height:67vh;right:2vw;bottom:8vh;transform:scaleY(var(--breath, 1));transform-origin:55% 80%}.ending-art .final-man{object-position:bottom center}.ending-art .breath-wisp{position:absolute;width:22%;height:30%;object-fit:contain;right:30%;top:10%;opacity:calc(1 - var(--last-breath, 0));transform:translateY(calc(var(--last-breath, 0) * -80px))}.ending-stillness{position:absolute;z-index:3;right:9vw;top:26%;margin:0;color:#5d5346;font-style:italic;font-size:clamp(20px,2.2vw,34px);line-height:1.4;opacity:var(--last-breath, 0);transform:translateY(calc((1 - var(--last-breath, 0)) * 20px))}.reveal{position:relative;min-height:120vh;padding:clamp(110px,13vh,170px) 5vw 80px;background:#f9f6ef;text-align:center;overflow:hidden}.reveal-inner{max-width:1500px;margin:auto;opacity:var(--visibility, 1);transform:translateY(calc((1 - var(--visibility, 1)) * 42px))}.reveal-intro{margin:0 0 24px;font-size:clamp(18px,1.7vw,27px);font-style:italic;color:#836b4a}.reveal h2{font-size:clamp(38px,5vw,78px);letter-spacing:.12em;margin:0;line-height:1.15}.reveal-subtitle{font-size:clamp(21px,2vw,31px);margin:14px 0 0}.reveal-caption{margin:12px 0 60px;font-size:17px;font-style:italic;color:#74695b}.reveal-content{display:grid;grid-template-columns:1.15fr .74fr .85fr;align-items:center;gap:clamp(20px,3vw,55px);text-align:left}.reveal-art{min-height:410px;height:35vw;max-height:570px}.reveal-art img{width:100%;height:100%;object-fit:contain;object-position:left center}.contact-details h3{margin:0 0 18px;font-size:clamp(32px,2.8vw,47px);font-weight:400}.contact-details>p{margin:0 0 30px;font-size:16px;line-height:1.5;max-width:270px;color:#655d53}.contact-details dl{margin:0 0 25px}.contact-details dl div{margin-bottom:18px}.contact-details dt{font:10px/1.4 Arial,sans-serif;letter-spacing:.25em;text-transform:uppercase;color:#765a2f}.contact-details dd{margin:3px 0 0;font-size:18px}.contact-action{display:inline-block;padding:10px 0 7px;text-decoration:none;border-bottom:1px solid #b69255;font-size:16px}.contact-action span{margin-left:12px}.contact-form{display:flex;flex-direction:column;padding:30px;border:1px solid #e0d6c5;background:#fffdf9;box-shadow:0 16px 36px #382c1c0b}.form-note{margin:0 0 24px;font-size:14px;line-height:1.3;color:#766a59}.contact-form label{margin-bottom:7px;font:10px/1.2 Arial,sans-serif;text-transform:uppercase;letter-spacing:.19em}.contact-form input,.contact-form textarea{width:100%;margin:0 0 18px;padding:11px 12px;border:1px solid #d9cfbf;border-radius:0;color:#292722;background:#fff;font:15px/1.4 Arial,sans-serif}.contact-form textarea{resize:vertical;min-height:108px}.contact-form button{border:0;padding:15px 18px;color:#fff;background:#765a2f;cursor:pointer;font:12px/1.2 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}.contact-form button:hover{background:#624821}.contact-form button span{margin-left:10px}.form-status{margin:15px 0 0;font:14px/1.5 Arial,sans-serif;color:#5c4930}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:30px 5vw 42px;background:#f9f6ef;border-top:1px solid #e4dcca;color:#655d52;font:10px/1.4 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}@media(max-width:900px){.chapter-copy,.hero-copy{left:5vw;max-width:47vw}.hero-art{right:-8vw;width:69vw}.hero-whisper{right:3vw}.reveal-content{grid-template-columns:1fr 1fr}.reveal-art{grid-column:1 / -1;height:42vw;min-height:300px;text-align:center}.reveal-art img{object-position:center}}@media(max-width:700px){.site-header{min-height:64px;padding:18px 20px 12px;align-items:flex-start}.wordmark{font-size:15px}.wordmark small{font-size:6px;margin-top:7px}.site-header nav{display:none}.header-thought{font-size:7px;letter-spacing:.18em}.chapter{height:180vh;min-height:1050px}.chapter-sticky{height:100dvh}.chapter-copy,.hero-copy{left:7vw;right:7vw;max-width:none;top:15%}.hero-copy{top:15%}.hero-copy h1{font-size:clamp(60px,17vw,95px)}.hero-deck{font-size:22px}.hero-small{font-size:13px}.hero-art{width:98vw;height:53vh;right:-13vw;bottom:4vh}.hero-whisper{right:6vw;top:auto;bottom:5vh;font-size:16px}.scroll-hint{left:7vw;bottom:4vh;font-size:8px}.scroll-hint-line{width:30px}.chapter-copy h2{font-size:clamp(55px,15vw,82px)}.chapter-lines p{font-size:20px}.chapter-aside{margin-top:18px;font-size:15px;max-width:250px}.chapter-number,.chapter-label{margin-bottom:14px}.chapter-childhood .chapter-copy,.chapter-youth .chapter-copy,.chapter-adulthood .chapter-copy,.chapter-oldage .chapter-copy,.chapter-ending .chapter-copy{top:14%}.scene-quote{top:auto;right:6vw;bottom:10vh;font-size:15px}.running-stage{width:98vw;height:43vh;right:-1vw;bottom:10vh}.runner{width:37vw}.youth-art,.adult-art,.old-art{width:84vw;height:53vh;right:-6vw;bottom:4vh}.old-art{right:-2vw}.chapter-ending .chapter-copy{top:13%}.ending-art{width:104vw;height:43vh;right:-6vw;bottom:12vh}.ending-stillness{top:auto;bottom:8vh;right:6vw;font-size:17px}.reveal{min-height:100vh;padding:110px 7vw 70px}.reveal h2{font-size:clamp(35px,9vw,60px);letter-spacing:.08em}.reveal-caption{margin-bottom:35px}.reveal-content{display:block}.reveal-art{min-height:0;height:55vw;margin:0 auto 22px}.contact-details{margin:0 0 35px}.contact-details h3{font-size:37px}.contact-form{padding:22px}.site-footer{display:block;text-align:center;line-height:2}.site-footer span{display:block}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art,.runner,.youth-art,.adult-art,.old-art,.ending-art,.breath-wisp,.reveal-inner,.ending-stillness,.hero-whisper{transform:none!important}.ending-stillness,.reveal-inner{opacity:1!important}.breath-wisp{display:none!important}}.figure-sprite{position:relative;width:100%;height:100%}.chapter-youth[data-assets-ready=true] .youth-sprite .pose-frame{background-image:url(/assets/youth-walk-sheet.webp)}.chapter-adulthood[data-assets-ready=true] .adult-sprite .pose-frame{background-image:url(/assets/adult-turn-sheet.webp)}.chapter-oldage[data-assets-ready=true] .old-sprite .pose-frame{background-image:url(/assets/old-walk-sheet.webp)}.youth-art{width:min(40vw,620px);height:min(75vh,620px);right:11vw;bottom:7vh}.adult-art{width:min(27vw,390px);height:min(76vh,780px);right:14vw;bottom:7vh}.old-art{width:min(36vw,500px);height:min(75vh,750px);right:12vw;bottom:7vh}@media(max-width:700px){.hero-art{width:88vw;height:47vh;right:-3vw;bottom:0}.hero-whisper{display:none}.runner{width:min(50vw,43dvh)}.running-stage{bottom:17vh}.scene-quote{bottom:8vh}.youth-art{width:72vw;height:72vw;right:7vw;bottom:11vh}.adult-art{width:48vw;height:96vw;right:12vw;bottom:4vh}.old-art{width:60vw;height:90vw;right:10vw;bottom:5vh}}.chapter-landscape{position:absolute;z-index:0;left:0;bottom:8vh;width:100%;height:46vh;object-fit:contain;opacity:.46;pointer-events:none;transform:translateY(var(--drift-y, 0px))}.hero-landscape{bottom:2vh;height:54vh;opacity:.31}.childhood-landscape{bottom:5vh;opacity:.39}.chapter-path{position:absolute;z-index:1;left:11vw;bottom:19vh;width:78vw;height:30vh;object-fit:fill;opacity:.5;pointer-events:none;transform:translateY(var(--drift-y, 0px))}@media(max-width:700px){.chapter-landscape{height:29vh;bottom:8vh;opacity:.28}.hero-landscape{height:34vh;bottom:4vh;opacity:.23}.chapter-path{display:none}}@media(prefers-reduced-motion:reduce){.chapter-landscape,.chapter-path{transform:none!important}}@media(max-width:700px){.scroll-hint{display:none}}.pose-sprite{overflow:hidden}.pose-frame{position:absolute;top:0;right:0;bottom:0;left:0;display:block;opacity:0;background-repeat:no-repeat;background-position:0 0;background-size:300% 100%;will-change:opacity}.pose-frame:first-child{opacity:1}.hero-art,.runner,.youth-art,.adult-art,.old-art,.ending-art{will-change:transform;backface-visibility:hidden}@media(prefers-reduced-motion:reduce){.pose-frame:last-child{opacity:0!important}}.runner-sprite{display:block;width:100%;height:100%;background:none;clip-path:inset(0 4% 0 0);transform:translate3d(0,var(--run-bob, 0px),0)}.chapter-childhood[data-assets-ready=true] .runner-sprite{background-image:url(/assets/running-boy-sheet.webp);background-size:400% 100%;background-repeat:no-repeat}@media(max-width:700px)and (max-height:500px){.chapter-childhood .chapter-copy{top:31%;left:4vw;right:auto;width:50vw}.chapter-childhood .chapter-number,.chapter-childhood .chapter-label,.chapter-childhood .chapter-aside,.chapter-childhood .scene-quote{display:none}.chapter-childhood .chapter-copy h2{font-size:clamp(28px,8vw,40px);margin-bottom:8px}.chapter-childhood .chapter-lines p{font-size:clamp(11px,3vw,15px);line-height:1.2}.chapter-childhood .running-stage{width:50vw;height:50vh;right:-3vw;bottom:8vh}.chapter-childhood .runner{width:min(40vw,35dvh)}}
