/* Digital Exposure: balanced hero and a readable, responsive exposure map. */
.sgi-marketing.sgi-exposure .hero .hero-grid{
 max-width:1440px;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);
 gap:clamp(40px,5vw,80px);
}
.sgi-marketing.sgi-exposure .hero.slim h1{
 font-size:clamp(50px,5vw,76px);max-width:18ch;
}
.sgi-exposure .exposure-panel{
 width:100%;min-width:0;padding:clamp(22px,2.3vw,34px);
 border:1px solid #514b3d;border-top:2px solid #b6913f;background:rgba(12,13,14,.94);
}
.sgi-exposure .exposure-map{position:relative;aspect-ratio:1}
.sgi-exposure .exposure-map svg{position:absolute;inset:0;width:100%;height:100%}
.sgi-exposure .exposure-you{
 position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
 display:flex;align-items:center;justify-content:center;width:68px;height:68px;
 border:1px solid #d2ae5b;border-radius:50%;background:#191a16;
 color:#d2ae5b;font:500 15px/1 var(--sgi-body);letter-spacing:.08em;
}
.sgi-exposure .exposure-point{position:absolute;margin:0;max-width:45%;padding:4px 7px;background:#0c0d0e}
.sgi-exposure .exposure-point b{display:block;color:#f2f1ed;font:500 clamp(17px,1.45vw,21px)/1.3 var(--sgi-body)}
.sgi-exposure .exposure-point span{display:block;margin-top:6px;color:#d2ae5b;font:500 13px/1.3 var(--sgi-body);letter-spacing:.075em;text-transform:uppercase}
.sgi-exposure .exposure-home{top:0;left:50%;transform:translateX(-50%);text-align:center}
.sgi-exposure .exposure-photos{top:24%;left:0}
.sgi-exposure .exposure-phone{bottom:6%;left:12%}
.sgi-exposure .exposure-password{bottom:13%;right:0;text-align:right}
@media(max-width:950px){
 .sgi-marketing.sgi-exposure .hero .hero-grid{grid-template-columns:1fr;gap:42px}
 .sgi-exposure .exposure-panel{max-width:660px}
 .sgi-marketing.sgi-exposure .hero.slim h1{font-size:clamp(50px,8.5vw,74px);max-width:19ch}
}
@media(max-width:600px){
 .sgi-marketing.sgi-exposure .hero.slim h1{font-size:clamp(44px,12vw,66px)}
 .sgi-exposure .exposure-panel{padding:22px 16px}
 .sgi-exposure .exposure-point{padding:3px 4px;max-width:47%}
 .sgi-exposure .exposure-point b{font-size:16px}
 .sgi-exposure .exposure-point span{font-size:11px;letter-spacing:.055em;margin-top:4px}
 .sgi-exposure .exposure-you{width:52px;height:52px;font-size:13px}
 .sgi-exposure .exposure-home{top:-3%}
 .sgi-exposure .exposure-phone{bottom:0;left:5%}
 .sgi-exposure .exposure-password{bottom:5%}
}

/* Let the dark portrait sit directly on the page. */
.sgi-marketing.sgi-exposure #findings .fig{background:transparent;padding:0;box-shadow:none}
.sgi-exposure #findings .fig img{mix-blend-mode:screen}

/* A warm paper report, framed in the site's charcoal and gold. */
.sgi-marketing.sgi-exposure #who .fig{
 background:#151617;border:1px solid #41423e;border-top:2px solid #b6913f;
 padding:26px;box-shadow:none;
}
.sgi-marketing.sgi-exposure #who .fig .cap{
 color:#c0c0b9;font:400 14px/1.6 var(--sgi-body);letter-spacing:.055em;
 border-top:1px solid #625438;padding-top:18px;margin-top:18px;
}
@media(max-width:600px){
 .sgi-marketing.sgi-exposure #who .fig{padding:20px 16px}
 .sgi-marketing.sgi-exposure #who .fig .cap{font-size:13px}
}