/* L2: reusable commerce parts. */
/* Shared category palettes also scope the section heading and background. */
.ui-bento--peach,.ui-bento-theme--peach{--bento-tint:var(--bento-peach-tint);--bento-accent:var(--bento-peach-accent);--bento-ink:var(--bento-peach-ink)}
.ui-bento--sand,.ui-bento-theme--sand{--bento-tint:var(--bento-sand-tint);--bento-accent:var(--bento-sand-accent);--bento-ink:var(--bento-sand-ink)}
.ui-bento--sage,.ui-bento-theme--sage{--bento-tint:var(--bento-sage-tint);--bento-accent:var(--bento-sage-accent);--bento-ink:var(--bento-sage-ink)}
.ui-bento--aqua,.ui-bento-theme--aqua{--bento-tint:var(--bento-aqua-tint);--bento-accent:var(--bento-aqua-accent);--bento-ink:var(--bento-aqua-ink)}
.ui-bento--blue,.ui-bento-theme--blue{--bento-tint:var(--bento-blue-tint);--bento-accent:var(--bento-blue-accent);--bento-ink:var(--bento-blue-ink)}
.ui-bento--lavender,.ui-bento-theme--lavender{--bento-tint:var(--bento-lavender-tint);--bento-accent:var(--bento-lavender-accent);--bento-ink:var(--bento-lavender-ink)}
.ui-button--pill{border-radius:var(--radius-round)}
.ui-bento{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-width:0;min-height:0;padding:var(--space-lg);border:0;border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);text-align:left;box-shadow:var(--bento-tile-shadow);transition:none}
.ui-bento:focus-visible{outline-offset:var(--space-xs)}
.ui-bento--dark{background:var(--bento-dark);color:var(--bento-dark-ink)}.ui-bento--ice{background:var(--bento-ice)}.ui-bento--mint{background:var(--bento-mint)}.ui-bento--warm{background:var(--bento-warm)}
.ui-bento__image{position:absolute;z-index:-2;right:var(--space-lg);bottom:var(--space-md);width:60%;height:72%;object-fit:contain;mix-blend-mode:multiply}.ui-bento--dark.ui-bento--product .ui-bento__image{mix-blend-mode:normal;background:var(--surface);border-radius:var(--radius-md);padding:var(--space-lg)}
.ui-bento--scene .ui-bento__image{inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:normal}.ui-bento--scene::before{content:'';position:absolute;z-index:-1;inset:0;background:var(--bento-scene-overlay)}
.ui-bento__copy{display:grid;gap:var(--space-sm);max-width:var(--bento-copy-max)}.ui-bento__eyebrow{font-size:var(--text-xs);font-weight:var(--weight-strong)}.ui-bento__title{white-space:pre-line;font-size:var(--text-xl);line-height:var(--leading-heading);letter-spacing:-.03em}.ui-bento__description{font-size:var(--text-sm);max-width:22ch;line-height:var(--leading)}
.ui-bento--scene .ui-bento__copy{max-width:55%;text-shadow:var(--bento-text-shadow)}.ui-bento--product .ui-bento__copy{max-width:58%}.ui-bento--product .ui-bento__title{font-size:var(--text-lg)}
.ui-bento__pill{display:inline-flex;align-items:center;gap:var(--space-sm);background:var(--surface);color:var(--action);border-radius:var(--radius-round);font-size:var(--text-sm);font-weight:var(--weight-strong);padding:var(--space-sm) var(--space-lg);margin-top:var(--space-xl)}
.ui-bento__arrow{display:grid;place-items:center;width:var(--control-height);height:var(--control-height);border-radius:var(--radius-round);background:var(--action);color:var(--action-ink);align-self:flex-end}.ui-bento__art{position:absolute;right:var(--space-xl);bottom:var(--space-xl);opacity:.25}.ui-bento__art .icon{width:var(--bento-icon-size);height:var(--bento-icon-size)}.ui-bento--icon .ui-bento__title{font-size:var(--text-lg)}
.ui-service-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);border:0;border-radius:var(--radius-lg);padding:var(--space-xl);color:var(--ink);text-align:left;background:var(--bento-ice)}.ui-service-card--warm{background:var(--bento-warm)}.ui-service-card__copy{display:grid;gap:var(--space-sm)}.ui-service-card strong{font-size:var(--text-xl);line-height:var(--leading-heading)}.ui-service-card small{color:var(--muted)}.ui-service-card__link{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);font-weight:var(--weight-strong);color:var(--action);margin-top:var(--space-sm)}.ui-service-card__icon{padding:var(--space-lg);background:var(--surface);border-radius:var(--radius-lg);color:var(--action);box-shadow:var(--shadow-sm)}.ui-service-card__icon .icon{width:var(--brand-icon-size);height:var(--brand-icon-size)}
.ui-option-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-md);padding:var(--space-lg);border:var(--border-line);border-radius:var(--radius-md)}.ui-option-row--selected{background:var(--bento-ice);border-color:var(--action)}.ui-option-row label{display:flex;gap:var(--space-md);align-items:start;cursor:pointer}.ui-option-row input[type=checkbox]{accent-color:var(--action);width:var(--choice-size);height:var(--choice-size);flex:none}.ui-option-row label span{display:grid;gap:var(--space-xs)}.ui-option-row small{font-size:var(--text-xs);color:var(--muted)}.ui-option-row__price{font-size:var(--text-sm)}.ui-option-row>.ui-quantity{grid-column:2}
.ui-configuration-summary{border:var(--border-line);border-radius:var(--radius-md);padding:var(--space-lg);display:grid;gap:var(--space-md)}.ui-configuration-summary dl{margin:0;display:grid;gap:var(--space-sm);font-size:var(--text-sm)}.ui-configuration-summary dl>div{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.ui-configuration-summary dd{margin:0;display:flex;gap:var(--space-sm);align-items:center}.ui-configuration-summary__total{display:flex;justify-content:space-between;gap:var(--space-lg);padding-top:var(--space-lg);border-top:var(--border-line);color:var(--action)}.ui-configuration-summary small{font-size:var(--text-xs);color:var(--muted)}.ui-dialog--wide{max-width:var(--commerce-dialog-width);max-height:90vh}.ui-dialog__body{display:grid;gap:var(--space-xl)}
/* L3: section composition, no per-page product card overrides. */
.section-hero-bento{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-lg);min-height:var(--bento-hero-height)}.section-hero-bento__side{display:grid;grid-template-rows:1fr 1fr;gap:var(--space-lg)}
.section-home-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-lg)}
.section-home-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);margin-bottom:var(--space-xl)}.section-home-heading h2{font-size:var(--text-xl);letter-spacing:-.03em}.section-home-heading p{font-size:var(--text-sm);color:var(--muted);margin-top:var(--space-sm)}.section-category-bento{scroll-margin-top:var(--catalog-scroll-offset)}
.ui-bento-grid{display:grid;gap:var(--space-lg);height:var(--bento-height);grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.ui-bento-grid>.ui-bento{grid-column:span 4}
.ui-bento-grid--compare>:nth-child(1){grid-column:span 7}.ui-bento-grid--compare>:nth-child(2){grid-column:span 5}.ui-bento-grid--compare>:nth-child(n+3){grid-column:span 4}.ui-bento-grid--compare>:nth-child(1) .ui-bento__title{font-size:var(--text-xl)}
.ui-bento-grid--editorial>:nth-child(1){grid-column:1/6;grid-row:1/3}.ui-bento-grid--editorial>:nth-child(2){grid-column:6/10}.ui-bento-grid--editorial>:nth-child(3){grid-column:6/10;grid-row:2}.ui-bento-grid--editorial>:nth-child(4){grid-column:10/13;grid-row:1/3}
.ui-bento-grid--panorama>:nth-child(1){grid-column:1/-1}.ui-bento-grid--panorama>:nth-child(n+2){grid-column:span 4}
.ui-bento-grid--split{height:var(--bento-short-height);grid-template-rows:1fr 1fr auto}.ui-bento-grid--split>:nth-child(1){grid-column:1/9;grid-row:1/3}.ui-bento-grid--split>:nth-child(2){grid-column:9/13;grid-row:1}.ui-bento-grid--split>:nth-child(3){grid-column:9/13;grid-row:2/4}.ui-bento-grid--split>:nth-child(4){grid-column:1/9;grid-row:3;flex-direction:row;align-items:center;padding:var(--space-md) var(--space-xl)}.ui-bento-grid--split>:nth-child(4) .ui-bento__description,.ui-bento-grid--split>:nth-child(4) .ui-bento__eyebrow{display:none}.ui-bento-grid--split>:nth-child(4) .ui-bento__pill{margin:0}
.ui-bento-grid--center{grid-template-columns:minmax(0,3fr) minmax(0,4.5fr) minmax(0,3.3fr);height:var(--bento-feature-height)}.ui-bento-grid--center>:nth-child(1){grid-column:2;grid-row:1/3}.ui-bento-grid--center>:nth-child(2){grid-column:1;grid-row:1}.ui-bento-grid--center>:nth-child(3){grid-column:1;grid-row:2}.ui-bento-grid--center>:nth-child(4){grid-column:3;grid-row:1}.ui-bento-grid--center>:nth-child(5){grid-column:3;grid-row:2}
.ui-bento-grid--mosaic>:nth-child(1){grid-column:1/6;grid-row:1/3}.ui-bento-grid--mosaic>:nth-child(2){grid-column:6/10;grid-row:1}.ui-bento-grid--mosaic>:nth-child(3){grid-column:10/13;grid-row:1}.ui-bento-grid--mosaic>:nth-child(4){grid-column:6/13;grid-row:2}
.section-home-family{scroll-margin-top:var(--catalog-scroll-offset)}.section-home-family .section-home-heading h2{font-size:var(--text-lg)}.section-home-product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-lg)}.section-home-product-grid>div{min-width:0}.section-home-family__more{display:flex;justify-content:center;margin-top:var(--space-xl)}

