/* PR 18 — refinamento solicitado após o merge do PR 17 */
.brand-logo-link{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  align-self:center;
  width:220px!important;
  height:72px!important;
  max-width:220px!important;
  max-height:72px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  flex:0 0 220px;
}
.brand-logo-image{
  display:block;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:left center!important;
  transform:none!important;
  filter:none!important;
}
.helena-intro h2{
  max-width:17ch!important;
  font-size:clamp(2.7rem,4.5vw,5rem)!important;
  line-height:1.02!important;
  text-wrap:wrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}
.helena-intro h2::after{content:none!important}
.story.story-compact{
  display:grid;
  grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);
  align-items:center;
  gap:clamp(2rem,5vw,5rem);
  padding:clamp(3.5rem,6vw,6rem) clamp(5vw,8vw,9vw);
  background:var(--cream);
}
.story-compact-media{
  width:100%;
  max-width:470px;
  aspect-ratio:4/5;
  justify-self:end;
  overflow:hidden;
  background:#e8e3dc;
}
.story-compact-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 28%;
}
.story-compact-copy{max-width:680px}
.story-compact-copy h2{
  margin:.65rem 0 1.4rem;
  max-width:16ch;
  font-size:clamp(2.8rem,5vw,5.5rem);
  line-height:1.02;
  text-wrap:wrap;
  word-break:normal;
  overflow-wrap:normal;
  hyphens:none;
}
.story-compact-copy .large-copy{
  margin-bottom:1rem;
  max-width:31ch;
  font-size:clamp(1.35rem,2.1vw,2rem);
}
.story-compact-copy>p:not(.overline):not(.large-copy):not(.story-compact-note){
  max-width:58ch;
  color:#615f59;
}
.story-compact-note{
  margin:1.6rem 0 0;
  padding-top:1rem;
  border-top:1px solid var(--line);
  color:var(--clay);
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
}
@media(max-width:900px){
  .story.story-compact{grid-template-columns:1fr;padding:3.5rem 7vw;gap:2.5rem}
  .story-compact-media{justify-self:start;max-width:560px;aspect-ratio:5/4}
  .story-compact-media img{object-position:center 30%}
  .story-compact-copy h2{max-width:none}
}
@media(max-width:700px){
  .brand-logo-link{width:175px!important;height:58px!important;max-width:175px!important;max-height:58px!important;flex-basis:175px}
  .helena-intro h2{max-width:none!important;font-size:clamp(2.55rem,11.5vw,3.65rem)!important;line-height:1.04!important}
  .story.story-compact{padding:2.75rem 6vw 3.5rem;gap:2rem}
  .story-compact-media{aspect-ratio:4/5;max-width:none}
  .story-compact-copy h2{font-size:clamp(2.55rem,11vw,3.8rem);line-height:1.04}
}
