.nop-home-hero{display:block;position:relative;isolation:isolate;background:#080a0d;color:#f5f4f0;overflow:hidden;font-family:Arial,Helvetica,sans-serif}.nop-home-hero .nop-home-hero__ocean{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.nop-home-hero .nop-home-hero__ocean [data-ocean-canvas]{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;opacity:0;transition:opacity .8s ease}.nop-home-hero[data-ocean-status=ready] .nop-home-hero__ocean [data-ocean-canvas]{opacity:1}.nop-home-hero .nop-home-hero__ocean:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#030a10a6,#030a101f 65%,#030a1033)}.nop-home-hero .nop-home-hero__inner{position:relative;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);grid-template-areas:"brand art" "title art" "details art";grid-template-rows:auto auto auto;align-content:center;column-gap:32px;min-height:clamp(560px,48vw,760px);max-width:1680px;margin:0 auto;padding:64px clamp(24px,5vw,88px)}.nop-home-hero .nop-home-hero__logo{grid-area:brand;width:clamp(150px,15vw,230px);max-width:100%;height:auto;display:block;margin-bottom:32px}.nop-home-hero .nop-home-hero__title{grid-area:title;margin:0;color:#f5f4f0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-weight:400;font-size:clamp(80px,9vw,152px);line-height:.95;letter-spacing:-.035em}.nop-home-hero .nop-home-hero__art{grid-area:art;display:flex;align-items:center;min-width:0}.nop-home-hero .nop-home-hero__shoe{display:block;width:100%;height:auto;aspect-ratio:2 / 1;object-fit:cover;object-position:50% 64%}.nop-home-hero .nop-home-hero__details{grid-area:details;min-width:0}.nop-home-hero .nop-home-hero__product{margin:24px 0 32px;max-width:32ch;font-size:clamp(18px,1.5vw,23px);font-weight:600;line-height:1.5;color:#d9dadd}.nop-home-hero .nop-home-hero__cta{display:flex;justify-content:space-between;align-items:center;gap:32px;box-sizing:border-box;width:min(100%,320px);min-height:60px;padding:18px 24px;color:#080a0d;background:#f5f4f0;border:1px solid #f5f4f0;box-shadow:6px 6px #ed2868;font-size:14px;font-weight:700;line-height:1.4;letter-spacing:.12em;text-decoration:none;transition:transform .13s ease,box-shadow .13s ease}.nop-home-hero .nop-home-hero__cta svg{flex:0 0 auto}.nop-home-hero .nop-home-hero__cta:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #ed2868}.nop-home-hero .nop-home-hero__cta:active{transform:translate(3px,3px);box-shadow:3px 3px #ed2868}.nop-home-hero .nop-home-hero__cta:focus-visible{outline:2px solid #ed2868;outline-offset:6px}@media(max-width:749px){.nop-home-hero .nop-home-hero__inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"brand" "title" "art" "details";min-height:0;padding:36px 24px 48px;text-align:center;justify-items:center}.nop-home-hero .nop-home-hero__ocean:after{background:linear-gradient(180deg,#030a1073,#030a101f 50%,#030a10b3)}.nop-home-hero .nop-home-hero__logo{width:136px;margin-bottom:24px}.nop-home-hero .nop-home-hero__title{font-size:clamp(72px,20vw,116px)}.nop-home-hero .nop-home-hero__art{width:min(100%,540px);margin:24px 0 0}.nop-home-hero .nop-home-hero__product{margin:20px auto 26px;font-size:17px;max-width:30ch}.nop-home-hero .nop-home-hero__cta{margin:0 auto}}@media(prefers-reduced-motion:reduce){.nop-home-hero .nop-home-hero__cta,.nop-home-hero .nop-home-hero__ocean [data-ocean-canvas]{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/nike-one-piece-home-hero.css.map */
