/* Show the presentation's product names and functions as part of each scene. */
.showcase-grid>.showcase .showcase-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  max-width:490px;
  padding-top:78px;
  padding-bottom:30px;
}
.showcase-grid>.showcase h3{
  max-width:11em;
  font-size:clamp(34px,2.9vw,44px);
  font-weight:500;
  line-height:1.32;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.showcase-grid>.showcase h3 .product-title-brand,
.showcase-grid>.showcase h3 .product-title-tail{white-space:nowrap}
.showcase-grid>.showcase .showcase-intro{
  max-width:26em;
  margin-top:17px;
  font-size:16px;
  line-height:1.7;
  color:#f4ebdd;
}
.showcase-description{
  width:100%;
  max-width:29em;
  margin-top:34px;
  padding-top:24px;
  border-top:1px solid rgba(255,250,240,.62);
  scroll-margin-top:130px;
}
.showcase-description p{
  margin:0;
  color:#fffaf2;
  font-size:16px;
  font-weight:400;
  line-height:1.85;
  letter-spacing:.005em;
  text-shadow:0 1px 12px rgba(17,13,10,.22);
}
.showcase-features{
  display:flex;
  flex-wrap:wrap;
  gap:9px 0;
  max-width:32em;
  margin:24px 0 0;
  padding:0;
  list-style:none;
  color:#eadbc8;
  font-size:12px;
  line-height:1.45;
}
.showcase-features li+li::before{
  content:"";
  display:inline-block;
  width:1px;
  height:10px;
  margin:0 12px 0 11px;
  background:rgba(255,245,230,.52);
  vertical-align:-1px;
}
@media(min-width:761px){
  .showcase-grid>.showcase--breakfast .showcase-copy,
  .showcase-grid>.showcase--access .showcase-copy{padding-left:36px;padding-right:0}
}
@media(max-width:1050px) and (min-width:761px){
  .showcase-grid>.showcase h3{font-size:clamp(29px,3vw,36px)}
  .showcase-description p{font-size:14px;line-height:1.75}
  .showcase-grid>.showcase .showcase-intro{font-size:14px}
  .showcase-description{margin-top:24px;padding-top:19px}
  .showcase-features{margin-top:16px;font-size:11px}
}
@media(max-width:760px){
  .showcase-grid>.showcase{
    --copy-shade:linear-gradient(180deg,
      rgba(var(--tone-rgb),.89) 0%,
      rgba(var(--tone-rgb),.79) 36%,
      rgba(var(--tone-rgb),.26) 61%,
      transparent 75%,
      rgba(var(--tone-rgb),.65) 100%);
  }
  .showcase-grid>.showcase .scene-inner{padding-top:102px;padding-bottom:28px}
  .showcase-grid>.showcase .showcase-copy{
    max-width:none;
    width:100%;
    padding:0;
    align-self:stretch;
  }
  .showcase-grid>.showcase h3{font-size:clamp(25px,6.6vw,30px);line-height:1.36;max-width:14em}
  .showcase-grid>.showcase .showcase-intro{margin-top:10px;font-size:13px;line-height:1.55}
  .showcase-description{margin-top:16px;padding-top:14px;max-width:none;scroll-margin-top:96px}
  .showcase-description p{font-size:13px;line-height:1.65}
  .showcase-features{margin-top:14px;gap:6px 0;font-size:11px}
  .showcase-features li+li::before{height:9px;margin-inline:8px}
  .showcase-grid>.showcase .showcase-media{height:290px;max-height:310px;min-height:190px;padding-top:18px;padding-bottom:18px}
  .showcase-grid>.showcase--miniapp .showcase-media{height:300px;max-height:310px}
  .showcase-grid>.showcase--access .showcase-media{height:100%;max-height:none;padding:0}
  .showcase--access .showcase-media img{top:46%;height:42%}
}
@media(max-width:380px){
  .showcase-grid>.showcase .scene-inner{padding-top:90px}
  .showcase-grid>.showcase h3{font-size:24px}
  .showcase-description p{font-size:12px}
  .showcase-grid>.showcase .showcase-media{min-height:170px}
}