.scene,.editorial{position:relative;overflow:hidden;margin:0;isolation:isolate}.scene img,.editorial img{display:block;width:100%;height:100%;object-fit:cover}.editorial{height:360px;margin:28px 0;max-width:100%}.editorial figcaption{position:absolute;bottom:0;left:0;right:0;padding:35px 22px 18px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:white;font:16px/1.5 sans-serif;text-align:left}.scene img{will-change:auto}.visual-note{font-size:14px;opacity:.8}@media(max-width:700px){.editorial{height:280px!important}.editorial figcaption{font-size:14px;padding:28px 16px 14px}}
.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:35px;align-items:center;text-align:left;padding-top:30px}.tea-copy{text-align:center}.hero h1{font-size:58px}.hero .scene{height:570px}.hero .dial{width:210px;height:210px;margin:20px auto}.hero .dial svg{width:100%;height:100%}.hero .hero-info{font-size:14px}.storage .editorial{height:380px}.tools .editorial{height:410px;grid-column:1/-1}@media(max-width:700px){.hero{display:flex;flex-direction:column;gap:20px}.tea-copy{display:contents}.hero h1{order:0;font-size:42px}.hero .scene{order:1;width:100%;height:270px}.tea-copy>p,.tea-copy>.dial,.tea-copy>.infusions{order:2}.hero .dial{width:170px;height:170px}}
.scene img{animation:tea-light 16s ease-in-out infinite alternate}@keyframes tea-light{from{transform:scale(1);filter:brightness(.94)}to{transform:scale(1.045);filter:brightness(1.04)}}
@media(prefers-reduced-motion:reduce){.scene img,.editorial img{animation:none!important;transition:none!important;transform:none!important;filter:none!important;clip-path:none!important}}

/* Screenshot review: full-width editorial frames and calmer hierarchy. */
.editorial{min-width:0;grid-column:1/-1}.editorial figcaption{font-family:inherit}