/* Self-host the requested typeface so the design does not depend on installed fonts. */
@font-face { font-family:Inter; src:url('../../assets/fonts/inter/Inter-Variable.ttf') format('truetype'); font-weight:100 900; font-style:normal; font-display:swap; }
/* Keep the approved editorial composition fixed; shared card hover scales it as a whole. */
.brand-campaign { position:absolute; inset:0; overflow:hidden; container-type:inline-size; background:radial-gradient(ellipse at 80% 32%,#c4beb5,#b2aaa0 55%,#a59d93); }
.brand-campaign__mask { position:absolute; pointer-events:none; }
.brand-campaign__canvas { position:absolute; width:100%; aspect-ratio:1672 / 941; bottom:0; }
.brand-campaign__masthead { position:absolute; left:5%; top:5%; color:#fff; font:700 18.6cqw/.9 Arial,Helvetica,sans-serif; letter-spacing:-.065em; white-space:nowrap; }
.brand-campaign__model { position:absolute; inset:0; display:block; width:100%; height:100%;  transform:translateX(7%); transform-origin:60% 65%; }
.brand-campaign__foreground { position:absolute; left:5%; top:64%; width:60%; pointer-events:none; }
.brand-campaign__slogan { position:static; margin:0; color:#dcff32; font:700 3.85cqw/1.08 Inter,Arial,sans-serif; letter-spacing:.015em; white-space:nowrap; }
.brand-campaign__caption { position:static; margin:1.1cqw 0 0; color:#fff; font:400 1.58cqw/1.35 Arial,sans-serif; max-width:100%; }

/* Reuse the approved composition at its native ratio in the detail introduction. */
.brand-campaign-detail { position:relative; width:100%; aspect-ratio:1672 / 941; }

/* Detail-only adjustment: preserve the approved work-card typography. */
.brand-campaign-detail .brand-campaign__slogan { font-size:3.57cqw; }