.kh-hero{min-height:0;max-height:none;aspect-ratio:var(--ar-d);display:block;background:#111}.kh-hero__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.kh-hero:after{background:linear-gradient(180deg,#0000001f,#0000 35%,#00000047)}.kh-hero__cap{position:absolute;left:max(24px,calc((100% - 1200px)/2));right:max(24px,calc((100% - 1200px)/2));bottom:0;top:auto;width:auto;max-width:none;margin:0;padding:0 0 56px;align-self:auto}.kh-hero--cl .kh-hero__cap{top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;padding:0}.kh-hero--tc .kh-hero__cap{top:0;bottom:auto;padding:56px 0 0}.kh-hero .kh-h1{font-size:clamp(34px,4.2vw,60px);max-width:560px}.kh-hero .kh-lead{max-width:460px;font-size:clamp(16px,1.3vw,19px)}.kh-hero--bc .kh-hero .kh-h1,.kh-hero--tc .kh-h1{max-width:none}.kh-btns .kap-btn{width:auto}.kh-hero__logo{position:absolute;z-index:2;top:26px;left:50%;transform:translate(-50%);width:min(300px,30vw);pointer-events:none}.kh-hero__logo img{width:100%;height:auto;display:block}.kh-shelf:first-of-type{padding-top:72px}.kh-banners{padding-top:0}.kh-banners__stack{display:flex;flex-direction:column;gap:16px}.kh-banner{position:relative;display:block;aspect-ratio:var(--ar-d);border-radius:28px;overflow:hidden;background:#111;color:#fff;text-decoration:none;isolation:isolate}.kh-banner__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;transition:transform .7s ease}.kh-banner:hover .kh-banner__img{transform:scale(1.02)}.kh-banner__img--m{display:none}.kh-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000006b,#0000 55%)}.kh-banner--right:after{background:linear-gradient(270deg,#0000006b,#0000 55%)}.kh-banner--center:after,.kh-banner--bottom:after{background:linear-gradient(180deg,#0000 35%,#00000080)}.kh-banner__cap{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:40px 48px;max-width:580px}.kh-banner--right .kh-banner__cap{left:auto;right:0}.kh-banner--center .kh-banner__cap{max-width:none;align-items:center;text-align:center}.kh-banner--bottom .kh-banner__cap{max-width:none;justify-content:flex-end;align-items:center;text-align:center;padding-bottom:44px}.kh-banner__cap .kh-eyebrow{color:#ffffffd1;margin-bottom:10px}.kh-banner__cap h2{font:700 clamp(28px,3.2vw,46px)/1.05 "Inter Tight",sans-serif;letter-spacing:-.03em;margin:0;color:#fff}.kh-banner__cap p{margin:10px 0 0;font-size:16px;line-height:1.4;max-width:440px;color:#fff;opacity:.9}.kh-banner__btn{margin-top:18px;width:auto}.kh-card__img{position:relative}.kh-card__img img.is-alt{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:normal;opacity:0;transition:opacity .35s ease,transform .5s ease}@media(hover:hover){.kh-card:hover .kh-card__img img.is-alt{opacity:1}.kh-card:hover .kh-card__img img:not(.is-alt){transform:none}}.kh-about,.kh-about h3,.kh-about p,.kh-about .kh-link{color:#fff!important}.kh-about .kap-tile__cap{background:linear-gradient(to top,#000000bd,#0000);padding:28px}.kh-about .kap-tile__cap h3{margin:0;font-size:26px}.kh-about .kap-tile__cap p{margin:6px 0 0;font-size:15px;line-height:1.4;opacity:.9}@media(max-width:820px){.kh-hero{aspect-ratio:var(--ar-m);min-height:0}.kh-hero__cap,.kh-hero--cl .kh-hero__cap{left:20px;right:20px;top:auto;bottom:0;justify-content:flex-end;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 0 36px}.kh-hero .kh-h1{font-size:34px}.kh-hero .kh-lead{font-size:15px}.kh-hero__logo{width:56vw;top:18px}.kh-shelf:first-of-type{padding-top:48px}.kh-banners__stack{gap:12px}.kh-banner{aspect-ratio:var(--ar-m);border-radius:22px}.kh-banner__img--d{display:none}.kh-banner__img--m{display:block}.kh-banner:after,.kh-banner--right:after{background:linear-gradient(180deg,#0000 40%,#0000008c)}.kh-banner__cap,.kh-banner--right .kh-banner__cap{left:0;right:0;max-width:none;justify-content:flex-end;align-items:center;text-align:center;padding:24px 20px 30px}.kh-banner__cap h2{font-size:30px}.kh-banner__cap p{font-size:14px}.kh-about .kap-tile__cap{padding:20px}.kh-about .kap-tile__cap h3{font-size:22px}}
/*# sourceMappingURL=/cdn/shop/t/80/assets/kmd-apple-home-2.css.map */