/* The approved popup is a single ivory card, with the actual black monogram. */
.welcome-dialog{padding:0;border:0;border-radius:22px;background:var(--aol-bg);color:var(--aol-text);width:min(500px,calc(100% - 48px));max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 24px 90px #0005;font-family:Georgia,'Times New Roman',serif}
.welcome-dialog::backdrop{background:#0002;backdrop-filter:none}
.welcome-dialog[open]{display:block}
.welcome-close{position:absolute;right:14px;top:12px;z-index:2;width:40px;height:40px;border:0;padding:0;background:none;color:var(--aol-chrome-bg);font:300 30px/1 Arial,sans-serif;cursor:pointer}
.welcome-content{text-align:center;padding:20px 32px 20px}
.welcome-brand{margin-bottom:22px}
.welcome-logo{display:block;width:48px;height:48px;object-fit:contain;margin:0 auto 2px}
.welcome-brand-name{font:400 24px/1.15 Georgia,'Times New Roman',serif;letter-spacing:-.03em;margin:0}
.welcome-content h2{font:400 48px/1.02 Georgia,'Times New Roman',serif;letter-spacing:-.035em;margin:0 0 16px;color:var(--aol-text)}
.welcome-content #welcome-description{font:400 16px/1.4 Georgia,'Times New Roman',serif;color:var(--aol-text);margin:0 0 20px}
.welcome-form{text-align:left}
.welcome-form>label.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.welcome-content h2:focus{outline:none}
.welcome-form>input{display:block;width:100%;height:44px;min-height:44px;border:1px solid var(--aol-border);border-radius:7px;background:transparent;padding:10px 16px;color:var(--aol-text);font:400 16px/1.2 Georgia,'Times New Roman',serif}
.welcome-form>input::placeholder{color:var(--aol-muted);opacity:1}
.welcome-consent{display:flex;align-items:flex-start;gap:8px;margin:10px 0 12px;font:400 11px/1.4 Georgia,'Times New Roman',serif;color:var(--aol-muted);cursor:pointer}
.welcome-consent input{appearance:auto;width:15px;height:15px;flex:none;accent-color:#94712e;margin:0}
.welcome-optional{font-style:italic}
.welcome-submit{display:block;width:100%;min-height:46px;padding:11px 16px;border:1px solid var(--aol-action-bg);border-radius:8px;background:var(--aol-action-bg);color:var(--aol-action-text);font:400 20px/1.1 Georgia,'Times New Roman',serif;cursor:pointer}
.welcome-submit:hover{background:var(--aol-action-hover)}
.welcome-submit:disabled{opacity:.65;cursor:wait}
.welcome-status{font:400 13px/1.4 Georgia,'Times New Roman',serif;color:var(--aol-link);margin:10px 0 0}
.welcome-status:empty{display:none}
.welcome-account{font:400 16px/1.25 Georgia,'Times New Roman',serif;margin:18px 0 0}
.welcome-account a{color:var(--aol-text);text-decoration:underline;text-underline-offset:3px}
.welcome-privacy{font:400 10px/1.35 Georgia,'Times New Roman',serif;color:var(--aol-muted);margin:12px 0 0}
.welcome-terms{font:400 10px/1.35 Georgia,'Times New Roman',serif;color:var(--aol-muted);margin:3px 0 0}
.welcome-dismiss{background:none;border:0;padding:7px 0 0;color:var(--aol-muted);font:400 11px/1.3 Georgia,'Times New Roman',serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.welcome-dialog :focus-visible{outline:2px solid var(--aol-gold);outline-offset:3px}
@media(min-width:851px){.welcome-content{padding:28px 42px 24px}.welcome-brand{margin-bottom:28px}.welcome-content h2{font-size:52px}.welcome-logo{width:52px;height:52px}.welcome-form>input{height:48px}.welcome-submit{min-height:50px}}
@media(max-width:600px){
 .welcome-dialog{width:calc(100% - 40px);max-width:390px;border-radius:20px;top:min(30svh,240px);bottom:auto;margin:0 auto;transform:none;max-height:calc(100dvh - min(30svh,240px) - 16px)}
 .welcome-content{padding:14px 26px 16px}
 .welcome-close{right:10px;top:10px;width:36px;height:36px;font-size:28px}
 .welcome-brand{margin-bottom:22px}
 .welcome-logo{width:44px;height:44px;margin-bottom:2px}
 .welcome-brand-name{font-size:22px;line-height:25px}
 .welcome-content h2{font-size:42px;line-height:1.02;margin-bottom:14px}
 .welcome-content #welcome-description{font-size:14px;line-height:1.4;margin-bottom:18px}
 .welcome-form>input{font-size:16px;height:42px;min-height:42px}
 .welcome-submit{min-height:44px;font-size:19px}
 .welcome-account{font-size:16px;margin-top:16px}
 /* Keep the real existing homepage/photo; position its introduction above the
    modal, as in the approved reference, only while the popup is actually open. */
 body:has(.welcome-dialog[open]) .hero{align-items:flex-start;padding-top:98px}
 body:has(.welcome-dialog[open]) .hero h1{font-size:clamp(38px,10vw,44px)}
 body:has(.welcome-dialog[open]) .hero-copy{font-size:13px;line-height:1.45;margin-top:12px}
 body:has(.welcome-dialog[open]) .hero-eyebrow{font-size:8px;line-height:1.3;letter-spacing:.17em;margin-top:0;margin-bottom:8px}
 body:has(.welcome-dialog[open]) .site-header{height:80px;min-height:80px;background:var(--aol-chrome-bg);border-bottom:1px solid #33352d}
 body:has(.welcome-dialog[open]) .site-header .wordmark{position:absolute;left:50%;top:4px;transform:translateX(-50%);display:flex;flex-direction:column;gap:0;letter-spacing:0;min-height:0;text-transform:none}
 body:has(.welcome-dialog[open]) .site-header .brand-monogram{width:32px;height:33px}
 body:has(.welcome-dialog[open]) .site-header .wordmark>span{font:400 21px/27px Georgia,'Times New Roman',serif;white-space:nowrap}
 body:has(.welcome-dialog[open]) .site-header .wordmark em{display:inline;font:inherit;color:inherit}
 body:has(.welcome-dialog[open]) .site-header .header-actions{position:absolute;inset:0;display:block;justify-self:stretch;width:100%;pointer-events:none}
 body:has(.welcome-dialog[open]) .site-header .header-actions>*{pointer-events:auto}
 body:has(.welcome-dialog[open]) .site-header .menu-button{position:absolute;left:14px;top:34px;width:36px;height:36px}
 body:has(.welcome-dialog[open]) .site-header [data-customer-account]{display:none}
 body:has(.welcome-dialog[open]) .site-header .icon-button[aria-label="Search collection"]{position:absolute;right:52px;top:34px;width:36px;height:36px}
 body:has(.welcome-dialog[open]) .site-header .bag-button{position:absolute;right:14px;top:34px;width:36px;height:36px;min-width:36px}
}
@media(max-height:700px) and (max-width:600px){.welcome-dialog{top:12px;transform:none;max-height:calc(100dvh - 24px)}.welcome-content{padding-block:10px}.welcome-brand{margin-bottom:12px}.welcome-logo{width:36px;height:36px}.welcome-content h2{font-size:36px}.welcome-content #welcome-description{margin-bottom:12px}.welcome-account{margin-top:12px}}