@import url('/components.css');
@media(max-width:1100px){.contact-layout{gap:50px}.form-panel{padding:27px}.form-columns{gap:13px}.project-choices label>span{padding:11px;font-size:.7rem}.case-overview{gap:40px}.design-system{grid-template-columns:1fr 1fr 1fr}.type-sample{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.type-sample strong{font-size:4rem}.design-mobile-layout{gap:50px}.desktop-preview{height:640px}}
@media(max-width:800px){.contact-layout{grid-template-columns:1fr;gap:40px}.contact-copy h1{font-size:4rem}.contact-copy h1 span{display:inline}.contact-lead{max-width:570px}.contact-direct{margin-top:25px}.next-steps{max-width:none}.next-steps ol{display:flex;gap:20px}.next-steps li{max-width:220px;display:block}.next-steps li span{display:block}.form-panel{padding:32px}.form-columns{gap:22px}.project-choices label>span{font-size:.85rem}.case-heading{align-items:flex-start;flex-direction:column}.case-overview{grid-template-columns:1fr;gap:30px}.case-facts{gap:25px}.design-mobile-layout{grid-template-columns:1fr}.mobile-preview{margin:auto}.design-system{gap:12px}.swatch{padding:20px;min-height:190px}.design-rules{gap:25px}.desktop-preview{height:480px}}
@media(max-width:600px){.hero-project{aspect-ratio:1.2;transform:rotate(-2deg);border-width:5px}.hero-project img{height:calc(100% - 79px)}.browser-chrome{height:29px}.hero-project-label{height:50px}.hero-project-label>small{font-size:.45rem}.hero-project-label>span{font-size:1.2rem}.project-note{bottom:-1px;right:0}.contact-page{padding-bottom:55px}.back-link{margin-bottom:30px}.contact-copy h1{font-size:clamp(3rem,12vw,4rem)}.contact-copy h1 span{display:block}.contact-copy>.eyebrow{font-size:.57rem;letter-spacing:.08em}.contact-lead{font-size:.95rem}.contact-direct>a{font-size:1.4rem}.contact-direct .email-link{font-size:1rem}.next-steps{margin-top:30px}.next-steps ol{display:block}.next-steps li{max-width:none;display:flex;gap:12px;font-size:.8rem}.next-steps li span{display:inline}.form-panel{padding:23px 18px;border-radius:13px}.form-intro{gap:10px}.form-intro .eyebrow{font-size:.54rem;letter-spacing:.08em}.form-time{font-size:.6rem}.project-choices{gap:7px}.project-choices label>span{font-size:.72rem;padding:11px;gap:8px}.form-columns{grid-template-columns:1fr;gap:0}.field input,.field select,.field textarea{font-size:16px}.privacy-check{font-size:.7rem}.optional-fields>summary{font-size:.74rem}.optional-fields summary>span{font-size:.62rem}.form-success h2{font-size:2.8rem}.contact-body .site-footer{padding-bottom:0}.case-hero .eyebrow{font-size:.6rem}.case-heading h1{font-size:clamp(2.7rem,10vw,4rem);overflow-wrap:anywhere}.case-heading p{font-size:1.1rem}.case-heading .button{font-size:.83rem}.case-cover{border-radius:8px 8px 0 0}.case-facts{grid-template-columns:1fr;gap:28px;margin-top:38px}.case-overview p{font-size:1rem}.case-facts h3{margin-top:15px}.design-intro{padding:60px 0}.design-intro .eyebrow{font-size:.55rem}.design-intro h1{font-size:clamp(2.7rem,10vw,4rem)}.design-intro p{font-size:.95rem}.design-system{grid-template-columns:repeat(3,1fr);gap:8px}.swatch{min-height:145px;padding:12px}.swatch>span{font-size:.5rem}.swatch strong{font-size:.85rem}.type-sample{flex-wrap:wrap;padding:25px 0 0;gap:20px}.type-sample>span{width:100%;font-size:.58rem}.design-rules{grid-template-columns:1fr;gap:20px;margin-top:35px}.design-rules p{font-size:.85rem}.desktop-preview{height:270px;border-width:4px}.design-mobile-layout{gap:40px}.mobile-preview{width:min(390px,100%);height:740px;border-width:6px}}