/* TYSHJ aesthetic R2 — visual polish shared by the current review templates.
   Keeps the copper craft editorial language while improving hierarchy, contact visibility and image framing. */
:root{
  --tyshj-copper-line:#b89262;
  --tyshj-warm-line:#d8cdbd;
  --tyshj-warm-surface:#f4f0e8;
  --tyshj-ink-soft:#5f5a51;
}

.review-strip{border-bottom:1px solid var(--tyshj-warm-line);letter-spacing:.02em}
.site-header{box-shadow:0 8px 22px rgba(7,23,51,.10)}
.header-contact{display:flex;align-items:center;gap:14px;margin-left:auto;min-width:0}
.header-contact .header-cta{margin-left:0}
.header-phone{display:inline-flex;align-items:center;min-height:36px;padding-left:14px;border-left:1px solid #526594;color:var(--paper,#f8f6f1);font-size:12px;letter-spacing:.055em;white-space:nowrap;opacity:.9}
.header-phone:hover{color:#fff;opacity:1}
.header-phone-mobile{display:none}

/* Product direction cards read as a curated collection instead of a flat list. */
.series-card{position:relative;padding:26px 24px 24px;background:linear-gradient(135deg,rgba(244,240,232,.88),rgba(255,253,250,.62));border:1px solid transparent;border-top-color:var(--line);transition:background .18s ease,border-color .18s ease,transform .18s ease}
.series-card::before{content:attr(data-entity-candidate);position:absolute;top:18px;right:20px;color:var(--tyshj-copper-line);font:12px/1 var(--font-family-numeral,serif);letter-spacing:.08em}
.series-card:hover{background:var(--tyshj-warm-surface);border-color:var(--tyshj-copper-line);transform:translateY(-2px)}
.series-card .classification-note{display:inline-flex;align-items:center;gap:7px;padding-top:12px;border-top:1px solid var(--tyshj-warm-line);width:100%;color:var(--tyshj-ink-soft)}
.catalog-filter button{transition:background .18s ease,color .18s ease,border-color .18s ease}
.catalog-filter button:focus-visible,.series-card a:focus-visible{outline-color:var(--tyshj-copper-line)}
.catalog-feature{background:var(--tyshj-warm-surface);border:1px solid var(--tyshj-warm-line);box-shadow:0 14px 38px rgba(36,44,38,.08)}
.catalog-feature figcaption{letter-spacing:.025em}
.page-picture,.hero-art>img,.product-photo,.preview-thumb{background:var(--tyshj-warm-surface)}

/* Keep the homepage product row aligned while preserving portrait source images. */
.product-grid>*>*{min-width:0}
.product-grid .gift-visual,.product-grid .mutong-photo,.product-grid .mural-visual{height:auto;aspect-ratio:var(--tyshj-ratio-square,1/1)}
.product-grid .mutong-photo{display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff}
.product-grid .mutong-photo img{width:100%;height:100%;object-fit:contain;object-position:center}
.product-grid .mural-visual{overflow:hidden}

/* The three craft cards share one 4:3 window; portrait references stay
   contained so their captions and links remain on one baseline. */
.craft-image.tray-reference{aspect-ratio:var(--tyshj-ratio-landscape,4/3);height:auto}
.craft-image.tray-reference img{width:100%;height:100%;object-fit:contain}

/* Direct phone contact is visible without competing with the primary CTA. */
.contact-phone-list{display:grid;gap:10px;margin:22px 0 4px;padding-top:18px;border-top:1px solid var(--line)}
.contact-phone-list a{display:flex;align-items:baseline;justify-content:space-between;gap:18px;min-height:40px;color:var(--blue);font-size:18px;letter-spacing:.045em}
.contact-phone-list a:hover{text-decoration:underline;text-underline-offset:5px}
.contact-phone-list .phone-label{font-size:12px;letter-spacing:.12em;color:var(--muted)}
.contact-inline-phone{color:inherit;text-decoration:underline;text-underline-offset:4px}
.contact-inline-phone:hover{color:#fff}
.footer-phone-links{display:grid;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid #354a78}
.footer-phone-links a{font-size:12px;letter-spacing:.035em;min-height:26px}
.footer-phone-links a:hover{text-decoration:underline;text-underline-offset:4px}

@media(max-width:1279px){.header-phone{display:none}}
@media(max-width:767px){
  .header-phone-mobile{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 10px;border:1px solid #6b7ba2;color:var(--paper,#f8f6f1);font-size:12px;white-space:nowrap}
  .header-phone-mobile:hover{border-color:#9bafd8;color:#fff}
  .series-card{padding:23px 18px 21px}
  .series-card::before{top:16px;right:18px}
  .contact-phone-list a{font-size:17px}
  .footer-phone-links{margin-top:5px}
}
@media(max-width:340px){
  .header-phone-mobile{width:44px;padding-inline:6px;gap:0}
  .header-phone-mobile span:last-child{display:none}
}
@media(min-width:1100px){
  /* The left card is narrower than the two right cards; compensate so all
     three visual panels end on the same baseline. */
  .product-grid .gift-visual{aspect-ratio:.866/1}
}

/* Case feature: keep the sculpture reference in its square 1:1 rhythm
   while limiting its desktop width so the adjacent copy remains balanced. */
@media(min-width:768px){
  .case-layout{grid-template-columns:minmax(0,1fr) minmax(0,.94fr);gap:56px;align-items:center}
  .case-reference{width:100%;max-width:480px}
  .case-reference-image{height:auto;aspect-ratio:var(--tyshj-ratio-square,1/1);overflow:hidden}
  .case-reference-image img{width:100%;height:100%;object-fit:contain;object-position:center}
  .case-copy{max-width:560px}
  .case-copy h3{font-size:clamp(30px,2.2vw,36px);line-height:1.4}
  .case-copy>p:not(.category):not(.fine-print){font-size:15px;line-height:1.9}
}
@media(min-width:1100px){
  .case-layout{gap:64px}
}
@media(max-width:767px){
  .case-reference-image{height:auto;aspect-ratio:var(--tyshj-ratio-square,1/1);overflow:hidden}
  .case-reference-image img{width:100%;height:100%;object-fit:contain;object-position:center}
  .case-copy h3{font-size:clamp(27px,7vw,31px)}
}

/* Editorial knowledge previews use a stable 4:3 frame; source assets remain replaceable. */
.knowledge-grid .preview-thumb img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}

/* Inner page image windows preserve their registered design-slot ratios at every breakpoint. */
body[data-page-id="mutong"] .page-hero.with-visual .page-picture img{height:auto;aspect-ratio:616.42/410;object-fit:contain}
body[data-page-id="custom"] .page-hero.with-visual .page-picture img,
body[data-page-id="craft"] .page-hero.with-visual .page-picture img,
body[data-page-id="work-blue"] .page-hero.with-visual .page-picture img{height:auto;aspect-ratio:616.42/340;object-fit:contain}
.work-pair .page-picture img{height:auto;aspect-ratio:645/320;object-fit:contain}
.landscape-reference img{height:auto;aspect-ratio:557.03/380;object-fit:contain}
body[data-page-id="knowledge"] .editorial-cards .preview-thumb img,
body[data-page-id="scenes"] .editorial-cards .preview-thumb img{height:auto;aspect-ratio:4/3;object-fit:contain}

/* Image-slot policy batch: product-line hero follows the owner 3:4 source family. */
body[data-page-id="mutong"] .page-hero .mutong-frame{height:auto;aspect-ratio:3/4;overflow:hidden}
body[data-page-id="mutong"] .page-hero .mutong-frame img{width:100%;height:auto!important;aspect-ratio:3/4!important;object-fit:contain}