/* Keep the Our Story doorway together on one screen while preserving every path. */
body.story-page:not(.story-reading-page){
  height:100svh;
  min-height:600px;
  overflow:hidden;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
}
body.story-page:not(.story-reading-page) main{
  height:100%;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:minmax(0,1.08fr) minmax(0,.92fr);
  overflow:hidden;
}
body.story-page:not(.story-reading-page) .story-cover{
  height:100%;
  min-height:0!important;
  padding:clamp(12px,2.2vh,22px) 4vw;
  align-items:center;
  background-position:center 48%;
}
body.story-page:not(.story-reading-page) .story-cover-layout{
  width:100%;
  height:100%;
  min-height:0!important;
  grid-template-columns:minmax(225px,.82fr) minmax(0,1.18fr);
  align-items:center;
  gap:clamp(16px,3.5vw,56px);
}
body.story-page:not(.story-reading-page) .story-cover .hero-copy{
  align-self:center;
  padding:0 0 2vh!important;
}
body.story-page:not(.story-reading-page) .story-cover h1{
  margin-top:4px;
  font-size:clamp(50px,6.2vw,88px);
}
body.story-page:not(.story-reading-page) .story-cover .story-work-teaser{
  max-width:320px;
  padding:clamp(12px,1.5vw,20px);
}
body.story-page:not(.story-reading-page) .story-cover .story-work-teaser h2{
  margin:7px 0;
  font-size:clamp(24px,2.4vw,34px);
}
body.story-page:not(.story-reading-page) .story-cover .story-work-teaser p{
  margin-bottom:8px;
  font-size:clamp(13px,1.15vw,16px);
  line-height:1.25;
}
body.story-page:not(.story-reading-page) .story-work-teaser .story-house-painting{
  margin:7px 0 8px;
  padding:5px 5px 0;
}
body.story-page:not(.story-reading-page) .story-work-teaser .story-house-painting>img{
  height:clamp(82px,14vh,126px);
  aspect-ratio:1.5;
  object-fit:cover;
  object-position:50% 58%;
}
body.story-page:not(.story-reading-page) .story-work-teaser .story-house-painting figcaption{
  padding:5px 4px 7px;
}
body.story-page:not(.story-reading-page) .story-work-teaser .story-house-painting figcaption strong{
  font-size:21px;
}
body.story-page:not(.story-reading-page) .story-work-teaser .story-house-painting figcaption span{
  font-size:8px;
}
body.story-page:not(.story-reading-page) .story-home{
  min-height:0;
  height:100%;
  display:flex;
  align-items:stretch;
  padding:0 4vw 10px;
  overflow:hidden;
}
body.story-page:not(.story-reading-page) .story-entry-links{
  width:100%;
  height:100%;
  min-height:0;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
body.story-page:not(.story-reading-page) .story-entry-card{
  min-width:0;
  min-height:0!important;
  height:100%;
  padding:10px 12px 12px!important;
  justify-content:flex-start;
  gap:4px;
}
body.story-page:not(.story-reading-page) .story-entry-card .story-tab-photo{
  display:block;
  width:100%;
  height:clamp(70px,12vh,104px);
  flex:none;
  aspect-ratio:16/9;
  object-fit:cover;
  object-position:center;
}
body.story-page:not(.story-reading-page) .story-entry-card:nth-child(2) .story-tab-photo{
  object-position:center 38%;
}
body.story-page:not(.story-reading-page) .story-entry-card small{
  margin:3px 0 1px;
  font-size:7px;
  line-height:1.25;
}
body.story-page:not(.story-reading-page) .story-entry-card strong{
  font-size:clamp(20px,2.35vw,31px);
  line-height:1;
}
body.story-page:not(.story-reading-page) .story-entry-card p{
  max-width:32ch;
  margin:2px 0;
  font-size:clamp(11px,.95vw,14px);
  line-height:1.2;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
body.story-page:not(.story-reading-page) .story-entry-card .story-door-label{
  margin-top:2px;
  font-size:12px;
}
body.story-page:not(.story-reading-page) .story-entry-card>.story-acorn-art{
  width:30px;
  height:33px;
  right:8px;
  bottom:8px;
}
@media(max-width:720px){
  body.story-page:not(.story-reading-page){min-height:600px}
  body.story-page:not(.story-reading-page) main{grid-template-rows:minmax(0,.96fr) minmax(0,1.04fr)}
  body.story-page:not(.story-reading-page) .story-cover{padding:9px 3vw}
  body.story-page:not(.story-reading-page) .story-cover-layout{
    grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
    gap:10px;
  }
  body.story-page:not(.story-reading-page) .story-cover .hero-copy{padding-bottom:0!important}
  body.story-page:not(.story-reading-page) .story-cover .hero-copy>small{font-size:7px}
  body.story-page:not(.story-reading-page) .story-cover h1{
    max-width:8ch;
    font-size:clamp(36px,9.5vw,56px);
    line-height:.95;
  }
  body.story-page:not(.story-reading-page) .story-cover .story-work-teaser{
    max-width:none;
    padding:8px;
  }
  body.story-page:not(.story-reading-page) .story-cover .story-work-teaser small{font-size:6px}
  body.story-page:not(.story-reading-page) .story-cover .story-work-teaser h2{
    font-size:clamp(17px,4.6vw,23px);
    line-height:1;
    margin:4px 0;
  }
  body.story-page:not(.story-reading-page) .story-cover .story-work-teaser p{
    font-size:10px;
    line-height:1.15;
    margin-bottom:4px;
  }
  body.story-page:not(.story-reading-page) .story-work-teaser .story-house-painting{margin:4px 0;padding:3px 3px 0}
  body.story-page:not(.story-reading-page) .story-work-teaser .story-house-painting>img{height:clamp(55px,9vh,76px)}
  body.story-page:not(.story-reading-page) .story-work-teaser .story-house-painting figcaption{padding:3px 2px 4px}
  body.story-page:not(.story-reading-page) .story-work-teaser .story-house-painting figcaption strong{font-size:15px}
  body.story-page:not(.story-reading-page) .story-work-teaser .story-house-painting figcaption span{font-size:6px}
  body.story-page:not(.story-reading-page) .story-cover .story-work-teaser a{font-size:10px;gap:4px}
  body.story-page:not(.story-reading-page) .story-home{padding:0 2vw 7px}
  body.story-page:not(.story-reading-page) .story-entry-card{padding:7px 6px 8px!important}
  body.story-page:not(.story-reading-page) .story-entry-card .story-tab-photo{height:clamp(54px,9vh,76px)}
  body.story-page:not(.story-reading-page) .story-entry-card small{font-size:5.5px;letter-spacing:.08em;line-height:1.1}
  body.story-page:not(.story-reading-page) .story-entry-card strong{font-size:clamp(14px,4vw,20px);line-height:.98}
  body.story-page:not(.story-reading-page) .story-entry-card p{font-size:9px;line-height:1.14;-webkit-line-clamp:2}
  body.story-page:not(.story-reading-page) .story-entry-card .story-door-label{font-size:9px}
  body.story-page:not(.story-reading-page) .story-entry-card>.story-acorn-art{width:22px;height:24px;right:4px;bottom:4px}
}
@media(max-height:650px){
  body.story-page:not(.story-reading-page){min-height:0}
  body.story-page:not(.story-reading-page) main{grid-template-rows:minmax(0,1fr) minmax(0,.88fr)}
  body.story-page:not(.story-reading-page) .story-work-teaser .story-house-painting>img{height:clamp(55px,11vh,80px)}
  body.story-page:not(.story-reading-page) .story-entry-card .story-tab-photo{height:clamp(48px,9vh,65px)}
}
@media(max-height:599px){
  body.story-page:not(.story-reading-page){height:auto;min-height:100svh;overflow:auto}
  body.story-page:not(.story-reading-page) main{height:auto;overflow:visible}
}