/* Scoped foundations for the approved offline brand section. */
#brand-check{--rd-shadow:0 20px 48px rgba(48,44,40,.1);padding-block:96px;background:var(--color-coral-tint);scroll-margin-top:90px}
#brand-check .rd-wrap{max-width:1400px;margin:auto;padding-inline:var(--space-gutter)}
#brand-check figure{margin:0;min-width:0}
#brand-check img{display:block;max-width:100%;height:auto}
#brand-check .rd-label{display:block;font:11px/1.6 var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--color-coral-text);margin:0 0 20px}
#brand-check h2{font-size:clamp(34px,4.2vw,60px);line-height:1.12;font-weight:600;letter-spacing:-.025em;max-width:19ch;margin:0;min-width:0;overflow-wrap:anywhere}
#brand-check .rd-copy>p{color:var(--color-muted);max-width:53ch}
#brand-check .text-link{white-space:nowrap}
@media(max-width:900px){#brand-check{padding-block:64px}#brand-check h2{font-size:clamp(32px,6.4vw,46px);max-width:22ch}}
@media(max-width:540px){#brand-check{padding-block:48px}}
/* Hallmark · section refinement · existing Optiks design system.
   Audience: creative teams. Purpose: demonstrate a supplied-brand review.
   Pre-emit critique: P4 H4 E4 S5 R4 V4. Fictional brand, illustrative findings. */
#brand-check{--aera-ink:#203439;--aera-mist:#eef0ec;--aera-sage:#a6b5a5;--brand-pass:#39634e;--brand-guide-shadow:0 16px 48px #2034390d}
#brand-check .brand-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:64px;align-items:center}
.brand-demo{min-width:0}
.brand-demo-heading{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:18px;margin-bottom:14px;font:10px/1.5 var(--font-mono);color:var(--color-muted)}
.brand-artboard{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:18px;align-items:start}
.brand-guide{background:var(--color-white);padding:24px 20px;color:var(--aera-ink);box-shadow:var(--brand-guide-shadow)}
.brand-micro{display:block;font:8px/1.6 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted)}
.aera-wordmark{font-size:32px;font-weight:500;letter-spacing:.19em;margin:14px 0 26px}
.aera-wordmark>span{display:block;font:6px/1.6 var(--font-mono);letter-spacing:.09em;margin-top:6px}
.brand-guide-rule{padding:14px 0;border-top:1px solid var(--color-border)}
.brand-guide-rule:last-child{padding-bottom:0}
.brand-guide-rule p{font-size:9px;line-height:1.65;margin:7px 0 0;color:var(--aera-ink)}
.brand-logo-spec{display:inline-block;margin:10px 0 0;padding:10px;border:1px dashed var(--aera-sage);font-size:20px;letter-spacing:.2em;font-weight:500}
.brand-type-sample{display:flex;align-items:center;gap:8px;font-size:26px;font-weight:500;margin-top:6px}
.brand-type-sample>span{font-size:8px;font-weight:400}
.aera-swatches{display:flex;gap:9px;margin-top:10px}
.aera-swatches span{font:8px/1.6 var(--font-mono)}
.aera-swatches i{display:block;width:30px;height:26px;margin-bottom:5px;border:1px solid var(--color-border)}
.aera-ink{background:var(--aera-ink)}.aera-mist{background:var(--aera-mist)}.aera-sage{background:var(--aera-sage)}
#brand-check .aera-creative{margin-top:38px}
.aera-ad{position:relative;aspect-ratio:4/5.8;background:var(--aera-mist);color:var(--aera-ink);overflow:hidden;box-shadow:var(--brand-guide-shadow)}
#brand-check .aera-ad>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.aera-ad-top{position:absolute;inset:0 0 auto;padding:24px 20px}
.aera-ad-logo{font-weight:500;letter-spacing:.2em;font-size:16px;margin-bottom:24px}
#brand-check .aera-ad h3{font:500 clamp(20px,2vw,29px)/1.12 var(--font-body);letter-spacing:-.035em;color:var(--aera-ink);margin:0}
.aera-ad-top p{font-size:9px;line-height:1.65;color:var(--aera-ink);margin-top:12px}
.aera-ad-bottom{position:absolute;inset:auto 20px 18px;font-size:9px;font-weight:500}
.aera-ad-bottom>span{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--aera-ink);padding-bottom:8px}
.aera-ad-bottom small{display:block;font-size:7px;font-weight:400;margin-top:8px}
#brand-check .aera-creative figcaption{font-size:9px;line-height:1.6;margin-top:12px;color:var(--color-muted)}
.brand-reference-footer{display:flex;align-items:start;gap:14px;margin-top:24px;color:var(--color-coral-text)}
.brand-reference-footer>span{font-size:24px;line-height:1}
.brand-reference-footer p{font-size:11px;line-height:1.75;color:var(--color-muted);margin:0}
.brand-reference-footer strong{font-size:12px;font-weight:600;color:var(--color-ink)}
#brand-check .brand-explanation>p{font-size:16px;line-height:1.8;margin-top:24px}
.brand-review{margin-top:28px;border-top:1px solid var(--color-border)}
.brand-review-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 0 4px}
.brand-review-heading strong{font-size:12px;font-weight:600}
.brand-review-heading>span{font:9px/1.6 var(--font-mono);color:var(--color-muted)}
.brand-review-row{padding:15px 0;border-bottom:1px solid var(--color-border)}
.brand-review-row>div{display:flex;gap:12px;justify-content:space-between;align-items:center}
#brand-check .brand-review-row h3{font-size:13px;line-height:1.5;font-weight:600;letter-spacing:0;margin:0}
.brand-result{font:9px/1.5 var(--font-mono);color:var(--brand-pass);white-space:nowrap}
.brand-result:before{content:'✓';margin-right:6px}
.brand-review-row p{font-size:12px;line-height:1.7;color:var(--color-muted);margin:7px 0 0;max-width:59ch}
.brand-review-attention .brand-result{color:var(--color-coral-text)}
.brand-review-attention .brand-result:before{content:'↗'}
#brand-check .brand-explanation>.brand-review-note{font-size:10px;line-height:1.7;margin-top:16px;color:var(--color-muted)}
#brand-check .brand-explanation>.text-link{margin-top:24px}
@media(min-width:1600px){.aera-ad-top{padding:28px}.aera-ad-logo{margin-bottom:32px}.aera-ad-top p{font-size:11px}.aera-ad-bottom{inset:auto 28px 24px;font-size:11px}.brand-guide-rule p{font-size:10px}}
@media(max-width:1100px){#brand-check .brand-layout{gap:36px}.brand-guide{padding:20px 14px}.brand-artboard,.brand-demo-heading{gap:12px}.aera-ad-top{padding:20px 14px}.aera-ad-logo{margin-bottom:20px}.aera-ad-bottom{left:14px;right:14px}.brand-type-sample{gap:5px}.brand-type-sample>span{font-size:7px}}
@media(max-width:900px){#brand-check .brand-layout{grid-template-columns:minmax(0,1fr);gap:40px}.brand-demo{max-width:640px;width:100%;margin:auto;order:2}.brand-guide{padding:24px}.brand-guide-rule p{font-size:11px}.brand-micro{font-size:9px}.brand-type-sample>span{font-size:9px}#brand-check .aera-ad h3{font-size:30px}.aera-ad-top{padding:28px 22px}.aera-ad-top p{font-size:11px}.aera-ad-logo{font-size:20px;margin-bottom:28px}.aera-ad-bottom{font-size:11px;left:22px;right:22px}.aera-ad-bottom small{font-size:9px}.brand-review-row p{max-width:none}}
@media(max-width:540px){.brand-artboard,.brand-demo-heading{grid-template-columns:minmax(0,1fr) minmax(0,1.16fr);gap:10px}.brand-demo-heading{font-size:8px}.brand-guide{padding:16px 10px}.brand-micro{font-size:7px}.aera-wordmark{font-size:22px;letter-spacing:.14em;margin-bottom:20px}.aera-wordmark>span{font-size:5px}.brand-guide-rule{padding:10px 0}.brand-guide-rule p{font-size:8px}.brand-logo-spec{font-size:16px;padding:7px}.brand-type-sample{font-size:23px;display:block}.brand-type-sample>span{display:block;font-size:7px}.aera-swatches{gap:7px}.aera-swatches i{width:24px;height:23px}.aera-swatches span{font-size:7px}#brand-check .aera-creative{margin-top:28px}.aera-ad{aspect-ratio:4/6.5}.aera-ad-top{padding:17px 12px}.aera-ad-logo{font-size:12px;margin-bottom:20px}#brand-check .aera-ad h3{font-size:20px}.aera-ad-top p{font-size:7px;margin-top:10px}.aera-ad-bottom{left:12px;right:12px;bottom:13px;font-size:8px}.aera-ad-bottom small{font-size:6px}#brand-check .aera-creative figcaption{font-size:8px}.brand-reference-footer p{font-size:10px}.brand-reference-footer strong{font-size:11px}#brand-check .brand-explanation>p{font-size:15px}.brand-review-row>div{gap:6px}#brand-check .brand-review-row h3{font-size:12px}}
@media(max-width:360px){.brand-guide{padding-inline:8px}.aera-swatches{gap:5px}.aera-swatches i{width:21px}.aera-ad-top{padding-inline:10px}#brand-check .aera-ad h3{font-size:18px}.aera-ad-logo{margin-bottom:16px}}
/* Keep the photograph intact and the ad's invitation readable. */
.aera-ad{aspect-ratio:4/5.8}
.aera-ad-bottom{background:var(--aera-mist);padding:10px 12px;left:16px;right:16px;bottom:16px}
@media(max-width:540px){
 .brand-artboard{grid-template-columns:minmax(0,1fr);gap:28px}
 .brand-demo-heading{display:block;font-size:10px}.brand-demo-heading span+span{display:none}
 .brand-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;padding:24px}
 .brand-guide>.brand-micro,.aera-wordmark{grid-column:1/-1}
 .aera-wordmark{font-size:34px;margin:12px 0 24px}.aera-wordmark>span{font-size:7px}
 .brand-guide-rule:last-child{grid-column:1/-1}.brand-guide-rule{padding:14px 0}
 .brand-micro{font-size:8px}.brand-guide-rule p{font-size:10px}
 .brand-logo-spec{font-size:20px;padding:10px}.brand-type-sample{font-size:28px}.brand-type-sample>span{font-size:8px}
 .aera-swatches{gap:10px}.aera-swatches i{width:28px;height:28px}.aera-swatches span{font-size:8px}
 #brand-check .aera-creative{margin:0}.aera-creative:before{content:'The creative under review';display:block;font:10px/1.5 var(--font-mono);color:var(--color-muted);margin-bottom:14px}
 .aera-ad{aspect-ratio:4/5}.aera-ad-top{padding:24px}.aera-ad-logo{font-size:18px;margin-bottom:28px}
 #brand-check .aera-ad h3{font-size:28px}.aera-ad-top p{font-size:10px}
 .aera-ad-bottom{left:18px;right:18px;bottom:18px;font-size:10px}.aera-ad-bottom small{font-size:8px}
 #brand-check .aera-creative figcaption{font-size:10px}
}
/* Poster-led composition; the guideline sheet steps down into the foreground. */
#brand-check .brand-layout{align-items:center}
.brand-demo-heading{display:block;margin-bottom:16px}
.brand-artboard{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:0;align-items:start;isolation:isolate}
#brand-check .aera-creative{grid-column:1/15;grid-row:1;margin:0;z-index:1}
.brand-guide{grid-column:14/-1;grid-row:1;margin-top:200px;z-index:2;padding:22px 18px;box-shadow:var(--rd-shadow)}
.aera-wordmark{font-size:30px;margin-bottom:20px}
.brand-guide-rule{padding:12px 0}
.brand-guide-rule p{font-size:9px}
.brand-guide-rule .brand-micro{font-size:7px}
.brand-reference-footer{margin-top:22px}
.aera-ad{aspect-ratio:3/4;background:var(--aera-mist);container-type:inline-size}
#brand-check .aera-ad>img{object-fit:cover;object-position:center}
.aera-ad-top{padding:7.5% 8%}
.aera-ad-masthead{display:flex;justify-content:space-between;align-items:center;padding-bottom:5%;border-bottom:1px solid var(--aera-ink);margin-bottom:10%}
.aera-ad-logo{font-size:25px;font-size:7.4cqw;font-weight:500;letter-spacing:.22em;margin:0}
.aera-ad-masthead>span{font-size:8px;font-size:2.2cqw;line-height:1.5;letter-spacing:.02em}
#brand-check .aera-ad h3{font-size:34px;font-size:8.9cqw;line-height:1.07;letter-spacing:-.05em;font-weight:500;margin:0;max-width:none}
.aera-ad-top p{font-size:10px;font-size:2.6cqw;line-height:1.6;margin-top:6%}
.aera-ad-bottom{inset:auto 0 0;padding:5% 8%;display:flex;gap:12px;align-items:end;justify-content:space-between;background:var(--aera-ink);color:var(--aera-mist)}
.aera-ad-bottom small{font:6px/1.5 var(--font-mono);font-size:1.7cqw;letter-spacing:.12em;margin:0 0 4px}
.aera-ad-bottom strong{font-size:15px;font-size:4.1cqw;font-weight:500;letter-spacing:-.025em;white-space:nowrap}
.aera-ad-bottom>span{font-size:8px;font-size:2.2cqw;line-height:1.6;gap:10px;border-bottom:1px solid var(--aera-sage);padding:0 0 4px;white-space:nowrap}
#brand-check .aera-creative figcaption{max-width:80%;font-size:9px}
@media(max-width:1100px) and (min-width:901px){.brand-guide{padding:18px 12px;margin-top:160px}.brand-guide-rule p{font-size:8px}.brand-guide>.brand-micro{font-size:7px}.aera-swatches{gap:6px}.aera-swatches i{width:25px}}
@media(max-width:900px){.brand-guide{margin-top:190px;padding:24px 20px}.brand-guide-rule p{font-size:10px}.brand-guide-rule .brand-micro{font-size:8px}.brand-type-sample{display:block}.brand-type-sample>span{display:block;font-size:8px}}
@media(max-width:540px){
 .brand-artboard{grid-template-columns:repeat(20,minmax(0,1fr))}
 #brand-check .aera-creative{grid-column:1/19;grid-row:1;z-index:1}
 .aera-creative:before{display:none}
 .brand-guide{grid-column:3/-1;grid-row:2;z-index:2;margin-top:-18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;padding:24px 20px}
 #brand-check .aera-creative figcaption{padding-bottom:28px;max-width:85%}
 .aera-wordmark{font-size:30px}.brand-guide-rule p{font-size:10px}.aera-swatches{gap:8px}.aera-swatches i{width:26px}
 .aera-ad{aspect-ratio:3/4}.aera-ad-top{padding:7.5% 8%}.aera-ad-logo{font-size:7.4cqw;margin:0}#brand-check .aera-ad h3{font-size:8.9cqw}.aera-ad-top p{font-size:2.6cqw;margin-top:6%}.aera-ad-bottom{inset:auto 0 0;font-size:2.2cqw}.aera-ad-bottom small{font-size:1.7cqw}
 .brand-reference-footer{margin-left:10%}
}
@media(min-width:901px){
 .brand-guide{margin-top:164px;padding:20px 18px}
 .aera-wordmark{font-size:28px;line-height:1.15;margin:12px 0 18px}
 .brand-logo-spec{line-height:1.2;padding:9px;margin-top:8px}
 .brand-type-sample{line-height:1.2}
 .brand-guide-rule{padding:10px 0}
}
/* Version 3: editorial headline panel, uninterrupted car image, compact model signature. */
@media(min-width:541px){.brand-guide{grid-column:12/-1;margin-top:210px;padding:24px}.brand-guide-rule p{font-size:10px}.brand-guide-rule .brand-micro{font-size:8px}}
.aera-ad{aspect-ratio:3/4.25}
#brand-check .aera-ad>img{height:100%;object-fit:cover;object-position:center}
.aera-ad-top{background:var(--aera-mist);padding:6.5% 8% 7%;inset:0 0 auto}
.aera-ad-masthead{border:0;margin-bottom:10%;padding:0;align-items:center}
.aera-ad-logo{font-size:6.7cqw;letter-spacing:.2em}
.aera-ad-masthead>span{font:1.65cqw/1.5 var(--font-mono);letter-spacing:.06em}
#brand-check .aera-ad h3{font-size:10cqw;line-height:1.03;letter-spacing:-.055em;font-weight:500}
.aera-ad-top p{font-size:2.7cqw;margin-top:5%;line-height:1.4}
.aera-ad-bottom{background:var(--aera-ink);padding:5% 8%;align-items:start;gap:0;display:block}
.aera-ad-bottom strong{font-size:5.6cqw;line-height:1.15}
.aera-ad-bottom small{font-size:1.5cqw;margin-bottom:5px}
.aera-ad-bottom p{font-size:2.3cqw;line-height:1.55;color:var(--aera-mist);margin:7px 0 0}
.aera-ad-bottom>span{display:inline-flex;font-size:2.4cqw;margin-top:12px;gap:18px;padding-bottom:4px}
#brand-check .aera-creative figcaption{max-width:70%}
@media(max-width:540px){.aera-ad{aspect-ratio:3/4.25}.brand-guide{grid-column:2/-1;margin-top:-8px}#brand-check .aera-ad h3{font-size:10cqw}.aera-ad-top{padding:6.5% 8% 7%}.aera-ad-logo{font-size:6.7cqw}.aera-ad-bottom{padding:5% 8%}.aera-ad-bottom small{font-size:1.5cqw}}
/* Version 4: full photographic field, restrained automotive typography. */
.aera-ad{aspect-ratio:4/5.4}
#brand-check .aera-ad>img{width:100%;height:100%;object-fit:cover;object-position:center}
.aera-ad-top{background:none;padding:7% 8%;inset:0 0 auto}
.aera-ad-masthead{justify-content:flex-end;margin-bottom:9%;padding:0;border:0}
.aera-ad-logo{font-size:4cqw;letter-spacing:.3em;margin:0;font-weight:500}
#brand-check .aera-ad h3{font-size:9.2cqw;line-height:1.09;font-weight:400;letter-spacing:-.045em}
.aera-ad-top p{font-size:2.6cqw;line-height:1.6;margin-top:5%;max-width:75%}
.aera-ad-bottom{background:none;inset:auto 0 0;padding:7% 8%;color:var(--aera-ink)}
.aera-ad-bottom strong{font-size:5.3cqw;letter-spacing:.23em;line-height:1.1}
.aera-ad-bottom small{font-size:1.5cqw;letter-spacing:.1em;margin:6px 0 0}
.aera-ad-bottom>span{font-size:2.2cqw;margin-top:14px;border-color:var(--aera-ink);padding-bottom:4px}
@media(max-width:540px){.aera-ad{aspect-ratio:4/5.4}.aera-ad-top{padding:7% 8%}.aera-ad-logo{font-size:4cqw}#brand-check .aera-ad h3{font-size:9.2cqw}.aera-ad-top p{font-size:2.6cqw}.aera-ad-bottom{padding:7% 8%}.aera-ad-bottom small{font-size:1.5cqw}}
#brand-check{--aera-photo-shade:linear-gradient(180deg,transparent 60%,rgba(13,27,30,.12) 76%,rgba(13,27,30,.82) 100%)}
.aera-ad:after{content:'';position:absolute;inset:0;background:var(--aera-photo-shade);pointer-events:none;z-index:1}
.aera-ad-top,.aera-ad-bottom{z-index:2}
.aera-ad-bottom{color:var(--aera-mist)}
.aera-ad-bottom>span{border-color:var(--aera-sage)}

#brand-check .aera-creative .brand-reference-footer{max-width:74%;margin:24px 0 0;gap:12px}#brand-check .aera-creative .brand-reference-footer p{margin:0}@media(max-width:540px){#brand-check .aera-creative .brand-reference-footer{max-width:100%;margin:0 0 32px}}