/* The portfolio is one gallery attached to the screening room. */
.gallery-room{position:relative;isolation:isolate;padding:0!important;margin:0!important;border:0!important;scroll-margin-top:118px;background:rgba(16,13,22,.15);overflow:clip}
.gallery-room:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#03020799,transparent 11%,transparent 89%,#03020799),repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#b19ac00b calc(25% - 1px),#b19ac00b 25%),linear-gradient(180deg,#17121fe8 0,#100d16d9 600px,#0d0a11e8 100%)}
.gallery-room:after{content:"";position:absolute;inset:0 22px;pointer-events:none;z-index:-1;border-left:1px solid #ad937522;border-right:1px solid #ad937522;background:radial-gradient(ellipse 35% 280px at 25% 160px,#dcc8ec13,transparent),radial-gradient(ellipse 35% 280px at 75% 160px,#dcc8ec13,transparent)}
.room-entrance{position:relative;max-width:1260px;margin:auto;padding:84px 62px 36px}.room-lintel{position:absolute;top:0;left:22px;right:22px;height:28px;border:1px solid #af947433;border-top:0;background:linear-gradient(#08060d,#241b2e);box-shadow:0 18px 45px #0008}.room-lintel:after{content:"";position:absolute;bottom:0;left:12%;right:12%;height:1px;background:#c8b5d8;box-shadow:0 4px 18px 3px #c9a6f13a}
.room-sign{display:flex;gap:25px;align-items:center}.room-number{font:italic 74px/1 var(--en);color:#bfa7cd;padding-right:24px;border-right:1px solid #ad937555}.room-brand{font:9px var(--mono);letter-spacing:.24em;color:#a99bb5}.room-sign h2{font:400 25px/1.5 var(--jp);letter-spacing:.13em;margin:8px 0}.room-sign p{font:12px/1.8 var(--sans);color:#b7aabe;margin:0}
.room-content{position:relative;max-width:1440px;margin:auto}.gallery-room .room-content>section{background:transparent!important;border:0!important;margin-top:0}.gallery-room .room-content>section>.wrap{background:none!important}.gallery-room #filmstrip{padding-top:30px}.gallery-room #intro{padding-top:32px;padding-bottom:32px}.gallery-room #works{padding-top:54px;padding-bottom:54px}.gallery-room #story{padding-top:30px}.gallery-room #tools,.gallery-room #about{padding-top:34px}.gallery-room #line,.gallery-room #line-closing{padding-bottom:48px}
.room-exit{position:relative;padding:32px 32px 62px;margin:0 auto;max-width:1180px;background:radial-gradient(ellipse at 50% 100%,#bea0dc10,transparent 65%)}.room-exit:before{content:"";display:block;height:1px;background:linear-gradient(90deg,transparent,#b3a0c244,transparent);margin-bottom:24px}.room-next{display:flex;align-items:center;gap:18px;width:max-content;max-width:100%;margin:auto;padding:14px 22px;border:1px solid #a992bc44;background:#15101ca8;min-height:48px}.room-next small{font:9px var(--mono);letter-spacing:.15em;color:#a99bb7}.room-next span{font:13px var(--jp);letter-spacing:.12em}.room-next b{font-weight:400;color:#c7add9;margin-left:24px}.room-next:hover{border-color:#c1a5d8}
.gallery-directory{position:sticky;top:66px;z-index:35;background:#0b0811f5;backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(30px,calc((100vw - 1180px)/2));border-top:1px solid #b5a2c233;border-bottom:1px solid #b5a2c233}.gallery-directory>span{font:9px var(--mono);letter-spacing:.15em;color:#b8a5c9;white-space:nowrap}.gallery-directory>div{display:flex;gap:25px}.gallery-directory a{display:flex;gap:9px;align-items:center;min-height:48px;font:12px var(--jp);white-space:nowrap;color:#b5aabd;border-bottom:2px solid transparent}.gallery-directory small{font:9px var(--mono);color:#94839e}.gallery-directory a[aria-current]{color:#f5edf9;border-bottom-color:#b9a0d0}.gallery-directory a:focus-visible,.room-next:focus-visible{outline:2px solid #cbb1e4;outline-offset:2px}
/* The same rail, glazed frame and caption plate throughout the rooms. */
#room-films .strip-lane{padding-top:18px;background:linear-gradient(#a994bd33,#a994bd33) 0 0/100% 1px no-repeat}
#room-films .strip-card{padding:7px;background:#211a29;border:1px solid #ae95c25e;box-shadow:0 12px 24px #0005}
#room-films .strip-card img{border:1px solid #08060e;outline:1px solid #77658450}
#room-films .strip-card span{font-size:12px;padding:3px 6px 8px;margin-top:10px}#room-films .strip-card b{right:13px;bottom:16px}
#room-story .manga-exhibit{position:relative;padding-top:8px}#room-story .manga-preview{box-shadow:0 24px 44px #0007}#room-story .manga-invitation{background:transparent;padding-top:34px}#room-story .manga-preview:before,#room-story .manga-preview:after{border-color:#bba4ce70}#room-story .story-heading{max-width:824px}
#room-studio .office-stage,#room-studio .tool-image-button,#room-studio .session-player,#room-studio .process-visual{border:1px solid #b49dc163;box-shadow:0 14px 38px #0007;padding:5px;background:#211a29}
#room-studio .step{background:linear-gradient(#20182880,transparent);padding-top:20px;border-top:1px solid #a992bd4d}#room-studio .process-visual{padding:0}#room-studio #approach{border-top:1px solid #a992bd33!important;padding-top:64px}
#room-noel .portrait{box-shadow:0 20px 40px #0008}#room-noel .profile-socials{background:#15101ca8;padding:24px 16px 0}
@media(max-width:650px){
 .gallery-directory{top:62px;padding:0 12px}.gallery-directory>span{display:none}.gallery-directory>div{width:100%;justify-content:space-between;gap:7px}.gallery-directory a{font-size:10px;gap:5px;min-height:46px}.gallery-directory small{font-size:8px}
 .gallery-room{scroll-margin-top:108px}.gallery-room:after{inset:0 9px}.room-entrance{padding:62px 25px 30px}.room-lintel{left:9px;right:9px;height:20px}.room-sign{gap:16px}.room-number{font-size:56px;padding-right:16px}.room-sign h2{font-size:21px;letter-spacing:.07em}.room-sign p{font-size:11px}.room-brand{font-size:8px}
 .gallery-room #filmstrip{padding-top:20px}.strip-heading{padding-left:25px;padding-right:25px}.gallery-room #story{padding-top:15px}.room-exit{padding:22px 18px 44px}.room-next{gap:12px;padding:12px 15px}.room-next span{font-size:12px}.room-next b{margin-left:8px}
 #room-studio .office-stage,#room-studio .tool-image-button{padding:3px}#room-noel .profile-socials{padding-left:4px;padding-right:4px}
}
@media(prefers-reduced-motion:reduce){.gallery-directory{backdrop-filter:none}}
@media(max-width:650px){.room-sign p{font-size:13px}.gallery-directory a{font-size:11px}}@media(max-width:450px){.gallery-directory small{display:none}.gallery-directory a{font-size:12px}.gallery-directory{padding-left:14px;padding-right:14px}}