.audience-switch{display:flex;align-items:center;border:1px solid #111c2b28;border-radius:99px;padding:3px;gap:2px;flex-shrink:0;background:#f8f7f38c}
.audience-switch button{font:12px/1 Arial,Helvetica,sans-serif;min-height:38px;min-width:55px;padding:9px 11px;border-radius:99px;color:#646c70;transition:background .25s,color .25s,box-shadow .25s}
.audience-switch button[aria-pressed=true]{color:#f8f7f3;background:#111c2b;box-shadow:0 2px 8px #111c2b12}
.audience-switch button:focus-visible,.audience-choices button:focus-visible,.audience-close:focus-visible{outline:2px solid #53748e;outline-offset:4px}
#header .header-actions{gap:14px}.affiliate-header>.audience-switch{order:2;margin-left:auto}.affiliate-header>nav{order:1}.affiliate-header>.text-button{order:3}
.audience-dialog{width:min(790px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:34px 40px 22px;border:0;background:#f8f7f3;color:#111c2b;overflow:auto;box-shadow:0 28px 100px #111c2b40}
.audience-dialog::backdrop{background:#101e2e73;backdrop-filter:blur(7px)}
.audience-dialog[open]{animation:audience-arrive .44s cubic-bezier(.2,.7,.2,1)}
.audience-dialog.is-leaving{animation:audience-leave .18s ease-in forwards}
.audience-close{position:absolute;right:14px;top:10px;width:44px;height:44px;font:27px/1 Arial;background:transparent;color:#111c2b}
.audience-heading{text-align:center;margin:0 auto 25px}.audience-heading>p:first-child{font:10px/1.4 Arial;letter-spacing:.17em;margin:0 0 12px}
.audience-heading h2{font:46px/1.12 Georgia,serif;letter-spacing:-.045em;margin:0 0 12px}.audience-heading h2 em{font-weight:400}
.audience-heading>p:last-child{font:13px/1.6 Arial;color:#67706f;margin:0}
.audience-choices{display:grid;grid-template-columns:1fr 1fr;gap:20px}.audience-choices>button{text-align:left;display:block;border:0;padding:0;background:transparent;color:inherit;overflow:hidden}
.audience-choice-photo{display:block;aspect-ratio:4/5;background:#ebe7df;overflow:hidden}.audience-choice-photo img{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.audience-changing .card-image>.card-flat{opacity:0!important}
.audience-choice-label{display:flex;align-items:center;justify-content:space-between;padding:15px 0 10px;font:25px/1.2 Georgia,serif;border-bottom:1px solid #111c2b30}.audience-choice-label>span{font:23px Arial;transition:transform .3s}
.audience-footnote{text-align:center;font:11px/1.6 Arial;color:#67706f;margin:18px 0 0}
@media(hover:hover){.audience-choices button:hover img{transform:scale(1.025)}.audience-choices button:hover .audience-choice-label>span{transform:translate(3px,-3px)}.audience-switch button:not([aria-pressed=true]):hover{background:#111c2b0c;color:#111c2b}}
@keyframes audience-arrive{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@keyframes audience-leave{to{opacity:0;transform:translateY(-7px)}}
@media(max-width:1100px){#header .header-actions{gap:10px}#header .account-label,#header .bag-label{display:none}}
@media(max-width:767px){#header{grid-template-columns:28px minmax(84px,1fr) auto;gap:7px;padding-inline:12px}#header>.brand{font-size:22px;letter-spacing:.12em;justify-self:center}#header .header-actions{gap:7px}.audience-switch{padding:2px}.audience-switch button{min-width:46px;min-height:38px;font-size:11px;padding:8px 6px}.audience-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:38px 18px 20px}.audience-heading{margin-bottom:22px}.audience-heading h2{font-size:38px}.audience-heading>p:last-child{max-width:25ch;margin:auto}.audience-choices{gap:12px}.audience-choice-photo{aspect-ratio:2/3;object-fit:contain}.audience-choice-photo img{object-fit:contain}.audience-choice-label{font-size:22px;padding-top:12px}.audience-close{top:6px;right:7px}.affiliate-header{flex-wrap:wrap;gap:12px}.affiliate-header>nav{order:4;width:100%}.affiliate-header>.audience-switch{margin-left:0}}
@media(prefers-reduced-motion:reduce){.audience-dialog[open],.audience-dialog.is-leaving{animation:none}.audience-choice-photo img,.audience-choice-label>span,.audience-switch button{transition:none}}
@media(max-width:767px){html[data-shopping-edit="women"] .hero>img{object-position:86% center}}
@media(max-width:767px){.audience-switch button{min-height:44px}}
@media(max-width:399px){
 :root:has(#header){--header:112px}
 #header{grid-template-columns:44px minmax(0,1fr) 44px 44px;grid-template-rows:60px 52px;height:112px;gap:0;padding:0 12px}
 #menu-open{grid-column:1;grid-row:1}
 #header>.brand{grid-column:2;grid-row:1;padding-left:0;font-size:22px;letter-spacing:.12em}
 #header .header-actions{display:contents}
 #header .account-open{grid-column:3;grid-row:1;justify-self:stretch;padding-inline:0}
 #header .bag-open{grid-column:4;grid-row:1;position:relative;gap:0;justify-content:center;justify-self:stretch;padding-inline:0}
 #header .bag-count{position:absolute;top:3px;right:0;min-width:16px;height:16px;font-size:10px;background:var(--ivory)}
 #header .audience-switch{grid-column:1/-1;grid-row:2;justify-self:center;align-self:start}
 #header .audience-switch button{min-width:64px}
}
