/* Inner page scene hero, shared by faq, why-the-name, contact, start and coming-soon. Uses site.css tokens. */
.ihero{padding:clamp(48px,6vw,88px) 0 0;overflow:clip;min-height:auto}
.ihero .band-sun{top:18px;right:-34px;z-index:1}
.scene-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.08fr;gap:clamp(28px,4vw,64px);align-items:center;padding-bottom:clamp(110px,12vw,170px)}
.ihero h1{font-size:clamp(3rem,7.2vw,6.6rem);line-height:.92}
.ihero .lead{max-width:560px}
.ihero .ctas{margin-top:26px}
.scene-art{position:relative;margin:0;padding:clamp(8px,1vw,12px);background:var(--cream);border-radius:22px;rotate:2deg;
  box-shadow:0 8px 0 rgba(16,30,56,.22),0 34px 50px -22px rgba(16,30,56,.7);animation:floaty 7s ease-in-out infinite alternate}
.scene-art img{width:100%;height:auto;border-radius:14px}
.scene-art::after{content:"";position:absolute;top:-16px;left:50%;width:120px;height:34px;margin-left:-60px;rotate:-4deg;background:rgba(247,213,107,.85);
  box-shadow:0 2px 0 rgba(16,30,56,.12)}
.scene-cloud{position:absolute;z-index:1;width:clamp(110px,13vw,190px);top:clamp(40px,8vw,120px);left:38%;pointer-events:none}
.scene-cloud svg{display:block;width:100%;animation:drift 26s ease-in-out infinite alternate;filter:drop-shadow(0 5px 0 rgba(16,30,56,.15))}
.scene-hills{position:absolute;left:-2%;right:-2%;bottom:0;z-index:1;pointer-events:none}
.scene-hills svg{display:block;width:100%;height:clamp(90px,11vw,160px)}
.scene-hills path{filter:drop-shadow(0 -4px 0 rgba(16,30,56,.1))}
/* light variant: dark text on a bright band */
.ihero.light{color:var(--ink)}
.ihero.light h1{color:var(--plum);text-shadow:0 .035em 0 var(--cream),0 .07em 0 var(--terra-l),0 .12em .1em rgba(16,30,56,.25)}
.ihero.light .lead{color:var(--plum)}
@keyframes floaty{from{translate:0 0}to{translate:0 -10px;rotate:.5deg}}

/* closing band shared by these pages */
.endband{--bg:var(--sun);overflow-x:clip}
.endband h2{color:var(--plum);text-shadow:0 5px 0 var(--terra-l)}
.endband .ctas{justify-content:center;margin-top:24px}

@media (max-width:899px){
  .scene-grid{grid-template-columns:1fr;text-align:center}
  .ihero .lead{margin-inline:auto}
  .ihero .ctas{justify-content:center}
  .scene-art{max-width:620px;margin-inline:auto;width:100%}
  .scene-cloud{left:auto;right:6%;top:auto;bottom:40%}
}
@media (max-width:599px){ .ihero .ctas{display:grid} }
/* phone landscape: keep copy and art side by side, short */
@media (max-height:520px) and (orientation:landscape){
  .scene-grid{grid-template-columns:1fr 1fr;text-align:left;padding-bottom:96px;gap:28px}
  .ihero h1{font-size:clamp(2.4rem,6vw,3.6rem)}
  .ihero .ctas{justify-content:flex-start;display:flex}
  .ihero .lead{margin-inline:0;font-size:1rem}
  .scene-cloud{display:none}
}
@media (max-width:599px){.ihero .band-sun{top:-34px;right:-74px;scale:.62}}
@media (max-width:599px){.ihero .scene-cloud{top:74px;bottom:auto;left:-34px;right:auto;width:92px}}