.corridor{--cw-wall: #dcd7ce;--cw-ceiling: #c9c3b8;--cw-floor: #b5ab99;--cw-floor-2: #9f9482;--cw-skirt: #e9e5de;--cw-light: rgba(255, 248, 234, .9);--cw-rail: #3a3733;--cw-ink: var(--c-ink);--cw-ink-2: #57534c;--cw-figure-cloth: #2b2926;--cw-figure-veil: #5a5650;--cw-figure-agal: #141312;--cw-figure-alpha: .34;--cw-figure-shadow: rgba(35, 28, 18, .28);--cw-shadow: rgba(35, 28, 18, .28);--cw-room: #fbf9f5;--eye: 150;--stage-h: clamp(27rem, 118vw, 36rem);--floor-h: calc(var(--stage-h) * .17);--wall-h: calc(var(--stage-h) - var(--floor-h));--u: calc(var(--wall-h) / var(--wall-cm, 280));--label-w: 8.5rem;--label-gap: 1rem;margin-block:var(--section-sm)}.corridor--white{--cw-wall: #f3f1ec;--cw-ceiling: #e6e3dc;--cw-floor: #d6cfc2;--cw-floor-2: #c5bdae;--cw-skirt: #fbfaf7;--cw-light: rgba(255, 252, 245, 1);--cw-shadow: rgba(35, 28, 18, .22);--cw-figure-alpha: .28;--cw-figure-shadow: rgba(35, 28, 18, .2)}.corridor--night{--cw-wall: #292725;--cw-ceiling: #1b1a19;--cw-floor: #181716;--cw-floor-2: #0f0f0e;--cw-skirt: #33302d;--cw-light: rgba(255, 226, 178, .2);--cw-rail: #0c0c0b;--cw-ink: #f1ede6;--cw-ink-2: #aaa59c;--cw-figure-cloth: #f1ede6;--cw-figure-veil: #bdb6aa;--cw-figure-agal: #6e6a63;--cw-figure-alpha: .16;--cw-figure-shadow: rgba(0, 0, 0, .5);--cw-shadow: rgba(0, 0, 0, .55);--cw-room: #f4efe6}@media(min-width:750px){.corridor{--stage-top: calc(var(--header-sticky) + var(--chapter-bar-h, 0px));--stage-h: clamp(32rem, 100svh - var(--stage-top), 58rem);--label-w: 9.5rem;--label-gap: 1.25rem}}.corridor__stage{position:relative;height:var(--stage-h);overflow:hidden;color:var(--cw-ink);background:linear-gradient(to bottom,var(--cw-rail) 0,var(--cw-rail) 3px,transparent 3px),linear-gradient(to bottom,var(--cw-ceiling),transparent 34%),linear-gradient(to bottom,transparent calc(100% - var(--floor-h) - .5rem),var(--cw-skirt) calc(100% - var(--floor-h) - .5rem),var(--cw-skirt) calc(100% - var(--floor-h)),var(--cw-floor) calc(100% - var(--floor-h)),var(--cw-floor-2) 100%),var(--cw-wall)}.corridor__view{height:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--bleed);scrollbar-width:none}.corridor__view::-webkit-scrollbar{display:none}ol.corridor__track{display:flex;align-items:flex-start;gap:max(2.5rem,calc(var(--u) * 90));width:max-content;height:100%;margin:0;padding-inline:var(--bleed);background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.05) 0 1px,transparent 1px calc(var(--u) * 120));background-repeat:no-repeat;background-position:0 100%;background-size:100% var(--floor-h)}.corridor--night .corridor__track{background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px calc(var(--u) * 120))}.corridor__track>li{position:relative;flex:none;height:var(--wall-h);scroll-snap-align:center}.corridor__pin{display:block}.corridor__pin[data-pinned] .corridor__stage{position:sticky;top:var(--stage-top)}.corridor__pin[data-pinned] .corridor__view{overflow:hidden;scroll-snap-type:none}.corridor__pin[data-pinned] .corridor__track{will-change:transform}.corridor__track>.corridor__intro{display:grid;align-content:center;gap:var(--s-4);width:min(28rem,78vw);scroll-snap-align:start}.corridor__eyebrow{color:var(--cw-ink-2)}.corridor__heading{margin:0;font-family:var(--f-display);font-size:clamp(2.1rem,1.5rem + 2.4vw,4rem);font-weight:400;line-height:var(--lh-heading);letter-spacing:var(--tracking-heading);text-wrap:balance}.corridor__heading em{font-style:italic}[dir=rtl] .corridor__heading{letter-spacing:0;line-height:1.3}[dir=rtl] .corridor__heading em{font-style:normal}.corridor__text{max-width:24rem;margin:0;color:var(--cw-ink-2)}.corridor__hint{display:inline-flex;align-items:center;gap:var(--s-3);margin:var(--s-3) 0 0;color:var(--cw-ink-2)}.corridor__hint svg{width:2.5rem;height:.7rem;animation:bj-corridor-nudge 2.4s var(--ease-inout) infinite}[dir=rtl] .corridor__hint svg{scale:-1 1}.corridor__hint-pin,.corridor__pin[data-pinned] .corridor__hint-swipe{display:none}.corridor__pin[data-pinned] .corridor__hint-pin{display:inline}@keyframes bj-corridor-nudge{0%,to{translate:0 0}50%{translate:.4rem 0}}[dir=rtl] .corridor__hint svg{animation-name:bj-corridor-nudge-rtl}@keyframes bj-corridor-nudge-rtl{0%,to{translate:0 0}50%{translate:-.4rem 0}}.corridor__track>.corridor__visitor{display:flex;align-items:flex-end;gap:calc(var(--u) * 6);margin-inline-end:calc(var(--u) * -30)}.visitor{flex:none;width:calc(var(--u) * 50);height:calc(var(--u) * 172);overflow:visible}.visitor__body{opacity:var(--cw-figure-alpha)}.visitor__cloth{fill:var(--cw-figure-cloth)}.visitor__veil{fill:var(--cw-figure-veil)}.visitor__agal{fill:var(--cw-figure-agal)}.visitor__fold{fill:none;stroke:var(--cw-wall);stroke-width:.55;stroke-linecap:round;opacity:.85}.visitor__crease{fill:none;stroke:var(--cw-figure-cloth);stroke-width:.45;opacity:.55}.corridor__track>.corridor__visitor:after{content:"";position:absolute;inset-inline:calc(var(--u) * -4);bottom:calc(var(--u) * -3);height:calc(var(--u) * 6);background:radial-gradient(closest-side,var(--cw-figure-shadow),transparent);pointer-events:none}.corridor__item{--work-w: calc(var(--w) * var(--u));--work-h: calc(var(--h) * var(--u));--work-bottom: max(calc(var(--u) * 12), calc((var(--eye) - var(--h) / 2) * var(--u)));width:calc(var(--work-w) + var(--label-gap) + var(--label-w))}.corridor__item:before,.corridor__item:after{content:"";position:absolute;top:0;pointer-events:none}.corridor__item:before{inset-inline-start:calc(var(--work-w) / 2 - (var(--w) + 150) * var(--u) / 2);width:calc((var(--w) + 150) * var(--u));height:calc(var(--wall-h) - var(--work-bottom) + var(--u) * 30);background:radial-gradient(ellipse 52% 100% at 50% 0,var(--cw-light),transparent 82%)}.corridor__item:after{inset-inline-start:calc(var(--work-w) / 2 - .6rem);width:1.2rem;height:.8rem;border-radius:0 0 .35rem .35rem;background:var(--cw-rail)}.corridor__work{position:absolute;inset-inline-start:0;bottom:var(--work-bottom);z-index:1;display:block;width:var(--work-w);height:var(--work-h);overflow:hidden;background:var(--c-surface-2);box-shadow:0 1px 1px #00000014,0 calc(var(--u) * 5) calc(var(--u) * 14) var(--cw-shadow);transition:box-shadow var(--dur-3) var(--ease-out)}.corridor .corridor__img{position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;max-height:none;padding:0;object-fit:cover;mix-blend-mode:normal}.corridor__work[data-trimmed] .corridor__img{object-fit:fill}.corridor__work--todo{display:grid;place-items:center;padding:.75rem;border:1px dashed var(--cw-ink-2);background:transparent;box-shadow:none;color:var(--cw-ink-2);font-size:.72rem;text-align:center}@media(hover:hover){.corridor__work:hover{box-shadow:0 1px 1px #00000014,0 calc(var(--u) * 9) calc(var(--u) * 24) var(--cw-shadow)}}.corridor__work:focus-visible{outline:2px solid var(--cw-ink);outline-offset:4px}.corridor__label{position:absolute;inset-inline-start:calc(var(--work-w) + var(--label-gap));bottom:var(--work-bottom);z-index:1;display:grid;gap:.15rem;width:var(--label-w);padding:.7rem .8rem .75rem;background:#fbfaf7;color:#121211;box-shadow:0 1px 2px #0000001a;font-size:.72rem;line-height:1.4}.corridor__label p{margin:0}.corridor__artist{font-weight:600;letter-spacing:.01em}.corridor__title{font-family:var(--f-display);font-size:.82rem;font-style:italic}.corridor__year,[dir=rtl] .corridor__title{font-style:normal}.corridor__meta{color:#5d5c58}.corridor__price{margin-top:.2rem;padding-top:.35rem;border-top:1px solid #e4e3df}.corridor__sold{display:flex;align-items:center;gap:.4rem;margin-top:.2rem;color:#5d5c58}.corridor__dot{flex:none;width:.55rem;height:.55rem;border-radius:50%;background:#c0392b}[dir=rtl] .corridor__label{font-size:.78rem;line-height:1.55}.corridor__track>.corridor__end{width:calc(var(--u) * 120 + 13rem);scroll-snap-align:end}.corridor__door{position:absolute;top:0;right:0;bottom:0;left:0;display:block;color:var(--cw-ink)}.corridor__door-light{position:absolute;bottom:0;inset-inline-start:0;width:calc(var(--u) * 120);height:calc(var(--u) * 225);background:linear-gradient(to bottom,var(--cw-room),#f1ebe0 72%,#e3dbcd);box-shadow:inset 0 0 0 calc(var(--u) * 5) var(--cw-ceiling),inset calc(var(--u) * 16) 0 calc(var(--u) * 22) calc(var(--u) * -10) #0000002e;transition:filter var(--dur-3) var(--ease-out)}.corridor__door-light:after{content:"";position:absolute;top:100%;left:0;width:100%;height:calc(var(--floor-h) * .9);background:linear-gradient(to bottom,#fffaf08c,#fffaf000);clip-path:polygon(0 0,100% 0,135% 100%,-35% 100%)}.corridor__door-label{position:absolute;inset-inline-start:calc(var(--u) * 120 + 1.5rem);bottom:calc(var(--u) * 100);display:inline-flex;align-items:center;gap:var(--s-3);padding-bottom:.35rem;border-bottom:1px solid currentColor;font-size:var(--t-ui);font-weight:500;letter-spacing:var(--tracking-meta);text-transform:uppercase;white-space:nowrap}[dir=rtl] .corridor__door-label{letter-spacing:0;font-size:.9rem}.corridor__door-label .icon{width:1rem;transition:translate var(--dur-2) var(--ease-out)}@media(hover:hover){.corridor__door:hover .corridor__door-light{filter:brightness(1.04)}.corridor__door:hover .corridor__door-label .icon{translate:.3rem 0}[dir=rtl] .corridor__door:hover .corridor__door-label .icon{translate:-.3rem 0}}.corridor__door:focus-visible{outline:none}.corridor__door:focus-visible .corridor__door-light{outline:2px solid var(--cw-ink);outline-offset:4px}.corridor__meter{position:absolute;inset-inline:var(--bleed);bottom:calc(var(--floor-h) * .42);height:1px;background:color-mix(in srgb,var(--cw-ink) 16%,transparent);pointer-events:none}.corridor__meter span{display:block;height:100%;background:var(--cw-ink);transform:scaleX(var(--p, 0));transform-origin:left center}[dir=rtl] .corridor__meter span{transform-origin:right center}@media(prefers-reduced-motion:reduce){.corridor__hint svg{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/section-corridor.css.map */