/* Luxury editorial treatment, confined to the website concept showcase. */
.showcase-stage { padding-top:var(--space-5); }
.showcase-heading { align-items:end; padding-bottom:var(--space-5); }
.showcase-eyebrow { font-size:var(--type-label); color:var(--color-muted); margin-bottom:var(--space-3); }
.showcase-heading h2 { font-size:var(--showcase-heading); font-weight:var(--font-weight-regular); }
.showcase .prototype-window { border-radius:var(--radius-none); border:0; }
.showcase .browser-bar { background:var(--color-canvas); padding:var(--space-3) 0; border-top:var(--border-hairline) solid var(--color-line); border-bottom:0; min-height:var(--layout-touch); }
.showcase-edition { text-transform:uppercase; letter-spacing:var(--showcase-tracking); font-size:var(--type-label); }
.showcase .mock-nav { padding-inline:var(--prototype-gutter); }
.showcase .mock-wordmark { font-weight:var(--font-weight-regular); }
.showcase .mock-category { font-size:var(--prototype-label); letter-spacing:var(--showcase-tracking); max-width:32ch; }
.showcase .product-hero { grid-template-columns:0.85fr 1.15fr; min-height:var(--showcase-hero-height); }
.showcase .product-copy { padding-block:var(--space-7); position:relative; z-index:var(--layer-content); }
.showcase .product-copy h3,.showcase .cafe-copy h3 { font-size:var(--showcase-display); font-weight:var(--showcase-weight); }
.showcase .product-copy p { margin-top:var(--space-6); max-width:27ch; }
.showcase .mock-button { background:transparent; color:inherit; border-radius:var(--radius-none); padding:var(--space-3) 0; border-bottom:var(--border-hairline) solid currentColor; margin-top:var(--space-6); justify-content:space-between; gap:var(--space-7); }
.showcase .product-photo img { object-position:61% center; }
.showcase .product-statement { padding-block:var(--space-7); }
.showcase .product-statement p { font-weight:var(--showcase-weight); }
.showcase .product-editorial { grid-template-columns:1.15fr 0.85fr; padding-block:var(--space-8); }
.showcase .product-editorial>div { padding-inline:var(--space-5); }
.showcase .product-editorial img { height:var(--showcase-hero-height); }
.showcase .cafe-scene { background:var(--color-paper-soft); }
.showcase .cafe-hero { grid-template-columns:1.1fr 0.9fr; min-height:var(--showcase-hero-height); }
.showcase .cafe-copy { grid-column:2; grid-row:1; }
.showcase .cafe-photo { grid-column:1; grid-row:1; }
.showcase .cafe-photo>span { background:var(--color-paper); padding:var(--space-3) var(--space-5); }
.showcase .cafe-menu { padding-block:var(--space-8); }
.showcase .cafe-banner { font-weight:var(--showcase-weight); }
.showcase .studio-hero { padding-block:var(--space-7); }
.showcase .studio-hero h3 { font-weight:var(--showcase-weight); }
.showcase .studio-work { grid-template-columns:0.8fr 1.2fr; gap:var(--space-6); }
.showcase .type-poster { background:var(--color-paper-soft); }
.showcase .studio-photo { min-height:var(--showcase-hero-height); overflow:hidden; }
.showcase .showcase-controls { align-items:center; gap:var(--space-7); padding-top:var(--space-4); }
.showcase .prototype-selectors { flex:1; gap:var(--space-6); }
.showcase .prototype-selectors button { display:flex; align-items:center; gap:var(--space-3); flex:1; max-width:var(--showcase-chapter-width); padding-block:var(--space-3); }
.showcase .chapter-number { font-size:var(--showcase-counter); font-weight:var(--showcase-weight); line-height:var(--type-leading-title); font-variant-numeric:tabular-nums; }
.showcase .chapter-arrow { margin-left:auto; opacity:0; transform:translateY(var(--space-1)); transition:opacity var(--motion-duration-micro),transform var(--motion-duration-control) var(--motion-ease-standard); }
.showcase button:is(:hover,:focus-visible,[aria-pressed=true]) .chapter-arrow { opacity:1; transform:none; }
.showcase .showcase-hint { max-width:18ch; }
.motion-ready .showcase :is(.product-photo img,.cafe-photo img,.studio-photo img) { transform:scale(var(--image-scale,1)); }
.motion-ready .showcase :is(.product-copy,.cafe-copy,.studio-hero) { transform:translateY(var(--copy-y,0px)); opacity:var(--copy-opacity,1); }
@media(max-width:1024px) {
 .showcase .showcase-hint { display:none; }
 .showcase .prototype-selectors button { max-width:none; }
 .showcase .prototype-selectors { gap:var(--space-4); }
}
@media(max-width:640px) {
 .showcase-stage { padding-top:var(--space-3); }
 .showcase-heading { align-items:center; gap:var(--space-3); padding-bottom:var(--space-3); }
 .showcase-eyebrow { font-size:var(--type-label); margin-bottom:var(--space-2); max-width:24ch; }
 .showcase-heading h2 { font-size:var(--type-hero-caption); max-width:20ch; }
 .showcase .showcase-edition { display:none; }
 .showcase .browser-bar { font-size:var(--type-label); padding-block:var(--space-2); }
 .showcase .concept-label { max-width:18ch; text-align:right; }
 .showcase .product-hero,.showcase .cafe-hero { grid-template-columns:1fr; min-height:0; }
 .showcase .product-copy,.showcase .cafe-copy { padding:var(--space-5); }
 .showcase .product-copy h3,.showcase .cafe-copy h3 { font-size:var(--showcase-display); }
 .showcase .product-copy p { margin-top:var(--space-3); }
 .showcase .mock-category { margin-bottom:var(--space-4); }
 .showcase .mock-button { margin-top:var(--space-3); }
 .showcase .product-photo,.showcase .cafe-photo { height:var(--showcase-mobile-photo); }
 .showcase .cafe-copy { grid-column:auto; grid-row:auto; }
 .showcase .cafe-photo { grid-column:auto; grid-row:auto; }
 .showcase .product-editorial,.showcase .studio-work { grid-template-columns:1fr; }
 .showcase .product-editorial { padding-block:var(--space-6); }
 .showcase .product-editorial>div { padding:0; }
 .showcase .product-editorial img,.showcase .studio-photo { height:var(--showcase-mobile-photo); min-height:0; }
 .showcase .prototype-selectors { gap:var(--space-3); }
 .showcase .prototype-selectors button { display:grid; gap:var(--space-1); font-size:var(--type-label); }
 .showcase .chapter-number { font-size:var(--type-hero-caption); }
 .showcase .chapter-arrow { display:none; }
 .showcase .showcase-controls { padding-top:var(--space-2); }
}
@media(max-height:640px) and (min-width:641px) {
 .showcase-eyebrow { display:none; }
 .showcase-stage,.showcase-heading { padding-block:var(--space-2); }
 .showcase .browser-bar { min-height:0; padding-block:var(--space-2); }
 .showcase .chapter-number { font-size:var(--type-hero-caption); }
}
@media(prefers-reduced-motion:reduce) {
 .showcase :is(.product-photo img,.cafe-photo img,.studio-photo img,.product-copy,.cafe-copy,.studio-hero) { transform:none!important; opacity:1!important; }
}