@media (max-width:1180px){
  :root{--crstel-section:96px;--crstel-gutter:28px;--crstel-header:84px}
  .crstel-nav{gap:22px}.crstel-nav__list{gap:20px}.crstel-nav__cta{display:none}
  .crstel-three-column{gap:36px}
  .crstel-process-list{grid-template-columns:repeat(3,minmax(0,1fr))}.crstel-process-list li{border-bottom:1px solid color-mix(in srgb,var(--crstel-white) 24%,transparent)}
  .crstel-project-card:nth-child(4n+2),.crstel-project-card:nth-child(4n+3){margin-top:80px}
  .crstel-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:820px){
  :root{--crstel-section:76px;--crstel-gutter:20px;--crstel-header:76px}
  body{font-size:15px}
  h1{font-size:clamp(2.75rem,12vw,5.5rem)}h2{font-size:clamp(2rem,8.5vw,4rem)}
  .crstel-header.is-scrolled{height:68px}.crstel-brand .custom-logo{width:62px;height:62px}.crstel-header.is-scrolled .custom-logo{width:54px;height:54px}
  .crstel-menu-toggle{display:flex;position:relative;z-index:1002}
  .crstel-nav{position:fixed;inset:0;z-index:1001;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:32px;padding:calc(var(--crstel-header) + 52px) var(--crstel-gutter) 48px;background:var(--crstel-dark);color:var(--crstel-white);overflow:auto;visibility:hidden;opacity:0;transform:translateY(-12px);transition:opacity var(--crstel-transition),transform var(--crstel-transition),visibility 0s linear var(--crstel-transition)}
  .crstel-nav.is-open{visibility:visible;opacity:1;transform:none;transition-delay:0s}
  .crstel-nav__list{width:100%;display:block;border-top:1px solid color-mix(in srgb,var(--crstel-white) 34%,transparent)}
  .crstel-nav__list li{border-bottom:1px solid color-mix(in srgb,var(--crstel-white) 23%,transparent)}
  .crstel-nav__list a{min-height:68px;font-size:1.25rem;font-weight:400}
  .crstel-nav__cta{display:inline-flex}
  body.crstel-menu-open .crstel-menu-toggle{color:var(--crstel-white)}
  .crstel-page-hero{padding-block:76px}.crstel-page-hero h1{margin-bottom:28px}
  .crstel-home-hero{min-height:auto;padding:0;display:block}.crstel-home-hero>.crstel-shell{min-height:82svh;padding-block:72px 88px;display:flex;flex-direction:column;justify-content:flex-end}.crstel-home-hero>.crstel-shell::before{background:linear-gradient(0deg,rgba(19,19,19,.94) 0%,rgba(19,19,19,.28) 70%,rgba(19,19,19,.08) 100%)}.crstel-home-hero__media{aspect-ratio:4/5}.crstel-home-hero__media img{object-position:center}
  .crstel-project-hero{padding-top:72px}.crstel-project-hero__copy{padding-bottom:48px}.crstel-project-hero__media{height:auto;aspect-ratio:4/5}.crstel-project-hero__media img{object-position:center}
  .crstel-section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:48px}.crstel-section-heading .crstel-eyebrow{grid-column:auto}.crstel-section-heading>p:last-child{margin:0}
  .crstel-two-column,.crstel-three-column,.crstel-project-intro,.crstel-service-hero{grid-template-columns:1fr;gap:48px}
  .crstel-three-column>div{padding-top:24px;border-top:1px solid color-mix(in srgb,currentColor 35%,transparent)}
  .crstel-project-grid{display:block}.crstel-project-card,.crstel-project-card:nth-child(4n+2),.crstel-project-card:nth-child(4n+3){margin:0 0 64px}.crstel-project-card:last-child{margin-bottom:0}.crstel-project-card__media{aspect-ratio:1/1}
  .crstel-service-list a{grid-template-columns:48px 1fr 36px;gap:16px;min-height:132px}.crstel-service-list p{display:none}.crstel-service-list h2{font-size:clamp(1.6rem,7vw,3rem)}
  .crstel-process-list{grid-template-columns:1fr}.crstel-process-list li{min-height:auto;padding:24px 0;border-right:0}.crstel-process-list li::before{margin-bottom:20px}
  .crstel-comparison{aspect-ratio:4/5}.crstel-comparison img{object-position:center}
  .crstel-gallery{display:block}.crstel-gallery figure,.crstel-gallery figure:nth-child(even){margin:0 0 20px;aspect-ratio:1/1}
  .crstel-form__grid{grid-template-columns:1fr}.crstel-field--full{grid-column:auto}
  .crstel-footer{padding-top:72px}.crstel-footer__grid{grid-template-columns:1fr;gap:40px;padding-bottom:52px}.crstel-footer__legal{display:block}.crstel-footer__legal p+ p{margin-top:8px}
}

@media (max-width:420px){
  :root{--crstel-section:64px}
  .crstel-page-hero{padding-block:64px}
  .crstel-comparison__label{top:12px}.crstel-comparison__label--before{left:12px}.crstel-comparison__label--after{right:12px}
  .crstel-facts>div{grid-template-columns:1fr;gap:6px}
  .crstel-button-row{display:grid}.crstel-button-row .crstel-button{width:100%}
}

@media (orientation:landscape) and (max-height:520px) and (max-width:900px){
  .crstel-nav{padding-top:88px}.crstel-nav__list a{min-height:52px}.crstel-project-hero__media{max-height:none;aspect-ratio:16/9}
}

@media (forced-colors:active){.crstel-button{border:2px solid ButtonText}.crstel-comparison__handle{background:CanvasText}.crstel-field input,.crstel-field select,.crstel-field textarea{border:1px solid CanvasText}}
