:root{--paper:#edf1ee;--ink:#222722;--muted:#737870;--orange:#486e77;--line:#d1d1c8;color:var(--ink);background:var(--paper);font-family:Arial,'Hiragino Kaku Gothic ProN',sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}body{overflow-x:clip}p,h1,h2{margin:0}
.ws-header{position:fixed;z-index:10;inset:0 0 auto;height:92px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;gap:25px;pointer-events:none;background:linear-gradient(var(--paper) 78%,#edf1ee00)}.ws-header a{pointer-events:auto}.ws-brand{font-size:32px;font-weight:820;letter-spacing:-1.7px}.ws-brand span{font-size:11px;vertical-align:top;letter-spacing:0;margin-left:3px}.ws-edition,.ws-back{font-size:10px;letter-spacing:.12em}.ws-back{display:flex;align-items:center;gap:24px;padding:15px 0}.ws-back>span{font-size:20px}
.ws-journey{position:relative}.ws-pin{padding-top:125px}.ws-track{display:flex;flex-direction:column;gap:65px;padding:0 4vw}.ws-intro{padding:25px 0 35px}.ws-eyebrow{font-size:9px;font-weight:600;letter-spacing:.17em;line-height:1.8}.ws-intro h1{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-size:clamp(40px,4.4vw,76px);font-weight:400;line-height:1.6;letter-spacing:-.06em;margin:35px 0 30px;white-space:nowrap}.ws-intro h1 span{color:var(--orange)}.ws-intro-copy{font-size:13px;line-height:2.2;color:#666c63}.ws-scroll{font-size:9px;letter-spacing:.12em;margin-top:42px;display:flex;align-items:center;gap:25px}.ws-scroll span{font-size:24px;color:var(--orange)}
.ws-work{flex:none;width:100%;scroll-margin-top:110px}.ws-window{position:relative;width:100%;aspect-ratio:1.65;perspective:1600px;isolation:isolate}.ws-host{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;padding:0;margin:0;border:0;border-radius:20px;overflow:hidden;color:var(--ink);background:#d6d7cf;transform-origin:50% 50%;box-shadow:0 14px 40px -30px #1b211e70;will-change:transform;contain:layout style}.ws-art-scroll,.ws-art-journey,.ws-art-pin{position:relative;width:100%;height:100%;overflow:hidden}.ws-poster,.ws-runtime,.ws-runtime iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.ws-poster{object-fit:cover}.ws-runtime{opacity:0;transition:opacity .35s}.ws-host.is-ready .ws-runtime{opacity:1}.ws-runtime iframe{pointer-events:none}.ws-open{display:none;position:absolute;inset:0;border:0;border-radius:20px;padding:0;background:none;z-index:2;cursor:zoom-in}.ws-open-label{position:absolute;bottom:20px;right:22px;display:flex;align-items:center;gap:20px;background:#f3f1e6ed;border:1px solid #ffffff50;padding:9px 10px 9px 20px;border-radius:40px;font-size:11px;box-shadow:0 3px 20px #0001;opacity:0;translate:0 8px;transition:opacity .25s,translate .3s}.ws-open-label b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--paper);font-size:22px;font-weight:300}.ws-open:hover .ws-open-label,.ws-open:focus-visible .ws-open-label{opacity:1;translate:0 0}.ws-edge-progress{display:none;position:absolute;inset:auto 25px 0;height:2px;z-index:1;background:#ffffff25;pointer-events:none;overflow:hidden}.ws-edge-progress i{display:block;width:100%;height:100%;background:var(--orange);transform:scaleX(var(--progress,0));transform-origin:left}.ws-caption{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:20px 2px 0}.ws-caption>div>p{font-size:9px;letter-spacing:.15em;margin-bottom:11px;color:var(--muted)}.ws-caption h2{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-size:clamp(24px,2.7vw,43px);font-weight:400;letter-spacing:-.04em}.ws-line{font-size:11px;line-height:1.8;text-align:right;padding-bottom:5px;color:#6a6e67}.ws-fallback-link{font-size:12px;border-bottom:1px solid}.ws-nav{display:none}.ws-modal-head,.ws-modal-foot{display:none}
.ws-enhanced .ws-journey{height:var(--journey-height)}.ws-enhanced .ws-pin{position:sticky;top:0;height:100svh;min-height:510px;padding:0;overflow:clip}.ws-enhanced .ws-track{height:100%;padding:0;flex-direction:row;align-items:center;gap:5vw;will-change:transform}.ws-enhanced .ws-intro{width:34vw;min-width:290px;padding:0 0 25px 4vw;flex:none}.ws-enhanced .ws-work{width:80vw;max-width:1400px;margin-top:12px}.ws-enhanced .ws-window{height:min(64svh,calc(80vw / 1.65));aspect-ratio:auto}.ws-enhanced .ws-open,.ws-enhanced .ws-edge-progress{display:block}.ws-enhanced .ws-fallback-link{display:none}.ws-enhanced .ws-nav{position:absolute;bottom:22px;left:4vw;right:4vw;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.12em}.ws-nav>div{display:flex;gap:12px}.ws-nav a{display:flex;align-items:center;gap:9px;padding:12px 0;color:#92968b;min-width:36px}.ws-nav a i{display:block;width:20px;height:1px;background:#b9bdb1;transform:scaleX(.55);transform-origin:left;transition:transform .3s,background .3s}.ws-nav a[aria-current=true]{color:var(--ink)}.ws-nav a[aria-current=true] i{background:var(--orange);transform:scaleX(1)}.ws-count{color:#84897d}.ws-count b{font-weight:500;color:var(--ink)}
.ws-host:modal{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0;background:var(--paper);transform:none;will-change:auto;box-shadow:none;contain:none;display:grid;grid-template-rows:76px minmax(0,1fr) 50px;overflow:hidden}.ws-host::backdrop{background:#18201cdc;backdrop-filter:blur(8px)}.ws-host:modal .ws-modal-head,.ws-host:modal .ws-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 3vw}.ws-modal-head h2{font-size:16px;font-weight:500;margin-top:4px}.ws-modal-head .ws-eyebrow{font-size:8px;color:var(--muted)}.ws-close,.ws-replay{background:none;border:0;min-height:44px;padding:0;font-size:11px;display:flex;align-items:center;gap:20px}.ws-close span{font-size:29px;font-weight:300}.ws-modal-foot p{font-size:11px;color:#72786d}.ws-host:modal .ws-art-scroll{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#81897b var(--paper)}.ws-host:modal .ws-art-journey{height:330%;overflow:visible}.ws-host:modal .ws-art-pin{position:sticky;top:0;height:var(--modal-height);overflow:hidden}.ws-host:modal .ws-runtime iframe{pointer-events:auto}.ws-host:modal[data-interactive=true] .ws-art-journey{height:100%}.ws-host:modal[data-interactive=true] .ws-art-scroll{overflow:hidden}.ws-host:modal[data-interactive=false] .ws-runtime iframe{pointer-events:none}.ws-host:modal[data-interactive=false] .ws-art-scroll{touch-action:pan-y}.ws-host:modal .ws-poster{object-fit:cover}
.ws-end{min-height:85svh;margin:0 4vw;padding:110px 0 55px;border-top:1px solid var(--line)}.ws-end h2{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-size:clamp(34px,5vw,78px);font-weight:400;line-height:1.55;letter-spacing:-.04em;margin:26px 0 35px}.ws-consult{display:inline-flex;gap:60px;align-items:center;font-size:14px;border-bottom:1px solid var(--ink);padding:15px 0}.ws-consult span{font-size:26px}.ws-next{margin:100px 0 50px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.ws-next a{padding:25px 0;border-top:1px solid var(--line);font-family:'Yu Mincho',serif;font-size:24px}.ws-next span{display:block;font-family:sans-serif;font-size:9px;letter-spacing:.15em;color:var(--muted);margin-bottom:15px}.ws-home{font-size:12px}
@media(hover:none){.ws-open-label{opacity:1;translate:none;font-size:10px;padding:7px 8px 7px 16px}.ws-open-label b{width:28px;height:28px;font-size:18px}}
@media(max-width:700px){.ws-header{height:74px;padding:0 6vw}.ws-brand{font-size:27px}.ws-edition{display:none}.ws-back{font-size:10px;gap:15px}.ws-enhanced .ws-pin{min-height:480px}.ws-enhanced .ws-track{gap:6vw}.ws-enhanced .ws-intro{width:84vw;min-width:0;padding:0 6vw 20px}.ws-intro h1{font-size:clamp(40px,11vw,68px);margin:25px 0}.ws-intro-copy{font-size:12px}.ws-scroll{margin-top:30px}.ws-enhanced .ws-work{width:88vw;margin-top:0}.ws-enhanced .ws-window{height:57svh;max-height:650px}.ws-host,.ws-open{border-radius:13px}.ws-caption{padding-top:17px;display:block}.ws-caption>div>p{font-size:8px;margin-bottom:8px}.ws-caption h2{font-size:27px}.ws-line{font-size:10px;text-align:left;margin-top:9px}.ws-enhanced .ws-nav{bottom:12px;left:6vw;right:6vw}.ws-nav-label{display:none}.ws-nav>div{gap:8px}.ws-nav a{font-size:10px;min-width:27px;gap:5px}.ws-nav a i{width:13px}.ws-count{font-size:8px}.ws-open-label{right:12px;bottom:15px}.ws-host:modal{grid-template-rows:70px minmax(0,1fr) 66px}.ws-host:modal .ws-modal-head,.ws-host:modal .ws-modal-foot{padding:0 5vw;gap:15px}.ws-modal-foot p{font-size:10px;max-width:70%;line-height:1.6}.ws-close{gap:12px}.ws-end{margin:0 6vw;padding:75px 0 40px}.ws-next{grid-template-columns:1fr;margin-top:70px;gap:0}.ws-next a{font-size:22px}.ws-window{aspect-ratio:.76}}
@media(max-height:620px) and (min-width:701px){.ws-header{height:64px}.ws-enhanced .ws-pin{min-height:440px}.ws-enhanced .ws-window{height:57svh}.ws-enhanced .ws-intro h1{font-size:45px;margin:20px 0}.ws-intro-copy{font-size:11px}.ws-scroll{margin-top:20px}.ws-enhanced .ws-caption h2{font-size:25px}.ws-enhanced .ws-caption{padding-top:14px}.ws-enhanced .ws-nav{bottom:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.ws-host{transform:none!important}.ws-scroll{display:none}}
.ws-host{transform-origin:0 0}.ws-host:not(:modal){transform-origin:50% 50%}.ws-mounted .ws-open{display:block}.ws-mounted:not(.ws-enhanced) .ws-fallback-link{display:none}

.ws-modal-actions{display:flex;align-items:center;gap:28px;white-space:nowrap}.ws-modal-actions a{font-size:10px;border-bottom:1px solid #9fa495;padding:8px 0}
@media(max-width:700px){.ws-modal-actions{gap:12px}.ws-modal-actions a,.ws-modal-actions button{font-size:9px}.ws-host:modal .ws-modal-foot p{max-width:48%}}
.ws-host.is-fallback .ws-replay{display:none}
.ws-host.is-fallback .ws-runtime{visibility:hidden;pointer-events:none}

.ws-host:modal[data-wipe=true] .ws-runtime iframe{pointer-events:auto}
.ws-edition,.ws-back,.ws-eyebrow,.ws-scroll,.ws-caption>div>p,.ws-enhanced .ws-nav,.ws-next span{font-size:12px}
.ws-intro-copy{font-size:16px}.ws-line,.ws-open-label,.ws-close,.ws-replay,.ws-modal-foot p,.ws-modal-actions a{font-size:14px}
.ws-nav a{min-height:44px}.ws-modal-head .ws-eyebrow{font-size:11px}
@media(max-width:700px){
 .ws-intro-copy{font-size:15px}.ws-caption>div>p,.ws-line,.ws-count,.ws-nav a,.ws-back{font-size:12px}
 .ws-modal-actions a,.ws-modal-actions button,.ws-close{font-size:12px}
 .ws-modal-foot p{font-size:12px}.ws-open-label{font-size:12px}
 .ws-caption h2{font-size:28px}.ws-host:modal{grid-template-rows:70px minmax(0,1fr) 88px}
 .ws-host:modal .ws-modal-foot{align-items:flex-start;flex-direction:column;justify-content:center;gap:4px}
 .ws-host:modal .ws-modal-foot p{max-width:none}
 .ws-modal-actions{width:100%;justify-content:space-between}
}
@media(max-height:500px){
 .ws-header{height:52px}.ws-enhanced .ws-pin{min-height:0}
 .ws-enhanced .ws-window{height:52svh}.ws-enhanced .ws-work{margin-top:0}
 .ws-caption{padding-top:8px}.ws-caption>div>p{display:none}.ws-caption h2{font-size:22px}.ws-line{display:none}
 .ws-intro h1{font-size:38px;margin:12px 0}.ws-intro-copy{font-size:13px;line-height:1.7}.ws-scroll{margin-top:12px}
 .ws-enhanced .ws-nav{bottom:0}.ws-host:modal{grid-template-rows:52px minmax(0,1fr) 56px}
}
@media(prefers-reduced-motion:reduce){.ws-open-label{opacity:1;translate:none}}

.ws-header-actions{display:flex;align-items:center;gap:24px;pointer-events:auto}
.ws-preview-toggle{background:none;border:0;border-bottom:1px solid var(--line);font:12px/1.4 Arial,sans-serif;min-height:44px;padding:7px 0}
.ws-preview-toggle[hidden]{display:none}
.ws-mode-note{display:block;margin-top:18px;font-size:12px;line-height:1.8;color:var(--muted)}
@media(max-width:700px){.ws-header-actions{gap:12px}.ws-preview-toggle{max-width:80px;font-size:11px}.ws-mode-note{margin-top:14px}}

.ws-intro-content{will-change:opacity,transform}
.ws-portal-cover .ws-host{transform:none!important}
.ws-portal-cover .ws-header,.ws-portal-cover .ws-nav,.ws-portal-cover .ws-open-label,.ws-portal-cover .ws-edge-progress{visibility:hidden}
@media(prefers-reduced-motion:reduce){.ws-intro-content{opacity:1!important;transform:none!important;will-change:auto}}

.ws-track>.collection-exit{margin-left:1vw}html:not(.ws-enhanced) .ws-track>.collection-exit{margin:40px auto 0;width:min(70vw,480px);height:85svh}
@media(max-width:700px){.ws-nav>div{gap:5px}.ws-nav a{min-width:22px}.ws-nav a i{width:8px}}

/* Portrait works have their own frame in both the track and the expanded view. */
[data-work=reflection]{--portrait-height:min(68svh,calc(100svh - 260px),120vw)}
.ws-enhanced [data-work=reflection]{width:calc(var(--portrait-height) * 2 / 3);margin-top:52px}
[data-work=reflection] .ws-window{height:auto;aspect-ratio:2/3}
.ws-enhanced [data-work=reflection] .ws-window{height:var(--portrait-height);aspect-ratio:2/3}
[data-work=reflection] .ws-caption{display:block}
[data-work=reflection] .ws-caption h2{font-size:22px;line-height:1.5}
[data-work=reflection] .ws-line{font-size:12px;text-align:left;margin-top:8px}
[data-work=reflection] .ws-host:modal .ws-art-scroll{display:grid;place-items:center;background:var(--paper)}
[data-work=reflection] .ws-host:modal .ws-art-journey{width:min(100%,calc(var(--modal-height) * 2 / 3));height:min(100%,150vw);margin:0 auto;border-radius:10px;overflow:hidden}
[data-work=reflection] .ws-host:modal .ws-art-pin{position:relative;height:100%}

.ws-enhanced [data-work=rain]{width:64svh}
.ws-enhanced [data-work=rain] .ws-window{height:64svh}
.ws-enhanced [data-work=rain] .ws-caption{display:block}
.ws-enhanced [data-work=rain] .ws-line{text-align:left;margin-top:8px}
@media(max-width:700px){
 .ws-enhanced [data-work=rain]{width:min(88vw,57svh)}
 .ws-enhanced [data-work=rain] .ws-window{height:min(88vw,57svh)}
 .ws-header-actions{gap:10px}.ws-preview-toggle{max-width:none;white-space:nowrap;font-size:10px}
}
@media(max-height:620px) and (min-width:701px){
 [data-work=reflection]{--portrait-height:57svh}
 .ws-enhanced [data-work=rain] .ws-window{height:57svh}
 .ws-enhanced [data-work=rain]{width:57svh}
 [data-work=reflection] .ws-caption h2{font-size:18px}
 [data-work=reflection] .ws-line,[data-work=rain] .ws-line{display:none}
}

@media(max-width:700px),(max-height:620px){.ws-enhanced [data-work=reflection]{margin-top:0}}