/* Calm browsing sizes; the original painting and frame always scale together. */
.art-media{width:min(100%,calc(var(--art-height,380px) * var(--art-ratio,1)));margin-inline:auto}
.art-link{display:block;cursor:pointer;color:inherit;max-width:100%}
.art-link:hover{text-decoration:none}
.art-link:focus-visible{outline:2px solid var(--gold);outline-offset:7px}
.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 44px}
.work-grid--two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}
.work-card{--art-height:285px}
.work-card .art-link{height:300px;display:flex;align-items:center;justify-content:center}
.work-card .art-figure{max-width:330px;margin-inline:auto}
.work-card .art-figure figcaption{font-size:.875rem}
.work-card .art-figure figcaption>span:last-child{display:none}
.work-card__info{padding-top:16px}
.work-grid--selected .work-card:nth-child(n){margin-top:0}
.theme-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 44px}
.theme-link{display:block;padding:25px 0;border-top:1px solid var(--line)}
.theme-link strong{font:1.35rem/1.7 var(--serif)}
.theme-link p{font-size:1rem;line-height:1.9;color:var(--muted);margin-top:10px}
.theme-link:hover{text-decoration:none}
.theme-link:hover strong{color:var(--gold)}
.collection-hero--text,.category-hero--text{display:block;padding-block:38px 48px}
.collection-hero--text h1{font-size:clamp(2rem,3.4vw,3.3rem);line-height:1.55}
.collection-hero--text>div,.category-hero--text>div{max-width:760px}
.category-hero--text h1{font-size:clamp(2rem,3.3vw,3rem);margin-block:16px}
.related-work-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.related-work-links a{display:block;padding-top:22px;border-top:1px solid var(--line)}
.related-work-links strong{display:block;font:1.2rem/1.7 var(--serif);margin-bottom:10px}
.related-work-links span{font-size:1rem;line-height:1.9;color:var(--muted)}
.related-work-links a:hover{text-decoration:none}
.related-work-links a:hover strong{color:var(--gold)}
.category-hero__visual,.collection-hero__visual{width:100%;max-width:440px;justify-self:center;--art-height:390px}
.category-hero__visual .art-figure,.collection-hero__visual .art-figure{max-width:400px;margin-inline:auto}
.work-detail__art{max-width:480px;width:100%;margin-inline:auto;--art-height:460px}
.work-detail__art .art-figure{max-width:460px;margin-inline:auto}
.work-detail .image-original{font-size:.875rem}
.scene-reference{padding-block:25px 35px;border-top:1px solid var(--line);max-width:740px}
.scene-reference p{color:var(--muted);font-size:1rem;line-height:1.9;margin-bottom:10px}
.scene-stories .scene-story,.scene-stories .scene-story:nth-of-type(even){grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:72px;max-width:1060px;margin-inline:auto}
.scene-story__visual{max-width:520px;justify-self:center;width:100%}
.delivery-story__visual .art-figure{--art-height:380px;max-width:460px;margin-inline:auto}

/* Homepage: keep the six-part narrative, with smaller objects and shorter gaps. */
.atelier-section{padding-block:88px}
.atelier-hero{min-height:540px;padding-block:45px 65px}
.atelier-hero-image{max-width:310px;--art-height:380px}
.atelier-art{width:min(100%,calc(var(--art-height,330px) * var(--art-ratio,1)));margin-inline:auto}
.atelier-comparison{max-width:780px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:70px;margin-top:44px}
.atelier-original{max-width:225px}
.atelier-translated{--art-height:310px}
.atelier-work-grid{max-width:820px;column-gap:110px;margin-top:42px}
.atelier-work{--art-height:290px}
.atelier-work figure>.art-link{height:300px;display:flex;align-items:center}
.atelier-work h3{margin-top:18px}
.atelier-gift-image{max-width:370px;--art-height:300px}
.atelier-delivery-image{max-width:400px;justify-self:center}
.atelier-split{max-width:1050px;gap:90px}

