/* Stable document flow and control geometry across desktop window sizes. */
:root{--site-gutter:clamp(24px,5vw,80px);--control-height:44px}
main>.section-wrap{max-width:1600px;width:100%;margin-inline:auto}
body[data-page=index] main>.capability-section{max-width:1440px;width:calc(100% - 2*var(--site-gutter));margin:0 auto}
main>.page-breadcrumb{max-width:1600px;margin-inline:auto}
button,.button,.text-link,.nav-contact{box-sizing:border-box;max-width:100%}
.button,.nav-contact{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-height);line-height:1.5;gap:12px;white-space:normal}
.button svg,.text-link svg,.nav-contact svg,button svg{flex-shrink:0}
.about-actions,.contact-phone-actions,.location-actions,.cart-actions,.detail-purchase{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.about-actions>.button,.contact-phone-actions>.button,.cart-actions>.button{flex:0 1 auto}
.shop-card,.gift-card,.about-copy,.section-intro,.production-story>div,.contact-intro,.contact-details,.service-grid>article{min-width:0}
.shop-spec-options,.size-chips,.gift-size-options,.quote-size-filters{min-width:0}
.size-chips{display:flex;flex-wrap:wrap;gap:8px}
.size-chips button{min-height:42px;line-height:1.5;white-space:nowrap}
.quote-price,.gift-prices strong,.shop-choice-summary>strong,.detail-price strong{white-space:nowrap;font-variant-numeric:tabular-nums}
.detail-purchase>label{min-width:96px}.detail-purchase>.button{min-width:150px}
.dialog-close{flex-shrink:0}dialog{max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px)}
/* The artwork, copy/actions, and bottom caption have independent reserved space. */
@media(min-width:761px){
 body[data-page=about] .hero{display:grid;grid-template-rows:minmax(0,1fr) auto;position:relative;isolation:isolate;min-height:620px;height:auto;max-height:none;max-width:1600px;width:100%;margin:0 auto;padding:0 var(--site-gutter);overflow:hidden}
 body[data-page=about] .hero>picture{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:0}
 body[data-page=about] .hero .hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:right center}
 body[data-page=about] .hero-shade{z-index:1;background:linear-gradient(90deg,#10110ff0 0%,#10110faa 35%,transparent 67%)}
 body[data-page=about] .hero-copy{grid-row:1;position:relative;z-index:2;display:block;width:53%;max-width:640px;min-width:0;align-self:center;padding:54px 0 34px;margin:0}
 body[data-page=about] .hero-copy>.eyebrow{margin:0 0 24px;font-size:10px;line-height:1.8;letter-spacing:2.5px}
 body[data-page=about] .hero h1{font-size:clamp(42px,4vw,64px);line-height:1.35;letter-spacing:2px;font-weight:500;margin:0}
 body[data-page=about] .hero-description{margin:24px 0 0;font-size:14px;line-height:2;letter-spacing:1px}
 body[data-page=about] .hero-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;width:auto;gap:18px;margin:26px 0 0}
 body[data-page=about] .hero-actions>a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;line-height:1.5;font-size:13px;letter-spacing:0;padding:12px 20px;gap:22px;white-space:nowrap;flex:0 0 auto;margin:0}
 body[data-page=about] .hero-actions>.primary{min-width:192px}.hero-actions>.text-link{min-width:120px}
 body[data-page=about] .hero-actions .action-arrow{width:18px;height:18px;margin:0;flex-shrink:0}
 body[data-page=about] .hero-bottom{grid-row:2;position:relative;inset:auto;z-index:2;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 24px;margin:0;padding:20px 0 24px;width:100%;border-top:1px solid #ffffff24;line-height:1.8;min-height:74px}
 body[data-page=about] .hero-bottom>span{font-size:10px;letter-spacing:2px;white-space:nowrap}
 body[data-page=about] .hero-bottom>a{font-size:12px;letter-spacing:0;white-space:nowrap}
 body[data-page=about] .hero-bottom>small{display:block;position:static;font-size:10px;line-height:1.8;letter-spacing:0;color:#b9b69f}
 .site-header .brand,.site-header .nav-contact,.site-header .menu-button{flex-shrink:0}
 .site-header nav{min-width:0}.site-header nav a{flex-shrink:0}
}
@media(max-width:760px){
 :root{--site-gutter:18px}
 body[data-page=index] main>.capability-section{width:calc(100% - 36px)}
 .button,.nav-contact{gap:9px}.detail-purchase{align-items:flex-end;gap:12px}.detail-purchase>.button{min-width:140px}
 /* Preserve the compact two-column mobile introduction and clear bottle artwork. */
 body[data-page=about] .hero{min-height:0;height:auto;max-height:none;display:flex;flex-direction:column}
 body[data-page=about] .hero-copy{position:relative;order:0;display:grid;grid-template-columns:minmax(0,1fr) 116px;column-gap:12px;row-gap:0;width:100%;padding:30px 18px 22px;margin:0}
 body[data-page=about] .hero-copy>.eyebrow,body[data-page=about] .hero-copy>h1{grid-column:1/-1}
 body[data-page=about] .hero h1{font-size:39px;line-height:1.5;margin:0 0 20px;letter-spacing:0}
 body[data-page=about] .hero-description{grid-column:1;font-size:12px;line-height:1.9;letter-spacing:0;margin:0;align-self:center}
 body[data-page=about] .hero-actions{grid-column:2;display:flex;flex-direction:column;gap:8px;margin:0;width:116px;align-self:center}
 body[data-page=about] .hero-actions>a{width:100%;min-width:0;min-height:36px;padding:7px 5px;gap:6px;font-size:11px;line-height:1.6;white-space:nowrap}
 body[data-page=about] .hero>picture{order:1;position:relative;display:block;inset:auto;width:100%;height:350px;margin:0}
 body[data-page=about] .hero .hero-art{position:relative;inset:auto;display:block;width:100%;height:100%;object-fit:contain;object-position:center}
 body[data-page=about] .hero-shade{display:none}
 body[data-page=about] .hero-bottom{order:2;position:relative;inset:auto;display:flex;flex-wrap:wrap;gap:12px;margin:0 18px;padding:16px 0 20px;width:auto;font-size:9px;letter-spacing:1px}
 body[data-page=about] .hero-bottom>small{position:static;font-size:9px;line-height:1.8;letter-spacing:0}
}
@media(max-width:350px){body[data-page=about] .hero-copy{grid-template-columns:minmax(0,1fr) 108px;column-gap:8px}body[data-page=about] .hero-actions{width:108px}body[data-page=about] .hero-actions>a{font-size:10px}body[data-page=about] .hero-description{font-size:11px}body[data-page=about] .hero>picture{height:300px}}
/* Utility controls in the published customization page follow the same geometry. */
.draft-tools{flex-wrap:wrap;align-items:center}
.draft-tools button,.draft-tools .import-label,.preview-toolbar button,.preview-settings button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;line-height:1.5}
.delivery-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-actions>*{min-width:0}
.customizer-panel-heading{flex-wrap:wrap;gap:12px}.preview-toolbar{flex-wrap:wrap}