:root{--orange:#ef7109;--orange-dark:#bd4c00;--ink:#242424;--muted:#6b6b6b;--line:#e8e8e8;--pale:#f7f7f7;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}button{border:0}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #a64400;outline-offset:4px}.shell{width:min(1264px,calc(100% - 64px));margin-inline:auto}.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}.skip{position:fixed;top:-100px;left:16px;z-index:99;background:white;padding:12px}.skip:focus{top:10px}.topline{background:#f8f8f8;border-top:3px solid var(--orange);border-bottom:1px solid #eee;font-size:11px;color:#686868}.topline .shell{display:flex;justify-content:space-between;gap:20px;padding-block:8px}.topline a:hover{color:var(--orange-dark)}.header{display:flex;align-items:center;gap:35px;min-height:114px;padding-block:15px}.brand{flex-shrink:0}.brand img{width:224px;height:auto}.brand-description{font-size:12px;color:#777;line-height:1.7;border-left:1px solid #dedede;padding-left:28px}.brand-description strong{font-weight:500;color:#444}.account{display:flex;gap:25px;margin-left:auto;font-size:12px}.account a{display:flex;align-items:center;gap:9px}.account a:hover{color:var(--orange-dark)}.account svg{width:22px;height:22px;fill:none;stroke:var(--orange);stroke-width:1.5}.nav{background:var(--orange);color:white}.nav-inner{display:flex;gap:33px;align-items:center;min-height:48px;overflow-x:auto;scrollbar-width:thin;white-space:nowrap}.nav a{font-size:13px;font-weight:700;padding-block:14px}.nav a:hover{text-decoration:underline;text-underline-offset:5px}.nav a:focus-visible{outline-color:white;outline-offset:-3px}.search-section{text-align:center;padding-block:31px 28px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#ad4c00;margin:0 0 7px}h1{font-size:29px;letter-spacing:-.8px;line-height:1.25;margin:0 0 19px}.search{display:flex;align-items:center;max-width:840px;margin-inline:auto;border:2px solid var(--orange);border-radius:9px;box-shadow:0 5px 22px #ef710911;overflow:hidden;background:white;min-height:60px}.search>svg{width:22px;height:22px;color:#949494;flex-shrink:0;margin-left:21px}.search input{padding:16px 14px;flex:1;min-width:0;border:0;background:white;color:#242424;font-size:15px;outline:none}.search:focus-within{outline:3px solid #f9c08f;outline-offset:3px}.search input:focus-visible{outline:none}.search button{align-self:stretch;padding:0 24px;background:var(--orange);color:white;font-size:13px;font-weight:700;display:flex;align-items:center;gap:4px;min-height:56px}.search button b{font-size:22px;margin-left:14px;font-weight:400}.search button:hover{background:#d15c00}.search-hint{font-size:11px;color:#797979;margin:11px 0 0}.hero-frame{position:relative;height:405px;border-radius:13px 13px 0 0;overflow:hidden;background:#111}.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s,visibility .65s;color:white}.slide.active{opacity:1;visibility:visible;z-index:1}.slide-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 57%}.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a0c0ee8 0%,#0a0c0ebb 34%,#0a0c0e20 72%),linear-gradient(0deg,#0006,transparent 35%);z-index:0}.slide-logo{position:absolute;right:30px;top:25px;width:195px;height:auto;z-index:2;filter:drop-shadow(0 3px 6px #000)}.slide-copy{position:relative;z-index:1;padding:46px 48px 68px;max-width:660px}.slide-eyebrow{color:#ffb574;font-size:10px;font-weight:700;letter-spacing:2px;margin:0 0 17px}.slide h2{font-size:43px;font-weight:800;letter-spacing:-1.3px;line-height:1.08;margin:0 0 19px}.slide-copy>p:not(.slide-eyebrow){font-size:14px;color:#e2e2e2;line-height:1.65;margin:0 0 24px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:27px;color:white;background:var(--orange);padding:13px 19px;border-radius:5px;font-size:13px;font-weight:700;min-height:47px}.button:hover{background:#d35d00}.button:focus-visible{outline-color:white}.button span{font-size:18px}.slider-controls{position:absolute;z-index:3;right:23px;bottom:18px;display:flex;align-items:center;gap:7px;color:white}.slider-controls button{min-width:31px;height:31px;border:1px solid #ffffff70;border-radius:5px;background:#151515ab;color:white;font-size:20px;line-height:1}.slider-controls button:hover{background:var(--orange)}.slider-controls button:focus-visible{outline-color:white}.slider-controls #pause{font-size:10px;padding-inline:11px;min-width:79px;display:flex;gap:9px;align-items:center;justify-content:center}.slider-controls>span{font-size:11px;min-width:35px;text-align:center}.slide-tabs{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e3e3e3;border-top:0;border-radius:0 0 10px 10px;overflow:hidden}.slide-tabs button{background:#fff;color:#666;padding:14px 8px;font-size:12px;font-weight:600;border-top:3px solid transparent;border-right:1px solid #eee;display:flex;gap:12px;align-items:center;justify-content:center;transition:background .2s}.slide-tabs button:last-child{border-right:0}.slide-tabs button span{font-size:9px;color:#999}.slide-tabs button.selected{background:#fff6ee;border-top-color:var(--orange);color:#a64400}.slide-tabs button.selected span{color:#c35b0b}.slide-tabs button:hover{background:#fff6ee}.shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-top:20px}.shortcut{position:relative;isolation:isolate;overflow:hidden;border-radius:10px;min-height:119px;display:flex;align-items:flex-end;padding:18px;color:white;background:#1a1a1a}.shortcut.large{grid-column:span 2;min-height:153px}.shortcut>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .35s}.shortcut:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#000b,transparent 90%)}.shortcut:hover>img{transform:scale(1.04)}.shortcut>span{max-width:86%;text-shadow:0 1px 3px black}.shortcut strong{display:block;font-size:15px;line-height:1.3}.shortcut small{display:block;font-size:11px;margin-top:7px}.shortcut>b{margin-left:auto;font-size:17px;color:#ffa34c;align-self:flex-end}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:21px}.section-heading h2{font-size:22px;letter-spacing:-.4px;line-height:1.25;margin:0;padding-left:13px;border-left:3px solid var(--orange)}.section-heading>a{font-size:12px;color:#b64b00}.section-heading>a:hover{text-decoration:underline}.families-section{padding-block:31px 28px}.arrows{display:flex;gap:6px}.arrows button{border:1px solid #ddd;background:#fff;color:#666;border-radius:50%;width:34px;height:34px}.arrows button:hover{background:#fff4ea;color:#a64400;border-color:#ef7109}.family-strip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:5px 0 17px;scrollbar-color:var(--orange) #eee;scrollbar-width:thin}.family{flex:0 0 143px;scroll-snap-align:start;display:flex;align-items:center;flex-direction:column;text-align:center;padding:15px 8px 10px;border-radius:8px;min-height:134px}.family img{width:46px;height:46px;margin-bottom:17px}.family span{font-size:10px;line-height:1.5;max-width:150px}.family:hover{background:#fff4e9;color:#a64400}.family-hint{font-size:10px;color:#787878;margin:7px 0 0}.explore{background:#f7f7f7;padding:30px 0 32px;border-block:1px solid #f1f1f1}.catalog-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:17px}.catalog-card{background:white;border:1px solid #e6e6e6;border-radius:9px;overflow:hidden;transition:border-color .2s,transform .2s;display:flex;flex-direction:column}.catalog-card:hover{border-color:var(--orange);transform:translateY(-3px)}.catalog-card>img{width:100%;height:144px;object-fit:contain;padding:16px}.catalog-card>span{border-top:1px solid #eee;font-size:10px;display:flex;justify-content:space-between;gap:9px;padding:14px;min-height:58px;flex:1}.catalog-card b{color:var(--orange);font-size:14px;font-weight:400}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding-block:34px 38px}.steps>div{position:relative;padding-left:34px}.steps>div>span{position:absolute;left:0;top:2px;color:var(--orange);font-size:11px;font-weight:700}.steps h3{font-size:14px;margin:0 0 7px}.steps p{font-size:12px;color:#777;line-height:1.65;margin:0}footer{background:#202020;border-top:3px solid var(--orange);color:#bbb}.footer-inner{display:flex;align-items:center;gap:30px;padding-block:19px;font-size:11px}.footer-inner>img{width:142px}.footer-inner>div{margin-left:auto;display:flex;gap:22px;color:white}.footer-inner a:hover{color:#ffa34c}dialog{border:0;border-radius:15px;padding:27px;width:min(1250px,94vw);max-height:88svh;color:var(--ink);box-shadow:0 20px 100px #0005}dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}body.dialog-open{overflow:hidden}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:18px}.dialog-heading h2{font-size:25px;margin:0}.dialog-heading button{width:37px;height:37px;border-radius:50%;background:#f0f0f0;color:#444;font-size:25px;flex-shrink:0}.dialog-columns{display:grid;grid-template-columns:1.1fr 1fr;gap:28px}.dialog-columns h3{font-size:14px;border-bottom:2px solid var(--orange);padding-bottom:10px;margin:4px 0 14px}.dialog-families{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.dialog-families .family{min-height:117px;padding:12px 4px}.dialog-families .family img{width:36px;height:36px;margin-bottom:12px}.dialog-families .family span{font-size:9px;overflow-wrap:anywhere}.brands{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.brands a{padding:15px 6px;border:1px solid #e8e8e8;border-radius:6px;text-align:center;font-size:10px;display:grid;place-items:center;overflow-wrap:anywhere}.brands a:hover{border-color:var(--orange);background:#fff5ec;color:#a64400}
@media(min-width:1500px){.hero-frame{height:430px}.slide-copy{padding-top:54px}.slide h2{font-size:46px}}
@media(max-width:1000px){.brand-description{display:none}.header{min-height:105px}.nav-inner{gap:24px}.slide h2{font-size:37px}.slide-logo{width:170px}.slide-copy{padding-left:32px;max-width:580px}.catalog-grid{grid-template-columns:repeat(5,1fr);gap:12px}.catalog-card>img{height:125px}.catalog-card>span{font-size:9px;padding:11px}.shortcut strong{font-size:13px}.steps{gap:20px}.dialog-columns{grid-template-columns:1fr}.dialog-families{grid-template-columns:repeat(5,1fr)}.brands{grid-template-columns:repeat(5,1fr)}}
@media(max-width:650px){.shell{width:calc(100% - 32px)}.topline{font-size:9px}.topline .shell{gap:12px}.topline a{max-width:145px;text-align:right}.header{min-height:94px;gap:14px;padding-block:12px}.brand img{width:170px}.account{flex-direction:column;gap:9px;font-size:10px}.account svg{width:17px;height:17px}.account a{gap:7px}.nav-inner{gap:22px;min-height:45px}.nav a{font-size:11px;padding-block:12px}.search-section{padding-block:25px 23px}.eyebrow{font-size:8px;letter-spacing:1.6px}h1{font-size:25px;margin-bottom:16px}.search{min-height:56px;border-radius:7px}.search>svg{width:18px;height:18px;margin-left:12px}.search input{font-size:13px;padding:16px 9px}.search button{padding-inline:15px;font-size:12px;min-height:52px}.search button span,.search button b{display:none}.search-hint{font-size:10px;padding-inline:15px;line-height:1.6}.hero-frame{height:410px;border-radius:10px 10px 0 0}.slide-copy{padding:115px 24px 58px}.slide h2{font-size:31px;letter-spacing:-.8px;margin-bottom:13px}.slide-eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:12px}.slide-copy>p:not(.slide-eyebrow){font-size:12px;margin-bottom:18px;line-height:1.65}.desktop-break{display:none}.slide-logo{width:165px;left:22px;top:21px;right:auto}.slide-bg{object-position:65% center}.slide:after{background:linear-gradient(90deg,#090b0ed9,#090b0e5c),linear-gradient(0deg,#0009,transparent 80%)}.button{font-size:11px;padding:11px 15px;min-height:43px}.slider-controls{bottom:12px;right:14px;gap:5px}.slider-controls button{height:27px;min-width:28px}.slide-tabs button{font-size:10px;padding:12px 3px;gap:0}.slide-tabs button span{display:none}.shortcuts{grid-template-columns:repeat(2,1fr);gap:10px;padding-top:17px}.shortcut.large{grid-column:span 2;min-height:134px}.shortcut{min-height:107px;padding:14px}.shortcut strong{font-size:12px}.shortcut small{font-size:10px}.families-section{padding-block:26px 23px}.section-heading{gap:15px;margin-bottom:16px}.section-heading h2{font-size:20px;padding-left:10px}.section-heading>a{font-size:10px;max-width:116px;text-align:right}.family{flex-basis:118px;min-height:126px}.family span{font-size:9px}.family img{width:42px;height:42px}.catalog-grid{grid-template-columns:repeat(2,1fr);gap:12px}.catalog-card>img{height:131px;padding:16px}.catalog-card>span{font-size:10px;min-height:64px;padding:12px}.explore{padding-block:26px}.steps{grid-template-columns:1fr;gap:24px;padding-block:28px}.steps h3{font-size:13px}.steps p{font-size:12px}.footer-inner{flex-wrap:wrap;gap:14px;padding-block:22px}.footer-inner>img{width:136px}.footer-inner>span{font-size:10px;max-width:140px;margin-left:auto}.footer-inner>div{margin-left:0;flex-basis:100%;border-top:1px solid #ffffff20;padding-top:15px;justify-content:space-between}dialog{padding:20px 14px;width:94vw}.dialog-heading h2{font-size:22px}.dialog-families{grid-template-columns:repeat(3,1fr)}.brands{grid-template-columns:repeat(3,1fr)}.dialog-columns{gap:25px}}
@media(max-width:650px){.hero-frame{height:440px}.slide h2{font-size:29px}.slide-copy{padding-top:115px}.skip{transform:translateY(-200%)}.skip:focus{transform:none}}
@media(max-width:380px){.hero-frame{height:485px}.slide h2{font-size:26px}.slide-copy{padding-inline:20px}.button{gap:15px}.brand img{width:145px}.account{font-size:9px}.search>svg{display:none}}
@media(prefers-reduced-motion:reduce){html,.family-strip{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