.section-purchase-flow__revision{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:var(--space-2xl);font-size:var(--text-sm);color:var(--muted)}
.section-home-support{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);padding:var(--space-2xl) 0;border-top:var(--border-line)}.section-home-support>div{display:grid;justify-items:start;gap:var(--space-lg)}.section-home-support p{font-size:var(--text-sm);color:var(--muted)}.section-home-support nav{display:flex;gap:var(--space-md)}.section-customer-footer{background:var(--action);color:var(--action-ink);padding:var(--space-3xl) var(--customer-gutter);display:grid;grid-template-columns:1fr auto;gap:var(--space-xl)}.section-customer-footer strong{font-size:var(--text-xl)}.section-customer-footer nav{display:flex;align-items:start;gap:var(--space-xl)}.section-customer-footer a{text-decoration:none;font-size:var(--text-sm)}.section-customer-footer>p{grid-column:1/-1;padding-top:var(--space-xl);font-size:var(--text-xs);border-top:var(--border) solid color-mix(in oklab,var(--action-ink) 25%,transparent)}.section-customer-footer>div>p{font-size:var(--text-sm);margin-top:var(--space-sm)}
.section-catalog-search{display:flex;flex-wrap:wrap;gap:var(--space-xl);align-items:center;justify-content:space-between}.section-catalog-search>p{flex-basis:100%;padding:var(--space-2xl);background:var(--page-background)}.section-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);border-bottom:var(--border-line);padding-bottom:var(--space-lg)}.section-guide-content{display:grid;gap:var(--space-lg)}.section-guide-content>.icon{width:var(--brand-icon-size);height:var(--brand-icon-size);color:var(--action)}.section-guide-content h3{font-size:var(--text-xl)}.section-guide-content small{color:var(--muted)}.section-guide-content ol{display:grid;gap:var(--space-md)}.section-family-comparison>div{display:grid;gap:var(--space-xl)}.section-family-comparison__criteria{display:flex;gap:var(--space-2xl);padding:var(--space-lg);background:var(--bento-ice);border-radius:var(--radius-md)}.section-family-comparison__criteria>span{display:flex;align-items:center;gap:var(--space-sm)}
.section-product-configurator{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--space-2xl)}.section-product-configurator__gallery{display:grid;align-content:start;gap:var(--space-xl)}.section-product-configurator__gallery>img{width:100%;height:var(--commerce-image-height);object-fit:contain;border-radius:var(--radius-lg);background:var(--surface)}.section-product-configurator__gallery>p{font-size:var(--text-xs);color:var(--muted)}.section-product-configurator__purchase{display:grid;gap:var(--space-lg)}.section-product-configurator__purchase h2{font-size:var(--text-xl)}.section-product-configurator__purchase>.ui-muted{font-size:var(--text-sm)}.section-product-configurator__price{font-size:var(--text-xl);color:var(--action)}.section-product-configurator__base{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:var(--page-background);border-radius:var(--radius-md)}.section-product-configurator__options{display:grid;gap:var(--space-md)}.section-product-configurator__options>p{font-size:var(--text-xs)}
/* L4: saved section order and zones. */
body:has(>.layout-customer){background:var(--surface)}.layout-customer{min-width:var(--customer-content-min);max-width:var(--customer-content-max);margin-inline:auto;background:var(--surface);min-height:100vh}.layout-customer-main{background:var(--customer-background);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--customer-section-gap);padding:var(--customer-page-padding) var(--customer-gutter)}.layout-customer-region{min-width:0;scroll-margin-top:var(--catalog-scroll-offset)}.layout-customer-region--full{grid-column:1/-1}.layout-customer-region--main{grid-column:span 8}.layout-customer-region--side{grid-column:span 4}.layout-customer-main--6-6>.layout-customer-region--main,.layout-customer-main--6-6>.layout-customer-region--side{grid-column:span 6}.layout-customer-main--9-3>.layout-customer-region--main{grid-column:span 9}.layout-customer-main--9-3>.layout-customer-region--side{grid-column:span 3}.layout-customer-main--single>.layout-customer-region{grid-column:1/-1}.layout-customer-region:has(>.section-category-bento){margin-top:var(--space-2xl)}.layout-customer-region:has(>.section-catalog-search[style*="display: none"]){display:none}.layout-customer-region:has(>.section-purchase-flow){margin-top:var(--space-2xl)}.layout-customer-region:has(>[style*="display: none"]){display:none}

.ui-bento--product .ui-bento__image{border-radius:var(--radius-md)}.ui-bento--icon .ui-bento__description{max-width:var(--bento-copy-max)}.ui-bento--scene .ui-bento__title{word-break:keep-all}.ui-bento__description{word-break:keep-all}.section-home-heading p{word-break:keep-all}
.ui-bento-grid--compare{height:var(--bento-feature-height);grid-template-rows:var(--bento-feature-rows)}.ui-bento--artwork .ui-bento__image{inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:normal;border-radius:0}.ui-bento--artwork .ui-bento__copy{max-width:52%}.ui-bento--artwork.ui-bento--dark::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--bento-artwork-shade)}.ui-bento--artwork.ui-bento--product .ui-bento__title{font-size:var(--text-lg)}
.ui-bento--artwork .ui-bento__image{object-fit:contain;object-position:right bottom}.ui-bento--copy-top .ui-bento__copy{max-width:100%}.ui-bento--copy-top.ui-bento--dark::before{background:none}.ui-bento--copy-top .ui-bento__pill{margin-top:var(--space-md)}.ui-bento--copy-top{justify-content:flex-start}.ui-bento-grid--center>:nth-child(1).ui-bento--artwork .ui-bento__image{width:100%;height:100%;bottom:0}.ui-bento-grid--center>:nth-child(1).ui-bento--copy-top .ui-bento__copy{max-width:100%}

