/* V1 full-page Split case studies.
   Light neutral theme adapted from Modern Minimal by serafimcloud:
   https://21st.dev/community/themes/modern-minimal
   Intro/media layout adapted from Editorial Hero by felipemenezes098:
   https://21st.dev/@felipemenezes098/components/hero-05
   Original font, orange accent, content and links retained. */
.version-two .case-study[data-case-style]{--case-bg:#fff;--case-ink:#252525;--case-muted:#555b62;--case-line:#e5e7eb;--case-soft:#f9fafb;--case-accent:#b84612;background:var(--case-bg);color:var(--case-ink);color-scheme:light;scrollbar-color:#aaa var(--case-bg)}
.version-two .case-study[data-case-style=split]{--case-bg:#f7f8fa;--case-soft:#fff;--case-line:#dce0e5}
.v1-case-toolbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 6vw;background:var(--case-bg);border-bottom:1px solid var(--case-line)}
.version-two .v1-case-toolbar .modal-close{position:static;width:auto;min-height:44px;height:44px;padding:0 18px;border:1px solid var(--case-line);background:var(--case-bg);color:var(--case-ink);font-size:14px;white-space:nowrap}
.version-two .v1-case-toolbar .modal-close:hover{background:var(--case-soft)}
.version-two .v1-case-toolbar .modal-close:focus-visible{outline:3px solid var(--case-accent);outline-offset:4px}




.version-two .case-study[data-case-style] .modal-head{padding-top:52px;padding-bottom:48px;background:none;border-bottom:1px solid var(--case-line);color:var(--case-ink)}
.version-two .case-study[data-case-style] .modal-num{color:var(--case-accent);margin-bottom:28px;font-size:12px;letter-spacing:.06em}
.version-two .case-study[data-case-style] .modal-head h2{font-size:clamp(42px,5.6vw,80px);font-weight:400;color:var(--case-ink);line-height:1.05;letter-spacing:-.055em;max-width:100%;margin-bottom:24px}
.version-two .case-study[data-case-style] .modal-head p{font-size:20px;line-height:1.6;color:var(--case-muted);max-width:65ch}
.version-two .case-study[data-case-style] .modal-head p b,.version-two .case-study[data-case-style] .modal-head p strong{color:var(--case-ink)}
.version-two .case-study[data-case-style] .modal-tags{margin-top:28px;gap:8px 20px}
.version-two .case-study[data-case-style] .modal-tags span{color:var(--case-muted);font-size:12px;padding:0;border:0;background:none}
.v1-case-preview{margin:36px 0 0;background:var(--case-soft);overflow:hidden;border-radius:12px;border:1px solid var(--case-line)}
.v1-case-preview[hidden]{display:none}
.v1-case-preview img{display:block;width:100%;height:auto;max-height:390px;object-fit:contain}
.version-two .case-study[data-case-style] .modal-body{padding-top:8px;padding-bottom:64px;font-size:17px;line-height:1.85;color:var(--case-muted)}
.version-two .case-study[data-case-style] .modal-body h4{margin:44px 0 22px;padding-top:0;border:0;font-size:28px;line-height:1.2;font-weight:500;letter-spacing:-.035em;color:var(--case-ink)}
.version-two .case-study[data-case-style] .modal-body p,.version-two .case-study[data-case-style] .modal-body ul{max-width:78ch}
.version-two .case-study[data-case-style] .modal-body li{margin-bottom:14px}
.version-two .case-study[data-case-style] .modal-body strong,.version-two .case-study[data-case-style] .modal-body b{color:var(--case-ink)}
.version-two .case-study[data-case-style] .modal-body li::marker{color:var(--case-accent)}
.version-two .case-study[data-case-style] .modal-body .stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 32px;padding:28px 0;border-block:1px solid var(--case-line)}
.version-two .case-study[data-case-style] .modal-body .stat-grid>div{padding:0;border:0;background:none;gap:12px}
.version-two .case-study[data-case-style] .modal-body .stat-grid .num{font-size:52px;line-height:1;color:var(--case-accent);letter-spacing:-.055em}
.version-two .case-study[data-case-style] .modal-body .stat-grid .lab{font-size:15px;line-height:1.6}
.version-two .case-study[data-case-style] .modal-body video{border:1px solid var(--case-line);border-radius:12px}
.version-two .case-study[data-case-style] .modal-foot{background:var(--case-bg);border-top:1px solid var(--case-line);padding-top:18px;padding-bottom:18px;backdrop-filter:none}
.version-two .case-study[data-case-style] .modal-foot:empty{display:none}
.version-two .case-study[data-case-style] .modal-foot a{color:#fff;background:var(--case-accent);white-space:nowrap;border:1px solid var(--case-accent)}
.version-two .case-study[data-case-style] .modal-foot a.alt{color:var(--case-ink);background:transparent;border:1px solid var(--case-line)}
.version-two .case-study[data-case-style] .modal-foot a:hover{background:var(--case-ink);color:var(--case-bg);border-color:var(--case-ink)}
.version-two .case-study[data-case-style] .modal-foot a:focus-visible{outline:3px solid var(--case-accent);outline-offset:4px}
/* Split: image and introduction share a row. Text-only projects split title and summary. */
.case-study[data-case-style=split][data-has-preview=true] .v1-case-head-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}
.case-study[data-case-style=split] .v1-case-preview{margin:0}
.version-two .case-study[data-case-style=split] .modal-head h2{font-size:clamp(40px,4.4vw,64px)}
.case-study[data-case-style=split][data-has-preview=false] .v1-case-intro{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.version-two .case-study[data-case-style=split] .modal-body h4{border-top:1px solid var(--case-line);padding-top:32px}
@media(max-width:900px){.case-study[data-case-style=split][data-has-preview=true] .v1-case-head-grid,.case-study[data-case-style=split][data-has-preview=false] .v1-case-intro{grid-template-columns:1fr;gap:24px}.version-two .case-study[data-case-style] .modal-body .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.v1-case-toolbar{flex-wrap:wrap;gap:12px;padding:14px 6vw}.version-two .case-study[data-case-style] .modal-head{padding-top:32px;padding-bottom:32px}.version-two .case-study[data-case-style] .modal-num{font-size:10px;margin-bottom:20px;min-height:0}.version-two .case-study[data-case-style] .modal-head h2{font-size:40px}.version-two .case-study[data-case-style] .modal-head p{font-size:16px;line-height:1.65}.version-two .case-study[data-case-style] .modal-tags{gap:8px 14px}.version-two .case-study[data-case-style] .modal-body{font-size:16px;line-height:1.75;padding-bottom:40px}.version-two .case-study[data-case-style] .modal-body h4{font-size:25px;margin-top:32px}.version-two .case-study[data-case-style] .modal-body .stat-grid{gap:24px 16px}.version-two .case-study[data-case-style] .modal-body .stat-grid .num{font-size:40px}.version-two .case-study[data-case-style] .modal-body .stat-grid .lab{font-size:13px}.version-two .case-study[data-case-style] .modal-foot{gap:8px;flex-wrap:wrap}.version-two .case-study[data-case-style] .modal-foot a{font-size:12px;padding:12px 16px}.v1-case-preview{margin-top:24px}}