/* Gentle automatic scenes; a labelled control avoids implying video playback. */
.feature-tools{display:flex;align-items:center;gap:15px}
.feature-tools .feature-number{font-size:11px;white-space:nowrap}
.scene-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 12px;border:1px solid #e4edcc80;border-radius:11px;background:#073b2ed9;color:#f5f6f0;font:700 11px/1.3 var(--body);letter-spacing:0;backdrop-filter:blur(5px)}
.scene-toggle:hover{background:var(--forest)}
.scene-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.scene-resume-icon,.scene-toggle[aria-pressed=true] .scene-pause-icon{display:none}
.scene-toggle[aria-pressed=true] .scene-resume-icon{display:block}
.surreal-discovery-grid .surreal-card{display:block;min-width:0;height:auto;aspect-ratio:4/5;border-radius:13px}
.surreal-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0}
.surreal-card:after{background:linear-gradient(180deg,#02251d38 0%,transparent 25%,transparent 48%,#03251dc7 100%)}
.surreal-card .card-title{left:24px;right:20px;bottom:69px;font-size:clamp(32px,3.1vw,48px);line-height:1.02;text-shadow:0 2px 15px #001a14a6}
.surreal-card .card-bottom{left:24px;right:22px;bottom:26px;font-size:12px;font-weight:700}
.surreal-card:hover>img{transform:none}
.surreal-card:focus-visible{outline:3px solid var(--green);outline-offset:5px}
@media(max-width:760px){
  .hero .hero-feature{height:auto;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:44px 240px minmax(142px,auto) auto;background:var(--forest)}
  .hero .hero-feature .feature-top{position:relative;grid-column:1;grid-row:1;inset:auto;min-width:0;min-height:44px;padding:0 2px}
  .hero .hero-feature>img{position:relative;grid-column:1;grid-row:2;height:240px}
  .hero .hero-feature .feature-shade{inset:44px 0 auto;height:240px;background:linear-gradient(180deg,#03261e20,transparent 45%)}
  .hero .hero-feature .feature-content{position:relative;grid-column:1;grid-row:3;inset:auto;min-height:142px;width:100%;padding:23px 20px 18px;margin:0;background:var(--forest)}
  .hero .hero-feature .feature-category{margin-bottom:12px}
  .hero .hero-feature .feature-content h2{font-size:clamp(27px,7.7vw,34px);line-height:1.06}
  .hero .hero-feature .feature-bottom{position:relative;grid-column:1;grid-row:4;inset:auto;padding:0 20px 22px;display:block;background:var(--forest)}
  .feature-tools{gap:9px}
  .feature-tools .feature-number{font-size:10px}
  .scene-toggle{font-size:10px;padding:9px;gap:5px}
  .scene-toggle svg{width:14px;height:14px}
  .surreal-discovery-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .surreal-discovery-grid .surreal-card{aspect-ratio:4/5;height:auto}
  .surreal-card .card-title{font-size:clamp(32px,9vw,43px);left:23px;right:20px;bottom:66px}
  .surreal-card .card-bottom{font-size:13px;left:23px;bottom:25px}
}
@media(max-width:360px){.feature-tools{gap:7px}.scene-toggle{font-size:9px;padding:9px 7px}.scene-toggle svg{width:12px}.feature-top .live-label{max-width:100px;line-height:1.5}.surreal-card .card-title{font-size:32px}}