.noire-teaser{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;background:#101b18;color:#f4f1ea;overflow:hidden;padding:80px 6vw;gap:7vw;border-top:1px solid #c8b58d30}
.noire-teaser-image{display:block;position:relative;overflow:hidden;box-shadow:0 25px 70px #0005}
.noire-teaser-image img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.65,.3,1)}
.noire-teaser-image:hover img{transform:scale(1.025)}
.noire-teaser-copy .eyebrow{color:#c8b58d;font-size:9px;letter-spacing:2px}
.noire-teaser-copy h2{font-size:clamp(48px,5.4vw,78px);line-height:1.05;margin-bottom:24px;white-space:nowrap}
.noire-teaser-copy h2 em{color:#c8b58d}
.noire-teaser-lead{font-family:var(--serif);font-size:29px;line-height:1.15}
.noire-teaser-copy>p:not(.eyebrow):not(.noire-teaser-lead):not(.noire-teaser-status){max-width:430px;font-size:13px;line-height:1.8;color:#d4d8d0}
.noire-teaser-copy .text-link{color:#f4f1ea;border-color:#c8b58d80}
.noire-teaser-copy .noire-teaser-status{color:#bec5bc;font-size:10px;line-height:1.7;margin-top:23px}
@media(min-width:761px) and (max-width:1250px){.header nav{gap:15px;font-size:11px}.header .brand{font-size:11px}.header .nav-cta{padding:12px;font-size:10px}.nav-cta span{margin-left:12px}}
@media(max-width:760px){.noire-teaser{grid-template-columns:1fr;padding:55px 25px 65px;gap:35px}.noire-teaser-copy h2{font-size:51px;white-space:normal}.noire-teaser-lead{font-size:27px}.noire-teaser-copy .noire-teaser-status{font-size:10px}.noire-teaser-copy .text-link span{display:none}}
@media(prefers-reduced-motion:reduce){.noire-teaser-image img{transition:none}.noire-teaser-image:hover img{transform:none}}

/* Original vector membership card; homepage markup contains no raster card render. */
.noire-teaser-image:has(.noire-mini-card){padding:9% 6%;border-radius:24px;background:radial-gradient(ellipse at 45% 35%,#30433477,transparent 70%),#13211a;box-shadow:none;overflow:visible}
.noire-mini-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;aspect-ratio:1.586;padding:8% 8.5%;border-radius:20px;border:1px solid #c7b99170;color:#d8c49a;background:linear-gradient(145deg,#27372e,#111d18 50%,#1d2e24);box-shadow:0 2px 1px #e4d4ac22 inset,0 18px 38px #0007;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s;overflow:hidden}
.noire-mini-card:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 15%,#f6e2aa16 45%,transparent 70%);transform:translateX(-80%);transition:transform .9s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.noire-mini-card:after{content:'';position:absolute;inset:8px;border:1px solid #c8b58d18;border-radius:14px;pointer-events:none}
.noire-mini-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:clamp(7px,.7vw,10px);letter-spacing:1.8px;line-height:1.5}
.noire-mini-top svg{width:14%;fill:none;stroke:currentColor;stroke-width:1.1}
.noire-mini-name{display:flex;flex-direction:column;align-items:flex-start;padding-block:7%;line-height:1;gap:10px}
.noire-mini-name>span{font-size:clamp(8px,.8vw,12px);letter-spacing:3px}
.noire-mini-name strong{font-family:var(--serif,Georgia,serif);font-weight:400;font-size:clamp(38px,5vw,72px);letter-spacing:6px}
.noire-mini-foot{font-size:clamp(6px,.58vw,9px);letter-spacing:1.6px;line-height:1.5}
.noire-teaser-image:has(.noire-mini-card):focus-visible{outline:2px solid #c8b58d;outline-offset:6px}
@media(hover:hover) and (pointer:fine){.noire-teaser-image:hover .noire-mini-card{transform:translateY(-5px) rotate(-1deg);box-shadow:0 23px 42px #0008}.noire-teaser-image:hover .noire-mini-card:before{transform:translateX(70%)}}
@media(max-width:760px){.noire-teaser-image:has(.noire-mini-card){border-radius:20px;padding:8% 4%}.noire-mini-card{border-radius:17px}.noire-mini-name strong{font-size:clamp(39px,11vw,67px)}.noire-mini-top{font-size:7px;letter-spacing:1.3px}.noire-mini-foot{font-size:6px;letter-spacing:1.1px}}
@media(prefers-reduced-motion:reduce){.noire-mini-card,.noire-mini-card:before{transition:none}.noire-teaser-image:hover .noire-mini-card{transform:none}.noire-mini-card:before{display:none}}