.masthead{height:94px;padding:14px 26px;gap:20px}
.project-heading{display:block;min-width:0}
.technology-kicker{display:block;color:#6b7c91;font-size:12px;letter-spacing:.1em;margin-bottom:6px}
.project-heading h1{font-size:clamp(18px,1.8vw,26px);line-height:1.4;letter-spacing:.015em;max-width:none}
.company-logo{width:240px;flex-shrink:0}
.case-area{flex:1;display:flex;flex-direction:column;min-height:0;gap:12px}
.case-subnav{display:flex;align-items:center;gap:10px;border-bottom:1px solid #d9e3ed;flex:none;padding-bottom:10px}
.case-subnav>span{font-size:13px;color:#6b7c91;margin-right:auto}
.case-subnav button{background:#fff;border:2px solid #9ab4ce;color:#173b60;font-size:16px;font-weight:700;line-height:1.4;padding:10px 24px;border-radius:8px;min-height:48px;min-width:144px;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}
.case-subnav button:hover{background:#edf5ff;border-color:#2768a9}
.case-subnav button.active{background:#195e9f;border-color:#195e9f;color:#fff;box-shadow:inset 0 -3px 0 #104676,0 2px 5px #173b6020}
.case-subnav button:focus-visible{outline:3px solid #93bce3;outline-offset:2px}
.promo-view{display:flex;flex-direction:column;gap:14px;overflow:auto}
.promo-player{flex:1;min-height:240px;background:#0c1c2b;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.promo-player video{display:block;width:100%;height:100%;max-height:calc(100dvh - 240px);object-fit:contain}
.promo-caption{font-size:13px;color:#6b7c91;margin:0}
.process-view>.page-heading{padding:4px 0 6px}
.process-layout{grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr)}
@media(max-width:1100px){.company-logo{width:200px}.process-layout{grid-template-columns:1fr}.case-subnav{gap:5px}.case-area{gap:8px}}
@media(max-width:700px){
 .masthead{height:auto;min-height:92px;padding:12px;align-items:center;gap:12px}
 .technology-kicker{font-size:12px;letter-spacing:0}
 .project-heading h1{font-size:18px;line-height:1.5}
 .company-logo{width:105px;max-height:42px}
 .case-area{flex:none}.case-subnav{flex-wrap:wrap;gap:8px}
 .case-subnav>span{width:100%;font-size:12px}.case-subnav button{flex:1;min-width:0;padding:11px 12px}
 .promo-view{flex:none}.promo-player{flex:none;min-height:0;aspect-ratio:16/9}
 .promo-player video{max-height:none}.promo-view h2{font-size:20px}
 .sidebar .nav-button{font-size:14px;padding:10px 8px;min-width:0}
}
@media(min-width:701px) and (max-height:700px){.masthead{height:76px}.case-area{min-height:500px}.content{overflow:auto}}