/* Referans hikâyeleri: mevcut fxy renkleri ve yazı karakteriyle. */
.case-page{--case-soft:#f7f5f2;--case-accent:#a6173d}
.case-hero{padding:34px 0 0;background:#faf9f7}
.case-hero .bc{margin-bottom:50px}
.case-kicker{display:block;font-size:12px;font-weight:800;letter-spacing:.11em;line-height:1.6;color:var(--brand-ink);margin-bottom:20px}
.case-kicker>span{margin:0 10px;color:#a1a1aa}
.case-hero-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:48px;align-items:center;padding-bottom:60px}
.case-intro h1{font-size:clamp(40px,4.5vw,64px);line-height:1.06;letter-spacing:-.04em;max-width:680px;margin-bottom:24px;text-wrap:balance}
.case-intro .lead{font-size:18px;line-height:1.7;max-width:570px;margin-bottom:30px}
.case-intro .btns{gap:18px;align-items:center}
.case-text-link{font-size:14px;font-weight:750;color:var(--ink2);display:inline-flex;gap:10px;align-items:center;min-height:44px}
.case-hero-visual{position:relative;min-width:0;padding:24px 0 50px 10px}
.case-hero-visual:before{content:"";position:absolute;inset:-25px -12px -12px 35px;border-radius:180px 20px 24px 24px;background:#eedbe1}
.case-browser{position:relative;background:#fff;border-radius:15px;overflow:hidden;border:1px solid #ded9db;box-shadow:0 28px 60px -25px #30111b55}
.case-browser-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;font-size:11px;color:#71717a;background:#fff;gap:8px}
.case-browser-bar>span:first-child{letter-spacing:3px;color:#cbc6c8;font-size:9px}
.case-browser-bar .ic{width:14px;height:14px}
.case-figure{margin:0;min-width:0}
.case-figure>a{position:relative;display:block;border-radius:16px;overflow:hidden;background:#e7e8ed;color:#fff}
.case-figure img{display:block;width:100%;height:auto}
.case-figure figcaption{font-size:14px;line-height:1.6;color:var(--muted);margin-top:14px;max-width:640px}
.case-browser .case-figure>a{border-radius:0}
.case-browser figcaption{display:none}
.case-zoom{position:absolute;bottom:14px;right:14px;display:flex;gap:8px;align-items:center;border-radius:99px;padding:9px 12px;background:#15151be8;color:#fff;font-size:12px;font-weight:700;opacity:0;transition:opacity .15s}
.case-zoom .ic{width:16px;height:16px}
.case-figure a:hover .case-zoom,.case-figure a:focus-visible .case-zoom{opacity:1}
.case-visual-note{display:flex;position:absolute;align-items:center;gap:13px;left:-8px;bottom:16px;background:#fff;color:#18181b;border:1px solid #ece6e7;border-radius:16px;padding:17px 20px;box-shadow:0 12px 35px -15px #2c111655;max-width:100%}
.case-visual-note>.ic{color:var(--brand-ink);width:30px;height:30px}
.case-visual-note b,.case-visual-note small{display:block}
.case-visual-note b{font-size:15px}.case-visual-note small{font-size:12px;color:#71717a}
.case-visual-note>span:last-child{margin-left:12px;font-size:22px}
.case-facts{display:grid;grid-template-columns:1fr 1fr 1.5fr 1fr;gap:22px;border-top:1px solid #dedbda;margin:0;padding:25px 0 30px}
.case-facts dt{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#71717a;margin-bottom:7px}
.case-facts dd{margin:0;font-size:14px;font-weight:700;line-height:1.6}
.case-facts dd a{display:inline-flex;align-items:center;gap:9px;color:var(--ink)}.case-facts .ic{width:16px;height:16px}
.case-jump{display:flex;flex-wrap:wrap;align-items:center;gap:4px 26px;padding-top:13px;padding-bottom:13px}
.case-jump a{display:flex;align-items:center;gap:12px;min-height:44px;font-size:13px;color:#52525b;font-weight:750}
.case-jump a:last-child{color:var(--brand-ink);margin-left:auto}.case-jump .ic{width:17px;height:17px}
.case-page h2{text-wrap:balance;font-size:clamp(32px,3.8vw,48px);line-height:1.1;letter-spacing:-.035em}
.case-page .head h2{max-width:820px}.case-page .head>p{max-width:340px}
.case-section-lead{font-size:18px;line-height:1.75;color:#52525b;max-width:600px}
.case-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}
.case-story h2{max-width:390px}
.case-story-copy{padding-left:26px;border-left:1px solid #e2dcde}
.case-story-copy article{position:relative;margin-bottom:35px}.case-story-copy article:last-child{margin:0}
.case-story-copy h3{font-size:23px;margin-bottom:15px}
.case-story-copy p{font-size:17px;line-height:1.8;color:#52525b;margin:0}
.case-dot{position:absolute;top:8px;left:-31px;width:9px;height:9px;border-radius:50%;background:#b5adb1;box-shadow:0 0 0 6px #fafafa}.case-dot.accent{background:var(--brand)}
.case-spotlight{background:radial-gradient(ellipse at 95% 90%,#392535 0,transparent 55%),#17171b!important}
.case-spotlight-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:100px}
.case-spotlight .case-kicker{color:#f7a8be}.case-spotlight h2{max-width:640px}
.case-spotlight .case-section-lead{color:#c6c5cd}
.case-assistant-steps{list-style:none;padding:0;display:grid;gap:0;margin:26px 0 32px;max-width:590px}
.case-assistant-steps li{display:flex;align-items:center;gap:15px;border-bottom:1px solid #3c3540;padding:12px 0;font-size:15px;color:#eeeaf0}
.case-assistant-steps li span{font-size:11px;font-weight:800;letter-spacing:.06em;color:#f7a8be}
.case-assistant-visual{max-width:380px;width:100%;justify-self:center;min-width:0}
.case-assistant-visual .case-figure>a{border:1px solid #5a5064;border-radius:18px;box-shadow:0 22px 65px -20px #0009;background:#f4f5fa}
.case-assistant-visual figcaption{color:#c6c5cd;font-size:12px}
.case-image-note{margin:8px 0 0;color:#c6c5cd;font-size:12px}
.case-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:34px;row-gap:22px}
.case-feature{display:flex;flex-direction:column;align-items:flex-start;min-width:0;border-top:1px solid #dedbdd;padding:24px 0 10px}
.case-feature-top{display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--brand-ink);margin-bottom:22px}
.case-feature-top>span{font-size:12px;font-weight:800;letter-spacing:.07em}.case-feature-top .ic{width:26px;height:26px}
.case-feature h3{font-size:24px;line-height:1.2;max-width:300px;min-height:58px}
.case-feature>p{font-size:16px;line-height:1.75;color:#52525b;margin-bottom:22px}
.case-benefit{margin-top:auto;padding-left:14px;border-left:2px solid #d9a2b2}
.case-benefit>span{font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.09em;color:var(--brand-ink)}
.case-benefit p{font-size:15px;line-height:1.7;margin:7px 0 0;color:#3f3f46}
.case-interest{font-size:12px;display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;margin-top:18px;font-weight:750;color:var(--ink2)}
.case-interest>span{font-size:20px;color:var(--brand-ink)}
.case-gallery-section{background:#e6e4e5}
.case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.case-gallery .case-figure>a{border:6px solid #fff;box-shadow:0 15px 28px -18px #19121855;border-radius:12px}
.case-gallery .case-figure img{aspect-ratio:1265/711;object-fit:cover;object-position:top}
.case-gallery .case-figure:last-child{padding-top:60px}
.case-outcome-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.case-outcomes article{display:flex;align-items:flex-start;gap:20px;padding:0 0 25px;margin-bottom:25px;border-bottom:1px solid #e3dde0}
.case-outcomes article:last-child{margin:0;padding:0;border:0}.case-outcomes .ic{color:var(--brand-ink);margin-top:3px}
.case-outcomes h3{font-size:23px}.case-outcomes p{font-size:17px;color:#52525b;margin:12px 0 0;line-height:1.75}
.case-notes{max-width:860px}
.case-fit{background:#f3e5e9}
.case-fit-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:center}
.case-fit ul{list-style:none;padding:0;margin:0}.case-fit li{display:flex;align-items:flex-start;gap:18px;padding:20px 0;border-bottom:1px solid #ddc9d0;font-size:19px;font-weight:650;line-height:1.5}.case-fit .ic{color:var(--brand-ink);margin-top:3px}
.case-services{display:grid;grid-template-columns:1fr 1fr;gap:80px}.case-services h2{font-size:34px}
.case-services>div:last-child a{display:flex;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid #dedbdd;color:var(--ink);font-weight:700}.case-services a>.ic:last-child{margin-left:auto;color:var(--brand-ink)}
.case-nameplate{position:relative;display:flex;flex-direction:column;justify-content:center;background:#222126;color:#fff;padding:50px 40px;min-height:300px;border-radius:18px;overflow-wrap:anywhere}.case-nameplate>span{font-size:24px;letter-spacing:-.03em;color:#ee8ca6}.case-nameplate strong{font-size:36px;line-height:1.15;letter-spacing:-.03em;margin:25px 0}.case-nameplate p{font-size:15px;color:#ccc}
.case-lightbox{border:0;border-radius:18px;background:#15151b;color:#fff;padding:20px;max-width:min(95vw,1400px);max-height:94vh;overflow:auto;box-shadow:0 30px 100px #0008}.case-lightbox::backdrop{background:#101016e8}.case-lightbox img{max-height:78vh;max-width:100%;width:auto;margin:26px auto 0;object-fit:contain}.case-lightbox p{margin:15px 0 0;font-size:14px;color:#eee}.case-lightbox-close{position:absolute;right:8px;top:6px;border:0;border-radius:50%;background:#3c3c48;color:#fff;width:40px;height:40px;cursor:pointer;font-size:28px;line-height:1}
@media(hover:none){.case-zoom{opacity:1}.case-zoom>span{display:none}}
@media(max-width:1000px){.case-hero-grid{gap:28px}.case-intro h1{font-size:46px}.case-story,.case-spotlight-grid,.case-outcome-layout,.case-fit-grid{gap:45px}.case-features{grid-template-columns:repeat(2,minmax(0,1fr))}.case-facts{grid-template-columns:1fr 1fr}.case-jump{gap:4px 20px}.case-jump a:last-child{margin-left:0}.case-services{gap:40px}}
@media(max-width:750px){.case-hero{padding-top:20px}.case-hero .bc{margin-bottom:30px}.case-hero-grid,.case-story,.case-spotlight-grid,.case-outcome-layout,.case-fit-grid,.case-services{grid-template-columns:1fr;gap:32px}.case-hero-grid{padding-bottom:30px}.case-intro h1{font-size:clamp(36px,9vw,49px)}.case-intro .lead{font-size:17px}.case-hero-visual{padding:10px 0 45px 5px}.case-hero-visual:before{inset:0 0 0 25px}.case-visual-note{left:0;bottom:10px;padding:13px 16px}.case-facts{gap:20px;font-size:13px}.case-facts>div:nth-child(3){grid-column:1/-1}.case-facts>div:last-child{grid-column:1/-1}.case-jump{gap:0 20px;padding:10px 24px}.case-jump a{font-size:12px}.case-kicker{font-size:11px}.case-section-lead{font-size:17px}.case-story h2{max-width:100%}.case-story-copy{padding-left:22px;margin-left:5px}.case-dot{left:-27px}.case-features{grid-template-columns:1fr;gap:14px}.case-feature h3{min-height:0;max-width:100%}.case-feature{padding-top:22px}.case-feature-top{margin-bottom:16px}.case-feature>p{margin-bottom:16px}.case-interest{margin-top:10px}.case-gallery{grid-template-columns:1fr;gap:30px}.case-gallery .case-figure:last-child{padding-top:0}.case-fit li{font-size:17px}.case-lightbox{padding:12px}.case-assistant-visual{max-width:350px}.case-nameplate{min-height:220px;padding:30px}.case-nameplate strong{font-size:30px}}
@media(prefers-reduced-motion:reduce){.case-zoom{transition:none}}