.mobile-revised { display:none; }
.preview-inquiry-note { color:#416892; font-size:14px; margin:0 24px 12px; }
@media (max-width:640px) {
  .mobile-original { display:none; }
  .mobile-revised { display:inline; }
  html { scroll-padding-top:76px; }
  .container,.site-navigation .nav-inner { width:calc(100% - 40px); }
  .site-navigation .nav-inner { height:64px; gap:12px; }
  .site-navigation .wordmark { font-size:25px; gap:8px; }
  .site-navigation .wordmark .joinery-mark { width:30px; height:30px; flex-basis:30px; }
  .site-navigation .nav-cta { font-size:12px; min-height:44px; padding:9px 12px; gap:9px; }
  .site-navigation .mobile-toggle { width:40px; flex-basis:40px; height:44px; }
  .clarity-home .hero { padding-top:24px; }
  .clarity-home .hero-heading { gap:0; padding-bottom:26px; }
  .clarity-home .hero .eyebrow { display:none; }
  .business-direction .hero .equal-headline { margin-top:0; gap:3px; }
  .hero .equal-headline .motion-line { font-size:44px; line-height:1.1; }
  .hero .equal-headline-promise { font-size:19px; margin-top:10px; }
  .clarity-home .hero-heading > .hero-intro { margin-top:14px; padding-bottom:0; }
  .clarity-home .hero-intro > p { font-size:16px; line-height:1.55; color:#d3dbce; }
  .clarity-home .hero-actions { display:none; }
  .clarity-home .hero-actions > .button { display:inline-flex; min-height:46px; padding:11px 16px; font-size:14px; }
  .clarity-home .hero-actions > .text-link { display:none; }
  .clarity-home .context-band { display:none; }
  .clarity-home .under-workspace { display:none; }
  .clarity-home .clarity-showcase-band { padding-bottom:28px; }
  .clarity-home .workspace { scroll-margin-top:76px; background:#e8f0f7; border:0; box-shadow:none; }
  .clarity-home .showcase .workspace-top { display:none; }
  .clarity-home .showcase .workspace-brand strong { font-size:13px; }
  .clarity-home .benefits-study .showcase-stage { height:auto; padding:22px 20px 8px; }
  .clarity-home .benefits-study .showcase-slide { grid-template-rows:auto minmax(172px,auto) auto; row-gap:18px; }
  .clarity-home .benefits-study .showcase-slide[hidden] { display:grid !important; visibility:hidden; pointer-events:none; }
  .clarity-home .benefits-study .slide-copy { padding:0; justify-content:flex-start; }
  .clarity-home .benefits-study .slide-copy .eyebrow { font-size:11px; margin-bottom:8px; }
  .clarity-home .benefits-study .slide-copy h2 { font-size:28px; line-height:1.18; }
  .clarity-home .benefits-study .slide-copy h2 br { display:initial; }
  .clarity-home .benefits-study .slide-copy h2 span::before { content:none; }
  .clarity-home .benefits-study .slide-description { font-size:16px; line-height:1.5; margin:0; color:#334e67; }
  .clarity-home .benefits-study .slide-visual { padding:0; border:0; background:transparent; align-items:center; }
  .clarity-home .benefit-art { max-width:none; margin:0; }
  .clarity-home .order-story > h3,.clarity-home .time-option > h3 { display:none; }
  .clarity-home .connection-study { padding:0; margin:0; }
  .clarity-home .connection-source { font-size:13px; }
  .clarity-home .benefit-art .connection-lines { height:90px; margin:8px 0; }
  .clarity-home .connection-result strong { font-size:17px; }
  .clarity-home .connection-result p { font-size:13px; color:#334e67; }
  .clarity-home .time-option .time-graph svg { height:108px; }
  .clarity-home .time-option { height:auto; }
  .clarity-home .graph-label,.clarity-home .graph-axis { font-size:13px; }
  .clarity-home .time-takeaway { display:none; }
  .clarity-home .graph-gain { stroke-width:4; vector-effect:non-scaling-stroke; }
  .clarity-home .benefits-study .return-chart .insight-heading h3 { font-size:20px; }
  .clarity-home .benefits-study .return-chart .insight-heading { justify-content:flex-end; }
  .clarity-home .benefits-study .return-chart .insight-heading > div { display:none; }
  .clarity-home .benefits-study .return-chart .scene-label { display:none; }
  .clarity-home .benefits-study .return-chart .insight-total { font-size:13px; line-height:1.4; color:#334e67; flex:0 1 auto; flex-direction:row; align-items:baseline; gap:5px; white-space:normal; }
  .clarity-home .benefits-study .return-chart .insight-total strong { font-size:16px; }
  .clarity-home .benefits-study .return-chart .insight-chart { gap:12px; margin-top:12px; }
  .clarity-home .benefits-study .return-chart .chart-plot { height:76px; }
  .clarity-home .benefits-study .return-chart .chart-column > p { font-size:13px; color:#334e67; gap:4px; }
  .clarity-home .benefits-study .return-chart .chart-column > p > span { width:5px; height:5px; flex-shrink:0; }
  .clarity-home .benefits-study .return-chart .insight-attention { background:transparent; border:0; border-left:3px solid #d1b778; padding:0 0 0 10px; }
  .clarity-home .benefits-study .return-chart .insight-attention strong { font-size:13px; line-height:1.5; }
  .clarity-home .benefits-study .return-chart .insight-attention p { display:none; }
  .clarity-home .showcase-footer { min-height:52px; padding:0 12px 8px; border:0; background:transparent; }
  .clarity-home .showcase-dot { width:44px; height:44px; }
  .clarity-home .showcase-pause { width:44px; height:44px; }
  .clarity-home .showcase-stage { touch-action:pan-y pinch-zoom; }
  .clarity-home .clarity-service,.clarity-home .clarity-example,.clarity-home .questions,.clarity-home .closing { padding:36px 0; }
  .clarity-heading .eyebrow,.clarity-example .eyebrow,.questions .eyebrow { font-size:11px; margin-bottom:12px; }
  .clarity-home .clarity-heading h2,.clarity-home .clarity-example h2,.clarity-home .questions h2,.clarity-home .closing h2 { font-size:28px; line-height:1.25; text-wrap:initial; }
  .clarity-home .clarity-heading > p:not(.eyebrow),.clarity-home .clarity-example p:not(.eyebrow),.clarity-home .clarity-work dd,.clarity-home .questions details > p,.clarity-home .closing .container > p:last-child { font-size:16px; line-height:1.6; color:#435345; }
  .clarity-home .clarity-heading > p:not(.eyebrow) { margin:16px 0; }
  .clarity-home .clarity-links { display:none; }
  .clarity-home .clarity-links a { min-height:44px; font-size:15px; }
  .clarity-home .clarity-links a:last-child { display:none; }
  .clarity-home .clarity-service-layout { gap:18px; }
  .clarity-home .clarity-work > div { padding:18px 0; }
  .clarity-home .clarity-work dt { font-size:19px; line-height:1.35; gap:10px; }
  .clarity-home .clarity-work dd { margin-top:8px; }
  .mobile-starting-points { display:block; background:#e5edf5; color:#243f5a; padding:36px 0; }
  .mobile-starting-points .eyebrow { font-size:11px; color:#4c6d8c; margin-bottom:12px; }
  .mobile-starting-points h2 { font-size:28px; line-height:1.25; }
  .starting-intro { font-size:16px; line-height:1.6; color:#334e67; margin:16px 0 24px; }
  .starting-benefits { list-style:none; margin:0; padding:0; }
  .starting-benefits > li { display:grid; grid-template-columns:20px minmax(0,1fr); gap:10px; border-top:1px solid #b7c9db; padding:20px 0; }
  .starting-benefits > li:last-child { border-bottom:1px solid #b7c9db; }
  .starting-benefits > li > svg { width:18px; height:18px; color:#416892; margin-top:3px; }
  .starting-benefits h3 { font-size:20px; line-height:1.35; }
  .starting-benefits p { font-size:15px; line-height:1.6; color:#334e67; margin-top:8px; }
  .mobile-starting-points .starting-contact { display:flex; width:100%; min-height:48px; font-size:15px; line-height:1.5; gap:12px; padding:13px 16px; margin-top:22px; }
  .starting-contact > span { min-width:0; }
  .clarity-home .questions-layout { gap:20px; }
  .clarity-home .questions-layout > div:first-child > a { display:none; }
  .clarity-home .questions summary { font-size:16px; line-height:1.5; padding-block:18px; }
  .clarity-home .questions summary svg { flex-shrink:0; }
  .clarity-home .questions details > p { padding-bottom:20px; }
  .clarity-home .clarity-guide-link { font-size:15px; min-height:44px; margin-top:16px; }
  .clarity-home .closing .button { min-height:48px; font-size:15px; padding:13px 16px; }
  .clarity-home .closing .container > p:last-child { margin-top:18px; }
  .clarity-home .site-footer { padding-top:32px; }
  .clarity-home .footer-top { row-gap:20px; padding-bottom:24px; }
  .clarity-home .footer-top nav a { min-height:44px; display:flex; align-items:center; font-size:14px; }
  .clarity-home .footer-bottom { font-size:11px; line-height:1.6; }
  .inquiry-dialog .inquiry-dialog-heading { padding-bottom:18px; }
  .inquiry-dialog #inquiry-title:focus { outline:none; }
  .inquiry-dialog .inquiry-dialog-heading p { font-size:15px; line-height:1.55; color:#435345; }
  .inquiry-dialog .preview-inquiry-note { margin:12px 0 0; font-size:13px; color:#416892; }
  .inquiry-dialog .inquiry-dialog-layout { gap:18px; }
  .inquiry-dialog .inquiry-picker > summary { min-height:44px; font-size:15px; gap:8px; }
  .inquiry-dialog .inquiry-picker > summary small { font-size:12px; color:#435345; }
  .inquiry-dialog .inquiry-selection > .eyebrow { font-size:12px; }
  .inquiry-dialog .inquiry-selection[data-mobile-inquiry-empty="true"] { display:none; }
  .inquiry-dialog .inquiry-selection li { font-size:14px; }
  .inquiry-dialog #inquiry-popup-form label { font-size:14px; }
  .inquiry-dialog .inquiry-field-label small { font-size:12px; color:#435345; }
  .inquiry-dialog .inquiry-local-note,.inquiry-dialog .inquiry-response-note { font-size:13px; color:#435345; }
}
@media (max-width:360px) {
  .container,.site-navigation .nav-inner { width:calc(100% - 32px); }
  .site-navigation .nav-inner { gap:8px; }
  .site-navigation .wordmark { font-size:21px; gap:6px; }
  .site-navigation .wordmark .joinery-mark { width:26px; height:26px; flex-basis:26px; }
  .site-navigation .nav-cta { padding-inline:9px; font-size:11px; gap:5px; }
  .hero .equal-headline .motion-line { font-size:40px; }
  .hero .equal-headline-promise { font-size:18px; }
  .clarity-home .benefits-study .showcase-stage { padding-inline:16px; }
  .clarity-home .benefits-study .slide-copy h2 { font-size:26px; }
  .clarity-home .connection-result strong { font-size:16px; }
  .clarity-home .connection-result { gap:8px; }
}
@supports (grid-template-rows:subgrid) {
  @media (max-width:640px) {
    /* Shared headline, artwork and caption rows keep each mobile scene composed as one panel. */
    .clarity-home .benefits-study .showcase-stage { grid-template-rows:auto minmax(172px,auto) auto; row-gap:18px; }
    .clarity-home .benefits-study .showcase-slide { grid-area:1 / 1 / 4 / 2; grid-template-rows:subgrid; }
  }
}