@font-face{font-family:'Oxanium';src:url('assets/fonts/Oxanium[wght].ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:'Space Grotesk';src:url('assets/fonts/SpaceGrotesk[wght].woff2') format('woff2');font-weight:300 700;font-style:normal;font-display:swap}
:root{--bg:#050606;--fg:#f1f3f2;--muted:#9da4a0;--green:#ed1c24;--line:#222927}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body)}.site-header{height:92px;position:sticky;top:0;z-index:20;display:flex;align-items:center;padding:0 3vw;background:rgba(3,5,5,.93);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;color:white;text-decoration:none;min-width:480px}.brand img{width:455px;height:78px;object-fit:contain;object-position:left center}.site-header nav{display:flex;gap:20px;margin-left:auto}.site-header nav a,.lang{color:#ddd;text-decoration:none;font-size:11px;letter-spacing:.04em;white-space:nowrap}.site-header nav a:hover,.site-header nav a.active{color:var(--green)}.site-header nav a.active{border-bottom:2px solid var(--green);padding-bottom:8px}.lang{margin-left:24px}.lang i{display:inline-block;height:18px;border-left:1px solid #777;margin:0 8px;vertical-align:middle}.menu{display:none;background:none;border:0;color:white;font-size:22px}.hero{min-height:620px;position:relative;background-image:var(--bg);background-size:cover;background-position:center;display:grid;grid-template-columns:42% 1fr;align-items:center;overflow:hidden}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050606 0%,rgba(5,6,6,.94) 22%,rgba(5,6,6,.32) 55%,rgba(5,6,6,.08) 100%)}.hero-copy{position:relative;z-index:2;padding:70px 4vw}.eyebrow,.section-head span,.spatial span,.cards article>span{color:var(--green);font-size:12px;letter-spacing:.25em}.hero h1{font-size:clamp(48px,5vw,82px);line-height:.92;margin:18px 0 24px;font-weight:500;letter-spacing:-.035em}.hero p{max-width:430px;color:#d1d4d2;line-height:1.55}.text-link,.cards a{display:inline-block;color:white;text-decoration:none;font-size:11px;letter-spacing:.15em;margin-top:18px}.text-link b{color:var(--green);margin-left:8px}.featured{position:absolute;right:4vw;bottom:70px;z-index:3;border-left:2px solid var(--green);padding-left:16px;display:grid;gap:7px}.featured small{color:var(--green);letter-spacing:.2em}.featured strong{font-size:21px;font-weight:500}.featured span{color:#c8ceca;font-size:12px}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#111}.pillar{height:300px;position:relative;overflow:hidden;padding:26px;color:white;text-decoration:none;background-image:linear-gradient(90deg,rgba(3,4,4,.48) 0%,rgba(3,4,4,.18) 35%,rgba(3,4,4,.03) 52%,rgba(3,4,4,0) 100%),var(--bg);background-size:cover;background-position:center;border:1px solid #1f2422}.pillar .num{font-size:36px;color:var(--green);font-weight:300}.pillar h2{font-size:22px;margin:8px 0}.pillar p{font-size:14px;color:#ddd;letter-spacing:.08em}.pillar b{position:absolute;bottom:28px;font-size:28px;color:var(--green)}.blue,.violet,.orange{color:var(--green)!important}.selected{padding:70px 3vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-head h2{font-size:32px;font-weight:400;letter-spacing:.04em;margin:8px 0 0}.section-head a{font-size:11px;letter-spacing:.12em}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.project-grid img{width:100%;aspect-ratio:1.35;object-fit:cover;filter:saturate(.85) contrast(1.06)}.project-grid h3{font-size:13px;margin:12px 0 5px}.project-grid p{font-size:10px;color:var(--muted);margin:0}.spatial{min-height:420px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:30% 1fr 18%;align-items:center;padding:50px 3vw;overflow:hidden}.spatial h2{font-size:44px;margin:12px 0}.spatial p{color:#b8bfbb;line-height:1.55;max-width:360px}.wire{height:320px;position:relative;background:radial-gradient(circle at 60% 60%,rgba(35,255,145,.12),transparent 35%),repeating-linear-gradient(0deg,transparent 0 28px,#1c2722 29px),repeating-linear-gradient(90deg,transparent 0 40px,#1c2722 41px);transform:perspective(700px) rotateX(58deg);transform-origin:center}.rings{position:absolute;width:280px;height:180px;border:1px solid #65726c;border-radius:50%;left:25%;top:10%;box-shadow:0 0 0 22px rgba(255,255,255,.03),0 0 0 48px rgba(255,255,255,.02)}.stage{position:absolute;left:40%;top:45%;width:45%;height:35%;border:1px solid var(--green);background:linear-gradient(135deg,transparent 30%,rgba(25,229,127,.12))}.spatial aside{font-size:14px;line-height:1.9;letter-spacing:.22em;color:#aeb6b1}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#181d1b}.cards article{min-height:310px;padding:40px;background:linear-gradient(145deg,#0b0e0d,#030404);position:relative}.cards h3{font-size:27px;font-weight:400;line-height:1.05}.cards p{color:#aeb4b1;line-height:1.5;max-width:360px}.cards a{position:absolute;bottom:34px}.cta{display:grid;grid-template-columns:1fr 1fr auto;gap:40px;align-items:center;padding:50px 3vw;border-top:1px solid var(--line)}.cta h2{font-size:36px;margin:0;font-weight:400}.cta p{color:#b9bfbc}.cta a{border:1px solid var(--green);padding:16px 28px;font-size:12px;letter-spacing:.12em}footer{height:90px;display:flex;align-items:center;gap:18px;padding:0 3vw;border-top:1px solid var(--line);color:#7f8984;font-size:10px;letter-spacing:.14em}footer img{width:46px;height:46px}footer span:last-child{margin-left:auto}@media(max-width:1380px){.site-header nav{display:none}.menu{display:block;margin-left:18px}.brand{min-width:0}.pillars{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:repeat(2,1fr)}.spatial{grid-template-columns:1fr}.wire{margin-top:20px}.spatial aside{display:none}}@media(max-width:700px){.site-header{height:70px}.brand img{width:235px;height:54px}.brand span,.lang{display:none}.hero{min-height:650px;grid-template-columns:1fr;background-position:65% center}.hero-shade{background:linear-gradient(90deg,rgba(5,6,6,.97),rgba(5,6,6,.45))}.hero-copy{padding:70px 24px}.hero h1{font-size:48px}.featured{display:none}.pillars{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.section-head{display:block}.section-head a{display:block;margin-top:16px}.cards{grid-template-columns:1fr}.cta{grid-template-columns:1fr}.spatial{padding:45px 24px}footer{height:auto;padding:30px 24px;flex-wrap:wrap}footer span:last-child{margin-left:0;width:100%}}

.approved-spatial{height:320px;background:url('assets/spatial-approved.avif') center/cover no-repeat;transform:none}
.card-photo{background-size:cover!important;background-position:center!important}.card-photo:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,4,4,.96) 0%,rgba(3,4,4,.82) 45%,rgba(3,4,4,.18) 100%);z-index:0}.card-photo>*{position:relative;z-index:1}.philosophy-photo{background-image:url('assets/philosophy-approved.avif')!important}.about-photo{background-image:url('assets/about-approved.avif')!important}.workshops-photo{background-image:url('assets/workshops-approved.avif')!important}

