.home-refined .hero.hero-dynamic{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);padding:40px clamp(20px,4.5vw,80px);min-height:660px;background:#0b090a}
.home-refined .hero-dynamic::after{display:none}
.home-refined .hero-dynamic .hero-content{grid-column:1;grid-row:1;width:100%;min-width:0;margin:0;padding:20px 0;position:relative;z-index:1}
.home-refined .hero-dynamic h1{font-size:clamp(2.5rem,4.1vw,4.8rem);max-width:760px}
.hero-signature{display:flex;flex-direction:column;gap:8px;margin:0 0 28px}
.hero-name{font-size:clamp(1.4rem,2.3vw,2.1rem);font-weight:750;letter-spacing:-.025em;line-height:1.2;animation:hero-name-arrive .8s ease-out both}
.hero-profession{font-size:.875rem;letter-spacing:.04em;color:#c1b4b9}
.hero-occasions{font-size:1.125rem;line-height:1.5;margin:22px 0;color:#e3dce0}
.hero-changing{display:inline-block;min-width:12ch;color:#ff6678;font-weight:700}
.hero-changing.is-changing{animation:hero-word-arrive .6s ease-out}
.hero-media{grid-column:2;grid-row:1;min-width:0;border:1px solid #452630;border-radius:18px;overflow:hidden;background:#121012}
.hero-slides{position:relative;height:clamp(380px,43vw,620px);isolation:isolate}
.hero-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1.4s ease;pointer-events:none}
.hero-slide.is-active{opacity:1;z-index:1}
.hero-slide img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#121012}
.hero-media-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-top:1px solid #35232b;min-height:72px}
.hero-media-footer p{font-size:.8125rem;line-height:1.45;margin:0;color:#cbbfc4}
#hero-pause{flex-shrink:0;background:#21181c;color:#fff;border:1px solid #68434f;border-radius:8px;font:inherit;font-size:.75rem;padding:10px;min-height:44px;cursor:pointer}
#hero-pause:focus-visible{outline:2px solid #ff6678;outline-offset:3px}
.hero-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes hero-name-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes hero-word-arrive{from{opacity:.3;transform:translateY(3px)}to{opacity:1;transform:none}}
.motion-paused .hero-name,.motion-paused .hero-changing{animation:none}
.motion-paused .hero-slide{transition:none}
@media(max-width:1000px){
  .home-refined .hero.hero-dynamic{gap:28px;padding-inline:24px}
  .home-refined .hero-dynamic h1{font-size:clamp(2.2rem,4.2vw,3.5rem)}
  .hero-media-footer{flex-wrap:wrap}
}
@media(max-width:760px){
  .home-refined .hero.hero-dynamic{display:flex;flex-direction:column;gap:0;padding:20px;min-height:0}
  .hero-media{width:100%;max-width:600px}
  .hero-slides{height:clamp(260px,80vw,420px)}
  .hero-slide{transition-duration:.8s}
  .hero-media-footer{padding:10px 12px;min-height:64px}
  .home-refined .hero-dynamic .hero-content{padding:30px 0 12px}
  .home-refined .hero-dynamic h1{font-size:clamp(2.4rem,8.7vw,3.9rem)}
  .hero-signature{margin-bottom:24px}
  .hero-name{animation-name:hero-name-fade}
  .hero-changing.is-changing{animation-name:hero-name-fade}
  .home-refined .hero-dynamic .hero-copy{font-size:1rem}
}
@keyframes hero-name-fade{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){
  .hero-name,.hero-changing.is-changing{animation:none}
  .hero-slide{transition:none}
}

/* Full-width photographs behind the name and introduction. */
.home-refined .hero.hero-dynamic{display:block;position:relative;isolation:isolate;padding:0;min-height:720px}
.hero-dynamic::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(7,6,7,.9) 0%,rgba(7,6,7,.77) 35%,rgba(7,6,7,.3) 70%,rgba(7,6,7,.12)),linear-gradient(0deg,rgba(7,6,7,.8),transparent 45%)}
.hero-dynamic .hero-media{position:absolute;inset:0;z-index:0;width:100%;max-width:none;border:0;border-radius:0;pointer-events:none}
.hero-dynamic .hero-slides{position:absolute;inset:0;height:100%;width:100%}
.hero-dynamic .hero-slide img{object-fit:cover;object-position:var(--image-focus,center)}
.home-refined .hero-dynamic .hero-content{position:relative;z-index:2;width:100%;max-width:1600px;margin:0 auto;padding:64px clamp(24px,4.5vw,80px) 128px}
.home-refined .hero-dynamic h1{font-size:clamp(2.6rem,5.8vw,5.5rem);max-width:1000px;text-shadow:0 2px 24px #0004}
.hero-dynamic .hero-copy{max-width:620px}
.hero-dynamic .hero-media-footer{position:absolute;z-index:3;bottom:20px;left:clamp(24px,4.5vw,80px);right:clamp(24px,4.5vw,80px);justify-content:flex-end;flex-wrap:wrap;padding:0;border:0;min-height:44px}
.hero-dynamic .hero-media-footer p{padding:8px 12px;background:#090909b8;border-radius:6px;color:#eee}
.hero-dynamic #hero-pause{background:#100c0fe8;border-color:#98727f}
@media(max-width:760px){
  .home-refined .hero.hero-dynamic{display:block;min-height:680px;padding:0}
  .home-refined .hero-dynamic .hero-content{padding:44px 24px 150px}
  .home-refined .hero-dynamic h1{font-size:clamp(2.25rem,8.7vw,3.9rem)}
  .hero-dynamic::before{background:linear-gradient(90deg,#080608d9,#0806088f),linear-gradient(0deg,#080608e6,transparent 70%)}
  .hero-dynamic .hero-slide img{object-position:var(--image-focus-mobile,center)}
  .hero-dynamic .hero-media-footer{left:24px;right:24px;bottom:18px;justify-content:flex-start;gap:8px}
}
