.stoneart-collection-hero{position:relative;width:100%;min-height:850px;height:100svh;max-height:1050px;overflow:hidden;background:#171613;color:var(--stoneart-ivory)}
.stoneart-collection-hero__image{position:absolute;inset:0;background-image:url("/static/images/collection/hero.jpg");background-size:cover;background-position:center;transform:scale(1.04);animation:stoneartCollectionHeroReveal 1.8s cubic-bezier(.16,1,.3,1) forwards}
.stoneart-collection-hero__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,19,16,.92) 0%,rgba(20,19,16,.7) 38%,rgba(20,19,16,.28) 72%,rgba(20,19,16,.48) 100%),linear-gradient(0deg,rgba(20,19,16,.9) 0%,rgba(20,19,16,.12) 48%,rgba(20,19,16,.48) 100%)}
.stoneart-collection-hero__content{position:relative;width:min(1440px,calc(100% - 100px));height:100%;min-height:850px;margin:0 auto;padding:105px 0 30px;display:flex;flex-direction:column}
.stoneart-collection-hero__header{display:grid;grid-template-columns:50px auto 1fr;align-items:center;gap:20px;color:rgba(242,239,232,.43);font-family:var(--stoneart-sans);font-size:8px;letter-spacing:.19em;text-transform:uppercase}
.stoneart-collection-hero__number{font-family:var(--stoneart-serif);font-size:17px;color:rgba(242,239,232,.72);letter-spacing:0}
.stoneart-collection-hero__line{height:1px;background:rgba(242,239,232,.2);margin-left:25px}
.stoneart-collection-hero__main{margin:auto 0;padding:50px 0 70px;max-width:850px}
.stoneart-collection-hero__eyebrow{margin-bottom:27px;color:rgba(242,239,232,.46);font-family:var(--stoneart-sans);font-size:8px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.stoneart-collection-hero__main h1{margin:0 0 30px;font-family:var(--stoneart-serif);font-size:clamp(80px,9.7vw,145px);font-weight:300;line-height:.77;letter-spacing:-.065em}
.stoneart-collection-hero__main h1 em{padding-left:clamp(48px,6.5vw,100px);color:#d0c7ba;font-style:italic}
.stoneart-collection-hero__main p{max-width:410px;margin:0 0 31px;color:rgba(242,239,232,.57);font-family:var(--stoneart-sans);font-size:10px;line-height:1.9}
.stoneart-collection-hero__button{display:inline-flex;align-items:center;justify-content:space-between;width:235px;padding:17px 18px;border:1px solid rgba(242,239,232,.42);color:var(--stoneart-ivory);text-decoration:none;font-family:var(--stoneart-sans);font-size:8px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;transition:background .4s ease,color .4s ease,border-color .4s ease}
.stoneart-collection-hero__button span:last-child{font-size:16px;font-weight:300;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.stoneart-collection-hero__button:hover{background:var(--stoneart-ivory);border-color:var(--stoneart-ivory);color:var(--stoneart-charcoal)}
.stoneart-collection-hero__button:hover span:last-child{transform:translateY(5px)}
.stoneart-collection-hero__material{position:absolute;right:0;bottom:115px;width:285px;display:grid;grid-template-columns:100px 1fr;gap:15px;align-items:center;padding:10px;border-top:1px solid rgba(242,239,232,.2);border-bottom:1px solid rgba(242,239,232,.2);backdrop-filter:blur(4px)}
.stoneart-collection-hero__material-image{height:90px;background-image:url("/static/images/collection/calacatta-oro.jpg");background-size:cover;background-position:center}
.stoneart-collection-hero__material-info{display:flex;flex-direction:column;gap:6px}
.stoneart-collection-hero__material-info span{color:rgba(242,239,232,.35);font-family:var(--stoneart-sans);font-size:6px;letter-spacing:.15em;text-transform:uppercase}
.stoneart-collection-hero__material-info strong{font-family:var(--stoneart-serif);font-size:17px;font-weight:400}
.stoneart-collection-hero__material-info small{color:rgba(242,239,232,.42);font-family:var(--stoneart-sans);font-size:6px}
.stoneart-collection-hero__bottom{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-top:auto;color:rgba(242,239,232,.3);font-family:var(--stoneart-sans);font-size:7px;letter-spacing:.16em;text-transform:uppercase}
.stoneart-collection-hero__bottom span:last-child{text-align:right}
@keyframes stoneartCollectionHeroReveal{from{transform:scale(1.1)}to{transform:scale(1.04)}}
@media(max-width:1100px){
.stoneart-collection-hero__content{width:calc(100% - 80px)}
.stoneart-collection-hero__main h1{font-size:clamp(72px,9.2vw,125px)}
.stoneart-collection-hero__material{width:250px}
}
@media(max-width:900px){
.stoneart-collection-hero{height:auto;min-height:0;max-height:none}
.stoneart-collection-hero__content{height:auto;min-height:900px}
.stoneart-collection-hero__main{margin:145px 0 100px}
.stoneart-collection-hero__material{position:relative;right:auto;bottom:auto;margin:0 0 55px}
}
@media(max-width:600px){
.stoneart-collection-hero__content{width:calc(100% - 40px);min-height:850px;padding:85px 0 25px}
.stoneart-collection-hero__header{grid-template-columns:30px auto 1fr;gap:10px;font-size:6px;letter-spacing:.14em}
.stoneart-collection-hero__number{font-size:14px}
.stoneart-collection-hero__line{margin-left:8px}
.stoneart-collection-hero__main{margin:105px 0 60px;padding:0}
.stoneart-collection-hero__eyebrow{font-size:6px;letter-spacing:.16em;margin-bottom:20px}
.stoneart-collection-hero__main h1{font-size:clamp(58px,15vw,82px);line-height:.83;margin-bottom:23px}
.stoneart-collection-hero__main h1 em{padding-left:9vw}
.stoneart-collection-hero__main p{font-size:9px;line-height:1.8;margin-bottom:25px}
.stoneart-collection-hero__button{width:100%;padding:15px;font-size:7px}
.stoneart-collection-hero__material{width:100%;grid-template-columns:90px 1fr;margin-bottom:55px}
.stoneart-collection-hero__material-image{height:78px}
.stoneart-collection-hero__material-info strong{font-size:15px}
.stoneart-collection-hero__bottom{font-size:6px}
}
@media(prefers-reduced-motion:reduce){
.stoneart-collection-hero__image{animation:none;transform:none}
.stoneart-collection-hero__button span:last-child{transition:none}
}