/* Hero A: project gallery behind the introduction. */
.hero.hero-gallery{height:100svh;min-height:720px;perspective:none;isolation:isolate}
.hero-gallery .hero-content{width:min(940px,90%);padding:120px 0 90px;transform:none!important}
.hero-gallery .hero-title{max-width:18ch;font-size:clamp(44px,5vw,96px);line-height:1.04}
.hero-gallery .hero-eyebrow{background:none;border:0;backdrop-filter:none;padding:0;font-size:13px}
.hero-gallery .hero-subtitle{max-width:540px}
.hero-gallery .hero-art{position:absolute;top:0;bottom:0;left:50%;width:min(1800px,100%);transform:translateX(-50%);z-index:-2;pointer-events:none}
.hero-gallery .hero-tile{position:absolute;overflow:hidden;border:1px solid #ffffff20;border-radius:18px;background:#181a1e;box-shadow:0 25px 70px #0007}
.hero-gallery .hero-tile img{display:block;width:100%;height:100%;object-fit:cover}
.hero-gallery .hero-tile:nth-child(1){width:29%;height:clamp(265px,20vw,350px);left:-3%;top:105px;transform:rotate(-8deg)}
.hero-gallery .hero-tile:nth-child(1) img{object-position:28% 55%;transform:scale(1.3)}
.hero-gallery .hero-tile:nth-child(2){width:29%;height:clamp(245px,19vw,330px);right:-3%;top:95px;transform:rotate(8deg)}
.hero-gallery .hero-tile:nth-child(3){width:27%;height:clamp(205px,17vw,290px);left:1%;bottom:25px;transform:rotate(5deg)}
.hero-gallery .hero-tile:nth-child(4){width:27%;height:clamp(215px,17vw,300px);right:1%;bottom:15px;transform:rotate(-6deg)}
.hero-gallery .hero-overlay{z-index:-1;background:linear-gradient(90deg,#0f11152e,#0f1115d9 31%,#0f1115e8 68%,#0f11152e),linear-gradient(0deg,#0f1115b3,transparent 40%)}
.hero-gallery .hero-display-text{transition:none;will-change:auto}
@media(min-width:1600px){
 .hero-gallery .hero-art{width:100%}
 .hero-gallery .hero-tile:nth-child(1){width:35%;height:38%;left:-2%;top:12%}
 .hero-gallery .hero-tile:nth-child(2){width:35%;height:38%;right:-2%;top:10%}
 .hero-gallery .hero-tile:nth-child(3){width:34%;height:34%;left:-1%;bottom:8%}
 .hero-gallery .hero-tile:nth-child(4){width:34%;height:34%;right:-1%;bottom:7%}
 .hero-gallery .hero-overlay{background:linear-gradient(90deg,#0f11151f,#0f1115cc 34%,#0f1115e6 50%,#0f1115cc 66%,#0f11151f),linear-gradient(0deg,#0f111580,transparent 35%)}
}
@media(max-width:768px){
 .hero.hero-gallery{height:100svh;min-height:100svh;padding:0}
 .hero-gallery .hero-art{inset:0;width:100%;transform:none}
 .hero-gallery .hero-content{width:100%;padding:160px 24px 140px;text-align:center}
 .hero-gallery .hero-title{font-size:clamp(32px,9.7vw,43px);line-height:1.08;margin-bottom:20px}
 .hero-gallery .hero-eyebrow{font-size:11px;letter-spacing:.04em;margin-bottom:24px}
 .hero-gallery .hero-subtitle{font-size:15px;line-height:1.65;margin-bottom:24px}
 .hero-gallery .hero-actions{display:grid;grid-template-columns:1fr;gap:10px;max-width:340px;margin:0 auto}
 .hero-gallery .hero-actions a{justify-content:center;min-height:46px;border-radius:30px}
 .hero-gallery .hero-tile:nth-child(n){border:0;box-shadow:none;border-radius:14px;width:68%;height:225px}
 .hero-gallery .hero-tile:nth-child(1){left:-20%;top:100px;bottom:auto;transform:rotate(-6deg)}
 .hero-gallery .hero-tile:nth-child(2){right:-24%;left:auto;top:260px;bottom:auto;transform:rotate(6deg)}
 .hero-gallery .hero-tile:nth-child(3){left:-25%;top:auto;bottom:60px;transform:rotate(5deg)}
 .hero-gallery .hero-tile:nth-child(4){right:-24%;left:auto;top:auto;bottom:-50px;transform:rotate(-5deg)}
 .hero-gallery .hero-overlay{background:linear-gradient(180deg,#0f1115 0%,#0f1115b8 19%,#0f1115e8 43%,#0f1115db 72%,#0f11158c 91%,#0f1115 100%)}
}