:root{--hh-ink:#102038;--hh-muted:#617086;--hh-blue:#3155e7;--hh-blue-dark:#2541bd;--hh-paper:#f5f7fc;--hh-border:#e5eaf3;--hh-radius:20px}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;color:var(--hh-ink);background:#fff}h1,h2,h3,.h0,.h1,.h2,.title{letter-spacing:-.035em}.page-width{max-width:132rem}.header-wrapper{background:#fff!important;border-bottom:1px solid var(--hh-border)!important;box-shadow:0 5px 22px #12254109}.header{min-height:78px;gap:1.8rem}.header__heading-logo{height:auto;object-fit:contain}.header__menu-item{font-size:1.4rem;font-weight:600;color:var(--hh-ink)!important;border-radius:8px;transition:background .2s ease}.header__menu-item:hover{background:#f2f5fa}.header__icon{border-radius:50%;transition:background .2s}.header__icon:hover{background:#f4f6fa}.announcement-bar{min-height:3.4rem}.announcement-bar__message{font-size:1.13rem;font-weight:600;letter-spacing:.035em}.button,.shopify-payment-button__button{border-radius:12px!important;font-weight:650;letter-spacing:.005em;transition:transform .2s ease,box-shadow .2s ease}.button:hover,.shopify-payment-button__button:hover{transform:translateY(-1px);box-shadow:0 8px 24px #122f6c21}.button:after{border-radius:12px!important}.card-wrapper .card{border:1px solid var(--hh-border);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 4px 18px #152a4d08;transition:transform .25s ease,box-shadow .25s ease}.card-wrapper:hover .card{transform:translateY(-3px);box-shadow:0 12px 28px #152a4d1a}.card__media{background:#f8f9fc}.card__media img{object-fit:contain!important}.card__information{padding:1.3rem 1.45rem 1.5rem!important}.card__heading{font-size:1.45rem;line-height:1.4;letter-spacing:-.01em}.price{font-weight:700}.collection .title,.collection-hero__title{font-weight:750;letter-spacing:-.04em}.product__title h1{font-weight:750;line-height:1.13}.product-form__input input[type=radio]+label{border-radius:10px;min-height:3.6rem}.product-form__input input[type=radio]:checked+label{background:#142c5c;color:#fff;border-color:#142c5c}.product__media-wrapper .product__media{background:#f8fafc;border-radius:18px;overflow:hidden}.thumbnail{border-radius:9px;overflow:hidden}.facets-container,.facet-filters{font-size:1.4rem}.field__input,.select__select{border-radius:10px}.footer{background:#f4f6fa!important;color:#1c2d47!important;border-top:1px solid var(--hh-border)}.footer .footer-block__heading{font-weight:700;letter-spacing:-.025em}.footer a{color:inherit}.footer__content-bottom{border-color:#dbe1ec}.hh24-shell{max-width:1320px;margin:0 auto;padding:0 32px}.hh24-home{padding:26px 0 18px;background:#fff;isolation:isolate}.hh24-hero{min-height:530px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);position:relative;overflow:hidden;border-radius:28px;background:radial-gradient(ellipse at 78% 30%,#2455a3 0%,transparent 34%),linear-gradient(116deg,#0c1931,#132e55 60%,#1d3971);color:#fff}.hh24-hero:after{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-175px;top:-250px;pointer-events:none}.hh24-hero__copy{padding:66px 0 62px 64px;position:relative;z-index:2;align-self:center}.hh24-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:750;letter-spacing:.135em;color:#cadcfb}.hh24-eyebrow__dot{width:7px;height:7px;background:#78e3c2;border-radius:50%}.hh24-hero h1{font-size:clamp(41px,4.2vw,67px);font-weight:790;letter-spacing:-.05em;line-height:1.07;max-width:660px;color:#fff;margin:22px 0}.hh24-hero__lead{font-size:clamp(16px,1.4vw,18px);line-height:1.65;color:#cfddf3;max-width:530px;margin:0}.hh24-hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:35px}.hh24-btn{display:inline-flex;align-items:center;gap:20px;text-decoration:none;padding:15px 21px;border-radius:12px;font-size:15px;font-weight:760;transition:transform .2s ease,background .2s ease}.hh24-btn:hover{transform:translateY(-2px)}.hh24-btn--light{background:#fff;color:#102a55!important}.hh24-btn--light:hover{background:#eaf2ff}.hh24-hero__link{font-size:14px;font-weight:650;text-decoration:none;color:#e3edfb!important}.hh24-hero__link:hover{text-decoration:underline;text-underline-offset:4px}.hh24-hero__micro{display:flex;flex-wrap:wrap;gap:16px;margin-top:45px;color:#c5d6ee;font-size:12px;font-weight:600}.hh24-hero__visual{position:relative;min-height:470px;align-self:stretch}.hh24-hero__glow{position:absolute;width:420px;height:420px;border-radius:50%;left:15%;top:50%;transform:translateY(-50%);background:radial-gradient(circle,rgba(87,137,246,.35),transparent 67%)}.hh24-hero__product{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;text-decoration:none;color:#20304a!important;border:1px solid rgba(255,255,255,.64);background:linear-gradient(145deg,#fff,#eef3fb);box-shadow:0 22px 55px #05102b40;transition:transform .25s ease}.hh24-hero__product:hover{transform:translateY(-5px) rotate(0)}.hh24-hero__product img{width:100%;height:calc(100% - 38px);object-fit:contain;display:block}.hh24-hero__product span{font-size:13px;font-weight:750}.hh24-hero__product span b{color:#3155e7}.hh24-hero__product--main{width:61%;height:350px;top:78px;left:22%;z-index:3;border-radius:24px;padding:24px 25px 15px;transform:rotate(5deg)}.hh24-hero__product--main:hover{transform:translateY(-5px) rotate(2deg)}.hh24-hero__product--mini{width:29%;height:172px;border-radius:20px;padding:13px 14px 10px;z-index:4}.hh24-hero__product--mini img{height:calc(100% - 28px)}.hh24-hero__product--mini span{font-size:11px}.hh24-hero__product--iphone{top:28px;left:0;transform:rotate(-9deg)}.hh24-hero__product--galaxy{right:4%;bottom:25px;transform:rotate(9deg)}.hh24-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:25px 10px;gap:20px;border-bottom:1px solid var(--hh-border)}.hh24-benefit{display:flex;align-items:center;justify-content:center;gap:13px}.hh24-benefit__icon{width:37px;height:37px;display:grid;place-items:center;background:#eff3ff;color:#3155e7;border-radius:12px;font-weight:800;font-size:19px}.hh24-benefit strong,.hh24-benefit small{display:block}.hh24-benefit strong{font-size:14px;line-height:1.45;color:#1a2d48}.hh24-benefit small{font-size:12px;line-height:1.5;color:#718099}.hh24-models{padding-top:70px;scroll-margin-top:110px}.hh24-heading{display:flex;justify-content:space-between;align-items:end;gap:26px;margin-bottom:26px}.hh24-kicker{font-size:11px;color:#3155e7;letter-spacing:.13em;font-weight:850}.hh24-heading h2,.hh24-needs h2{font-size:clamp(27px,2.55vw,39px);font-weight:780;line-height:1.18;letter-spacing:-.045em;margin:10px 0 0;color:#162943}.hh24-heading p,.hh24-needs p{font-size:14px;line-height:1.75;color:#748097;margin:0;max-width:330px}.hh24-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.hh24-brand-card{min-width:0;background:#f5f7fb;border:1px solid #e6eaf2;border-radius:22px;padding:22px;overflow:hidden;transition:box-shadow .2s,transform .2s}.hh24-brand-card:hover{box-shadow:0 10px 25px #182c4b14;transform:translateY(-3px)}.hh24-brand-card--iphone{background:#f1f5fc}.hh24-brand-card--galaxy{background:#f4f4fa}.hh24-brand-card--pixel{background:#eef6f4}.hh24-brand-card__top{display:flex;justify-content:space-between;align-items:center;min-height:142px}.hh24-brand-card__top div{flex:1;min-width:0;position:relative;z-index:1}.hh24-brand-card__label{font-size:10px;font-weight:820;color:#657ba4;letter-spacing:.15em}.hh24-brand-card h3{font-size:34px;letter-spacing:-.05em;font-weight:800;line-height:1.1;margin:12px 0 8px;color:#152941}.hh24-brand-card p{margin:0;color:#6b7b91;font-size:13px}.hh24-brand-card__top img{height:144px;width:42%;object-fit:contain;mix-blend-mode:multiply}.hh24-chip-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}.hh24-chip-list a{display:flex;justify-content:space-between;align-items:center;gap:5px;border:1px solid #e2e7ef;border-radius:10px;padding:12px 13px;background:#fff;color:#263954!important;font-size:12px;font-weight:750;text-decoration:none;transition:background .15s,border .15s,transform .15s}.hh24-chip-list a:hover{background:#eaf0ff;border-color:#a7bafc;transform:translateY(-1px)}.hh24-chip-list a span{color:#667da9}.hh24-needs{display:grid;grid-template-columns:.8fr 1.3fr;align-items:center;gap:34px;margin-top:70px;margin-bottom:40px;padding:31px 34px;border:1px solid #e4e9f4;border-radius:24px;background:linear-gradient(90deg,#f7f9fe,#fdfefe)}.hh24-needs h2{font-size:29px}.hh24-needs p{max-width:320px;margin-top:10px}.hh24-need-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hh24-need-links a{display:flex;flex-direction:column;gap:7px;min-height:134px;padding:15px 13px;background:#fff;border:1px solid #e4eaf3;border-radius:15px;color:#25344d!important;text-decoration:none;transition:box-shadow .2s,transform .2s}.hh24-need-links a:hover{box-shadow:0 9px 22px #1e376a17;transform:translateY(-2px)}.hh24-need-links__icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#e9effe;color:#3155e7;font-size:20px;line-height:1}.hh24-need-links strong{font-size:12px;line-height:1.35}.hh24-need-links small{font-size:11px;color:#657998}.hh24-need-links small span{margin-left:2px}.hh24-mobile-nav{display:none}@media(max-width:1100px){.hh24-hero__copy{padding-left:42px}.hh24-hero h1{font-size:clamp(39px,4.1vw,55px)}.hh24-hero__product--main{left:19%}.hh24-needs{grid-template-columns:1fr;gap:22px}.hh24-need-links{max-width:none}}@media(max-width:989px){.header{min-height:64px}.hh24-shell{padding:0 20px}.hh24-hero{grid-template-columns:1fr 1fr;min-height:450px}.hh24-hero__copy{padding:44px 0 44px 30px}.hh24-hero__micro{margin-top:28px}.hh24-hero__product--main{height:300px;top:65px}.hh24-hero__product--mini{height:140px}.hh24-brand-grid{gap:12px}.hh24-brand-card{padding:16px}.hh24-chip-list a{padding:10px;font-size:11px}}@media(max-width:749px){.hh24-home{padding:12px 0 0}.hh24-shell{padding:0 14px}.hh24-hero{display:flex;flex-direction:column;min-height:unset;border-radius:20px}.hh24-hero__copy{padding:32px 24px 8px;text-align:left}.hh24-eyebrow{font-size:9.5px}.hh24-hero h1{font-size:clamp(35px,8.3vw,48px);max-width:400px;margin:16px 0}.hh24-hero__lead{font-size:14px}.hh24-hero__actions{gap:16px;margin-top:22px}.hh24-btn{padding:13px 15px;font-size:12px}.hh24-hero__link{font-size:12px}.hh24-hero__micro{font-size:9.5px;gap:11px;margin-top:22px}.hh24-hero__visual{height:260px;min-height:260px;max-width:450px;width:100%;margin:0 auto}.hh24-hero__glow{width:260px;height:260px}.hh24-hero__product--main{height:210px;width:48%;top:27px;left:29%;padding:12px 9px 7px;border-radius:15px}.hh24-hero__product--main span{font-size:10px}.hh24-hero__product--mini{height:105px;width:25%;padding:7px;border-radius:12px}.hh24-hero__product--mini span{font-size:8px}.hh24-hero__product--iphone{top:18px;left:8%}.hh24-hero__product--galaxy{right:6%;bottom:13px}.hh24-benefits{grid-template-columns:1fr 1fr;padding:17px 0;gap:16px}.hh24-benefit{justify-content:start}.hh24-benefit:last-child{grid-column:1/-1}.hh24-benefit__icon{width:30px;height:30px;border-radius:8px;font-size:16px}.hh24-benefit strong{font-size:11px}.hh24-benefit small{font-size:10px}.hh24-models{padding-top:45px;scroll-margin-top:80px}.hh24-heading{display:block;margin-bottom:18px}.hh24-heading h2{font-size:28px}.hh24-heading p{margin-top:10px;font-size:12px}.hh24-brand-grid{grid-template-columns:1fr;gap:13px}.hh24-brand-card{padding:19px}.hh24-brand-card__top{min-height:110px}.hh24-brand-card__top img{height:116px;width:35%}.hh24-brand-card h3{font-size:31px}.hh24-chip-list{grid-template-columns:repeat(2,1fr);margin-top:10px}.hh24-chip-list a{font-size:12px;padding:11px 13px}.hh24-needs{grid-template-columns:1fr;margin-top:40px;margin-bottom:18px;padding:22px 16px;gap:15px;border-radius:18px}.hh24-needs h2{font-size:26px}.hh24-needs p{font-size:12px}.hh24-need-links{grid-template-columns:1fr 1fr;gap:8px}.hh24-need-links a{min-height:105px;padding:12px}.hh24-need-links a:last-child{grid-column:1/-1}.hh24-need-links strong{font-size:12px}.hh24-mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:90;bottom:0;left:0;right:0;padding:6px max(8px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom));background:#fffffff7;border-top:1px solid #e2e7f0;box-shadow:0 -6px 22px #0f1e3a0f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hh24-mobile-nav a{display:flex;align-items:center;flex-direction:column;gap:3px;color:#4e6079;text-decoration:none;font-size:10px;font-weight:650;padding:4px 2px;border-radius:7px}.hh24-mobile-nav a:hover{background:#f0f4fe;color:#2247c4}.hh24-mobile-nav svg{height:20px;width:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}body{padding-bottom:calc(60px + env(safe-area-inset-bottom))}.header__heading-logo{max-width:150px}.card-wrapper .card{border-radius:13px}.card__heading{font-size:1.24rem}.card__information{padding:1.05rem!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hh24-hero__product,.hh24-brand-card,.hh24-chip-list a,.hh24-need-links a,.button,.card-wrapper .card{transition:none}}.hh24-hero{position:relative;grid-template-columns:minmax(0,1fr);min-height:530px;background:#071a35;isolation:isolate}.hh24-hero__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;z-index:-2}.hh24-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,#0712278a,#08162c4d 35%,#08152b00 72%)}.hh24-hero__copy{max-width:690px;padding:67px 0 67px 64px;z-index:2;align-self:center}.hh24-hero h1{font-size:clamp(41px,4.6vw,66px);line-height:1.08;max-width:630px;text-wrap:balance;text-shadow:0 2px 12px rgba(0,0,0,.08)}.hh24-hero__lead{max-width:500px}.hh24-brand-card__monogram{height:105px;width:105px;flex:0 0 105px;display:flex;align-items:center;justify-content:center;border-radius:25px;background:#ffffff9e;color:#2a4db4;font-weight:760;letter-spacing:-.09em;font-size:73px;line-height:1;box-shadow:0 12px 35px #2f477d0d}.hh24-brand-card--galaxy .hh24-brand-card__monogram{color:#7961ad}.hh24-brand-card--pixel .hh24-brand-card__monogram{color:#167f70}@media(min-width:990px)and (max-width:1160px){.hh24-hero__copy{padding-left:44px;max-width:590px}}@media(max-width:989px){.hh24-hero{display:grid;min-height:460px}.hh24-hero__copy{max-width:550px;padding:48px 28px 48px 37px}.hh24-hero__shade{background:linear-gradient(90deg,rgba(7,18,39,.72),rgba(7,18,39,.25) 67%,transparent)}}@media(max-width:749px){.hh24-hero{display:block;min-height:580px;border-radius:20px}.hh24-hero__backdrop{object-position:67% bottom}.hh24-hero__shade{background:linear-gradient(180deg,#07132af7,#07132ad1 30%,#07132a24 68%,#07132a00)}.hh24-hero__copy{padding:31px 22px 300px;max-width:none}.hh24-hero h1{max-width:440px;font-size:clamp(34px,8.2vw,47px);line-height:1.1}.hh24-hero__lead{max-width:450px;font-size:13.5px;line-height:1.56}.hh24-hero__actions{margin-top:20px}.hh24-hero__micro{gap:10px;margin-top:20px}.hh24-brand-card__monogram{width:90px;height:90px;flex-basis:90px;font-size:57px;border-radius:22px}}@media(max-width:385px){.hh24-hero__copy{padding-bottom:255px}.hh24-hero{min-height:550px}.hh24-hero__micro span{font-size:8.7px}}.hh24-brand-card__top{gap:14px}.hh24-brand-card__visual{display:block;width:122px;height:122px;flex:0 0 122px;object-fit:cover;object-position:center;border-radius:22px;border:1px solid rgba(255,255,255,.7);box-shadow:0 12px 27px #162b591c;background:#d9e9ff}.hh24-brand-card--iphone .hh24-brand-card__visual{background:#d5e5fa}.hh24-brand-card--galaxy .hh24-brand-card__visual{background:#d8e7f8}.hh24-brand-card--pixel .hh24-brand-card__visual{background:#d9edfe}@media(min-width:750px)and (max-width:1150px){.hh24-brand-card__visual{width:100px;height:108px;flex-basis:100px;border-radius:17px}.hh24-brand-card__top{gap:9px}}@media(max-width:749px){.hh24-brand-card__visual{width:108px;height:108px;flex-basis:108px;border-radius:18px}.hh24-brand-card__top{gap:10px}}@media(max-width:365px){.hh24-brand-card__visual{width:92px;height:100px;flex-basis:92px}}@media screen and (max-width:749px){.hh24-hero{display:flex;flex-direction:column;min-height:0;height:auto;overflow:hidden;border-radius:20px;background:#0b1e3d}.hh24-hero__backdrop{position:relative;inset:auto;order:2;display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;object-position:center;z-index:0}.hh24-hero__shade{display:none}.hh24-hero__copy{order:1;width:100%;max-width:none;padding:30px 23px 27px;margin:0;align-self:auto;box-sizing:border-box;position:relative;z-index:1;background:linear-gradient(150deg,#08192f,#102c55)}.hh24-eyebrow{font-size:9.5px;line-height:1.5;letter-spacing:.095em;color:#bfd2f0}.hh24-hero h1{max-width:none;margin:15px 0 13px;font-size:clamp(32px,8vw,39px);line-height:1.12;letter-spacing:-.044em;text-shadow:none;text-wrap:balance}.hh24-hero__lead{max-width:none;margin:0;font-size:14px;line-height:1.58;color:#cfddf1}.hh24-hero__actions{margin-top:23px;gap:14px;align-items:center}.hh24-btn--light{padding:13px 16px;border-radius:10px;font-size:12px;min-height:44px}.hh24-hero__link{font-size:11.5px;line-height:1.5}.hh24-hero__micro{display:none}}@media screen and (max-width:375px){.hh24-hero__copy{padding:26px 20px 24px}.hh24-hero h1{font-size:31px}.hh24-hero__actions{gap:10px}.hh24-btn--light{padding:12px}}@media screen and (max-width:749px){.hh24-mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:900;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:2px;margin:0;padding:6px max(9px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-left));min-height:65px;background:#fffffffa;border-top:1px solid #dde5f0;box-shadow:0 -5px 22px #0e1f3d14;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-sizing:border-box}.hh24-mobile-nav .hh24-mobile-tab{min-width:0;min-height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px 2px;margin:0;border-radius:12px;color:#64748b;background:transparent;font-size:11px;font-weight:650;text-align:center;line-height:1.2;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:color .18s,background .18s}.hh24-mobile-nav .hh24-mobile-tab svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.hh24-mobile-nav .hh24-mobile-tab:hover,.hh24-mobile-nav .hh24-mobile-tab:focus-visible,.hh24-mobile-nav .hh24-mobile-tab.is-active{color:#2447d7;background:#edf2ff}.hh24-mobile-nav .hh24-mobile-tab:focus-visible{outline:2px solid #2447d7;outline-offset:2px}.hh24-mobile-tab__icon-wrap{position:relative;display:flex;align-items:center;justify-content:center}.hh24-mobile-tab__count{display:flex;align-items:center;justify-content:center;position:absolute;right:-12px;top:-6px;min-width:16px;height:16px;padding:0 3px;border-radius:9px;background:#2447d7;color:#fff;font-size:10px;font-weight:750;line-height:1;box-sizing:border-box}body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/hh24-modern.css.map */