.hh-hero-fluid{--hf-h1:clamp(28px, calc(1.5vw + 2.6vh) ,48px);--hf-body:clamp(15px, calc(.45vw + .9vh) ,18px);--hf-small:clamp(13px, calc(.3vw + .8vh) ,15px);--hf-step:clamp(16px, calc(.5vw + 1.2vh) ,21px);--hf-card-title:clamp(17px, calc(.6vw + 1.4vh) ,23px);--hf-card-pad:clamp(10px,1.6vh,18px);--hf-gap-xs:clamp(6px,1vh,12px);--hf-gap-s:clamp(10px,1.8vh,20px);--hf-gap-m:clamp(14px,2.6vh,30px);--hf-pad-top:clamp(18px,3.2vh,44px);--hf-pad-bot:clamp(22px,4vh,56px);--hf-photo-w:clamp(280px,32vw,500px);--hf-accent:#FACA30}html body .hh-hero-fluid{min-height:0!important;padding:var(--hf-pad-top) 0 var(--hf-pad-bot)!important;justify-content:flex-start!important}html body .hh-hero-fluid h1{font-size:var(--hf-h1)!important;line-height:1.08!important;margin:0 0 var(--hf-gap-s)!important}html body .hh-hero-fluid p{font-size:var(--hf-body)!important;line-height:1.5!important;margin:0 0 var(--hf-gap-xs)!important}html body .hh-hero-fluid p.hf-small{font-size:var(--hf-small)!important}html body .hh-hero-fluid .hh-hero-copy>div{margin-top:var(--hf-gap-s)!important}html body .hh-hero-fluid .btn{padding-top:clamp(10px,1.5vh,16px);padding-bottom:clamp(10px,1.5vh,16px);font-size:var(--hf-body)}html body .hh-hero-fluid .step1{font-size:var(--hf-step)!important;margin:var(--hf-gap-m) 0 0!important}html body .hh-hero-fluid .intents{margin-top:var(--hf-gap-s)!important;gap:clamp(10px,1.4vw,16px)!important}html body .hh-hero-fluid .intent{padding:var(--hf-card-pad)!important;font-size:var(--hf-card-title)!important;line-height:1.1}html body .hh-hero-fluid .intent span{font-size:var(--hf-small)!important;line-height:1.35}html body .hh-hero-fluid .skipto,html body .hh-hero-fluid .ticks{margin-top:var(--hf-gap-xs)!important;font-size:var(--hf-small)!important}.hh-hero-fluid .hh-hero-photo{margin:0;position:relative;border-radius:12px;overflow:hidden;box-shadow:0 14px 34px #00000061;outline:2px solid var(--hf-accent);outline-offset:-2px;background:#0e2240}.hh-hero-fluid .hh-hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 35%}.hh-hero-fluid .hh-hero-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:clamp(6px,1vh,10px) 12px;background:linear-gradient(0deg,#0e2240f2,#0e2240c7);color:#f4f3ef;font-size:var(--hf-small);line-height:1.35;font-family:Inter,sans-serif}@media(min-width:900px){.hh-hero-fluid .hh-hero-top{display:grid;grid-template-columns:minmax(0,1fr) var(--hf-photo-w);gap:clamp(24px,3vw,48px);align-items:stretch}.hh-hero-fluid .hh-hero-media{position:relative;min-height:0}.hh-hero-fluid .hh-hero-media .hh-hero-photo{position:absolute;top:0;right:0;bottom:0;left:0}html body .hh-hero-fluid .hh-hero-copy p{max-width:none!important}}@media(max-width:899px){.hh-hero-fluid .hh-hero-media{margin-top:var(--hf-gap-s)}.hh-hero-fluid .hh-hero-photo{aspect-ratio:16/9;max-height:clamp(150px,24vh,300px);width:100%}html body .hh-hero-fluid .btn{margin-bottom:8px!important}}@media(min-width:700px)and (max-width:899px){html body .hh-hero-fluid .intents{grid-template-columns:repeat(3,1fr)!important}}html body .hh-hero-fluid{max-height:none}@media(min-width:900px)and (max-height:760px){.hh-hero-fluid{--hf-h1:clamp(26px, calc(1.2vw + 2.4vh) ,40px);--hf-body:clamp(14px, calc(.3vw + 1vh) ,16px);--hf-card-pad:clamp(8px,1.3vh,12px);--hf-card-title:clamp(16px, calc(.5vw + 1.4vh) ,20px);--hf-gap-m:clamp(10px,2vh,18px);--hf-pad-top:clamp(12px,2.2vh,22px);--hf-pad-bot:clamp(14px,2.6vh,26px)}html body .hh-hero-fluid .hh-hero-copy p.hf-small{display:none!important}}@media(min-width:900px)and (max-height:640px){.hh-hero-fluid{--hf-h1:clamp(24px, calc(1vw + 2.6vh) ,34px);--hf-body:14px;--hf-small:13px;--hf-step:16px;--hf-card-title:16px;--hf-card-pad:8px;--hf-gap-xs:5px;--hf-gap-s:8px;--hf-gap-m:10px;--hf-pad-top:10px;--hf-pad-bot:12px}html body .hh-hero-fluid .intent span{margin-top:2px!important}html body .hh-hero-fluid .hh-hero-copy p:not(.hf-small){display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}html body .hhrs .hh-hero-fluid{--hf-h1:clamp(31px, calc(.9vw + 3.8vh) ,61px);--hf-body:clamp(15px, calc(.35vw + 1.3vh) ,20px);--hf-small:clamp(13px, calc(.25vw + 1vh) ,16px);--hf-step:clamp(16px, calc(.4vw + 1.6vh) ,24px);--hf-card-title:clamp(17px, calc(.5vw + 1.8vh) ,26px);--hf-card-pad:clamp(12px,2.4vh,28px);--hf-gap-xs:clamp(8px,1.4vh,16px);--hf-gap-s:clamp(12px,2.4vh,30px);--hf-gap-m:clamp(16px,3.6vh,48px);--hf-pad-top:clamp(20px,4.5vh,64px);--hf-pad-bot:clamp(20px,4.5vh,64px);--hf-photo-w:clamp(260px,29vw,430px);--hf-accent:#FACA30}html body .hhrs .hh-hero-fluid{min-height:calc(100vh - var(--hh-hdr,72px))!important;min-height:calc(100svh - var(--hh-hdr,72px))!important;padding:var(--hf-pad-top) 0 var(--hf-pad-bot)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;box-sizing:border-box}html body .hhrs .hh-hero-fluid>.w{flex:1 0 auto;display:flex;flex-direction:column;justify-content:space-evenly}html body .hhrs .hh-hero-fluid p{margin:0 0 var(--hf-gap-s)!important}html body .hhrs .hh-hero-fluid .btn{padding-top:clamp(11px,1.8vh,20px);padding-bottom:clamp(11px,1.8vh,20px)}html body .hhrs .hh-hero-fluid .intent{box-sizing:border-box}html body .hhrs .hh-hero-fluid .hh-hero-photo figcaption{display:none}@media(min-width:900px){html body .hhrs .hh-hero-fluid .intent{min-height:clamp(64px,11vh,130px)}}@media(min-width:900px)and (max-height:760px){html body .hhrs .hh-hero-fluid .hh-hero-copy p.hf-small{display:block!important}html body .hhrs .hh-hero-fluid .hh-hero-copy p:not(.hf-small){display:block!important;-webkit-line-clamp:unset;overflow:visible}}@media(min-width:900px)and (max-height:600px){html body .hhrs .hh-hero-fluid{--hf-pad-top:12px;--hf-pad-bot:12px;--hf-gap-m:14px;--hf-gap-s:12px;--hf-card-pad:10px}html body .hhrs .hh-hero-fluid .intent{min-height:0}html body .hhrs .hh-hero-fluid .hh-hero-copy p.hf-small{display:none!important}}@media(min-width:900px){html body .hhrs .hh-hero-fluid .hh-hero-top{gap:clamp(32px,4vw,72px);align-items:center}html body .hhrs .hh-hero-fluid .hh-hero-media{align-self:stretch}}html body .hhrs .hh-hero-fluid>.w>.step1{margin-top:auto!important;padding-top:var(--hf-gap-m)}html body .hhrs .hh-hero-fluid>.w>.intents{margin-top:clamp(8px,1.2vh,14px)!important}
/*# sourceMappingURL=/cdn/shop/t/33/assets/hh-hero-fluid.css.map */