/* L2: full photographs occupy the tile; copy is an overlay, never a side panel. */
.ui-bento--full .ui-bento__image{inset:0;width:100%;height:100%;padding:0;border-radius:0;object-fit:cover;object-position:right center;mix-blend-mode:normal;background:transparent}
.ui-bento--full::before{display:none}.ui-bento--full{color:var(--bento-photo-ink)}.ui-bento--full.ui-bento--dark{color:var(--bento-dark-ink)}.ui-bento--full.ui-bento--copy-top{justify-content:space-between}.ui-bento--full .ui-bento__copy{max-width:48%}.ui-bento--full.ui-bento--copy-top .ui-bento__copy{max-width:100%}
.ui-bento--text-capacity .ui-bento__title{font-size:var(--bento-capacity-title);line-height:var(--leading-heading);letter-spacing:-.04em}.ui-bento--text-feature .ui-bento__title{font-size:var(--bento-feature-title);line-height:var(--leading-heading)}.ui-bento--full .ui-bento__description{font-size:var(--text-md)}.ui-bento--full .ui-bento__arrow{background:var(--bento-photo-arrow)}.ui-bento--full .ui-bento__pill{font-size:var(--text-lg);padding:var(--space-md) var(--space-xl);color:var(--bento-photo-ink)}
.ui-bento-guide{display:flex;align-items:center;gap:var(--space-xl);padding:var(--space-xl);margin-top:var(--space-lg);border-radius:var(--radius-lg);background:var(--bento-guide-surface);color:var(--bento-photo-ink)}.ui-bento-guide__icon{display:flex;gap:var(--space-md);padding-right:var(--space-xl);border-right:var(--border-line)}.ui-bento-guide__icon .icon{width:var(--brand-icon-size);height:var(--brand-icon-size)}.ui-bento-guide>strong{flex:1;font-size:var(--text-lg)}.ui-bento-guide>.ui-button{background:var(--bento-photo-ink);border-color:var(--bento-photo-ink)}
.ui-service-card--illustrated{position:relative;isolation:isolate;overflow:hidden;align-items:center;color:var(--bento-photo-ink)}.ui-service-card__image{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:right center}.ui-service-card--illustrated>.ui-service-card__copy{max-width:57%;gap:var(--space-sm)}.ui-service-card--illustrated small{color:var(--promotion-action);font-weight:var(--weight-strong);font-size:var(--text-sm)}.ui-service-card--illustrated strong{white-space:pre-line;font-size:var(--bento-promo-title);line-height:var(--leading-heading);letter-spacing:-.03em}.ui-service-card__description{font-size:var(--text-xs);line-height:var(--leading);word-break:keep-all}.ui-service-card--illustrated .ui-service-card__link{color:var(--promotion-action);margin-top:var(--space-xs)}.ui-service-card--illustrated .ui-service-card__link--button{background:var(--promotion-action);color:var(--promotion-ink);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);width:fit-content}
/* L3: the approved hero proportions and editorial heading use common tokens. */

.section-home-heading--feature{align-items:flex-end;color:var(--bento-photo-ink)}.section-home-heading--feature h2{font-size:var(--bento-section-title);word-break:keep-all;line-height:var(--leading-heading);letter-spacing:-.04em}.section-home-heading .section-heading__brand{font-size:var(--text-md);letter-spacing:.25em;font-weight:var(--weight-strong);color:var(--bento-photo-ink);margin:0 0 var(--space-md)}.section-category-bento__note{font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-sm)}

/* Compact storefront density, built from the same L2 parts. */
.section-home-heading{margin-bottom:var(--space-lg)}.section-home-heading h2{font-size:var(--text-lg)}.section-home-heading--feature h2{font-size:var(--bento-section-title)}

.ui-service-card--illustrated{padding:var(--space-lg)}.ui-service-card--illustrated>.ui-service-card__copy{gap:var(--space-xs)}.ui-service-card--illustrated small{font-size:var(--text-xs)}.ui-service-card--illustrated .ui-service-card__link{font-size:var(--text-xs)}
.ui-bento--full .ui-bento__description{font-size:var(--text-sm)}.ui-bento--full .ui-bento__pill{font-size:var(--text-sm);padding:var(--space-sm) var(--space-lg)}.ui-bento-guide{padding:var(--space-lg)}.ui-bento-guide>strong{font-size:var(--text-md)}
.section-guide-banner{padding:var(--space-lg) var(--space-xl)}.section-guide-banner h2{font-size:var(--text-md)}.section-home-support{padding:var(--space-xl) 0}.section-customer-footer{padding:var(--space-2xl) var(--customer-gutter)}

.ui-bento--guide .ui-bento__title{font-size:var(--text-lg);word-break:keep-all}.ui-bento--guide .ui-bento__description{font-size:var(--text-xs)}.ui-bento--guide .ui-bento__pill{margin-top:var(--space-sm);flex-shrink:0}

/* L2: one six-tile composition; every category supplies the same tile contract. */
.ui-bento-grid--showcase{height:var(--bento-showcase-height);grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:var(--bento-showcase-rows);margin-top:var(--bento-popout)}
.ui-bento-grid--showcase>.ui-bento{grid-column:auto}
.ui-bento-grid--showcase>:nth-child(1){grid-column:1;grid-row:1/3}
.ui-bento-grid--showcase>:nth-child(2){grid-column:2/4;grid-row:1}
.ui-bento-grid--showcase>:nth-child(3){grid-column:2;grid-row:2}
.ui-bento-grid--showcase>:nth-child(4){grid-column:3;grid-row:2}
.ui-bento-grid--showcase>:nth-child(5){grid-column:1/3;grid-row:3}
.ui-bento-grid--showcase>:nth-child(6){grid-column:3;grid-row:3}
.ui-bento--cutout{overflow:visible;padding:var(--space-xl);background:linear-gradient(135deg,var(--surface),var(--bento-tint));color:var(--bento-ink);border:var(--border) solid var(--surface);transition:none}
.ui-bento--cutout:hover{transform:none;box-shadow:var(--bento-tile-shadow)}
.ui-bento--cutout .ui-bento__image{inset:auto var(--space-md) var(--space-sm) auto;width:var(--bento-cutout-width);height:var(--bento-cutout-height);object-fit:contain;object-position:center;mix-blend-mode:normal;border-radius:0;padding:0;background:none;filter:drop-shadow(var(--bento-cutout-shadow));pointer-events:none}
.ui-bento--cutout .ui-bento__copy{max-width:52%;gap:var(--space-xs)}
.ui-bento--cutout .ui-bento__copy::before{content:'';display:block;width:var(--bento-marker-width);height:var(--bento-marker-height);margin-bottom:var(--space-sm);border-radius:var(--radius-round);background:var(--bento-accent)}
.ui-bento--cutout .ui-bento__title{font-size:var(--bento-showcase-title);line-height:var(--leading-heading);word-break:keep-all;font-weight:var(--weight-title)}
.ui-bento--cutout .ui-bento__description{font-size:var(--text-xs);line-height:var(--leading);max-width:none}
.ui-bento--cutout .ui-bento__pill,.ui-bento--cutout .ui-bento__arrow{background:var(--bento-ink);color:var(--surface);font-size:var(--text-xs);margin-top:var(--space-sm);flex-shrink:0}
.ui-bento--cutout .ui-bento__pill{padding:var(--space-sm) var(--space-lg)}
.ui-bento--cutout .ui-bento__arrow{width:var(--control-sm);height:var(--control-sm);align-self:flex-start}
.ui-bento--cutout.ui-bento--copy-hero{justify-content:flex-end}
.ui-bento--cutout.ui-bento--copy-hero .ui-bento__image{top:calc(-1 * var(--bento-popout));bottom:auto;right:var(--space-lg);width:calc(100% - 2 * var(--space-lg));height:calc(var(--bento-hero-cutout-height) + var(--bento-popout))}
.ui-bento--cutout.ui-bento--copy-hero .ui-bento__copy{max-width:100%}
.ui-bento--cutout.ui-bento--copy-hero .ui-bento__title{font-size:var(--bento-showcase-hero-title)}
.ui-bento--cutout.ui-bento--copy-wide .ui-bento__copy{max-width:48%}
.ui-bento--cutout.ui-bento--copy-wide .ui-bento__image{top:calc(-1 * var(--bento-popout));bottom:auto;height:calc(100% + var(--bento-popout));width:48%}
.ui-bento--cutout.ui-bento--copy-wide .ui-bento__title{font-size:var(--bento-showcase-hero-title)}
.ui-bento--cutout.ui-bento--copy-guide,.ui-bento--cutout.ui-bento--copy-quote{padding:var(--space-lg) var(--space-xl)}
.ui-bento--cutout.ui-bento--copy-guide .ui-bento__copy{max-width:62%}
.ui-bento--cutout.ui-bento--copy-guide .ui-bento__image{width:36%;height:100%;bottom:0}
.ui-bento--cutout.ui-bento--copy-quote .ui-bento__copy{max-width:65%}
.ui-bento--cutout.ui-bento--copy-quote .ui-bento__image{width:30%;height:94%;bottom:0}
.ui-bento--cutout.ui-bento--guide .ui-bento__title{font-size:var(--text-lg)}
.ui-bento--cutout.ui-bento--guide .ui-bento__copy::before{display:none}
.ui-bento--cutout.ui-bento--guide .ui-bento__pill{padding:var(--space-xs) var(--space-md)}
/* L3: section heading; all card placement and surfaces stay in L2. */
.section-category-bento--showcase{padding:var(--space-xl);color:var(--bento-ink)}
.section-category-bento--showcase .section-home-heading{margin-bottom:var(--space-2xl)}
.section-category-bento--showcase .section-home-heading h2{font-size:var(--bento-showcase-heading)}
.section-category-bento--showcase .section-heading__brand{color:var(--bento-accent);font-size:var(--text-sm);margin:0 0 var(--space-sm)}
.section-category-bento--showcase .section-home-heading>.ui-button{flex-shrink:0;border-color:var(--bento-ink);color:var(--bento-ink)}

