/* Local refinement of the approved studio: simpler brand story and mobile art direction. */
.direction-picture{position:absolute;inset:0;z-index:-1;display:block}
.brand-story-simple{padding-block:60px}
.brand-story-simple .brand-story-grid{grid-template-columns:1fr 1fr;gap:64px}
.brand-story-simple .brand-story-copy>p{font-size:21px;line-height:1.5;max-width:380px;margin:0 0 24px}
@media(max-width:700px){
  .direction-coral{height:580px;min-height:0;padding:0}
  .direction-coral .direction-scene{inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
  .direction-coral .direction-copy{width:100%;max-width:none;padding:168px 20px 0}
  .direction-coral .direction-copy .eyebrow{font-size:9px;line-height:1.5}
  .direction-coral h1{font-size:52px;line-height:.94;margin:16px auto 14px;max-width:290px}
  .direction-coral .direction-copy>p{font-size:14px;line-height:1.45;max-width:230px}
  .direction-coral .direction-actions{margin-top:18px;gap:4px}
  .direction-coral .direction-primary{min-height:46px;padding:12px 20px;font-size:12px}
  .direction-coral .direction-actions .text-link{min-height:44px;font-size:11px;gap:8px}
  .direction-coral .direction-note{font-size:8px;right:auto;left:16px;bottom:12px;max-width:130px;line-height:1.5}
  .brand-story-simple{padding-block:44px}
  .brand-story-simple .brand-story-grid{grid-template-columns:1fr;gap:22px}
  .brand-story-simple .eyebrow{margin-bottom:16px}
  .brand-story-simple .brand-story-copy>p{font-size:17px;max-width:310px;margin:0 0 20px}
}
@media(max-width:360px){
  .direction-coral{height:550px}
  .direction-coral .direction-copy{padding-top:154px;padding-inline:12px}
  .direction-coral h1{font-size:46px}
  .direction-coral .direction-copy .eyebrow{font-size:8px}
}

@media(max-width:700px){.direction-coral .direction-copy>p span{display:block}}
@media(min-width:501px) and (max-width:700px){
  .direction-coral{height:500px}
  .direction-coral .direction-copy{padding-top:90px}
}