.iphone-18-hero{display:block;padding-top:calc(var(--iphone-18-hero-pt-m) * var(--content-ratio-m));padding-bottom:calc(var(--iphone-18-hero-pb-m) * var(--content-ratio-m));overflow:hidden;color:var(--iphone-18-hero-text);background:var(--iphone-18-hero-bg)}.iphone-18-hero__stage{position:relative;height:calc(500 * var(--content-ratio-m));overflow:hidden}.iphone-18-hero__picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.iphone-18-hero__image{position:absolute;top:0;left:calc(4 * var(--content-ratio-m));display:block;width:calc(367 * var(--content-ratio-m));height:calc(500 * var(--content-ratio-m));object-fit:cover}.iphone-18-hero__content{position:absolute;z-index:1;top:calc(30 * var(--content-ratio-m));left:calc(16 * var(--content-ratio-m));width:calc(343 * var(--content-ratio-m));color:var(--iphone-18-hero-text)}.iphone-18-hero .iphone-18-hero__header{margin-bottom:0}.iphone-18-hero .iphone-18-hero__header__eyebrow{margin-bottom:calc(10 * var(--content-ratio-m));line-height:calc(16 / 12);letter-spacing:0}.iphone-18-hero .iphone-18-hero__header__title{line-height:calc(32 / 24);letter-spacing:0}.iphone-18-hero .iphone-18-hero__header__title-wrapper>span:first-child{white-space:pre-line}.iphone-18-hero .iphone-18-hero__header__subtitle{margin-top:calc(10 * var(--content-ratio-m));line-height:calc(16 / 12);letter-spacing:0}@media(min-width:768px){.iphone-18-hero{padding-top:calc(var(--iphone-18-hero-pt) * var(--content-ratio));padding-bottom:calc(var(--iphone-18-hero-pb) * var(--content-ratio))}.iphone-18-hero__stage{height:auto;aspect-ratio:2 / 1}.iphone-18-hero__image{top:0;right:0;bottom:0;left:0;width:100%;height:100%}.iphone-18-hero__content{top:calc(80 * var(--content-ratio));right:0;bottom:auto;left:0;width:100%;color:var(--iphone-18-hero-text)}.iphone-18-hero .iphone-18-hero__header{width:100%}.iphone-18-hero .iphone-18-hero__header__eyebrow{margin-bottom:calc(12 * var(--content-ratio));line-height:1.4}.iphone-18-hero .iphone-18-hero__header__title{line-height:calc(58 / 44)}.iphone-18-hero .iphone-18-hero__header__title-wrapper>span:first-child{white-space:normal}.iphone-18-hero .iphone-18-hero__header__subtitle{margin-top:calc(12 * var(--content-ratio));line-height:1.4}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/section-iphone-18-hero.css.map */