/* Product-only composition: remove the support row without stretching the tiles. */
.ui-bento-grid--showcase[data-bento-count="4"]{height:var(--bento-short-height);grid-template-rows:repeat(2,minmax(0,1fr))}

/* L2 photo journal: shared composition and tile placements, no category selectors. */
.ui-bento-grid--journal{height:var(--bento-feature-height);grid-template-columns:minmax(0,5fr) repeat(2,minmax(0,3.5fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--space-md)}
.ui-bento-grid--journal>.ui-bento{grid-column:auto}
.ui-bento-grid--journal>:nth-child(1){grid-column:1;grid-row:1/3}
.ui-bento-grid--journal>:nth-child(2){grid-column:2/4;grid-row:1}
.ui-bento-grid--journal>:nth-child(3){grid-column:2;grid-row:2}
.ui-bento-grid--journal>:nth-child(4){grid-column:3;grid-row:2}
.ui-bento--photograph{padding:0;border-radius:var(--bento-journal-radius);background:var(--bento-journal-surface);color:var(--bento-journal-ink);box-shadow:var(--bento-tile-shadow);border:0;transition:none;justify-content:center;gap:var(--space-lg)}
.ui-bento--photograph:hover{transform:none;box-shadow:var(--bento-tile-shadow)}
.ui-bento--photograph .ui-bento__image{inset:0;width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:normal;border-radius:0;background:none;padding:0}
.ui-bento--photograph .ui-bento__copy{gap:var(--space-xs);max-width:none}
.ui-bento--photograph .ui-bento__title{font-family:var(--site-font);font-size:var(--bento-journal-model-title);font-weight:var(--weight-title);line-height:var(--leading-heading);white-space:normal}
.ui-bento--photograph .ui-bento__subtitle{font-size:var(--text-sm);font-weight:var(--weight-strong)}
.ui-bento--photograph .ui-bento__description{font-size:var(--text-sm);max-width:none}
.ui-bento--photograph .ui-bento__pill{border-radius:var(--radius-sm);background:var(--bento-journal-ink);color:var(--surface);font-size:var(--text-sm);padding:var(--space-sm) var(--space-xl);margin:0;box-shadow:var(--shadow-sm)}
.ui-bento--photograph.ui-bento--copy-right .ui-bento__copy,.ui-bento--photograph.ui-bento--copy-right .ui-bento__pill{margin-left:var(--bento-journal-copy-start);margin-right:var(--space-md)}
.ui-bento--photograph.ui-bento--copy-caption{display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;grid-template-rows:minmax(0,1fr) auto auto;gap:var(--space-sm);align-content:stretch}
.ui-bento--photograph.ui-bento--copy-caption .ui-bento__image{position:relative;z-index:0;grid-row:1;min-height:0;align-self:stretch}
.ui-bento--photograph.ui-bento--copy-caption .ui-bento__copy{padding:0 var(--space-xl)}
.ui-bento--photograph.ui-bento--copy-caption .ui-bento__title{font-size:var(--bento-journal-family-title)}
.ui-bento--photograph.ui-bento--copy-caption .ui-bento__pill{justify-self:start;margin:0 var(--space-xl) var(--space-lg)}
/* L3 chooses journal typography while all tile geometry belongs to L2. */
.section-category-bento--journal .section-home-heading{margin-bottom:var(--space-xl);color:var(--bento-journal-ink)}
.section-category-bento--journal .section-home-heading h2{font-family:var(--site-font);font-size:var(--text-xl);font-weight:var(--weight-title)}
.section-category-bento--journal .section-heading__brand{font-family:var(--site-font);font-size:var(--text-xs);letter-spacing:.12em;margin-bottom:var(--space-sm);color:var(--bento-journal-ink)}

/* L3: one two-row composition, a1/a2 are properties. */
html:has(body > :is(.layout-customer,.layout-customer-chrome)){scrollbar-gutter:stable}
.section-commerce-header{position:relative;width:100%;max-width:var(--customer-content-max);margin-inline:auto;background:var(--header-dark-surface);color:var(--header-dark-ink);--header-control-ink:var(--header-dark-ink);--header-control-hover:var(--header-dark-hover);--header-phone-ink:var(--header-dark-muted);isolation:isolate;z-index:var(--header-menu-z)}
.section-commerce-header__top{min-height:var(--header-top-height);display:grid;grid-template-columns:auto minmax(var(--header-search-min),var(--header-search-max)) minmax(0,1fr);align-items:center;gap:var(--space-2xl);padding-inline:var(--customer-gutter)}
.section-commerce-header__brand{color:var(--header-dark-ink);font-size:var(--header-logo-size);font-weight:var(--header-logo-weight);line-height:var(--header-logo-leading);letter-spacing:var(--header-logo-tracking);text-decoration:none;white-space:nowrap}
.section-commerce-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm)}
.section-commerce-header__nav{min-height:var(--header-nav-height);display:flex;align-items:center;gap:var(--space-lg);padding-inline:var(--customer-gutter)}
.section-commerce-header__links{display:flex;flex:1;align-items:center;gap:var(--space-md);min-width:0}
.section-commerce-header__support{display:flex;align-items:center;gap:var(--space-xs)}
.layout-customer-chrome__panels{display:contents}
.layout-customer-chrome__status{position:fixed;inset:auto var(--customer-gutter) var(--space-lg);z-index:var(--header-menu-z);padding:var(--space-md);border:var(--border-line);border-radius:var(--radius-sm);background:var(--surface)}





.section-commerce-header__top,.section-commerce-header__nav{max-width:var(--customer-content-max);margin-inline:auto;width:100%;box-sizing:border-box}
.section-commerce-header__brand{display:inline-flex;align-items:center;gap:var(--space-md)}
.section-commerce-header__brand img{width:var(--header-logo-mark);height:var(--header-logo-mark);object-fit:contain}



.section-commerce-header{font-synthesis:none;-webkit-font-smoothing:antialiased}