/* LIGHT PAGE */
.light-page{--green:#ed1c24}
.light-hero{min-height:620px;position:relative;display:flex;align-items:center;overflow:hidden;background:#030303}.light-hero-bg{position:absolute;inset:0 0 0 35%;background:url('assets/light-hero-final.avif') center/cover no-repeat;filter:saturate(.9) contrast(1.08)}.light-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.96) 27%,rgba(5,5,5,.54) 48%,rgba(5,5,5,.06) 78%)}.light-hero-copy{position:relative;z-index:2;width:min(590px,52vw);padding:72px 0 72px 4vw}.light-hero-copy h1{font-size:clamp(54px,6vw,92px);font-weight:400;line-height:.9;letter-spacing:-.045em;margin:14px 0 28px}.light-hero-copy p{max-width:510px;color:#d7d8d8;line-height:1.62;font-size:16px}.light-sidewords{position:absolute;right:3vw;bottom:70px;z-index:2;border-left:2px solid var(--green);padding-left:16px;color:#c7c7c7;letter-spacing:.15em;line-height:1.7;font-size:12px}.light-domains{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#1d1d1d;border-top:1px solid #242424;border-bottom:1px solid #242424}.light-domain{background:#060606;min-height:420px}.domain-image{height:285px;background-image:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.22)),var(--domain);background-size:cover;background-position:center;filter:saturate(.82) contrast(1.06)}.domain-copy{padding:24px 28px 34px}.domain-copy i,.light-project-grid article i{display:block;width:42px;border-top:2px solid var(--green);margin-bottom:12px}.domain-copy h2{font-size:24px;margin:0 0 6px;font-weight:400}.domain-copy p{margin:0 0 14px;color:#d0d0d0;font-size:13px;letter-spacing:.04em}.domain-copy span{color:#8f9692;font-size:12px;line-height:1.45}.light-work{padding:72px 3vw 50px}.light-section-head span{color:var(--green)}.light-section-head a{color:var(--green);text-decoration:none}.light-project-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.light-project-grid article{background:#090909;border:1px solid #202020;overflow:hidden}.light-project-grid img{width:100%;height:240px;object-fit:cover;display:block;filter:saturate(.9) contrast(1.08)}.light-project-grid article>div{padding:15px 15px 18px}.light-project-grid h3{font-size:14px;margin:0 0 7px;font-weight:500;line-height:1.15}.light-project-grid p{font-size:10px;color:#a1a5a3;letter-spacing:.08em;min-height:26px}.light-project-grid a{font-size:9px;color:#ddd;text-decoration:none;letter-spacing:.12em}.gallery-meta{display:flex;align-items:center;gap:10px;padding-top:22px;color:#8c918e;font-size:10px}.gallery-meta>b{height:1px;width:120px;background:linear-gradient(90deg,var(--green) 35%,#333 35%)}.gallery-arrows{margin-left:auto;display:flex;gap:10px}.gallery-arrows button{width:38px;height:38px;border-radius:50%;border:1px solid #4a4a4a;background:transparent;color:white}.gallery-arrows button:last-child{border-color:var(--green);color:var(--green)}.light-impact{display:grid;grid-template-columns:1.1fr 1.4fr .55fr;gap:40px;align-items:end;border-top:1px solid #202020;border-bottom:1px solid #202020;padding:55px 4vw;background:radial-gradient(circle at 68% 30%,rgba(237,28,36,.08),transparent 30%),#060606}.light-impact span{color:var(--green);font-size:12px;letter-spacing:.22em}.light-impact h2{font-size:44px;font-weight:400;line-height:.92;margin:10px 0 0}.light-impact p{color:#b9bfbc;line-height:1.6;max-width:560px}.light-impact aside{border-left:2px solid var(--green);padding-left:16px;color:#929994;line-height:1.7;letter-spacing:.14em;font-size:11px}.light-cta{display:flex;align-items:center;justify-content:space-between;padding:55px 4vw;background:linear-gradient(115deg,#070707 55%,rgba(237,28,36,.08))}.light-cta h2{font-size:36px;font-weight:400;margin:0}.light-cta a{color:white;text-decoration:none;border-bottom:1px solid var(--green);padding-bottom:6px;font-size:11px;letter-spacing:.14em}
@media(max-width:1100px){.light-project-grid{grid-template-columns:repeat(3,1fr)}.light-domains{grid-template-columns:1fr}.domain-image{height:340px}.light-impact{grid-template-columns:1fr 1fr}.light-impact aside{display:none}}
@media(max-width:700px){.light-hero{min-height:690px}.light-hero-bg{inset:0;background-position:68% center}.light-hero-overlay{background:linear-gradient(90deg,rgba(4,4,4,.98),rgba(4,4,4,.72) 62%,rgba(4,4,4,.28))}.light-hero-copy{width:auto;padding:70px 24px}.light-hero-copy h1{font-size:50px}.light-sidewords{display:none}.light-project-grid{grid-template-columns:1fr}.light-project-grid img{height:auto;aspect-ratio:16/10}.light-impact{grid-template-columns:1fr;padding:45px 24px}.light-cta{display:block;padding:45px 24px}.light-cta h2{font-size:30px;margin-bottom:22px}}

/* NW typography study: simulated Neuropol hierarchy. No licensed font files embedded. */
.hero h1,.section-head h2,.spatial h2,.cards h3,.cta h2,.pillar h2,.project-grid h3,.featured strong{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.055em}.hero h1{letter-spacing:.025em}.site-header nav a,.lang,.eyebrow,.section-head span,.spatial span,.cards article>span,.pillar p,.text-link,.cards a{font-family:var(--font-display);letter-spacing:.16em}.project-grid h3{letter-spacing:.09em}.hero p,.spatial p,.cards p,.cta p{font-family:var(--font-body)}

/* MEDIA PAGE */
.media-page{--green:#ed1c24}.media-hero{min-height:620px;position:relative;display:flex;align-items:center;overflow:hidden;background:#030303}.media-hero-bg{position:absolute;inset:0 0 0 34%;background:url('assets/media-approved.avif') center/cover no-repeat;filter:saturate(.9) contrast(1.08)}.media-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.96) 28%,rgba(5,5,5,.55) 50%,rgba(5,5,5,.08) 80%)}.media-hero-copy{position:relative;z-index:2;width:min(620px,55vw);padding:72px 0 72px 4vw}.media-hero-copy h1{font-family:var(--font-display);font-size:clamp(52px,5.8vw,88px);font-weight:400;line-height:.92;letter-spacing:.025em;margin:14px 0 28px}.media-hero-copy p{max-width:535px;color:#d7d8d8;line-height:1.62;font-size:16px}.media-sidewords{position:absolute;right:3vw;bottom:70px;z-index:2;border-left:2px solid var(--green);padding-left:16px;color:#c7c7c7;letter-spacing:.15em;line-height:1.7;font-size:12px}.media-domains{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#202020;border-top:1px solid #242424;border-bottom:1px solid #242424}.media-domains article{min-height:285px;background:linear-gradient(145deg,#0b0b0b,#050505);padding:34px 28px}.media-domains article>span{color:#555;font-size:28px;font-weight:300}.media-domains i,.media-project-grid i{display:block;width:42px;border-top:2px solid var(--green);margin:28px 0 14px}.media-domains h2{font-family:var(--font-display);font-size:21px;font-weight:400;letter-spacing:.06em;margin:0 0 18px}.media-domains p{color:#9ba09d;font-size:13px;line-height:1.55;margin:0;max-width:300px}.media-work{padding:72px 3vw 55px}.media-section-head span{color:var(--green)}.media-section-head a{color:var(--green);text-decoration:none}.media-project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.media-project-grid article{background:#090909;border:1px solid #202020;overflow:hidden}.media-project-grid img,.talent-visual{width:100%;height:270px;object-fit:cover;display:block;filter:saturate(.9) contrast(1.08)}.media-project-grid article>div:last-child{padding:16px 16px 20px}.media-project-grid article>div:last-child i{margin:0 0 12px}.media-project-grid h3{font-family:var(--font-display);font-size:14px;letter-spacing:.07em;margin:0 0 9px;font-weight:500}.media-project-grid p{font-size:9px;color:#a1a5a3;letter-spacing:.07em;line-height:1.55;min-height:42px}.media-project-grid a{font-size:9px;color:#ddd;text-decoration:none;letter-spacing:.12em}.talent-visual{height:270px;display:flex!important;align-items:center;justify-content:center;gap:16px;background:radial-gradient(circle at 50% 50%,rgba(237,28,36,.16),transparent 38%),linear-gradient(135deg,#151515,#050505);filter:none!important;padding:0!important}.talent-visual strong{font-family:var(--font-display);font-size:72px;font-weight:300;letter-spacing:-.04em}.talent-visual span{border-left:2px solid var(--green);padding-left:15px;font-size:11px;letter-spacing:.16em;line-height:1.5;color:#c9cdcb}.media-impact{display:grid;grid-template-columns:1.1fr 1.4fr .55fr;gap:40px;align-items:end;border-top:1px solid #202020;border-bottom:1px solid #202020;padding:55px 4vw;background:radial-gradient(circle at 68% 30%,rgba(237,28,36,.08),transparent 30%),#060606}.media-impact span{color:var(--green);font-size:12px;letter-spacing:.22em}.media-impact h2{font-family:var(--font-display);font-size:44px;font-weight:400;line-height:.95;letter-spacing:.05em;margin:10px 0 0}.media-impact p{color:#b9bfbc;line-height:1.6;max-width:560px}.media-impact aside{border-left:2px solid var(--green);padding-left:16px;color:#929994;line-height:1.7;letter-spacing:.14em;font-size:11px}@media(max-width:1100px){.media-domains,.media-project-grid{grid-template-columns:repeat(2,1fr)}.media-impact{grid-template-columns:1fr 1fr}.media-impact aside{display:none}}@media(max-width:700px){.media-hero{min-height:690px}.media-hero-bg{inset:0;background-position:65% center}.media-hero-overlay{background:linear-gradient(90deg,rgba(4,4,4,.98),rgba(4,4,4,.72) 62%,rgba(4,4,4,.28))}.media-hero-copy{width:auto;padding:70px 24px}.media-hero-copy h1{font-size:46px}.media-sidewords{display:none}.media-domains,.media-project-grid{grid-template-columns:1fr}.media-project-grid img,.talent-visual{height:auto;aspect-ratio:16/10}.media-impact{grid-template-columns:1fr;padding:45px 24px}}
/* SPACE PAGE */
.space-page{--green:#ed1c24}.space-hero{min-height:620px;position:relative;display:flex;align-items:center;overflow:hidden;background:#030303}.space-hero-bg{position:absolute;inset:0 0 0 34%;background:url('assets/space-hero-final.avif') center/cover no-repeat;filter:saturate(.82) contrast(1.1)}.space-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.96) 28%,rgba(5,5,5,.55) 50%,rgba(5,5,5,.08) 80%)}.space-hero-copy{position:relative;z-index:2;width:min(650px,58vw);padding:72px 0 72px 4vw}.space-hero-copy h1{font-family:var(--font-display);font-size:clamp(52px,5.8vw,88px);font-weight:400;line-height:.92;letter-spacing:.025em;margin:14px 0 28px}.space-hero-copy p{max-width:570px;color:#d7d8d8;line-height:1.62;font-size:16px}.space-sidewords{position:absolute;right:3vw;bottom:70px;z-index:2;border-left:2px solid var(--green);padding-left:16px;color:#c7c7c7;letter-spacing:.15em;line-height:1.7;font-size:12px}.space-domains{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#202020;border-top:1px solid #242424;border-bottom:1px solid #242424}.space-domains article{min-height:285px;background:linear-gradient(145deg,#0b0b0b,#050505);padding:34px 28px}.space-domains article>span{color:#555;font-size:28px;font-weight:300}.space-domains i,.space-project-grid i{display:block;width:42px;border-top:2px solid var(--green);margin:28px 0 14px}.space-domains h2{font-family:var(--font-display);font-size:21px;font-weight:400;letter-spacing:.06em;margin:0 0 18px}.space-domains p{color:#9ba09d;font-size:13px;line-height:1.55;margin:0;max-width:300px}.space-work{padding:72px 3vw 55px}.space-section-head span{color:var(--green)}.space-section-head a{color:var(--green);text-decoration:none}.space-project-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.space-project-grid article{background:#090909;border:1px solid #202020;overflow:hidden}.space-project-grid img{width:100%;height:225px;object-fit:cover;display:block;filter:saturate(.88) contrast(1.08)}.space-project-grid article>div{padding:16px 16px 20px}.space-project-grid article>div i{margin:0 0 12px}.space-project-grid h3{font-family:var(--font-display);font-size:14px;letter-spacing:.07em;margin:0 0 9px;font-weight:500}.space-project-grid p{font-size:9px;color:#a1a5a3;letter-spacing:.07em;line-height:1.55;min-height:42px}.space-project-grid a{font-size:9px;color:#ddd;text-decoration:none;letter-spacing:.12em}.space-impact{display:grid;grid-template-columns:1.1fr 1.4fr .55fr;gap:40px;align-items:end;border-top:1px solid #202020;border-bottom:1px solid #202020;padding:55px 4vw;background:radial-gradient(circle at 68% 30%,rgba(237,28,36,.08),transparent 30%),#060606}.space-impact span{color:var(--green);font-size:12px;letter-spacing:.22em}.space-impact h2{font-family:var(--font-display);font-size:44px;font-weight:400;line-height:.95;letter-spacing:.05em;margin:10px 0 0}.space-impact p{color:#b9bfbc;line-height:1.6;max-width:560px}.space-impact aside{border-left:2px solid var(--green);padding-left:16px;color:#929994;line-height:1.7;letter-spacing:.14em;font-size:11px}@media(max-width:1250px){.space-project-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1100px){.space-domains,.space-project-grid{grid-template-columns:repeat(2,1fr)}.space-impact{grid-template-columns:1fr 1fr}.space-impact aside{display:none}}@media(max-width:700px){.space-hero{min-height:720px}.space-hero-bg{inset:0;background-position:65% center}.space-hero-overlay{background:linear-gradient(90deg,rgba(4,4,4,.98),rgba(4,4,4,.72) 62%,rgba(4,4,4,.28))}.space-hero-copy{width:auto;padding:70px 24px}.space-hero-copy h1{font-size:46px}.space-sidewords{display:none}.space-domains,.space-project-grid{grid-template-columns:1fr}.space-project-grid img{height:auto;aspect-ratio:16/10}.space-impact{grid-template-columns:1fr;padding:45px 24px}}

.technology-page{--green:#ed1c24}.technology-hero{min-height:620px;position:relative;display:flex;align-items:center;overflow:hidden;background:#030303}.technology-hero-bg{position:absolute;inset:0 0 0 34%;background:url('assets/contact-hero-symbol-clean.avif') center/cover no-repeat;filter:saturate(.72) contrast(1.08)}.technology-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.97) 29%,rgba(5,5,5,.56) 51%,rgba(5,5,5,.08) 80%)}.technology-hero-copy{position:relative;z-index:2;width:min(650px,58vw);padding:72px 0 72px 4vw}.technology-hero-copy h1{font-family:var(--font-display);font-size:clamp(50px,5.6vw,86px);font-weight:400;line-height:.92;letter-spacing:.025em;margin:14px 0 28px}.technology-hero-copy p{max-width:560px;color:#d7d8d8;line-height:1.62;font-size:16px}.technology-sidewords{position:absolute;right:3vw;bottom:70px;z-index:2;border-left:2px solid var(--green);padding-left:16px;color:#c7c7c7;letter-spacing:.15em;line-height:1.7;font-size:12px}.technology-domains{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#202020;border-top:1px solid #242424;border-bottom:1px solid #242424}.technology-domains article{min-height:390px;background:linear-gradient(145deg,#0b0b0b,#050505);padding:0 28px 34px;overflow:hidden}.technology-domain-image{height:165px;margin:0 -28px 28px;background:linear-gradient(180deg,transparent 60%,rgba(5,5,5,.38)),var(--domain-bg) center/cover no-repeat;filter:saturate(.9) contrast(1.05)}.technology-domains article>span{color:#555;font-size:28px;font-weight:300}.technology-domains i{display:block;width:42px;border-top:2px solid var(--green);margin:28px 0 14px}.technology-domains h2{font-family:var(--font-display);font-size:19px;font-weight:400;letter-spacing:.05em;margin:0 0 18px}.technology-domains p{color:#9ba09d;font-size:13px;line-height:1.55;margin:0;max-width:300px}.technology-workflow{padding:78px 4vw 88px;background:#070707}.technology-section-head span{color:var(--green)}.workflow-line{margin-top:55px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #282828;padding-top:30px}.workflow-line div{display:flex;flex-direction:column;gap:8px}.workflow-line b{color:var(--green);font-size:10px;letter-spacing:.15em}.workflow-line strong{font-family:var(--font-display);font-size:14px;font-weight:400;letter-spacing:.08em}.workflow-line em{font-style:normal;color:#555;font-size:20px}.technology-impact{display:grid;grid-template-columns:1.1fr 1.4fr .55fr;gap:40px;align-items:end;border-top:1px solid #202020;border-bottom:1px solid #202020;padding:55px 4vw;background:radial-gradient(circle at 68% 30%,rgba(237,28,36,.08),transparent 30%),#060606}.technology-impact span{color:var(--green);font-size:12px;letter-spacing:.22em}.technology-impact h2{font-family:var(--font-display);font-size:44px;font-weight:400;line-height:.95;letter-spacing:.05em;margin:10px 0 0}.technology-impact p{color:#b9bfbc;line-height:1.6;max-width:600px}.technology-impact aside{border-left:2px solid var(--green);padding-left:16px;color:#929994;line-height:1.7;letter-spacing:.14em;font-size:11px}@media(max-width:1100px){.technology-domains{grid-template-columns:repeat(2,1fr)}.workflow-line{flex-wrap:wrap;gap:25px}.technology-impact{grid-template-columns:1fr 1fr}.technology-impact aside{display:none}}@media(max-width:700px){.technology-hero{min-height:720px}.technology-hero-bg{inset:0;background-position:65% center}.technology-hero-overlay{background:linear-gradient(90deg,rgba(4,4,4,.98),rgba(4,4,4,.74) 65%,rgba(4,4,4,.3))}.technology-hero-copy{width:auto;padding:70px 24px}.technology-hero-copy h1{font-size:43px}.technology-sidewords{display:none}.technology-domains{grid-template-columns:1fr}.workflow-line{display:grid;grid-template-columns:1fr}.workflow-line em{transform:rotate(90deg);width:20px}.technology-impact{grid-template-columns:1fr;padding:45px 24px}}

/* 3D SPATIAL — CRISP HTML/CSS VERSION */
.spatial-html-page{--green:#ed1c24;background:#050606;color:#f1f3f2}
.sp3-hero{min-height:650px;position:relative;display:flex;align-items:center;overflow:hidden;background:#050606}.sp3-hero-bg{position:absolute;inset:0 0 0 37%;background:url('assets/spatial-hero-visual.avif') center/cover no-repeat;filter:saturate(.86) contrast(1.08)}.sp3-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#050606 0%,rgba(5,6,6,.98) 26%,rgba(5,6,6,.68) 48%,rgba(5,6,6,.08) 82%)}.sp3-hero-copy{position:relative;z-index:2;width:min(700px,60vw);padding:82px 0 82px 4vw}.sp3-kicker,.sp3-section-head span,.sp3-impact span{color:var(--green);font-size:12px;letter-spacing:.23em}.sp3-hero h1{font-family:var(--font-display);font-size:clamp(55px,6.3vw,98px);font-weight:400;line-height:.88;letter-spacing:.02em;margin:16px 0 30px}.sp3-hero h1 em{font-style:normal;color:var(--green)}.sp3-hero p{max-width:560px;color:#d0d3d1;line-height:1.62;font-size:16px}.sp3-hero a{display:inline-block;color:#fff;text-decoration:none;font-size:11px;letter-spacing:.14em;margin-top:21px}.sp3-hero a b{color:var(--green);margin-left:8px}.sp3-side{position:absolute;right:3.4vw;bottom:66px;z-index:2;border-left:2px solid var(--green);padding-left:17px;color:#9ca39f;letter-spacing:.12em;line-height:1.55;font-size:12px}.sp3-side strong{font-weight:400;color:#e2e4e3}
.sp3-services{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#202020;border-top:1px solid #242424;border-bottom:1px solid #242424}.sp3-services article{background:#070707;min-height:505px}.sp3-image{height:235px;background:linear-gradient(180deg,transparent 64%,rgba(5,5,5,.45)),var(--img) center/cover no-repeat;filter:saturate(.9) contrast(1.05)}.sp3-service-body{padding:25px 27px 34px}.sp3-service-body i,.sp3-project-grid i{display:block;width:43px;border-top:2px solid var(--green);margin:0 0 15px}.sp3-service-body h2{font-family:var(--font-display);font-size:20px;font-weight:400;letter-spacing:.05em;margin:0 0 9px}.sp3-service-body h3{font-size:10px;font-weight:500;letter-spacing:.13em;color:#d6d8d7;margin:0 0 17px}.sp3-service-body p{color:#9da39f;font-size:12px;line-height:1.58;margin:0}
.sp3-projects{padding:72px 3vw 62px;background:#080909}.sp3-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.sp3-section-head h2{font-family:var(--font-display);font-size:34px;font-weight:400;letter-spacing:.04em;margin:9px 0 0}.sp3-section-head a{font-size:10px;letter-spacing:.12em;color:#ddd;text-decoration:none}.sp3-project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.sp3-project-grid article{background:#090909;border:1px solid #1d2020;overflow:hidden}.sp3-project-grid img{width:100%;height:220px;object-fit:cover;display:block;filter:saturate(.9) contrast(1.04)}.sp3-project-grid article>div{padding:15px 16px 19px}.sp3-project-grid h3{font-family:var(--font-display);font-size:14px;letter-spacing:.07em;margin:0 0 8px;font-weight:500}.sp3-project-grid p{font-size:9px;color:#9ea39f;letter-spacing:.06em;line-height:1.55;margin:0}
.sp3-workflow{padding:72px 4vw 78px;background:linear-gradient(180deg,#080909,#050606)}.sp3-flow{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #2a2d2b;margin-top:48px;padding-top:34px}.sp3-flow>div{min-width:120px;display:grid;gap:8px;text-align:center}.sp3-flow b{color:var(--green);font-size:11px;letter-spacing:.15em}.sp3-flow strong{font-family:var(--font-display);font-size:13px;line-height:1.25;font-weight:400;letter-spacing:.06em}.sp3-flow small{font-size:8px;letter-spacing:.15em;color:#777}.sp3-flow em{font-style:normal;color:#555;font-size:23px}
.sp3-impact{min-height:330px;display:grid;grid-template-columns:1.15fr 1.4fr .45fr;gap:42px;align-items:end;padding:60px 4vw;border-top:1px solid #222;border-bottom:1px solid #222;background:linear-gradient(90deg,rgba(5,6,6,.99) 0%,rgba(5,6,6,.94) 45%,rgba(5,6,6,.58) 70%,rgba(5,6,6,.22) 100%),url('assets/spatial-impact.avif') right center/52% 100% no-repeat}.sp3-impact h2{font-family:var(--font-display);font-size:45px;font-weight:400;line-height:.92;letter-spacing:.045em;margin:11px 0 0}.sp3-impact p{color:#b9bfbc;line-height:1.65;max-width:570px}.sp3-impact aside{border-left:2px solid var(--green);padding-left:16px;color:#9ba19e;line-height:1.7;letter-spacing:.13em;font-size:11px}
@media(max-width:1100px){.sp3-services,.sp3-project-grid{grid-template-columns:repeat(2,1fr)}.sp3-flow{flex-wrap:wrap;gap:24px}.sp3-impact{grid-template-columns:1fr 1fr}.sp3-impact aside{display:none}}@media(max-width:700px){.sp3-hero{min-height:720px}.sp3-hero-bg{inset:0;background-position:67% center}.sp3-hero-overlay{background:linear-gradient(90deg,rgba(5,6,6,.98),rgba(5,6,6,.75) 66%,rgba(5,6,6,.3))}.sp3-hero-copy{width:auto;padding:74px 24px}.sp3-hero h1{font-size:47px}.sp3-side{display:none}.sp3-services,.sp3-project-grid{grid-template-columns:1fr}.sp3-project-grid img{height:auto;aspect-ratio:16/9}.sp3-projects,.sp3-workflow{padding-left:24px;padding-right:24px}.sp3-section-head{display:block}.sp3-section-head a{display:inline-block;margin-top:14px}.sp3-flow{display:grid;grid-template-columns:1fr;justify-items:start}.sp3-flow>div{text-align:left}.sp3-flow em{transform:rotate(90deg);margin-left:35px}.sp3-impact{grid-template-columns:1fr;padding:48px 24px;background-position:80% center}.sp3-impact h2{font-size:38px}}
/* 3D SPATIAL clean build — same system as LIGHT/MEDIA/SPACE/TECHNOLOGY */
.spatial-clean-page{--green:#ed1c24;background:#050606}.sc-hero{min-height:620px;position:relative;display:flex;align-items:center;overflow:hidden;background:#030303}.sc-hero-bg{position:absolute;inset:0 0 0 31%;background:url('assets/sp3-hero-clean.avif') center/cover no-repeat;filter:saturate(.9) contrast(1.05)}.sc-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.97) 28%,rgba(5,5,5,.55) 50%,rgba(5,5,5,.06) 80%)}.sc-hero-copy{position:relative;z-index:2;width:min(620px,54vw);padding:70px 0 70px 4vw}.sc-hero-copy h1{font-family:var(--font-display);font-size:clamp(52px,5.6vw,86px);font-weight:400;line-height:.9;letter-spacing:.025em;margin:12px 0 12px}.sc-rule{width:80px;border-top:3px solid var(--green);margin:16px 0}.sc-hero-copy h3{font-family:var(--font-display);font-size:15px;font-weight:400;line-height:1.45;letter-spacing:.14em;margin:0 0 18px}.sc-hero-copy p{max-width:520px;color:#d7d8d8;line-height:1.6;font-size:15px}.sc-side{position:absolute;right:3vw;bottom:74px;z-index:2;border-left:2px solid var(--green);padding-left:16px;color:#c7c7c7;letter-spacing:.09em;line-height:1.7;font-size:11px}.sc-services{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#202020;border-top:1px solid #242424;border-bottom:1px solid #242424}.sc-services article{background:#070707;min-height:415px}.sc-img{height:195px;background:var(--img) center/cover no-repeat;filter:saturate(.9) contrast(1.05)}.sc-card{padding:22px 24px 28px}.sc-card i,.sc-project-grid i{display:block;width:42px;border-top:2px solid var(--green);margin:0 0 12px}.sc-card h2{font-family:var(--font-display);font-size:18px;font-weight:400;letter-spacing:.045em;margin:0 0 6px}.sc-card h4{font-size:9px;letter-spacing:.13em;color:#d3d5d4;margin:0 0 14px;font-weight:500}.sc-card p{color:#a4aaa6;font-size:12px;line-height:1.5;margin:0}.sc-projects{padding:58px 3vw 44px;background:#080909}.sc-projects .section-head{margin-bottom:18px}.sc-projects .section-head span{color:var(--green)}.sc-projects .section-head a{color:#ddd;text-decoration:none}.sc-project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.sc-project-grid article{background:#090909}.sc-project-grid img{display:block;width:100%;height:120px;object-fit:cover;filter:saturate(.9) contrast(1.03)}.sc-project-grid article>div{padding:10px 12px 14px}.sc-project-grid h3{font-family:var(--font-display);font-size:12px;letter-spacing:.05em;margin:0 0 4px;font-weight:500}.sc-project-grid p{font-size:8px;color:#a2a7a4;letter-spacing:.06em;margin:0}.sc-workflow{padding:20px 4vw 28px;border-top:1px solid #1f2321;border-bottom:1px solid #1f2321;background:#070808}.sc-work-title{font-family:var(--font-display);color:var(--green);font-size:16px;letter-spacing:.09em;margin-bottom:18px}.sc-flow{display:flex;align-items:center;justify-content:space-between}.sc-flow div{display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:2px;align-items:center}.sc-flow b{grid-row:1/3;width:40px;height:40px;border:1px solid #777;border-radius:50%;display:grid;place-items:center;color:#ddd;font-size:9px}.sc-flow strong{font-family:var(--font-display);font-size:10px;line-height:1.15;font-weight:400;letter-spacing:.04em}.sc-flow small{font-size:7px;letter-spacing:.13em;color:#777}.sc-flow em{font-style:normal;color:#888;font-size:19px}.sc-impact{min-height:190px;display:grid;grid-template-columns:1.1fr 1.45fr .45fr;gap:40px;align-items:center;padding:28px 4vw;background:linear-gradient(90deg,#060606 0%,rgba(6,6,6,.9) 54%,rgba(6,6,6,.35) 100%),url('assets/sp3-impact-clean.avif') right center/48% 100% no-repeat}.sc-impact span{color:var(--green);font-size:11px;letter-spacing:.19em}.sc-impact h2{font-family:var(--font-display);font-size:34px;line-height:.9;font-weight:400;letter-spacing:.035em;margin:7px 0 0}.sc-impact p{color:#c0c5c2;line-height:1.55;font-size:13px;max-width:560px}.sc-impact aside{border-left:2px solid var(--green);padding-left:14px;color:#a1a7a3;line-height:1.55;letter-spacing:.15em;font-size:10px}@media(max-width:1100px){.sc-services,.sc-project-grid{grid-template-columns:repeat(2,1fr)}.sc-flow{flex-wrap:wrap;gap:20px}.sc-impact{grid-template-columns:1fr 1fr}.sc-impact aside{display:none}}@media(max-width:700px){.sc-hero{min-height:700px}.sc-hero-bg{inset:0;background-position:58% center}.sc-hero-overlay{background:linear-gradient(90deg,rgba(5,5,5,.98),rgba(5,5,5,.75) 66%,rgba(5,5,5,.3))}.sc-hero-copy{width:auto;padding:70px 24px}.sc-hero-copy h1{font-size:46px}.sc-side{display:none}.sc-services,.sc-project-grid{grid-template-columns:1fr}.sc-img{height:240px}.sc-project-grid img{height:auto;aspect-ratio:16/7}.sc-flow{display:grid;grid-template-columns:1fr}.sc-flow em{transform:rotate(90deg);margin-left:18px}.sc-impact{grid-template-columns:1fr;padding:38px 24px}.sc-impact h2{font-size:32px}}
/* V8: clean 3D Spatial rebuild. No screenshot underlays. */
.sp8-page{--green:#ed1c24;background:#050606;color:#f1f3f2}.sp8-page main{background:#050606}.sp8-page h1,.sp8-page h2,.sp8-page h3,.sp8-page h4,.sp8-page strong,.sp8-page .sp8-work-title{font-family:var(--font-display);text-transform:uppercase;font-weight:400}.sp8-page p,.sp8-page small,.sp8-page aside{font-family:Helvetica Neue,Arial,sans-serif}.sp8-hero{min-height:620px;position:relative;display:flex;align-items:center;overflow:hidden;background:#030303}.sp8-hero-bg{position:absolute;inset:0 0 0 31%;background:url('assets/sp3-hero-clean.avif') center/cover no-repeat}.sp8-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.97) 28%,rgba(5,5,5,.55) 50%,rgba(5,5,5,.06) 80%)}.sp8-hero-copy{position:relative;z-index:2;width:min(620px,54vw);padding:70px 0 70px 4vw}.sp8-kicker{color:var(--green);font-size:12px;letter-spacing:.25em}.sp8-hero h1{font-size:clamp(52px,5.6vw,86px);line-height:.9;letter-spacing:.025em;margin:12px 0}.sp8-redline{display:block;width:80px;border-top:3px solid var(--green);margin:16px 0}.sp8-hero h3{font-size:15px;line-height:1.45;letter-spacing:.14em;margin:0 0 18px}.sp8-hero p{max-width:520px;color:#d7d8d8;line-height:1.6;font-size:15px}.sp8-hero a{display:inline-block;color:#fff;text-decoration:none;font-size:11px;letter-spacing:.15em;margin-top:18px}.sp8-hero a b{color:var(--green);margin-left:8px}.sp8-side{position:absolute;right:3vw;bottom:74px;z-index:2;border-left:2px solid var(--green);padding-left:16px;color:#c7c7c7;letter-spacing:.09em;line-height:1.7;font-size:11px}
.sp8-services{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#202020;border-top:1px solid #242424;border-bottom:1px solid #242424}.sp8-services article{background:#070707;min-height:420px;overflow:hidden}.sp8-photo{height:205px;background:var(--p) center/cover no-repeat}.sp8-copy{padding:22px 24px 28px}.sp8-copy i,.sp8-project-copy i{display:block;width:42px;border-top:2px solid var(--green);margin:0 0 12px}.sp8-copy h2{font-size:18px;letter-spacing:.045em;margin:0 0 6px}.sp8-copy h4{font-size:9px;letter-spacing:.13em;color:#d3d5d4;margin:0 0 14px}.sp8-copy p{color:#a4aaa6;font-size:12px;line-height:1.5;margin:0}
.sp8-projects{padding:58px 3vw 48px;background:#080909;border-top:1px solid #171a19}.sp8-section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.sp8-section-head h2{font-size:32px;letter-spacing:.04em;margin:0}.sp8-section-head h2:after{content:'';display:inline-block;width:48px;border-top:2px solid var(--green);margin:0 0 8px 18px}.sp8-section-head a{color:#ddd;text-decoration:none;font-size:11px;letter-spacing:.12em}.sp8-project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.sp8-project-grid article{background:#090909;border:1px solid #202020;overflow:hidden}.sp8-project-photo{background:#050606;overflow:hidden}.sp8-project-photo img{display:block;width:100%;height:auto;object-fit:contain;background:#050606}.sp8-project-copy{padding:12px 14px 15px}.sp8-project-copy h3{font-size:14px;letter-spacing:.07em;margin:0 0 6px}.sp8-project-copy p{font-size:9px;color:#a1a5a3;letter-spacing:.07em;line-height:1.4;margin:0}
.sp8-workflow{padding:22px 4vw 26px;background:#070808;border-top:1px solid #1f2321;border-bottom:1px solid #1f2321}.sp8-work-title{color:var(--green);font-size:16px;letter-spacing:.09em;margin-bottom:16px}.sp8-flow{display:flex;align-items:center;justify-content:space-between;gap:10px}.sp8-step{display:flex;align-items:center;gap:12px;min-width:145px}.sp8-icon{width:50px;height:50px;border:1px solid #d5d8d6;border-radius:50%;display:grid;place-items:center;flex:0 0 50px}.sp8-icon svg{width:31px;height:31px;fill:none;stroke:#f1f3f2;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sp8-step strong{display:block;font-size:10px;line-height:1.15;letter-spacing:.04em}.sp8-step small{display:block;font-size:7px;letter-spacing:.13em;color:#858b88;margin-top:4px}.sp8-flow em{font-style:normal;color:#aaa;font-size:20px}
.sp8-impact{min-height:190px;display:grid;grid-template-columns:1.1fr 1.45fr .45fr;gap:40px;align-items:center;padding:30px 4vw;position:relative;overflow:hidden;background:#060707;border-bottom:1px solid #1f2321}.sp8-impact:before{content:'';position:absolute;right:-4%;bottom:-40px;width:58%;height:170px;opacity:.55;background-image:radial-gradient(circle,#d7ddda 1.15px,transparent 1.5px);background-size:12px 12px;transform:skewY(-7deg);mask-image:linear-gradient(90deg,transparent,#000 25%,#000)}.sp8-impact>*{position:relative;z-index:1}.sp8-impact span{color:var(--green);font-size:11px;letter-spacing:.19em}.sp8-impact h2{font-size:34px;line-height:.9;letter-spacing:.035em;margin:7px 0 0}.sp8-impact>div>i{display:block;width:50px;border-top:2px solid var(--green);margin-top:12px}.sp8-impact p{color:#c0c5c2;line-height:1.55;font-size:13px;max-width:560px}.sp8-impact aside{border-left:2px solid var(--green);padding-left:14px;color:#a1a7a3;line-height:1.55;letter-spacing:.15em;font-size:10px}
@media(max-width:1100px){.sp8-services,.sp8-project-grid{grid-template-columns:repeat(2,1fr)}.sp8-flow{flex-wrap:wrap;justify-content:flex-start;gap:24px}.sp8-impact{grid-template-columns:1fr 1fr}.sp8-impact aside{display:none}}@media(max-width:700px){.sp8-hero{min-height:700px}.sp8-hero-bg{inset:0;background-position:58% center}.sp8-hero-overlay{background:linear-gradient(90deg,rgba(5,5,5,.98),rgba(5,5,5,.75) 66%,rgba(5,5,5,.3))}.sp8-hero-copy{width:auto;padding:70px 24px}.sp8-hero h1{font-size:46px}.sp8-side{display:none}.sp8-services,.sp8-project-grid{grid-template-columns:1fr}.sp8-photo{height:240px}.sp8-project-photo{padding-top:0}.sp8-section-head{display:block}.sp8-section-head a{display:inline-block;margin-top:12px}.sp8-flow{display:grid;grid-template-columns:1fr}.sp8-flow em{transform:rotate(90deg);margin-left:20px}.sp8-impact{grid-template-columns:1fr;padding:38px 24px}.sp8-impact h2{font-size:32px}}

/* V10 — Selected 3D Spatial + Workflow rebuilt to match the approved mockup.
   IMPORTANT: no screenshot background lives under this section. */
.sp8-page .sp8-projects{
  position:relative;
  z-index:1;
  padding:18px 4vw 12px;
  background:#050606 !important;
  background-image:none !important;
  border-top:1px solid #1b262a;
  border-bottom:1px solid #1b262a;
  overflow:visible;
}
.sp8-page .sp8-projects::before,
.sp8-page .sp8-projects::after{content:none!important;display:none!important}
.sp8-page .sp8-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin:0 0 12px;
}
.sp8-page .sp8-section-head h2{
  margin:0;
  font-family:var(--font-display),Arial,sans-serif;
  font-size:clamp(18px,1.65vw,26px);
  font-weight:400;
  line-height:1;
  letter-spacing:.025em;
  color:#f1f3f2;
  text-transform:uppercase;
}
.sp8-page .sp8-section-head h2::after{
  content:'';
  display:inline-block;
  vertical-align:middle;
  width:54px;
  border-top:2px solid #ed1c24;
  margin:0 0 5px 18px;
}
.sp8-page .sp8-section-head a{
  color:#f1f3f2;
  text-decoration:none;
  font-family:var(--font-display),Arial,sans-serif;
  font-size:10px;
  line-height:1;
  letter-spacing:.07em;
  white-space:nowrap;
  text-transform:uppercase;
}
.sp8-page .sp8-project-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
  background:transparent!important;
}
.sp8-page .sp8-project-grid article{
  min-width:0;
  margin:0;
  padding:0;
  background:#050606!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible;
}
.sp8-page .sp8-project-photo{
  width:100%;
  aspect-ratio:3.56/1;
  background:#090b0c!important;
  overflow:hidden;
  border:1px solid #162c35;
}
.sp8-page .sp8-project-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:none;
  opacity:1;
}
.sp8-page .sp8-project-copy{
  position:relative;
  padding:9px 0 0 42px;
  min-height:52px;
  background:#050606!important;
}
.sp8-page .sp8-project-copy i{
  position:absolute;
  left:0;
  top:11px;
  width:32px;
  margin:0;
  border:0;
  border-top:2px solid #ed1c24;
}
.sp8-page .sp8-project-copy h3{
  margin:0 0 4px;
  font-family:var(--font-display),Arial,sans-serif;
  font-size:clamp(10px,.83vw,13px);
  font-weight:400;
  line-height:1.1;
  letter-spacing:.02em;
  color:#f2f3f3;
  text-transform:uppercase;
  white-space:nowrap;
}
.sp8-page .sp8-project-copy p{
  margin:0;
  font-family:var(--font-display),Arial,sans-serif;
  font-size:clamp(7px,.58vw,9px);
  line-height:1.25;
  letter-spacing:.05em;
  color:#aeb4b1;
  text-transform:uppercase;
  white-space:nowrap;
}

.sp8-page .sp8-workflow{
  padding:10px 4vw 14px;
  background:#050606!important;
  background-image:none!important;
  border-top:1px solid #1b262a;
  border-bottom:1px solid #1b262a;
}
.sp8-page .sp8-workflow::before,
.sp8-page .sp8-workflow::after{content:none!important;display:none!important}
.sp8-page .sp8-work-title{
  margin:0 0 10px;
  font-family:var(--font-display),Arial,sans-serif;
  color:#ed1c24;
  font-size:clamp(13px,1.05vw,17px);
  font-weight:400;
  line-height:1;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.sp8-page .sp8-work-title::after{
  content:'';
  display:inline-block;
  vertical-align:middle;
  width:48px;
  border-top:2px solid #ed1c24;
  margin:0 0 4px 14px;
}
.sp8-page .sp8-flow{
  display:grid;
  grid-template-columns:max-content 28px max-content 28px max-content 28px max-content 28px max-content 28px max-content;
  align-items:center;
  justify-content:space-between;
  gap:0;
  width:100%;
}
.sp8-page .sp8-step{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.sp8-page .sp8-icon{
  width:48px;
  height:48px;
  flex:0 0 48px;
  border:1px solid #d7ddda;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#050606;
}
.sp8-page .sp8-icon svg{
  width:29px;
  height:29px;
  fill:none;
  stroke:#f4f5f5;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.sp8-page .sp8-step strong{
  display:block;
  font-family:var(--font-display),Arial,sans-serif;
  font-size:clamp(8px,.68vw,10px);
  font-weight:400;
  line-height:1.18;
  letter-spacing:.025em;
  color:#f2f3f3;
  text-transform:uppercase;
}
.sp8-page .sp8-step small{
  display:block;
  margin-top:4px;
  font-family:var(--font-display),Arial,sans-serif;
  font-size:clamp(6px,.48vw,7px);
  line-height:1;
  letter-spacing:.08em;
  color:#777f7b;
  text-transform:uppercase;
}
.sp8-page .sp8-flow em{
  margin:0;
  padding:0;
  font-style:normal;
  font-family:Arial,sans-serif;
  font-size:24px;
  line-height:1;
  color:#e6e9e7;
  text-align:center;
}

@media(max-width:1100px){
  .sp8-page .sp8-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
  .sp8-page .sp8-flow{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:18px 14px}
  .sp8-page .sp8-flow em{width:20px}
}
@media(max-width:700px){
  .sp8-page .sp8-projects{padding:22px 24px 14px}
  .sp8-page .sp8-section-head{display:block}
  .sp8-page .sp8-section-head a{display:inline-block;margin-top:10px}
  .sp8-page .sp8-project-grid{grid-template-columns:1fr;gap:24px}
  .sp8-page .sp8-project-copy h3,.sp8-page .sp8-project-copy p{white-space:normal}
  .sp8-page .sp8-workflow{padding:16px 24px 20px}
  .sp8-page .sp8-flow{display:grid;grid-template-columns:1fr;gap:12px}
  .sp8-page .sp8-flow em{transform:rotate(90deg);margin-left:15px}
}

/* PHILOSOPHY — approved design rebuilt as crisp HTML/CSS */
.ph-page{background:#050606;color:#f1f3f2}.ph-page main{overflow:hidden}.ph-hero{min-height:470px;position:relative;overflow:hidden;border-bottom:1px solid #16252a}.ph-hero-bg{position:absolute;inset:0;background:url('assets/philosophy-hero.avif') 72% center/cover no-repeat;transform:scale(1.01)}.ph-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050606 0%,rgba(5,6,6,.97) 27%,rgba(5,6,6,.65) 47%,rgba(5,6,6,.12) 72%,rgba(5,6,6,.38) 100%)}.ph-hero-copy{position:relative;z-index:2;width:46%;padding:40px 0 44px 4vw}.ph-kicker,.ph-belief-left span,.ph-impact span{color:var(--green);font-family:var(--font-display),Arial,sans-serif;font-size:14px;letter-spacing:.24em}.ph-hero h1{font-family:var(--font-display),Arial,sans-serif;font-size:clamp(35px,3.45vw,53px);font-weight:400;line-height:.98;letter-spacing:.015em;margin:14px 0 18px}.ph-hero h3{font-family:var(--font-display),Arial,sans-serif;font-size:13px;font-weight:400;letter-spacing:.26em;margin:0 0 14px;color:#e0e4e2}.ph-redline{display:block;width:65px;border-top:2px solid var(--green);margin-bottom:18px}.ph-hero p{font-size:13px;line-height:1.52;color:#e0e2e1;max-width:470px;margin:0}.ph-hero a{display:inline-block;color:#f4f4f4;text-decoration:none;font-family:var(--font-display),Arial,sans-serif;font-size:11px;letter-spacing:.12em;margin-top:22px;border-left:2px solid var(--green);padding-left:12px}.ph-hero a b{font-size:20px;margin-left:8px;font-weight:400}.ph-side{position:absolute;z-index:3;right:3vw;top:35px;color:#a8adaa;font-family:var(--font-display),Arial,sans-serif;font-size:12px;line-height:1.48;letter-spacing:.13em;text-align:left}.ph-side i{display:block;width:34px;border-top:2px solid var(--green);margin:11px 0 126px}.ph-side small{font-size:11px;line-height:1.45;letter-spacing:.13em}.ph-side small:after{content:'';display:block;width:34px;border-top:2px solid var(--green);margin-top:10px}
.ph-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#15252b;border-bottom:1px solid #16252a}.ph-pillars article{background:#070808;min-height:290px}.ph-photo{height:145px;background:var(--p) center/cover no-repeat}.ph-card-copy{padding:11px 4vw 18px 3.8vw}.ph-card-copy h2{font-family:var(--font-display),Arial,sans-serif;font-weight:400;font-size:20px;line-height:1;margin:0 0 7px}.ph-card-copy i{display:block;width:45px;border-top:2px solid var(--green);margin-bottom:9px}.ph-card-copy h4{font-family:var(--font-display),Arial,sans-serif;font-size:9px;font-weight:400;letter-spacing:.17em;margin:0 0 8px}.ph-card-copy p{font-size:12px;line-height:1.45;color:#d2d5d3;margin:0;max-width:230px}
.ph-belief{min-height:190px;position:relative;display:grid;grid-template-columns:1.05fr .85fr;align-items:center;overflow:hidden;background:#050606;border-bottom:1px solid #16252a}.ph-belief-visual{position:absolute;inset:0;background:url('assets/philosophy-belief.avif') center/cover no-repeat;opacity:.95}.ph-belief:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,6,.97) 0%,rgba(5,6,6,.82) 32%,rgba(5,6,6,.18) 55%,rgba(5,6,6,.92) 78%,#050606 100%)}.ph-belief-left,.ph-belief-right{position:relative;z-index:2}.ph-belief-left{padding:22px 4vw}.ph-belief-left h2{font-family:var(--font-display),Arial,sans-serif;font-size:clamp(23px,2.1vw,33px);font-weight:400;line-height:1.03;letter-spacing:.01em;margin:9px 0 0}.ph-belief-left i{display:block;width:50px;border-top:2px solid var(--green);margin-top:14px}.ph-belief-right{padding:22px 4vw 18px 2vw;justify-self:end;max-width:365px}.ph-belief-right p{font-size:12px;line-height:1.45;margin:0 0 8px}.ph-belief-right strong{font-size:11px;font-weight:400}.ph-signature{font-family:cursive;font-style:italic;font-size:27px;line-height:1;margin-top:8px;transform:rotate(-3deg);white-space:nowrap}.ph-belief-right small{display:block;font-size:8px;letter-spacing:.09em;text-align:right;margin-top:4px}
.ph-values{min-height:72px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;border-bottom:1px solid #16252a;background:#050606;padding:8px 4vw}.ph-value{display:flex;align-items:center;gap:16px;min-height:46px;border-right:1px solid #424846;padding:0 28px}.ph-value:first-child{padding-left:0}.ph-value:last-child{border-right:0}.ph-value strong{font-family:var(--font-display),Arial,sans-serif;font-size:10px;font-weight:400;line-height:1.25;letter-spacing:.03em}.ph-icon{display:grid;place-items:center;width:42px;height:42px;color:#f5f5f5;font-family:Arial,sans-serif;font-size:38px;font-weight:200;line-height:1}.ph-icon.leaf{position:relative;border:1.5px solid #eee;border-radius:100% 0 100% 0;transform:rotate(-35deg);width:30px;height:22px}.ph-icon.leaf:after{content:'';width:28px;border-top:1.5px solid #eee;transform:rotate(-12deg)}.ph-icon.people:before{content:'◯◯◯';font-size:16px;letter-spacing:-5px}.ph-icon.people:after{content:'';position:absolute}.ph-icon.people{font-size:0}.ph-icon.star{font-size:39px}.ph-icon.infinity{font-size:48px}.ph-icon.heart{font-size:40px}
.ph-impact{min-height:180px;display:grid;grid-template-columns:1.05fr 1.35fr .45fr;gap:38px;align-items:center;padding:24px 4vw;position:relative;overflow:hidden;background:#050606}.ph-impact:before{content:'';position:absolute;right:-6%;bottom:-50px;width:62%;height:190px;opacity:.6;background-image:radial-gradient(circle,#d7ddda 1.15px,transparent 1.5px);background-size:11px 11px;transform:skewY(-7deg);mask-image:linear-gradient(90deg,transparent,#000 28%,#000)}.ph-impact>*{position:relative;z-index:1}.ph-impact h2{font-family:var(--font-display),Arial,sans-serif;font-size:32px;font-weight:400;line-height:.88;letter-spacing:.025em;margin:5px 0 0}.ph-impact>div>i{display:block;width:50px;border-top:2px solid var(--green);margin-top:12px}.ph-impact p{font-size:12px;line-height:1.5;max-width:430px;color:#d1d4d2}.ph-impact aside{font-family:var(--font-display),Arial,sans-serif;font-size:10px;line-height:1.5;letter-spacing:.15em;color:#b4b8b6;border-bottom:2px solid var(--green);padding-bottom:10px;width:max-content}
@media(max-width:1100px){.ph-hero-copy{width:58%}.ph-pillars{grid-template-columns:repeat(2,1fr)}.ph-values{grid-template-columns:repeat(2,1fr)}.ph-value{border-bottom:1px solid #424846}.ph-impact{grid-template-columns:1fr 1fr}.ph-impact aside{display:none}}
@media(max-width:700px){.ph-hero{min-height:680px}.ph-hero-bg{background-position:62% center}.ph-hero-shade{background:linear-gradient(90deg,#050606 0%,rgba(5,6,6,.94) 58%,rgba(5,6,6,.35) 100%)}.ph-hero-copy{width:auto;padding:55px 24px}.ph-side{display:none}.ph-pillars{grid-template-columns:1fr}.ph-photo{height:220px}.ph-card-copy{padding:16px 24px 24px}.ph-belief{grid-template-columns:1fr;min-height:430px}.ph-belief-left,.ph-belief-right{padding:28px 24px;justify-self:auto}.ph-values{grid-template-columns:1fr;padding:10px 24px}.ph-value{border-right:0}.ph-impact{grid-template-columns:1fr;padding:34px 24px}.ph-impact h2{font-size:30px}}
/* ABOUT — approved structure, red accent, no signature */
.ab-page{background:#050606;color:#f2f2f2}.ab-page main{overflow:hidden}.ab-page span,.ab-page em,.ab-page .ab-copy>span{color:var(--green);font-family:var(--font-display);font-style:normal;letter-spacing:.18em}.ab-hero{min-height:485px;display:grid;grid-template-columns:39% 43% 18%;position:relative;border-bottom:1px solid #27302d;background:radial-gradient(circle at 70% 45%,#123147 0,transparent 28%),linear-gradient(90deg,#030404,#0a0d0e)}.ab-copy{padding:42px 2vw 38px 4vw;z-index:2}.ab-copy h1,.ab-story h2,.ab-timeline h2,.ab-awards h2,.ab-future h2{font-family:var(--font-display);font-weight:400;letter-spacing:.035em}.ab-copy h1{font-size:clamp(38px,4vw,59px);line-height:.92;margin:10px 0 12px}.ab-copy h3{font-family:var(--font-display);font-size:11px;letter-spacing:.22em;font-weight:400;color:#b9bfbc}.ab-copy>i,.ab-awards>div i,.ab-future i{display:block;width:52px;border-top:2px solid var(--green);margin:14px 0}.ab-copy p{font-size:13px;line-height:1.5;max-width:410px}.ab-copy a{color:#eee;text-decoration:none;font-family:var(--font-display);font-size:10px;letter-spacing:.1em;display:inline-block;margin-top:15px}.ab-portrait{background:url('assets/about-exact-hero.avif') center/cover no-repeat;filter:contrast(1.03);position:relative}.ab-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,6,.35),transparent 28%,rgba(5,6,6,.08))}.ab-hero aside{padding:58px 3vw 30px 1.5vw;font-family:var(--font-display);font-size:12px;line-height:1.45;letter-spacing:.08em}.ab-hero aside>i{display:block;height:85px;border-left:2px solid var(--green);border-bottom:2px solid var(--green);width:36px;margin:-74px 0 170px -16px}.ab-hero aside small{display:block;font-size:9px;line-height:1.45;border-bottom:2px solid var(--green);padding-bottom:12px}.ab-story{display:grid;grid-template-columns:31% 69%;min-height:285px;border-bottom:1px solid #27302d}.ab-story-copy{padding:18px 3vw 18px 4vw}.ab-story-copy h2{font-size:27px;line-height:.95;margin:8px 0 12px}.ab-story-copy p{font-size:11px;line-height:1.42;margin:0 0 8px}.ab-story-visuals{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.ab-story-visuals div{background:var(--p) center/cover no-repeat;min-height:285px;border-left:1px solid #66706c;transform:skewX(-6deg);margin-left:-18px}.ab-timeline{padding-top:10px}.ab-timeline>header{padding:0 4vw 10px;display:grid;grid-template-columns:1fr auto;align-items:end}.ab-timeline header span{grid-column:1}.ab-timeline h2{font-size:26px;margin:4px 0 0}.ab-timeline header small{grid-column:2;grid-row:1/3;font-family:var(--font-display);font-size:9px;letter-spacing:.08em}.ab-stations{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #69706e}.ab-stations article{padding:14px 2vw 180px 4vw;position:relative;border-right:1px solid #343a38;min-height:330px;background:linear-gradient(180deg,#060707 55%,#111 100%)}.ab-stations article:after{content:'';position:absolute;left:0;right:0;bottom:0;height:160px;background:var(--img,linear-gradient(#111,#050606)) center/cover no-repeat;opacity:.7}.ab-stations article:nth-child(1){--img:url('assets/about-exact-timeline1.avif')}.ab-stations article:nth-child(2){--img:url('assets/about-exact-timeline2.avif')}.ab-stations article:nth-child(3){--img:url('assets/about-exact-timeline3.avif')}.ab-stations article:nth-child(4){--img:url('assets/about-exact-timeline4.avif')}.ab-stations b{position:absolute;width:8px;height:8px;border-radius:50%;background:#eee;top:-5px;left:4vw}.ab-stations h3{font-family:var(--font-display);font-size:14px;font-weight:400;line-height:1.25;margin:0 0 4px}.ab-stations em{font-size:12px}.ab-stations p{font-size:11px;line-height:1.4;position:relative;z-index:2}.ab-awards{display:grid;grid-template-columns:27% 1fr 1fr;gap:18px;padding:18px 4vw;border-top:1px solid #27302d;border-bottom:1px solid #27302d}.ab-awards h2{font-size:24px;line-height:.95;margin:6px 0 12px}.ab-awards h4{font-family:var(--font-display);font-weight:400;font-size:11px;letter-spacing:.2em;color:#8f9692;margin:0}.ab-awards article{border:1px solid #303533;padding:12px 22px}.ab-awards strong{font-family:var(--font-display);font-size:28px;color:var(--green);font-weight:400}.ab-awards h3{font-family:var(--font-display);font-size:13px;font-weight:400;border-top:1px solid #666;padding-top:5px;margin:2px 0 5px}.ab-awards p{font-size:10px;line-height:1.35;margin:0}.ab-future{min-height:150px;display:grid;grid-template-columns:1fr 1.1fr .45fr;align-items:center;gap:34px;padding:20px 4vw;background:linear-gradient(90deg,rgba(5,6,6,.96),rgba(5,6,6,.65)),url('assets/about-exact-future.avif') center/cover no-repeat}.ab-future h2{font-size:27px;line-height:.95;margin:6px 0}.ab-future p{font-size:11px;line-height:1.45;max-width:390px}.ab-future aside{font-family:var(--font-display);font-size:9px;line-height:1.45;border-left:2px solid var(--green);border-bottom:2px solid var(--green);padding:0 0 12px 14px}
@media(max-width:900px){.ab-hero{grid-template-columns:1fr}.ab-copy{background:rgba(5,6,6,.85)}.ab-portrait{min-height:500px}.ab-hero aside{display:none}.ab-story{grid-template-columns:1fr}.ab-story-visuals{min-height:260px}.ab-stations{grid-template-columns:repeat(2,1fr)}.ab-awards{grid-template-columns:1fr}.ab-future{grid-template-columns:1fr}.ab-future aside{display:none}}@media(max-width:600px){.ab-story-visuals{grid-template-columns:repeat(2,1fr)}.ab-stations{grid-template-columns:1fr}.ab-timeline>header{display:block}.ab-timeline header small{display:block;margin-top:10px}}

.ab-page{--green:#ed1c24;}
/* ABOUT hero portrait correction: keep full head visible */
.ab-portrait{background-position:center top!important;background-size:cover!important;}

/* ABOUT V6: clean approved imagery, exact hero overlay */
.ab-hero{grid-template-columns:39% 61%;}
.ab-portrait{background-image:url('assets/about-hero-clean.avif')!important;background-position:center top!important;background-size:cover!important;grid-column:2;grid-row:1;}
.ab-hero aside{grid-column:2;grid-row:1;justify-self:end;align-self:stretch;z-index:3;width:23%;min-width:150px;background:transparent!important;padding:58px 2.5vw 30px 0;text-shadow:0 1px 12px rgba(0,0,0,.65);}
.ab-hero aside>i{margin:-74px 0 170px -16px;}
@media(max-width:900px){.ab-hero{grid-template-columns:1fr}.ab-portrait{grid-column:1;grid-row:2}.ab-hero aside{display:none}}

/* ABOUT V7 — HTML/CSS reconstruction of approved design */
.ab7-page{background:#030404;color:#f4f4f4}.ab7-page main{overflow:hidden}.ab7-page h1,.ab7-page h2,.ab7-page h3,.ab7-page .ab7-label,.ab7-page aside,.ab7-page a{font-family:var(--font-display),Arial,sans-serif}.ab7-label{color:#ed1c24;font-size:12px;letter-spacing:.22em}.ab7-line{display:block;width:52px;border-top:2px solid #ed1c24;margin:12px 0}.ab7-hero{height:430px;display:grid;grid-template-columns:38% 47% 15%;border-bottom:1px solid #522;position:relative;background:#030404}.ab7-copy{padding:38px 2vw 30px 4vw;z-index:2}.ab7-copy h1{font-size:clamp(38px,4.2vw,61px);line-height:.92;font-weight:400;letter-spacing:.025em;margin:8px 0 10px}.ab7-copy h3{font-size:11px;font-weight:400;letter-spacing:.22em;color:#c8ccca;margin:0}.ab7-copy p{font-size:12px;line-height:1.42;max-width:390px}.ab7-copy a{color:#eee;text-decoration:none;font-size:10px;letter-spacing:.08em;display:inline-flex;align-items:center;gap:12px;margin-top:12px}.ab7-copy a b{display:grid;place-items:center;width:40px;height:40px;border:1px solid #eee;border-radius:50%;font-size:11px}.ab7-hero-image{height:100%;display:flex;align-items:stretch;justify-content:center;overflow:hidden;background:#030404}.ab7-hero-image img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block}.ab7-side{padding:42px 2vw 24px 10px;display:flex;flex-direction:column;justify-content:space-between;background:transparent;z-index:3}.ab7-corner{font-size:12px;line-height:1.42;letter-spacing:.08em;border-left:3px solid #ed1c24;padding-left:15px}.ab7-role{font-size:11px;line-height:1.4;border-bottom:2px solid #ed1c24;padding-bottom:12px}.ab7-role small{font-size:8px;letter-spacing:.04em}.ab7-story{min-height:226px;display:grid;grid-template-columns:25% 68% 7%;border-bottom:1px solid #522}.ab7-story-copy{padding:14px 2vw 14px 4vw}.ab7-story-copy h2{font-size:25px;line-height:.92;font-weight:400;margin:5px 0 10px}.ab7-story-copy p{font-size:10.5px;line-height:1.37;margin:0 0 7px}.ab7-story-images{display:grid;grid-template-columns:repeat(4,1fr);gap:0;align-items:stretch;background:#050606}.ab7-story-images figure{margin:0;overflow:hidden;border-left:1px solid #69716e;display:flex;align-items:center;justify-content:center;background:#070808}.ab7-story-images img{width:100%;height:100%;object-fit:contain;display:block}.ab7-story-side{font-size:10px;line-height:1.45;letter-spacing:.06em;padding:65px 1vw 0 18px}.ab7-story-side i{display:block;width:38px;border-top:2px solid #ed1c24;margin-top:12px}.ab7-timeline>header{padding:10px 4vw 12px;display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #777}.ab7-timeline h2{font-size:24px;line-height:1;font-weight:400;margin:4px 0 0}.ab7-timeline header small{font-family:var(--font-display);font-size:8px;letter-spacing:.07em}.ab7-stations{display:grid;grid-template-columns:repeat(4,1fr)}.ab7-stations article{position:relative;min-height:285px;padding:13px 1.7vw 118px 4vw;border-right:1px solid #353b39;background:#050606}.ab7-stations article b{position:absolute;left:4vw;top:-5px;width:8px;height:8px;border-radius:50%;background:#eee}.ab7-stations h3{font-size:13px;line-height:1.18;font-weight:400;margin:0 0 2px}.ab7-stations small{display:block;font-size:7px;letter-spacing:.05em;color:#d3d6d4}.ab7-stations em{display:block;color:#ed1c24;font-style:normal;font-size:12px;margin:2px 0 6px}.ab7-stations p{font-size:9.5px;line-height:1.34;margin:0}.ab7-stations img{position:absolute;left:0;right:0;bottom:0;width:100%;height:110px;object-fit:contain;object-position:center bottom;background:#050606}.ab7-awards{display:grid;grid-template-columns:27% 1fr 1fr;gap:18px;padding:14px 4vw;border-top:1px solid #522;border-bottom:1px solid #522;background:#030404}.ab7-awards h2{font-size:23px;line-height:.95;font-weight:400;margin:5px 0 10px}.ab7-awards h4{font-size:10px;line-height:1.35;letter-spacing:.22em;color:#8f9692;font-weight:400;margin:0}.ab7-awards article{border:1px solid #303533;padding:10px 22px}.ab7-awards strong{font-family:var(--font-display);font-size:27px;color:#ed1c24;font-weight:400}.ab7-awards h3{font-size:12px;font-weight:400;border-top:1px solid #666;padding-top:4px;margin:1px 0 4px}.ab7-awards p{font-size:9px;line-height:1.3;margin:0}.ab7-future{height:150px;position:relative;display:grid;grid-template-columns:1fr 1fr .36fr;gap:28px;align-items:center;padding:16px 4vw;overflow:hidden}.ab7-future>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}.ab7-future:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,4,4,.93),rgba(3,4,4,.55) 45%,rgba(3,4,4,.28) 72%,rgba(3,4,4,.78));z-index:1}.ab7-future>*:not(img){position:relative;z-index:2}.ab7-future h2{font-size:25px;line-height:.92;font-weight:400;margin:4px 0}.ab7-future p{font-size:10px;line-height:1.4;max-width:360px}.ab7-future aside{font-size:9px;line-height:1.35;border-left:2px solid #ed1c24;border-bottom:2px solid #ed1c24;padding:0 0 10px 13px}.ab7-page .site-header nav a.active{color:#ed1c24;border-bottom-color:#ed1c24}
@media(max-width:1000px){.ab7-hero{height:auto;grid-template-columns:1fr}.ab7-copy{padding:35px 24px}.ab7-hero-image{height:420px}.ab7-side{display:none}.ab7-story{grid-template-columns:1fr}.ab7-story-images{min-height:230px}.ab7-story-side{display:none}.ab7-stations{grid-template-columns:repeat(2,1fr)}.ab7-awards{grid-template-columns:1fr}.ab7-future{grid-template-columns:1fr;height:210px}.ab7-future aside{display:none}}@media(max-width:640px){.ab7-story-images{grid-template-columns:repeat(2,1fr)}.ab7-stations{grid-template-columns:1fr}.ab7-timeline>header{display:block}.ab7-timeline header small{display:block;margin-top:8px}}

/* ABOUT V8: transparent hero typography + clean photo tiles */
.ab7-hero{grid-template-columns:38% 62%;}
.ab7-hero-image{grid-column:2;grid-row:1;position:relative;overflow:hidden;}
.ab7-side{grid-column:2;grid-row:1;position:relative;justify-self:stretch;align-self:stretch;pointer-events:none;background:none!important;padding:34px 3vw 24px 0;}
.ab7-corner{position:absolute;right:3vw;top:34px;background:none!important;border:0!important;padding:0 0 12px 18px;text-shadow:0 2px 12px #000;}
.ab7-corner:before{content:'';position:absolute;left:0;top:0;width:18px;height:100%;border-left:3px solid #ed1c24;border-bottom:3px solid #ed1c24;}
.ab7-role{position:absolute;right:3vw;bottom:28px;background:none!important;border:0!important;padding:0 0 12px 0;text-shadow:0 2px 12px #000;}
.ab7-role:after{content:'';position:absolute;left:0;bottom:0;width:52px;border-bottom:2px solid #ed1c24;}
.ab7-story-images figure{border:0!important;background:#050606!important;padding:0 2px;}
.ab7-story-images img{width:100%;height:100%;object-fit:contain!important;object-position:center!important;background:#050606;}

/* ABOUT V10: clean station images restored from clean motif assets */
.ab7-stations article{padding-bottom:145px;overflow:hidden;}
.ab7-stations img{height:135px;object-fit:contain;object-position:center bottom;background:#050606;z-index:0;}
.ab7-stations article:after{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;background:linear-gradient(180deg,#050606 0%,rgba(5,6,6,.12) 38%,rgba(5,6,6,0) 100%);pointer-events:none;z-index:1;}
.ab7-stations article>h3,.ab7-stations article>small,.ab7-stations article>em,.ab7-stations article>p,.ab7-stations article>b{position:relative;z-index:2;}
/* ABOUT v12: clean-source image implementation. No screenshot text/lines are used as layout. */
.ab7-hero-image img{object-fit:contain!important;object-position:center bottom!important;}
.ab7-side{background:transparent!important;border:0!important;box-shadow:none!important;}
.ab7-corner,.ab7-role{background:transparent!important;box-shadow:none!important;}
.ab7-story-images{gap:0!important;background:#030404!important;}
.ab7-story-images figure{position:relative;border:0!important;background:#030404!important;padding:0!important;overflow:hidden!important;}
.ab7-story-images figure:not(:first-child){margin-left:-1px;}
.ab7-story-images img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:#030404!important;}
.ab7-story-images figure:nth-child(1){clip-path:polygon(0 0,100% 0,92% 100%,0 100%);}
.ab7-story-images figure:nth-child(2){clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);}
.ab7-story-images figure:nth-child(3){clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);}
.ab7-story-images figure:nth-child(4){clip-path:polygon(8% 0,100% 0,100% 100%,0 100%);}
.ab7-stations img{object-fit:contain!important;object-position:center bottom!important;background:#050606!important;padding:0!important;}
.ab7-stations article:after{display:none!important;}
/* V13: MEINE GESCHICHTE - angled image strip exactly like approved concept */
.ab7-story-images{
  display:flex!important;
  align-items:stretch!important;
  overflow:hidden!important;
  background:#030404!important;
  min-width:0;
}
.ab7-story-images figure{
  position:relative!important;
  flex:1 1 25%!important;
  margin:0!important;
  border:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#030404!important;
}
.ab7-story-images figure + figure{ margin-left:-5.5%!important; }
.ab7-story-images figure:nth-child(1){
  z-index:4;
  clip-path:polygon(0 0,100% 0,88% 100%,0 100%)!important;
}
.ab7-story-images figure:nth-child(2){
  z-index:3;
  clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)!important;
}
.ab7-story-images figure:nth-child(3){
  z-index:2;
  clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)!important;
}
.ab7-story-images figure:nth-child(4){
  z-index:1;
  clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)!important;
}
.ab7-story-images img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
  background:transparent!important;
}
@media(max-width:640px){
  .ab7-story-images{display:grid!important;grid-template-columns:repeat(2,1fr)!important;overflow:visible!important;}
  .ab7-story-images figure,.ab7-story-images figure + figure{margin:0!important;clip-path:none!important;}
}
/* V14: clean angled story strip with intentional thin separators only */
.ab7-story-images figure{overflow:hidden!important;}
.ab7-story-images figure::after{
  content:"";
  position:absolute;
  top:-4%;
  right:5.8%;
  width:1px;
  height:108%;
  background:rgba(255,255,255,.78);
  transform:skewX(-8deg);
  transform-origin:center;
  z-index:10;
  pointer-events:none;
}
.ab7-story-images figure:nth-child(4)::after{display:none;}
/* V15: precision fix for approved ABOUT layout */
/* Story separators follow the exact clip-path edge; no embedded line remains in the source images. */
.ab7-story-images figure::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  background:rgba(255,255,255,.82)!important;
  transform:none!important;
  clip-path:polygon(99.55% 0,100% 0,88.45% 100%,88% 100%)!important;
  z-index:10!important;
  pointer-events:none!important;
}
.ab7-story-images figure:nth-child(4)::after{display:none!important;}
/* Station copy is real live HTML text and is rendered with a crisp web-safe sans-serif. */
.ab7-stations h3,.ab7-stations small,.ab7-stations em,.ab7-stations p{
  font-family:Arial,Helvetica,sans-serif!important;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
  font-smoothing:antialiased;
}
.ab7-stations h3{font-size:14px!important;line-height:1.16!important;font-weight:400!important;}
.ab7-stations small{font-size:8px!important;line-height:1.25!important;}
.ab7-stations em{font-size:12px!important;line-height:1.2!important;}
.ab7-stations p{font-size:10px!important;line-height:1.35!important;}
/* Clean station images: no borders/strips from source mockups, no clipping at the edges. */
.ab7-stations img{
  left:3px!important;
  right:3px!important;
  bottom:3px!important;
  width:calc(100% - 6px)!important;
  height:132px!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  background:#050606!important;
  border:0!important;
  outline:0!important;
}
/* WORKSHOPS — approved reference, NW red adaptation */
.workshops-ref-page{background:#050505;color:#eee}.workshops-ref-page .site-header nav a.active{color:#ed1c24;border-bottom-color:#ed1c24}.wr-hero{height:520px;position:relative;overflow:hidden;border-bottom:1px solid #292929}.wr-hero-image{position:absolute;inset:0 0 0 31%;background:url('assets/workshops-hero-approved.avif') center/cover no-repeat;filter:saturate(.72) contrast(1.08)}.wr-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.98) 29%,rgba(5,5,5,.62) 47%,rgba(5,5,5,.12) 78%,rgba(5,5,5,.35))}.wr-copy{position:absolute;left:4.5%;top:42px;width:31%;z-index:2}.wr-copy>span,.wr-areas>span,.wr-practice-copy>span,.wr-cta span{color:#ed1c24;letter-spacing:.18em;font-size:14px}.wr-copy h1{font:400 clamp(42px,4.1vw,63px)/.95 Arial,sans-serif;letter-spacing:-.03em;margin:10px 0 8px}.wr-copy h3{font:400 14px/1.2 Arial,sans-serif;letter-spacing:.18em;color:#aaa;margin:0}.wr-copy i,.wr-grid i{display:block;width:44px;border-top:2px solid #ed1c24;margin:18px 0}.wr-copy p{font:14px/1.45 Arial,sans-serif;max-width:370px}.wr-copy a{display:inline-block;margin-top:10px;color:#eee;text-decoration:none;font:12px Arial}.wr-side{position:absolute;right:4.5%;z-index:2;border-left:2px solid #ed1c24;padding-left:14px;font:13px/1.35 Arial;color:#ddd}.wr-side.top{top:54px}.wr-side.bottom{bottom:45px;color:#aaa}.wr-areas{padding:16px 2.5% 18px;border-bottom:1px solid #292929}.wr-areas h2{font:400 27px Arial;margin:5px 0 16px}.wr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.wr-grid article{border:1px solid #333;background:#080808;min-height:290px}.wr-grid img{width:100%;height:130px;object-fit:cover;display:block}.wr-grid article>div{padding:12px 16px 14px}.wr-grid h3{font:400 15px Arial;margin:0}.wr-grid i{margin:7px 0 10px;width:34px}.wr-grid p{font:12px/1.38 Arial;color:#d0d0d0;min-height:82px;margin:0 0 10px}.wr-grid small{font:10px Arial;color:#aaa}.wr-practice{display:grid;grid-template-columns:31% 58% 11%;min-height:280px;border-bottom:1px solid #292929}.wr-practice-copy{padding:20px 4.5%}.wr-practice-copy h2{font:400 34px Arial;margin:4px 0 12px}.wr-practice-copy>p{font:13px/1.45 Arial;color:#ddd}.wr-practice-image{background:url('assets/workshop-practice.avif') center/cover no-repeat}.wr-practice>aside{align-self:center;border-left:2px solid #ed1c24;padding-left:14px;font:12px/1.45 Arial;color:#aaa}.wr-stats{display:flex;gap:22px;margin-top:22px}.wr-stats b{color:#ed1c24;font:400 24px Arial;padding-right:18px;border-right:1px solid #555}.wr-stats b:last-child{border:0}.wr-stats small{display:block;color:#ddd;font:10px/1.25 Arial;margin-top:2px}.wr-cta{display:grid;grid-template-columns:38% 37% 25%;align-items:center;padding:24px 4.5%;border-bottom:1px solid #292929}.wr-cta h2{font:400 38px Arial;margin:2px 0}.wr-cta div p{color:#999;margin:0;letter-spacing:.08em}.wr-cta>p{font:12px/1.45 Arial;padding-right:35px}.wr-cta>a{border-left:1px solid #666;padding-left:24px;color:#eee;text-decoration:none;font:12px Arial}.wr-cta>a small{font-size:9px}@media(max-width:900px){.wr-hero{height:620px}.wr-hero-image{inset:0}.wr-shade{background:rgba(5,5,5,.7)}.wr-copy{width:75%;left:6%}.wr-side{display:none}.wr-grid{grid-template-columns:1fr 1fr}.wr-practice{grid-template-columns:1fr}.wr-practice-image{height:260px}.wr-practice>aside{display:none}.wr-cta{grid-template-columns:1fr;gap:18px}}@media(max-width:600px){.wr-grid{grid-template-columns:1fr}.wr-copy{width:88%}.wr-copy h1{font-size:42px}}

/* V22c: keep the HOME header WORKSHOPS link above adjacent header elements */
.site-header nav{position:relative;z-index:40}.site-header nav a{pointer-events:auto}.site-header .workshops-nav-link{position:relative;z-index:60}

/* KONTAKT — fixed approved layout, NW red adaptation */
.contact-page{background:#050505;color:#f3f3f3}.ct-main{min-height:100vh;background:#050505}.ct-hero{position:relative;min-height:760px;margin-top:64px;overflow:hidden;border-bottom:1px solid #242424}.ct-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.97) 0%,rgba(0,0,0,.72) 29%,rgba(0,0,0,.12) 48%,rgba(0,0,0,.2) 70%,rgba(0,0,0,.94) 100%),url('assets/contact-hero-symbol-clean.avif') center/cover no-repeat;filter:saturate(.72) contrast(1.06)}.ct-left{position:relative;z-index:2;width:430px;padding:68px 0 45px 62px}.ct-kicker{font-size:22px;letter-spacing:.18em;color:#ed1c24}.ct-left h1{font-size:50px;line-height:.92;font-weight:400;letter-spacing:.02em;margin:15px 0 12px}.ct-left h3{font-size:20px;letter-spacing:.22em;font-weight:400;color:#aaa;margin:0 0 18px}.ct-line{display:block;width:70px;height:3px;background:#ed1c24;margin:0 0 17px}.ct-intro{font-size:17px;line-height:1.45;color:#ddd;margin:0 0 22px}.ct-details>div{display:flex;align-items:center;margin:15px 0}.ct-details b{display:grid;place-items:center;width:54px;height:54px;border:1px solid #eee;border-radius:50%;font-size:23px;font-weight:400;margin-right:24px}.ct-details p{font-size:16px;line-height:1.45;margin:0}.ct-details span{color:#ed1c24;font-size:15px}.ct-motto{margin-top:20px;padding-top:14px;border-top:1px solid #777;letter-spacing:.2em;color:#999;font-size:16px}.ct-form{position:absolute;z-index:3;right:42px;top:135px;width:330px;padding:30px 26px 26px;background:rgba(4,4,4,.94);border:1px solid #555}.ct-form label{display:block;font-size:15px;margin-bottom:21px}.ct-form em{font-style:normal;color:#ed1c24}.ct-form input,.ct-form textarea{box-sizing:border-box;width:100%;margin-top:8px;background:#111;border:1px solid #444;color:#eee;padding:13px 12px;font:inherit}.ct-form textarea{height:138px;resize:vertical}.ct-form button{width:100%;border:0;background:#ed1c24;color:#fff;padding:15px 10px;font:inherit;font-weight:600;cursor:pointer}.ct-footer{text-align:center;padding:28px 20px 34px;color:#888;letter-spacing:.18em}.ct-footer div{font-size:16px}.ct-footer i{display:inline-block;width:25px;height:1px;background:#777;margin:0 25px 5px}.ct-footer p{font-size:14px;margin:17px 0}.ct-footer span{display:block;width:54px;height:2px;background:#ed1c24;margin:auto}@media(max-width:1050px){.ct-form{right:25px;width:300px}.ct-left{padding-left:35px}.ct-left h1{font-size:44px}}@media(max-width:800px){.ct-hero{padding-bottom:30px}.ct-left{width:auto;padding:50px 25px 20px}.ct-form{position:relative;top:auto;right:auto;width:auto;margin:0 25px 30px}.ct-left h1{font-size:40px}.ct-bg{background-position:center}.ct-footer i{margin:0 8px}}

/* Approved IMPACT background */
.ph-impact{background:#050606 url('assets/impact-background.avif') center center/cover no-repeat}
.ph-impact:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,6,.86) 0%,rgba(5,6,6,.68) 48%,rgba(5,6,6,.72) 100%);pointer-events:none}
.ph-impact>*{position:relative;z-index:2}
.ph-impact:before{z-index:1;opacity:.18}

/* Approved OUR IMPACT background - LIGHT page */
.light-impact{position:relative;overflow:hidden;background:#060606 url('assets/impact-background.avif') center center/cover no-repeat}
.light-impact:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,6,6,.84) 0%,rgba(6,6,6,.62) 52%,rgba(6,6,6,.72) 100%);pointer-events:none}
.light-impact>*{position:relative;z-index:1}

/* V24g home refinements */
@media (min-width:1101px){
  .selected .section-head h2{white-space:nowrap;}
  .selected .project-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;}
  .selected .project-grid img{aspect-ratio:1.55;object-fit:cover;}
  .selected .project-grid h3{font-size:12px;margin:9px 0 4px;}
  .selected .project-grid p{font-size:8.5px;line-height:1.35;}
}
.selected{padding-top:58px;padding-bottom:58px;}

/* Bottom home cards: cleaner, no photographic backgrounds */
.cards{gap:1px;background:#181d1b;}
.cards article.card-photo{
  min-height:265px;
  padding:34px 36px;
  background:
    radial-gradient(circle at 88% 18%,rgba(237,28,36,.08),transparent 30%),
    linear-gradient(145deg,#0b0e0d 0%,#050606 72%) !important;
  border-top:1px solid #202523;
}
.cards article.card-photo:before{
  background:linear-gradient(90deg,rgba(3,4,4,.12),rgba(3,4,4,0));
}
.cards article.card-photo:after{
  content:'';position:absolute;right:32px;top:34px;width:72px;height:72px;
  border-top:1px solid rgba(237,28,36,.45);border-right:1px solid rgba(237,28,36,.45);
  opacity:.7;
}
.cards article.card-photo h3{font-size:24px;margin-top:14px;}
.cards article.card-photo p{font-size:13px;max-width:330px;}
.cards article.card-photo a{bottom:28px;}
.philosophy-photo,.about-photo,.workshops-photo{background-image:none!important;}

/* V24n MEDIA: graphic project presentation without project photography */
.media-project-grid-graphic article{position:relative;background:linear-gradient(145deg,#0b0b0b 0%,#050505 76%);}
.media-project-symbol{height:270px;display:flex;align-items:center;justify-content:center;gap:18px;background:radial-gradient(circle at 50% 50%,rgba(237,28,36,.10),transparent 38%),linear-gradient(135deg,#111,#050505);position:relative;overflow:hidden;}
.media-project-symbol:after{content:'';position:absolute;right:24px;top:24px;width:64px;height:64px;border-top:1px solid rgba(237,28,36,.42);border-right:1px solid rgba(237,28,36,.42);}
.media-project-symbol strong{font-family:var(--font-display);font-size:72px;font-weight:300;letter-spacing:-.04em;color:#e8e8e8;}
.media-project-symbol span{border-left:2px solid var(--green);padding-left:15px;font-size:11px;letter-spacing:.16em;line-height:1.5;color:#c9cdcb;}
@media(max-width:700px){.media-project-symbol{height:auto;aspect-ratio:16/10;}}

/* V25 — subtle motion & interaction layer */
html{scroll-behavior:smooth}
body{overflow-x:hidden}
.site-header{transition:background-color .35s ease,border-color .35s ease,box-shadow .35s ease}
.site-header.v25-scrolled{background:rgba(5,6,6,.94);box-shadow:0 8px 30px rgba(0,0,0,.24)}
nav a{transition:color .22s ease,border-color .22s ease,opacity .22s ease}
a{transition:color .22s ease,opacity .22s ease}

/* Reveals are enabled by JS so the site remains fully visible without JS. */
.v25-motion .v25-reveal{opacity:0;transform:translateY(24px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1);transition-delay:var(--v25-delay,0ms)}
.v25-motion .v25-reveal.v25-in{opacity:1;transform:none}
.v25-motion .v25-reveal-left{opacity:0;transform:translateX(-26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.v25-motion .v25-reveal-left.v25-in{opacity:1;transform:none}

/* Refined card/image hover, intentionally restrained. */
.project-grid article,.media-project-grid article,.wr-grid article,.cards article,.space-project-grid article{transition:transform .35s ease,border-color .35s ease,background-color .35s ease}
.project-grid article:hover,.media-project-grid article:hover,.wr-grid article:hover,.cards article:hover,.space-project-grid article:hover{transform:translateY(-4px);border-color:#383838}
.project-grid article img,.wr-grid article img,.selected img{transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .45s ease}
.project-grid article:hover img,.wr-grid article:hover img,.selected article:hover img{transform:scale(1.025)}

/* Hero depth: only elements that already use a background image are shifted. */
.v25-parallax{will-change:background-position}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation:none!important;transition:none!important}
  .v25-motion .v25-reveal,.v25-motion .v25-reveal-left{opacity:1!important;transform:none!important}
}

/* V25 Motion 02 — calmer image motion + cinematic page transitions */
.v25-ready body{opacity:0;transform:translateY(7px);filter:brightness(.88);transition:opacity .72s cubic-bezier(.22,.61,.36,1),transform .72s cubic-bezier(.22,.61,.36,1),filter .72s ease}
.v25-ready body.v25-page-in{opacity:1;transform:none;filter:none}
.v25-ready body.v25-page-out{opacity:0;transform:translateY(-5px);filter:brightness(.72);pointer-events:none;transition-duration:.48s}

/* Override Motion 01: no nervous card lift; only slow image breathing. */
.project-grid article,.media-project-grid article,.wr-grid article,.cards article,.space-project-grid article{transform:none!important;transition:border-color .75s ease,background-color .75s ease}
.project-grid article:hover,.media-project-grid article:hover,.wr-grid article:hover,.cards article:hover,.space-project-grid article:hover{transform:none!important;border-color:#383838}
.project-grid article img,.wr-grid article img,.selected img,.space-project-grid article img,.media-project-grid article img{transform:scale(1);transition:transform .9s cubic-bezier(.22,.61,.36,1),filter .75s ease;will-change:transform}
.project-grid article:hover img,.wr-grid article:hover img,.selected article:hover img,.space-project-grid article:hover img,.media-project-grid article:hover img{transform:scale(1.022)}

/* Slower, shorter reveals. Parallax removed to keep imagery stable. */
.v25-motion .v25-reveal{opacity:0;transform:translateY(12px);transition:opacity 1s cubic-bezier(.22,.61,.36,1),transform 1s cubic-bezier(.22,.61,.36,1);transition-delay:var(--v25-delay,0ms)}
.v25-motion .v25-reveal.v25-in{opacity:1;transform:none}
.v25-parallax{will-change:auto!important;background-position:center!important}

/* V25 Motion 03: calm SELECTED WORK hover - opacity instead of movement */
.selected .project-grid article{
  overflow:hidden;
}
.selected .project-grid article img{
  transform:none!important;
  opacity:.55;
  filter:saturate(.72) contrast(1.04) brightness(.84);
  transition:opacity .75s cubic-bezier(.22,.61,.36,1),filter .75s cubic-bezier(.22,.61,.36,1)!important;
  will-change:opacity,filter;
}
.selected .project-grid article:hover img{
  transform:none!important;
  opacity:1;
  filter:saturate(.95) contrast(1.06) brightness(1);
}
@media (prefers-reduced-motion: reduce){
  .selected .project-grid article img{transition:none!important;}
}


/* ============================================================
   V25 Motion 06 — universal page fade.
   Same effect on every internal page: fade to black, load, fade in.
   Opacity-only = predictable across browsers and hardware.
   ============================================================ */
html{background:#050606}
html.v25-transition-init body{opacity:1!important}
html body{
  transition:none!important;
}
html.v25-transition-in body{opacity:1!important}
html.v25-transition-exit body{
  opacity:0!important;
  transition:opacity .12s linear!important;
  pointer-events:none!important;
}
/* Keep all motion transforms/filters out of page navigation. */
html.v25-transition-init body,
html.v25-transition-in body,
html.v25-transition-exit body{
  transform:none!important;
  filter:none!important;
}
@media(prefers-reduced-motion:reduce){
  html.v25-transition-init body,html.v25-transition-in body,html.v25-transition-exit body{opacity:1!important;transition:none!important}
}

/* V25 Motion 07: LIGHT project imagery uses the same calm opacity hover as HOME Selected Work */
.light-project-grid article{
  overflow:hidden;
}
.light-project-grid article img{
  transform:none!important;
  opacity:.55;
  filter:saturate(.72) contrast(1.04) brightness(.84);
  transition:opacity .75s cubic-bezier(.22,.61,.36,1),filter .75s cubic-bezier(.22,.61,.36,1)!important;
  will-change:opacity,filter;
}
.light-project-grid article:hover img{
  transform:none!important;
  opacity:1;
  filter:saturate(.95) contrast(1.06) brightness(1);
}
@media (prefers-reduced-motion: reduce){
  .light-project-grid article img{transition:none!important;}
}

/* V25 Motion 08: MEDIA project cards — calm screen activation, no movement */
.media-project-grid-graphic article{position:relative;overflow:hidden;}
.media-project-grid-graphic article::after{
  content:'';position:absolute;left:0;right:0;top:-2px;height:2px;z-index:5;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),rgba(237,28,36,.85),transparent);
  opacity:0;transform:translateY(0);
}
.media-project-grid-graphic .media-project-symbol,
.media-project-grid-graphic .talent-visual{
  opacity:.62;filter:saturate(.72) contrast(1.03) brightness(.82)!important;
  transition:opacity .75s cubic-bezier(.22,.61,.36,1),filter .75s cubic-bezier(.22,.61,.36,1)!important;
}
.media-project-grid-graphic article:hover .media-project-symbol,
.media-project-grid-graphic article:hover .talent-visual{
  opacity:1;filter:saturate(.98) contrast(1.08) brightness(1.04)!important;
}
.media-project-grid-graphic article:hover::after{animation:v25MediaScan .9s cubic-bezier(.22,.61,.36,1) 1;}
.media-project-grid-graphic .media-project-symbol strong,
.media-project-grid-graphic .talent-visual strong{
  transition:text-shadow .75s ease,opacity .75s ease;
}
.media-project-grid-graphic article:hover .media-project-symbol strong,
.media-project-grid-graphic article:hover .talent-visual strong{
  text-shadow:0 0 18px rgba(255,255,255,.10),0 0 28px rgba(237,28,36,.12);
}
@keyframes v25MediaScan{
  0%{opacity:0;top:0}
  15%{opacity:.8}
  85%{opacity:.5}
  100%{opacity:0;top:270px}
}
@media(max-width:700px){@keyframes v25MediaScan{0%{opacity:0;top:0}15%{opacity:.8}85%{opacity:.5}100%{opacity:0;top:42vw}}}
@media(prefers-reduced-motion:reduce){
  .media-project-grid-graphic article::after{display:none!important}
  .media-project-grid-graphic .media-project-symbol,.media-project-grid-graphic .talent-visual{opacity:1!important;filter:none!important;transition:none!important}
}

/* V25 Motion 09: SPACE project imagery uses the same calm opacity hover as LIGHT */
.space-project-grid article{
  overflow:hidden;
}
.space-project-grid article img{
  transform:none!important;
  opacity:.55;
  filter:saturate(.72) contrast(1.04) brightness(.84);
  transition:opacity .75s cubic-bezier(.22,.61,.36,1),filter .75s cubic-bezier(.22,.61,.36,1)!important;
  will-change:opacity,filter;
}
.space-project-grid article:hover img{
  transform:none!important;
  opacity:1;
  filter:saturate(.95) contrast(1.06) brightness(1);
}
@media (prefers-reduced-motion: reduce){
  .space-project-grid article img{transition:none!important;}
}

/* V25 Project Reference: Wenn die Musi spielt */
.case-hero{height:650px;position:relative;display:flex;align-items:center;overflow:hidden;background:#050606}.case-hero-image{position:absolute;inset:0 0 0 34%;background:url('assets/musi-hero-totale.avif') center/cover no-repeat;filter:saturate(.88) contrast(1.08)}.case-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050606 0%,rgba(5,6,6,.97) 27%,rgba(5,6,6,.55) 49%,rgba(5,6,6,.08) 78%)}.case-hero-copy{position:relative;z-index:2;width:min(650px,58vw);padding-left:4vw}.case-hero-copy>span,.case-overview span,.case-dna header span,.case-image-break span,.case-process span,.case-next>span{color:var(--green);font-size:11px;letter-spacing:.23em}.case-hero h1{font-size:clamp(58px,7vw,104px);font-weight:400;line-height:.86;letter-spacing:-.05em;margin:16px 0 28px}.case-hero p{max-width:500px;color:#d3d6d4;font-size:16px;line-height:1.6}.case-hero aside{position:absolute;right:3vw;bottom:62px;z-index:2;border-left:2px solid var(--green);padding-left:15px;color:#aeb4b1;font-size:11px;line-height:1.7;letter-spacing:.18em}.case-overview{display:grid;grid-template-columns:1fr 1.15fr .8fr;gap:55px;padding:80px 4vw;border-bottom:1px solid var(--line);align-items:start}.case-overview h2,.case-dna h2,.case-image-break h2,.case-process h2,.case-next h2{font-weight:400;letter-spacing:-.025em}.case-overview h2{font-size:46px;line-height:.95;margin:12px 0}.case-overview>p{color:#b9bfbc;line-height:1.7;margin:24px 0 0;max-width:590px}.case-facts{border-left:1px solid #353a38;padding-left:24px;display:grid;gap:10px}.case-facts small{color:var(--green);font-size:9px;letter-spacing:.18em;margin-top:10px}.case-facts strong{font-size:12px;line-height:1.7;letter-spacing:.08em;font-weight:400}.case-dna{padding:75px 4vw;background:#070808}.case-dna header{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.case-dna h2{font-size:38px;margin:0}.case-dna-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #292d2b;border-bottom:1px solid #292d2b}.case-dna-grid article{min-height:235px;padding:28px 26px;border-right:1px solid #292d2b}.case-dna-grid article:last-child{border-right:0}.case-dna-grid b{font-size:34px;font-weight:300;color:var(--green)}.case-dna-grid h3{font-size:18px;font-weight:400;margin:24px 0 10px}.case-dna-grid p{color:#969d99;font-size:12px;line-height:1.55}.case-image-break{min-height:500px;display:grid;grid-template-columns:62% 38%;background:#050606;border-bottom:1px solid var(--line)}.case-image-break img{width:100%;height:500px;object-fit:cover;filter:saturate(.82) contrast(1.08)}.case-image-break>div{padding:75px 4vw;align-self:center}.case-image-break h2{font-size:44px;line-height:.95;margin:13px 0 22px}.case-image-break p{color:#aeb5b1;line-height:1.65;max-width:420px}.case-process{min-height:430px;display:grid;grid-template-columns:35% 1fr 14%;align-items:center;border-bottom:1px solid var(--line);padding:55px 4vw;gap:35px}.case-process-copy h2{font-size:46px;line-height:.92;margin:12px 0 22px}.case-process-copy p{color:#aeb5b1;line-height:1.65;max-width:430px}.case-wire{height:300px;position:relative;overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0 29px,#1c2220 30px),repeating-linear-gradient(90deg,transparent 0 39px,#1c2220 40px);transform:perspective(850px) rotateX(56deg);transform-origin:center}.case-stage{position:absolute;left:22%;top:22%;width:58%;height:55%;border:1px solid var(--green);box-shadow:inset 0 0 40px rgba(237,28,36,.06)}.case-wire i{position:absolute;border:1px solid #5d6662;border-radius:50%;width:150px;height:75px;left:15%;top:38%}.case-wire i:nth-of-type(2){left:42%;top:15%;width:110px}.case-wire i:nth-of-type(3){left:63%;top:48%;width:130px}.case-wire strong{position:absolute;right:18px;bottom:14px;font-size:10px;letter-spacing:.18em;color:#aab0ad}.case-process>aside{border-left:2px solid var(--green);padding-left:15px;color:#8f9793;font-size:11px;line-height:1.8;letter-spacing:.18em}.case-next{padding:80px 4vw;text-align:center}.case-next h2{font-size:clamp(38px,5vw,66px);line-height:.94;margin:16px auto 30px}.case-next a{display:inline-block;border:1px solid var(--green);padding:17px 25px;color:#eee;text-decoration:none;font-size:10px;letter-spacing:.14em}
@media(max-width:900px){.case-hero-image{inset:0}.case-hero-shade{background:rgba(5,6,6,.68)}.case-hero-copy{width:82%;padding-left:6vw}.case-hero aside{display:none}.case-overview{grid-template-columns:1fr}.case-dna header{display:block}.case-dna h2{margin-top:10px}.case-dna-grid{grid-template-columns:1fr 1fr}.case-dna-grid article:nth-child(2){border-right:0}.case-image-break{grid-template-columns:1fr}.case-image-break img{height:390px}.case-process{grid-template-columns:1fr}.case-process>aside{display:none}}
@media(max-width:600px){.case-hero{height:620px}.case-hero-copy{width:90%}.case-hero h1{font-size:52px}.case-overview,.case-dna,.case-process,.case-next{padding-left:24px;padding-right:24px}.case-dna-grid{grid-template-columns:1fr}.case-dna-grid article{border-right:0;border-bottom:1px solid #292d2b}.case-image-break img{height:300px}.case-image-break>div{padding:50px 24px}.case-wire{height:230px}}


/* Project reference refinement: DNA becomes the story */
.case-dna-story{padding-bottom:52px}
.case-dna-story header{display:block;margin-bottom:28px}
.case-dna-line{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid #292d2b;border-bottom:1px solid #292d2b}
.case-dna-line article{position:relative;min-height:220px;padding:24px 18px 28px;border-right:1px solid #292d2b;transition:background .55s cubic-bezier(.22,.61,.36,1)}
.case-dna-line article:last-child{border-right:0}
.case-dna-line article:not(:last-child)::after{content:'→';position:absolute;right:-8px;top:31px;z-index:2;background:#070808;padding:0 2px;color:var(--green);font-size:12px}
.case-dna-line b{font-size:25px;font-weight:300;color:var(--green)}
.case-dna-line h3{font-size:13px;font-weight:400;letter-spacing:.08em;margin:23px 0 11px}
.case-dna-line p{margin:0;color:#777f7b;font-size:11px;line-height:1.55;opacity:.42;transition:opacity .55s ease,color .55s ease}
.case-dna-line article:hover{background:#0a0c0b}
.case-dna-line article:hover p{opacity:1;color:#b6bcb9}
.case-project-end{padding:38px 4vw 68px;text-align:center;background:#070808}
.case-project-end a{display:inline-block;border:1px solid var(--green);padding:15px 23px;color:#eee;text-decoration:none;font-size:10px;letter-spacing:.14em}
@media(max-width:1100px){.case-dna-line{grid-template-columns:repeat(4,1fr)}.case-dna-line article{border-bottom:1px solid #292d2b}.case-dna-line article:nth-child(4){border-right:0}.case-dna-line article:nth-child(4)::after{display:none}}
@media(max-width:700px){.case-dna-line{grid-template-columns:1fr}.case-dna-line article{min-height:auto;border-right:0;padding:20px 18px}.case-dna-line article::after{display:none!important}.case-dna-line p{opacity:1}.case-project-end{padding-left:24px;padding-right:24px}}

/* V25 Hollywood in Vienna project */
.hollywood-project .case-hero-image{background-image:url('assets/hollywood-hero-final.avif')}
.hollywood-project .case-dna-line{grid-template-columns:repeat(8,1fr)}
@media(max-width:1100px){.hollywood-project .case-dna-line{grid-template-columns:repeat(4,1fr)}.hollywood-project .case-dna-line article:nth-child(4),.hollywood-project .case-dna-line article:nth-child(8){border-right:0}.hollywood-project .case-dna-line article:nth-child(4)::after,.hollywood-project .case-dna-line article:nth-child(8)::after{display:none}}
@media(max-width:700px){.hollywood-project .case-dna-line{grid-template-columns:1fr}}

/* UNIVERSUM – DIE SHOW project */
.universum-project .case-hero-image{background-image:url('assets/universum-hero-final.avif')}
.universum-project .case-dna-line{grid-template-columns:repeat(5,1fr)}
@media(max-width:1100px){.universum-project .case-dna-line{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.universum-project .case-dna-line{grid-template-columns:1fr}}

/* V25 — ALL PROJECTS */
.work-index{padding:92px 3vw 76px;min-height:100vh}.work-index-head{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:end;padding:42px 0 48px;border-bottom:1px solid var(--line)}.work-index-head span{color:var(--green);font-size:12px;letter-spacing:.24em}.work-index-head h1{font-size:clamp(48px,6vw,88px);font-weight:400;line-height:.9;letter-spacing:-.04em;margin:14px 0 0}.work-index-head p{color:#b9bfbc;line-height:1.65;max-width:520px;margin:0}.work-filters{display:flex;gap:9px;flex-wrap:wrap;padding:28px 0 34px}.work-filter{border:1px solid #343837;background:transparent;color:#bfc4c1;padding:10px 15px;font:inherit;font-size:10px;letter-spacing:.13em;cursor:pointer}.work-filter:hover,.work-filter.active{border-color:var(--green);color:#fff}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 16px}.work-card{border-top:1px solid #2b302e;padding-top:12px}.work-card[hidden]{display:none}.work-card a{color:inherit;text-decoration:none;display:block}.work-card-media{aspect-ratio:16/10;background:#0b0c0c;overflow:hidden;position:relative}.work-card-media img{width:100%;height:100%;object-fit:cover;display:block;opacity:.62;filter:saturate(.72) contrast(1.05) brightness(.88);transition:opacity .75s ease,filter .75s ease}.work-card:hover .work-card-media img{opacity:1;filter:saturate(.95) contrast(1.05) brightness(1)}.work-card.major .work-card-media:after{content:'CASE STUDY';position:absolute;left:15px;bottom:14px;border-left:2px solid var(--green);padding-left:9px;font-size:9px;letter-spacing:.16em;color:#fff}.work-card-copy{padding:14px 1px 4px}.work-card-copy small{color:var(--green);font-size:9px;letter-spacing:.15em}.work-card-copy h2{font-size:17px;font-weight:500;margin:7px 0 6px}.work-card-copy p{font-size:9.5px;color:#929996;letter-spacing:.07em;line-height:1.45;margin:0;min-height:28px}.work-card-copy b{display:inline-block;margin-top:13px;font-size:9px;font-weight:400;letter-spacing:.13em;color:#ddd}.work-card:not(.major) .work-card-copy b{color:#707774}.work-index-note{margin-top:56px;padding:30px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:40px}.work-index-note h3{font-size:27px;font-weight:400;margin:0}.work-index-note p{color:#9da4a0;line-height:1.6;margin:0;max-width:580px}@media(max-width:1000px){.work-index-head{grid-template-columns:1fr}.work-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.work-index{padding:60px 24px}.work-index-head{padding-top:24px}.work-grid{grid-template-columns:1fr}.work-index-note{grid-template-columns:1fr}}

/* V25 PROJECTS — typographic portfolio index */
.work-list{border-bottom:1px solid #2b302e}.work-row{border-top:1px solid #2b302e;position:relative;transition:border-color .35s ease,background .35s ease}.work-row[hidden]{display:none}.work-row>a,.work-row:not(:has(a)){display:grid;grid-template-columns:minmax(260px,1.25fr) minmax(130px,.55fr) minmax(105px,.35fr) minmax(250px,1fr) auto;gap:24px;align-items:center;padding:24px 4px;color:inherit;text-decoration:none}.work-row:not(:has(a)){padding:24px 4px}.work-row:hover{border-top-color:#5c625f;background:rgba(255,255,255,.012)}.work-title small{display:block;color:var(--green);font-size:9px;letter-spacing:.15em;margin-bottom:7px}.work-title h2{font-size:clamp(20px,2vw,30px);font-weight:400;letter-spacing:-.02em;margin:0;transition:color .35s ease}.work-row:hover .work-title h2{color:#fff}.work-meta span{display:block;color:#686f6b;font-size:8px;letter-spacing:.16em;margin-bottom:6px}.work-meta strong{display:block;color:#c3c8c5;font-size:10px;font-weight:400;letter-spacing:.06em;line-height:1.45}.work-services{color:#8e9591;font-size:9px;letter-spacing:.07em;line-height:1.55}.work-row b{font-size:8.5px;font-weight:400;letter-spacing:.13em;color:#d9ddda;white-space:nowrap}.work-row:not(.major) b{color:#626965}.work-row.major{border-left:2px solid transparent}.work-row.major:hover{border-left-color:var(--green)}@media(max-width:1000px){.work-row>a,.work-row:not(:has(a)){grid-template-columns:1.2fr .6fr .45fr;gap:16px}.work-services{grid-column:1/3}.work-row b{grid-column:3;grid-row:1/3;align-self:center}}@media(max-width:700px){.work-row>a,.work-row:not(:has(a)){display:grid;grid-template-columns:1fr auto;padding:21px 2px}.work-title{grid-column:1/3}.work-meta{margin-top:7px}.work-services{grid-column:1/3;margin-top:4px}.work-row b{grid-column:1/3;grid-row:auto;margin-top:5px}}
/* V25 projects curated experience close */
.experience-note{margin-top:64px;padding:42px 0 6px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(260px,.75fr) minmax(320px,1.25fr);column-gap:64px;row-gap:20px;align-items:start}.experience-note>span{grid-column:1;color:var(--green);font-size:10px;letter-spacing:.2em}.experience-note h2{grid-column:1;font-size:clamp(30px,3.7vw,54px);font-weight:400;line-height:.95;letter-spacing:-.03em;margin:0}.experience-note p{grid-column:2;grid-row:1/3;color:#aeb4b0;line-height:1.65;max-width:650px;margin:0}.experience-clients{grid-column:1/3;border-top:1px solid #252a28;margin-top:14px;padding-top:20px;color:#737a76;font-size:9px;letter-spacing:.13em;line-height:1.8}.work-meta strong br{line-height:1.9}@media(max-width:700px){.experience-note{grid-template-columns:1fr;gap:16px}.experience-note>span,.experience-note h2,.experience-note p,.experience-clients{grid-column:1;grid-row:auto}.experience-clients{margin-top:10px}}

/* V25 typography test: Oxanium + Space Grotesk (OFL) */
:root{
  --font-display:'Oxanium',sans-serif;
  --font-body:'Space Grotesk',sans-serif;
}
body{font-family:var(--font-body);}
h1,h2,h3,h4,h5,h6,
.site-header nav,.lang,.eyebrow,.section-head span,
.pillar .num,.pillar p,.text-link,.cards article>span,.cards a,
.work-filter,.work-title,.work-meta,.work-services,.experience-note,
.case-hero-copy>span,.case-overview span,.case-dna header span,
.case-facts,.case-dna-grid,.case-project-end,
footer{font-family:var(--font-display);}
.hero h1,.light-hero-copy h1,.case-hero h1,.work-index-head h1{font-weight:500;}
body p,.hero p,.cards p,.case-overview>p,.case-dna-grid p,.work-index-head p,.experience-note p{font-family:var(--font-body);}
\n\n/* V25 Light project links + refined More Projects CTA */
.light-section-head .projects-more-btn{
  display:inline-flex;align-items:center;gap:12px;
  padding:12px 17px 11px;
  border:1px solid rgba(237,28,36,.72);
  color:#f2f3f2;text-decoration:none;
  font-family:var(--font-display);font-size:10px;letter-spacing:.14em;
  transition:border-color .35s ease,background .35s ease,color .35s ease;
}
.light-section-head .projects-more-btn b{color:var(--green);font-size:14px;font-weight:400;transition:transform .35s ease}
.light-section-head .projects-more-btn:hover{border-color:var(--green);background:rgba(237,28,36,.07);color:#fff}
.light-section-head .projects-more-btn:hover b{transform:translateX(3px)}
.light-project-grid .project-card-link{
  display:inline-flex;align-items:center;gap:7px;margin-top:5px;padding-top:7px;
  border-top:1px solid #2a2e2c;color:#e5e8e6!important;
  font-family:var(--font-display);font-size:9px!important;letter-spacing:.13em!important;
  text-decoration:none;transition:color .3s ease,border-color .3s ease;
}
.light-project-grid .project-card-link b{color:var(--green);font-size:12px;font-weight:400;transition:transform .3s ease}
.light-project-grid .project-card-link:hover{color:#fff!important;border-top-color:var(--green)}
.light-project-grid .project-card-link:hover b{transform:translateX(3px)}
.light-project-grid .project-index-link{color:#aeb4b1!important}
@media(max-width:700px){.light-section-head .projects-more-btn{margin-top:18px}}

/* V25 refined VIEW ALL PROJECTS CTA */
.selected .section-head > a[href="projects.html"]{
  display:inline-flex;
  align-items:center;
  gap:14px;
  padding:14px 20px;
  border:1px solid rgba(237,28,36,.75);
  background:rgba(237,28,36,.045);
  color:#f1f3f2 !important;
  text-decoration:none;
  font-family:var(--font-display);
  font-size:10px;
  font-weight:500;
  letter-spacing:.16em;
  line-height:1;
  transition:border-color .35s ease,background .35s ease,color .35s ease,box-shadow .35s ease;
}
.selected .section-head > a[href="projects.html"]::after{
  content:'→';
  color:var(--green);
  font-size:16px;
  line-height:.7;
  transition:transform .35s ease;
}
.selected .section-head > a[href="projects.html"]:hover{
  color:#fff !important;
  border-color:var(--green);
  background:rgba(237,28,36,.12);
  box-shadow:0 0 24px rgba(237,28,36,.10);
}
.selected .section-head > a[href="projects.html"]:hover::after{transform:translateX(5px)}
@media(max-width:700px){
  .selected .section-head > a[href="projects.html"]{width:max-content;margin-top:20px;padding:13px 18px}
}

/* V25 case study: Aufsteirern – Die Show */
.aufsteirern-project .case-hero-image{background-image:url('assets/aufsteirern-hero.avif')}

.clever-project .case-hero-image{background-image:url('assets/clever.avif')}

.nestroy-project .case-hero-image{background-image:url('assets/nestroy-temp.avif')}

/* Gartenparty der Stars case study */
.gartenparty-project .case-hero-image{background-image:url('assets/gartenparty-hero.avif');background-position:center 43%}
.case-hero-claim{font-size:14px;line-height:1.25;letter-spacing:.12em;font-weight:400;color:#fff;margin:-12px 0 18px}
.gartenparty-transformation{padding:75px 4vw 85px;background:#070808;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.gartenparty-transformation>header{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:34px}
.gartenparty-transformation>header span{color:var(--green);font-size:11px;letter-spacing:.23em}
.gartenparty-transformation>header h2{font-size:38px;line-height:.95;font-weight:400;letter-spacing:-.025em;margin:0;text-align:right}
.gartenparty-process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.gartenparty-process-grid .gartenparty-show{grid-column:auto}
.gartenparty-process-grid .gartenparty-show img{height:310px;aspect-ratio:auto;object-fit:cover}
.gartenparty-process-grid figure{margin:0;background:#0b0d0c;border:1px solid #242826;overflow:hidden}
.gartenparty-process-grid img{display:block;width:100%;height:310px;object-fit:cover;filter:saturate(.86) contrast(1.04)}
.gartenparty-process-grid figcaption{display:flex;align-items:center;gap:14px;padding:17px 18px;border-top:1px solid #242826}
.gartenparty-process-grid figcaption b{font-size:22px;font-weight:300;color:var(--green)}
.gartenparty-process-grid figcaption span{font-size:10px;letter-spacing:.16em;color:#d3d7d5}
@media(max-width:1000px){.gartenparty-process-grid{grid-template-columns:1fr 1fr}.gartenparty-process-grid img{height:340px}}
@media(max-width:620px){.gartenparty-transformation>header{display:block}.gartenparty-transformation>header h2{text-align:left;margin-top:12px}.gartenparty-process-grid{grid-template-columns:1fr}.gartenparty-process-grid img{height:320px}.case-hero-claim{font-size:12px}}

/* V26 contact refinement */
.cta a{color:#fff;text-decoration:none;background:rgba(237,28,36,.08);transition:background .25s ease,border-color .25s ease,transform .25s ease}.cta a:hover{background:#ed1c24;border-color:#ed1c24;transform:translateY(-2px)}
.ct-primary{margin-top:24px;padding:20px 0 18px;border-top:1px solid #555;border-bottom:1px solid #555}.ct-primary>span,.ct-contact-grid article>span{display:block;color:#ed1c24;font-family:var(--font-display);font-size:11px;letter-spacing:.18em;margin-bottom:8px}.ct-primary strong{display:block;font-family:var(--font-display);font-weight:400;font-size:18px;letter-spacing:.08em;margin-bottom:12px}.ct-primary a,.ct-contact-grid a{display:block;width:max-content;max-width:100%;color:#f3f3f3;text-decoration:none;line-height:1.7;transition:color .2s ease}.ct-primary a:hover,.ct-contact-grid a:hover{color:#ed1c24}.ct-primary p{color:#aaa;font-size:13px;line-height:1.5;margin:10px 0 0}.ct-contact-grid{position:absolute;z-index:3;right:4vw;top:135px;width:min(570px,47vw);display:grid;gap:12px}.ct-contact-grid article{background:rgba(4,4,4,.94);border:1px solid #444;padding:24px 26px;transition:border-color .25s ease,transform .25s ease}.ct-contact-grid article:hover{border-color:#ed1c24;transform:translateY(-2px)}.ct-contact-grid h2{font-family:var(--font-display);font-size:19px;font-weight:400;letter-spacing:.07em;margin:0 0 10px}.ct-contact-grid p,.ct-contact-grid address{color:#aaa;font-size:13px;line-height:1.55;margin:0 0 9px;font-style:normal}.ct-contact-grid a{font-size:13px}.ct-left{width:500px}.ct-hero{min-height:780px}@media(max-width:1050px){.ct-contact-grid{right:25px;width:45vw}.ct-left{width:46vw;padding-left:35px}}@media(max-width:800px){.ct-contact-grid{position:relative;top:auto;right:auto;width:auto;margin:0 25px 30px}.ct-left{width:auto}.ct-hero{min-height:auto}}

/* V26 contact project form */
.ct-project-form{display:grid;grid-template-columns:.82fr 1.18fr;gap:7vw;padding:72px 8vw 78px;border-bottom:1px solid #242424;background:#070808}.ct-project-form-head>span{display:block;color:#ed1c24;font-family:var(--font-display);font-size:11px;letter-spacing:.2em;margin-bottom:12px}.ct-project-form-head h2{font-family:var(--font-display);font-size:clamp(30px,3.2vw,48px);font-weight:400;line-height:.95;letter-spacing:.02em;margin:0 0 18px}.ct-project-form-head p{max-width:430px;color:#aeb4b1;font-size:14px;line-height:1.6}.ct-project-form form{max-width:680px}.ct-project-form label{display:block;font-family:var(--font-display);font-size:10px;letter-spacing:.14em;color:#d8dcda;margin-bottom:18px}.ct-project-form label em{font-style:normal;color:#ed1c24}.ct-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ct-project-form input,.ct-project-form select,.ct-project-form textarea{box-sizing:border-box;width:100%;margin-top:8px;background:#0c0d0d;border:1px solid #3b403e;color:#f3f3f3;padding:14px 13px;font:13px var(--font-body);outline:none;transition:border-color .2s ease,background .2s ease}.ct-project-form input:focus,.ct-project-form select:focus,.ct-project-form textarea:focus{border-color:#ed1c24;background:#101111}.ct-project-form select{appearance:auto}.ct-project-form textarea{height:145px;resize:vertical}.ct-project-form button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-width:210px;border:1px solid #ed1c24;background:rgba(237,28,36,.08);color:#fff;padding:15px 18px;font:10px var(--font-display);letter-spacing:.14em;cursor:pointer;transition:background .25s ease}.ct-project-form button:hover{background:#ed1c24}.ct-project-form button b{font-size:15px;font-weight:400}.ct-project-form form>small{display:block;color:#737a76;font-size:10px;line-height:1.5;margin-top:12px}@media(max-width:800px){.ct-project-form{grid-template-columns:1fr;padding:50px 25px;gap:28px}.ct-form-row{grid-template-columns:1fr}}

/* Whole project cards are interactive */
.project-clickable{cursor:pointer}

/* V26 project case-study navigation */
.project-float-nav{position:fixed;right:22px;bottom:22px;z-index:120;display:flex;align-items:center;gap:8px;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .28s ease,transform .28s ease}
.project-float-nav.is-visible{opacity:1;transform:none;pointer-events:auto}
.project-float-nav a,.project-float-nav button{height:42px;box-sizing:border-box;border:1px solid rgba(226,33,39,.72);background:rgba(5,6,6,.88);color:#fff;font-family:'Oxanium',sans-serif;font-size:11px;font-weight:600;letter-spacing:.12em;text-decoration:none;display:flex;align-items:center;justify-content:center;padding:0 15px;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .2s ease,border-color .2s ease,transform .2s ease}
.project-float-nav a:hover,.project-float-nav button:hover{background:#e22127;border-color:#e22127;transform:translateY(-2px)}
.project-float-nav .project-top{width:42px;padding:0;font-size:15px}
.case-project-nav{border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;margin-top:0}
.case-project-nav a{min-height:86px;padding:22px 5vw;color:#fff;text-decoration:none;font-family:'Oxanium',sans-serif;font-size:11px;font-weight:600;letter-spacing:.12em;display:flex;align-items:center;transition:background .22s ease,color .22s ease}
.case-project-nav a:hover{background:rgba(226,33,39,.12)}
.case-project-nav .prev{justify-content:flex-start}.case-project-nav .all{justify-content:center;border-left:1px solid rgba(255,255,255,.12);border-right:1px solid rgba(255,255,255,.12);padding-left:28px;padding-right:28px}.case-project-nav .next{justify-content:flex-end;text-align:right}
@media(max-width:700px){.project-float-nav{right:12px;bottom:12px}.project-float-nav a{padding:0 11px}.case-project-nav{grid-template-columns:1fr 1fr}.case-project-nav .all{grid-column:1/-1;grid-row:2;border:0;border-top:1px solid rgba(255,255,255,.12);min-height:58px}.case-project-nav a{min-height:72px;padding:18px 20px}.case-project-nav .prev{border-right:1px solid rgba(255,255,255,.12)}}

/* V27.1 legal */
.footer-legal{color:#fff;text-decoration:none;font-family:'Oxanium',sans-serif;font-size:10px;font-weight:600;letter-spacing:.12em;opacity:.72;transition:opacity .2s ease,color .2s ease}.footer-legal:hover{opacity:1;color:#e22127}.legal-page{padding-top:72px;background:#050606;color:#fff;min-height:100vh}.legal-hero{padding:90px 6vw 50px;border-bottom:1px solid rgba(255,255,255,.12)}.legal-hero span{font-family:'Oxanium',sans-serif;font-size:11px;letter-spacing:.18em;color:#e22127}.legal-hero h1{font-family:'Oxanium',sans-serif;font-size:clamp(48px,8vw,110px);line-height:.9;margin:16px 0 0}.legal-content{max-width:920px;padding:64px 6vw 100px}.legal-content .legal-intro{font-size:14px;opacity:.7;margin-bottom:56px}.legal-content h2{font-family:'Oxanium',sans-serif;font-size:14px;letter-spacing:.1em;margin:44px 0 14px;color:#fff}.legal-content p{font-family:'Space Grotesk',sans-serif;font-size:16px;line-height:1.7;color:rgba(255,255,255,.76);margin:0 0 18px}.legal-content strong{color:#fff;font-weight:500}.legal-content a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(226,33,39,.65)}@media(max-width:700px){.legal-hero{padding:70px 24px 36px}.legal-content{padding:44px 24px 72px}.legal-content h2{margin-top:36px}}

.legal-list{margin:0 0 24px 1.25em;padding:0}.legal-list li{margin:0 0 8px;line-height:1.65}.legal-signoff{margin-top:48px}

/* V28.2 - stable responsive image proportions (non-hero content only) */
@media (min-width:701px){
  .light-project-grid img,
  .media-project-grid img,
  .space-project-grid img{
    height:auto;
    aspect-ratio:16/10;
    object-fit:cover;
  }
  .sc-project-grid img,
  .sp3-project-grid img{
    height:auto;
    aspect-ratio:16/9;
    object-fit:cover;
  }
  .sp8-page .sp8-project-photo{
    aspect-ratio:16/9;
  }
}
@media (min-width:1800px){
  .case-image-break img{
    height:clamp(500px,31vw,680px);
  }
  .case-image-break{
    min-height:clamp(500px,31vw,680px);
  }
}

/* V28.20 - PHILOSOPHY clean cards: no gradients, black separators only. */
.ph-page .ph-hero{min-height:470px;height:auto;position:relative;overflow:hidden;border-bottom:0;}
.ph-page .ph-hero-bg{position:absolute;inset:0;background:url('assets/philosophy-hero.avif') 72% center / cover no-repeat;transform:none;}
.ph-page .ph-hero-copy{position:relative;z-index:2;width:46%;padding:40px 0 44px 4vw;}
.ph-page .ph-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#000;border:0;}
.ph-page .ph-pillars article{background:#070808;min-height:290px;overflow:hidden;}
.ph-page .ph-pillars .ph-photo{display:block;width:100%;height:auto;aspect-ratio:20/9;margin:0;padding:0;border:0;background:var(--p) center center / 100% 100% no-repeat;}
@media(max-width:1100px){.ph-page .ph-hero-copy{width:58%;}.ph-page .ph-pillars{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:700px){.ph-page .ph-hero{min-height:680px;}.ph-page .ph-hero-bg{background-position:62% center;}.ph-page .ph-hero-copy{width:auto;padding:55px 24px;}.ph-page .ph-pillars{grid-template-columns:1fr;}.ph-page .ph-pillars .ph-photo{aspect-ratio:20/9;height:auto;}}

.lang a{color:inherit;text-decoration:none}.lang a:hover{color:var(--green)}

/* V31.4 direct contact form */
.ct-hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}.ct-project-form form>small a{color:#aeb4b1;text-decoration:underline;text-underline-offset:2px}.ct-form-status{min-height:18px;margin-top:12px;font-size:11px;line-height:1.5}.ct-form-status.is-success{color:#b9d9c6}.ct-form-status.is-error{color:#ff777d}.ct-project-form button:disabled{opacity:.6;cursor:wait}

/* V31.7 — mobile navigation, language switch and close button separated */
@media(max-width:1380px){
  .site-header .menu{position:relative;z-index:42;cursor:pointer;line-height:1;margin-left:18px;flex:0 0 42px;width:42px;height:42px;padding:0;text-align:center}
  .site-header nav{display:none;position:fixed;left:0;right:0;top:92px;z-index:40;background:#030505;border-bottom:1px solid var(--line);padding:26px 3vw 30px;flex-direction:column;gap:0;max-height:calc(100vh - 92px);overflow-y:auto}
  .site-header.menu-open nav{display:flex}
  .site-header nav a{font-size:15px;letter-spacing:.10em;padding:12px 0;border-bottom:1px solid #171c1a}
  .site-header nav a.active{border-bottom:1px solid #171c1a;color:var(--green);padding-bottom:12px}
  .site-header.menu-open .lang{display:block;position:relative;right:auto;top:auto;z-index:42;margin-left:auto;white-space:nowrap}
}
@media(max-width:700px){
  .site-header{padding-left:16px;padding-right:12px}
  .site-header .brand{flex:1 1 auto;min-width:0}
  .site-header .brand img{width:min(235px,62vw);height:54px}
  .site-header .menu{margin-left:10px;flex-basis:38px;width:38px;height:38px}
  .site-header nav{top:70px;max-height:calc(100vh - 70px);padding:18px 24px 26px}
  .site-header.menu-open .lang{display:block;margin-left:auto;font-size:11px}
  .site-header nav a{font-size:14px;padding:11px 0}
}

/* V31.13 - Technology workflow aligned to 3D Spatial visual language */
.technology-page .technology-workflow{padding:22px 4vw 26px;background:#050606;border-top:1px solid #1b262a;border-bottom:1px solid #1b262a}
.technology-page .technology-workflow .section-head{margin:0 0 18px}
.technology-page .technology-workflow .section-head span{font-family:var(--font-display),Arial,sans-serif;color:#ed1c24;font-size:clamp(13px,1.05vw,17px);font-weight:400;line-height:1;letter-spacing:.06em}
.technology-page .technology-workflow .section-head span::after{content:'';display:inline-block;vertical-align:middle;width:48px;border-top:2px solid #ed1c24;margin:0 0 4px 14px}
.technology-page .technology-workflow .section-head h2{margin:10px 0 0}
.technology-page .workflow-line{margin-top:22px;display:grid;grid-template-columns:max-content 28px max-content 28px max-content 28px max-content 28px max-content;align-items:center;justify-content:space-between;gap:0;width:100%;border-top:0;padding-top:0}
.technology-page .workflow-line>div{display:grid;grid-template-columns:50px auto;grid-template-rows:auto auto;column-gap:11px;row-gap:3px;align-items:center;min-width:0}
.technology-page .workflow-line .workflow-icon{grid-row:1/3;grid-column:1;width:48px;height:48px;margin:0;border:1px solid #d7ddda;border-radius:50%;display:grid;place-items:center;background:#050606;color:#f4f5f5}
.technology-page .workflow-line .workflow-icon svg{width:29px;height:29px;stroke:currentColor;stroke-width:1.55}
.technology-page .workflow-line b{grid-column:2;grid-row:1;color:#777f7b;font-family:var(--font-display),Arial,sans-serif;font-size:7px;line-height:1;letter-spacing:.12em;font-weight:400}
.technology-page .workflow-line strong{grid-column:2;grid-row:2;font-family:var(--font-display),Arial,sans-serif;font-size:clamp(8px,.68vw,10px);font-weight:400;line-height:1.18;letter-spacing:.025em;color:#f2f3f3}
.technology-page .workflow-line em{margin:0;padding:0;font-style:normal;font-family:Arial,sans-serif;font-size:24px;line-height:1;color:#e6e9e7}
@media(max-width:1100px){.technology-page .workflow-line{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:18px 14px}.technology-page .workflow-line em{width:20px}}
@media(max-width:700px){.technology-page .technology-workflow{padding:20px 24px 24px}.technology-page .workflow-line{display:grid;grid-template-columns:1fr;gap:12px}.technology-page .workflow-line em{transform:rotate(90deg);margin-left:15px}.technology-page .technology-workflow .section-head h2{font-size:30px}}

/* V32.4 — touch feedback for project cards on phones and tablets */
@media (hover:none), (pointer:coarse){
  .project-grid article,
  .light-project-grid article,
  .space-project-grid article,
  .wr-grid article{
    transition:border-color .22s ease,box-shadow .22s ease,background-color .22s ease!important;
  }
  .project-grid article img,
  .light-project-grid article img,
  .space-project-grid article img,
  .wr-grid article img{
    transition:transform .22s ease,filter .22s ease!important;
  }
  .project-grid article.is-touch-active,
  .light-project-grid article.is-touch-active,
  .space-project-grid article.is-touch-active,
  .wr-grid article.is-touch-active{
    border-color:#ed1c24!important;
    box-shadow:0 0 0 1px rgba(237,28,36,.48),0 8px 24px rgba(0,0,0,.28);
  }
  .project-grid article.is-touch-active img,
  .light-project-grid article.is-touch-active img,
  .space-project-grid article.is-touch-active img,
  .wr-grid article.is-touch-active img{
    transform:scale(1.035)!important;
    filter:saturate(1) contrast(1.08) brightness(1.12)!important;
  }
}