/* The studio scene stays full width; small screens can inspect it at a useful scale. */
.home-intro{grid-template-columns:minmax(0,1.7fr) minmax(340px,.9fr);gap:56px;align-items:center;padding-top:36px;padding-bottom:28px}
.home-intro h1{font-size:clamp(76px,6.5vw,112px);line-height:1.1;letter-spacing:-.045em;max-width:17ch;text-wrap:balance}
.home-intro .button{display:flex;align-items:center;justify-content:center;gap:8px}
.quick-address{display:inline-flex;align-items:center;min-height:44px;font-size:16px;line-height:1.4;font-weight:600;text-decoration:none}
.quick-address:hover{color:var(--cobalt)}
.quick-contacts{display:flex;flex-wrap:wrap;align-items:center;column-gap:20px;row-gap:0}.quick-address{flex-basis:100%}
.quick-contacts [data-quick-contact]{gap:7px}
.contact-icon{display:block;width:20px;height:20px;flex:0 0 20px}
.quick-contacts [data-quick-contact] span{min-width:0}
@media(min-width:1001px){
 .home-intro{padding-bottom:56px}
 .home-intro-details{transform:translateY(28px)}
}
.rack-scroller{width:100%;min-width:0;outline-offset:-3px}
.rack-swipe-hint{display:none}
body[data-route-page="/"] .rack-scroller{width:100vw;margin-left:calc(50% - 50vw)}
body[data-route-page="/"] .rack-scroller>.rack-stage--wall{width:100%;margin:0}
.rack-tag-name{overflow-wrap:anywhere}
.box-fillings{padding:56px var(--gutter)}
.box-fillings>p{max-width:44em;line-height:1.6}
.box-filling-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;margin-top:32px}
.box-filling-grid article{min-width:0;border-bottom:1px solid var(--line);padding-bottom:24px}
.box-filling-grid h3{font-size:24px;margin:20px 0 12px}
.box-filling-grid p{font-size:17px;line-height:1.6}
.filling-objects{display:flex;align-items:center;justify-content:center;gap:8px;min-height:180px;background:#f1e8dc;padding:20px;border-radius:12px}
.filling-objects img{width:31%;height:150px!important;object-fit:contain}
.filling-own{font-size:80px;font-weight:500;color:var(--ink)}
.window-filling-objects{display:flex!important;align-items:center;justify-content:center;gap:4px;height:74px;padding:4px!important}
.window-filling-objects img{width:30%;height:65px!important;max-height:65px;padding:0!important;object-fit:contain}
.window-filling-objects>span{font-size:38px!important;font-weight:500}
.window-filling-sample>span:last-child{display:block;min-height:40px;padding:4px 5px 8px;line-height:1.3}
.window-filling-sample:last-child{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px}.window-filling-sample:last-child .window-filling-objects{height:40px;width:40px}.window-filling-sample:last-child>span:last-child{min-height:0;padding:0}
@media(min-width:1001px) and (max-width:1250px){.home-intro{grid-template-columns:minmax(0,1fr) 360px;gap:36px}.home-intro h1{font-size:clamp(68px,6.2vw,80px)}}
@media(max-width:1000px){.home-intro{grid-template-columns:1fr;gap:24px}.home-intro h1{font-size:clamp(58px,8vw,80px);max-width:18ch}.box-filling-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .home-intro{padding-top:12px;padding-bottom:18px;gap:20px}
 .home-intro h1{font-size:clamp(40px,12.2vw,56px);line-height:1.12;letter-spacing:-.04em;max-width:18ch}
 .home-intro p{font-size:17px;line-height:1.5;margin-bottom:18px}
 .home-intro .button{min-height:60px}
 .quick-contacts{margin-top:10px}.quick-phone{font-size:21px}.quick-address{font-size:15px}
 .rack-filter-bar{display:grid;grid-template-columns:.7fr 1fr 1.3fr 1fr;gap:8px}.rack-filter-bar button{min-width:0;min-height:44px;padding:9px 6px;font-size:14px;white-space:nowrap}
 .rack-swipe-hint{display:block;font-size:14px;font-weight:600;margin:4px 0 12px}
 .rack-scroller{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--cobalt) #e7e7e7}
 .rack-scroller>.rack-stage,body[data-route-page="/"] .rack-scroller>.rack-stage--wall{width:1120px;min-width:1120px;margin:0}
 .rack-point.rack-tag,.rack-point.rack-tag:is([data-slug=hudi],[data-slug=futbolki],[data-slug=shoppery],[data-slug=dzhinsy-oversize],[data-slug=shorty-bermuda-oversize],[data-slug=bombery]){display:block;width:84px;height:74px}
 .rack-tag .rack-tag-name,.rack-tag:is([data-rack-group=clothing],[data-rack-group=sets],[data-slug=shoppery],[data-slug=ryukzaki]) .rack-tag-name{font-size:12px;line-height:1.05;top:48%;overflow-wrap:anywhere}
 .rack-space-wall{width:10.6%;top:11%;right:.6%}
 .rack-section--compact .rack-filter-bar{order:0}
 .box-fillings{padding:36px var(--gutter)}.box-filling-grid{grid-template-columns:1fr;gap:28px}.filling-objects{min-height:170px}.filling-objects img{height:140px!important}.box-filling-grid h3{font-size:24px}
 .product-window:has(.window-filling-sample) .product-window-visual img{max-height:150px}
}
@media(prefers-reduced-motion:reduce){.rack-scroller{scroll-behavior:auto}}
@media(min-width:701px) and (max-width:1100px){
 .rack-swipe-hint{display:block;font-size:15px;font-weight:600;margin:4px 0 12px}
 .rack-scroller{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--cobalt) #e7e7e7}
 .rack-scroller>.rack-stage,body[data-route-page="/"] .rack-scroller>.rack-stage--wall{width:1120px;min-width:1120px;margin:0}
 .rack-point.rack-tag{width:84px;height:74px}
 .rack-tag .rack-tag-name,.rack-tag:is([data-rack-group=clothing],[data-rack-group=sets],[data-slug=shoppery],[data-slug=ryukzaki]) .rack-tag-name{font-size:12px;line-height:1.05;top:48%;overflow-wrap:anywhere}
}
@media(max-width:1399px){
 .rack-tag[data-slug=termokruzhki]{margin-top:64px}
 .rack-tag[data-slug=breloki]{margin-top:18px}
 .rack-tag:is([data-slug=kartholdery],[data-slug=panamy]){margin-top:-46px}
}
/* Keep every article category visible on narrow screens. */
@media(max-width:700px){
 .article-library .filter-bar{flex-wrap:wrap;overflow:visible;gap:8px;padding:0}
 .article-library .filter-bar button{min-height:44px;padding:8px 12px;font-size:15px}
}