.section-commerce-header__single {
  display: flex;
  align-items: center;
  gap: var(--space-xl);
  min-height: var(--header-top-height);
  padding-inline: var(--customer-gutter);
}
.section-commerce-header__single .section-commerce-header__brand { flex: none; }
.section-commerce-header__single .section-commerce-header__nav { flex: 1; width: auto; min-height: 0; padding: 0; }
.section-commerce-header__single .ui-header-link[aria-current="page"] { background: var(--header-dark-control); }
.section-commerce-header__single .section-commerce-header__actions { flex: none; }

@media (max-width: 70rem) {
  .section-commerce-header__single { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-xs); padding-block: var(--space-xs); }
  .section-commerce-header__single .section-commerce-header__nav { grid-area: 2 / 1 / 3 / -1; justify-self: stretch; flex-wrap: wrap; }
  .section-commerce-header__single .section-commerce-header__links { flex-wrap: wrap; }
}

@media (max-width: 48rem) {
  .section-commerce-header__top { grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-sm); padding-block: var(--space-sm); }
  .section-commerce-header__brand { gap: var(--space-xs); font-size: var(--text-lg); }
  .section-commerce-header__brand img { width: var(--space-xl); height: var(--space-xl); }
  .section-commerce-header__top > .ui-header-search { grid-area: 2 / 1 / 3 / -1; }
  .section-commerce-header__actions { gap: 0; }
  .section-commerce-header__actions .ui-header-action { min-width: var(--control-sm); padding-inline: var(--space-xs); }
  .section-commerce-header__actions .ui-header-action .icon { width: var(--icon-size); height: var(--icon-size); }
  .section-commerce-header__nav { flex-wrap: wrap; gap: var(--space-xs); padding-block: var(--space-xs); }
  .section-commerce-header__links { flex: 1 1 auto; flex-wrap: wrap; gap: 0; }
  .section-commerce-header__links .ui-header-link { font-size: var(--text-sm); padding-inline: var(--space-sm); }
}

/* L3: fixed controls and one complete, scrollable result list. */
body:has(.section-search-panel[open]){overflow:hidden}
.section-search-panel{position:fixed;inset:0 0 auto;margin:0;width:100%;max-width:none;height:var(--search-panel-height);max-height:none;padding:0;border:0;border-radius:0;overflow:hidden;background:var(--search-panel-background);color:var(--ink);box-shadow:var(--search-panel-shadow)}
.section-search-panel::backdrop{background:var(--search-panel-overlay)}
.section-search-panel__inner{width:100%;max-width:var(--customer-content-max);height:100%;min-height:0;margin:0 auto;padding:var(--space-lg) var(--customer-gutter);display:flex;flex-direction:column;gap:var(--space-md)}
.section-search-panel__top{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-xl);flex:none}
.section-search-panel__form{flex:1;min-width:0;max-width:var(--search-input-max)}
.section-search-panel__heading{display:flex;align-items:baseline;gap:var(--space-md);flex:none}
.section-search-panel__heading h2{font-size:var(--text-lg);font-weight:var(--weight-strong);line-height:var(--leading-heading);overflow-wrap:anywhere}
.section-search-panel__filters{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap;flex:none}
.section-search-panel__filters .ui-select:focus-visible,.section-search-panel .ui-button:focus-visible,.ui-icon-button--caption:focus-visible{outline:var(--focus-width) solid var(--header-search-keyboard-ring);outline-offset:var(--space-xs)}
.section-search-panel__results{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;padding:var(--space-xs);outline:none}
.section-search-panel__results:focus-visible{outline:var(--focus-width) solid var(--header-search-keyboard-ring);outline-offset:calc(-1 * var(--focus-width))}
.section-search-panel__grid{display:grid;grid-template-columns:repeat(var(--search-result-columns),minmax(0,1fr));gap:var(--space-lg);align-items:stretch}
.section-search-panel__grid>[hidden]{display:none}

.section-search-panel__results::-webkit-scrollbar{display:none}
.section-search-panel__more{display:flex;align-items:center;justify-content:center;flex:none;height:var(--control-sm)}

/* L3: six category columns assembled from shared L2 links, list and buttons. */
.section-category-menu{position:relative}
.section-commerce-header .section-category-menu{position:static}
.section-category-menu__backdrop{position:absolute;inset:100% 0 auto;height:100vh;background:var(--category-menu-overlay);z-index:0}
.section-category-menu__panel{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:calc(100% - 2 * var(--customer-gutter));max-width:calc(var(--customer-content-max) - 2 * var(--customer-gutter));z-index:1;color:var(--ink);background:var(--surface);border:var(--border-line);border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--header-menu-shadow);max-height:calc(100dvh - var(--header-top-height) - var(--header-nav-height) - var(--space-lg));overflow:auto;overscroll-behavior:contain}
@media (width > 70rem) {
  .section-commerce-header--single .section-category-menu__panel { max-height: calc(100dvh - var(--header-top-height) - var(--space-lg)); }
}
.section-category-menu__heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl)}
.section-category-menu__heading h2{font-size:var(--text-lg);font-weight:var(--weight-strong)}
.section-category-menu__columns{display:grid;grid-template-columns:repeat(var(--category-menu-columns),minmax(0,1fr));padding:var(--space-sm) var(--space-md) var(--space-xl)}
.section-category-menu__column{min-width:0;padding-inline:var(--space-sm)}
.section-category-menu__column+.section-category-menu__column{border-left:var(--border-line)}
.section-category-menu__column>.ui-category-link{margin-bottom:var(--space-md)}
.section-category-menu__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);border-top:var(--border-line);padding:var(--space-md) var(--space-xl)}
.section-category-menu__footer p{font-size:var(--text-sm);color:var(--muted)}

.section-category-menu__title{display:flex;align-items:center;gap:var(--space-xl);flex-wrap:wrap}

.section-hero-bento--square-three{grid-template-columns:minmax(0,var(--hero-wide-main-track)) minmax(0,var(--hero-wide-side-track));height:var(--hero-square-height);min-height:0}
.section-hero-bento--square-three>.ui-hero-banner{min-height:0}
.section-hero-bento--square-three .section-hero-bento__side{grid-template-rows:repeat(3,minmax(0,1fr));min-height:0}

