/* Owned brand chrome only. No native forms, nav lists, overlays or modals targeted. */
.hl-site-header,.hl-site-bottom{box-sizing:border-box;width:100%;max-width:none;clear:both;color:#050515;font:15px/1.65 Inter,Arial,sans-serif}
.hl-site-header *,.hl-site-bottom *{box-sizing:border-box}.hl-site-header a,.hl-site-bottom a{text-decoration:none;color:inherit}.hl-site-header button{font:inherit;cursor:pointer}.hl-wrap{max-width:1240px;width:calc(100% - 96px);margin-inline:auto}.hl-site-header img,.hl-site-bottom img{max-width:100%;height:auto}.hl-utility{display:flex;justify-content:space-between;padding-block:11px;font-size:10px;font-weight:600}.hl-utility>span,.hl-utility>div{display:flex;align-items:center;gap:22px}.hl-utility>span{gap:8px}.hl-utility i{width:6px;height:6px;background:#e3000f;border-radius:50%;box-shadow:0 0 0 4px #e3000f0b}.hl-utility button{font-size:10px;background:none;border:0;padding:0;color:#5e6172}.hl-header{max-width:1440px;width:calc(100% - 48px);margin:auto;background:#fffffff5;box-shadow:0 12px 38px #141c3b0c;border:1px solid white;border-radius:17px;padding:21px 40px;display:flex;align-items:center;gap:30px;position:relative;z-index:20}.hl-header>a{display:flex;flex:none}.hl-header>a img{width:176px;max-height:43px;object-fit:contain}.hl-header nav{display:flex;align-items:center;gap:26px;margin-left:auto;font-size:11px;font-weight:600}.hl-header-actions{display:flex;gap:10px}.hl-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:13px 22px;border-radius:9px;border:1px solid transparent;background:#e3000f;color:white!important;font-size:12px;line-height:1.5;font-weight:600;box-shadow:0 6px 12px #e3000f21;transition:transform .2s,box-shadow .2s;min-height:45px}.hl-button:hover{transform:translateY(-2px);box-shadow:0 9px 18px #e3000f2b}.hl-button.hl-secondary{background:white;color:#050515!important;border-color:#e8eaf1;box-shadow:0 14px 38px #05051509}.hl-header-actions .hl-button{padding:9px 17px;min-height:39px;font-size:10px;white-space:nowrap}.hl-nav-drop{position:relative}.hl-nav-drop summary{cursor:pointer;list-style:none;white-space:nowrap}.hl-nav-drop summary:after{content:"⌄";padding-left:7px}.hl-nav-drop>div{position:absolute;top:35px;left:-20px;background:white;border:1px solid #e8eaf1;border-radius:14px;box-shadow:0 14px 38px #05051512;min-width:230px;padding:10px}.hl-nav-drop>div a{display:block;padding:10px 12px;border-radius:7px}.hl-nav-drop a:hover{background:#f7f8fc;color:#e3000f}.hl-menu-toggle{display:none}.hl-skip{position:absolute;left:16px;top:-80px;padding:12px;background:#fff;z-index:100}.hl-skip:focus{top:8px}
.hl-site-bottom{margin-top:0}.hl-launch{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:30px;padding-block:60px}.hl-launch h2{font-size:clamp(27px,2.35vw,36px);line-height:1.18;margin:10px 0 16px}.hl-launch p{margin:0 0 16px;color:#5e6172}.hl-launch .hl-eyebrow{font-size:10px;letter-spacing:.115em;color:#e3000f;font-weight:600}.hl-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.hl-site-footer{display:block;width:100%;max-width:none;margin:0;background:#050515;color:#c9cad5;padding:64px 0 22px}.hl-footer-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr 1.15fr;gap:45px}.hl-footer-grid img{width:192px}.hl-footer-grid p{font-size:12px;line-height:1.9;margin-top:22px;max-width:260px}.hl-footer-grid h3{font-family:Poppins,Inter,sans-serif;font-size:13px;color:#fff;margin:0 0 20px;letter-spacing:0}.hl-footer-grid>div>a:not(:first-child),.hl-footer-grid>div:not(:first-child)>a{display:block;color:#b3b4c4;font-size:12px;margin:10px 0}.hl-site-footer a:hover{color:white;text-decoration:underline;text-underline-offset:4px}.hl-footer-bottom{border-top:1px solid #ffffff15;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:10px}.hl-footer-bottom>div{display:flex;gap:18px;flex-wrap:wrap}
/* Preserve Twenty-One's notification, search, cart, account and localisation controls.
   Only the redundant native logo is suppressed when our actual header precedes it. */
.hl-site-header~#header>.navbar>.container>.navbar-brand{display:none}
.hl-site-header~#header{margin-top:18px}
.hl-effects-paused .hl-button{transition:none;transform:none!important}
@media(max-width:1100px){.hl-header{gap:18px;padding:20px 24px;flex-wrap:wrap}.hl-header nav{gap:18px}.hl-header-actions{margin-left:auto}.hl-header>a img{width:160px}}
@media(max-width:850px){.hl-wrap{width:calc(100% - 48px)}.hl-header{width:calc(100% - 32px);padding:18px}.hl-menu-toggle{display:block;margin-left:auto;background:#fff;border:1px solid #e8eaf1;border-radius:8px;padding:8px 12px;font-size:12px!important}.hl-header nav{width:100%;order:4;flex-wrap:wrap;margin:0;padding-top:16px;border-top:1px solid #e8eaf1}.hl-enhanced .hl-header nav:not(.hl-menu-open){display:none}.hl-header-actions{margin:0}.hl-nav-drop>div{z-index:22;left:0}.hl-footer-grid{grid-template-columns:1fr 1fr;gap:30px}.hl-launch{padding-block:40px}}
@media(max-width:540px){.hl-utility{font-size:9px;gap:12px}.hl-utility>span{max-width:150px;line-height:1.4}.hl-utility>div{gap:12px}.hl-utility>div>a{display:none}.hl-header-actions{width:100%}.hl-header-actions .hl-button{flex:1}.hl-header nav{gap:20px}.hl-header>a img{width:155px}.hl-wrap{width:calc(100% - 36px)}.hl-launch{grid-template-columns:1fr;gap:10px}.hl-site-footer{padding-top:42px}.hl-footer-grid{gap:25px 20px}.hl-footer-grid>div:first-child{grid-column:1/-1}.hl-footer-grid>div:last-child{grid-column:1/-1}.hl-footer-bottom{flex-direction:column}.hl-footer-bottom>div{gap:12px}.hl-footer-grid p{max-width:none}.hl-site-header~#header{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.hl-button{transition:none!important;transform:none!important}}
@media print{.hl-site-header,.hl-site-bottom{display:none}}
/* Same closing launch scene as the main website; independently moving exhaust. */
.hl-launch{background:radial-gradient(ellipse at 70% 70%,#ffe8e9,transparent 65%),#fff9f9;border:1px solid #f8e7e9;border-radius:23px 23px 0 0;padding:42px 55px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;gap:0}
.hl-launch>div:first-child{position:relative;z-index:1}.hl-launch h2{font-size:30px}.hl-launch p:not(.hl-eyebrow){font-size:12px}.hl-launch .hl-actions{margin-top:20px}
.hl-launch .hl-rocket-scene{position:absolute;right:50px;width:320px;height:320px;bottom:-25px;pointer-events:none;z-index:0}
.hl-rocket-flight{position:absolute;inset:0;animation:hl-rocket-hover 4s ease-in-out infinite}
.hl-launch .hl-rocket-flight img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1}
.hl-rocket-exhaust{position:absolute;inset:0;z-index:0;pointer-events:none}
.hl-rocket-exhaust i{position:absolute;left:45.6%;top:53.6%;width:11%;height:11%;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fffdf8 5%,#fff1e5 35%,#d8d8e3 78%,transparent);opacity:0;animation:hl-exhaust-puff 3s ease-out infinite}
.hl-rocket-exhaust i:nth-child(2){animation-delay:-.6s}.hl-rocket-exhaust i:nth-child(3){animation-delay:-1.2s}.hl-rocket-exhaust i:nth-child(4){animation-delay:-1.8s}.hl-rocket-exhaust i:nth-child(5){animation-delay:-2.4s}
.hl-rocket-exhaust:before{content:"";position:absolute;left:45.5%;top:57%;width:11%;height:21%;background:radial-gradient(ellipse at 50% 0,#fffde9 8%,#ffd094 28%,#ff683b88 52%,transparent 73%);border-radius:50%;transform-origin:50% 0;transform:rotate(32deg);animation:hl-exhaust-flame 1.8s ease-in-out infinite}
@keyframes hl-rocket-hover{0%,100%{transform:translate(-3px,4px) rotate(-1deg)}50%{transform:translate(5px,-7px) rotate(1deg)}}
@keyframes hl-exhaust-puff{0%{transform:translate(0,0) scale(.2);opacity:0}18%{opacity:.85}65%{opacity:.65}100%{transform:translate(-105%,200%) scale(2.7);opacity:0}}
@keyframes hl-exhaust-flame{50%{opacity:.65;transform:rotate(32deg) scaleY(.85)}}
.hl-motion-offscreen *,.hl-motion-offscreen *:before{animation-play-state:paused!important}
.hl-effects-paused .hl-rocket-flight,.hl-effects-paused .hl-rocket-exhaust i,.hl-effects-paused .hl-rocket-exhaust:before{animation:none!important}.hl-effects-paused .hl-rocket-flight{transform:none!important}
@media(max-width:900px){.hl-launch{padding:35px}.hl-launch .hl-rocket-scene{right:10px;width:270px;height:270px}}
@media(max-width:600px){.hl-launch{padding:30px 23px 210px;border-radius:18px 18px 0 0}.hl-launch h2{font-size:26px}.hl-launch .hl-rocket-scene{width:240px;height:240px;right:0;bottom:-20px}.hl-launch .hl-actions{gap:8px}.hl-launch .hl-button{font-size:10px;padding:10px 13px;gap:10px}}
@media(prefers-reduced-motion:reduce){.hl-rocket-flight,.hl-rocket-exhaust i,.hl-rocket-exhaust:before{animation:none!important}.hl-rocket-flight{transform:none!important}}

/* Suspend owned decorative layers, including their pseudo-elements, in hidden tabs. */
.hl-page-hidden .hl-site-header *,.hl-page-hidden .hl-site-header *:before,.hl-page-hidden .hl-site-header *:after,
.hl-page-hidden .hl-site-bottom *,.hl-page-hidden .hl-site-bottom *:before,.hl-page-hidden .hl-site-bottom *:after,
.hl-motion-offscreen *,.hl-motion-offscreen *:before,.hl-motion-offscreen *:after{animation-play-state:paused!important}

/* 2.1: guest workspace polish; native markup, validation and submit actions stay intact. */
.primary-content > form.login-form{width:100%;max-width:560px;margin-inline:auto}
.primary-content .form-control::placeholder,#order-standard_cart .field::placeholder{color:#626876;opacity:1}
.primary-content .input-group>.form-control{min-width:0}
.primary-content textarea.form-control{min-height:150px;resize:vertical}
.primary-content .invalid-feedback,.primary-content .help-block,#order-standard_cart .alert{overflow-wrap:anywhere}
.primary-content :is(input,select,textarea,button,a):focus-visible,#order-standard_cart :is(input,select,textarea,button,a):focus-visible{outline:3px solid #b9000c;outline-offset:3px}
.hl-header nav{font-size:12px}
.hl-footer-grid>div>a:not(:first-child),.hl-footer-grid>div:not(:first-child)>a,.hl-footer-grid p{font-size:13px}
.hl-footer-bottom{font-size:11px;line-height:1.7}
.hl-footer-grid>*{min-width:0}.hl-site-footer a{overflow-wrap:anywhere}
.hl-site-header :is(a,button,summary):focus-visible,.hl-site-bottom a:focus-visible{outline:3px solid #b9000c;outline-offset:4px}
.hl-site-footer a:focus-visible{outline-color:#fff}
/* Leave an explicit artwork lane; no decorative layer may obscure closing text. */
@media(min-width:901px){.hl-launch>div:first-child{max-width:calc(100% - 310px)}}
@media(min-width:601px) and (max-width:900px){.hl-launch{padding-right:285px;min-height:300px}.hl-launch>div:first-child{max-width:100%}.hl-launch h2{font-size:26px}}
@media(max-width:767px){.primary-content input.form-control,.primary-content select.form-control,.primary-content textarea.form-control,#order-standard_cart input.field,#order-standard_cart select.field{font-size:16px}.primary-content .form-control:not(textarea){min-height:44px}.primary-content .input-group-text,.primary-content .input-group .btn{min-height:44px}.primary-content .login-form{margin-block:16px}.primary-content .card-body{overflow-wrap:anywhere}}
/* Progressive motion: default static until preference and visibility handling are ready. */
body:not(.hl-motion-ready) .hl-rocket-flight,body:not(.hl-motion-ready) .hl-rocket-exhaust i,body:not(.hl-motion-ready) .hl-rocket-exhaust:before,
.hl-motion-unavailable .hl-rocket-flight,.hl-motion-unavailable .hl-rocket-exhaust i,.hl-motion-unavailable .hl-rocket-exhaust:before{animation:none!important;transform:none!important}
.hl-menu-toggle,.hl-header-actions .hl-button{min-height:44px}
.hl-utility button{min-height:32px;padding:5px 2px;font-size:11px}
@media(pointer:coarse){.hl-utility button{min-height:44px}}
@media(max-width:600px){.hl-launch{padding-bottom:250px}}

/* Owned chrome precedes the untouched native footer; keep native utilities compact. */
footer#footer.footer.hl-native-utilities{padding-top:18px;padding-bottom:18px}