/* Screen-fit corrections: constrain the component, never hide page overflow. */
main,main section,main article,main form,main label,main figure{min-width:0;box-sizing:border-box}
main input,main select,main textarea{max-width:100%;box-sizing:border-box}
main :is(h1,h2,h3,p,label,th,td){overflow-wrap:break-word}
.shop-product-copy,.shop-product-information,.shop-selection-summary{min-width:0}
.shop-product-copy :is(h1,p),.shop-selection-summary :is(p,a){overflow-wrap:anywhere}
@media(min-width:761px){
 body[data-custom-page="services"] .personal-custom{max-width:1600px;margin-inline:auto}
 .personal-custom .cp-stories{max-width:1440px;margin-inline:auto}
 .personal-custom .cp-story,.personal-custom .cp-story-team{height:auto;aspect-ratio:auto;min-height:clamp(280px,calc((100svh - 140px)/2),400px)}
 .personal-custom .cp-story-copy{padding-block:24px}
 .personal-custom .cp-story-copy h2{font-size:clamp(27px,2.65vw,48px)}
 .personal-custom .cp-story-copy .cp-lead{font-size:clamp(16px,1.3vw,22px);margin-top:14px}
 .personal-custom .cp-story-finished figure{isolation:isolate;background:#f3ede2}.personal-custom .cp-story-finished figure:before{content:"";position:absolute;inset:-20px;z-index:-1;background:url("assets/custom-personal/finished.webp") center/cover no-repeat;filter:blur(18px);opacity:.24}.personal-custom .cp-story-finished figure img{object-fit:contain;object-position:center}
 .personal-custom .cp-hero{height:clamp(440px,calc(100svh - 125px),680px);min-height:0}
 .personal-custom .cp-hero-copy{padding-block:28px}
 .personal-custom .cp-process img{height:auto;max-height:clamp(160px,28svh,240px);object-fit:cover}
 .custom-studio .ds-hero figure>img{height:auto;max-height:clamp(240px,calc(100svh - 220px),540px);object-fit:contain}
 .shop-product-photo{height:clamp(300px,calc(100svh - 175px),570px)}
 #home.hero .hero-photo{aspect-ratio:auto;height:clamp(340px,calc(100svh - 140px),700px)}
 #home.hero .supply-photo{background-size:contain}
 #custom.custom-slider .supply-card{height:clamp(340px,calc(100svh - 160px),470px)}
}
@media(min-width:761px) and (max-height:700px){
 .personal-custom .cp-hero{height:auto;min-height:420px}
 .personal-custom .cp-hero h1{font-size:clamp(29px,3vw,44px)}
 .personal-custom .cp-hero-copy p{font-size:14px;line-height:1.65;margin-top:16px}
 .personal-custom .cp-hero-copy .cp-button{margin-top:18px}
 .personal-custom .cp-story-copy h2{font-size:clamp(26px,2.4vw,39px)}
 .personal-custom .cp-story-copy h2 span{margin-bottom:12px}
}
@media(max-width:760px){
 .shop-product-photo{height:auto;min-height:260px;max-height:520px;aspect-ratio:4/5}
 .shop-product-photo img{max-height:100%;object-fit:contain}
 .shop-detail-tabs{gap:16px;flex-wrap:wrap}
 .shop-selection-summary{position:static;top:auto}
 .personal-custom .cp-hero{height:auto;max-height:none}
 .personal-custom .cp-story,.personal-custom .cp-story-team{height:auto;min-height:0;aspect-ratio:auto}
 .personal-custom .cp-process img{height:auto;max-height:none}
}
@media(max-width:360px){
 body .header.unified-site-header{padding-inline:10px;gap:6px}
 body .header .brand{font-size:13px;gap:5px}
 body .header .brand img{width:32px;height:38px}
 body .header.unified-site-header .unified-header-actions{gap:4px}
 .cp-tariff th,.cp-tariff td{padding-inline:5px}
 .cp-tariff td{font-size:16px}
}
