/* Air between the active project frame and its controls. */
.deck-cards{bottom:108px}.portfolio-grid{column-gap:24px;row-gap:48px}.inner-section-heading>p{max-width:650px}.inner-section-heading>p .heading-line{display:block}.inner-cta p .heading-line,.cs-section-head>p .heading-line{display:block}
/* Real project screens sit fully contained in quiet, pastel frames. */
.deck-satellites img{width:210px;height:auto;aspect-ratio:4/3;object-fit:contain;object-position:center;padding:0;background:#fff;border:5px solid #fff;border-radius:3px;box-shadow:0 4px 20px #22304b10;opacity:1}.deck-satellites img:nth-child(2n){background:#fff;border-color:#fff}.deck-satellites img:nth-child(1){left:4%;top:12%}.deck-satellites img:nth-child(2){right:4%;top:9%}.deck-satellites img:nth-child(3){left:7%;bottom:11%}.deck-satellites img:nth-child(4){right:6%;bottom:9%}
/* Labels keep the same small, explicit distance from their field. */
.contact-form-panel .field,.contact-redesign .contact-form-panel .field{display:flex;flex-direction:column;gap:6px;align-items:stretch}.contact-form-panel .field label,.contact-redesign .field label,.contact-form-panel .compact-half label,.contact-redesign .compact-half label{display:flex;align-items:baseline;gap:4px;min-height:0;height:auto;margin:0;line-height:1.5;font-size:11px}.contact-form-panel .field input,.contact-form-panel .field select,.contact-form-panel .field textarea{margin-top:0;margin-bottom:0}.audit-dialog form label,.project-dialog form label{display:flex;flex-direction:column;gap:6px;margin:0;font-size:11px;line-height:1.5}.audit-dialog form{display:grid;gap:14px}.audit-dialog input,.audit-dialog textarea,.audit-dialog select{margin-top:0}.audit-dialog label input,.audit-dialog label select,.audit-dialog label textarea{margin:0}.audit-dialog .button{margin-top:2px}.project-dialog .project-form-row{gap:14px}.project-dialog form{gap:14px}
.studio-proof{margin:0 24px 24px}.studio-proof .metric-number{font-weight:400}.studio-proof+.studio-intro{margin-top:0}.studio-proof .proof-item{gap:14px}.studio-proof strong.metric-number{font-family:var(--body-face);font-weight:400;display:block}
@media(max-width:1100px) and (min-width:701px){.deck-satellites img{width:160px;height:auto;padding:0}.deck-satellites img:nth-child(1),.deck-satellites img:nth-child(3){left:2%}.deck-satellites img:nth-child(2),.deck-satellites img:nth-child(4){right:2%}}
@media(max-width:700px){.deck-cards{bottom:auto}.deck-tabs{margin-top:28px!important}.deck-sticky{gap:0;padding-bottom:32px}.portfolio-grid{gap:36px}.inner-section-heading>p{font-size:12px;line-height:1.85;max-width:none}.studio-proof{margin:0 20px 12px}.studio-proof .metric-number{font-size:34px}.studio-proof .proof-item>span{font-size:8px!important;line-height:1.6!important}.contact-form-panel .field label,.contact-redesign .field label,.contact-form-panel .compact-half label,.contact-redesign .compact-half label{font-size:10px;min-height:0;margin:0;gap:4px}.audit-dialog form label,.project-dialog form label{font-size:10px;gap:6px;margin:0}.audit-dialog form,.project-dialog form{gap:12px}.audit-dialog form input,.audit-dialog form select,.audit-dialog form textarea{margin:0}.project-dialog .project-form-row{gap:10px}#mobile-menu>.mobile-menu-cta{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:var(--control-radius,4px);padding:14px 16px;margin:18px 0 4px;font:12px/1.5 var(--body-face);min-height:46px;width:100%}#mobile-menu>.mobile-menu-cta:hover{background:#1218b8;color:white}#mobile-menu>.mobile-menu-cta svg{width:18px;height:18px}#mobile-menu>a{padding-block:13px}}
/* All five main-page heroes share the same copy baseline and viewport height. */
@media(min-width:701px){.hero{min-height:calc(100svh - 88px);padding:64px 24px 88px;align-items:center}.hero>.hero-copy{top:auto}.hero>.hero-copy,.text-only-hero>.inner-hero-copy{min-height:320px}.hero-copy>.eyebrow{margin-bottom:16px}.hero-copy h1{line-height:1.08}.hero-copy .hero-bottom{margin-top:24px}.hero-copy .hero-bottom p{font-size:15px;line-height:1.8}.hero-copy .hero-buttons{margin-top:26px}}
@media(max-width:700px){.hero{padding:44px 20px 64px;min-height:calc(100svh - 76px)}.hero>.hero-copy{top:auto}.hero-copy .hero-bottom{margin-top:20px}.hero-copy .hero-buttons{margin-top:22px}}
@media(max-width:700px){.hero{align-content:start;align-items:start}}
/* One visible copy stack, shared by Home and every main-page hero. */
.hero>.hero-copy,.text-only-hero>.inner-hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:0;height:auto;padding:0;top:auto;gap:0}.hero>.hero-copy>*{animation:none;transform:none;opacity:1}.hero>.hero-copy>.eyebrow,.text-only-hero>.inner-hero-copy>.eyebrow{display:block;font-size:10px!important;line-height:16px;margin:0 0 16px;padding:0}.hero>.hero-copy>h1,.text-only-hero>.inner-hero-copy>h1{font-size:var(--h1-size);line-height:1.08;margin:0;padding:0;animation:none;transform:none;opacity:1}.hero>.hero-copy>p,.text-only-hero>.inner-hero-copy>p{font-size:15px;line-height:27px;margin:24px 0 0;padding:0;width:100%;max-width:650px}.hero>.hero-copy>.inner-hero-actions,.text-only-hero>.inner-hero-copy>.inner-hero-actions{display:flex;align-items:center;gap:14px;margin:26px 0 0;padding:0;min-height:42px;animation:none;transform:none;opacity:1}.hero>.hero-copy>.inner-hero-actions .button,.text-only-hero>.inner-hero-copy>.inner-hero-actions .button{box-sizing:border-box;min-height:42px;height:42px;line-height:18px;padding-block:11px}
@media(max-width:700px){.hero>.hero-copy>h1,.text-only-hero>.inner-hero-copy>h1{font-size:32px;line-height:1.08}.hero>.hero-copy>p,.text-only-hero>.inner-hero-copy>p{font-size:13px;line-height:23.4px;margin-top:20px;max-width:none}.hero>.hero-copy>.inner-hero-actions,.text-only-hero>.inner-hero-copy>.inner-hero-actions{margin-top:22px;gap:12px;flex-wrap:wrap}}