.hero-grid{position:relative;min-height:760px;padding-block:76px 70px;grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr);grid-template-areas:"copy product" "actions product";grid-template-rows:auto 1fr;column-gap:70px}
.hero-copy{position:relative;z-index:2;grid-area:copy;align-self:end}
.hero-copy h1{max-width:610px;font-size:clamp(3.5rem,5.1vw,5.15rem);line-height:.96;letter-spacing:-.058em}
.hero-copy h1 span{font-style:italic;font-weight:400}
.hero .lead{max-width:585px;margin-top:28px;font-size:clamp(1.02rem,1.28vw,1.23rem);line-height:1.52}
.hero-actions{position:relative;z-index:3;grid-area:actions;align-self:start;margin-top:30px}
.hero-product{position:relative;z-index:2;grid-area:product;width:100%;height:650px;align-self:center}
.hero-product img{position:absolute;width:auto;object-fit:contain;background:#fff;border:1px solid rgba(11,13,18,.09);border-radius:3px;box-shadow:0 24px 55px rgba(34,28,24,.08)}
.hero-product-back{z-index:1;right:18%;top:8px;height:600px;transform:rotate(3deg);transform-origin:50% 100%;opacity:.92}
.hero-product-front{z-index:2;left:4%;top:60px;height:590px}
.hero-monogram{position:absolute;z-index:1;left:-110px;bottom:-135px;width:650px;height:auto;opacity:.045;pointer-events:none}
@media(max-width:1120px){.hero-grid{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);column-gap:36px}.hero-copy h1{font-size:clamp(3.15rem,5.5vw,4.5rem)}.hero-product{height:590px}.hero-product-back{height:540px}.hero-product-front{height:525px}}
@media(max-width:860px){.hero-grid{grid-template-columns:1fr;grid-template-areas:"copy" "product" "actions";grid-template-rows:auto auto auto}.hero-product{width:min(100%,650px);height:610px;justify-self:center}.hero-product-front{left:8%}.hero-product-back{right:15%}}
@media(max-width:560px){.hero-grid{min-height:auto;padding-block:50px 42px;row-gap:0}.hero-copy h1{font-size:clamp(2.2rem,10.4vw,3rem);line-height:.98}.hero .lead{margin-top:16px;font-size:1rem;line-height:1.45}.hero-product{height:325px;margin-top:10px;overflow:visible}.hero-product-back{right:32px;top:20px;height:292px;transform:rotate(1.5deg);opacity:.84}.hero-product-front{left:1px;top:0;height:300px}.hero-actions{margin-top:4px;gap:13px}.hero-monogram{left:auto;right:-64px;bottom:-55px;width:270px;opacity:.05}}