.ui-service-card--compact-square{min-width:0;min-height:0;border-radius:0;padding:var(--space-md) var(--space-lg);overflow:hidden}
.ui-service-card--compact-square.ui-service-card--ice{background:var(--service-quote-surface)}
.ui-service-card--compact-square.ui-service-card--illustrated.ui-service-card--warm{background:var(--service-event-surface)}
.ui-service-card--compact-square>.ui-service-card__copy{max-width:var(--service-compact-copy-width);gap:var(--space-xs)}
.ui-service-card--compact-square strong{font-size:var(--text-lg);line-height:var(--leading-heading);white-space:normal}
.ui-service-card--compact-square .ui-service-card__image{object-fit:contain;object-position:right center;mask-image:linear-gradient(90deg,transparent 30%,#000 65%)}
.ui-service-card--compact-square .ui-service-card__link{font-size:var(--text-xs);margin-top:var(--space-xs)}
.ui-service-card--compact-square .ui-service-card__icon{padding:var(--space-md);box-shadow:none;border-radius:0}

/* L4: square hero reaches the content edges when selected for a page. */
.layout-customer-region:has(>.section-hero-bento--square-three){margin-inline:calc(-1 * var(--customer-gutter))}
.layout-customer-region:first-child:has(>.section-hero-bento--square-three){margin-top:calc(-1 * var(--customer-page-padding))}

/* L2 extensions: reusable glass service card and transparent header search. */
.ui-service-card--floating-glass{position:relative;isolation:auto;min-width:0;min-height:0;padding:var(--space-lg);border:var(--border) solid var(--service-glass-border);border-radius:var(--service-glass-radius);background:transparent;color:var(--service-glass-ink);box-shadow:var(--service-glass-shadow);overflow:hidden;transition:none}
.ui-service-card--floating-glass::before{content:"";position:absolute;inset:0;z-index:0;background:var(--service-glass-surface);-webkit-backdrop-filter:var(--service-glass-filter);backdrop-filter:var(--service-glass-filter);pointer-events:none}
.ui-service-card--floating-glass::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;box-shadow:var(--service-glass-rim);background:var(--service-glass-reflection);pointer-events:none}
.ui-service-card--floating-glass>.ui-service-card__copy{position:relative;z-index:1;max-width:calc(100% - var(--research-card-image-width));gap:var(--space-xs);text-shadow:var(--service-glass-text-shadow)}
.ui-service-card--floating-glass strong{font-size:var(--text-lg);line-height:var(--leading-heading);letter-spacing:-.03em;white-space:normal}
.ui-service-card--floating-glass .ui-service-card__description{font-size:var(--text-xs);line-height:var(--leading);color:inherit}
.ui-service-card--floating-glass .ui-service-card__link{width:fit-content;padding:var(--space-xs) var(--space-md);border:var(--border) solid var(--service-glass-border);border-radius:var(--radius-round);background:var(--service-glass-action);color:inherit;font-size:var(--text-xs);margin-top:var(--space-xs)}
.ui-service-card__illustration{position:absolute;right:var(--space-xs);top:0;z-index:3;width:var(--research-card-image-width);height:100%;object-fit:contain;mix-blend-mode:normal;pointer-events:none}
.ui-hero-artwork{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--research-art-position);pointer-events:none}
.ui-hero-banner--research{background:transparent;border-radius:0;overflow:visible}
.ui-hero-banner--research .ui-hero-banner__copy{min-height:0;padding:0;gap:var(--space-lg)}
.ui-hero-banner--research .ui-hero-banner__copy>p{text-shadow:none}
.ui-header-search--transparent .ui-header-search__trigger{background:transparent;border-color:var(--research-border);color:var(--research-ink)}
.ui-header-search--transparent .ui-header-search__trigger .icon{color:inherit}
.ui-header-search--transparent .ui-header-search__trigger:hover,.ui-header-search--transparent .ui-header-search__trigger:focus-visible{background:var(--research-overlay)}

/* L3: existing header with a transparent surface; same HTML and behavior. */
.section-commerce-header--transparent{background:transparent;color:var(--research-ink);--header-control-ink:var(--research-ink);--header-control-hover:var(--research-overlay);--header-phone-ink:var(--research-ink)}
.section-commerce-header--transparent .section-commerce-header__brand{color:var(--research-ink)}

/* L3: one artwork behind copy, wordmark and three overlaid white cards. */
.section-hero-bento--research{position:relative;isolation:isolate;display:block;height:var(--research-hero-height);min-height:0;padding:var(--space-xl) var(--customer-gutter);background:var(--research-surface);color:var(--research-ink);border-radius:0}
.section-hero-bento--research>.ui-hero-artwork{position:absolute;inset:0;z-index:-1}
.section-hero-bento--shared{background:transparent;isolation:auto}
.section-hero-bento--research>.ui-hero-banner{position:absolute;top:var(--research-copy-offset);left:var(--customer-gutter);width:var(--research-copy-width)}
.section-hero-bento--research>.section-hero-bento__side{position:absolute;top:var(--space-xl);bottom:var(--space-2xl);right:var(--customer-gutter);width:var(--research-cards-width);display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:var(--space-lg)}

/* L4: header and leading hero share exactly one background. */
.layout-customer-intro{position:relative;isolation:isolate;background:var(--research-surface)}
.layout-customer-intro>.ui-hero-artwork{position:absolute;inset:0;z-index:-1}
.layout-customer-intro+.layout-customer-main{padding-top:var(--customer-section-gap)}
.layout-customer-region:has(>.section-hero-bento--research){margin-inline:calc(-1 * var(--customer-gutter))}
.ui-hero-banner--research h1{font-size:var(--research-title-size)}
.ui-hero-banner--research .ui-hero-banner__copy>p{font-size:var(--text-md);word-break:keep-all}

/* L2: optional decorative video, image fallback and shared icon buttons. */
.ui-hero-artwork--video{position:relative;pointer-events:none}
.ui-hero-artwork__poster,.ui-hero-artwork__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--research-art-position);z-index:-1}
.ui-hero-artwork--video::after{content:"";position:absolute;inset:0;background:var(--hero-video-shade),var(--hero-video-header-shade);z-index:-1}
.ui-hero-artwork__control{position:absolute;left:50%;bottom:var(--space-md);transform:translateX(-50%);z-index:1;pointer-events:auto}
.ui-hero-artwork__control .ui-button{width:var(--hero-playback-size);height:var(--hero-playback-size);min-height:var(--hero-playback-size);padding:0;background:transparent;color:var(--hero-video-control-ink);border:0;box-shadow:none}
.ui-hero-artwork__control .icon{width:var(--hero-playback-icon);height:var(--hero-playback-icon)}
.section-hero-bento--research>.ui-hero-artwork--video,.layout-customer-intro>.ui-hero-artwork--video{z-index:auto}

.section-hero-bento__wordmark{position:absolute;top:0;left:23%;width:47%;text-align:center;margin:0;font-size:var(--research-wordmark-size);font-weight:var(--weight-title);letter-spacing:-.05em;line-height:1;color:var(--research-ink);pointer-events:none}

/* L2: original issuer artwork; images retain their individual aspect ratios. */
.ui-payment-cards{position:relative;width:100%;height:var(--research-hero-height);pointer-events:none}
.ui-payment-cards__card{position:absolute;width:var(--payment-card-landscape-width);height:auto;object-fit:contain;filter:drop-shadow(var(--payment-card-shadow))}
.ui-payment-cards__card--samsung{width:var(--payment-card-portrait-width);left:15%;top:0;transform:rotate(-10deg)}
.ui-payment-cards__card--hyundai{width:var(--payment-card-portrait-width);left:60%;top:0;transform:rotate(9deg)}
.ui-payment-cards__card--bc{left:0;top:42%;transform:rotate(-7deg)}
.ui-payment-cards__card--shinhan{left:52%;top:42%;transform:rotate(8deg)}
.ui-payment-cards__card--kb{left:2%;bottom:0;transform:rotate(-7deg)}
.ui-payment-cards__card--nh{left:52%;bottom:0;transform:rotate(8deg)}
.ui-carousel-controls{display:flex;align-items:center;gap:var(--space-sm);width:fit-content;padding:0;background:transparent;color:var(--research-ink)}
.ui-carousel-controls__pages{display:flex;gap:var(--space-xs)}
.ui-carousel-controls__pages .ui-button{position:relative;min-width:var(--hero-playback-size);width:var(--hero-playback-size);height:var(--hero-playback-size);min-height:var(--hero-playback-size);padding:0;font-size:0;border:0;background:transparent;color:inherit}
.ui-carousel-controls__pages .ui-button::after{content:"";width:var(--hero-page-dot-width);height:var(--hero-page-dot-height);border-radius:var(--radius-round);background:currentColor;opacity:.35}
.ui-carousel-controls__pages .is-active .ui-button::after{opacity:1}
.ui-carousel-controls .ui-button--icon{width:var(--hero-playback-size);height:var(--hero-playback-size);min-height:var(--hero-playback-size);padding:0;color:inherit;background:transparent;border:0;box-shadow:none}
.ui-carousel-controls__toggle span{display:flex;align-items:center;justify-content:center}
.ui-carousel-controls__toggle .icon{width:var(--hero-playback-icon);height:var(--hero-playback-icon)}
.ui-carousel-controls .ui-button:focus-visible,.ui-carousel-controls .ui-icon-button:focus-visible{outline:var(--focus-width) solid currentColor;outline-offset:var(--space-xs)}
.ui-carousel-arrows{display:flex;align-items:center;justify-content:space-between;padding-inline:var(--hero-arrow-inset);pointer-events:none}
.ui-carousel-arrows .ui-button{width:var(--hero-arrow-size);height:var(--hero-arrow-size);min-height:var(--hero-arrow-size);padding:0;border:var(--border) solid var(--research-border);border-radius:var(--radius-round);background:var(--hero-arrow-surface);color:var(--research-ink);pointer-events:auto;box-shadow:none}
.ui-carousel-arrows .ui-button:focus-visible{outline:var(--focus-width) solid currentColor;outline-offset:var(--space-xs)}

