/* Editorial portrait: transparent subject, ambient light and a soft page-level fade. */
.hero{isolation:isolate}
.hero-copy{z-index:3}
.hero .hero-copy{width:46%}
.hero h1{font-size:clamp(36px,3.85vw,56px);line-height:1.08;letter-spacing:-2px;max-width:520px;margin:25px 0 22px;text-wrap:balance}
.hero h1 em{display:block;margin-top:7px}
.hero-copy>p{max-width:390px;font-size:14px;line-height:1.7}
.hero-art.portrait-art{right:-22px;top:-12px;width:60%;height:697px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;pointer-events:none;mask-image:linear-gradient(to bottom,#000 0%,#000 96%,transparent 100%)}
.portrait-art:before{inset:5% -5% 0;background:radial-gradient(ellipse at 60% 57%,#b61a1730,transparent 69%)}
.portrait-art .halo{width:93%;height:85%;top:7%;left:6%;border:0;border-radius:50%;background:radial-gradient(ellipse at 52% 52%,#fa281e38 0%,#b70d1230 28%,#92090b16 48%,transparent 72%);filter:blur(28px)}
.portrait-art .halo:before,.portrait-art .halo:after{display:none}
.hero-art img.hero-model{position:relative;width:auto;max-width:100%;height:98%;align-self:flex-start;object-fit:contain;object-position:center top;mix-blend-mode:normal;mask-image:linear-gradient(to right,transparent 0%,#000 2%,#000 94%,transparent 100%);filter:drop-shadow(-13px 2px 23px #a20b0a1c);transform:translateX(-40px);opacity:1;z-index:1}
.hero .art-caption{z-index:2;right:0;top:15px}
.hero .floating-card{z-index:4;right:0;bottom:62px;background:linear-gradient(135deg,#27120fe8,#120e0de8)}
@media(min-width:1500px){.hero-art.portrait-art{width:61%;height:737px;top:-12px;right:-12px}}
@media(min-width:761px) and (max-width:1100px){.hero-art.portrait-art{width:59%;right:-25px;height:660px;top:0}.hero .floating-card{bottom:45px;width:162px}.hero .art-caption{display:none}}
@media(max-width:760px){
  .hero{min-height:0;padding:25px 0 30px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:8px;row-gap:18px;align-items:center}
  .hero .hero-copy{display:contents}
  .hero-copy>.pill{grid-column:1 / -1;grid-row:1;justify-self:start}
  .hero h1{grid-column:1;grid-row:2;font-size:clamp(24px,5.3vw,38px);letter-spacing:-1.1px;max-width:none;margin:0;line-height:1.12;text-wrap:initial;position:relative;z-index:3}
  .hero-art.portrait-art{position:relative;grid-column:2;grid-row:2;top:auto;bottom:auto;right:auto;width:100%;height:clamp(245px,58vw,390px);overflow:visible;mask-image:none}
  .portrait-art .halo{top:5%;left:-8%;width:116%;height:90%;filter:blur(20px)}
  .hero-art img.hero-model{height:100%;width:100%;max-width:100%;object-fit:contain;object-position:center;align-self:center;transform:none}
  .hero-copy>p{grid-column:1 / -1;grid-row:3;max-width:100%;font-size:14px;margin:0}
  .hero-actions{grid-column:1 / -1;grid-row:4;margin:0;flex-wrap:wrap;gap:10px}
  .hero .hero-actions .button{padding:13px 16px;font-size:12px}
  .hero-note{grid-column:1 / -1;grid-row:5;margin:0}
  .hero .floating-card{position:relative;grid-column:1 / -1;grid-row:6;right:auto;bottom:auto;width:100%;margin-top:8px;padding:13px 17px;background:linear-gradient(135deg,#241512e8,#120e0dea);display:grid;grid-template-columns:22px 1fr;gap:0 10px;align-items:center}
  .hero .floating-card>.icon{margin:0;grid-row:1 / 3}
  .hero .floating-card strong br{display:none}
  .hero .floating-card p{margin:3px 0 0}
  .hero .floating-card .card-bottom{display:flex;grid-column:1 / -1;margin-top:12px}
  .hero .floating-card p{font-size:12px}
}
@media(max-width:360px){.hero{column-gap:4px}.hero .hero-actions .button{padding:12px;font-size:11px}.header-actions .button .icon{display:none}.header-actions{gap:6px}.header-actions .button{padding:10px}}