@font-face{font-family:Bati Nunito;src:url(/assets/cases/bati-home/nunito-sans.woff2) format("woff2");font-weight:200 900;font-style:normal;font-display:swap}.bati-case{--case-reading-font:Inter,Arial,sans-serif;background:radial-gradient(ellipse 80% 700px at 90% 0,#a277e329,transparent),radial-gradient(ellipse 70% 650px at 0 40%,#684ae51c,transparent);padding-bottom:40px}.bati-case[data-reading-font=serif]{--case-reading-font:Georgia,"Times New Roman",serif}.case-hero{padding-block:32px 56px}.case-hero .breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;margin-bottom:64px}.case-hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:center}.case-hero h1{font:650 clamp(40px,5.5vw,78px)/1.13 var(--display);letter-spacing:-.06em;margin:0 0 24px}.case-hero h1 span{color:var(--accent)}.case-hero .eyebrow{color:var(--accent);margin-bottom:24px}.case-hero-subtitle{font-size:20px;line-height:1.6;max-width:34ch;margin:0 0 28px}.case-tags{display:flex;gap:8px;flex-wrap:wrap}.case-tags span{padding:7px 10px;font-size:10px;border:1px solid var(--border);border-radius:6px}.case-hero-intro>p:first-child{font-size:17px;color:var(--muted);line-height:1.85;max-width:48ch}.case-hero-intro .text-button{text-decoration:none;font-size:13px}.case-hero-intro .page-publication{font-size:10px;margin-top:30px;line-height:1.8}.case-cover{border:1px solid var(--border);border-radius:20px;background:radial-gradient(ellipse at 85% 20%,#a9524e55,transparent 70%),linear-gradient(125deg,#223e61,#22213a 60%,#413954);padding:32px 6% 24px;overflow:hidden;color:#f8f8ff}.case-cover-label,.case-cover-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:10px;letter-spacing:.08em}.case-cover-label{margin-bottom:32px}.case-cover .case-figure{margin:0}.case-cover .case-image-button{box-shadow:0 22px 55px #0004;border:1px solid #ffffff50;border-radius:10px}.case-cover .case-image-button img{aspect-ratio:1.69;object-fit:cover;object-position:top}.case-cover figcaption{display:none}.case-cover-foot{margin-top:28px;letter-spacing:0;font-size:11px}.case-cover-foot a{display:flex;gap:12px;align-items:center;text-decoration:none;white-space:nowrap}.case-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:72px;padding-top:80px;align-items:start}.case-article-main{min-width:0}.case-summary{border-left:2px solid var(--accent);padding:0 0 0 24px;margin-bottom:64px}.case-hero>.case-summary{margin:40px 0 0}.case-summary .eyebrow{font-size:10px;margin-bottom:12px}.case-summary>p:last-child{font-size:15px;line-height:1.8;color:var(--muted);margin:0;max-width:68ch}.case-chapter{scroll-margin-top:16px;margin-bottom:80px}.case-chapter-heading{display:flex;gap:14px;align-items:center;margin-bottom:20px}.case-chapter-heading>span{font:500 12px/1 Inter;color:var(--accent)}.case-chapter-heading .eyebrow{margin:0;font-size:10px}.case-chapter h2,.case-next-step h2{font:600 clamp(26px,3vw,39px)/1.25 Inter,Arial,sans-serif;letter-spacing:-.04em;max-width:27ch;margin:0 0 28px}.case-reading-copy p{font-family:var(--case-reading-font);font-size:var(--case-reading-size);line-height:1.85;color:var(--muted);margin:0 0 24px;max-width:70ch}.case-situations{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-block:36px}.case-situations>div{border-top:1px solid var(--border);padding-top:20px}.case-situations>div>span{font-size:11px;color:var(--accent)}.case-situations h3{font-size:16px;font-weight:550;line-height:1.5;margin:16px 0 12px}.case-situations p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.case-figure{margin:36px 0 0;min-width:0}.case-image-button{display:block;position:relative;width:100%;padding:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#f7f9fc;line-height:0;text-align:left}.case-image-button>img{display:block;width:100%;height:auto}.case-zoom{position:absolute;right:14px;bottom:14px;display:flex;gap:8px;align-items:center;background:#f9f9f5ed;color:#171721;border:1px solid #17172128;border-radius:50px;padding:10px 12px;line-height:1;font-size:11px;box-shadow:0 3px 12px #0002}.case-image-button:hover .case-zoom{background:#fff}.case-figure figcaption{font-size:11px;line-height:1.7;color:var(--muted);padding-top:12px}.case-project-views{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start;margin-top:36px}.case-project-views>.case-figure{margin:0}.case-project-views.has-mobile-view{grid-template-columns:minmax(0,1fr) minmax(0,32%);align-items:center}.case-figure-mobile{width:100%;max-width:320px;justify-self:center}.case-figure-mobile .case-image-button{border:5px solid color-mix(in srgb,var(--text) 22%,var(--bg));border-radius:22px}.case-figure-mobile .case-zoom{padding:8px;right:5px;bottom:5px}.case-figure-mobile .case-zoom span{display:none}@media(max-width:1050px){.case-project-views{gap:16px}}@media(max-width:500px){.case-project-views,.case-project-views.has-mobile-view{grid-template-columns:minmax(0,1fr);gap:24px}.case-figure-mobile{max-width:260px}}.case-type-board{margin-top:36px;padding:32px;border:1px solid color-mix(in srgb,var(--project-color-ink,#fff) 24%,var(--project-color,#0a2440));border-radius:16px;background:linear-gradient(120deg,var(--project-color,#0a2440),color-mix(in srgb,var(--project-color,#0a2440) 88%,var(--project-color-ink,#fff)));color:var(--project-color-ink,#fff)}.case-type-title{display:flex;justify-content:space-between;gap:24px;align-items:start;color:color-mix(in srgb,currentColor 80%,transparent)}.case-type-title .eyebrow{font-size:10px;color:inherit;margin-bottom:0}.case-type-title>span{font-size:11px;color:inherit}.case-type-specimen{font-family:var(--project-font,Inter),Arial,sans-serif;display:flex;align-items:center;gap:32px;padding-block:32px}.case-type-specimen>span{font-size:clamp(72px,9vw,120px);letter-spacing:-.06em;line-height:1}.case-type-specimen>p{font-size:clamp(22px,2.6vw,35px);line-height:1.3;margin:0;max-width:15ch;overflow-wrap:anywhere;min-width:0}.case-type-alphabet{font:22px/1.7 var(--project-font,Inter),Arial,sans-serif;overflow-wrap:anywhere;letter-spacing:.06em;color:color-mix(in srgb,currentColor 80%,transparent);border-top:1px solid color-mix(in srgb,currentColor 28%,transparent);padding-top:24px;margin:0 0 24px}.case-type-controls>div{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.case-type-controls button{border:1px solid color-mix(in srgb,currentColor 32%,transparent);border-radius:7px;padding:10px 12px;color:inherit;background:transparent;font-size:12px;display:flex;gap:9px;align-items:center;min-height:44px}.case-type-controls button small{opacity:.65;font-size:10px}.case-type-controls button[aria-pressed=true]{background:var(--project-color-ink,#fff);color:var(--project-color,#0a2440)}.case-type-controls label{display:flex;flex-direction:column;gap:10px;color:color-mix(in srgb,currentColor 80%,transparent);font-size:12px}.case-type-controls input{min-width:0;width:100%;border:1px solid color-mix(in srgb,var(--project-color-ink,#fff) 35%,transparent);background:color-mix(in srgb,var(--project-color-ink,#fff) 5%,transparent);border-radius:7px;padding:12px;color:var(--project-color-ink,#fff);font-size:13px}.case-type-controls button:hover{background:color-mix(in srgb,var(--project-color-ink,#fff) 12%,transparent)}.case-type-controls button[aria-pressed=true]:hover{background:var(--project-color-ink,#fff)}.case-type-controls button:focus-visible,.case-type-controls input:focus-visible{outline-color:var(--project-color-ink,#fff)}.case-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:20px;border:1px solid var(--border);border-radius:12px;overflow:hidden}.case-palette:has(>div:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}.case-palette>div{padding:24px 16px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;gap:14px}.case-palette span{font-size:11px}.case-palette strong{font-size:14px;font-weight:500;letter-spacing:-.02em}.case-palette small{font-size:10px}.case-build-facts{border-top:1px solid var(--border);margin:32px 0 0}.case-build-facts>div{display:grid;grid-template-columns:1fr 1.4fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--border);font-size:14px;line-height:1.8}.case-build-facts dt{font-weight:500}.case-build-facts dd{margin:0;color:var(--muted)}.case-text-links{display:flex;flex-direction:column;align-items:start;gap:18px;padding-top:8px}.case-text-links a,.case-source-link{font-size:13px;text-underline-offset:5px}.case-text-links a{display:flex;gap:12px;align-items:center}.case-results{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:36px 0}.case-results:has(>div:only-child){grid-template-columns:minmax(0,1fr)}.case-results>div{padding:32px;border:1px solid var(--border);border-radius:14px;background:var(--surface-panel)}.case-results strong{font:650 72px/1.1 Inter,Arial,sans-serif;letter-spacing:-.06em;color:var(--accent)}.case-results h3{font-size:17px;font-weight:500;margin:14px 0 12px}.case-results p{color:var(--muted);font-size:11px;line-height:1.8;margin:0}.case-rankings{display:grid;grid-template-columns:1fr 1fr;gap:24px}.case-rankings>div{padding:24px 0;border-top:1px solid var(--border)}.case-rankings .eyebrow{font-size:9px;margin-bottom:12px}.case-rankings h3{font-size:18px;font-weight:500}.case-rankings p:not(.eyebrow){font-size:13px;color:var(--muted)}.case-rankings small{font-size:11px;color:var(--muted)}.case-source-link{color:var(--muted);display:inline-block;margin-top:16px;font-size:11px}.case-sidebar{align-self:stretch;min-width:0}.case-sidebar-sticky{position:static}.case-sidebar nav>.eyebrow{font-size:10px;margin-bottom:14px}.case-sidebar nav a{display:flex;align-items:baseline;gap:12px;min-height:40px;border-left:1px solid var(--border);padding:9px 0 9px 14px;text-decoration:none;font-size:13px;color:var(--muted);line-height:1.6;transition:color .18s,border-color .18s,background .18s}.case-sidebar nav a>span{flex:none;font-size:10px;font-variant-numeric:tabular-nums;line-height:2}.case-sidebar nav a[aria-current]{color:var(--text);border-color:var(--accent);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 9%,transparent),transparent)}.case-sidebar nav a:hover{color:var(--text);border-color:var(--accent)}.case-reading-tools{margin-top:20px;padding-top:12px;border-top:1px solid var(--border);color:var(--text)}.case-reading-tools>summary{display:flex;align-items:center;gap:9px;min-height:44px;list-style:none;font-size:12px;font-weight:500;line-height:1.5;cursor:pointer}.case-reading-tools>summary::-webkit-details-marker{display:none}.case-reading-tools>summary:hover{color:var(--accent)}.case-reading-tools>summary>svg{flex:none}.case-tools-chevron{margin-left:auto;transition:transform .18s}.case-reading-tools[open] .case-tools-chevron{transform:rotate(180deg)}.case-reading-options{display:grid;gap:12px;padding-top:12px}.case-reading-option{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px}.case-option-label{color:var(--muted);font-size:12px;line-height:1.5}.case-segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:3px;border:1px solid var(--border);border-radius:7px;background:color-mix(in srgb,var(--bg) 28%,transparent)}.case-size-options{grid-template-columns:repeat(3,minmax(0,1fr))}.case-segmented button{min-width:0;min-height:40px;padding:8px 5px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--muted);font-size:12px;line-height:1.3;transition:background .18s,color .18s,border-color .18s}.case-segmented button:hover{color:var(--text);background:color-mix(in srgb,var(--accent) 8%,transparent)}.case-segmented button[aria-pressed=true]{color:var(--text);font-weight:600;border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.case-segmented .case-serif-option{font-family:Georgia,Times New Roman,serif;font-size:13px}.case-reading-tools>summary:focus-visible,.case-segmented button:focus-visible,.case-sidebar nav a:focus-visible,.case-back-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.case-back-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:14px;color:var(--muted);font-size:12px;line-height:1.5;text-decoration:none}.case-back-link:hover{color:var(--accent)}@media(min-width:601px){.project-case .portfolio-contact-float{display:none}}@media(min-width:781px)and (min-height:700px){.case-sidebar-sticky{position:sticky;top:112px}}@media(max-width:780px){.case-sidebar{grid-row:1}.case-sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.case-sidebar nav>.eyebrow{grid-column:1/-1;margin-bottom:12px}.case-sidebar nav a{align-items:center;min-height:44px;padding:9px 0 9px 12px}.case-reading-tools{margin-top:20px}.case-reading-tools>summary{font-size:13px}.case-reading-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.case-back-link{margin-top:12px}}@media(max-width:500px){.case-sidebar nav{gap:0 12px}.case-sidebar nav a{font-size:12px}.case-reading-options{grid-template-columns:1fr;gap:12px}.case-reading-option{grid-template-columns:48px minmax(0,1fr)}.case-segmented button{min-height:44px}}@media(prefers-reduced-motion:reduce){.case-sidebar nav a,.case-tools-chevron,.case-segmented button{transition:none}}.case-sources{border-top:1px solid var(--border);padding-top:28px;scroll-margin-top:16px}.case-sources h2{font:500 20px Inter,Arial,sans-serif}.case-sources p{font-size:12px;color:var(--muted);line-height:1.8}.case-sources ol{padding-left:20px}.case-sources li{padding:12px 0;scroll-margin-top:16px}.case-sources li a{display:inline-flex;gap:10px;align-items:center;font-size:13px;text-underline-offset:4px}.case-sources li p{margin-bottom:0}.case-next-step{margin:64px 0 88px;padding-top:36px;border-top:1px solid var(--border)}.case-next-step>p:not(.eyebrow){font-size:16px;color:var(--muted);max-width:50ch}.case-next-step>div{display:grid;gap:16px;margin:24px 0 32px}.case-next-step>div>a{display:flex;gap:12px;align-items:center;font-size:14px;text-underline-offset:4px}.case-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:32px;margin:0;border:0;background:#080914ed;z-index:150;color:#fff;overflow:auto}.case-lightbox::backdrop{background:#080914db}.case-lightbox-content{max-width:1400px;margin:auto}.case-lightbox header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;position:sticky;top:0;z-index:2;padding-block:12px;background:#080914f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.case-lightbox header p{font-size:14px;margin:0}.case-lightbox header button{display:grid;place-items:center;flex:none;width:48px;height:48px;border:1px solid #ffffff60;background:#232332;border-radius:50%;color:#fff}.case-lightbox-content>img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 150px);object-fit:contain;margin:auto;border-radius:10px}.case-lightbox-tall .case-lightbox-content>img{width:100%;max-height:none}:root[data-theme=light] .bati-case{background:radial-gradient(ellipse 80% 700px at 90% 0,#a079e42e,transparent),radial-gradient(ellipse 60% 650px at 0 45%,#b79eef33,transparent)}@media(min-width:1500px){.case-article-layout{grid-template-columns:minmax(0,820px) 280px;gap:100px;justify-content:space-between}}@media(max-width:1050px){.case-hero-grid{gap:40px}.case-article-layout{gap:36px;grid-template-columns:minmax(0,1fr) 220px}.case-type-board{padding:24px}.case-type-title{display:block}.case-type-title>span{display:block;margin-top:10px}.case-type-specimen{gap:20px}.case-palette{grid-template-columns:1fr 1fr}.case-palette>div{min-height:120px}.case-situations{gap:16px}}@media(max-width:780px){.case-hero .breadcrumb{margin-bottom:40px}.case-hero-grid{grid-template-columns:1fr;gap:24px}.case-hero h1{font-size:clamp(38px,8vw,64px)}.case-hero-intro>p:first-child{max-width:65ch}.case-hero-intro .page-publication{margin-top:20px}.case-cover{padding:24px}.case-cover-foot>span{max-width:28ch}.case-article-layout{grid-template-columns:1fr;gap:32px;padding-top:48px}.case-summary{margin-top:8px}.case-chapter h2{max-width:30ch}.case-situations{gap:24px}.case-type-title{display:flex}.case-type-title>span{margin:0}.case-type-specimen>span{font-size:95px}.case-type-specimen>p{font-size:32px}.case-palette{grid-template-columns:repeat(4,1fr)}}@media(max-width:500px){.case-hero{padding-top:24px;padding-bottom:32px}.case-hero .breadcrumb{font-size:10px;gap:7px;margin-bottom:32px}.case-hero h1{font-size:38px}.case-hero .eyebrow{font-size:10px}.case-hero-subtitle{font-size:18px}.case-hero-intro>p:first-child{font-size:15px}.case-tags span{font-size:9px}.case-cover{padding:20px 16px;border-radius:14px}.case-cover-label{font-size:8px;letter-spacing:.03em;gap:12px;margin-bottom:20px}.case-cover-foot{margin-top:20px;font-size:10px;align-items:start;flex-direction:column;gap:12px}.case-cover-foot>span{max-width:none}.case-cover .case-image-button img{aspect-ratio:1.2;object-fit:cover;object-position:top left}.case-cover .case-zoom span{display:none}.case-cover .case-zoom{right:8px;bottom:8px;padding:8px}.case-summary{padding-left:20px;margin-bottom:48px}.case-summary>p:last-child{font-size:14px}.case-chapter{margin-bottom:56px;scroll-margin-top:16px}.case-chapter h2{font-size:29px}.case-reading-copy p{font-size:calc(var(--case-reading-size) - 1px)}.case-situations{grid-template-columns:1fr;gap:20px}.case-situations>div{display:grid;grid-template-columns:20px 1fr;gap:6px 16px}.case-situations>div>span{padding-top:5px}.case-situations h3{margin:0}.case-situations p{grid-column:2}.case-type-title{display:block}.case-type-title>span{margin-top:10px}.case-type-board{padding:24px 20px}.case-type-specimen{display:block}.case-type-specimen>span{font-size:90px}.case-type-specimen>p{font-size:30px;max-width:none;margin-top:24px}.case-type-alphabet{font-size:18px}.case-type-controls button{font-size:11px;padding:9px;flex-direction:column;justify-content:center;gap:4px}.case-palette{grid-template-columns:1fr 1fr}.case-palette>div{padding:20px;min-height:130px}.case-results{gap:16px}.case-results>div{padding:20px 16px}.case-results strong{font-size:56px}.case-results h3{font-size:14px;line-height:1.6}.case-rankings{grid-template-columns:1fr;gap:0}.case-build-facts>div{grid-template-columns:1fr;gap:6px}.case-next-step{margin-bottom:48px}.case-lightbox{padding:16px}.case-lightbox header{gap:12px}.case-lightbox header p{font-size:12px}.case-type-controls>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:6px}.case-palette:has(>div:nth-child(3):last-child){grid-template-columns:minmax(0,1fr)}.case-palette:has(>div:nth-child(3):last-child)>div{min-height:110px;gap:10px}}