.recon-hero{background:var(--color-obsidian);color:var(--color-paper);position:relative;isolation:isolate;min-height:650px;display:flex;align-items:center;padding:90px clamp(24px,7vw,112px)}.recon-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.recon-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080808f2,#08080855);z-index:-1}.service-label{display:flex;align-items:center;gap:14px;margin-bottom:36px;font:400 14px var(--font-label);--shape-surface:var(--color-obsidian)}.recon-hero h1{font-size:clamp(44px,6vw,88px);max-width:800px}.recon-hero p{max-width:420px;font-size:20px;margin-top:28px}.recon-hero .text-link{margin-top:28px}.recon-hero a:focus-visible{outline-color:var(--color-champagne)}.recon-content{padding:110px clamp(24px,7vw,112px);display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(40px,8vw,120px)}.recon-content h2{font-size:clamp(36px,4vw,58px)}.recon-content p{font-size:16px;line-height:1.7;margin-top:28px;max-width:390px}.recon-deliverables{margin:0}.recon-deliverables>div{border-top:1px solid #080808;padding:28px 0}.recon-deliverables dt{font-size:27px;font-weight:500;letter-spacing:-.03em}.recon-deliverables dd{margin:16px 0 0;font-size:16px;line-height:1.7}.recon-deliverables>div:last-child{border-bottom:1px solid #080808}.preview-note{margin-top:20px}@media(max-width:760px){.recon-hero{min-height:590px;padding:70px 24px}.recon-hero p{font-size:18px}.recon-content{display:block;padding:64px 24px}.recon-deliverables{margin-top:40px}.preview-header nav{display:flex!important;position:static;background:none;padding:0;flex-direction:row}}
.recon-name{display:flex;align-items:center;gap:24px}.recon-name .shape{width:64px;height:64px;--shape-surface:var(--color-obsidian)}.recon-name .shape.triangle:after{inset:7px 7px 4px}.recon-hero .recon-promise{font-size:clamp(30px,3.5vw,48px);line-height:1.12;letter-spacing:-.035em;max-width:640px}@media(max-width:760px){.recon-name .shape{width:40px;height:40px}.recon-name{gap:16px}.recon-name .shape.triangle:after{inset:5px 5px 3px}}