/* L3: separate registered compositions; common parts and original hero remain shared. */
.section-hero-bento--payment{background:var(--payment-surface)}
.section-hero-bento--payment>.ui-payment-cards{position:absolute;left:var(--payment-art-left);top:var(--payment-art-top);width:var(--payment-art-width);height:var(--payment-art-height)}
.section-hero-bento__payment-note{position:absolute;right:var(--customer-gutter);bottom:var(--space-xs);font-size:var(--payment-note-size);color:var(--research-ink)}
.ui-hero-banner--payment h1{white-space:pre-line}
.ui-hero-banner--payment .ui-button{color:var(--research-control);background:var(--surface);border-color:var(--surface)}
.section-hero-bento--video{background:var(--hero-video-surface)}
.section-hero-bento--shared{background:transparent;isolation:auto}
.ui-hero-artwork__poster,.ui-hero-artwork__video{object-fit:cover;object-position:center;transform:none;animation:none}
.ui-hero-artwork--video{background:var(--hero-video-surface);isolation:isolate}
.section-hero-bento__wordmark{left:var(--research-wordmark-left);width:var(--research-wordmark-width)}

/* L4: one header, three independent L3 sections, a shared slide controller. */
.layout-customer-intro--payment{background:var(--payment-surface)}
.layout-customer-intro--video{background:var(--hero-video-surface)}
.layout-customer-intro__background{position:absolute;inset:0;z-index:-1;pointer-events:none}
.layout-customer-intro__background--video{z-index:auto}
.layout-customer-intro .ui-hero-artwork__control{display:none}
.layout-customer-intro>.ui-carousel-controls{position:absolute;left:50%;bottom:var(--space-md);transform:translateX(-50%);z-index:2}

/* L4: foreground copy/cards stay interactive without covering the video control. */
.layout-customer-intro__hero{position:relative;pointer-events:none}
.layout-customer-intro__hero>.ui-carousel-arrows{position:absolute;inset:0;z-index:2}
.layout-customer-intro__hero .ui-hero-banner,.layout-customer-intro__hero .section-hero-bento__side{pointer-events:auto}

/* Product-film framing keeps baked-in labels visible. */
.ui-hero-artwork--product .ui-hero-artwork__poster,.ui-hero-artwork--product .ui-hero-artwork__video{object-fit:cover}
.ui-hero-artwork--product::after{background:none}
.section-hero-bento--product-video{height:var(--research-hero-height);padding:0}

.layout-customer-intro--product{background:var(--hero-product-header-surface)}

.layout-customer-intro--product::after{content:"";position:absolute;top:calc(var(--header-top-height) + var(--header-nav-height));inset-inline:0;height:var(--hero-product-blend-height);background:var(--hero-product-header-surface);mask-image:linear-gradient(to bottom,#000,transparent);pointer-events:none;z-index:1}

/* L3 directory variant composes the same L2 category and list controls. */
.section-category-menu--directory .section-category-menu__panel{display:flex;flex-direction:column;overflow:hidden}
.section-category-menu--directory .section-category-menu__heading,.section-category-menu--directory .section-category-menu__footer{flex:none}
.section-category-menu__count{margin-left:auto;color:var(--muted);font-size:var(--text-sm);white-space:nowrap}
.section-category-menu__index{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-xl) var(--space-sm);border-bottom:var(--border-line);flex:none}
.section-category-menu__body{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.section-category-menu__directory{columns:var(--category-directory-columns);column-gap:var(--space-xl);column-rule:var(--border-line);padding:var(--space-md) var(--space-xl) var(--space-xl)}
.section-category-menu__letter-group{break-inside:avoid;margin-bottom:var(--space-lg)}
.section-category-menu__letter-group h3{color:var(--action);font-size:var(--text-lg);line-height:var(--leading-heading);font-weight:var(--weight-title);padding:var(--space-xs) var(--space-sm)}

.section-category-menu__scroll-frame{position:relative;display:flex;flex-direction:column;min-height:0}
.section-category-menu__body{scrollbar-width:none}
.section-category-menu__body::-webkit-scrollbar{display:none}
.section-category-menu__scroll-hint{position:absolute;bottom:0;inset-inline:0;height:var(--space-4xl);display:flex;justify-content:center;align-items:flex-end;padding-bottom:var(--space-sm);pointer-events:none;background:linear-gradient(to bottom,color-mix(in oklab,var(--surface) 0%,transparent),var(--surface))}
.section-category-menu__scroll-hint>.ui-button{pointer-events:auto}

.ui-service-card--summary{height:100%;align-items:flex-start;justify-content:flex-start;gap:var(--space-lg);padding:var(--space-xl);border:var(--border-line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);box-shadow:none}
.ui-service-card--summary>.icon{flex:none;width:var(--icon-size);height:var(--icon-size);color:var(--action)}
.ui-service-card--summary .ui-service-card__copy{display:flex;flex-direction:column;align-self:stretch;max-width:none;gap:var(--space-md)}
.ui-service-card--summary strong{font-size:var(--text-lg);line-height:var(--leading-heading)}
.ui-service-card--summary .ui-service-card__description{font-size:var(--text-sm);color:var(--muted);word-break:keep-all}
.ui-service-card--summary .ui-service-card__link{font-size:var(--text-sm);color:var(--action);margin-top:auto;padding-top:var(--space-sm)}
.section-home-showcase{padding:var(--space-xl)}
.section-home-showcase .section-home-heading{margin-bottom:var(--space-2xl)}
.section-home-showcase .section-home-heading h2{font-size:var(--bento-section-title)}
.section-product-tabs,.section-purchase-guide{padding-block:var(--space-xl);scroll-margin-top:var(--catalog-scroll-offset)}
.section-product-tabs .section-home-heading h3{font-size:var(--text-lg)}
.section-purchase-guide__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg)}

