/* Shared page frame for the floating capsule navigation. */
:root{--layout-gutter:clamp(20px,3.2vw,64px);--layout-nav-top:calc(18px + var(--season-strip-h,0px));--layout-nav-height:66px;--layout-nav-clear:calc(104px + var(--season-strip-h,0px));--layout-start:calc(132px + var(--season-strip-h,0px));--layout-max:1600px}
body[data-layout]{--sn-gutter:var(--layout-gutter);--hm-gut:var(--layout-gutter)}
body[data-layout] .nav-study{left:var(--layout-gutter);right:var(--layout-gutter);top:var(--layout-nav-top)}
body[data-layout] .nav-study-bar{height:var(--layout-nav-height)}
body[data-layout] :is(.sn-header,.ac-header,.ld-nav,.mn-mega,.mn-curtain,.mn-drawer,.mn-scrim){display:none!important}
body[data-layout]:not([data-layout="immersive"]):not([data-layout="experience"]){padding-top:var(--layout-start)!important}
body[data-layout]:not([data-layout="immersive"]):not([data-layout="experience"])::before{content:"";position:fixed;inset:0 0 auto;height:var(--layout-nav-clear);background:var(--ac-bg,var(--alda-paper));z-index:1480;pointer-events:none}
body[data-layout="immersive"],body[data-layout="experience"]{padding-top:var(--season-strip-h,0px)!important}
/* Full-screen scenes use the space beneath the announcement, including its expanded row. */
body[data-layout="immersive"] .v2-hero{height:calc(100dvh - var(--season-strip-h,0px))}
body[data-layout="immersive"] .kitchen-deck-step{top:calc(var(--deck-top) + var(--card-order) * 12px + var(--season-strip-h,0px))}
@media(prefers-reduced-motion:no-preference){body[data-layout="immersive"] .edit-story-stage{top:var(--season-strip-h,0px);height:calc(100svh - var(--season-strip-h,0px))}}
body[data-layout] :is(.pg-tabs,.pg-toc,.mi-toolbar){scroll-margin-top:calc(var(--layout-nav-clear) + 24px)}
body[data-layout] :is([id],input,button){scroll-margin-top:calc(var(--layout-nav-clear) + 20px)}
body[data-layout="product"]{--layout-start:calc(104px + var(--season-strip-h,0px))}
/* Product pages share the navigation's edges, with a restrained buying column. */
body[data-layout="product"] .ac-wrap{width:100%;max-width:var(--layout-max);padding-inline:var(--layout-gutter);margin-inline:auto}
body[data-layout="product"] .ac-crumb{font-size:12px;line-height:1.6;margin:0 0 12px;max-width:100%;overflow-wrap:anywhere}
body[data-layout="product"] .pa-main{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:clamp(32px,5vw,80px)}
body[data-layout="product"] .pa-panel-in{max-width:510px;margin-inline:auto;padding-top:0}
body[data-layout="product"] .pa-title{font-size:clamp(32px,3vw,48px);line-height:1.08;text-wrap:balance}
body[data-layout="product"] .pa-photo{background:var(--alda-paper);border-radius:12px;overflow:hidden}
/* Collection introduction and filters occupy distinct horizontal bands. */
body[data-layout="collection"] .pl.pl-minimal{padding-top:0}
body[data-layout="collection"] .mi-main{max-width:var(--layout-max);margin-inline:auto;padding-inline:var(--layout-gutter)}
body[data-layout="collection"] .mi-head{padding:0 0 32px;gap:28px}
body[data-layout="collection"] .mi-head h1{font-size:clamp(38px,4.2vw,64px);line-height:1.08;margin-top:16px;text-wrap:balance}
body[data-layout="collection"] .mi-head .pl-cats{flex-wrap:wrap;row-gap:8px}
body[data-layout="collection"] .mi-toolbar{top:var(--layout-nav-clear);background:var(--ac-bg,var(--alda-paper));min-height:62px;gap:20px}
body[data-layout="collection"] .mi-grid{column-gap:24px;row-gap:40px;padding-top:24px}
/* Editorial and utility pages use the same frame with comfortable reading widths. */
body[data-layout="content"] .pg-hero{padding:10px 0 48px}
body[data-layout="content"] .hm-wrap{width:calc(100% - 2 * var(--layout-gutter));max-width:1472px;margin-inline:auto}
body[data-layout="content"] .hm-wrap.is-narrow{max-width:850px}
body[data-layout="content"] .pg-crumb{margin-bottom:28px}
body[data-layout="content"] .pg-title{font-size:clamp(40px,5.5vw,84px);line-height:1.05;text-wrap:balance}
body[data-layout="content"] .pg-dek{max-width:58ch;line-height:1.6}
body[data-layout="content"] .pg-docbody{max-width:76ch}
body[data-layout="content"] .pg-tabs{top:var(--layout-nav-clear)}
body[data-layout="content"] .pg-toc{top:calc(var(--layout-nav-clear) + 24px)}
body[data-layout] .sf-top,body[data-layout] .sf-legal{padding-inline:var(--layout-gutter)}
/* the wordmark keeps to the same edges as the columns and the legal line (2026-11-04, the owner) */
body[data-layout] .hm-foot.sf .hm-foot-mark{padding-inline:var(--layout-gutter)}
/* The menu has one scrollable content area beneath its anchored controls. */
body[data-layout] .nav-expand .nav-study-panel{max-height:calc(100dvh - var(--layout-nav-top) - var(--layout-nav-height) - 24px);overscroll-behavior:contain;scrollbar-gutter:stable}
body[data-layout] .nav-expand-category{min-height:44px}
body[data-layout="experience"] .ac-fpanel{padding-top:var(--layout-nav-clear)}
@media(min-width:1600px){body[data-layout="product"] .ac-wrap,body[data-layout="collection"] .mi-main{max-width:none;margin-inline:var(--layout-gutter);width:auto;padding-inline:0}}
@media(max-width:1000px){body[data-layout="product"] .pa-main{grid-template-columns:minmax(0,1fr);gap:28px}body[data-layout="product"] .pa-panel{position:static}body[data-layout="product"] .pa-panel-in{max-width:680px;margin-inline:auto}body[data-layout="product"] .pa-gallery{margin-inline:0}}
@media(max-width:700px){
 :root{--layout-gutter:20px;--layout-nav-top:calc(12px + var(--season-strip-h,0px));--layout-nav-height:56px;--layout-nav-clear:calc(84px + var(--season-strip-h,0px));--layout-start:calc(106px + var(--season-strip-h,0px))}
 body[data-layout] .nav-study-brand img{width:95px}
 body[data-layout] .nav-study-actions{gap:4px;padding:4px}
 body[data-layout="product"]{--layout-start:calc(86px + var(--season-strip-h,0px))}
 body[data-layout="product"] .ac-crumb{font-size:11px;margin-bottom:10px}
 body[data-layout="product"] .pa-title{font-size:34px}
 body[data-layout="product"] .pa-gallery{margin-inline:calc(-1 * var(--layout-gutter))}
 body[data-layout="product"] .pa-photo{border-radius:0}
 body[data-layout="collection"] .mi-head{padding:0 0 24px;gap:18px}
 body[data-layout="collection"] .mi-head h1{font-size:40px}
 body[data-layout="collection"] .mi-toolbar{gap:12px;min-height:56px;flex-wrap:wrap}
 body[data-layout="collection"] .mi-grid{column-gap:12px;row-gap:28px}
 body[data-layout="content"] .pg-hero{padding:4px 0 32px}
 body[data-layout="content"] .pg-title{font-size:42px}
 body[data-layout="content"] .pg-crumb{margin-bottom:22px}
 body[data-layout] .nav-expand .nav-study-panel{padding-inline:12px}
}

@media(min-width:701px) and (max-width:1000px){
 body[data-layout="product"] .pa-stack{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:0}
 body[data-layout="product"] .pa-photo,body[data-layout="product"] .pa-photo.is-wide{flex:0 0 100%;height:min(52svh,520px);aspect-ratio:auto;scroll-snap-align:start}
 body[data-layout="product"] .pa-photo img{height:100%;object-fit:contain}
 body[data-layout="product"] .pa-dots{display:flex;justify-content:center;gap:6px;margin-top:12px}
}