.brand{white-space:nowrap}.header-inner{flex-wrap:wrap;gap:12px 24px}.nav-links{gap:8px 18px}.nav-links a{font-size:14px}.skip-link{position:fixed;left:20px;top:-80px;z-index:100;background:#fff;padding:12px}.skip-link:focus{top:10px}a:focus-visible,button:focus-visible{outline:3px solid #0878d1;outline-offset:5px}.marquee-controls{display:flex;justify-content:flex-end}.marquee-toggle{border:0;background:none;color:#526070;text-decoration:underline;cursor:pointer;padding:6px 0;font:inherit;font-size:12px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.work-card{display:flex;flex-direction:column;text-decoration:none;padding:26px;border:1px solid #dce3eb;border-radius:8px;background:#f8fafc;transition:border-color .2s}.work-card:hover{border-color:#0878d1}.work-card h3{margin:10px 0;font-size:25px;line-height:1.2}.work-card p{font-size:16px}.work-card>span:last-child{margin-top:auto;color:#0878d1;font-size:15px;font-weight:700}.case-contents{display:flex;flex-wrap:wrap;gap:12px 24px;padding-top:32px;padding-bottom:24px;border-bottom:1px solid #e5e9ee;font-size:15px}.legacy-content{padding-top:40px;padding-bottom:64px}.legacy-content .container{width:100%;margin:0}.legacy-content h2{font-size:clamp(28px,3.5vw,44px);line-height:1.15;letter-spacing:-.03em;margin:54px 0 24px}.legacy-content h3{font-size:clamp(24px,2.6vw,32px);line-height:1.25;letter-spacing:-.02em;margin:40px 0 20px}.legacy-content h4{font-size:22px;line-height:1.3;margin:16px 0 10px}.legacy-content h5{font-size:20px;font-weight:500;margin:0}.legacy-content p,.legacy-content li{max-width:100%;line-height:1.7}.legacy-content ul{padding-left:24px}.legacy-content .project-full,.legacy-content .slides{list-style:none;padding:0;margin:28px 0}.legacy-content img{height:auto;max-width:100%;margin:20px auto;border-radius:6px}.legacy-content .project-full img{width:100%}.legacy-content .adapted-grid{display:flex;flex-wrap:wrap;gap:24px}.legacy-content .adapted-grid>.one-third,.legacy-content .adapted-grid>.col-md-4{flex:1 1 28%;min-width:0}.legacy-content .adapted-grid>.one-half,.legacy-content .adapted-grid>.eight,.legacy-content .adapted-grid>.col-md-6{flex:1 1 42%;min-width:0}.legacy-content .qoute,.legacy-content blockquote{margin:30px 0;padding:26px 32px;border-left:3px solid #0878d1;background:#f2f6fa;border-radius:0 8px 8px 0}.legacy-content hr{border:0;border-top:1px solid #e2e7ec;margin:36px 0}.legacy-content .process-phases{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:48px 0 20px;padding:18px;background:#eff5fb;border-radius:8px}.legacy-content .rock-process-circle{display:inline-grid;place-items:center;width:32px;height:32px;background:#0b78cf;color:#fff;border-radius:50%;font-size:15px}.legacy-content .process-phases span{font-weight:700;margin-right:14px}.legacy-content .carousel-single-work{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.legacy-content .carousel-single-work img{margin:0}.legacy-content a{color:#076ab7;overflow-wrap:anywhere}.legacy-content .one-page{margin-bottom:32px}.legacy-content .data{padding:14px 0}.legacy-content .circle:empty{display:none}.legacy-content .title-post h2{display:none}[id]{scroll-margin-top:150px}.legacy-content table{max-width:100%;display:block;overflow:auto}.legacy-content iframe{max-width:100%}
@media(max-width:900px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header{padding:14px 0}.nav-links{width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.nav-links a{flex-shrink:0}.legacy-content .adapted-grid{gap:16px}}
@media(max-width:600px){.container,.container.narrow{width:calc(100% - 32px)}.work-grid{grid-template-columns:1fr}.hero-panel{padding:32px 24px;min-height:350px}.hero h1{font-size:40px}.legacy-content{padding-top:24px}.legacy-content .adapted-grid{display:block}.legacy-content .carousel-single-work{grid-template-columns:1fr}.legacy-content blockquote,.legacy-content .qoute{padding:20px}.case-contents{font-size:14px}.legacy-content .process-phases{gap:8px;font-size:14px}.legacy-content .rock-process-circle{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}