@media(max-width:1000px){
  .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 36px}
  .theme-links{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
  .scene-stories .scene-story,.scene-stories .scene-story:nth-of-type(even){gap:40px}
  .atelier-hero{min-height:500px;gap:36px}
  .atelier-hero-image{max-width:275px}
  .atelier-split{gap:50px}
  .atelier-work-grid{column-gap:64px}
}
@media(max-width:800px){
  .work-detail__art{max-width:360px;--art-height:380px}
  .scene-stories .scene-story,.scene-stories .scene-story:nth-of-type(even){grid-template-columns:1fr;gap:24px;max-width:540px}
  .scene-story__visual{max-width:440px}
  .scene-stories .scene-story:nth-of-type(even) .scene-story__visual,.scene-stories .scene-story:nth-of-type(even) .scene-story__copy{order:initial}
}
@media(max-width:600px){
  .work-grid,.work-grid--two{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 22px}
  .work-card{--art-height:195px}
  .work-card .art-link{height:205px}
  .work-card h3{font-size:1.05rem;line-height:1.7;display:block}
  .work-card .card-arrow,.work-card .small-label>span{display:none}
  .work-card__english{font-size:.875rem;line-height:1.65}
  .work-card .small-label{font-size:.875rem}
  .work-card .art-figure figcaption{font-size:.875rem;letter-spacing:0;gap:0}
  .theme-links{grid-template-columns:1fr}
  .related-work-links{grid-template-columns:1fr;gap:24px}
  .theme-link{padding-block:22px}
  .work-detail__art{max-width:300px;--art-height:340px}
  .category-hero__visual,.collection-hero__visual{max-width:290px;--art-height:285px}
  .scene-story__visual{max-width:340px}
  .delivery-story__visual .art-figure{--art-height:290px;max-width:310px}
  .atelier-section{padding-block:60px}
  .atelier-hero{min-height:0;padding-block:30px 48px;gap:27px}
  .atelier-hero-image{max-width:230px;width:74%;--art-height:275px}
  .atelier-comparison{gap:22px;margin-top:30px;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}
  .atelier-translated{--art-height:220px}
  .atelier-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:30px;max-width:none}
  .atelier-work{--art-height:195px}
  .atelier-work figure>.art-link{height:205px}
  .atelier-home .atelier-work h3{font-size:1.1rem;line-height:1.7;margin-top:15px}
  .atelier-work p{font-size:1rem;line-height:1.85}
  .atelier-gift-image{max-width:285px;--art-height:260px}
  .atelier-delivery-image{max-width:300px}
  .atelier-split{gap:30px}
}
@media(max-width:359px){
  .work-grid,.work-grid--two,.atelier-work-grid{grid-template-columns:1fr;max-width:230px;margin-inline:auto}
  .work-card{--art-height:225px}
  .work-card .art-link{height:235px}
}

/* Detail images have their own quiet, bounded reading space. */
.work-closeups{max-width:860px;margin:0 auto;padding:64px 0 80px;border-top:1px solid var(--line)}
.work-closeups>h2{font-size:clamp(1.6rem,2.4vw,2rem);line-height:1.65;font-weight:400;margin:0 0 36px}
.work-closeups__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px}
.work-closeup{margin:0;min-width:0}
.work-closeup>img{display:block;width:auto;max-width:100%;height:340px;object-fit:contain;margin-inline:auto}
.work-closeup figcaption{display:block;margin-top:22px;text-align:left}
.work-closeup__label{font-size:.875rem;line-height:1.7;color:var(--muted)}
.work-closeup h3{font:400 1.2rem/1.7 var(--serif);margin:7px 0 8px;color:var(--ink)}
.work-closeup p{font-size:1rem;line-height:1.9;color:var(--muted);margin:0;max-width:24em}
@media(max-width:800px){.work-closeups__grid{gap:32px}.work-closeup>img{height:290px}}
@media(max-width:600px){.work-closeups{padding:40px 0 48px}.work-closeups>h2{margin-bottom:28px}.work-closeups__grid{grid-template-columns:1fr;gap:36px}.work-closeup{max-width:320px;width:100%;margin-inline:auto}.work-closeup>img{width:100%;height:310px;max-width:100%}.work-closeup figcaption{margin-top:16px}}