.stoneart-about-hero{position:relative;width:100%;min-height:850px;height:100svh;max-height:1050px;overflow:hidden;background:var(--stoneart-charcoal);color:var(--stoneart-ivory)}
.stoneart-about-hero__image{position:absolute;inset:0;background-image:url("/static/images/about/hero.jpg");background-size:cover;background-position:center;transform:scale(1.03);animation:stoneartAboutHeroImage 1.6s cubic-bezier(.16,1,.3,1) forwards}
.stoneart-about-hero__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,17,15,.9) 0%,rgba(17,17,15,.68) 40%,rgba(17,17,15,.2) 78%,rgba(17,17,15,.4) 100%),linear-gradient(0deg,rgba(17,17,15,.8) 0%,transparent 45%,rgba(17,17,15,.3) 100%)}
.stoneart-about-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-about-hero__top{display:grid;grid-template-columns:50px auto 1fr;align-items:center;gap:20px;color:rgba(242,239,232,.45);font-family:var(--stoneart-sans);font-size:8px;letter-spacing:.19em;text-transform:uppercase}
.stoneart-about-hero__number{font-family:var(--stoneart-serif);font-size:17px;color:rgba(242,239,232,.7);letter-spacing:0}
.stoneart-about-hero__line{height:1px;background:rgba(242,239,232,.2);margin-left:25px}
.stoneart-about-hero__main{margin:auto 0;padding:40px 0 70px;max-width:820px}
.stoneart-about-hero__eyebrow{margin-bottom:27px;color:rgba(242,239,232,.5);font-family:var(--stoneart-sans);font-size:8px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.stoneart-about-hero__main h1{margin:0 0 32px;font-family:var(--stoneart-serif);font-size:clamp(82px,10vw,150px);font-weight:300;line-height:.76;letter-spacing:-.065em}
.stoneart-about-hero__main h1 em{padding-left:clamp(55px,7vw,105px);color:#d0c7ba;font-style:italic}
.stoneart-about-hero__main p{max-width:410px;margin:0 0 30px;color:rgba(242,239,232,.6);font-family:var(--stoneart-sans);font-size:10px;line-height:1.9}
.stoneart-about-hero__scroll{display:inline-flex;align-items:center;gap:28px;width:max-content;padding-bottom:8px;border-bottom:1px solid rgba(242,239,232,.5);color:var(--stoneart-ivory);text-decoration:none;font-family:var(--stoneart-sans);font-size:8px;font-weight:600;letter-spacing:.17em;text-transform:uppercase}
.stoneart-about-hero__scroll span:last-child{font-size:16px;font-weight:300;animation:stoneartScrollArrow 2s ease-in-out infinite}
.stoneart-about-hero__bottom{display:grid;grid-template-columns:1fr 1fr;align-items:end;color:rgba(242,239,232,.3);font-family:var(--stoneart-sans);font-size:7px;letter-spacing:.16em;text-transform:uppercase}
.stoneart-about-hero__bottom span:last-child{text-align:right}
@keyframes stoneartAboutHeroImage{from{transform:scale(1.08)}to{transform:scale(1.03)}}
@keyframes stoneartScrollArrow{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media(max-width:1100px){
.stoneart-about-hero__content{width:calc(100% - 80px)}
.stoneart-about-hero__main h1{font-size:clamp(72px,9.5vw,125px)}
}
@media(max-width:900px){
.stoneart-about-hero{height:auto;min-height:0;max-height:none}
.stoneart-about-hero__content{height:auto;min-height:850px;padding:105px 0 35px}
.stoneart-about-hero__main{margin:150px 0 130px}
}
@media(max-width:600px){
.stoneart-about-hero__content{width:calc(100% - 40px);min-height:780px;padding:85px 0 25px}
.stoneart-about-hero__top{grid-template-columns:30px auto 1fr;gap:10px;font-size:6px;letter-spacing:.14em}
.stoneart-about-hero__number{font-size:14px}
.stoneart-about-hero__line{margin-left:8px}
.stoneart-about-hero__main{margin:105px 0 90px;padding:0}
.stoneart-about-hero__eyebrow{font-size:6px;letter-spacing:.16em;margin-bottom:21px}
.stoneart-about-hero__main h1{font-size:clamp(59px,15.5vw,82px);line-height:.83;margin-bottom:23px}
.stoneart-about-hero__main h1 em{padding-left:9vw}
.stoneart-about-hero__main p{font-size:9px;line-height:1.8;margin-bottom:24px}
.stoneart-about-hero__scroll{font-size:6px;gap:20px}
.stoneart-about-hero__scroll span:last-child{font-size:14px}
.stoneart-about-hero__bottom{font-size:6px}
}
@media(prefers-reduced-motion:reduce){
.stoneart-about-hero__image{animation:none;transform:none}
.stoneart-about-hero__scroll span:last-child{animation:none}
}