/* 写真のキャプションとペイントを別の領域に置く。 */
.scene-band { padding-bottom:112px; }
.scene-band>figure { display:flex; flex-direction:column; align-items:flex-start; }
.scene-band figcaption { position:relative; inset:auto; margin:14px 0 0 28px; z-index:1; }
.scene-paint { bottom:0; height:72px; }

.sample-toolbar { display:flex; justify-content:space-between; align-items:center; gap:24px; border-block:1px solid var(--line); padding:17px 0; margin-bottom:30px; }
.sample-total { font-size:12px; display:flex; align-items:center; gap:16px; white-space:nowrap; }
.sample-total strong { font-size:18px; font-weight:500; }
.sample-filters { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.sample-filter { border:1px solid var(--line); padding:7px 13px; color:white; background:transparent; font-size:12px; }
.sample-filter[aria-pressed=true] { background:white; color:var(--orange-deep); }
.sample-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px 30px; }
.sample-card { min-width:0; border-bottom:1px solid var(--line); }
.sample-card-link { display:block; }
.sample-preview { overflow:hidden; background:white; }
.sample-preview .browser-image { aspect-ratio:1.47; }
.sample-preview img { transition:transform .6s var(--ease); }
.sample-card-link:hover .sample-preview img { transform:scale(1.025); }
.sample-card-body { padding:22px 0 26px; }
.sample-card-meta { display:flex; align-items:center; gap:15px; font-size:11px; margin-bottom:13px; }
.sample-card-number { font-family:Arial,sans-serif; font-size:12px; color:#ffe0ca; }
.sample-card-name { display:flex; align-items:center; justify-content:space-between; gap:20px; font-family:Arial,sans-serif; font-size:28px; line-height:1.4; letter-spacing:.015em; margin-bottom:15px; }
.sample-card-arrow { width:42px; height:42px; border:1px solid var(--line); display:grid; place-items:center; font-size:25px; font-weight:400; transition:background .2s,color .2s; }
.sample-card-link:hover .sample-card-arrow { background:white; color:var(--orange-deep); }
.sample-card-title { font-size:18px; font-weight:700; line-height:1.8; margin-bottom:12px; text-wrap:balance; }
.sample-card-description { font-size:13px; line-height:2; }
.sample-tags { display:flex; gap:8px; flex-wrap:wrap; list-style:none; padding:0; margin:20px 0; }
.sample-tags li { border:1px solid var(--line); padding:3px 9px; font-size:10px; }
.sample-card-visit { display:inline-block; font-size:12px; border-bottom:1px solid var(--line); padding-bottom:7px; }
.sample-gallery[data-layout=single] { grid-template-columns:1fr; }
.sample-gallery[data-layout=single] .sample-card-link { display:grid; grid-template-columns:1.5fr 1fr; gap:52px; align-items:center; padding-bottom:28px; }
.sample-gallery[data-layout=single] .sample-card-body { padding:0; }
.sample-gallery[data-layout=single] .sample-card-name { font-size:34px; }
.sample-gallery[data-layout=single] .sample-card-title { font-size:23px; }
.sample-gallery-footer { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-top:26px; }
.sample-gallery-note { font-size:11px; line-height:1.9; color:#ffe3d2; }
.sample-more { flex-shrink:0; color:white; background:transparent; border:1px solid var(--line); padding:12px 24px; font-size:13px; }
.sample-more:hover { background:white; color:var(--orange-deep); }
@media(max-width:980px) {
  .scene-band figcaption { margin-left:17px; }
  .sample-gallery { gap:30px 22px; }
  .sample-gallery[data-layout=single] .sample-card-link { grid-template-columns:1.2fr 1fr; gap:28px; }
  .sample-gallery[data-layout=single] .sample-card-name { font-size:27px; }
  .sample-gallery[data-layout=single] .sample-card-title { font-size:18px; }
  .sample-card-description { font-size:12px; }
  .sample-card-name { font-size:25px; }
}
@media(max-width:600px) {
  .scene-band { padding-bottom:77px; }
  .scene-band figcaption { margin:12px 0 0 12px; font-size:17px; }
  .scene-paint { height:48px; bottom:0; }
  .sample-toolbar { flex-wrap:wrap; gap:15px; padding:14px 0; margin-bottom:23px; }
  .sample-total { font-size:11px; }
  .sample-total strong { font-size:16px; }
  .sample-filters { justify-content:flex-start; gap:7px; }
  .sample-filter { padding:6px 10px; font-size:11px; }
  .sample-gallery { grid-template-columns:1fr; gap:30px; }
  .sample-gallery[data-layout=single] .sample-card-link { display:block; padding-bottom:0; }
  .sample-card-body,.sample-gallery[data-layout=single] .sample-card-body { padding:21px 0 25px; }
  .sample-gallery[data-layout=single] .sample-card-name { font-size:28px; }
  .sample-card-title,.sample-gallery[data-layout=single] .sample-card-title { font-size:19px; }
  .sample-card-description { font-size:13px; }
  .sample-card-arrow { width:38px; height:38px; font-size:23px; }
  .sample-tags { gap:6px; margin-block:18px; }
  .sample-tags li { font-size:10px; }
  .sample-gallery-footer { flex-direction:column; align-items:flex-start; gap:20px; margin-top:23px; }
  .sample-gallery-note { font-size:10px; }
  .sample-more { width:100%; }
}