.design-picker{display:flex;align-items:center;justify-content:center;gap:25px;padding:14px 20px;background:#f4f5f7;color:#252525;border-bottom:1px solid #d8dadd;font-family:Arial,sans-serif}.design-picker>span{font-size:.75rem;letter-spacing:.08em;color:#60656b}.design-picker nav{display:flex;gap:8px;flex-wrap:wrap}.design-picker a{font-size:.875rem;padding:9px 15px;border:1px solid transparent;background:white}.design-picker a[aria-current]{background:#292a2d;color:white;border-color:#292a2d}.design-picker a:hover{border-color:#292a2d}
.packaging-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;padding:60px 6%;background:var(--paper)}.packaging-story>img{width:100%;height:auto}.packaging-story h2{margin:20px 0;font-size:clamp(2rem,3.3vw,3.2rem)}.packaging-story>div>p:not(.eyebrow){max-width:430px;line-height:1.8;color:#665e59}.hero-photo:after{display:none}.photo-caption{background:#191919bc;padding:8px 12px}.hero-photo>img{object-fit:contain;object-position:center}.hero h1{line-height:1.08;font-size:clamp(3rem,5vw,5.8rem)}.hero h1 em{display:inline}.hero-description{max-width:420px}.hero-photo{background:#211619}.hero-note{margin-top:30px}.hero{min-height:530px}.hero-photo{min-height:530px}
/* Ivory & Gold: centered, spacious, with a panoramic product presentation. */
html[data-style=ivory]{--ink:#493c2b;--berry:#71572e;--paper:#fffdf8;--line:#ded4c4}
[data-style=ivory] .announcement,[data-style=ivory] footer{background:#493c2b}
[data-style=ivory] .header{background:#fffdf8;border-color:#ded4c4}
[data-style=ivory] .hero{display:flex;flex-direction:column;margin:0;background:#f3eddf;color:#493c2b;min-height:0}
[data-style=ivory] .hero-copy{align-items:center;text-align:center;padding:48px 20px 35px}
[data-style=ivory] .hero h1{font-size:clamp(3.4rem,5.5vw,5.7rem);margin:20px 0;color:#493c2b}
[data-style=ivory] .hero h1 em{color:#876c3f;font-style:italic}
[data-style=ivory] .hero h1 br{display:none}
[data-style=ivory] .hero-description{color:#665743;max-width:520px}
[data-style=ivory] .formula-badge{border:0;border-bottom:1px solid #a68b5b;color:#71572e;padding:0 0 10px;letter-spacing:.15em}
[data-style=ivory] .hero .button{background:#71572e;border-color:#71572e;color:white}
[data-style=ivory] .hero-note{display:none}
[data-style=ivory] .hero-photo{margin:0 auto 40px;width:84%;min-height:0;aspect-ratio:2364/1330;max-width:1100px;background:transparent}
[data-style=ivory] .photo-caption{background:#493c2bd9}
[data-style=ivory] .section-heading h2{font-weight:400;letter-spacing:.03em}
[data-style=ivory] .product-image{background:#f2eee5}
[data-style=ivory] .collection-formula,[data-style=ivory] .button{background:#71572e;border-color:#71572e;color:white}
[data-style=ivory] .features{background:#eee7d9}
[data-style=ivory] .feature-image{background:#f7f3ec}
[data-style=ivory] .story{background:#fffdf8}
[data-style=ivory] .closing{background:#f3eddf}
/* Modern Editorial: dark campaign, sharply defined geometry and restrained gold. */
[data-style=editorial] .hero{grid-template-columns:.85fr 1.15fr;background:#171716}
[data-style=editorial] .hero-copy{padding:65px 8%}
[data-style=editorial] .hero h1{font-size:clamp(3.1rem,4.5vw,5rem);text-transform:uppercase}
[data-style=editorial] .hero h1 em{font-style:normal;color:#d2bd90}
[data-style=editorial] .hero-photo{background:#171716}
[data-style=editorial] .formula-badge{color:#e0cfa9;border-color:#b7a16f;font-size:.875rem}
[data-style=editorial] .packaging-story{background:#ededeb}
[data-style=editorial] .packaging-story h2{text-transform:uppercase}
/* Soft Blush: asymmetric photo-led composition with softer typography and forms. */
html[data-style=blush]{--ink:#613549;--berry:#7b3f58;--paper:#fff9fa;--line:#e7ccd7}
[data-style=blush] .announcement,[data-style=blush] footer{background:#613549}
[data-style=blush] .header{background:#fff9fa}
[data-style=blush] .hero{grid-template-columns:1.15fr 1fr;margin:25px 4% 0;background:#f4e2e6;color:#613549;border-radius:5px 5px 90px 5px;overflow:hidden}
[data-style=blush] .hero-photo{order:-1;margin:35px 0 35px 35px;min-height:470px;background:transparent;border-radius:100px 100px 8px 8px}
[data-style=blush] .hero-photo>img{object-fit:cover;object-position:53% center}
[data-style=blush] .hero-copy{padding:60px 9%;justify-content:center}
[data-style=blush] .hero h1{font-size:clamp(3rem,4.6vw,5rem);letter-spacing:-.05em}
[data-style=blush] .hero h1 em{font-style:italic;color:#925b70}
[data-style=blush] .hero-description,[data-style=blush] .hero-note{color:#744f60}
[data-style=blush] .formula-badge{border-color:#ad788f;color:#613549;font-size:.875rem;border-radius:30px}
[data-style=blush] .button{background:#7b3f58;border-color:#7b3f58;border-radius:30px;color:#fff}
[data-style=blush] .hero .button{background:#7b3f58;color:white;border-color:#7b3f58}
[data-style=blush] .product-image{background:#f4e9ed;border-radius:45px 45px 0 0}
[data-style=blush] .product-label{top:24px;left:20px}
[data-style=blush] .collection-formula{background:#7b3f58;border-radius:30px}
[data-style=blush] .features,[data-style=blush] .closing{background:#f4e2e6}
[data-style=blush] .story{background:#fff9fa}
[data-style=blush] .packaging-story>img{border-radius:4px 65px 4px 4px}
@media(max-width:760px){.design-picker{flex-direction:column;gap:8px;padding:12px}.design-picker nav{justify-content:center;gap:5px}.design-picker a{font-size:.75rem;padding:9px}.packaging-story{grid-template-columns:1fr;padding:35px 6%;gap:28px}.hero{grid-template-columns:1fr!important}.hero-copy{padding:35px 7%!important}.hero h1{font-size:3.4rem!important}.hero-photo{min-height:0!important;height:auto!important;aspect-ratio:2364/1330;max-height:none}.hero-note{margin-top:0}.photo-caption{font-size:.75rem;bottom:12px;right:12px}[data-style=ivory] .hero h1 br{display:block}[data-style=ivory] .hero-photo{width:92%;margin-bottom:22px}[data-style=blush] .hero{margin:15px 4%;border-radius:4px 4px 45px 4px}[data-style=blush] .hero-photo{order:0;margin:0 15px 20px;border-radius:35px 35px 4px 4px}[data-style=blush] .hero-photo>img{object-fit:contain}[data-style=blush] .hero-copy{padding:35px 8%!important}[data-style=blush] .product-label{left:14px;font-size:.75rem}}
/* Catalog browsing shared across the three design directions. */
.header{gap:18px}.header nav{gap:18px;font-size:.875rem}.header-search{padding:0 12px}.bag span{display:none}.catalog-note{text-align:center;margin:20px auto;color:#6c625a;font-size:.875rem;max-width:600px}.category-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:28px 0}.category-tabs button{background:transparent;color:var(--ink);border:1px solid var(--line);padding:12px 19px;font-size:.875rem}.category-tabs button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.catalog-filters{display:flex;gap:16px;flex-wrap:wrap;padding:20px 0;border-top:1px solid var(--line);align-items:end}.catalog-filters label{display:flex;flex:1;flex-direction:column;gap:5px;min-width:130px;font-size:.75rem;text-transform:uppercase;letter-spacing:.07em}.catalog-filters select{border:1px solid var(--line);max-width:none;width:100%;background:var(--paper);padding:10px;font-size:.875rem}.catalog-filters button{padding:12px}.shop-controls{margin-top:0}.search input{width:220px}.catalog-cover{width:100%;min-height:235px;border:1px solid var(--line);background:#f0ece5;color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:25px;gap:20px}.catalog-cover strong{font-family:var(--serif);font-size:2.5rem;font-weight:400;line-height:1.15;overflow-wrap:anywhere}.catalog-cover>span:not(.eyebrow){font-size:.875rem}.catalog-cover .cover-action{margin-top:auto;font-size:.75rem;letter-spacing:.05em;border-top:1px solid var(--line);width:100%;padding-top:14px}.catalog-cover:hover{border-color:var(--ink)}.product-name{font-size:1rem;color:inherit;background:none;border:0;padding:0;text-align:left}.product-formula{font-size:.75rem!important;font-weight:600;letter-spacing:.03em}.product>p{overflow-wrap:anywhere}.catalog-detail{padding:15px 5px}.catalog-detail h2{font-size:2.5rem;margin:12px 0 18px}.catalog-detail h3{margin-top:24px}.catalog-detail ul{display:flex;flex-wrap:wrap;list-style:none;padding:0;gap:10px}.catalog-detail li{border:1px solid var(--line);padding:8px 12px}.detail-status{margin:25px 0 12px;font-weight:600}#dialog-note{color:#666;font-size:.875rem}[data-style=blush] .catalog-cover{background:#f4e9ed;border-radius:35px 35px 0 0}[data-style=editorial] .catalog-cover{background:#efefed}.header nav [aria-current]{text-decoration:underline;text-underline-offset:7px}@media(max-width:1000px){.header nav{gap:12px}.header-search{font-size:0}.header-search svg{width:20px}.catalog-cover{padding:18px;min-height:230px}.catalog-cover strong{font-size:2rem}}@media(max-width:760px){.header nav a:last-child{display:block}.header nav{overflow-x:auto;justify-content:flex-start;padding-bottom:13px}.category-tabs{justify-content:flex-start;gap:8px}.category-tabs button{padding:10px 12px}.catalog-filters{gap:12px}.catalog-filters label{min-width:calc(50% - 12px)}.catalog-cover{min-height:250px;padding:16px}.catalog-cover strong{font-size:1.75rem}.catalog-cover .eyebrow{font-size:.75rem;letter-spacing:0}.search input{width:180px}.catalog-detail h2{font-size:2rem}.header-search{font-size:.875rem}}
