/* Independent product studios, scoped to the customization page. */
.customization-products{list-style:none;margin:0;padding:0}
.customization-products>li{margin:0;padding:0}
.customization-products .product-customization{background:#fff;scroll-margin-top:var(--top,112px)}
.customization-products>li+li{border-top:1px solid var(--line,#dce8e2)}
.customization-products .section-heading{position:relative;padding-top:30px;margin-bottom:clamp(26px,3vw,54px)}
.customization-products .product-number{position:absolute;top:0;left:0;color:var(--muted,#65796f);font-size:12px;line-height:1.4}
.customization-products .section-heading h2{max-width:19ch;text-wrap:balance}
.customization-products .section-heading>p{max-width:52ch;text-wrap:pretty}
.customization-services-panel .custom-services{margin-top:0}
/* Each product occupies the viewport below the sticky navigation. */
html:has(.customization-products){--studio-header-height:var(--top,112px);scroll-padding-top:var(--studio-header-height,80px)!important;scroll-snap-type:none!important;scroll-behavior:auto}
.inner-page .customization-products .product-customization{
 height:calc(100svh - var(--studio-header-height,80px));min-height:0;
 padding:clamp(18px,2.8svh,44px) var(--g) clamp(16px,2.2svh,36px);
 display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(14px,2.2svh,34px);
 scroll-margin-top:0;scroll-snap-align:start!important;overflow:hidden
}
.customization-products .product-customization .section-heading{padding-top:24px;margin:0;gap:4vw}
.inner-page .customization-products .section-heading h2{font-size:clamp(28px,min(2.8vw,4.8svh),66px);max-width:25ch}
.customization-products .section-heading>p{font-size:clamp(12px,.92vw,22px);line-height:1.55}
.inner-page .customization-products .brand-studio{height:100%!important;min-height:0;overflow:hidden}
.inner-page .customization-products .brand-studio iframe{display:block;height:100%!important;min-height:0}
@media(max-width:700px){
 .customization-products .product-customization .section-heading{padding-top:22px}
 .customization-products .section-heading>p{margin-top:9px;line-height:1.4}
 .inner-page .customization-products .section-heading h2{font-size:clamp(24px,6.8vw,34px)}
}

.inner-page #how-it-works.brand-flow{background:#fff}

.customization-services-panel .section-end>.button{translate:0 -16px}