/* L2 rotating variant keeps a fixed canvas while the shared tile changes. */
.ui-bento-grid--rotating{height:auto;display:grid;grid-template-columns:var(--bento-rotation-cols);grid-template-rows:repeat(4,var(--bento-rotation-row));gap:var(--bento-rotation-gap);padding-top:var(--bento-rotation-overhang)}
.ui-bento-motion{min-width:0;min-height:0;position:relative;perspective:var(--bento-rotation-perspective)}
.ui-bento-motion:nth-child(1){grid-area:1 / 1 / 3 / 2}
.ui-bento-motion:nth-child(2){grid-area:3 / 1 / 5 / 2}
.ui-bento-motion:nth-child(3){grid-area:1 / 2 / 4 / 3}
.ui-bento-motion:nth-child(4){grid-area:4 / 2 / 5 / 3}
.ui-bento-motion:nth-child(5){grid-area:1 / 3 / 2 / 4}
.ui-bento-motion:nth-child(6){grid-area:2 / 3 / 5 / 4}
.ui-bento-motion__face{position:absolute;inset:0;backface-visibility:hidden;transform-origin:center}
.ui-bento--rotating{border:0;--bento-rotation-fill:var(--bento-rotation-light);display:block;position:relative;width:100%;height:100%;overflow:visible;padding:var(--bento-rotation-padding);border-radius:var(--bento-rotation-radius);background:var(--bento-rotation-fill);color:var(--product-card-ink);box-shadow:var(--bento-rotation-shadow)}
.ui-bento--rotating.ui-bento--brand{--bento-rotation-fill:var(--bento-rotation-blue);color:var(--bento-rotation-white)}
.ui-bento--rotating.ui-bento--red{--bento-rotation-fill:var(--bento-rotation-red);color:var(--bento-rotation-white)}
.ui-bento--rotating.ui-bento--charcoal{--bento-rotation-fill:var(--bento-rotation-dark);color:var(--bento-rotation-white)}
.ui-bento--rotating .ui-bento__copy{position:absolute;top:var(--bento-rotation-padding);left:var(--bento-rotation-padding);max-width:calc(100% - 2 * var(--bento-rotation-padding));gap:var(--space-sm);z-index:1}
.ui-bento--rotating .ui-bento__eyebrow{font-size:var(--text-xs);letter-spacing:var(--bento-rotation-tracking);opacity:.85}
.ui-bento--rotating .ui-bento__title{font-size:var(--bento-rotation-title);font-weight:var(--weight-title);word-break:keep-all;overflow-wrap:anywhere;line-height:var(--leading-heading)}
.ui-bento--rotating .ui-bento__subtitle{font-size:var(--text-xs);opacity:.7}
.ui-bento--rotating .ui-bento__image{z-index:0;right:var(--bento-rotation-padding);bottom:var(--bento-rotation-padding);width:calc(100% - 2 * var(--bento-rotation-padding));height:calc(100% - var(--bento-rotation-copy-height));object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(var(--bento-rotation-image-shadow));padding:0;background:none;border-radius:0}
.ui-bento-motion--hero .ui-bento__eyebrow{font-size:var(--bento-rotation-keyword);line-height:1;font-weight:var(--weight-title);letter-spacing:0;opacity:1}
.ui-bento-motion--hero .ui-bento__image{height:calc(100% - var(--bento-rotation-copy-height) - var(--space-lg))}
.ui-bento-motion--portrait .ui-bento__copy{top:auto;bottom:var(--bento-rotation-padding)}
.ui-bento-motion--portrait .ui-bento__title{font-size:var(--bento-rotation-small-title)}
.ui-bento-motion--portrait .ui-bento__image{bottom:var(--bento-rotation-portrait-copy);height:calc(100% - var(--bento-rotation-portrait-copy) + var(--bento-rotation-overhang))}
.ui-bento-motion--wide .ui-bento__copy{top:50%;transform:translateY(-50%);max-width:calc(var(--bento-rotation-wide-copy) - var(--space-md))}
.ui-bento-motion--wide .ui-bento__title{font-size:var(--bento-rotation-small-title)}
.ui-bento-motion--wide .ui-bento__image{right:var(--space-md);bottom:var(--space-md);width:var(--bento-rotation-wide-media);height:calc(100% + var(--bento-rotation-wide-overhang))}
.ui-bento-motion__face.is-out{animation:bento-lift-out var(--bento-rotation-half) ease-in both;pointer-events:none}
.ui-bento-motion__face.is-in{animation:bento-lift-in var(--bento-rotation-half) ease-out both;pointer-events:none}
[data-effect=flip] .ui-bento-motion__face.is-out{animation-name:bento-flip-out}
[data-effect=flip] .ui-bento-motion__face.is-in{animation-name:bento-flip-in}
@keyframes bento-lift-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(calc(-1 * var(--bento-rotation-travel)))}}
@keyframes bento-lift-in{from{opacity:0;transform:translateY(var(--bento-rotation-travel))}to{opacity:1;transform:translateY(0)}}
@keyframes bento-flip-out{from{opacity:1;transform:rotateY(0)}to{opacity:0;transform:rotateY(90deg)}}
@keyframes bento-flip-in{from{opacity:0;transform:rotateY(-90deg)}to{opacity:1;transform:rotateY(0)}}
@media(prefers-reduced-motion:reduce){.ui-bento-motion__face.is-out,.ui-bento-motion__face.is-in{animation:none}}
/* L3 composition and controls; tile styling stays in the common L2 variant. */
.section-rotating-showcase{width:100%;max-width:var(--customer-content-max);margin-inline:auto;padding:var(--space-2xl);background:var(--customer-background)}
.section-rotating-showcase__header{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:var(--space-xl);margin-bottom:var(--space-2xl)}
.section-rotating-showcase__header h2{margin-top:var(--space-sm);font-size:var(--text-2xl);font-weight:var(--weight-title);line-height:var(--leading-heading)}

.ui-bento--rotating .ui-bento__copy::before{display:none}
.ui-bento--rotating:hover{box-shadow:var(--bento-rotation-shadow)}

/* Four-slot composition reuses the rotating tile and its independent state. */
.ui-bento-grid--rotating[data-bento-count="4"]{grid-template-columns:var(--bento-compact-cols);grid-template-rows:repeat(2,minmax(0,1fr));height:var(--bento-compact-height);padding-top:0;margin-top:var(--space-4xl)}
.ui-bento-grid--rotating[data-bento-count="4"]>.ui-bento-motion:nth-child(1){grid-area:1 / 1 / 3 / 2}
.ui-bento-grid--rotating[data-bento-count="4"]>.ui-bento-motion:nth-child(2){grid-area:1 / 2 / 3 / 3}
.ui-bento-grid--rotating[data-bento-count="4"]>.ui-bento-motion:nth-child(3){grid-area:1 / 3 / 2 / 4}
.ui-bento-grid--rotating[data-bento-count="4"]>.ui-bento-motion:nth-child(4){grid-area:2 / 3 / 3 / 4}
.ui-bento--composed.ui-bento--rotating,.ui-bento--composed.ui-bento--rotating:hover{background:none;box-shadow:none}
.ui-bento--composed.ui-bento--rotating .ui-bento__image{inset:auto 0 0;width:100%;height:100%;object-fit:fill;object-view-box:none;filter:drop-shadow(var(--bento-scene-shadow));border-radius:0;pointer-events:none}
.ui-bento--composed.ui-bento--rotating .ui-bento__copy{left:var(--bento-scene-copy-padding);top:calc(var(--bento-scene-copy-offset,0%) + var(--bento-scene-copy-padding));bottom:auto;transform:none;gap:var(--space-sm);max-width:calc(100% - 2 * var(--bento-scene-copy-padding))}
.ui-bento--composed.ui-bento--rotating .ui-bento__title{font-size:var(--bento-scene-title)}
.ui-bento--composed.ui-bento--rotating .ui-bento__eyebrow{font-size:var(--bento-scene-keyword);line-height:var(--leading-heading);font-weight:var(--weight-strong);letter-spacing:var(--bento-rotation-tracking);opacity:1}
.ui-bento-motion--portrait .ui-bento--composed .ui-bento__image{height:calc(100% / var(--bento-scene-panel-fraction))}
.ui-bento-motion--portrait .ui-bento--composed .ui-bento__copy{max-width:calc(var(--bento-scene-portrait-copy) - var(--bento-scene-copy-padding))}
.ui-bento-motion--wide .ui-bento--composed .ui-bento__image{height:calc(100% / var(--bento-scene-panel-fraction))}
.ui-bento-motion--wide .ui-bento--composed .ui-bento__copy{max-width:calc(var(--bento-scene-wide-copy) - var(--bento-scene-copy-padding))}
.ui-bento-motion--wide .ui-bento--composed .ui-bento__title{font-size:var(--bento-scene-small-title)}

/* Layered artwork keeps copy fixed while the product crosses the panel edge. */
.ui-bento--layered.ui-bento--rotating::before{content:'';position:absolute;z-index:-1;inset:0 var(--bento-layer-panel-right) 0 0;border-radius:var(--bento-rotation-radius);background:var(--bento-rotation-fill);box-shadow:var(--bento-rotation-shadow);pointer-events:none}
.ui-bento--layered.ui-bento--rotating .ui-bento__image{transform:translateX(calc(var(--bento-layer-offset) + var(--bento-layer-popout)));filter:none}

.ui-configuration-summary--compact { padding: var(--space-sm) var(--space-md); }
.ui-configuration-summary--compact .ui-configuration-summary__total { padding: 0; border: 0; }