/* Photography art direction; adapted motion credits in /vendor/ATTRIBUTION.md. */
:root{--paper:#d9d3c1;--ink:#23271f;--rust:#a64c35;--line:rgba(35,39,31,.5);--display:ArchiveDisplay,Impact,'Arial Narrow',sans-serif;--pad:2.3vw}
body{border:10px solid var(--ink);border-bottom:0;font-family:'Courier New',monospace}body::after{opacity:.07;z-index:50}.site-header{height:69px;left:calc(var(--pad) + 10px);right:calc(var(--pad) + 10px);border-bottom:1px solid var(--ink)}.signature{font-weight:bold;text-transform:uppercase;font-size:11px;letter-spacing:-.05em}.site-header nav>a{font-size:10px;text-transform:uppercase;letter-spacing:.03em}.signature-seal{border:0;transform:none;font-size:25px}.sound-toggle{font-family:inherit;text-transform:uppercase}.site-header nav{gap:30px}
.opening{background:var(--paper)}.opening-stage{padding:92px var(--pad) 0;height:auto;min-height:calc(100svh - 20px);overflow:clip}.quote-band{display:grid;grid-template-columns:60px 1fr 60px;gap:25px;align-items:start;padding-bottom:25px;border-bottom:1px solid var(--ink)}.opening-number{position:static;padding-top:6px;font-size:11px}.opening-quote{margin:0;width:auto;max-width:1100px;font:400 clamp(17px,1.65vw,29px)/1.85 var(--jp);letter-spacing:.055em;animation:none!important}.quote-seal{justify-self:end;color:var(--rust);font:25px/1.25 var(--jp);border:1px solid;padding:4px 7px;transform:rotate(5deg)}.opening-caption{justify-content:space-between;margin:15px 0 12px;font:10px/1.5 'Courier New',monospace;letter-spacing:.04em;text-transform:uppercase}.opening-caption span:last-child{font:inherit;color:inherit}.hero-composition{position:relative;isolation:isolate;overflow:hidden;min-height:520px}.hero-type{position:relative;z-index:2;font:400 18.4vw/1.13 var(--display);letter-spacing:-.032em;pointer-events:none}.hero-line{display:flex;align-items:center;gap:2vw;white-space:nowrap;height:1.03em}.hero-line:last-child{border-top:1px solid var(--ink)}.hero-and{font:400 12vw/.9 var(--serif);align-self:center;margin-left:auto;padding-right:1vw}.hero-asterisk{font:11vw/1 Arial,sans-serif;color:var(--rust);margin-left:1vw;align-self:center}.opening-frame{width:20vw;position:absolute;top:13%;bottom:auto;right:6%;margin:0;z-index:3;padding:7px;background:var(--paper);box-shadow:0 9px 35px #0003;transform:rotate(7deg);pointer-events:none;animation:none!important}.opening-frame img{height:25vh;min-height:165px;max-height:270px;filter:saturate(.82);object-fit:cover}.opening-frame figcaption{margin-top:6px;font-size:8px}.opening-frame figcaption span:last-child{font:13px var(--jp)}a-waves{display:block;position:absolute;inset:0;overflow:hidden;z-index:0;color:var(--rust);opacity:.32;pointer-events:none}a-waves svg{display:block;width:100%;height:100%}a-waves path{fill:none;stroke:currentColor;stroke-width:.7}.hero-type{mix-blend-mode:multiply}.opening-bottom{position:relative;left:auto;right:auto;bottom:auto;padding:16px 0 22px;border-top:1px solid var(--ink);font-size:10px;letter-spacing:.01em}.opening-bottom a{gap:40px}.ticker-strip{overflow:hidden;background:var(--rust);color:var(--paper);padding:13px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font:12px/1.5 'Courier New',monospace;letter-spacing:.15em}.ticker-strip>div{white-space:nowrap;width:max-content;animation:ticker 25s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}
.roll-char{position:relative;display:inline-block;overflow:hidden;vertical-align:top;height:1.13em}.roll-inner{display:block;transform:translateY(-100%);height:100%;position:relative;will-change:transform}.roll-inner::before,.roll-inner::after{position:absolute;left:0;display:block;content:attr(data-letter);width:100%;height:100%}.roll-inner::before{top:100%}.roll-inner::after{top:200%}.roll-space{width:.2em}.between{background:var(--ink);color:var(--paper);padding:35px var(--pad) 50px;min-height:0}.between-meta{margin:0;padding-bottom:25px;border-bottom:1px solid #d9d3c140;font-size:10px;text-transform:uppercase}.between-word{width:auto;font:400 15.5vw/1.08 var(--display);letter-spacing:-.035em;padding:4vw 0 3vw;transform-origin:50% 50%}.between-word>span{display:block}.between-word>span:last-child{padding:0;color:var(--rust);font-size:13.3vw;text-align:right}.between-foot{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid #d9d3c140;padding-top:30px}.between-jp{font:38px var(--jp)}.between-foot p{font:14px/1.6 'Courier New',monospace}.orbit-star{font:70px/1 Arial,sans-serif;color:var(--rust);display:block;animation:orbit 20s linear infinite}@keyframes orbit{to{transform:rotate(360deg)}}
.collection-index{padding:100px var(--pad) 85px}.index-heading{margin-bottom:60px;align-items:flex-end}.index-heading h2{font:400 10.5vw/.98 var(--display);letter-spacing:-.025em}.index-heading p{writing-mode:vertical-rl;font-size:18px;letter-spacing:.3em}.index-row{min-height:170px;grid-template-columns:6% 29% 1fr 12% 55px;border-top:1px solid var(--ink)}.index-japanese{font-size:5.8vw}.index-reading{font:400 5.8vw/1 var(--display);text-transform:uppercase;letter-spacing:-.02em}.index-reading small{font:10px 'Courier New',monospace;text-transform:none;letter-spacing:0;margin-top:10px}.index-circle{border-color:var(--ink);width:50px;height:50px}.index-row::before{content:'';position:absolute;inset:0 -10px;background:var(--rust);transform:scaleY(0);transform-origin:bottom;z-index:0;transition:transform .5s cubic-bezier(.16,1,.3,1)}.index-row>*{position:relative;z-index:1}.index-row:hover::before{transform:scaleY(1)}.index-row:hover{color:var(--paper)}.index-row:hover .index-number{color:var(--paper)}.index-row:hover .index-circle{background:var(--paper);color:var(--ink);border-color:var(--paper)}.index-thumb{position:absolute;left:43%;top:-25px;width:190px;height:235px;z-index:5}.demo-note{font-size:9px;opacity:.75}
.photo-scene{border-top:1px solid var(--ink)}.mood-night{background:var(--rust);--scene-ink:var(--ink)}.mood-paper{background:var(--ink);--scene-ink:var(--paper)}.mood-moss{background:#afb39a;--scene-ink:var(--ink)}.scene-grid{position:absolute;inset:0;opacity:.16;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(8.33vw - 1px),currentColor calc(8.33vw - 1px),currentColor 8.33vw),repeating-linear-gradient(0deg,transparent 0,transparent calc(8.33vw - 1px),currentColor calc(8.33vw - 1px),currentColor 8.33vw);pointer-events:none;transform-origin:center;will-change:transform}.scene-top,.scene-bottom{text-transform:uppercase;letter-spacing:.06em}.scene-top>a{display:inline-flex;gap:30px;padding:8px 0}.scene-title{letter-spacing:-.085em}.scene-title-note{font:400 7vw/1 var(--display);text-transform:uppercase;letter-spacing:-.015em}.scene-title-note small{font:10px/1.5 'Courier New',monospace;letter-spacing:.1em}.type-echo{-webkit-text-stroke:1px currentColor;color:transparent;opacity:.3!important}.photo-card{background:var(--scene-ink);padding:7px 7px 0;color:var(--paper);box-shadow:0 12px 20px #0002;transform-style:preserve-3d}.mood-paper .photo-card{color:var(--ink)}.photo-card figcaption{padding:9px 3px 11px;font:9px 'Courier New',monospace}.photo-open img{filter:saturate(.9)}.is-pinned .photo-wall{gap:12vw;padding-left:14vw;padding-right:14vw;perspective:1600px}.is-pinned .photo-card{width:50vw;backface-visibility:hidden}.is-pinned .photo-card.is-portrait{width:28vw}.is-pinned .wall-viewport{inset:96px 0 85px;clip-path:circle(150% at 50% 50%)}.is-pinned .scene-depth{inset:5vh 0 12vh}.is-pinned .scene-title{line-height:1.13}.is-pinned .scene-title-note{margin-top:0}.is-pinned .scene-top{top:23px}.scene-bottom a{opacity:.7}.wall-end p{font:35px/1 var(--display);text-transform:uppercase}.closing{background:var(--rust);color:var(--ink);padding-top:40px;min-height:88svh}.closing h2{color:var(--ink);font-size:25vw;padding:20px 0;line-height:1.4}.closing-bottom>a{font:400 4.5vw/1.1 var(--display);text-transform:uppercase}.closing-bottom small{font-family:'Courier New',monospace}.site-footer{margin:0;padding:30px var(--pad);background:var(--ink);color:var(--paper);font-size:10px}.site-footer>span:nth-child(2){color:var(--paper)}.motion-credit{background:var(--ink);color:var(--paper);padding:0 var(--pad) 22px;font:8px/1.7 'Courier New',monospace;opacity:1}.motion-credit a{text-decoration:underline;text-underline-offset:3px}.page-curtain{background:var(--rust);border:10px solid var(--ink)}.page-curtain::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10vw - 1px),var(--ink) calc(10vw - 1px),var(--ink) 10vw);opacity:.25}.page-curtain>span{font-size:25vw;color:var(--ink);transform:rotate(-10deg)}.film-opening{background:var(--rust);color:var(--ink)}.film-opening h1{font:400 17vw/.95 var(--display);letter-spacing:-.03em;text-transform:uppercase}.film-opening h1>span:last-child{font-size:12vw;margin:10px 0 0 12vw}.film-opening .accent{color:var(--paper)}.film-opening>p{font:italic 30px var(--serif)}.archive-heading h2{font:400 6vw/1 var(--display);text-transform:uppercase}.film-card{perspective:1000px}.poster-frame{transition:transform .7s cubic-bezier(.16,1,.3,1);transform-origin:center bottom}.film-card:hover .poster-frame{transform:rotateY(-9deg) rotateZ(-2deg) translateY(-7px);box-shadow:12px 15px 0 #a64c3530}.film-details h3,.rating{font-family:'Courier New',monospace}.reveal{transition:opacity .8s,translate 1.2s cubic-bezier(.16,1,.3,1),clip-path 1.2s cubic-bezier(.16,1,.3,1);clip-path:inset(0 0 0 0)}.js-motion .film-card.reveal:not(.is-visible){clip-path:inset(100% 0 0 0);translate:0 60px}.js-motion .index-row.reveal:not(.is-visible){translate:0 55px}.scroll-progress{position:fixed;top:0;left:0;height:4px;background:var(--rust);width:100%;z-index:80;transform-origin:left;transform:scaleX(0);pointer-events:none}
@media(min-width:1600px){.hero-composition{min-height:640px}.opening-stage{padding-top:110px}.opening-quote{font-size:1.5vw}.opening-frame{top:16%}}
@media(max-width:900px){.opening{min-height:0}:root{--pad:4vw}body{border-width:7px}.site-header{left:calc(4vw + 7px);right:calc(4vw + 7px)}.opening-stage{padding-top:100px;min-height:0}.quote-band{grid-template-columns:32px 1fr;gap:15px}.quote-seal{display:none}.opening-quote{font-size:20px}.opening-caption{font-size:8px;gap:15px}.hero-composition{min-height:0;padding:18px 0}.hero-type{font-size:18vw}.hero-line{height:1.2em;gap:1vw}.hero-and{font-size:12vw}.hero-asterisk{font-size:10vw;margin-left:0}.opening-frame{width:24vw;right:7%;top:15%;padding:5px}.opening-frame img{height:19vw;min-height:0}.opening-frame figcaption{font-size:6px}.opening-bottom{font-size:8px}.opening-bottom a{gap:10px}.between{padding-top:25px}.between-word{font-size:15vw;padding:45px 0}.between-word>span:last-child{font-size:12.8vw}.between-jp{font-size:28px}.between-foot p{font-size:11px}.orbit-star{font-size:50px}.collection-index{padding:70px var(--pad)}.index-heading h2{font-size:12vw}.index-heading{margin-bottom:35px}.index-row{min-height:120px;grid-template-columns:6% 28% 1fr 12% 40px}.index-circle{width:37px;height:37px}.index-japanese{font-size:6.2vw}.index-reading{font-size:6.5vw}.scene-depth{padding:50px 0}.scene-title-note{font-size:10vw}.photo-card:nth-child(even){margin-top:10vh}.photo-wall{gap:50px 25px}.photo-card{padding:5px 5px 0}.scene-grid{opacity:.1}.scene-title-note small{font-size:9px}.closing h2{font-size:27vw}.closing-bottom>a{font-size:6vw}.film-opening h1{font-size:18vw}.film-opening h1>span:last-child{font-size:12vw}.archive-heading h2{font-size:8vw}.motion-credit{font-size:7px}}
@media(max-width:600px){.site-header{height:60px}.signature{font-size:8px;gap:6px}.signature-seal{font-size:20px}.site-header nav{gap:15px}.site-header nav>a{font-size:8px}.opening-stage{padding-top:86px}.quote-band{grid-template-columns:1fr;gap:12px;padding-bottom:23px}.opening-number{font-size:9px;padding:0}.opening-quote{font-size:17px;line-height:1.9;letter-spacing:.015em}.opening-caption{font-size:7px;margin-top:14px;align-items:start}.opening-caption span:first-child{max-width:48%}.opening-caption span:last-child{max-width:40%;text-align:right}.hero-composition{padding:15px 0 23px}.hero-type{font-size:17.6vw}.hero-line{height:1.15em}.hero-and{font-size:12vw}.opening-frame{top:18%;right:5%;width:24vw;padding:3px}.opening-frame img{height:20vw}.opening-frame figcaption{font-size:5px;gap:3px;line-height:1.2}.opening-frame figcaption span:last-child{display:none}.opening-bottom{font-size:7px;gap:18px;align-items:start;padding:14px 0 20px}.opening-bottom>span{max-width:52%}.opening-bottom a{gap:8px;white-space:nowrap}.ticker-strip{font-size:9px;padding:10px 0}.between{padding-top:23px;padding-bottom:28px}.between-meta{font-size:7px;padding-bottom:18px;gap:15px}.between-meta span:last-child{font-size:8px}.between-word{font-size:15vw;padding:28px 0}.between-word>span:last-child{font-size:12.7vw}.between-foot{gap:14px;flex-wrap:wrap;padding-top:23px}.between-jp{font-size:26px}.between-foot p{font-size:9px}.orbit-star{font-size:38px}.collection-index{padding-top:50px;padding-bottom:55px}.index-heading{margin-bottom:28px}.index-heading h2{font-size:13vw}.index-heading p{font-size:10px}.index-row{grid-template-columns:7% 29% 1fr 27px;min-height:107px}.index-japanese{font-size:7.3vw;letter-spacing:-.08em}.index-reading{font-size:8vw}.index-reading small{font-size:7px;margin-top:7px}.index-circle{width:27px;height:27px}.photo-card{width:93%}.photo-card:nth-child(even){margin-top:0}.photo-card figcaption{font-size:8px}.scene-title-note{font-size:13vw}.scene-title-note small{font-size:8px}.scene-top,.scene-bottom{font-size:7px}.scene-top>a{gap:8px}.scene-bottom nav{gap:14px}.photo-scene{padding-bottom:35px}.closing{min-height:0;padding:25px var(--pad) 35px}.closing h2{font-size:28vw;padding:30px 0}.closing-bottom{gap:20px;align-items:end}.closing-bottom>a{font-size:8vw}.closing-bottom small{font-size:7px}.closing-bottom>a>span{margin-left:0;font-size:16px}.site-footer{font-size:8px;padding-top:24px;padding-bottom:16px}.film-opening{min-height:600px}.film-opening h1{font-size:19vw;line-height:1.1}.film-opening h1>span:last-child{font-size:13vw;margin-left:0;letter-spacing:-.04em}.film-opening>p{font-size:25px}.archive-heading h2{font-size:10vw}.page-curtain{border-width:7px}.page-curtain>span{font-size:50vw}}
@media(prefers-reduced-motion:reduce){.ticker-strip>div,.orbit-star{animation:none}.roll-inner{transform:translateY(-100%)!important}}
.motion-off .roll-inner{transform:translateY(-100%)!important}.motion-off .hero-composition a-waves{opacity:.18}