/* Four connected scenes; static layouts remain the default. */
.page-motion-on .car-bridge{background:var(--ink)}
.page-motion-on .car-bridge::before{content:'';position:absolute;inset:0;background:var(--paper);transform:scaleY(var(--bridge-paper,.7));transform-origin:top}
.page-motion-on .car-cutout{transform:translate(var(--cutout-x,0px),calc(-50% + var(--cutout-y,0px))) scale(var(--cutout-scale,.94));transform-origin:center}

.buy-scroll{margin:0 calc(-1 * var(--gutter))}
.buy-stage{position:relative;height:clamp(480px,65vw,860px);isolation:isolate;overflow:hidden}
.buy-stage .buy-photo{position:absolute;inset:0;height:100%;max-height:none;margin:0;clip-path:none}
.buy-stage .buy-photo::after{background:linear-gradient(90deg,#10120fcc,transparent 85%),linear-gradient(0deg,#151513b8,transparent 70%)}
.buy-stage .buy-photo img{object-position:58% 53%;transform:scale(1.06)}
.buy-title-block{position:absolute;z-index:1;left:var(--gutter);right:var(--gutter);bottom:12%;pointer-events:none}
.buy-section .buy-title-block h2{font-size:clamp(84px,12vw,210px);line-height:.88;letter-spacing:-.055em;transform:translateY(var(--buy-title-y,0px))}
.buy-title-block .buy-jp{font-size:clamp(16px,1.6vw,26px);margin-top:32px;transform:translateY(var(--buy-jp-y,0px))}
.buy-content{display:block;margin-top:65px}
.buy-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:8vw;margin:0}
.buy-copy h3{grid-column:1;grid-row:1/3;font-size:clamp(22px,2.3vw,36px)}
.buy-copy>p,.buy-copy>.button{grid-column:2}
.buy-copy>.button{justify-self:start}
.buy-passage-on .buy-scroll{height:165svh}
.buy-passage-on .buy-stage{position:sticky;top:0;height:100svh}
.buy-passage-on .buy-stage .buy-photo img{transform:scale(var(--buy-passage-scale,1.12))}

.work-preview{display:none}
.work-motion-on .work-showcase{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:7vw;align-items:stretch}
.work-motion-on .work-list{grid-template-columns:1fr;gap:0}
.work-motion-on .work-row{grid-template-columns:1fr 24px;gap:25px;padding:44px 0;min-height:200px;border-bottom:0}
.work-motion-on .work-row:last-child{border-bottom:1px solid var(--line)}
.work-motion-on .work-row .work-thumb{display:none}
.work-motion-on .work-row h3{font-size:clamp(20px,2vw,31px);line-height:1.8;max-width:20em}
.work-motion-on .work-row p{font-size:12px;margin-bottom:20px}
.work-motion-on .work-row.is-selected p{color:var(--paper)}
.work-motion-on .work-preview{display:block;position:relative;overflow:hidden;min-height:440px;background:#252620;clip-path:inset(0 0 0 var(--work-cover,100%))}
.work-preview-image{position:absolute;inset:0;margin:0;visibility:hidden;overflow:hidden}
.work-preview-image.is-current{visibility:visible;z-index:2}
.work-preview-image.is-outgoing{visibility:visible;z-index:1}
.work-preview-image img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;transform:scale(1.04)}

.closing-scene{position:relative;isolation:isolate}
.closing-scene .contact-section{z-index:2}
.closing-scene .site-footer{position:relative;background:var(--ink);z-index:1;overflow:clip}
.footer-curtain-on .site-footer{position:sticky;bottom:0}
.footer-curtain-on .footer-wordmark{transform:translateY(var(--footer-logo-y,60px))}
.footer-curtain-on .site-footer:has(:focus-visible){position:relative}
.footer-curtain-on .site-footer:has(:focus-visible) .footer-wordmark{transform:none}

@media(max-width:1023px),(hover:none),(pointer:coarse){
  .work-list{gap:32px}
  .work-row{grid-template-columns:minmax(0,1fr) 24px;gap:24px;padding:24px 0 30px}
  .work-row .work-thumb{grid-column:1/-1;justify-self:stretch;width:100%;height:auto;aspect-ratio:1.5}
  .work-row .work-thumb img{width:100%;height:100%;object-fit:cover}
  .work-row h3{font-size:17px}
  .page-motion-on .work-row.is-waiting .work-thumb{clip-path:inset(0 100% 0 0)}
  .page-motion-on .work-row.is-visible .work-thumb{clip-path:inset(0);transition:clip-path .9s var(--ease)}
  .page-motion-on .work-row.is-waiting>div{opacity:0;transform:translateY(20px)}
  .page-motion-on .work-row.is-visible>div{opacity:1;transform:none;transition:opacity .6s .2s,transform .7s .2s var(--ease)}
}
@media(max-width:767px){
  .buy-stage{height:135vw;min-height:460px;max-height:640px}
  .buy-stage .buy-photo img{object-position:62% 50%}
  .buy-title-block{bottom:10%}
  .buy-section .buy-title-block h2{font-size:15.5vw;line-height:.92}
  .buy-title-block .buy-jp{font-size:15px;max-width:18em;margin-top:25px;line-height:1.9}
  .buy-content{margin-top:35px}
  .buy-copy{display:block}
  .buy-copy h3{font-size:20px;margin-bottom:20px}
  .work-list{gap:18px}
}
.motion-paused .buy-title-block h2,.motion-paused .buy-title-block .buy-jp,.motion-paused .footer-wordmark{transform:none}
@media(prefers-reduced-motion:reduce){.buy-title-block h2,.buy-title-block .buy-jp,.footer-wordmark{transform:none!important}.work-row .work-thumb,.work-row>div{transition:none!important;clip-path:none!important;transform:none!important;opacity:1!important}}