:root{--bg:#050708;--ink:#f8f5f0;--orange:#ff6727;--copper:#c77754}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif}.ai-hero{position:relative;min-height:100svh;padding:120px clamp(24px,5vw,76px) 55px;display:flex;align-items:flex-end;justify-content:space-between;gap:50px;overflow:hidden;background:linear-gradient(90deg,rgba(2,4,5,.94),rgba(2,4,5,.24)),url('assets/v9-work-triptych.png') center/cover}.ai-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 28%,rgba(255,103,39,.23),transparent 28%),linear-gradient(0deg,#050708,transparent 34%)}.ai-copy,.ai-hero>a{position:relative;z-index:1}.ai-copy>p:first-child{color:var(--orange);font-size:10px;letter-spacing:.28em}.ai-copy h1{margin:19px 0 24px;font-size:clamp(56px,8vw,132px);line-height:.82;letter-spacing:-.075em}.ai-copy h1 span,.world-head h2 span{color:var(--copper)}.ai-copy>p:last-child{max-width:640px;color:#c2c7c6;font-size:clamp(14px,1.2vw,18px);line-height:1.7}.ai-hero>a{display:flex;align-items:center;gap:15px;color:#fff;text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:.18em}.ai-hero>a span{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.28);border-radius:50%}.ai-world{min-height:100svh;padding:clamp(90px,11vw,150px) clamp(24px,5vw,76px);border-top:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 82% 10%,rgba(82,32,14,.34),transparent 34%)}.world-head{display:grid;grid-template-columns:1fr 2fr 1fr;gap:32px;align-items:end;margin-bottom:55px}.world-head small{color:var(--orange);letter-spacing:.2em}.world-head h2{margin:0;font-size:clamp(48px,6vw,94px);line-height:.82;letter-spacing:-.065em}.world-head p{margin:0;color:#aeb5b3;line-height:1.65}.ai-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.ai-card{position:relative;grid-column:span 4;min-height:420px;padding:0;border:0;border-radius:22px;overflow:hidden;background:#101416;color:#fff;cursor:pointer}.ai-card:nth-child(4n+1){grid-column:span 7}.ai-card:nth-child(4n+2){grid-column:span 5}.ai-card img,.ai-card video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .8s}.ai-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,5,6,.9),transparent 56%)}.ai-card span{position:absolute;z-index:2;left:22px;right:22px;bottom:20px;text-align:left}.ai-card small{display:block;color:#ff8650;letter-spacing:.16em}.ai-card b{display:block;margin-top:7px;font-size:22px}.ai-card:hover img,.ai-card:hover video{transform:scale(1.04)}.ai-empty{grid-column:1/-1;min-height:280px;display:grid;place-items:center;border:1px dashed rgba(255,255,255,.16);border-radius:22px;color:#767f7d}dialog{width:min(1200px,94vw);height:min(820px,90vh);padding:0;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:#050708;color:#fff}dialog::backdrop{background:rgba(0,0,0,.86);backdrop-filter:blur(12px)}dialog>button{position:absolute;z-index:2;right:14px;top:14px;width:45px;height:45px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(0,0,0,.5);color:#fff;font-size:28px}dialog>div,dialog img,dialog video{width:100%;height:100%;object-fit:contain}@media(max-width:850px){.world-head{grid-template-columns:1fr}.ai-card,.ai-card:nth-child(n){grid-column:span 6;min-height:330px}.ai-hero{display:block;padding-bottom:110px}.ai-hero>a{position:absolute;left:24px;bottom:30px}}@media(max-width:560px){.ai-card,.ai-card:nth-child(n){grid-column:1/-1}.ai-copy h1{font-size:clamp(50px,15vw,76px)}}
