/* Scope scrolling to the portfolio, never to the page or its three service scenes. */
.projects-scroll{height:78vh;height:78dvh;min-height:480px;max-height:820px;overflow-y:auto;overflow-x:hidden;padding:24px;border:1px solid var(--line);background:#050a16dc;scrollbar-gutter:stable;scrollbar-color:#8ec8e6 #0c192a;overscroll-behavior-y:auto}
.projects-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.scroll-hint{margin:12px 0 20px!important;font-size:14px!important}.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:44px}.case-card{min-width:0;padding:24px;border:1px solid var(--line);background:#091628}.case-card h3{font-size:23px;line-height:1.6;margin:16px 0}.case-card p{font-size:15px!important}.case-card .case-link{display:block;min-height:44px;margin-top:20px;text-decoration:underline;text-underline-offset:5px;line-height:1.8;color:#c0edff}.case-label{font-size:12px;line-height:1.8;color:#b6d6eb}.portfolio-subtitle{font-size:25px;margin-bottom:24px}.local-web-copy{max-width:650px;padding:32px 28px 40px 0}.local-web-copy h3{font-size:24px;margin:24px 0 12px}.local-web-copy p+p{margin-top:18px}.case-dialog-content{overflow-wrap:anywhere}.case-dialog-content h2,.case-dialog-content h1{font-size:clamp(24px,4vw,32px);line-height:1.65;margin:22px 0}.case-dialog-content h3{font-size:21px;margin:25px 0 12px;letter-spacing:0}.case-dialog-content p{font-size:16px;line-height:2}.case-dialog-content a{text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}.case-dialog-content .case-meta{font-size:13px}.case-dialog-content .case-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.case-dialog-content .case-actions a{display:inline-flex;align-items:center;min-height:44px}.case-dialog-content [role=status]{font-size:16px}.scene-detail-copy .projects-scroll{height:auto;min-height:0;max-height:none;overflow:visible;padding:0;border:0;background:none}.scene-detail-copy .case-grid{grid-template-columns:1fr}.scene-detail-copy .case-link{display:block}.case-route-shell{padding:130px 24px 40px;min-height:100svh;background:radial-gradient(ellipse at 70% 10%,#123354,#050814 65%)}.case-route-shell>p{max-width:760px;margin:0 auto 30px}.case-route-dialog{max-width:800px}.case-route-dialog[open]:not(:modal){position:relative;inset:auto;width:100%;margin:0 auto;max-height:none;overflow:visible;box-shadow:none}.case-route-dialog:modal{max-height:calc(100dvh - 32px)}.case-route-dialog .case-route-close{display:inline-flex;min-height:44px;align-items:center;padding:8px 16px;border:1px solid var(--line);background:#0b1428;position:sticky;top:0;z-index:2}.case-route-page .site-header .brand{max-width:100%}.case-route-page .site-header{position:relative;min-height:88px}.case-route-page .case-route-shell{padding-top:32px}.case-route-page .site-footer{padding:35px 24px}
@media(max-width:760px){.projects-scroll{padding:18px;height:78vh;height:78dvh;min-height:480px}.case-grid{grid-template-columns:1fr;gap:20px}.case-card{padding:20px}.case-card h3{font-size:22px}.local-web-copy{padding-right:0}.case-route-shell{padding-inline:18px}.case-route-dialog{padding:20px}.case-dialog-content h1{font-size:25px}.case-dialog-content h3{font-size:20px}}
@media(max-height:580px){.projects-scroll{min-height:360px}}