/* Scene 07: a garden shared by the couple and their dog. */
@font-face{font-family:VillaSerif;src:url('assets/pet-serif.woff2?v=3') format('woff2');font-weight:400;font-display:swap;unicode-range:U+307C,U+5339,U+5348,U+5F3E,U+611B,U+72AC,U+7B11,U+899A,U+8DB3,U+8D70,U+99C6}
@font-face{font-family:VillaSans;src:url('assets/pet-sans.woff2?v=3') format('woff2');font-weight:400;font-display:swap;unicode-range:U+307C,U+5339,U+5348,U+5F3E,U+611B,U+72AC,U+7B11,U+899A,U+8DB3,U+8D70,U+99C6}
.editorial .story-pet{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);
  gap:clamp(34px,4.5vw,80px);
  align-items:center;
  background:var(--paper);
  padding:86px 0 64px;
}
.editorial .story-pet figure{width:100%;margin:0}
.editorial .story-pet figure img{aspect-ratio:1.5;object-position:55% center}
.editorial .story-pet .story-copy{padding:12px clamp(28px,6vw,104px) 12px 0}
.editorial .story-pet h3{font-size:clamp(28px,2.55vw,42px);line-height:1.7;letter-spacing:.025em}
.editorial .story-pet .dogrun-phrase{display:inline-block}
.editorial .story-pet .story-body{font-size:16px;line-height:2.05;margin-top:26px;max-width:350px}
.editorial .story-pet .story-body p+p{margin-top:18px}
.editorial .story-pet .story-body span{display:block}
.editorial .story-pet .scene-glyph{color:var(--copper)}
@media(max-width:1100px) and (min-width:901px){
  .editorial .story-pet{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:30px;padding-block:66px 45px}
  .editorial .story-pet .story-copy{padding-right:30px}
  .editorial .story-pet .story-body{font-size:15px}
}
@media(max-width:900px){
  .editorial .story-pet{display:block;padding:58px 0 40px}
  .editorial .story-pet figure{width:93%}
  .editorial .story-pet .story-copy{width:86%;margin:30px auto 0;padding:0}
  .editorial .story-pet .story-body{max-width:none}
}
@media(max-width:600px){
  .editorial .story-pet{padding-top:40px;padding-bottom:34px}
  .editorial .story-pet figure{width:100%}
  .editorial .story-pet figure img{aspect-ratio:1;object-position:58% center}
  .editorial .story-pet .story-copy{margin-top:25px}
  .editorial .story-pet h3{font-size:clamp(26px,7.3vw,33px);line-height:1.7;margin-top:17px}
  .editorial .story-pet .story-body{font-size:16px;line-height:2;margin-top:19px}
  .editorial .story-pet .story-body p+p{margin-top:13px}
}