.stoneart-hero{position:relative;width:100%;height:100svh;min-height:720px;overflow:hidden;background:#11110f;color:#f2efe8}
.stoneart-hero__background{position:absolute;inset:0;background:#11110f;z-index:-5}
.stoneart-hero__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,9,.92) 0%,rgba(10,10,9,.76) 32%,rgba(10,10,9,.2) 65%,rgba(10,10,9,.45) 100%);z-index:-3}
.stoneart-hero__frame{position:absolute;inset:18px;border:1px solid rgba(242,239,232,.14);pointer-events:none;z-index:4}
.stoneart-hero__content{position:relative;width:min(1440px,calc(100% - 100px));height:100%;margin:0 auto;padding:125px 0 35px;display:flex;flex-direction:column;z-index:2}
.stoneart-hero__top{display:flex;align-items:center;justify-content:space-between;font-family:var(--stoneart-sans);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:rgba(242,239,232,.62);opacity:0;animation:stoneartHeroAppear .9s .25s cubic-bezier(.16,1,.3,1) forwards}
.stoneart-hero__category{display:flex;align-items:center;gap:14px}
.stoneart-hero__category-line{width:32px;height:1px;background:currentColor}
.stoneart-hero__edition{color:rgba(242,239,232,.4)}
.stoneart-hero__middle{flex:1;display:grid;grid-template-columns:minmax(330px,.8fr) minmax(450px,1.2fr);align-items:center;gap:clamp(50px,8vw,130px)}
.stoneart-hero__copy{padding-top:45px;opacity:0;transform:translateY(35px);animation:stoneartHeroCopyReveal 1.15s .45s cubic-bezier(.16,1,.3,1) forwards}
.stoneart-hero__counter{display:flex;gap:10px;align-items:center;margin-bottom:25px;color:rgba(242,239,232,.42);font-family:var(--stoneart-sans);font-size:8px;letter-spacing:.18em}
.stoneart-hero__counter span:first-child{color:#f2efe8}
.stoneart-hero__title{margin:0 0 30px;font-family:var(--stoneart-serif);font-size:clamp(82px,9.5vw,145px);font-weight:300;line-height:.78;letter-spacing:-.065em}
.stoneart-hero__title span{display:block}
.stoneart-hero__title span:last-child{padding-left:clamp(35px,5vw,75px);font-style:italic;color:#d8d1c4}
.stoneart-hero__description{max-width:370px;margin:0 0 27px;color:rgba(242,239,232,.68);font-family:var(--stoneart-sans);font-size:11px;line-height:1.85;letter-spacing:.025em}
.stoneart-hero__pricing{display:flex;align-items:flex-end;gap:14px;margin-bottom:28px}
.stoneart-hero__price-label{padding-bottom:5px;color:rgba(242,239,232,.42);font-family:var(--stoneart-sans);font-size:8px;letter-spacing:.14em;text-transform:uppercase}
.stoneart-hero__price{font-family:var(--stoneart-serif);font-size:30px;font-weight:400;line-height:1;color:#f2efe8}
.stoneart-hero__price small{font-family:var(--stoneart-sans);font-size:8px;font-weight:400;letter-spacing:.08em;color:rgba(242,239,232,.5)}
.stoneart-hero__button{display:inline-flex;align-items:center;justify-content:space-between;width:205px;padding:16px 17px;border:1px solid rgba(242,239,232,.35);color:#f2efe8;text-decoration:none;font-family:var(--stoneart-sans);font-size:8px;font-weight:600;letter-spacing:.19em;text-transform:uppercase;transition:background .4s ease,color .4s ease,border-color .4s ease}
.stoneart-hero__button-arrow{font-size:15px;font-weight:300;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.stoneart-hero__button:hover{background:#f2efe8;color:#11110f;border-color:#f2efe8}
.stoneart-hero__button:hover .stoneart-hero__button-arrow{transform:translate(4px,-4px)}
.stoneart-hero__visual{position:relative;width:100%;height:min(68vh,700px);min-height:500px;overflow:hidden}
.stoneart-hero__image{position:absolute;inset:0;background-image:url("/static/images/home/hero-calacatta.jpg");background-size:cover;background-position:center;transform:scale(1.12);animation:stoneartHeroImage 1.8s .15s cubic-bezier(.16,1,.3,1) forwards}
.stoneart-hero__image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 35%,rgba(0,0,0,.32))}
.stoneart-hero__image-info{position:absolute;left:20px;right:20px;bottom:18px;z-index:2;display:flex;justify-content:space-between;color:rgba(242,239,232,.7);font-family:var(--stoneart-sans);font-size:7px;letter-spacing:.16em;text-transform:uppercase}
.stoneart-hero__bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:30px;opacity:0;animation:stoneartHeroAppear 1s 1s cubic-bezier(.16,1,.3,1) forwards}
.stoneart-hero__materials{display:flex;align-items:center;gap:20px}
.stoneart-hero__materials-label,.stoneart-hero__location{color:rgba(242,239,232,.38);font-family:var(--stoneart-sans);font-size:7px;letter-spacing:.16em;text-transform:uppercase}
.stoneart-hero__material-dots{display:flex;gap:7px}
.stoneart-hero__material-dot{width:8px;height:8px;padding:0;border:1px solid rgba(242,239,232,.45);border-radius:50%;background:transparent;cursor:pointer;transition:background .3s ease,transform .3s ease}
.stoneart-hero__material-dot:hover{transform:scale(1.35)}
.stoneart-hero__material-dot.is-active{background:#f2efe8;border-color:#f2efe8}
.stoneart-hero__scroll{display:flex;align-items:center;gap:12px;color:rgba(242,239,232,.45);font-family:var(--stoneart-sans);font-size:7px;letter-spacing:.16em;text-transform:uppercase}
.stoneart-hero__scroll-arrow{font-size:14px;animation:stoneartHeroScroll 1.8s ease-in-out infinite}
.stoneart-hero__location{text-align:right}
@keyframes stoneartHeroImage{0%{transform:scale(1.12);filter:brightness(.65)}100%{transform:scale(1);filter:brightness(.92)}}
@keyframes stoneartHeroAppear{from{opacity:0}to{opacity:1}}
@keyframes stoneartHeroCopyReveal{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}
@keyframes stoneartHeroScroll{0%,100%{transform:translateY(-3px);opacity:.5}50%{transform:translateY(4px);opacity:1}}
@media(max-width:1100px){
.stoneart-hero__content{width:calc(100% - 80px)}
.stoneart-hero__middle{grid-template-columns:minmax(280px,.75fr) minmax(400px,1.25fr);gap:50px}
.stoneart-hero__title{font-size:clamp(70px,9vw,105px)}
.stoneart-hero__visual{height:62vh;min-height:470px}
}
@media(max-width:900px){
.stoneart-hero{min-height:760px;height:auto}
.stoneart-hero__frame{inset:14px}
.stoneart-hero__content{width:calc(100% - 56px);min-height:760px;padding:125px 0 35px}
.stoneart-hero__middle{grid-template-columns:1fr;gap:38px;align-items:start;padding:45px 0 30px}
.stoneart-hero__copy{padding-top:0}
.stoneart-hero__title{font-size:clamp(72px,13vw,105px);margin-bottom:25px}
.stoneart-hero__description{max-width:430px}
.stoneart-hero__visual{height:48vh;min-height:390px;max-height:500px}
.stoneart-hero__bottom{grid-template-columns:1fr auto;gap:20px}
.stoneart-hero__scroll{display:none}
.stoneart-hero__location{display:none}
}
@media(max-width:600px){
.stoneart-hero{min-height:850px}
.stoneart-hero__content{width:calc(100% - 40px);min-height:850px;padding:110px 0 30px}
.stoneart-hero__top{font-size:7px;letter-spacing:.14em}
.stoneart-hero__category{gap:9px}
.stoneart-hero__category-line{width:22px}
.stoneart-hero__middle{gap:30px;padding:35px 0 25px}
.stoneart-hero__counter{margin-bottom:18px;font-size:7px}
.stoneart-hero__title{font-size:clamp(60px,17vw,82px);line-height:.82;margin-bottom:22px}
.stoneart-hero__title span:last-child{padding-left:9vw}
.stoneart-hero__description{font-size:9px;line-height:1.75;max-width:290px;margin-bottom:20px}
.stoneart-hero__pricing{margin-bottom:22px}
.stoneart-hero__price{font-size:27px}
.stoneart-hero__button{width:100%;padding:15px}
.stoneart-hero__visual{height:47vh;min-height:350px}
.stoneart-hero__image{background-position:center}
.stoneart-hero__image-info{left:13px;right:13px;bottom:13px;font-size:6px}
.stoneart-hero__bottom{grid-template-columns:1fr}
.stoneart-hero__materials{justify-content:space-between}
.stoneart-hero__materials-label{font-size:6px}
.stoneart-hero__material-dots{gap:8px}
.stoneart-hero__material-dot{width:9px;height:9px}
}
@media(prefers-reduced-motion:reduce){
.stoneart-hero__image,.stoneart-hero__copy{animation:none;transform:none;opacity:1}
.stoneart-hero__top,.stoneart-hero__bottom{animation:none;opacity:1}
.stoneart-hero__scroll-arrow{animation:none}
}