/* Sequence 2680: give the product room and keep touch controls clear. */
.hero-media picture{display:block;width:100%;height:100%}
.hero-media picture img{width:100%;height:100%;object-fit:cover}
.site-header .brand{flex-shrink:0;min-height:44px;display:flex;align-items:center}
.header-actions{flex-shrink:0;min-width:0}
.header-book,.site-header.is-scrolled .header-book{min-height:44px}
.ticker-pause{width:44px;height:44px}
.study-controls button{min-height:48px}
#studyCanopy{min-width:146px}
.study-stage{border:1px solid #d6d8d0}
.study-gesture{pointer-events:none}
.menu-feature img{filter:none}
.hero-media:after{background:linear-gradient(90deg,#090c0abf,transparent 68%),linear-gradient(0deg,#090c0ab3,transparent 48%)}
@media(hover:none){
 .experience-card:hover{background:transparent}
 .card-image:hover img{transform:none}
 .session-row:hover{color:inherit;padding-left:0;background:transparent}
 .visit-step summary:hover h3{color:inherit}
 .study-controls button:hover{background:transparent;border-color:#b7bcb1}
 .study-controls button[aria-pressed=true]:hover{background:#242b24;border-color:#242b24}
}
@media(max-width:600px){
 .site-header,.site-header.is-scrolled{padding-inline:max(16px,env(safe-area-inset-left));gap:10px}
 .header-actions{gap:10px}
 .header-book,.site-header.is-scrolled .header-book{min-height:44px;padding-inline:12px}
 .hero-media picture img{object-position:50% 50%}
 .hero-media:after{background:linear-gradient(180deg,#090c0a99,transparent 35%,transparent 59%,#090c0ae6)}
 .study-coordinate{left:20px;right:20px;font-size:8px;letter-spacing:.09em}
 .study-gesture{right:20px;bottom:20px;font-size:9px}
 .study-controls{gap:8px}
 .study-controls button{min-height:48px;padding-inline:13px;letter-spacing:.015em}
 .study-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:420px}
 .study-controls button,#studyCanopy{min-width:0;width:100%}
 #studyStatus{min-height:3em}
}
@media(max-width:359px){
 .site-header .brand,.site-header.is-scrolled .brand{width:118px}
 .header-actions{gap:6px}
 .header-book,.site-header.is-scrolled .header-book{padding-inline:10px}
}