/* Phone layouts; desktop composition is unchanged. */
@media(max-width:700px){
 html{scroll-padding-top:18px}
 .rail-controls,.looks-controls>.arrow-button,.reviews-controls,.review-photo-controls{display:none!important}
 .site-menu{gap:12px;padding:6px 7px 6px 14px;font-size:11px;max-width:calc(100vw - 24px);bottom:calc(18px + env(safe-area-inset-bottom));height:54px}
 .site-menu>a{display:inline-flex!important}
 .site-menu .top-store{font-size:0;gap:0;padding:10px;background:#f1f2ee}
 .site-menu .top-store .icon{width:19px;height:19px}
 .site-back{bottom:calc(23px + env(safe-area-inset-bottom))}
 .showcase{height:100svh;min-height:660px;max-height:950px;background-position:60% bottom;background-size:auto 100%}
 .showcase:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#f8f9f6 0,#f8f9f6dd 150px,transparent 55%)}
 .showcase-browse{top:calc(42% - 90px);height:330px}
 .product-rail{padding:28px calc(50% - 105px) 30px;gap:18px;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
 .rail-photo{border-radius:15px;transform:scale(.88);box-shadow:none}
 .rail-product.is-focused .rail-photo{transform:scale(1.06)}
 .rail-product:not(.is-focused):hover .rail-photo{transform:scale(.88)}
 .rail-caption{opacity:0;margin-top:25px;font-size:13px}
 .rail-product.is-focused .rail-caption{opacity:1}
 .showcase-store{height:54px;width:54px;padding:0;justify-content:center;border-radius:19px}
 .showcase-controls{bottom:calc(18px + env(safe-area-inset-bottom));left:18px;right:18px}
 .showcase[data-view=detail]{height:auto;min-height:100svh;max-height:none;padding:100px 20px 130px;background-size:auto 850px}
 .showcase-detail{position:relative;top:auto;left:auto;transform:none;width:100%;min-height:0;gap:19px;align-items:stretch}
 .detail-back{top:-31px;font-size:12px;min-height:30px}
 .product-visual{border-radius:22px;padding:9px 7px 13px}
 .showcase-detail .product-gallery{height:clamp(205px,63vw,280px)}
 .showcase-detail .photo-dots{margin-top:8px}
 .product-copy{padding:0 3px}
 .showcase-detail h2{font-size:25px;line-height:1.15;margin:0 0 12px;letter-spacing:-.65px}
 .product-copy>p{font-size:13px;line-height:1.6;margin-bottom:15px}
 .showcase-detail .size-strip{height:57px;gap:9px}
 .showcase-detail .size-pill{height:42px;flex-basis:73px;font-size:13px}
 .showcase-detail .product-purchase{margin-top:17px;gap:14px}
 .showcase-detail .product-purchase strong{font-size:25px}
 .showcase-detail .purchase-link{font-size:12px;min-height:46px;padding:13px 15px}
 .showcase[data-view=detail] .showcase-controls{display:none}
 .looks-stage{touch-action:pan-y pinch-zoom}
 .looks-controls{margin-top:10px}.look-dots{padding-block:10px}
 .about{padding-block:60px}.about-copy h2{font-size:38px}
 .about-reviews{width:100vw;max-width:100vw;margin-inline:calc((100% - 100vw)/2)}
 .reviews-track{height:535px;gap:16px;padding:25px 26px 45px}
 .review-card{flex-basis:225px;width:225px}
 .review-card:nth-child(n){--lift:12px;--tilt:-1.5deg}.review-card:nth-child(2n){--lift:35px;--tilt:1.5deg}
 .review-lightbox figure>img{touch-action:pan-y pinch-zoom}
 .journal{padding-top:25px;padding-bottom:65px}
 .journal-heading{margin-bottom:28px}.journal-heading>p{margin-top:14px}
 .journal h1{font-size:36px;letter-spacing:-.8px;overflow-wrap:anywhere}
 .article-cover img{height:260px}.article-heading{margin-top:4px}
 .article-layout{min-width:0}.journal-article{min-width:0}
 .footer{padding-bottom:calc(105px + env(safe-area-inset-bottom))}
}
@media(max-width:360px){
 .site-menu{gap:10px;padding-left:12px;font-size:10px}
 .showcase[data-view=detail]{padding-inline:16px}
 .showcase-detail h2{font-size:23px}
 .showcase-detail .product-purchase{gap:12px}
 .showcase-detail .purchase-link{font-size:11px;padding-inline:12px}
 .journal h1{font-size:32px}
}
@media(max-width:700px){
 .showcase{background-position:60% calc(100% + 70px)}
 .showcase-browse{top:calc(38% - 90px)}
 .showcase[data-view=detail]{background:#f7f8f5}
}
@media(max-width:360px){.showcase-store{display:none}}
@media(max-width:360px){.showcase-detail .product-gallery{height:190px}}