.case-page main{padding-bottom:60px}
.case-page section{padding:clamp(48px,6vw,88px) 0;scroll-margin-top:100px}
.case-page h1{font-size:clamp(44px,5.7vw,80px);line-height:1.04;max-width:17ch;letter-spacing:-.045em;overflow-wrap:anywhere;text-wrap:balance}
.case-page h2{font-size:clamp(29px,3.7vw,49px);line-height:1.14;max-width:31ch;letter-spacing:-.035em;overflow-wrap:anywhere;text-wrap:balance}
.case-page h3{font-size:clamp(22px,2.2vw,28px);line-height:1.2;overflow-wrap:anywhere}
.case-page .lead{font-size:clamp(22px,2.35vw,31px);line-height:1.3;max-width:29ch}
.case-page .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,66px)}
.case-page .hero-grid>*,.case-page .story-grid>*,.case-page .arch-grid>*,.case-page .results-grid>*,.case-page .cta-box>*{min-width:0}
.case-page .hero{padding-top:54px}
.case-page .copy,.case-page .panel>p{font-size:17px;line-height:1.72}
.case-page .anonym{font-size:11px;line-height:1.5;border-radius:12px}
.case-page .label,.case-page .eyebrow,.case-page .sys{font-size:11px;line-height:1.6;letter-spacing:.13em}
.case-page .incident{min-height:0;border-radius:28px;padding:22px}
.case-page .event strong{display:block;font-size:14px;line-height:1.4;margin-bottom:4px}
.case-page .event span{display:block;font-size:13px;line-height:1.55}
.case-page .incident-head{gap:14px;flex-wrap:wrap}
.case-page .incident-head b,.case-page .live{line-height:1.5;overflow-wrap:anywhere}
.case-page .quote{font-size:clamp(22px,2.4vw,30px);line-height:1.4;overflow-wrap:anywhere}
.case-page .perspectives{grid-template-columns:repeat(5,minmax(0,1fr))}
.case-page .persp{min-height:0;padding:20px 17px}
.case-page .persp strong{margin-top:20px;font-size:19px}
.case-page .persp p,.case-page .persp .q{font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.case-page .persp .person{font-size:12px}
.case-page .persp .pno{font-size:10px}
.case-page .panel{padding:26px;min-width:0}
.case-page .panel h3{margin-top:10px}
.case-page .panel>.layer-stack{position:static;inset:auto;margin-top:24px;display:grid;grid-template-rows:none;gap:11px}
.case-page .panel>.layer-stack>.layer{min-height:66px;padding:16px 18px;gap:12px;flex-wrap:wrap}
.case-page .panel>.layer-stack>.layer b{font-size:15px;line-height:1.4}
.case-page .panel>.layer-stack>.layer small{font-size:11px;line-height:1.5}
.case-page .artifact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.case-page .artifact{min-height:0;display:flex;flex-direction:column;padding:23px}
.case-page .artifact h3{font-size:24px;line-height:1.25}
.case-page .artifact p,.case-page .buildstep p,.case-page .metric p{font-size:15px;line-height:1.65}
.case-page .artifact .num{font-size:10px;line-height:1.5}
.artifact-tags{display:flex;gap:7px;flex-wrap:wrap;list-style:none;padding:20px 0 0;margin:auto 0 0}
.artifact-tags li{font-size:12px;line-height:1.5;color:#b7c7d0;border:1px solid #294555;padding:6px 9px;border-radius:8px;background:#081b29}
.case-page .buildline{grid-template-columns:repeat(4,minmax(0,1fr))}
.case-page .buildstep strong{display:block;font-size:18px;line-height:1.4;overflow-wrap:anywhere;margin:12px 0 9px}
.case-page .metric strong{font-size:clamp(30px,3.3vw,44px);line-height:1.2;letter-spacing:-.035em;overflow-wrap:anywhere}
.case-page .metric b{font-size:11px;line-height:1.6;letter-spacing:.1em}
.case-page .voice blockquote{font-size:19px;line-height:1.6;margin:0;overflow-wrap:anywhere}
.case-page .voice small{font-size:12px;line-height:1.5}
.case-page .footnote{font-size:12px}
.case-page .cta-box h2{max-width:27ch;font-size:clamp(28px,3.2vw,43px)}
.case-page .cta-box{align-items:center}
.case-page .btn{font-size:11px;line-height:1.5;display:inline-block;text-align:center}
.case-page .flow{scrollbar-color:#466274 #071521}
.case-page .flow .step{flex:0 0 118px}
.case-page .cell{overflow-wrap:anywhere;font-size:12px;line-height:1.55}
.case-page .screen-top{height:auto;min-height:48px;padding:12px 14px;gap:12px;flex-wrap:wrap}
.case-page .screen-top b{font-size:11px;line-height:1.5}
.case-page .screen-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0}
.case-page .ticket{font-size:13px;line-height:1.55;padding:12px}
.case-page .ticket b{font-size:13px;line-height:1.5}
.workspace-context{display:grid;align-content:center;gap:16px;padding:20px;background:linear-gradient(160deg,#0a2132,#071521)}
.workspace-context b{display:block;color:#e6c475;font-size:10px;letter-spacing:.12em;margin-bottom:5px}
.workspace-context span{display:block;color:#c9d4da;font-size:14px;line-height:1.55}
.fragmented-system{margin-top:34px;border:1px solid #263d4c;border-radius:24px;padding:26px;background:linear-gradient(160deg,#0b2233,#06121e)}
.fragmented-nodes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}
.fragmented-nodes li{border:1px dashed #416172;border-radius:14px;padding:18px 14px;min-width:0}
.fragmented-nodes strong{display:block;font-size:16px;font-weight:500;color:#e3e8e9;line-height:1.4}
.fragmented-nodes span{display:block;font-size:14px;line-height:1.55;color:#a5b8c4;margin-top:8px;overflow-wrap:anywhere}
.fragmented-note{margin-top:24px!important;padding-top:20px;border-top:1px solid #294352;color:#e6c475!important;font-size:16px;line-height:1.6!important}
.case-visual-section h2{margin-top:14px}
.case-keyvisual{margin:30px 0;border:1px solid #294150;border-radius:24px;overflow:hidden;background:#0b1f2e}
.case-keyvisual img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover}
.case-keyvisual figcaption{padding:18px 23px;font-size:15px;line-height:1.6;color:#bbcad4;border-top:1px solid #294150}
.case-system{padding:clamp(22px,3.2vw,42px);border:1px solid #294150;border-radius:24px;background:linear-gradient(145deg,#0b2233,#071521)}
.system-heading h3{max-width:34ch;margin-top:10px;font-size:clamp(23px,2.5vw,32px)}
.system-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);gap:42px;margin-top:32px;align-items:center}
.system-columns>*{min-width:0}
.system-label{font-size:10px;color:#87b8d1;letter-spacing:.14em;line-height:1.5;margin-bottom:12px}
.system-nodes{display:grid;gap:10px;list-style:none;padding:0;margin:0}
.system-nodes li{border:1px solid #35566a;border-radius:13px;padding:14px 16px;background:#0b1e2d}
.system-nodes strong{display:block;font-size:16px;line-height:1.4;font-weight:500;color:#e0e9ed;overflow-wrap:anywhere}
.system-nodes span{display:block;font-size:14px;line-height:1.55;color:#a5bccb;margin-top:4px;overflow-wrap:anywhere}
.system-core{position:relative;text-align:center;border:1px solid #9d7b3d;border-radius:24px;padding:30px 20px;background:radial-gradient(circle at 50% 10%,#27312f,#0a1d2b 72%)}
.system-core::before,.system-core::after{content:"";position:absolute;top:50%;height:1px;width:42px;background:linear-gradient(90deg,#2bb7ff,#e6c475)}
.system-core::before{right:100%}.system-core::after{left:100%}
.core-symbol{display:block;width:70px;height:70px;margin:0 auto 16px;color:#e6c475}
.core-symbol svg{display:block;width:100%;height:100%}
.system-core h4{font-size:23px;line-height:1.25;font-weight:450;color:#e6c475;margin:0 0 14px;overflow-wrap:anywhere}
.system-core p{font-size:15px;line-height:1.65;color:#c1cdd4}
.system-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:24px 0 0;margin:30px 0 0;list-style:none;border-top:1px solid #294150}
.system-track li{padding:13px 15px;border-radius:12px;background:#081a28;font-size:14px;line-height:1.55;color:#c3d0d9;overflow-wrap:anywhere}
.system-track span{display:block;font-size:10px;color:#e6c475;letter-spacing:.15em;margin-bottom:7px}
@media(max-width:1100px){.case-page .perspectives{grid-template-columns:repeat(3,minmax(0,1fr))}.fragmented-nodes{grid-template-columns:repeat(3,minmax(0,1fr))}.system-columns{gap:26px}.system-core::before,.system-core::after{width:26px}}
@media(max-width:980px){.case-page .hero-grid,.case-page .story-grid,.case-page .arch-grid,.case-page .results-grid,.case-page .cta-box{grid-template-columns:minmax(0,1fr)}.case-page .hero{min-height:auto}.case-page .hero-grid{gap:30px}.case-page .buildline{grid-template-columns:repeat(2,minmax(0,1fr))}.case-page .artifact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-page .cta-actions{justify-content:flex-start}}
@media(max-width:760px){.system-columns{grid-template-columns:minmax(0,1fr);gap:28px}.system-core::before,.system-core::after{width:1px;height:28px;background:linear-gradient(#2bb7ff,#e6c475);left:50%;right:auto;top:auto}.system-core::before{bottom:100%}.system-core::after{top:100%}.system-input,.system-output{position:relative;z-index:1}.system-track{grid-template-columns:repeat(2,minmax(0,1fr))}.system-core{padding:26px}.system-nodes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.case-page .wrap{width:calc(100% - 32px)}.case-page section{padding:46px 0}.case-page h1{font-size:clamp(38px,9.5vw,58px);max-width:100%;line-height:1.1}.case-page h2{font-size:30px;line-height:1.18;max-width:100%}.case-page .hero{padding:34px 0 42px}.case-page .lead{font-size:22px;line-height:1.4}.case-page .copy,.case-page .panel>p{font-size:16px}.case-page .incident{padding:18px}.case-page .perspectives,.case-page .artifact-grid,.case-page .metrics{grid-template-columns:minmax(0,1fr)}.case-page .persp{padding:20px;min-height:0}.case-page .persp strong{margin-top:12px}.case-page .persp .q{padding-top:16px}.case-page .panel{padding:20px}.case-page .screen-body{grid-template-columns:minmax(0,1fr)}.case-page .queue{border-right:0}.case-page .buildline{grid-template-columns:minmax(0,1fr)}.case-page .voice blockquote{font-size:18px}.case-page .cta-box{padding:23px}.case-page .brand .word{width:135px}.case-page .brand{gap:8px}.case-page header{padding:0 16px;gap:12px}.case-page .b32-topnav{gap:6px}.case-page .b32-topnav a{padding:8px 9px;font-size:9px}.fragmented-system{padding:20px}.fragmented-nodes{grid-template-columns:minmax(0,1fr)}.fragmented-nodes li{padding:14px}.case-keyvisual{margin:25px 0;border-radius:20px}.case-keyvisual figcaption{padding:16px;font-size:14px}.case-system{padding:20px;border-radius:20px}.system-nodes{grid-template-columns:minmax(0,1fr)}.system-heading h3{font-size:25px}}
@media(max-width:360px){.system-track{grid-template-columns:minmax(0,1fr)}.case-page .cell{font-size:11px;padding:8px 5px}.case-page .brand .word{width:122px}}
@media print{.case-page header{position:static}.case-page section{break-inside:avoid}.case-keyvisual img{max-height:360px;object-fit:contain}.case-page .btn{display:none}}