/* 10. RESPONSIVE SYSTEM */
@layer responsive {
/* Services cards adapt to their container */
@container services (max-width:900px){.service-card.large{grid-column:auto}}@container services (max-width:700px){.services-bento{grid-template-columns:repeat(2,1fr)}}@container services (max-width:450px){.services-bento{grid-template-columns:1fr}.service-card{padding-block:var(--space-8);padding-inline:var(--space-6)}}
/* Work items adapt to their container */
@container work (max-width:768px){.work-item{flex-basis:min(85vw,360px)}.work-img-wrap{height:280px}}@container work (max-width:450px){.work-item{flex-basis:min(88vw,300px)}.work-img-wrap{height:240px}.work-info{padding:var(--space-5)}}
/* Pricing cards adapt to their container */
@container pricing (max-width:900px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@container pricing (max-width:600px){.pricing-grid{grid-template-columns:1fr;max-width:500px;margin-inline:auto}}@container pricing (max-width:450px){.pricing-card{padding-block:var(--space-9);padding-inline:var(--space-6)}}
/* Industries adapt to their container */
@container industries (max-width:768px){.industries-grid{grid-template-columns:repeat(2,1fr)}}@container industries (max-width:450px){.industries-grid{grid-template-columns:1fr}}
/* ===== Breakpoint: 1400px ===== */
@media (max-width:1400px){:root{--container:1180px}.footer-grid{gap:var(--space-12)}.hero-bottom{gap:var(--space-12)}}
/* ===== Breakpoint: 1200px ===== */
@media (max-width:1200px){:root{--container:1024px}.team-grid{grid-template-columns:repeat(2,1fr)}.clients-grid{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.5fr repeat(3,1fr);gap:var(--space-10)}.process-timeline{grid-template-columns:repeat(2,1fr)}.case-body{padding:var(--space-12)}}
/* ===== Breakpoint: 992px ===== */
@media (max-width:992px){:root{--container:100%}.nav-links{display:none}.hamburger{display:flex}.hero-bottom,.about-grid,.contact-grid{grid-template-columns:1fr;gap:var(--space-10)}.about-grid-left{position:static}.case-slide{grid-template-columns:1fr}.case-body{padding:var(--space-9)}.case-visual img{min-height:300px}.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-10)}.locations-grid{grid-template-columns:1fr}.comparison-wrap{grid-template-columns:1fr}.comparison-col.them{order:2}.heroMain,.hero-main{align-items:flex-start;flex-direction:column}.hero-shape{align-self:center}.work-header{padding-inline:var(--space-8)}.work-scroll{margin-inline:var(--space-8)}}
/* ===== Breakpoint: 768px ===== */
@media (max-width:768px){:root{--section-y:64px}.section-padding{padding-block:var(--section-y)}.services-bento,.process-timeline,.press-quotes{grid-template-columns:1fr}.service-card.large{grid-column:auto}.stats-section{padding-block:var(--space-15);padding-inline:var(--space-8)}.work-header{padding-inline:var(--space-6)}.work-scroll{margin-inline:var(--space-6);gap:var(--space-4)}.work-item{flex-basis:min(85vw,300px)}.work-img-wrap{height:250px}.work-scroll-indicator{padding-block-start:var(--space-4);padding-inline:var(--space-6)}.spotlight{min-height:480px}.spotlight-content{padding-block:var(--space-9);padding-inline:var(--space-7)}.principle-row{grid-template-columns:60px 1fr 44px;gap:var(--space-4)}.principle-desc{display:none}.tech-orbit{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);height:auto;padding-block:var(--space-5)}.tech-center,.tech-orbit-ring{display:none}.tech-pill{position:static!important;transform:none!important;text-align:center}.hero-orb,.noise-overlay{display:none}.navbar.scrolled{backdrop-filter:blur(12px)}.contact-grid{gap:var(--space-12)}.footer-bottom{flex-direction:column;align-items:flex-start}.industries-grid{grid-template-columns:repeat(2,1fr)}.stat-card{align-items:center}.stats-grid .stat-desc{width:100%;text-align:center}.pricing-grid{grid-template-columns:1fr;max-width:500px;margin-inline:auto;gap:var(--space-20)}}
/* ===== Breakpoint: 576px ===== */
@media (max-width:576px){.form-row,.about-metrics,.stats-grid,.clients-grid,.team-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-big-text{font-size:64px}.hero-stats{flex-wrap:wrap;gap:var(--space-6)}.case-results{grid-template-columns:1fr}.case-controls{padding-inline:var(--space-5)}.contact-detail-row{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.local-times{flex-direction:column;gap:var(--space-2)}.back-to-top{inset-inline-end:var(--space-5);inset-block-end:var(--space-5)}.hero{padding-block-start:100px;padding-block-end:56px}.hero h1{font-size:var(--text-7xl)}.modal-content{padding:var(--space-5)}.case-body{padding:var(--space-7)}.stats-section{padding:var(--space-10)}.pricing-card{padding-block:var(--space-9);padding-inline:var(--space-6)}.testimonial-card{padding:var(--space-7)}.nav-cta{display:none}}
/* ===== Breakpoint: 320px ===== */
@media (max-width:320px){:root{--section-y:48px;--gutter:12px}.hero h1{font-size:40px;line-height:1}.section-title{font-size:26px}.nav-logo{font-size:18px}.brand-mark{width:26px;height:26px}.btn{padding-block:12px;padding-inline:20px;font-size:12px;min-height:44px}.footer-big-text{font-size:44px}.work-item{flex-basis:90vw}.work-img-wrap{height:200px}.stats-section{padding:var(--space-7)}.spotlight{min-height:380px}.spotlight-content{padding:var(--space-6)}.spotlight h3{font-size:28px}.manifesto-text{font-size:24px}.case-body{padding:var(--space-5)}.case-visual img{min-height:220px}.modal-title{font-size:22px}.testimonial-quote{font-size:16px}.pricing-amount{font-size:36px}}
/* ===== Safety Breakpoint: 240px ===== */
@media (max-width:240px){:root{--section-y:32px;--gutter:8px}.hero{padding-block-start:80px;padding-block-end:40px}.hero h1{font-size:28px}.section-title{font-size:20px}.btn{padding-block:10px;padding-inline:14px;font-size:11px;min-height:44px}.nav-logo{font-size:14px;gap:4px}.brand-mark{width:22px;height:22px}.modal{padding:var(--space-2)}.modal-content{padding:var(--space-4)}.modal-title{font-size:18px}.modal-close{width:44px;height:44px;inset-block-start:8px;inset-inline-end:8px}.footer-big-text{font-size:32px}.footer-col h5{font-size:16px}.footer-col a{padding-block:8px;padding-inline:10px;font-size:12px}.work-item{flex-basis:95vw}.work-img-wrap{height:160px}.work-info{padding:var(--space-4)}.work-info h3{font-size:16px}.stats-section{padding:var(--space-5);border-radius:var(--radius-md)}.stats-grid .stat-value{font-size:32px}.spotlight{min-height:320px;border-radius:var(--radius-md)}.spotlight-content{padding:var(--space-4)}.spotlight h3{font-size:20px}.spotlight-cta{padding-block:10px;padding-inline:14px;font-size:12px;min-height:44px}.manifesto-text{font-size:18px}.case-body{padding:var(--space-4)}.case-body h3{font-size:20px}.case-visual img{min-height:180px}.testimonial-card{padding:var(--space-5);min-width:92vw}.testimonial-quote{font-size:14px}.pricing-card{padding:var(--space-5)}.pricing-amount{font-size:28px}.pricing-cta{padding-block:12px;font-size:12px}.nav-cta{display:none}.hamburger{min-width:44px;min-height:44px}.hamburger span{width:22px}.feature-item{font-size:12px;padding-block:8px}.field-group input,.field-group textarea,.field-group select{font-size:14px}.back-to-top{inset-inline-end:8px;inset-block-end:8px;width:44px;height:44px;font-size:18px}.principle-row{grid-template-columns:36px 1fr 44px;gap:var(--space-2);padding-inline:4px}.principle-title{font-size:16px}}
/* ===== Touch / Pointer Optimizations ===== */
@media (hover:none),(pointer:coarse){.custom-cursor{display:none}.member-socials{opacity:1;transform:none}}
/* ===== Reduced Motion ===== */
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.custom-cursor,.hero-orb,.hero-shape svg,.tech-orbit-ring,.marquee-track,.float-y,.deco-symbol{animation:none!important}}
/* ===== Improvement 3 — Forced-colors / High-contrast mode ===== */
@media (forced-colors:active){:focus-visible{outline:3px solid CanvasText;outline-offset:3px}.btn,.btn-primary,.btn-outline,.pricing-cta,.view-btn,.spotlight-cta,.nav-cta .btn,.work-filter,.budget-chip,.skip-link{border:2px solid CanvasText!important;forced-color-adjust:none;background:ButtonFace!important;color:ButtonText!important}.btn:hover,.btn:focus-visible,.pricing-cta:hover,.view-btn:hover,.spotlight-cta:hover,.work-filter.active,.budget-chip.active{background:Highlight!important;color:HighlightText!important;border-color:HighlightText!important}.hamburger,.modal-close,.scroll-arrow,.case-arrow,.faq-toggle,.principle-arrow,.back-to-top{border:2px solid CanvasText!important;forced-color-adjust:none;background:ButtonFace!important;color:ButtonText!important}.hamburger span,.marquee-dot,.logo-dot,.badge-dot{background:CanvasText!important;forced-color-adjust:none}.navbar,.navbar.scrolled,.modal-panel,.mobile-menu{background:Canvas!important;border-color:CanvasText!important}.text-gradient,.footer-big-text{-webkit-text-fill-color:CanvasText!important;color:CanvasText!important;background:none!important}a:focus-visible,button:focus-visible{outline:3px solid Highlight;outline-offset:3px}}
}