/* Boutique edition 6: restrained navigation and product-first layouts. */
:root{--muted:#64665b;--space:clamp(20px,4.5vw,78px)}
.subnav{justify-content:center;gap:clamp(24px,4vw,64px);padding:7px 20px;font-size:11px;letter-spacing:.08em;overflow:visible}
.subnav a{display:flex;align-items:center;min-height:37px}
.desktop-nav a{min-height:44px;display:flex;align-items:center;font-size:11px}
.header-inner{height:82px}
.announcement{font-size:9px;letter-spacing:.12em;padding:8px 14px}
.shop-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:570px;background:#e9e2d7;border-bottom:1px solid var(--line)}
.shop-hero-image{display:block;overflow:hidden;min-height:0;aspect-ratio:1/1;max-height:740px;background:#e8e0d4}
.shop-hero-image img{object-fit:contain;max-height:740px}
.shop-hero-copy{padding:65px clamp(28px,6vw,100px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.shop-hero h1{font-size:clamp(46px,5.2vw,83px);line-height:1.05;letter-spacing:-.025em;margin:25px 0}
.shop-hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;max-width:360px;color:#5b5c50}
.shop-hero-copy .button{margin-top:32px}
.shop-hero-copy .text-link{margin-top:25px}
.signatures-section{padding-top:65px;padding-bottom:70px}
.product-image{background:#eee8de}
.product-label{font-size:9px;letter-spacing:.06em;color:#626457;padding-top:16px}
.product-meta h3{font-size:13px;line-height:1.5}
.product-meta .price{font-size:12px}
.product-color{font-size:11px}
.card-add{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;width:100%;margin-top:9px;border-bottom:1px solid var(--line);font-size:11px;text-align:left}
.card-add:hover{color:var(--olive);border-color:var(--olive)}
.card-add>span{font-size:18px;line-height:1}
.product-card .heart{width:40px;height:40px}
.card-quick{display:none}
.universe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.universes-section{border-top:1px solid var(--line);background:#f0ede6}
.universe-card{display:block;position:relative;aspect-ratio:4/5;max-height:650px;overflow:hidden;color:white;background:#a18c74}
.universe-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#161810a6)}
.universe-card img{transition:transform .6s;object-position:50% 35%}
.universe-card:hover img{transform:scale(1.025)}
.universe-card>span{position:absolute;left:32px;right:32px;bottom:30px;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.universe-card small{font-size:10px;letter-spacing:.14em}
.universe-card strong{font:44px/1.1 var(--serif)}
.universe-card i{font-style:normal;font-size:11px;border-bottom:1px solid #ffffff8c;padding:5px 0}
.category-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:28px}
.category-shortcuts a{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:48px;border-bottom:1px solid var(--line);font-size:12px}
.beauty-mineral{grid-template-columns:1fr 1fr;background:#e9e5d9}
.beauty-mineral .beauty-preview-image{aspect-ratio:1/1;min-height:0;max-height:680px}
.beauty-mineral .beauty-preview-image svg{object-fit:contain}
.beauty-mineral .button{margin-top:28px}
.beauty-mineral .form-note{font-size:10px!important;margin-top:20px}
.shop-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:50px var(--space);gap:40px;border-bottom:1px solid var(--line)}
.shop-services>a,.shop-services>button{text-align:left;padding:5px 0;min-width:0}
.shop-services span{font-size:10px;color:var(--olive);letter-spacing:.12em}
.shop-services h2{font-size:25px;margin:12px 0}
.shop-services p{font-size:12px;color:var(--muted);max-width:300px}
.shop-tabs a{min-height:38px;display:flex;align-items:center}
.shop-filters{flex-wrap:wrap}
.filter-label select{min-height:40px}
.active-filter{min-height:40px;display:inline-flex;align-items:center;gap:12px}
.beauty-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#e9e5d9;border-bottom:1px solid var(--line)}
.beauty-hero-image{aspect-ratio:1/1;min-width:0;max-height:680px;overflow:hidden}
.beauty-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:55px clamp(25px,5vw,80px)}
.beauty-hero h1{font-size:clamp(44px,5vw,76px);line-height:1.08;margin:23px 0}
.beauty-hero-copy>p:not(.eyebrow){font-size:13px;color:#5e6152;max-width:420px;line-height:1.9}
.beauty-hero-copy .beauty-disclosure{font-size:11px!important;border-top:1px solid #cac8bc;padding-top:22px;margin-top:25px}
.beauty-list-heading h2{font-size:clamp(34px,4vw,54px);line-height:1.12;margin:14px 0}
.packaging-section{background:#ebe5d9;border-top:1px solid var(--line)}
.packaging-board{width:100%;display:block;position:relative;overflow:hidden;border:1px solid #bfb29b;aspect-ratio:1774/887}
.packaging-board img{object-fit:contain}
.packaging-board>span{position:absolute;bottom:14px;right:14px;background:var(--paper);font-size:10px;padding:8px 13px}
.packaging-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:28px}
.packaging-notes span{font-size:9px;letter-spacing:.08em;color:var(--olive)}
.packaging-notes h3{font:30px var(--serif);margin:10px 0}
.packaging-notes p{font-size:12px;color:var(--muted);line-height:1.9}
.mobile-secondary{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px;border-top:1px solid var(--line);padding:20px 0}
.mobile-secondary a{font-size:12px;min-height:44px;display:flex;align-items:center}
.beauty-campaigns .art-card>p{font-size:11px}
@media(max-width:1100px){
 .subnav{justify-content:center;gap:clamp(20px,4vw,45px);overflow:visible;white-space:normal}
 .shop-hero{min-height:0}.shop-hero-copy{padding:45px 35px}.shop-hero h1{font-size:60px}
 .shop-toolbar{align-items:flex-start}.shop-filters{gap:15px}.filter-label{flex-direction:column;align-items:flex-start;gap:3px}
 .filter-label select{max-width:170px}.item-count{padding-top:23px}
 .beauty-hero-copy{padding:35px}.beauty-hero h1{font-size:55px}
}
@media(max-width:850px){
 .subnav{display:none}.header-inner{height:74px}.shop-hero-copy{padding:32px 26px}.shop-hero h1{font-size:49px}
 .shop-hero-copy>p:not(.eyebrow){font-size:12px}.shop-hero-copy .eyebrow{font-size:9px}.shop-hero-copy .button{font-size:9px;padding:14px 18px;gap:15px}
 .product-meta{display:block}.product-meta .price{display:block;margin-top:5px}.product-meta h3{min-height:39px}
 .universe-card>span{left:25px;bottom:25px}.universe-card strong{font-size:38px}
 .beauty-hero-copy{padding:25px}.beauty-hero h1{font-size:45px}.beauty-hero-copy>p:not(.eyebrow){font-size:12px}
 .shop-services{gap:25px}.shop-services h2{font-size:23px}
 .packaging-notes{gap:22px}.packaging-notes h3{font-size:27px}.packaging-notes p{font-size:11px}
 .item-count{padding-top:23px}
}
@media(max-width:600px){
 .announcement{font-size:8px;padding:8px 10px;letter-spacing:.08em}.announcement span{margin:0 8px}
 .header-inner{height:68px;margin:0 12px;grid-template-columns:32px minmax(0,1fr) auto;gap:4px}
 .wordmark{font-size:18px;letter-spacing:.13em;gap:7px;justify-self:center}.wordmark .brand-mark{width:24px;height:24px}
 .header-actions{gap:1px}.header-actions .icon-button{width:32px;min-width:32px;height:44px}.header-actions svg{width:19px;height:19px}.bag-button{gap:1px}.bag-button span{font-size:9px;min-width:9px}.mobile-menu{width:32px;height:44px}
 .shop-hero{display:flex;flex-direction:column}.shop-hero-image{aspect-ratio:1/1}.shop-hero-copy{padding:32px 24px 38px}.shop-hero h1{font-size:51px;margin:18px 0}.shop-hero-copy>p:not(.eyebrow){font-size:13px}.shop-hero-copy .button{font-size:10px;padding:14px 22px;margin-top:25px}.shop-hero-copy .text-link{margin-top:22px}
 .section-heading{align-items:start}.section-heading h2{font-size:32px}.section-heading>.text-link{font-size:9px;white-space:normal;gap:10px;text-align:right;max-width:105px;flex:none}
 .signatures-section{padding-top:42px;padding-bottom:45px}.product-grid{gap:28px 12px}.product-meta h3{font-size:12px;min-height:36px}.product-meta .price{font-size:12px}.product-label{font-size:8px;padding-top:12px}.product-color{font-size:10px}.product-card .heart{width:36px;height:36px;right:5px;top:5px}.card-add{font-size:10px;gap:5px;min-height:44px;margin-top:6px}.card-add span{font-size:17px}
 .universe-grid{gap:13px}.universe-card{aspect-ratio:3/5}.universe-card>span{left:16px;right:12px;bottom:18px;gap:8px}.universe-card small{font-size:8px}.universe-card strong{font-size:31px}.universe-card i{font-size:10px}
 .category-shortcuts{grid-template-columns:1fr;gap:4px;margin-top:20px}.category-shortcuts a{font-size:12px}
 .beauty-mineral{grid-template-columns:1fr}.beauty-mineral .beauty-preview-image{aspect-ratio:1/1}.beauty-preview h2{font-size:43px}.beauty-mineral .button{margin-top:24px}
 .shop-services{grid-template-columns:1fr;padding:32px 24px;gap:0}.shop-services>a,.shop-services>button{border-bottom:1px solid var(--line);padding:22px 0}.shop-services>:last-child{border-bottom:0}.shop-services h2{font-size:25px;margin:9px 0}.shop-services p{max-width:none}
 .shop-tabs{font-size:10px;gap:22px}.shop-toolbar{display:block;padding-top:18px}.filter-label{font-size:10px}.filter-label select{font-size:11px;max-width:100%}.item-count{padding-top:12px;font-size:10px}.shop-products{padding-top:24px}
 .beauty-hero{grid-template-columns:1fr}.beauty-hero-image{aspect-ratio:1/1}.beauty-hero-copy{padding:32px 24px 38px}.beauty-hero h1{font-size:49px}.beauty-hero-copy>p:not(.eyebrow){font-size:13px}.beauty-hero-copy .beauty-disclosure{font-size:11px!important}.beauty-list-heading h2{font-size:37px}
 .packaging-board>span{font-size:9px;bottom:7px;right:7px;padding:5px 8px}.packaging-notes{grid-template-columns:1fr;gap:22px}.packaging-notes article{border-top:1px solid #cbc5b6;padding-top:18px}.packaging-notes h3{font-size:28px}.packaging-notes p{font-size:12px}.mobile-nav a{font-size:28px;min-height:57px}.mobile-secondary a{font-size:12px}
 .product-detail{position:static}.product-description{font-size:13px}.product-detail details,.product-detail details p{font-size:12px}.product-price small{display:block;margin-left:0;margin-top:5px}
}
@media(max-width:360px){.wordmark{font-size:16px;letter-spacing:.1em;gap:5px}.wordmark .brand-mark{width:21px;height:21px}.header-inner{margin:0 10px}.header-actions .icon-button{width:30px;min-width:30px}.shop-hero h1{font-size:46px}.product-meta h3{font-size:11px}.card-add{font-size:9px}.section-heading h2{font-size:29px}.beauty-hero h1{font-size:44px}}
