.about-main .hero{height:100svh;min-height:750px;max-height:1080px;position:relative;overflow:hidden;background:none}
.about-main .hero-image{position:absolute;inset:0;background:center/cover url('assets/about-dark-desktop.webp')}
.about-main .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c0503 0%,#0c0503ef 12%,#0c0503b8 31%,#0c050322 59%,transparent 80%)}
html[data-theme=light] .about-main .hero-image{background-image:url('assets/about-light-desktop.webp')}
html[data-theme=light] .about-main .hero:after{background:linear-gradient(90deg,#f4ece2 0%,#f4ece2ee 12%,#f4ece2b8 31%,#f4ece222 59%,transparent 80%)}
.about-main .hero-copy{position:absolute;z-index:2;left:10%;top:36%;max-width:480px}
.about-main .hero h1{font:400 clamp(54px,6vw,88px)/1 Georgia,serif;margin:20px 0}
.about-main em{color:var(--gold);font-weight:400}.about-main .lead{line-height:1.75;max-width:420px}
.about-main .section{padding:100px 9vw}.about-main .story{background:var(--surface);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw}
.about-main .story img{width:100%;height:500px;object-fit:cover;border-radius:250px 250px 4px 4px}
.about-main .section h2{font:400 clamp(42px,5vw,66px)/1.1 Georgia,serif}.about-main .section p{line-height:1.85;color:var(--muted)}
.about-main .craft,.about-main .cta{text-align:center}.about-main .craft img{width:100%;max-height:420px;object-fit:cover;margin-top:35px}.about-main .cta{background:var(--surface)}
@media(max-width:1100px){.about-main .hero-image{background-image:url('assets/about-dark-tablet.webp')}html[data-theme=light] .about-main .hero-image{background-image:url('assets/about-light-tablet.webp')}}
@media(max-width:850px){.about-main .hero{min-height:740px;max-height:none}.about-main .hero-image{background-image:url('assets/about-dark-mobile.webp');background-position:center 25%}html[data-theme=light] .about-main .hero-image{background-image:url('assets/about-light-mobile.webp')}.about-main .hero:after{background:linear-gradient(0deg,#0c0503 0%,#0c0503ed 18%,#0c050388 42%,transparent 72%)}html[data-theme=light] .about-main .hero:after{background:linear-gradient(0deg,#f4ece2 0%,#f4ece2ed 18%,#f4ece288 42%,transparent 72%)}.about-main .hero-copy{left:7%;right:7%;top:auto;bottom:8%}.about-main .hero h1{font-size:clamp(50px,12vw,70px)}.about-main .section{padding:70px 22px}.about-main .story{grid-template-columns:1fr}.about-main .story img{height:400px}}