
.hero-grid h1{font-size:clamp(46px,5.45vw,78px);line-height:1.04;letter-spacing:-3.5px}
.hero-copy{max-width:480px}
.consult-cta{display:inline-flex;align-items:center;gap:22px;max-width:100%;line-height:1.5}
.contact .consult-cta{margin-top:26px}
.consult-cta>span{flex-shrink:0}
#brief-form{scroll-margin-top:110px}
.case-detail{scroll-margin-top:95px}
@media(min-width:1200px){.portfolio-card h3{font-size:24px;min-height:58px;line-height:1.2}}
@media(max-width:1000px){.hero-grid h1{font-size:64px}}
@media(max-width:520px){.hero-grid h1{font-size:clamp(36px,10.5vw,50px);letter-spacing:-1.9px}.contact h2{font-size:37px;letter-spacing:-1.5px}.consult-cta{font-size:12px;gap:12px;padding:16px}.contact .consult-cta{margin-top:22px}}
.hero-grid h1>span{font-size:.82em;letter-spacing:-.04em;white-space:nowrap}

/* Copy review: use room for concrete service and process descriptions. */
.brand-foot{justify-content:flex-end}
.case-description{display:block;max-width:920px}
.process-grid h3{font-size:23px;line-height:1.3;min-height:60px}
.process-output{font-size:11px;letter-spacing:.35px;line-height:1.8}
.contact h2{font-size:clamp(36px,4vw,56px);letter-spacing:-2px}
@media(max-width:800px){.process-grid h3{min-height:0}.process-output{font-size:10px}.contact h2{font-size:42px}}
@media(max-width:520px){.contact h2{font-size:35px;letter-spacing:-1.4px}.process-grid h3{font-size:23px}}
/* Light consultation form panel. */
.contact #brief-form{background:#f5f2eb;color:#171717;border:1px solid #ded7ca;color-scheme:light;box-shadow:0 16px 48px #00000020}
.contact #brief-form .form-heading{color:#5e574d;border-color:#d4ccbd}
.contact #brief-form .form-heading>span:last-child{color:#b34f00}
.contact #brief-form label{color:#343029}
.contact #brief-form input,.contact #brief-form select,.contact #brief-form textarea{background:#fff;color:#171717;border-color:#bdb5a7;caret-color:#171717}
.contact #brief-form input::placeholder,.contact #brief-form textarea::placeholder{color:#70695e;opacity:1}
.contact #brief-form input:hover,.contact #brief-form select:hover,.contact #brief-form textarea:hover{border-color:#827867}
.contact #brief-form input:focus-visible,.contact #brief-form select:focus-visible,.contact #brief-form textarea:focus-visible{border-color:#a54700;outline:2px solid #b85200;outline-offset:2px}
.contact #brief-form option{background:#fff;color:#171717}
.contact #brief-form .form-note{color:#61594d}
.contact #brief-form #brief-result{border-color:#d4ccbd}
.contact #brief-form #brief-result p,.contact #brief-form #copy-status{color:#51493e}
.contact #brief-form .result-actions button{color:#27221c;border-color:#8f8473;background:#fff}
.contact #brief-form .result-actions button:hover{background:#e9e1d4;border-color:#655a49}
.contact #brief-form .result-actions button:focus-visible{outline:2px solid #a54700;outline-offset:3px}

.contact #brief-form .result-actions{flex-wrap:wrap}
.contact #brief-form .result-actions .wa-action{background:#ff7a00;color:#101010;border:1px solid #d86500;padding:10px 14px;border-radius:3px;font-size:11px;font-weight:bold;display:inline-flex;align-items:center}
.contact #brief-form .result-actions .wa-action:hover{background:#ff9330}
.contact #brief-form .result-actions .wa-action[hidden]{display:none}
