/* Studio Tratto V4 — demo gallery */
body{background:#f4f5f7}
.demo-v4-hero{position:relative;overflow:hidden;padding:clamp(82px,10vw,150px) 0 clamp(64px,8vw,110px);background:#0a0d13;color:#fff}
.demo-v4-hero::before{content:"";position:absolute;inset:-20% -10%;background:radial-gradient(circle at 75% 20%,rgba(86,110,255,.24),transparent 30%),radial-gradient(circle at 15% 80%,rgba(178,136,82,.18),transparent 28%);pointer-events:none}
.demo-v4-hero .wrap{position:relative;z-index:1}.demo-v4-hero .eyebrow{color:#b9c7ef}.demo-v4-hero h1{max-width:12ch;color:#fff;font-size:clamp(3.2rem,7vw,7.4rem);line-height:.88;letter-spacing:-.065em}.demo-v4-hero .lead{max-width:64ch;color:#aeb9cd}.demo-v4-hero .btn--ghost{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.05);color:#fff}
.demo-v4-intro-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:56px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.12)}.demo-v4-intro-strip div{padding:18px;background:#0d1119}.demo-v4-intro-strip span{display:block;color:#7583a0;font:800 .58rem/1 var(--mono);letter-spacing:.11em}.demo-v4-intro-strip b{display:block;margin-top:7px;color:#eef3ff;font-size:.84rem}
.demo-v4-section{padding:clamp(70px,8vw,120px) 0;background:#f4f5f7}.demo-v4-section .section-head{max-width:830px;margin-bottom:46px}.demo-v4-section .section-head h2{font-size:clamp(2.6rem,5vw,5.4rem);letter-spacing:-.06em;line-height:.92}
.demo-v4-grid{display:grid;grid-template-columns:1fr;gap:26px}.demo-v4-card{position:relative;overflow:hidden;min-height:620px;border-radius:30px;background:#111722;box-shadow:0 30px 90px rgba(10,20,40,.14);isolation:isolate}.demo-v4-card-media{position:absolute;inset:0}.demo-v4-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.demo-v4-card:hover .demo-v4-card-media img{transform:scale(1.02)}.demo-v4-card-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,12,.87) 0%,rgba(5,8,12,.55) 43%,rgba(5,8,12,.12) 78%),linear-gradient(0deg,rgba(5,8,12,.54),transparent 60%)}.demo-v4-card-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;min-height:620px;padding:clamp(28px,5vw,64px);color:#fff}.demo-v4-card-top{position:absolute;top:32px;left:36px;right:36px;display:flex;align-items:center;justify-content:space-between}.demo-v4-card-top span{padding:8px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(8,12,18,.34);backdrop-filter:blur(10px);font:750 .58rem/1 var(--mono);letter-spacing:.08em}.demo-v4-card-top b{font-size:.8rem}.demo-v4-card h3{color:#fff;font-size:clamp(3.2rem,7vw,7.2rem);line-height:.82;letter-spacing:-.07em}.demo-v4-card .demo-v4-price{margin:12px 0 18px;font-size:1rem;color:#d6e0f6}.demo-v4-card p{max-width:55ch;color:#c1ccdf;line-height:1.6}.demo-v4-card .btn{margin-top:26px;align-self:flex-start}.demo-v4-card--base .demo-v4-card-media::after{background:linear-gradient(90deg,rgba(35,26,19,.86),rgba(35,26,19,.46) 52%,rgba(35,26,19,.06))}.demo-v4-card--base .btn{background:#f3e3cb;color:#2b2119}.demo-v4-card--pro .demo-v4-card-media::after{background:linear-gradient(90deg,rgba(10,10,9,.88),rgba(10,10,9,.42) 50%,rgba(10,10,9,.08))}.demo-v4-card--pro .btn{background:#ff6c43;color:#111}.demo-v4-card--premium .demo-v4-card-media::after{background:linear-gradient(90deg,rgba(5,7,6,.9),rgba(5,7,6,.35) 52%,rgba(5,7,6,.08))}.demo-v4-card--premium .btn{background:#d9bb8a;color:#17120c}
@media(min-width:1050px){.demo-v4-grid{grid-template-columns:repeat(12,1fr)}.demo-v4-card--base{grid-column:1/7}.demo-v4-card--pro{grid-column:7/13}.demo-v4-card--premium{grid-column:2/12;min-height:700px}.demo-v4-card--premium .demo-v4-card-content{min-height:700px}}
@media(max-width:700px){.demo-v4-intro-strip{grid-template-columns:1fr}.demo-v4-card,.demo-v4-card-content{min-height:560px}.demo-v4-card h3{font-size:4.2rem}.demo-v4-card-content{padding:26px}.demo-v4-card-top{top:22px;left:24px;right:24px}}