/* Brand clarity and an actionable close, in the established palette. */
#opening .hero-copy .hero-services{font-size:15px;line-height:1.7;letter-spacing:.35px;color:#d8cced;max-width:470px;margin-top:24px}
#opening .hero-copy p[data-t=heroSub]{font-size:12px;color:#aaa0b9;max-width:430px;margin-top:7px}
#contact .closing-small{top:26%;font-size:17px;max-width:38%;line-height:1.6}
#contact .closing-logo{top:35%;width:35%;height:27%}
#contact .closing-brief{position:absolute;top:24%;left:51%;right:7%;z-index:5;max-width:630px}
#contact .closing-brief-kicker{font-size:8px;letter-spacing:1.8px;color:#9e86b6}
#contact .closing-brief h2{position:static;left:auto;top:auto;margin:13px 0 0;font-family:inherit;font-size:clamp(27px,2.75vw,43px);letter-spacing:-1.2px;line-height:1.22;color:#eee6f8;font-weight:400}
#contact .closing-intro{margin-top:15px;font-size:12px;line-height:1.8;color:#a999ba}
#contact .closing-preparation{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px}
#contact .closing-preparation li{display:flex;align-items:flex-start;gap:15px}
#contact .closing-preparation li>span{flex:none;padding-top:2px;font-size:8px;line-height:1.8;color:#6de2d2;font-variant-numeric:tabular-nums}
#contact .closing-preparation b{display:block;font-size:13px;font-weight:400;line-height:1.5;color:#d4c5e5}
#contact .closing-preparation small{display:block;font-size:10px;color:#8f7ea2;line-height:1.65;margin-top:2px}
#contact .closing-expectation{font-size:10px;line-height:1.7;color:#a697b8;margin-top:17px;padding-top:13px;border-top:1px solid #a076ff26}
#contact .closing-brief .closing-contact{position:static;inset:auto;max-width:none;width:fit-content;margin-top:17px;gap:20px;display:flex;align-items:center}
#contact .closing-brief .closing-contact>span{font-size:14px;line-height:1.5;color:#72e6d5}
#contact .closing-brief .closing-contact>i{width:45px;height:45px;font-size:23px;border:1px solid #65e2d252;background:#65e2d20b}
#contact .closing-email-line{display:flex;align-items:center;gap:14px;font-size:9px;line-height:1.8;margin-top:13px;color:#9480a8;flex-wrap:wrap}
#contact .closing-copy-email{font-size:8px;color:#bea6d8;padding:0 0 1px;border-bottom:1px solid #a076ff40;white-space:nowrap}
#contact .closing-copy-status{display:block;min-height:14px;font-size:8px;color:#75e0d1;margin-top:3px;line-height:1.5}
#contact .closing-process{font-size:13px}
@media(min-width:761px) and (max-height:800px){
 #opening .hero-copy .hero-services{font-size:12px;margin-top:19px}#opening .hero-copy p[data-t=heroSub]{font-size:10px;margin-top:5px}
 #contact .closing-small{top:27%;font-size:15px}#contact .closing-logo{top:35%;height:25%;width:34%}
 #contact .closing-brief{top:23%;left:50%;right:7%}#contact .closing-brief h2{font-size:31px;margin-top:10px}#contact .closing-intro{font-size:11px;margin-top:11px}
 #contact .closing-preparation{gap:8px;margin-top:13px}#contact .closing-preparation b{font-size:12px}#contact .closing-preparation small{font-size:9px;margin-top:1px}
 #contact .closing-expectation{font-size:9px;margin-top:12px;padding-top:10px}#contact .closing-brief .closing-contact{margin-top:12px}#contact .closing-brief .closing-contact>i{width:38px;height:38px;font-size:21px}#contact .closing-brief .closing-contact>span{font-size:12px}#contact .closing-email-line{font-size:8px;margin-top:8px}
 .presenting #contact .closing-brief{top:20%}.presenting #contact .closing-process{bottom:112px}
}
@media(max-width:1050px) and (min-width:761px){#contact .closing-brief{left:47%;right:6%}#contact .closing-brief h2{font-size:28px}#contact .closing-small{max-width:34%;font-size:14px}}
@media(max-width:760px){
 #opening .hero-copy .hero-services{font-size:10px;margin-top:17px;max-width:265px;letter-spacing:.15px}#opening .hero-copy p[data-t=heroSub]{font-size:9px;line-height:1.7;margin-top:5px;max-width:245px}
 #contact.scene{height:auto!important}#contact .stage,.presenting #contact .stage{height:auto!important;min-height:1050px;overflow:hidden;padding-bottom:35px}
 #contact .closing-small{position:relative;top:auto;left:auto;max-width:none;margin-top:25px;font-size:14px;display:block}
 #contact .closing-logo{position:relative;left:auto;top:auto;width:95%;height:145px;margin-top:15px}
 #contact .closing-brief,.presenting #contact .closing-brief{position:relative;inset:auto;margin-top:26px;max-width:none}
 #contact .closing-brief h2{font-size:30px;line-height:1.2;letter-spacing:-.9px;margin-top:11px}#contact .closing-brief-kicker{font-size:6px;letter-spacing:1.2px}
 #contact .closing-intro{font-size:11px;margin-top:14px}#contact .closing-preparation{gap:15px;margin-top:19px}#contact .closing-preparation b{font-size:12px}#contact .closing-preparation small{font-size:10px;line-height:1.7}
 #contact .closing-expectation{font-size:10px;margin-top:20px;padding-top:15px}#contact .closing-brief .closing-contact{margin-top:18px}#contact .closing-brief .closing-contact>span{font-size:13px}#contact .closing-brief .closing-contact>i{width:43px;height:43px}
 #contact .closing-email-line{font-size:9px;margin-top:15px;gap:13px}#contact .closing-copy-email{font-size:8px}
 #contact .closing-process,.presenting #contact .closing-process{position:relative;left:auto;right:auto;bottom:auto!important;margin-top:32px;font-size:11px;padding:20px 0;gap:11px}
 #contact footer,.presenting #contact footer{position:relative;inset:auto;margin-top:24px;display:flex;flex-wrap:wrap;font-size:7px;gap:15px;line-height:1.8}
 .presenting #contact .stage{padding-bottom:120px}
}
