/* Mobile edition: readable type, touch targets and complete lookbook framing. */
@media(max-width:760px){
 html{scroll-padding-top:82px}
 .header{height:68px;padding-inline:18px;grid-template-columns:1fr auto 1fr}
 .header .wordmark{font-size:20px;letter-spacing:4px}
 .header .menu-toggle,.header-tools .icon-btn{width:44px;min-width:44px;height:44px}
 .header nav{top:68px;left:0;right:0;max-height:calc(100dvh - 68px);overflow-y:auto;padding:22px 24px;box-shadow:0 16px 22px #0000000c}
 .header nav a{min-height:48px;font-size:15px}
 .hero.fashion-hero{padding:90px 20px 28px}
 .fashion-hero .hero-masthead{font-size:clamp(48px,16vw,72px);margin-bottom:12px}
 .hero-edition{font-size:8px;line-height:1.6;letter-spacing:1.2px;margin-bottom:18px}
 .fashion-hero .hero-image{height:clamp(330px,104vw,450px)}
 .fashion-hero .hero-copy{min-height:280px;margin-top:24px}
 .fashion-hero h1,.fashion-hero .hero-copy h1,.fashion-hero .hero-copy:has(.campaign-shop:not([hidden])) h1{font-size:clamp(38px,11.6vw,52px);line-height:1.08;letter-spacing:-1.5px}
 .fashion-hero .hero-copy .eyebrow{font-size:8px;letter-spacing:1.2px}
 .fashion-hero .campaign-caption{font-size:13px;line-height:1.7;max-width:35ch}
 .fashion-hero .hero-discover,.fashion-hero .campaign-shop{min-height:44px;font-size:12px}
 .fashion-hero .campaign-controls{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;width:100%;margin-top:20px}
 .campaign-controls button{min-width:0;min-height:44px;font-size:11px}
 .campaign-controls #campaign-pause{grid-column:1/-1;border-left:0;border-top:1px solid #cdbab6;margin-top:7px;padding:10px;font-size:10px}
 .campaign-index,.stories,.material-edit,.atelier,.collection,.maison,.concierge,.reel-edit{padding:48px 20px}
 .campaign-index-top h2,.atelier-intro h2,.collection .section-top h2,.material-title h2,.maison-title h2,.concierge h2{font-size:clamp(35px,10vw,46px);letter-spacing:-1.4px;line-height:1.1}
 .campaign-index-top>p,.atelier-intro>p,.story-shopping>p,.maison-text>p{font-size:13px;line-height:1.8}
 .campaign-door,.campaign-door:nth-child(2),.campaign-door:nth-child(3){height:420px;flex-basis:90%}
 .campaign-door h3{font-size:35px}
 .campaign-doors,.reel-grid,.filters{scrollbar-width:none;-ms-overflow-style:none}
 .campaign-doors::-webkit-scrollbar,.reel-grid::-webkit-scrollbar,.filters::-webkit-scrollbar{display:none;width:0;height:0}
 .swipe-hint{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:3px 0 20px;padding:10px 0 13px;border-bottom:1px solid currentColor;color:#756662;font-size:10px;letter-spacing:1.1px}
 .swipe-hint>span:last-child{font:25px/1 Georgia;letter-spacing:0}
 .reel-edit .swipe-hint{color:#ddd3ce}
 .stories-heading{grid-template-columns:1fr auto;gap:16px;margin-bottom:24px;align-items:end}
 .stories-heading>.eyebrow{grid-column:1/-1}
 .stories-heading h2{grid-column:1/-1;font-size:clamp(36px,10.8vw,49px);letter-spacing:-1.6px;line-height:1.07}
 .story-counter{grid-column:2;font-size:10px}
 .story-tabs{gap:12px}
 .story-tabs button{min-width:0;min-height:65px;font-size:clamp(14px,4.1vw,18px);line-height:1.3;text-align:left}
 .story-tabs button:hover{padding-left:0}
 .story-layout{gap:20px}
 #story-panel .story-visual{height:auto;aspect-ratio:2/3}
 .story-caption{align-items:center;gap:12px;font-size:13px;line-height:1.5}
 #story-next{min-height:44px;font-size:8px;flex-shrink:0}
 #story-photo-note{font-size:6px;bottom:9px;left:9px;padding:5px}
 .story-shopping h3{font-size:36px;line-height:1.1}
 .story-product{min-height:88px;grid-template-columns:64px 1fr;gap:15px;padding:12px 0}
 .story-product>span,.story-product small{font-size:12px}
 .story-cta{min-height:48px;font-size:12px}
 .story-shopping>small{font-size:10px;line-height:1.7}
 .fashion-statement{min-height:360px;padding:36px 20px}
 .fashion-statement h2{font-size:clamp(52px,15vw,76px)}
 .atelier-curation{padding:26px 18px}
 .atelier-curation h3{font-size:35px;max-width:none}
 .atelier-piece{grid-template-columns:12px 54px minmax(0,1fr) 14px;gap:9px}
 .atelier-piece>span:not(.atelier-piece-number),.atelier-piece small{font-size:12px}
 .atelier-tabs button{min-height:60px;font-size:12px}
 .collection .section-top{align-items:start;flex-direction:column;gap:12px;margin-bottom:20px}
 .collection-bar{display:block;width:100%}
 .filters{gap:22px;overflow-x:auto;white-space:nowrap;max-width:100%;padding-bottom:3px}
 .filters button{flex-shrink:0;min-height:48px;font-size:12px}
 #result-count{display:block;margin:14px 0;font-size:10px}
 .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}
 .product-photo{height:clamp(205px,59vw,275px)}
 .favorite{width:44px;height:44px;right:5px;top:5px}
 .product-label{top:auto;bottom:53px;left:8px;right:8px;width:max-content;max-width:calc(100% - 16px);font-size:6px;letter-spacing:.6px;padding:6px}
 .quick-view{opacity:1;transform:none;left:7px;right:7px;bottom:7px;min-height:38px;font-size:8px;padding:8px}
 .product-meta{display:block;margin-top:12px}
 .product-meta button{min-height:40px;font-size:12px}
 .product-price{margin-top:5px;font-size:13px}
 .product-sub{font-size:10px;line-height:1.6}
 .reel-heading h2{font-size:42px}
 .reel-card{flex-basis:90%}
 .reel-card>div{flex-direction:column;align-items:start}
 .reel-card>div>a{min-height:44px;display:flex;align-items:center}
 .maison{grid-template-columns:1fr;gap:24px}
 .maison-title{grid-column:auto}
 .maison-portrait{height:440px}
 .maison-text{padding-top:0}
 .maison-k{display:none}
 .concierge-link{width:100%;justify-content:space-between;font-size:12px;padding:18px}
 .footer-links a{min-height:44px;font-size:11px}
 .footer-bottom{font-size:9px;line-height:1.7;gap:16px}
 #motion-toggle{min-height:44px;font-size:11px}
 dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);margin:auto;overscroll-behavior:contain}
 .dialog-close{width:44px;height:44px;position:sticky;float:right;top:10px;margin:10px 10px -54px 0}
 .product-detail{display:block;min-height:0}
 .detail-photo{height:280px;min-height:0}
 .detail-copy{padding:26px 22px 30px}
 .detail-copy h2{font-size:30px;margin:12px 0 18px}
 .detail-copy .button{min-height:48px;font-size:12px}
 #search-dialog{padding:60px 22px 24px}
 #search-dialog .dialog-close{position:absolute;float:none;margin:0}
 #search-input{font-size:16px}
}
@media(min-width:761px){.swipe-hint{display:none}}