/* Approved responsive refinements; scoped to editorial, app and product pages. */
.story-title{padding-top:28px;padding-bottom:36px}
.story-title h1{font-size:clamp(52px,6vw,86px);line-height:1.04;text-wrap:balance}
.dossier-mast{padding-top:36px;padding-bottom:32px}
.dossier-mast h1{font-size:clamp(60px,7vw,100px);line-height:1}
.editorial-head{padding-top:42px;padding-bottom:40px}
.editorial-head h1{font-size:clamp(46px,6vw,80px);line-height:1.08;text-wrap:balance}
.product-dawn .purchase{position:static;max-height:none;overflow:visible;padding-right:0}
.product-dawn .product-gallery{display:block;overflow:visible}
.product-dawn .product-gallery>.detail-crop{display:none}
.pdp-thumbnails{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.pdp-thumbnails button{width:68px;height:68px;border:1px solid #ddd;background:#faf9f6;padding:4px;cursor:pointer}
.pdp-thumbnails button[aria-pressed="true"]{border-color:#222}
.pdp-thumbnails button:focus-visible{outline:2px solid #222;outline-offset:3px}
.pdp-thumbnails img{width:100%;height:100%;object-fit:contain}
.design-swipe-hint{display:none}
@media(max-width:749px){
.story-back{padding:20px 22px 12px}
.story-title{padding:20px 22px 28px}
.story-title h1{font-size:46px;line-height:1.06;text-wrap:balance}
.story-title>p:last-child{margin-top:20px;font-size:16px}
.dossier-mast{padding:28px 24px;gap:24px}
.dossier-mast h1{font-size:58px;line-height:1;margin-top:18px}
.dossier-mast .dossier-intro{font-size:20px;margin-bottom:16px}
.editorial-head{padding:32px 24px}
.editorial-head h1{font-size:40px;line-height:1.1;text-wrap:balance}
.product-dawn .product-gallery{display:block;overflow:visible}
.design-swipe-hint{display:block;font-size:12px;color:#666;margin-bottom:12px}
.design-single figure>a:first-of-type{scrollbar-width:thin;scrollbar-color:#aaa #eee}
}
@media(max-width:700px){
.sv-hero-text{padding:22px 16px}
.sports-visual .sv-hero h1{font-size:38px}
.sv-hero{position:relative}
.sv-hero-photo{height:340px}
.sv-hero-photo img{object-position:40% center}
.sv-hero-device{position:absolute;right:12px;bottom:12px;margin:0;padding:0;z-index:1}
.sv-hero-device .sv-phone{width:132px}
.app-demo{padding:36px 6%}
.app-demo-heading{margin-bottom:24px}
.sports-visual .app-demo-heading h2{font-size:32px}
.app-demo-layout{display:flex;flex-direction:column;gap:20px}
.app-feature-choices{order:-1;display:grid;grid-template-columns:1fr 1fr;width:100%;gap:0;border-top:1px solid #ddd}
.app-feature{padding:14px 10px;border-left:0;border-bottom:1px solid #ddd;min-height:60px}
.app-feature.active{border-bottom:2px solid #222;background:#f8f8f5}
.app-feature span{font-size:17px;line-height:1.25;letter-spacing:-.02em}
.app-feature p{font-size:12px;line-height:1.5;margin:8px 0 0!important}
.app-feature:not(.active) p{display:none}
.app-demo-stage{width:100%;padding:22px 16px}
.app-demo-stage .sv-phone{width:min(250px,100%)}
}
