/* Direction 03: recognition phone example. */
.warm .recognition{padding:80px 0 70px}.warm .recognition-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.85fr);gap:7%;align-items:center;margin-top:24px}.warm .recognition-story h2{max-width:600px;font-size:clamp(38px,4vw,55px);margin-bottom:22px}.warm .recognition-story p{font-size:16px;line-height:1.75}.warm .recognition-story .example-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#52674e;margin-bottom:20px}.warm .recognition-story .recognition-intro{font-size:20px;line-height:1.5}.warm .recognition-steps{margin:28px 0 32px;border-top:1px solid #bac6b5}.recognition-steps>div{display:flex;gap:18px;padding:14px 0;border-bottom:1px solid #c7d0c2;align-items:baseline;font-size:13px;line-height:1.6}.recognition-steps b{font-size:10px;letter-spacing:.1em;color:#8a5d3e}.recognition-steps strong{display:block;font-size:14px;font-weight:600}.warm .recognition .profit-statement{font-size:26px;line-height:1.3;margin:28px 0 0}.profit-statement cite{display:block;margin-top:15px;font-family:Arial,sans-serif;font-size:9px;letter-spacing:.12em;font-style:normal}.phone-stage{margin:0;min-width:0;text-align:center}.phone{position:relative;width:350px;max-width:100%;margin:auto;background:#fcfcfc;border:7px solid #252a27;border-radius:49px;box-shadow:0 0 0 2px #94958d,0 25px 55px #273d3529,8px 8px 0 #ffffff35 inset;color:#202622;overflow:hidden;text-align:left;font-family:Arial,Helvetica,sans-serif}.phone-status{height:49px;padding:13px 22px 0;display:flex;align-items:flex-start;justify-content:space-between;font-size:12px;font-weight:600;position:relative}.phone-island{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:98px;height:26px;background:#151815;border-radius:18px}.phone-contact{position:relative;display:flex;align-items:center;flex-direction:column;padding:0 20px 12px;background:#f4f4f3;border-bottom:1px solid #e4e7e2}.phone-back{position:absolute;left:18px;top:8px;font-size:38px;color:#39795b;line-height:1}.contact-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#9ca69e;color:white;font-size:15px;margin-bottom:6px}.phone-contact strong{font-size:12px;font-weight:500}.phone-contact strong span{color:#8a948c;margin-left:3px}.phone-messages{padding:12px 14px 4px}.warm .phone .message-time{font-size:10px;color:#8b918b;text-align:center;margin:0 0 13px}.message{padding:12px 14px;font-size:14px;line-height:1.45;max-width:93%;border-radius:18px}.outgoing{margin-left:auto;background:#377d58;color:white;border-bottom-right-radius:5px}.award-card{margin:7px 0 0 auto;width:93%;overflow:hidden;border-radius:15px 15px 5px 15px;line-height:0}.award-card img{display:block;width:100%;height:auto}.warm .phone .delivered{font-size:9px;text-align:right;color:#80877f;margin:5px 3px 14px}.incoming{background:#e8ebe7;border-bottom-left-radius:5px;max-width:90%;font-size:13px}.phone-compose{display:flex;align-items:center;gap:12px;color:#858c85;padding:16px 17px 10px;font-size:24px}.phone-compose>div{border:1px solid #dce0da;border-radius:20px;font-size:11px;flex:1;padding:8px 9px 8px 12px}.phone-compose b{float:right;background:#bcc6bc;color:white;width:17px;height:17px;border-radius:50%;text-align:center;line-height:16px}.phone-home{width:112px;height:4px;border-radius:3px;background:#202822;margin:7px auto 9px}.phone-stage figcaption{font-size:12px;line-height:1.5;margin-top:23px;color:#354e3d}.phone-stage figcaption small{display:block;font-size:10px;margin-top:5px;color:#637460}
@media(max-width:1100px){.warm .recognition-layout{gap:5%;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr)}}
@media(max-width:850px){.warm .recognition-layout{grid-template-columns:1fr;gap:40px}.warm .recognition-story h2{max-width:650px}.warm .phone{width:350px}.warm .recognition{padding:55px 0}.warm .phone-stage{padding:5px 0 0}}
@media(max-width:500px){.warm .recognition-story h2{font-size:39px}.warm .recognition-story .recognition-intro{font-size:19px}.warm .recognition-story p{font-size:15px}.warm .phone{width:336px}.warm .recognition .profit-statement{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Direction 03 only: executive assessment intake. */
.warm #inquiry{box-sizing:border-box;width:min(740px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:32px;border-radius:6px;overflow-y:auto;overscroll-behavior:contain}
.warm #inquiry h2{font-size:clamp(28px,4vw,36px);line-height:1.12;margin:12px 30px 18px 0}
.warm #inquiry p{line-height:1.55}
.warm #inquiry .close{float:none;position:absolute;right:15px;top:12px;width:40px;height:40px;cursor:pointer;color:inherit}
.warm #inquiry .eyebrow{margin-top:0;padding-right:35px}
.warm .assessment-preview{background:#e8ece3;border-left:3px solid #9a5a35;padding:10px 13px;font-size:12px}
.warm .assessment-required{font-size:12px;color:#52674e;margin:20px 0 12px}
.warm .assessment-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px}
.warm .assessment-fields label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}
.warm .assessment-fields label span{font-weight:400;color:#52674e}
.warm .assessment-fields input,.warm .assessment-fields textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #b2beb0;border-radius:3px;background:#fffefb;color:#233e35;padding:11px 12px;font:16px Arial,sans-serif;line-height:1.3}
.warm .assessment-fields textarea{resize:vertical;max-height:170px}
.warm .assessment-wide{grid-column:1/-1}
.warm #inquiry :focus-visible{outline:2px solid #9a5a35;outline-offset:3px}
.warm #inquiry [tabindex="-1"]:focus{outline:none}
.warm #assessment-form>.btn{margin-top:20px;cursor:pointer;min-height:46px}
.warm #assessment-form>.btn:disabled{opacity:.65;cursor:wait}
.warm .assessment-error{color:#963d25;background:#fff0e8;padding:10px 13px}
.warm #assessment-confirmation h3{font:28px Georgia,serif;letter-spacing:-.02em;margin-bottom:14px}
.warm #inquiry [hidden]{display:none!important}
@media(max-width:540px){.warm #inquiry{padding:24px 20px}.warm .assessment-fields{grid-template-columns:1fr;gap:12px}.warm #assessment-form>.btn{width:100%}.warm #inquiry h2{font-size:29px}}