.myhi-guide{background:var(--paper);color:var(--ink);overflow-x:clip}.guide-hero{min-height:620px;padding-block:clamp(150px,18vw,250px) 72px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:end;background:var(--ink);color:var(--paper)}.guide-hero__copy{max-width:1040px}.guide-hero .eyebrow{color:var(--titanium)}.guide-hero h1{max-width:940px;font-size:clamp(58px,8vw,126px);letter-spacing:-.058em;line-height:.92}.guide-hero__intro{max-width:650px;margin-top:32px;color:#f4f3efad;font-size:clamp(17px,1.4vw,21px);line-height:1.7}.guide-hero__updated{align-self:end;color:#f4f3ef8a;font:13px/1.4 var(--data-font)}.guide-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:0;background:var(--cream);border-bottom:1px solid var(--line)}.guide-directory__card{min-width:0;min-height:260px;padding:38px 32px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:20px;border-right:1px solid var(--line);transition:background var(--motion-fast,.22s),color var(--motion-fast,.22s)}.guide-directory__card:last-child{border-right:0}.guide-directory__card>span{font:12px/1.4 var(--data-font);letter-spacing:.12em}.guide-directory__card h2{margin:0 0 16px;font-size:clamp(30px,3vw,48px);line-height:.98}.guide-directory__card p{color:var(--muted);line-height:1.6}.guide-directory__card b{font-size:22px;font-weight:400}.guide-directory__card:hover,.guide-directory__card:focus-visible{background:var(--ink);color:var(--paper)}.guide-directory__card:hover p,.guide-directory__card:focus-visible p{color:#f4f3efad}.guide-section{padding-block:clamp(76px,9vw,138px);scroll-margin-top:calc(var(--header-height) + 20px)}.guide-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.65fr);gap:64px;align-items:end;margin-bottom:56px}.guide-heading h2{max-width:760px}.guide-heading>p{color:var(--muted);font-size:16px;line-height:1.7}.guide-budget__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.budget-card{min-width:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.budget-card__media{aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden;background:#ebeae5}.budget-card__media img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;transform:none}.budget-card:hover .budget-card__media img{transform:none}.budget-card__placeholder{width:100%;height:100%;background:linear-gradient(135deg,#ebeae5,#dedbd2)}.budget-card__body{padding:clamp(28px,4vw,56px)}.budget-card__meta{display:flex;justify-content:space-between;gap:24px;padding-bottom:20px;margin-bottom:28px;border-bottom:1px solid var(--line);color:var(--muted);font:14px/1.4 var(--data-font)}.budget-card h3{margin-bottom:20px;font:700 clamp(38px,4vw,62px)/1 var(--display-font);letter-spacing:-.04em}.budget-card__group,.budget-card__note{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.budget-card h4,.use-card h4,.tech-item__body h3{margin-bottom:10px;font:600 13px/1.4 var(--data-font);letter-spacing:.05em;text-transform:uppercase}.budget-card__note{color:var(--muted)}.guide-rte{font-size:15px;line-height:1.72}.guide-rte p+p,.guide-rte p+ul,.guide-rte ul+p{margin-top:12px}.guide-rte ul{margin:0;padding-left:20px}.guide-rte li+li{margin-top:7px}.guide-link{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;margin-top:30px;color:var(--red);border-bottom:1px solid currentColor;font-size:14px;font-weight:600}.guide-fine-print{max-width:820px;margin-top:28px;color:var(--muted);font-size:12px;line-height:1.65}.guide-use{background:var(--graphite);color:var(--paper)}.guide-heading--light>p{color:#f4f3ef9e}.guide-heading--light .eyebrow{color:var(--titanium)}.use-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)}.use-card{padding:clamp(30px,4vw,58px);border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}.use-card:last-child:nth-child(odd){grid-column:1/-1}.use-card__case{color:var(--titanium);font:12px/1.4 var(--data-font);letter-spacing:.08em;text-transform:uppercase}.use-card__model{margin-top:16px;color:#f4f3efa6;font-size:13px}.use-card__model strong{color:var(--paper)}.use-card h3{max-width:620px;margin:30px 0 22px;font:700 clamp(34px,4vw,58px)/1 var(--display-font);letter-spacing:-.04em}.use-card__group,.use-card__check{margin-top:28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.16)}.use-card__check{color:#f4f3efa8}.guide-link--light{color:var(--paper)}.guide-compare{margin-top:56px;padding-top:40px;border-top:1px solid rgba(255,255,255,.18);display:flex;justify-content:space-between;align-items:center;gap:48px}.guide-compare h3{font-size:clamp(30px,3vw,48px)}.guide-compare p{max-width:640px;margin-top:12px;color:#f4f3ef9e}.tech-list{border-top:1px solid var(--line)}.tech-item{border-bottom:1px solid var(--line)}.tech-item summary{min-height:96px;padding-block:26px;display:flex;align-items:center;justify-content:space-between;gap:32px;cursor:pointer;list-style:none;font:700 clamp(25px,3vw,42px)/1.15 var(--display-font)}.tech-item summary::-webkit-details-marker,.guide-faq__item summary::-webkit-details-marker{display:none}.tech-item summary b,.guide-faq__item summary b{font-family:var(--font);font-weight:300;transition:transform .2s}.tech-item[open] summary b,.guide-faq__item[open] summary b{transform:rotate(45deg)}.tech-item__body{max-width:940px;padding:8px 0 42px clamp(0px,8vw,130px);display:grid;gap:26px}.tech-item__answer{font-size:18px}.tech-item__note{padding:20px 24px;background:var(--cream);color:var(--muted)}.guide-faq{display:grid;grid-template-columns:minmax(240px,.55fr) minmax(0,1fr);gap:72px;background:var(--cream)}.guide-faq__heading h2{font-size:clamp(42px,5vw,72px)}.guide-faq__list{border-top:1px solid var(--line)}.guide-faq__item{border-bottom:1px solid var(--line)}.guide-faq__item summary{min-height:80px;padding-block:22px;display:flex;justify-content:space-between;align-items:center;gap:24px;cursor:pointer;list-style:none;font-size:17px;font-weight:600}.guide-faq__item>.guide-rte{padding:0 48px 28px 0;color:var(--muted)}.guide-close{padding-block:clamp(70px,8vw,112px);display:flex;align-items:end;justify-content:space-between;gap:56px;background:var(--red);color:var(--paper)}.guide-close h2{font-size:clamp(42px,5vw,76px)}.guide-close p:not(.eyebrow){max-width:680px;margin-top:20px;color:#f4f3efc2}.guide-close__actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}@media(max-width:900px){.guide-hero{grid-template-columns:1fr;min-height:540px;padding-top:130px}.guide-directory{grid-template-columns:1fr}.guide-directory__card{min-height:190px;border-right:0;border-bottom:1px solid var(--line)}.guide-heading{grid-template-columns:1fr;gap:24px}.guide-budget__grid,.use-grid{grid-template-columns:1fr}.use-card:last-child:nth-child(odd){grid-column:auto}.guide-faq{grid-template-columns:1fr;gap:38px}.guide-close{align-items:start;flex-direction:column}}@media(max-width:600px){.guide-hero{min-height:500px;padding-top:118px}.guide-hero h1{font-size:clamp(52px,15vw,78px)}.guide-directory__card{padding:30px 0;grid-template-columns:28px minmax(0,1fr) auto}.guide-section{padding-block:72px}.budget-card__body,.use-card{padding:30px 0}.budget-card__media{aspect-ratio:1/1}.guide-budget__grid,.use-grid{border-left:0}.budget-card,.use-card{border-right:0}.guide-compare{align-items:start;flex-direction:column}.tech-item summary{min-height:82px;font-size:26px}.tech-item__body{padding-left:0}.guide-faq__item summary{font-size:16px}.guide-faq__item>.guide-rte{padding-right:0}}.guide-hero{position:relative;isolation:isolate;overflow:hidden}.guide-hero:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(255,255,255,.055) 25%);pointer-events:none}.guide-hero:after{position:absolute;right:clamp(24px,6vw,96px);bottom:0;width:1px;height:34%;content:"";background:var(--red)}.guide-hero>*{position:relative}.guide-directory__card b,.guide-link span{transition:transform .26s cubic-bezier(.2,.75,.2,1)}.guide-directory__card:hover b,.guide-directory__card:focus-visible b{transform:translateY(6px)}.guide-progress{position:sticky;top:var(--header-height,72px);z-index:24;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-block:0;min-height:58px;border-bottom:1px solid var(--line);background:#f4f3efeb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.guide-progress__line{position:absolute;right:0;bottom:-1px;left:0;height:2px;overflow:hidden;background:transparent}.guide-progress__line i{display:block;width:100%;height:100%;background:var(--red);transform:scaleX(.25);transform-origin:left center;transition:transform .42s cubic-bezier(.2,.75,.2,1)}.guide-progress a{min-width:0;padding:13px 18px;display:flex;align-items:center;gap:12px;border-right:1px solid var(--line);color:var(--muted);font:10px/1.2 var(--data-font);letter-spacing:.08em;text-transform:uppercase;transition:color .22s,background .22s}.guide-progress a:last-child{border-right:0}.guide-progress a span{color:var(--muted)}.guide-progress a b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.guide-progress a[aria-current=true]{background:var(--ink);color:var(--paper)}.guide-progress a[aria-current=true] span{color:var(--titanium)}.guide-section{position:relative}.guide-heading,.guide-faq__heading{position:relative;isolation:isolate}.guide-heading{padding-top:28px;border-top:1px solid currentColor}.guide-heading:before,.guide-faq__heading:before{position:absolute;z-index:-1;top:-.24em;right:0;content:attr(data-guide-chapter);color:#0b0d0f0e;font:700 clamp(92px,13vw,210px)/.8 var(--display-font);letter-spacing:-.08em;pointer-events:none}.guide-heading--light:before{color:#f4f3ef0e}.guide-heading>div,.guide-heading>p,.guide-faq__heading>*{position:relative;z-index:1}.guide-heading>p{padding-left:24px;border-left:2px solid var(--red)}.guide-heading--light{border-top-color:#ffffff38}.guide-heading--light>p{border-left-color:var(--titanium)}.guide-budget__grid{counter-reset:budget-card}.budget-card{position:relative;isolation:isolate;counter-increment:budget-card;transition:transform .38s cubic-bezier(.2,.75,.2,1),box-shadow .38s}.budget-card:before{position:absolute;z-index:3;top:18px;right:20px;content:"0" counter(budget-card);padding:7px 9px;background:#f4f3efe6;color:var(--ink);font:11px/1 var(--data-font);letter-spacing:.08em}.budget-card__media{position:relative}.budget-card__media:after{position:absolute;right:0;bottom:0;left:0;height:3px;content:"";background:var(--red);transform:scaleX(0);transform-origin:left center;transition:transform .46s cubic-bezier(.2,.75,.2,1)}.budget-card:hover .budget-card__media:after,.budget-card:focus-within .budget-card__media:after{transform:scaleX(1)}.budget-card:hover .guide-link span,.budget-card:focus-within .guide-link span,.use-card:hover .guide-link span,.use-card:focus-within .guide-link span{transform:translate(4px,-4px)}.use-grid{counter-reset:use-card}.use-card{position:relative;counter-increment:use-card;transition:background .32s,border-color .32s}.use-card:before{position:absolute;top:24px;right:28px;content:"0" counter(use-card);color:#f4f3ef47;font:11px/1 var(--data-font);letter-spacing:.1em}.use-card:hover,.use-card:focus-within{background:#ffffff09;border-color:#ffffff57}.tech-item summary,.guide-faq__item summary{transition:color .22s,padding-left .32s cubic-bezier(.2,.75,.2,1)}.tech-item summary:hover,.tech-item summary:focus-visible,.guide-faq__item summary:hover,.guide-faq__item summary:focus-visible{color:var(--red);padding-left:12px}.tech-item[open]>.tech-item__body,.guide-faq__item[open]>.guide-rte{animation:guide-panel-in .42s cubic-bezier(.2,.75,.2,1) both}.guide-faq__heading{padding-top:30px;border-top:1px solid var(--line)}.guide-faq__heading:before{top:-.08em;right:auto;left:0}.guide-motion-ready .guide-reveal{opacity:0;transform:translate3d(0,24px,0);transition:opacity .62s cubic-bezier(.2,.75,.2,1),transform .62s cubic-bezier(.2,.75,.2,1);transition-delay:var(--guide-reveal-delay,0ms);will-change:opacity,transform}.guide-motion-ready .guide-reveal--left{transform:translate3d(-30px,20px,0)}.guide-motion-ready .guide-reveal--right{transform:translate3d(30px,20px,0)}.guide-motion-ready .guide-reveal.is-visible{opacity:1;transform:translateZ(0);will-change:auto}@media(hover:hover)and (pointer:fine){.guide-motion-ready .budget-card.guide-reveal.is-visible:hover{transform:translateY(-7px);box-shadow:0 22px 46px #0b0d0f14}}@keyframes guide-panel-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.guide-progress{top:var(--header-height,64px)}.guide-progress a{justify-content:center;padding-inline:8px}.guide-progress a b{display:none}.guide-heading:before,.guide-faq__heading:before{font-size:clamp(82px,20vw,145px)}}@media(max-width:600px){.guide-progress{min-height:48px}.guide-progress a{padding-block:10px}.guide-heading{padding-top:22px}.guide-heading>p{padding-left:16px}.budget-card:before{top:12px;right:12px}.use-card:before{top:18px;right:0}.tech-item summary:hover,.tech-item summary:focus-visible,.guide-faq__item summary:hover,.guide-faq__item summary:focus-visible{padding-left:0}}@media(prefers-reduced-motion:reduce){.guide-motion-ready .guide-reveal,.guide-motion-ready .guide-reveal--left,.guide-motion-ready .guide-reveal--right{opacity:1;transform:none;transition:none}.guide-progress__line i,.guide-directory__card b,.guide-link span,.budget-card,.budget-card__media:after,.tech-item summary,.guide-faq__item summary{transition:none}.tech-item[open]>.tech-item__body,.guide-faq__item[open]>.guide-rte{animation:none}}.guide-progress{position:fixed;top:var(--header-height,72px);right:0;left:0;z-index:34;min-height:58px;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,-115%,0);transition:opacity .28s,visibility .28s,transform .52s cubic-bezier(.16,1,.3,1);box-shadow:0 12px 28px #0b0d0f12}.guide-progress.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:translateZ(0)}.guide-section{scroll-margin-top:calc(var(--header-height,72px) + 72px)}.guide-hero:before{background-position:var(--hero-grid-shift,0px) 0;transition:background-position 80ms linear}.guide-hero:after{transform:scaleY(var(--hero-red-progress,0));transform-origin:top;transition:transform 80ms linear}.guide-hero h1.guide-reveal{clip-path:inset(0 0 100% 0);transform:translate3d(0,48px,0);transition-duration:.95s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.guide-hero h1.guide-reveal.is-visible{clip-path:inset(0 0 0 0);transform:translateZ(0)}.guide-hero__intro.guide-reveal{transition-delay:.16s}.guide-directory__card{position:relative;isolation:isolate;overflow:hidden}.guide-directory__card:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;content:"";background:var(--ink);transform:translateY(101%);transition:transform .62s cubic-bezier(.16,1,.3,1)}.guide-directory__card>*{position:relative;z-index:1}.guide-directory__card:hover:before,.guide-directory__card:focus-visible:before{transform:translateY(0)}.guide-motion-enhanced .guide-directory__card.guide-reveal{opacity:0;clip-path:inset(100% 0 0 0);transform:translate3d(0,68px,0) rotate(calc((var(--directory-index,0) - 1) * .45deg));transition-duration:.78s}.guide-motion-enhanced .guide-directory__card.guide-reveal.is-visible{opacity:1;clip-path:inset(0 0 0 0);transform:translateZ(0) rotate(0)}.guide-heading:before,.guide-faq__heading:before{transform:translate3d(0,var(--chapter-shift,0px),0);will-change:transform}.guide-motion-enhanced .budget-card.guide-reveal{opacity:1}.guide-motion-enhanced .budget-card.guide-reveal .budget-card__media{clip-path:inset(100% 0 0 0);transform:translateY(30px);transition:clip-path .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.guide-motion-enhanced .budget-card.guide-reveal.is-visible .budget-card__media{clip-path:inset(0 0 0 0);transform:translateY(0)}.guide-motion-enhanced .budget-card.guide-reveal .budget-card__body>*{opacity:0;transform:translateY(24px);transition:opacity .56s cubic-bezier(.2,.75,.2,1),transform .68s cubic-bezier(.16,1,.3,1)}.guide-motion-enhanced .budget-card.guide-reveal.is-visible .budget-card__body>*{opacity:1;transform:translateY(0)}.guide-motion-enhanced .budget-card.guide-reveal.is-visible .budget-card__body>*:nth-child(1){transition-delay:.12s}.guide-motion-enhanced .budget-card.guide-reveal.is-visible .budget-card__body>*:nth-child(2){transition-delay:.19s}.guide-motion-enhanced .budget-card.guide-reveal.is-visible .budget-card__body>*:nth-child(3){transition-delay:.25s}.guide-motion-enhanced .budget-card.guide-reveal.is-visible .budget-card__body>*:nth-child(n+4){transition-delay:.31s}.guide-motion-enhanced .use-card.guide-reveal{opacity:1;clip-path:inset(0 100% 0 0);transform:translate(-34px);transition:clip-path .84s cubic-bezier(.16,1,.3,1),transform .84s cubic-bezier(.16,1,.3,1)}.guide-motion-enhanced .use-card.guide-reveal:nth-child(2n){clip-path:inset(0 0 0 100%);transform:translate(34px)}.guide-motion-enhanced .use-card.guide-reveal.is-visible{clip-path:inset(0 0 0 0);transform:translate(0)}.use-card:after{position:absolute;top:0;bottom:0;left:0;width:3px;content:"";background:var(--red);transform:scaleY(0);transform-origin:center;transition:transform .52s cubic-bezier(.16,1,.3,1);box-shadow:0 0 34px #7b111873}.use-card:hover:after,.use-card:focus-within:after{transform:scaleY(1)}.tech-item,.guide-faq__item{position:relative}.tech-item:before,.guide-faq__item:before{position:absolute;top:0;bottom:0;left:0;width:2px;content:"";background:var(--red);transform:scaleY(0);transform-origin:top;transition:transform .52s cubic-bezier(.16,1,.3,1)}.tech-item[open]:before,.guide-faq__item[open]:before{transform:scaleY(1)}.tech-item[open]>.tech-item__body>*{animation:guide-detail-layer .52s cubic-bezier(.16,1,.3,1) both}.tech-item[open]>.tech-item__body>*:nth-child(2){animation-delay:70ms}.tech-item[open]>.tech-item__body>*:nth-child(3){animation-delay:.13s}.tech-item[open]>.tech-item__body>*:nth-child(4){animation-delay:.19s}.guide-close--kinetic{position:relative;isolation:isolate;overflow:hidden}.guide-close--kinetic:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;content:"";background:var(--ink);transform:scaleY(1);transform-origin:bottom;transition:transform 1.05s cubic-bezier(.16,1,.3,1)}.guide-close--kinetic.is-surface-visible:after{transform:scaleY(0)}.guide-close--kinetic>*{position:relative;z-index:3}@keyframes guide-detail-layer{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.guide-progress{top:var(--header-height,64px)}.guide-section{scroll-margin-top:calc(var(--header-height,64px) + 60px)}.guide-motion-enhanced .guide-directory__card.guide-reveal{transform:translateY(44px) rotate(0)}.guide-motion-enhanced .guide-directory__card.guide-reveal.is-visible{transform:none}}@media(max-width:600px){.guide-progress{min-height:48px}.guide-section{scroll-margin-top:calc(var(--header-height,60px) + 54px)}.guide-hero h1.guide-reveal{transform:translateY(30px)}.guide-motion-enhanced .budget-card.guide-reveal .budget-card__media{transform:translateY(18px)}.guide-motion-enhanced .use-card.guide-reveal,.guide-motion-enhanced .use-card.guide-reveal:nth-child(2n){transform:translate(20px)}.guide-motion-enhanced .use-card.guide-reveal.is-visible{transform:none}}@media(prefers-reduced-motion:reduce){.guide-progress{transition:none}.guide-hero:before{background-position:0 0}.guide-hero:after{transform:scaleY(1);transition:none}.guide-hero h1.guide-reveal,.guide-motion-enhanced .guide-directory__card.guide-reveal,.guide-motion-enhanced .budget-card.guide-reveal .budget-card__media,.guide-motion-enhanced .budget-card.guide-reveal .budget-card__body>*,.guide-motion-enhanced .use-card.guide-reveal,.guide-motion-enhanced .use-card.guide-reveal:nth-child(2n){opacity:1;clip-path:none;transform:none;transition:none}.guide-heading:before,.guide-faq__heading:before{transform:none}.guide-directory__card:before,.use-card:after,.tech-item:before,.guide-faq__item:before,.guide-close--kinetic:after{transition:none}.guide-close--kinetic:after{display:none}.tech-item[open]>.tech-item__body>*{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/7/compiled_assets/styles.css.map?subset=AAAACA */