/* One useful question between the two shopping rails. */
.quick-beauty-guide{display:grid;grid-template-columns:1.15fr 1fr 1fr;align-items:center;gap:25px;margin:8px 6.5% 24px;padding:25px 28px;border:1px solid var(--line);border-radius:7px;background:var(--surface)}.quick-guide-heading .eyebrow{font-size:6px;letter-spacing:1.5px;color:var(--muted)}.quick-guide-heading h2{font:24px/1.8 Body;margin:7px 0 3px}.quick-guide-heading p{font:13px/1.9 Body;color:var(--muted);margin:0}.quick-guide-field{display:grid;gap:9px}.quick-guide-field label{font:13px/1.8 Body}.quick-guide-field select{width:100%;min-height:46px;border:1px solid var(--line);border-radius:5px;background:var(--page);color:var(--ink);font:14px/1.8 Body;padding:9px 12px}.quick-guide-result{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.quick-guide-result>span{font:13px/1.8 Body;color:var(--muted)}.quick-guide-result button{border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font:13px/1.8 Body;min-height:44px;display:flex;align-items:center;gap:18px;padding:5px 0}.quick-guide-result button svg{width:17px}.quick-guide-result button:disabled{opacity:.45}
/* Short, landscape hero. Photographs fill their own native wide frame. */
@media(max-width:700px){
#home.hero,#home.hero[data-photo="true"]{height:calc(100vw / 2.2 + 55px);min-height:0;max-height:none;padding:0 0 55px}
#home.hero .hero-copy{left:6%;width:53%;top:calc(50% - 27px)}#home.hero .hero-copy>.eyebrow,#home.hero .hero-copy .logo-replay{display:none}#home.hero .hero-copy>p{position:absolute!important;width:1px;min-height:0;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0;margin:0!important}#home.hero .hero-copy h1{font-size:23px;line-height:1.14;margin:0 0 10px;min-height:0}#home.hero .hero-copy h1:has(.lady-logo-sculpture){margin:0 0 10px}#home.hero .hero-copy .lady-logo-word{font-size:22px;letter-spacing:0}#home.hero .hero-copy .lady-logo-line{font-size:35px}#home.hero .hero-copy .button{font-size:11px;min-height:40px;padding:7px 10px;gap:8px}#home.hero:not([data-photo="true"]) .hero-art{width:41%;right:1%;height:calc(100% - 55px);top:0}#home.hero .hero-art .motion-toggle{display:none}#home.hero .hero-ritual{inset:4% 4% 4% 0}#home.hero .hero-products{inset:3% 0 3%}#home.hero .hero-floor{bottom:0}#home.hero .hero-bottom{bottom:10px}
#home.hero[data-photo="true"] .hero-photo{position:absolute;inset:0 0 55px;display:block}#home.hero[data-photo="true"] .hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center}#home.hero[data-photo="true"] .hero-photo-caption{position:absolute;clip-path:inset(50%);width:1px;height:1px;min-height:0;overflow:hidden;padding:0}
.quick-beauty-guide{grid-template-columns:1fr 1fr;gap:13px 14px;margin:8px 6% 20px;padding:20px 17px}.quick-guide-heading{grid-column:1/-1}.quick-guide-heading h2{font-size:22px;margin-top:5px}.quick-guide-heading p{font-size:12px}.quick-guide-field label{font-size:12px}.quick-guide-field select{font-size:12px;padding:9px 7px;min-height:44px}.quick-guide-result{gap:4px}.quick-guide-result>span{font-size:12px}.quick-guide-result button{font-size:12px;gap:6px;line-height:1.8;text-align:right}.quick-guide-result button svg{flex-shrink:0;width:15px}
}
@media(max-width:350px){#home.hero .hero-copy h1{font-size:21px}#home.hero .hero-copy .lady-logo-word{font-size:19px}#home.hero .hero-copy .lady-logo-line{font-size:30px}#home.hero .hero-copy .button{min-height:36px;font-size:10px}.quick-beauty-guide{grid-template-columns:1fr}.quick-guide-heading{grid-column:auto}.quick-guide-result{flex-direction:row;align-items:center;justify-content:space-between}.quick-guide-result>span{max-width:48%}}