/* On the road announcement: isolated from the site and other dialogs. */
#road-popup{--ink:#171717;--muted:#77736e;--line:#e6e3df;--purple:#9250c4;--lavender:#f5effa;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;text-align:left;line-height:normal;color:var(--ink)}
#road-popup:not([open]){display:none}
#road-popup *{box-sizing:border-box}
#road-popup p,#road-popup h2,#road-popup h3{margin:0;color:inherit}
#road-popup button,#road-popup a{font-family:inherit;cursor:pointer;text-decoration:none}
#road-popup button:focus-visible,#road-popup a:focus-visible{outline:2px solid var(--purple);outline-offset:4px}
#road-popup .eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.15em;font-weight:550;line-height:1.5}
#road-popup .button{display:inline-flex;justify-content:center;align-items:center;gap:20px;min-height:46px;padding:14px 20px;border:1px solid transparent;border-radius:3px;font-size:12px;font-weight:550;line-height:1.3}
#road-popup .primary{background:var(--ink);color:#fff}
#road-popup .primary:hover{background:#38302f}
#road-popup{color:var(--ink);border:0;padding:0;max-height:calc(100svh - 40px);box-shadow:0 32px 100px #0003}
#road-popup::backdrop{background:rgba(29,25,32,.45);backdrop-filter:blur(5px)}
body:has(#road-popup[open]){overflow:hidden}
#road-popup{width:min(940px,calc(100% - 40px));max-width:none;border-radius:6px;background:var(--page-light)}
#road-popup .popup-grid{display:grid;grid-template-columns:43% 57%}
#road-popup .close{position:absolute;top:15px;right:15px;z-index:2;display:grid;place-items:center;width:36px;height:36px;border:1px solid #e9e6e2;border-radius:50%;background:rgba(var(--page-light-rgb), 0.851)}
#road-popup .close:hover{background:#f1edf4}
#road-popup .close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}
#road-popup .journey-panel{padding:32px 28px;background:var(--page-light);display:flex;flex-direction:column;justify-content:space-between;min-width:0;border-right:1px solid #eeeae5}
#road-popup .journey-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px}
#road-popup .journey-label{display:flex;align-items:center;gap:8px}
#road-popup .status-dot{height:6px;width:6px;border-radius:50%;background:var(--purple)}
#road-popup .issue{font-size:9px;letter-spacing:.1em;color:#959088}
#road-popup .journey-art{margin:36px -22px 23px}
#road-popup .journey-art img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
#road-popup .journey-bottom>.eyebrow{font-size:8px;letter-spacing:.13em;color:#82796d}
#road-popup .journey-date{font-size:16px;font-family:Georgia,serif;margin-top:10px}
#road-popup .route{display:flex;align-items:center;gap:5px;margin-top:22px;padding-top:18px;border-top:1px solid #ded9d2;font-size:8px;color:#716a62;white-space:nowrap}
#road-popup .route i{flex:1;min-width:8px;height:1px;background:#c9c1b7;position:relative}
#road-popup .route i:after{content:'';position:absolute;right:0;top:-1px;width:3px;height:3px;border-radius:50%;background:#a69887}
#road-popup .popup-copy{padding:49px 43px 30px}
#road-popup .purple{color:var(--purple)}
#road-popup .popup-copy h2{font-size:39px;line-height:1.13;letter-spacing:-1.7px;font-weight:530;margin:18px 0}
#road-popup .popup-copy h2 em{font-family:Georgia,"Times New Roman",serif;font-size:46px;font-weight:400;letter-spacing:-1.8px}
#road-popup .popup-copy>p:not(.eyebrow):not(.thanks){font-size:13px;line-height:1.85;color:#77716c}
#road-popup .shipping-note{display:flex;align-items:flex-start;gap:13px;padding:17px 16px;background:var(--lavender);border:1px solid #ebe0f3;border-radius:3px;margin:24px 0}
#road-popup .shipping-note svg{width:23px;height:23px;flex-shrink:0;stroke:#8b579f;fill:none;stroke-width:1.2;margin-top:2px}
#road-popup .shipping-note h3{font-size:12px;font-weight:600;line-height:1.6}
#road-popup .shipping-note p{font-size:12px;line-height:1.7;color:#756782;margin-top:3px}
#road-popup .road-cta{width:100%;justify-content:space-between}
#road-popup .road-cta span{font-size:18px;line-height:1}
#road-popup .continue{display:block;margin:15px auto 0;min-height:32px;padding:4px 8px;background:none;border:0;font-size:11px;color:#68635f}
#road-popup .continue span{margin-left:8px}
#road-popup .continue:hover{color:var(--purple)}
#road-popup .thanks{font-size:10px;color:#aaa29a;text-align:center;margin-top:16px}
#road-popup .thanks span{white-space:nowrap}
@media(max-width:700px){
#road-popup{width:calc(100% - 24px);max-height:calc(100svh - 24px);border-radius:5px}
#road-popup .popup-grid{grid-template-columns:1fr}
#road-popup .journey-panel{padding:18px 23px 17px;position:relative;min-height:168px;overflow:hidden;border-right:0;border-bottom:1px solid #eeeae5}
#road-popup .journey-top{position:relative;z-index:1}
#road-popup .issue{display:none}
#road-popup .journey-art{position:absolute;right:-2px;top:21px;width:205px;margin:0;opacity:.9}
#road-popup .journey-bottom{position:relative;z-index:1;margin-top:54px;max-width:160px}
#road-popup .journey-bottom>.eyebrow{max-width:125px;font-size:7px}
#road-popup .journey-date{max-width:150px;font-size:13px;line-height:1.5;margin-top:7px}
#road-popup .route{display:none}
#road-popup .popup-copy{padding:24px 24px 22px}
#road-popup .popup-copy>.eyebrow{font-size:8px}
#road-popup .popup-copy h2{font-size:30px;letter-spacing:-1.1px;margin:12px 0}
#road-popup .popup-copy h2 em{font-size:37px;letter-spacing:-1.3px}
#road-popup .popup-copy>p:not(.eyebrow):not(.thanks){font-size:12px;line-height:1.75}
#road-popup .shipping-note{margin:19px 0;padding:13px;gap:11px}
#road-popup .shipping-note p{font-size:11px}
#road-popup .shipping-note h3{font-size:11px}
#road-popup .thanks{margin-top:10px;font-size:9px}
#road-popup .continue{margin-top:10px}
#road-popup .close{top:12px;right:12px;width:32px;height:32px}
}
#road-popup .journey-panel{background:#0d0d0d;color:#f5f2ed;border-color:#232320}
#road-popup .journey-label{color:#dedad3}
#road-popup .issue{color:#89847c}
#road-popup .journey-art img{mix-blend-mode:normal}
#road-popup .journey-bottom>.eyebrow{color:#a8a095}
#road-popup .route{color:#b5ada1;border-color:#35332f}
#road-popup .route i{background:#655e55}
#road-popup .route i:after{background:#a69887}
@media(max-width:360px){
#road-popup .journey-art{width:155px;top:20px;right:8px}
#road-popup .journey-bottom{margin-top:74px;max-width:none}
#road-popup .journey-bottom>.eyebrow{display:none}
#road-popup .journey-date{max-width:none;font-size:12px;margin-top:0}
}
/* Preserve the approved popup typography against site-wide heading/overline rules. */
#road-popup h2,#road-popup h3{font-family:inherit}
#road-popup h3{letter-spacing:normal}
#road-popup .button{letter-spacing:normal;text-transform:none;box-shadow:none}
#road-popup .eyebrow{font-family:inherit!important;font-size:10px!important;font-weight:550!important;letter-spacing:.15em!important;line-height:1.5!important}
#road-popup .purple{color:var(--purple)!important}
#road-popup .journey-bottom>.eyebrow{font-size:8px!important;letter-spacing:.13em!important;color:#a8a095!important}
@media(max-width:700px){#road-popup .popup-copy>.eyebrow{font-size:8px!important}#road-popup .journey-bottom>.eyebrow{font-size:7px!important}}