/* Homepage refresh: bounded spacing, readable typography and gift ticket actions. */
.beauty-hero .hero-copy{box-sizing:border-box;min-height:clamp(620px,44vw,900px);width:62%;max-width:1200px;padding:clamp(48px,6vw,140px) clamp(24px,5vw,150px);background:none;align-items:flex-start}
.beauty-hero{min-height:clamp(620px,44vw,900px)}
.beauty-hero .hero-eyebrow{max-width:100%;font-size:clamp(.65rem,.8vw,.9rem);letter-spacing:.18em;line-height:1.6}
.gift-headline{margin:0 0 38px;font-family:var(--serif);font-size:clamp(3.5rem,5.5vw,9rem);font-weight:400;line-height:1.02;letter-spacing:-.035em;color:#fff;transform:none}
.gift-headline em{color:#edcfb8;font-weight:400}.gift-headline>span{display:block}
.hero-gift-link,.signature-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:60px;padding:10px 12px 10px 26px;border-radius:999px;background:#edcfb8;color:#221816;font-family:Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;text-decoration:none;transition:background .2s,transform .2s}
.hero-gift-link>span,.signature-cta>span{display:grid;place-items:center;width:40px;height:40px;border:1px solid currentColor;border-radius:50%;font-size:22px;transition:transform .25s}
.hero-gift-link:hover,.signature-cta:hover{background:#fff;transform:translateY(-2px)}
.hero-gift-link:hover>span,.signature-cta:hover>span{transform:rotate(45deg)}
.gift-terms{margin:18px 0 0;color:#e7dcd6;font:12px/1.6 Arial,sans-serif;max-width:100%}
.hero-offer{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.hero-price-lockup{display:grid;min-width:235px;padding:17px 22px 18px;border-left:3px solid #edcfb8;background:rgba(23,16,15,.64);box-shadow:0 16px 36px rgba(0,0,0,.18);backdrop-filter:blur(12px)}
.hero-price-lockup small{color:#edcfb8;font:700 10px/1.3 Arial,sans-serif;letter-spacing:.15em}
.hero-price-lockup strong{margin:2px 0;color:#fff;font:400 clamp(2.4rem,3.4vw,4.6rem)/.95 var(--serif);letter-spacing:-.045em}
.hero-price-lockup span{color:#e7dcd6;font:11px/1.4 Arial,sans-serif}
.hero-values{display:none}
main .product-stage{--card-gap:clamp(18px,1.6vw,48px);--shelf-pad:clamp(20px,3vw,90px);display:block;padding:64px var(--shelf-pad);background:#f7f3ed;color:#211b19}
main .product-stage .collection-shelf{box-sizing:border-box;width:100%;max-width:none;margin-inline:0;padding-inline:0}
main .product-stage .deck-label{box-sizing:border-box;width:100%;max-width:none;margin:0 0 32px!important;padding:0 0 24px;background:none;color:inherit;border-bottom:1px solid #d3c7bb}
main .product-stage .deck-label span{font-size:clamp(2rem,3.4vw,5rem);line-height:1.1}
main .product-stage .deck-label a{color:inherit}
main .product-stage .product-deck-grid{display:grid;box-sizing:border-box;width:100%!important;max-width:none;margin:0!important;padding:0!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--card-gap);background:none;overflow:visible}
main .product-stage .editorial-product-card:nth-child(n){margin:0!important;min-width:0;overflow:hidden;border:1px solid #dfd4c9;border-radius:3px;background:#fff;color:#211b19;box-shadow:0 10px 25px #35261d08}
main .product-stage .editorial-product-card .product-media{aspect-ratio:4/5;clip-path:none;background:#e5ded5}
main .product-stage .editorial-product-card .product-media::after{opacity:0}
main .product-stage .editorial-product-card .product-copy{position:static;pointer-events:auto;padding:clamp(16px,1.5vw,28px);background:#fff;color:#211b19;min-height:0}
main .product-stage .editorial-product-card .product-copy h3{display:block;max-width:100%;min-height:2.6em;margin:0;color:inherit;font:400 clamp(1.1rem,1.4vw,1.85rem)/1.3 var(--serif);overflow:visible}
main .product-stage .editorial-product-card .product-copy h3 a{color:inherit}
main .product-stage .editorial-product-meta{display:flex;align-items:center;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:20px;padding-top:18px;border-top:1px solid #e7dfd6}
main .product-stage .product-price{font:400 clamp(1.55rem,1.8vw,2.35rem)/1.15 var(--serif);letter-spacing:-.035em;color:#75243f}
main .product-stage .editorial-add{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;padding:13px 23px;border:0;border-radius:0;background:#75243f;color:#fff;font:700 11px/1.5 Arial,sans-serif;letter-spacing:.08em;cursor:pointer;clip-path:polygon(0 0,100% 0,100% 35%,95% 50%,100% 65%,100% 100%,0 100%,0 65%,5% 50%,0 35%);transition:background .2s,transform .2s}
main .product-stage .editorial-add:hover:not(:disabled){background:#291b21;transform:translateY(-2px)}
main .product-stage .editorial-add:disabled{opacity:.5;cursor:not-allowed}
main .product-stage .editorial-index,main .product-stage .editorial-view{display:none}
main .product-stage .wishlist-button{right:16px;top:16px;width:40px;height:40px;border-radius:50%;clip-path:none;box-shadow:0 3px 12px #0001}
main .product-stage .product-badge{top:18px;left:16px;right:auto}
main .product-stage .drop-stage-visual{margin:0 0 64px;min-height:clamp(280px,28vw,580px);border-radius:3px}
main .collection-shelf+.collection-shelf{margin-top:72px;padding-top:64px}
main .signature-edit{display:flex;align-items:center;min-height:clamp(460px,36vw,760px);padding:60px clamp(24px,6vw,180px);background:linear-gradient(90deg,rgba(19,14,14,.88),rgba(19,14,14,.55) 40%,rgba(19,14,14,.02) 75%),url('/assets/images/beauty-hero-nails-lashes-v2.webp') center 42%/cover no-repeat}
main .signature-edit::before{display:none}
.signature-content{max-width:700px;min-width:0}.signature-content .kicker{margin-bottom:24px;color:#ecd0b8;letter-spacing:.16em;font-size:12px}
main .signature-edit h2{margin:0 0 36px;font:400 clamp(3.2rem,5.5vw,7rem)/1.04 var(--serif);letter-spacing:-.03em;transform:none;color:#fff}
main .signature-edit h2 em{color:#edcfb8}
a:focus-visible,button:focus-visible{outline:3px solid #c69344;outline-offset:5px}
@media(max-width:1000px){main .product-stage .product-deck-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.beauty-hero .hero-copy{width:80%}}
@media(max-width:600px){.beauty-hero{min-height:660px}.beauty-hero .hero-copy{width:100%;min-height:660px;justify-content:flex-end;padding:155px 24px 80px}.gift-headline{font-size:clamp(2.8rem,10vw,3.6rem);margin-bottom:20px}.beauty-hero::after{background:linear-gradient(0deg,#191311f2 0%,rgba(25,19,17,.78) 58%,transparent 100%)}.hero-offer{align-items:stretch;gap:12px}.hero-price-lockup{min-width:0;flex:1;padding:13px 16px}.hero-price-lockup strong{font-size:2.35rem}.hero-gift-link{flex:1;gap:10px;padding-left:17px;font-size:9px}.hero-gift-link>span{width:34px;height:34px}.gift-terms{font-size:10px}.hero-carousel-controls{bottom:16px}main .product-stage{padding:40px 16px;--card-gap:16px}main .product-stage .editorial-product-card .product-copy{padding:14px 12px}main .product-stage .editorial-product-card .product-copy h3{font-size:1rem;min-height:3.9em}main .product-stage .editorial-product-meta{gap:10px;margin-top:12px;padding-top:12px}main .product-stage .editorial-add{width:100%;min-height:44px;padding:12px 10px;font-size:9px}main .product-stage .product-price{font-size:1.45rem}main .product-stage .deck-label{gap:14px}main .product-stage .deck-label span{font-size:1.8rem}main .product-stage .wishlist-button{width:32px;height:32px;right:8px;top:8px;font-size:1.1rem}main .product-stage .product-badge{top:10px;left:8px;font-size:9px;padding:6px}main .product-stage .drop-stage-visual{min-height:240px;margin-bottom:40px}main .signature-edit{min-height:480px;padding:48px 24px;background-position:60% center}main .signature-edit h2{font-size:3.2rem}.signature-content .kicker{font-size:10px}}
@media(prefers-reduced-motion:reduce){main .editorial-add,.hero-gift-link,.hero-gift-link>span,.signature-cta,.signature-cta>span{transition:none!important;transform:none!important}}

/* 2026-10-18: taller editorial imagery across desktop and mobile. */
.beauty-hero,.beauty-hero .hero-copy{min-height:max(760px,90svh)}
.beauty-hero .hero-slide img{object-position:center 38%}
.beauty-hero .hero-slide{visibility:hidden;opacity:0;transform:none;transition:none;z-index:0}
.beauty-hero .hero-slide.is-active{visibility:visible;opacity:1;transform:none;z-index:1}
.beauty-hero .hero-slide img{filter:none!important;mix-blend-mode:normal!important}
main .product-stage .drop-stage-visual{min-height:clamp(520px,50vw,1700px);background-position:center}
main .signature-edit{box-sizing:border-box;min-height:max(740px,82svh);background-position:center 38%}
@media(max-width:1000px){.beauty-hero,.beauty-hero .hero-copy{min-height:max(720px,88svh)}main .product-stage .drop-stage-visual{min-height:clamp(440px,65vw,720px)}main .signature-edit{min-height:max(680px,80svh)}}
@media(max-width:600px){.beauty-hero,.beauty-hero .hero-copy{min-height:max(680px,88svh)}main .product-stage .drop-stage-visual{min-height:clamp(340px,90vw,540px);background-position:58% center}main .signature-edit{min-height:max(640px,82svh);background-position:60% center}}

/* 2026-10-18: full-width navigation with generous spacing. */
.site-header .header-row{width:100%;max-width:none;margin:0;padding-inline:clamp(20px,3vw,90px);grid-template-columns:255px minmax(0,1fr) 112px;gap:clamp(24px,3vw,90px);min-height:104px}
.site-header .brand{justify-self:start}
.site-header .header-actions{justify-self:end}
@media(min-width:901px){.site-header .main-nav{display:grid;width:100%;min-width:0;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(4px,.6vw,18px);padding:6px}.site-header .main-nav a{min-width:0;min-height:54px;padding:12px 8px;font-size:clamp(12px,.6vw,18px);white-space:nowrap}.site-header .menu-button{display:none}}
@media(min-width:901px) and (max-width:1200px){.site-header .header-row{grid-template-columns:205px minmax(0,1fr) 94px;gap:20px;padding-inline:24px}.site-header .main-nav a{font-size:11px;padding-inline:4px}.site-header .main-nav{gap:0}}
@media(max-width:900px){.site-header .header-row{grid-template-columns:44px minmax(0,1fr) 72px;gap:12px;min-height:80px;padding-inline:20px}.site-header .brand{justify-self:center}.site-header .menu-button{display:grid}.site-header .main-nav{position:absolute;top:100%;left:0;right:0;display:none;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;padding:16px 20px;border-radius:0}.site-header .main-nav.is-open{display:grid}.site-header .main-nav a{min-width:0;min-height:48px;font-size:12px}.site-header .cart-button{grid-template-columns:36px;min-width:60px;min-height:48px;padding:4px 9px}.site-header .cart-label{display:none}}

/* 2026-10-20: oversized, high-impact primary navigation. */
.site-header .header-row{grid-template-columns:clamp(235px,14vw,320px) minmax(0,1fr) clamp(110px,7vw,150px);gap:clamp(20px,2.4vw,68px);min-height:128px}
@media(min-width:901px){
 .site-header .main-nav{gap:clamp(7px,.75vw,22px);padding:9px;border-width:2px;box-shadow:0 14px 38px rgba(41,31,27,.12)}
 .site-header .main-nav a,.site-header .main-nav a:first-child,.site-header .main-nav a:last-child{display:flex;align-items:center;justify-content:center;min-height:72px;padding:17px clamp(10px,1vw,25px);font-size:clamp(15px,.82vw,22px);font-weight:900;letter-spacing:.1em;line-height:1;white-space:nowrap}
 .site-header .main-nav a:last-child{box-shadow:0 9px 24px rgba(124,38,62,.28)}
 .site-header .main-nav a:hover,.site-header .main-nav a:focus-visible{transform:translateY(-3px);box-shadow:0 12px 28px rgba(23,21,20,.24)}
}
@media(min-width:901px) and (max-width:1320px){
 .site-header .header-row{grid-template-columns:190px minmax(0,1fr) 88px;gap:16px;min-height:108px;padding-inline:18px}
 .site-header .main-nav{gap:3px;padding:6px}
 .site-header .main-nav a,.site-header .main-nav a:first-child,.site-header .main-nav a:last-child{min-height:62px;padding-inline:7px;font-size:13px;letter-spacing:.055em}
}
@media(max-width:900px){
 .site-header .header-row{min-height:88px}
 .site-header .menu-button{width:52px;height:52px;font-size:26px}
 .site-header .main-nav{gap:10px;padding:22px 18px;background:#f7f3ed;box-shadow:0 18px 40px rgba(23,21,20,.18)}
 .site-header .main-nav a,.site-header .main-nav a:first-child,.site-header .main-nav a:last-child{min-height:64px;padding:16px 12px;font-size:16px;font-weight:900;letter-spacing:.08em}
 .site-header .main-nav a:last-child{box-shadow:0 8px 20px rgba(124,38,62,.25)}
}

/* 2026-10-22: luminous signature beauty editorial. */
main .signature-edit{
 position:relative;
 min-height:clamp(580px,33.6vw,1050px);
 padding:58px clamp(40px,7vw,180px);
 border-top:1px solid #c99c67;
 border-bottom:1px solid #c99c67;
 background-color:#6d263e;
 background-image:
  linear-gradient(90deg,rgba(72,18,36,.96) 0%,rgba(82,23,41,.87) 29%,rgba(101,41,52,.46) 47%,rgba(87,34,41,.03) 67%),
  url('/assets/images/beauty-match-editorial-v2.webp');
 background-position:center,center;
 background-size:100% 100%,auto 100%;
 background-repeat:no-repeat;
 isolation:isolate;
}
main .signature-edit::before{
 content:"";
 position:absolute;
 z-index:0;
 left:0;
 top:0;
 bottom:0;
 width:7px;
 display:block;
 background:linear-gradient(180deg,#bd8750 0%,#f4dfb9 48%,#bd8750 100%);
 pointer-events:none;
}
main .signature-edit::after{
 content:"NAILS · LASHES · HAIR · ACCESSORIES";
 position:absolute;
 z-index:1;
 right:clamp(28px,4vw,72px);
 bottom:27px;
 color:rgba(81,26,39,.82);
 font:700 9px/1 Arial,sans-serif;
 letter-spacing:.25em;
}
main .signature-edit .signature-content{position:relative;z-index:2;max-width:660px;padding:0;border:0}
main .signature-edit .signature-content .kicker{display:flex;align-items:center;gap:14px;margin:0 0 17px;color:#f3d8ad;font-size:11px;letter-spacing:.24em}
main .signature-edit .signature-content .kicker::before{content:"";width:46px;height:1px;background:#e8bd7c}
main .signature-edit h2{margin:0 0 22px;font-size:clamp(3.25rem,4.75vw,5.65rem);line-height:.94;letter-spacing:-.045em;text-shadow:0 4px 30px rgba(55,12,25,.26)}
main .signature-edit h2 em{color:#f4d29d}
main .signature-edit .signature-lede{max-width:510px;margin:0 0 28px;color:#f6e8dc;font:15px/1.65 Arial,sans-serif;letter-spacing:.015em}
main .signature-edit .signature-cta{min-height:56px;padding:8px 8px 8px 24px;background:#fff5e6;color:#5d1731;font-size:11px;box-shadow:0 14px 34px rgba(60,15,28,.2)}
main .signature-edit .signature-cta>span{width:38px;height:38px;font-size:19px}
@media(max-width:900px){
 main .signature-edit{min-height:540px;padding:52px 32px;background-position:center,67% center}
 main .signature-edit .signature-content{max-width:520px}
 main .signature-edit h2{font-size:clamp(3rem,7.5vw,4.8rem)}
}
@media(max-width:600px){
 main .signature-edit{align-items:flex-end;min-height:500px;padding:46px 24px 54px;background-position:center,78% center;background-size:100% 100%,auto 100%;background-image:linear-gradient(0deg,rgba(71,17,35,.98) 0%,rgba(71,17,35,.84) 37%,rgba(71,17,35,.1) 72%),url('/assets/images/beauty-match-editorial-v2.webp')}
 main .signature-edit::before{width:5px}
 main .signature-edit::after{right:18px;bottom:18px;font-size:6px;letter-spacing:.15em}
 main .signature-edit .signature-content{max-width:100%}
 main .signature-edit .signature-content .kicker{font-size:9px}
 main .signature-edit h2{margin-bottom:16px;font-size:2.85rem}
 main .signature-edit .signature-lede{margin-bottom:22px;font-size:13px;line-height:1.5}
}

/* 2026-10-23: timed hero rotation and a product-photo beauty edit. */
main .beauty-hero .hero-slide{visibility:visible;opacity:0;transform:none;transition:opacity .72s ease;z-index:0}
main .beauty-hero .hero-slide.is-active{visibility:visible;opacity:1;transform:none;z-index:1}
main .product-stage .drop-stage-visual{min-height:clamp(390px,34vw,650px);margin-bottom:clamp(40px,5vw,78px)}
main .product-stage .beauty-editorial-strip{position:relative;display:grid;grid-template-columns:.95fr 1.2fr .95fr;gap:8px;min-height:clamp(390px,34vw,650px);padding:8px;overflow:hidden;background:#eee2d8;border:1px solid rgba(91,35,49,.16);box-shadow:0 18px 50px rgba(50,25,25,.1)}
main .product-stage .beauty-editorial-strip::before,main .product-stage .beauty-editorial-strip::after{display:none}
main .beauty-strip-photo{position:relative;min-width:0;overflow:hidden;background:#eadbd1}
main .beauty-strip-photo img{display:block;width:100%;height:100%;min-height:inherit;object-fit:cover;transition:transform .8s ease}
main .beauty-strip-photo-one img{object-position:center 48%}
main .beauty-strip-photo-two img{object-position:center 52%}
main .beauty-strip-photo-three img{object-position:center 50%}
main .beauty-editorial-strip:hover .beauty-strip-photo img{transform:scale(1.025)}
main .beauty-strip-caption{position:absolute;z-index:2;left:clamp(26px,5vw,88px);bottom:clamp(24px,4vw,62px);width:min(35%,390px);padding:22px 26px 24px;color:#fff8ef;background:linear-gradient(115deg,rgba(61,20,35,.94),rgba(91,35,49,.82));box-shadow:0 16px 42px rgba(37,15,24,.2)}
main .beauty-strip-caption p{margin:0 0 14px;color:#eac894;font:700 9px/1.2 Arial,sans-serif;letter-spacing:.24em}
main .beauty-strip-caption strong{display:block;font:400 clamp(1.8rem,3vw,3rem)/.98 Georgia,serif;letter-spacing:-.035em}
main .beauty-strip-caption span{display:block;margin-top:18px;color:rgba(255,248,239,.78);font:700 8px/1.3 Arial,sans-serif;letter-spacing:.18em}
@media(max-width:1000px){main .product-stage .drop-stage-visual{min-height:440px}}
@media(max-width:600px){main .product-stage .drop-stage-visual{min-height:380px}main .product-stage .beauty-editorial-strip{grid-template-columns:1fr 1fr;gap:5px;padding:5px;min-height:380px}main .beauty-strip-photo-three{display:none}main .beauty-strip-caption{left:18px;bottom:18px;width:min(78%,320px);padding:17px 19px}main .beauty-strip-caption p{margin-bottom:9px;font-size:8px}main .beauty-strip-caption strong{font-size:2rem}main .beauty-strip-caption span{margin-top:12px;font-size:7px}}