.project-hero-series{background:#080808;min-height:720px}.project-hero-series>.project-hero-image{object-fit:cover;object-position:right center}.project-hero-series>.project-hero-overlay{background:linear-gradient(90deg,#000000f5,#000000e6 29%,#000000c7 33%,#0000001f 38%,#0000 46%),linear-gradient(#0000 82%,#080808)}.project-hero-series .project-hero-content{width:100%;max-width:1720px;margin-inline:auto;padding:90px 4vw 100px}.project-hero-series .project-hero-content h1{letter-spacing:-.015em;max-width:30vw;font-size:clamp(52px,4.5vw,84px);font-weight:800;line-height:.91}.project-hero-series .project-hero-content>p:not(.eyebrow){color:#f1f1f1;max-width:30vw;font-family:Inter,Arial,sans-serif;font-size:20px;font-weight:500;line-height:1.6}@media (max-width:1100px){.project-hero-series{isolation:isolate;align-items:flex-end;min-height:500px;display:flex;position:relative;overflow:hidden}.project-hero-series>.project-hero-image{z-index:0;object-fit:cover;object-position:right center;width:100%;height:100%;display:block;position:absolute;inset:0}.project-hero-series>.project-hero-overlay{z-index:1;background:linear-gradient(90deg,#000000d1,#0000007a 55%,#0000001f),linear-gradient(#0000 30%,#000000bf);height:100%;position:absolute;inset:0}.project-hero-series .project-hero-content{z-index:2;width:100%;margin:0;padding:64px 28px;position:relative}.project-hero-series .project-hero-content h1{max-width:680px;font-size:clamp(52px,9.6vw,80px)}.project-hero-series .project-hero-content>p:not(.eyebrow){max-width:540px;font-size:18px}.cart-page .project-hero-series>.project-hero-image{object-position:85% center}}@media (max-width:600px){.project-hero-series>.project-hero-image{max-height:100vw;top:50%;bottom:auto;transform:translateY(-50%);-webkit-mask-image:linear-gradient(#0000,#000 10% 90%,#0000);mask-image:linear-gradient(#0000,#000 10% 90%,#0000)}.project-hero-series>.project-hero-overlay{background:linear-gradient(90deg,#000000d1,#0000006b),linear-gradient(#0000 25%,#0000009e)}.project-hero-series{min-height:0}.project-hero-series .project-hero-content{padding:28px 22px 32px}.project-hero-series .project-hero-content .eyebrow{letter-spacing:.08em;margin:0 0 16px;font-size:12px;line-height:1.4}.project-hero-series .project-hero-content h1{margin:0 0 18px;font-size:clamp(38px,10vw,52px);line-height:.96}.project-hero-series .project-hero-content>p:not(.eyebrow){margin:0 0 22px;font-size:16px;line-height:1.5}.project-hero-series .project-hero-content>a{min-height:48px;margin-top:0;padding:14px 22px}}@media (max-width:380px){.project-hero-series .project-hero-content h1{font-size:32px}}
