/* Scoped to Baohe. Product artwork stays visible during pointer and keyboard browsing. */
.orbit-card[href="#project/baohe"] .card-peek { display:none; }
.orbit-card[href="#project/baohe"] .card-caption .current-label { display:none; }
.orbit-card[href="#project/baohe"] .cover-art { background:#d9dfd8; }
.orbit-card[href="#project/baohe"] .cover-custom > img { object-fit:cover; }
.orbit-card[href="#project/baohe"] .card-design { color:#647166; }
.orbit-card[href="#project/baohe"] .card-curation { margin-right:0; }
.orbit-card[href="#project/baohe"] .card-enter { display:inline-flex;align-items:center;gap:10px;margin-top:13px;color:var(--accent);font-size:13px;font-weight:600; }
.orbit-card[href="#project/baohe"] .card-enter span { transition:transform .2s; }
.orbit-card[href="#project/baohe"]:hover .card-enter span { transform:translateX(4px); }
.catalog-card[href="#project/baohe"] .cover-custom > img { object-fit:cover; }

[data-project-id=baohe] .artwork-opening { gap:16px!important; }
[data-project-id=baohe] .project-heading h1 { font-size:clamp(36px,4.2vw,56px); }
[data-project-id=baohe] .project-heading .project-intro { max-width:700px; }
[data-project-id=baohe] .project-lead { min-width:0; }
.product-showcase { min-width:0; }
.product-showcase-tabs { display:flex;gap:28px;margin-bottom:16px;border-bottom:1px solid var(--line); }
.product-showcase-tabs button { position:relative;border:0;background:transparent;color:#677268;padding:10px 0 14px;min-height:44px;font:inherit;font-size:15px;font-weight:600;white-space:nowrap;cursor:pointer; }
.product-showcase-tabs button[aria-selected=true] { color:var(--ink); }
.product-showcase-tabs button[aria-selected=true]::after { content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent); }
.product-showcase-tabs button:hover { color:var(--accent); }
.product-showcase-tabs button:focus-visible,.product-showcase [role=tabpanel]:focus-visible { outline:2px solid var(--accent);outline-offset:5px; }
.product-showcase [role=tabpanel][hidden] { display:none; }
.product-showcase-figure { margin:0; }
[data-project-id=baohe] .artwork-opening .product-showcase-image { display:block;width:100%;height:auto;aspect-ratio:16/9;max-height:none;border:0;border-radius:4px;overflow:hidden;background:#d9dfd8; }
.product-showcase-image > img { display:block;width:100%;height:100%;object-fit:contain; }
.showcase-components .product-showcase-image { background:#fff; }
.showcase-components .product-showcase-image > img { padding:16px; }
.product-showcase-components { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));aspect-ratio:16/9;gap:14px 24px;padding:18px 24px;background:#fff;border-radius:4px; }
.product-showcase-components > figure { display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;margin:0; }
.product-showcase-components .reading-image-button { display:block;min-width:0;min-height:0;width:100%;height:100%;border:0;padding:0;background:transparent; }
.product-showcase-components img { display:block;width:100%;height:100%;object-fit:contain; }
.product-showcase-components > figure > figcaption { justify-content:center;margin-top:5px;font-size:14px;line-height:1.5;font-weight:600;color:var(--ink); }
.showcase-web .product-showcase-image { background:#e5e7e1; }
.showcase-web .product-showcase-image > img { object-fit:contain; }
.product-showcase-figure figcaption { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;color:#647166;font-size:12px;line-height:1.6; }
.product-showcase-copy { display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:7px;min-height:40px; }
.product-showcase-copy p { max-width:720px;font-size:14px;line-height:1.8;color:#536357;margin:0; }
.product-showcase-copy .text-action { flex-shrink:0;font-size:14px;white-space:nowrap; }
.product-showcase-original { margin-top:10px; }
.product-showcase-original summary { color:#647166;font-size:12px;min-height:32px; }
[data-project-id=baohe] .opening-copy { padding-top:2px; }
[data-project-id=baohe] .opening-copy .project-heading-actions { margin-top:12px; }
[data-project-id=baohe] .opening-copy .primary-action { background:transparent;color:var(--accent);padding:0;border-radius:0;min-height:40px;gap:12px; }
[data-project-id=baohe] .opening-copy .primary-action:hover { color:var(--ink); }
[data-project-id=baohe] .chapter-nav { margin-bottom:30px;gap:10px; }
[data-project-id=baohe] .case-section { margin-top:48px;scroll-margin-top:24px; }
[data-project-id=baohe] .section-heading .chapter-index { display:none; }
[data-project-id=baohe] .section-heading h2 { font-size:clamp(25px,2.8vw,34px); }
[data-project-id=baohe] .curation-proof { grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:36px; }
[data-project-id=baohe] .curation-proof .curation-kicker { display:none; }
[data-project-id=baohe] .curation-proof .curation-items .media-frame { height:360px;aspect-ratio:auto; }
[data-project-id=baohe] .curation-proof .curation-observation { font-size:14px;line-height:1.85; }
[data-project-id=baohe] .curation-families .curation-block { grid-template-columns:150px minmax(0,1fr);gap:14px 30px; }
[data-project-id=baohe] .curation-families .curation-items { background:#fff;border-radius:4px;padding:18px 20px 8px; }
[data-project-id=baohe] .curation-families .curation-item .media-frame { height:215px;aspect-ratio:auto; }
[data-project-id=baohe] .curation-web .curation-items { padding:12px;background:#e5e7e1;border-radius:4px; }
[data-project-id=baohe] .curation-web .curation-kicker { display:none; }
[data-project-id=baohe] .curation-web .curation-block { grid-template-columns:200px minmax(0,1fr);gap:16px 30px; }

@media(min-width:1200px) {
  [data-project-id=baohe] .artwork-opening { grid-template-columns:minmax(230px,.42fr) minmax(0,1fr);grid-template-rows:auto 1fr;gap:24px 36px!important;align-items:start; }
  [data-project-id=baohe] .artwork-opening .project-heading { grid-column:1;grid-row:1;padding-top:6px; }
  [data-project-id=baohe] .artwork-opening .project-lead { grid-column:2;grid-row:1 / span 2; }
  [data-project-id=baohe] .artwork-opening .opening-copy { grid-column:1;grid-row:2;padding-top:0; }
  [data-project-id=baohe] .artwork-opening .project-heading h1 { font-size:clamp(38px,3.5vw,52px);white-space:nowrap; }
  [data-project-id=baohe] .artwork-opening .project-type { font-size:12px;line-height:1.9; }
  [data-project-id=baohe] .artwork-opening .project-intro { font-size:16px;line-height:1.9; }
  [data-project-id=baohe] .artwork-opening .project-responsibility { font-size:13px;line-height:1.85; }
  .product-showcase-copy { display:block; }
  .product-showcase-copy .text-action { margin-top:8px;min-height:36px; }
}
@media(min-width:961px) {
  .welcome-page .orbit-card[href="#project/baohe"] .cover-art { aspect-ratio:16/9;height:var(--home-art-height); }
  .welcome-page .orbit-card[href="#project/baohe"] .cover-custom > img { object-fit:cover; }
  .welcome-page .orbit-card[href="#project/baohe"] .card-caption { padding-bottom:18px; }
  .welcome-page .orbit-card[href="#project/baohe"] .card-curation { margin-top:8px; }
  .welcome-page .orbit-card[href="#project/baohe"] .card-enter { margin-top:12px; }
}
@media(max-width:960px) {
  [data-project-id=baohe] .curation-proof .curation-items .media-frame { height:280px; }
  [data-project-id=baohe] .curation-families .curation-block { grid-template-columns:120px minmax(0,1fr);gap:12px 20px; }
  [data-project-id=baohe] .curation-families .curation-item .media-frame { height:165px; }
}
@media(min-width:961px) and (max-height:850px) {
  .welcome-page .orbit-card[href="#project/baohe"] .cover-custom > img { object-fit:contain; }
}
@media(max-width:760px) {
  [data-project-id=baohe] .project-heading h1 { font-size:36px; }
  .product-showcase-tabs { gap:24px;margin-bottom:12px; }
  .product-showcase-tabs button { font-size:14px;padding-bottom:11px; }
  .product-showcase-figure figcaption { font-size:11px;gap:8px; }
  .product-showcase-figure .zoom-action { font-size:12px;padding-inline:0; }
  .product-showcase-copy { display:block;margin-top:8px; }
  .product-showcase-copy p { font-size:14px;line-height:1.8; }
  .product-showcase-copy .text-action { margin-top:8px;min-height:38px; }
  .showcase-components .product-showcase-image > img { padding:5px; }
  .product-showcase-components { aspect-ratio:4/3;gap:12px 9px;padding:12px 10px; }
  .product-showcase-components > figure > figcaption { font-size:12px;line-height:1.5; }
  [data-project-id=baohe] .case-section { margin-top:36px; }
  [data-project-id=baohe] .chapter-nav { gap:4px;margin-bottom:22px; }
  [data-project-id=baohe] .curation-proof { grid-template-columns:1fr;gap:28px; }
  [data-project-id=baohe] .curation-proof .curation-items .media-frame { height:auto;aspect-ratio:var(--media-ratio); }
  [data-project-id=baohe] .curation-families .curation-block { grid-template-columns:1fr;gap:13px; }
  [data-project-id=baohe] .curation-families .curation-items { padding:12px 10px 4px; }
  [data-project-id=baohe] .curation-families .curation-item .media-frame { height:145px; }
  [data-project-id=baohe] .curation-families .curation-items-1 .media-frame { height:230px; }
  [data-project-id=baohe] .curation-web .curation-block { grid-template-columns:1fr;gap:12px; }
  [data-project-id=baohe] .curation-web .curation-items { padding:7px; }
  .orbit-card[href="#project/baohe"] .card-enter { margin-top:9px;font-size:12px; }
}
@media(prefers-reduced-motion:reduce) {
  .orbit-card[href="#project/baohe"] .card-enter span { transition:none; }
}
body[data-reduce-motion=true] .orbit-card[href="#project/baohe"] .card-enter span { transition:none; }
