:root{color-scheme:dark;--ink:#070b13;--ink-2:#0d1421;--ink-3:#141d2d;--fg:#f4f7fb;--fg-dim:#aeb8c7;--bg:var(--ink);--surface:var(--ink-2);--surface-2:var(--ink-3);--text:var(--fg);--muted:var(--fg-dim);--line:rgba(255,255,255,.14);--accent:#39ff14;--accent-ink:#071008;--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6}
a{color:inherit}
img{display:block;max-width:100%}
.case-nav{position:sticky;top:0;z-index:10;display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding:10px max(24px,calc((100% - var(--max))/2));background:rgba(7,11,19,.94);backdrop-filter:blur(14px)}
.case-brand-logo{display:block;width:108px;height:56px;background:url('/assets/logo-3dico.png') center/100px 100px no-repeat;filter:drop-shadow(0 0 7px rgba(57,255,20,.2))}
.case-nav nav{display:flex;align-items:center;gap:18px}.case-nav nav a{text-decoration:none;font-weight:700}.case-lang{border-left:1px solid var(--line);padding-left:18px}
.case-quote{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border:1px solid var(--accent);border-radius:5px;padding:10px 18px;background:var(--accent);color:var(--accent-ink);font-weight:800;text-decoration:none}
.case-hero{display:grid;min-height:calc(100svh - 76px);grid-template-columns:minmax(0,1fr) minmax(440px,48vw);align-items:stretch}
.case-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:70px max(28px,calc((100vw - var(--max))/2)) 70px max(28px,calc((100vw - var(--max))/2))}
.case-back{width:fit-content;margin-bottom:44px;color:var(--muted);font-weight:700;text-decoration:none}
.case-kicker{margin:0 0 12px;color:var(--accent);font-size:13px;font-weight:800;text-transform:uppercase}
.case-hero h1{max-width:15ch;margin:0;font-size:clamp(42px,5.6vw,78px);line-height:1.04;letter-spacing:0}
.case-lead{max-width:62ch;margin:26px 0 0;color:var(--muted);font-size:clamp(18px,2vw,23px)}
.case-hero-media{min-height:540px;margin:0;overflow:hidden;background:var(--surface)}
.case-hero-media img{width:100%;height:100%;object-fit:cover}
.case-content{width:min(var(--max),calc(100% - 48px));margin:0 auto;padding:82px 0}
.case-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:34px 0}.case-facts h2{margin:0 0 24px;font-size:18px}.case-facts dl{display:grid;margin:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.case-facts dl div{min-width:0}.case-facts dt{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.case-facts dd{margin:5px 0 0;font-size:17px;font-weight:700}
.case-section{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2fr);gap:60px;padding:76px 0;border-bottom:1px solid var(--line)}.case-section h2{margin:0;font-size:clamp(28px,4vw,50px);line-height:1.1}.case-section p{max-width:68ch;margin:0;color:var(--muted);font-size:19px}.case-result p{color:var(--text);font-size:23px}
.case-gallery{padding:76px 0}.case-gallery h2,.case-related h2{margin:0 0 28px;font-size:clamp(28px,4vw,48px)}.case-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.case-gallery figure{min-height:320px;margin:0;overflow:hidden;background:var(--surface)}.case-gallery figure.is-wide{grid-column:1/-1;min-height:560px}.case-gallery img{width:100%;height:100%;object-fit:cover}
.case-service-band{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:46px 0}.case-service-band h2{margin:0;font-size:34px}.case-service-band a{font-weight:800}
.case-related{padding:76px 0}.case-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.case-related-grid a{display:grid;gap:12px;text-decoration:none}.case-related-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}
.case-contact{margin-top:34px;border:1px solid var(--line);padding:54px;background:var(--surface)}.case-contact h2{max-width:26ch;margin:0;font-size:clamp(28px,4vw,46px);line-height:1.2}.case-contact>div{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px;align-items:center}.case-contact>div>a:not(.case-quote){font-weight:800}
.case-footer{display:flex;align-items:center;justify-content:center;gap:24px;border-top:1px solid var(--line);padding:28px;color:var(--muted);font-size:14px}.case-footer button{border:0;padding:0;background:none;color:inherit;text-decoration:underline;cursor:pointer}
.case-status{display:flex;min-height:100svh;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center}.case-status h1{margin:10px 0;font-size:clamp(36px,6vw,68px)}.case-status>p:not(.case-kicker){max-width:52ch;margin:0 0 28px;color:var(--muted)}.case-status img{margin-bottom:30px}
.portfolio-case-link{display:inline-flex;margin-top:12px;color:var(--accent);font-size:13px;font-weight:800;text-decoration:none}.portfolio-case-link:hover{text-decoration:underline}
@media(max-width:900px){.case-nav{padding:10px 20px}.case-nav nav>a:first-child{display:none}.case-hero{min-height:0;grid-template-columns:1fr}.case-hero-copy{padding:64px 24px}.case-hero h1{font-size:clamp(38px,11vw,62px)}.case-hero-media{min-height:420px}.case-content{width:min(100% - 32px,var(--max));padding-top:54px}.case-facts dl{grid-template-columns:repeat(2,minmax(0,1fr))}.case-section{grid-template-columns:1fr;gap:22px;padding:54px 0}.case-gallery figure.is-wide{min-height:380px}.case-contact{padding:36px 24px}.case-related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.case-nav{gap:7px;padding-right:10px;padding-left:10px}.case-brand-logo{width:80px;height:50px;background-size:80px 80px}.case-nav nav{gap:7px}.case-lang{padding-left:7px}.case-nav .case-quote{min-height:38px;padding:8px 9px;font-size:12px}.case-hero-media{min-height:340px}.case-facts dl,.case-gallery-grid,.case-related-grid{grid-template-columns:1fr}.case-gallery figure.is-wide{grid-column:auto;min-height:300px}.case-gallery figure{min-height:280px}.case-service-band{align-items:flex-start;flex-direction:column}.case-contact>div{align-items:stretch;flex-direction:column}.case-footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}