@font-face{font-family:MetaPlus;src:url('../fonts/MetaPlusBookTR4-v2.ttf?v=20261103e') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:MetaPlus;src:url('../fonts/MetaPlusBold-v2.ttf?v=20261103e') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{color-scheme:dark;--bg:#151819;--panel:#1c2021;--ink:#f5f4f0;--muted:#b8bcba;--line:rgba(244,244,238,.18);--accent:#88d2e1;--gutter:clamp(22px,6vw,96px);font-family:MetaPlus,Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:MetaPlus,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{color:var(--accent)}
img{display:block;max-width:100%;height:auto}
.content-header{min-height:82px;padding:14px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--line);background:rgba(21,24,25,.92)}
.content-logo img{width:170px;height:auto}
.content-header nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(14px,2.5vw,34px);font-size:13px}
.content-header nav .lang{border:1px solid var(--line);padding:8px 11px}
main{width:min(1440px,100%);margin:0 auto;padding:0 var(--gutter)}
.content-hero,.case-hero{padding:clamp(68px,10vw,142px) 0 clamp(40px,7vw,92px);max-width:980px}
.eyebrow{margin:0 0 16px;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
h1,h2,h3,p{margin-top:0}
.content-hero h1,.case-hero h1{max-width:980px;margin-bottom:22px;font-size:clamp(42px,7vw,86px);font-weight:400;line-height:.98;letter-spacing:-.055em;text-wrap:balance}
.lead{max-width:780px;margin:0;color:#e1e1dc;font-size:clamp(17px,2vw,22px);line-height:1.58}
.cta{display:inline-flex;align-items:center;gap:22px;margin-top:28px;padding:15px 19px;background:#f3f2ee;color:#17191a;font-size:13px;font-weight:700;transition:transform .2s ease,background .2s ease}
.cta:hover{transform:translateY(-2px);background:#fff;color:#111}
.content-body,.case-note,.case-facts,.about-body{max-width:900px;padding:clamp(28px,4vw,52px);margin:0 0 34px;background:var(--panel);border:1px solid var(--line)}
.content-body h2,.case-facts h2,.case-note h2,.about-body h2{margin-bottom:17px;font-size:clamp(23px,3vw,34px);font-weight:400;letter-spacing:-.025em}
.content-body p,.case-note p,.about-body p{color:#d5d8d5;font-size:16px;line-height:1.8}
.service-scope{margin-top:32px;padding-top:26px;border-top:1px solid var(--line)}
.service-scope h3{font-size:16px}
.service-scope ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 36px;margin:0;padding-left:20px;color:var(--muted);line-height:1.7}
.content-faq{max-width:900px;margin:48px 0 64px}
.content-faq h2{font-size:clamp(25px,3vw,38px);font-weight:400;letter-spacing:-.03em}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line);padding:19px 0}
.faq-list summary{cursor:pointer;font-size:16px;font-weight:700}
.faq-list details p{max-width:760px;margin:14px 0 0;color:var(--muted);font-size:15px;line-height:1.7}
.case-type{margin:20px 0 0;color:var(--accent);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.case-story{padding-top:10px;padding-bottom:10px}
.case-story-block{display:grid;grid-template-columns:42px minmax(0,1fr);gap:18px;padding:25px 0;border-bottom:1px solid var(--line)}
.case-story-block:last-child{border-bottom:0}
.case-story-block>span{padding-top:5px;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.12em}
.case-story-block h2{margin:0 0 8px!important;font-size:clamp(20px,2.6vw,27px)!important}
.case-story-block p{max-width:68ch;margin:0;color:#d5d8d5;font-size:16px;line-height:1.75}
@media(max-width:480px){.case-story-block{grid-template-columns:30px minmax(0,1fr);gap:12px;padding:20px 0}.case-story-block p{font-size:15px}}
.case-facts dl{display:flex;flex-wrap:wrap;gap:22px 54px;margin:0}
.case-facts dl div{min-width:130px}
.case-facts dt{margin-bottom:8px;color:var(--muted);font-size:12px}
.case-facts dd{margin:0;font-size:16px;font-weight:700}
.case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:42px 0 74px}
.case-gallery figure{margin:0;background:#0d0f10}
.case-gallery img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.case-gallery figcaption{padding:12px 14px;color:var(--muted);font-size:12px}
.contact-strip{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:0 0 70px;padding:28px clamp(22px,4vw,50px);border:1px solid var(--line);background:var(--panel)}
.contact-strip p{margin:6px 0;color:var(--muted);font-size:14px}
.contact-strip a:not(.cta){color:var(--ink)}
.contact-strip .cta{flex:none;margin:0}
.index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 80px}
.index-card{display:block;min-width:0;padding:16px;background:var(--panel);border:1px solid var(--line);transition:transform .22s ease,border-color .22s ease}
.index-card:hover{transform:translateY(-4px);border-color:rgba(136,210,225,.65)}
.index-card img{width:100%;aspect-ratio:16/10;object-fit:cover;margin-bottom:22px;background:#0c0e0f}
.index-card .eyebrow{margin-bottom:10px;font-size:9px}
.index-card h2{margin:0 0 9px;font-size:21px;font-weight:700;line-height:1.2}
.index-card p{min-height:48px;margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.card-arrow{display:inline-block;margin-top:16px;font-size:12px;color:var(--accent)}
footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px var(--gutter);border-top:1px solid var(--line);color:var(--muted);font-size:12px}
@media(max-width:760px){.content-header{min-height:70px;gap:16px}.content-logo img{width:132px}.content-header nav{gap:12px;font-size:11px}.content-header nav a:nth-child(2),.content-header nav a:nth-child(4){display:none}.index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.index-card{padding:10px}.index-card h2{font-size:17px}.index-card p{font-size:12px}.case-gallery{gap:10px}.case-gallery img{aspect-ratio:4/3}.contact-strip{align-items:flex-start;flex-direction:column}.contact-strip .cta{margin-top:10px}}
@media(max-width:480px){.content-header nav{gap:9px}.content-header nav a:first-child{display:none}.content-hero,.case-hero{padding-top:62px}.content-hero h1,.case-hero h1{font-size:44px}.lead{font-size:16px}.content-body,.case-note,.case-facts,.about-body{padding:22px}.service-scope ol{grid-template-columns:1fr;gap:5px}.case-gallery{grid-template-columns:1fr}.case-gallery img{aspect-ratio:16/10}.index-grid{grid-template-columns:1fr}.index-card h2{font-size:20px}.index-card p{min-height:0}footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cta,.index-card{transition:none}}
