:root{--paper:#f4eddb;--ink:#203c51;--rose:#b74666;--line:#cfc9b9;--aspect:1.333333;font-family:-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:transparent;padding:10px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--rose);outline-offset:5px}a:hover,button:hover{color:var(--rose)}h1,h2,p{margin:0}h1,h2{font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-weight:500}button{touch-action:manipulation}canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .25s}canvas.ready{opacity:1}img{display:block;max-width:100%}.single-head{height:70px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px;font-size:12px}.single-head>span{font-size:10px;letter-spacing:.14em}.single-journey{height:calc(100svh - 70px)}.single-pin{height:calc(100svh - 70px);min-height:480px;position:sticky;top:0;display:flex;flex-direction:column;align-items:center;padding:22px 5% 18px}.single-art{position:relative;aspect-ratio:var(--aspect);height:calc(100% - 130px);max-width:100%;box-shadow:0 14px 45px #263a4b19;flex-shrink:1;min-height:0;background:var(--paper)}.single-art>img,.single-art>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.single-caption{width:min(900px,100%);display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:15px}.single-caption h1{font-size:21px;margin:5px 0}.single-caption p{font-size:12px}.single-caption span{font-size:9px;letter-spacing:.11em}.single-tools{display:flex;gap:5px;font-size:11px;white-space:nowrap}.single-hint{font-size:10px;margin:12px 0 9px;opacity:.7}.scrub{display:flex;align-items:center;gap:13px;font-size:10px;width:min(500px,90%)}.scrub input{width:100%;accent-color:var(--rose);cursor:ew-resize}.scrub output{min-width:35px}.single[data-mode=scroll] .single-journey{height:430svh}.single[data-mode=scroll] .single-tools #pause{display:none}.single[data-mode=scroll] .single-pin{height:100svh}.fallback-message{position:fixed;bottom:10px;left:10px;font-size:11px;background:var(--paper);padding:8px}.embedded{overflow:hidden}.embedded .single-head,.embedded .single-caption,.embedded .single-hint,.embedded .scrub{display:none}.embedded .single-journey,.embedded .single-pin{height:100vh;min-height:0;padding:0}.embedded .single-art{width:100%;height:100%;box-shadow:none}.embedded canvas,.embedded .single-art>img{object-fit:contain}
.print-header{position:fixed;z-index:20;top:0;left:0;width:100%;height:77px;padding:0 3.5%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid var(--line);gap:20px}.print-brand{font-size:25px;font-weight:750;letter-spacing:-1px}.print-brand sup{font-size:10px;vertical-align:top}.print-edition{font-size:10px;letter-spacing:.17em}.print-actions{display:flex;align-items:center;gap:24px;font-size:11px}.journey{position:relative;height:100svh}.gallery-pin{height:100svh;position:sticky;top:0;overflow:hidden}.gallery-track{display:flex;align-items:center;gap:70px;height:100%;padding:85px 8vw 80px 6vw;width:max-content;will-change:transform}.intro{width:31vw;min-width:300px;align-self:center;padding-right:30px}.intro .eyebrow{font:11px/1.7 Georgia,serif;letter-spacing:.14em;margin-bottom:32px}.intro h1{font-size:clamp(42px,4.5vw,73px);line-height:1.5;letter-spacing:-.05em}.intro h1 em{font-style:normal;color:var(--rose)}.intro-copy{font-size:13px;line-height:2.2;margin-top:25px}.intro-copy span{display:block;font-size:10px;margin-top:12px;opacity:.7}.scroll-hint{font-size:10px;margin-top:38px;display:flex;gap:50px}.work{width:calc(min(61svh,630px) * var(--aspect));max-width:82vw;flex-shrink:0}.window{height:min(61svh,630px);max-height:calc(82vw / var(--aspect));position:relative;background:var(--paper);box-shadow:0 15px 42px #25334316}.art-host{display:block;position:relative;inset:auto;margin:0;padding:0;border:0;background:transparent;color:inherit;width:100%;max-width:none;max-height:none;height:100%;overflow:visible}.art-scroll,.art-journey,.art-pin{height:100%;width:100%}.art-pin{position:relative}.art-pin>canvas,.art-pin>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.art-host:not(.is-open) .modal-head,.art-host:not(.is-open) .modal-foot{display:none}.open-work{position:absolute;inset:0;width:100%;height:100%;padding:0}.open-work>span{position:absolute;right:17px;bottom:18px;padding:10px 15px;border-radius:30px;background:var(--paper);color:var(--ink);font-size:11px;box-shadow:0 3px 18px #0002;opacity:0;transform:translateY(8px);transition:.25s}.open-work:hover>span,.open-work:focus-visible>span{opacity:1;transform:none}.caption{margin-top:20px;display:flex;align-items:end;justify-content:space-between;gap:18px}.caption small{font-size:9px;letter-spacing:.10em}.caption h2{font-size:22px;margin-top:6px;line-height:1.55}.caption>p{font-size:10px;max-width:130px;line-height:1.8}.gallery-nav{position:absolute;bottom:0;left:0;width:100%;height:64px;padding:0 4%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);background:var(--paper);gap:20px}.gallery-nav>span{font-size:9px;letter-spacing:.1em}.gallery-nav>div{display:flex;gap:25px}.gallery-nav a{font:12px Georgia,serif;padding:12px 5px;position:relative}.gallery-nav a::after{content:'';position:absolute;bottom:2px;left:5px;right:5px;height:2px;background:var(--rose);transform:scaleX(0);transition:transform .2s}.gallery-nav a[aria-current=true]::after{transform:scaleX(1)}.gallery-nav b{font-weight:400}.ending{padding:140px 7%;border-top:1px solid var(--line)}.ending p{font-size:10px;letter-spacing:.13em}.ending h2{font-size:clamp(32px,5vw,62px);line-height:1.6;margin:25px 0 35px}.ending>a{font-size:14px;border-bottom:1px solid var(--ink);padding:15px 0;display:inline-block}.ending nav{display:flex;gap:30px;margin-top:80px;font-size:11px}.art-host.is-open{position:fixed;inset:0;width:100vw;height:100svh;max-width:none;max-height:none;background:var(--paper);padding:0;display:flex;flex-direction:column;overflow:hidden}.art-host::backdrop{background:#f4edbfdd;backdrop-filter:blur(12px)}.modal-head{height:75px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:12px 4%;border-bottom:1px solid var(--line);gap:15px}.modal-head small{font-size:9px;letter-spacing:.1em}.modal-head h2{font-size:20px;margin-top:3px}.modal-head button{font-size:12px}.art-host.is-open .art-scroll{overflow-y:auto;overscroll-behavior:contain;height:auto;flex:1;scroll-behavior:auto}.art-host.is-open .art-journey{height:400%;min-height:400%}.art-host.is-open .art-pin{position:sticky;top:0;height:100%;max-height:var(--modal-art-height,70svh);width:100%;display:flex;justify-content:center;align-items:center;padding:15px}.art-host.is-open .art-pin>canvas,.art-host.is-open .art-pin>img{width:min(calc((var(--modal-art-height) - 30px) * var(--aspect)),calc(100% - 30px));height:calc(var(--modal-art-height) - 30px);left:50%;top:15px;transform:translateX(-50%);object-fit:contain}.modal-foot{display:flex;justify-content:space-between;align-items:center;height:70px;flex-shrink:0;padding:10px 4%;gap:15px;border-top:1px solid var(--line)}.modal-foot p{font-size:11px}.modal-foot>div{display:flex;gap:15px;font-size:11px}.modal-foot button{white-space:nowrap}.modal-foot a{white-space:nowrap}.art-host.is-open[data-mode=auto] .art-journey{height:100%;min-height:100%}.art-host.is-open[data-mode=auto] .art-scroll{overflow:hidden}
@media(max-width:700px){.print-header{height:65px;padding:0 6%;gap:12px}.print-edition{display:none}.print-brand{font-size:23px}.print-actions{gap:9px;font-size:10px}.gallery-track{gap:35px;padding:72px 10vw 76px}.intro{width:74vw;min-width:0;padding-right:0}.intro h1{font-size:48px}.intro-copy{font-size:12px}.intro .eyebrow{margin-bottom:25px}.scroll-hint{margin-top:25px}.work{max-width:84vw;width:calc(min(61svh,540px) * var(--aspect))}.window{max-height:calc(84vw / var(--aspect));height:min(61svh,540px)}.caption{display:block;margin-top:15px}.caption h2{font-size:20px}.caption>p{max-width:none;font-size:10px;margin-top:7px}.open-work>span{opacity:1;transform:none;font-size:10px;right:11px;bottom:11px}.gallery-nav{height:59px;padding:0 6%}.gallery-nav>span:first-child{display:none}.gallery-nav>div{gap:17px}.gallery-nav>span{white-space:nowrap}.single-head{height:60px;font-size:10px;padding:0 5%;gap:10px}.single-head>span{display:none}.single-journey{height:calc(100svh - 60px)}.single-pin{height:calc(100svh - 60px);min-height:440px;padding:25px 5% 15px}.single-art{width:100%;height:auto;aspect-ratio:var(--aspect);max-height:calc(100% - 176px)}.single-caption{display:block;margin-top:22px}.single-caption h1{font-size:20px}.single-tools{margin-top:8px;justify-content:center}.single-hint{text-align:center;line-height:1.7}.single-caption p{font-size:11px}.single-caption span{font-size:8px}.single[data-mode=scroll] .single-tools{margin-top:8px}.modal-head{height:78px;padding:12px 6%}.modal-head h2{font-size:17px}.modal-head small{font-size:8px}.modal-foot{height:103px;display:block;text-align:center;padding:14px 5%}.modal-foot>div{justify-content:center;gap:12px;margin-top:10px}.modal-foot p{font-size:10px}.ending{padding:100px 8%}.ending nav{flex-direction:column;margin-top:50px}}
@media(max-height:620px) and (min-width:701px){.print-header{height:58px}.gallery-track{padding-top:65px;padding-bottom:60px}.intro h1{font-size:42px}.intro .eyebrow{margin-bottom:12px}.intro-copy{margin-top:12px}.intro-copy span{display:none}.scroll-hint{margin-top:15px}.gallery-nav{height:46px}.window{height:55svh}.work{width:calc(55svh * var(--aspect))}.caption{margin-top:10px}.caption h2{font-size:19px}.single-pin{padding-top:10px}.single-art{height:calc(100% - 120px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}canvas{transition:none}.journey{height:auto!important}.gallery-pin{height:auto;position:relative;overflow:visible}.gallery-track{display:block;width:100%;height:auto;transform:none!important;padding:105px 7% 40px}.intro{width:auto;margin-bottom:60px}.work{width:100%;max-width:none;margin:0 0 65px}.window{height:auto;max-height:none;aspect-ratio:var(--aspect)}.gallery-nav{position:relative}.caption>p{max-width:220px}.open-work>span{opacity:1;transform:none}}

.scrub{white-space:nowrap}
@media(max-width:700px) and (prefers-reduced-motion:no-preference){.intro{position:absolute;left:8vw;top:96px;width:84vw;padding:0;min-width:0}.intro .eyebrow{display:none}.intro h1{font-size:clamp(25px,7vw,32px);line-height:1.5;letter-spacing:-.055em}.intro h1 br{display:none}.intro h1 em{white-space:nowrap}.intro-copy{font-size:11px;line-height:1.9;margin-top:13px}.intro-copy span{display:none}.scroll-hint{margin-top:14px;font-size:9px}.gallery-track{padding:calc(250px - var(--intro-lift,0px)) 8vw 80px;gap:35px}.work{width:calc(min(54svh,calc(100svh - 345px)) * var(--aspect));max-width:84vw}.window{height:min(54svh,calc(100svh - 345px));max-height:calc(84vw / var(--aspect))}.caption h2{font-size:18px}.caption small{font-size:8px}}
@media(max-width:700px) and (max-height:650px) and (prefers-reduced-motion:no-preference){.intro{top:86px}.intro h1{line-height:1.4}.intro-copy{margin-top:8px;font-size:10px;line-height:1.6}.scroll-hint{margin-top:8px}.gallery-track{padding-bottom:128px}}

.work[data-failed=true] .mode-work,.work[data-failed=true] .restart-work{display:none}

.motion-off .journey{height:auto!important}.motion-off .gallery-pin{position:relative;height:auto;overflow:visible}.motion-off .gallery-track{display:block;width:100%;height:auto;transform:none!important;padding:110px 7% 40px}.motion-off .intro{position:static;width:auto;min-width:0;margin-bottom:60px}.motion-off .work{width:100%;max-width:900px;margin:0 auto 65px}.motion-off .window{height:auto;max-height:none;aspect-ratio:var(--aspect)}.motion-off .gallery-nav{position:relative}.motion-off .open-work>span{opacity:1;transform:none}.motion-off .scroll-hint{display:none}

.single[data-failed=true] #mode,.single[data-failed=true] .single-tools,.single[data-failed=true] .scrub,.single[data-failed=true] .single-hint{display:none}.single[data-failed=true] .single-journey{height:calc(100svh - 70px)}.work[data-failed=true] .art-host.is-open .art-journey{height:100%;min-height:100%}.work[data-failed=true] .art-host.is-open .art-scroll{overflow:hidden}
@media(max-height:450px) and (min-width:701px){.gallery-track{padding-top:68px;padding-bottom:55px}.intro .eyebrow{display:none}.intro h1{font-size:34px}.intro-copy{font-size:11px}.intro .scroll-hint{margin-top:15px}.work{width:calc((100svh - 225px) * var(--aspect))}.window{height:calc(100svh - 225px)}.caption{display:block;height:80px;margin-top:10px}.caption small{display:block;font-size:8px;line-height:1.5}.caption h2{font-size:16px;line-height:1.4}.caption>p{display:none}.single-pin{min-height:0;padding-bottom:7px}.single-caption{margin-top:8px}.single-caption h1{font-size:17px}.single-art{height:calc(100% - 116px)}.single-hint{margin:6px 0}.single-caption p{font-size:10px}}
.single-head{position:sticky;top:0;z-index:20;background:var(--paper)}.single[data-mode=scroll] .single-pin{top:70px;height:calc(100svh - 70px)}
@media(max-width:700px){.single[data-mode=scroll] .single-pin{top:60px;height:calc(100svh - 60px)}}
.embedded .single-pin{top:0}
