.live-projects-page { min-height:100vh; background:#101216; color:var(--ink); }
.live-projects-header { position:relative; }
.live-projects-main { min-height:calc(100vh - 90px); padding:110px 8.5vw 140px; }
.live-projects-intro { display:grid; grid-template-columns:31% minmax(0, 1fr); gap:30px; padding:55px 0 125px; border-bottom:1px solid rgba(213,171,91,.35); }
.live-projects-intro h1 { margin:0; font-size:clamp(54px,8.7vw,142px); font-weight:500; letter-spacing:-.08em; line-height:.83; }
.live-projects-intro h1 em { font-family:"Playfair Display", serif; font-weight:500; color:var(--gold); }
.live-projects-intro > p:last-child { grid-column:2; max-width:430px; margin:25px 0 0; font-size:14px; line-height:1.5; color:#c6c3bc; }
.live-projects-grid { display:grid; grid-template-columns:repeat(12, 1fr); gap:32px; padding-top:70px; }
.live-project-card { grid-column:span 7; color:inherit; display:block; }
.live-project-image { height:clamp(290px,43vw,620px); position:relative; overflow:hidden; border:1px solid rgba(213,171,91,.38); background-size:cover; background-position:center; filter:grayscale(100%) brightness(.75); transition:filter .35s ease, transform .35s cubic-bezier(.2,.8,.2,1); }
.live-project-image--praxis { background-image:url('/zahnarztpraxis-rossow/gebaeude.jpg?v=20260721-portfolio'); }
.live-project-image span { position:absolute; z-index:1; top:15px; left:16px; color:var(--gold); font:10px var(--mono); }
.live-project-image svg { position:absolute; z-index:1; right:18px; bottom:18px; width:22px; height:22px; color:var(--gold); opacity:0; transform:translate(-6px,6px); transition:opacity .35s ease, transform .35s ease; }
.live-project-copy { display:flex; justify-content:space-between; gap:24px; align-items:end; padding-top:15px; }
.live-project-copy p,.live-project-copy h2 { margin:0; }
.live-project-copy p,.live-project-copy > span { color:var(--gold); font:10px var(--mono); letter-spacing:.07em; text-transform:uppercase; }
.live-project-copy h2 { margin-top:6px; font-size:25px; letter-spacing:-.045em; font-weight:500; }
.live-project-copy > span { padding-bottom:4px; border-bottom:1px solid var(--gold); }
.live-project-card:hover .live-project-image { filter:grayscale(20%) brightness(.9); transform:scale(.985); }
.live-project-card:hover .live-project-image svg { opacity:1; transform:translate(0,0); }
@media (max-width:700px) { .live-projects-main { padding:60px 5vw 100px; }.live-projects-intro { display:block; padding:45px 0 80px; }.live-projects-intro .section-label { margin-bottom:55px; }.live-projects-intro > p:last-child { margin-top:32px; }.live-projects-grid { padding-top:48px; }.live-project-card { grid-column:span 12; }.live-project-image { height:108vw; }.live-project-copy h2 { font-size:22px; }.live-project-copy > span { font-size:9px; } }