/* Shared presentation layout. No site-wide reset or header/footer overrides. */
@font-face{font-family:TenartShowcase;src:url('../fonts/Outfit-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
.tenart-showcase-page,.tenart-showcase-entry{width:100%;max-width:none;margin:0;padding:0}
.tenart-showcase{
  --sc-bg:#faf8f3;--sc-ink:#141414;--sc-muted:#65625c;--sc-rule:rgba(20,20,20,.15);
  --bg-dark:#0a0a0a;--bg-cream:#f4f1ea;--bg-paper:#faf8f3;--ink:#141414;--ink-mute:#6b6862;
  --paper:#f4f1ea;--accent:#b5121b;--rule-light:rgba(20,20,20,.12);--rule-dark:rgba(244,241,234,.16);
  --display-en:TenartShowcase,-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;
  --display-en-italic:var(--display-en);--display-cn:var(--display-en);--sans:var(--display-en);--sans-cn:var(--display-en);
  --max:1440px;--content:1200px;--gutter:40px;
  width:100%;max-width:none;margin:0;background:var(--sc-bg);color:var(--sc-ink);font-family:var(--sans);font-size:16px;line-height:1.65;
}
.tenart-showcase :where(*,*::before,*::after){box-sizing:border-box}
.tenart-showcase :where(h1,h2,h3,h4,h5,h6,p,figure,ul,ol){margin:0}
.tenart-showcase :where(img,svg){max-width:100%;display:block}
/* Classic themes add this legacy wrapper when rendering native Group blocks.
   Keep the authored grid/flex children intact, within showcase content only. */
.tenart-showcase .wp-block-group__inner-container{display:contents}
.tenart-showcase a{color:inherit}
.tenart-showcase :where(section,[id]){scroll-margin-top:100px}
.tenart-showcase :where(a,button,[tabindex]):focus-visible{outline:2px solid currentColor!important;outline-offset:5px}
.tenart-showcase .sc-band{padding:clamp(48px,8vw,112px) var(--gutter);margin:0}
.tenart-showcase .sc-band--intro{text-align:center;background:var(--sc-ink);color:var(--sc-bg)}
.tenart-showcase .sc-band--intro h1{font-size:clamp(34px,5vw,76px);line-height:1.15;margin:24px auto;max-width:1100px}
.tenart-showcase .sc-band--intro p{max-width:760px;margin:0 auto}
.tenart-showcase .sc-eyebrow{letter-spacing:.15em;font-size:13px}
.tenart-showcase .sc-content{max-width:1280px;margin:0 auto}
.tenart-showcase .sc-content>*+*{margin-top:24px}
.tenart-showcase .sc-content :where(h2,h3){margin-top:48px}
.tenart-showcase .sc-content h2{font-size:clamp(28px,3vw,42px);line-height:1.25}
.tenart-showcase .sc-content img{width:100%;height:auto}
body[data-scheme="dark"] .tenart-showcase{--sc-bg:#171719;--sc-ink:#f4f1ea;--sc-muted:#b0ada8;--sc-rule:rgba(244,241,234,.16)}
@media(prefers-color-scheme:dark){body[data-scheme="auto"] .tenart-showcase{--sc-bg:#171719;--sc-ink:#f4f1ea;--sc-muted:#b0ada8;--sc-rule:rgba(244,241,234,.16)}}
@media(max-width:768px){.tenart-showcase{--gutter:20px}}
/* Gallery is created at body level so it can escape section clipping. */
.sc-gallery-dialog{position:fixed;inset:0;margin:auto;padding:44px 16px 16px;border:0;border-radius:8px;width:min(1200px,96vw);height:min(900px,94dvh);max-height:94dvh;background:#111;color:#fff;overflow:auto}
.sc-gallery-dialog::backdrop{background:rgba(0,0,0,.88)}
.sc-gallery-dialog figure{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;gap:12px}
.sc-gallery-dialog img{display:block;max-width:100%;max-height:calc(94dvh - 130px);object-fit:contain}
.sc-gallery-dialog figcaption{font-size:14px;text-align:center}
.sc-gallery-dialog .sc-gallery-close{position:absolute;right:12px;top:8px;padding:4px 10px;font-size:24px;background:#222;color:#fff;border:1px solid #777;border-radius:4px;cursor:pointer}
.sc-gallery-dialog :focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.tenart-showcase,.tenart-showcase *, .tenart-showcase::before,.tenart-showcase::after,.tenart-showcase *::before,.tenart-showcase *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
