/* Photographic landscape fills the opening screen; all copy stays accessible HTML. */
.hero:has(.illustrated-world){position:relative;display:flex;align-items:center;min-height:calc(100svh - 86px);background:#dce7e4;isolation:isolate}
.hero>.world.illustrated-world{position:absolute;inset:0;min-height:0;border-radius:0;background:#dce7e4;z-index:0;isolation:auto}
.hero .illustrated-world>.town-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.hero>.illustrated-world::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f4f8f5 0%,rgba(244,248,245,.97) 24%,rgba(244,248,245,.90) 43%,rgba(244,248,245,.52) 57%,rgba(244,248,245,.08) 74%,transparent);pointer-events:none;z-index:1}
.hero>.hero-copy{position:relative;z-index:2;width:58%;max-width:850px;padding:72px 5% 100px 8%;background:transparent}
.hero .hero-copy h1{font-size:clamp(48px,5.2vw,82px);line-height:1.35;color:#163f37;text-shadow:none}
.hero .hero-desc,.hero .hero-foot{color:#35584e}
.hero .hero-copy .english,.hero .hero-copy .eyebrow,.hero .hero-copy .text-link{color:#234a40}
.hero .illustrated-world>.scene-ai{display:none}
.hero .illustrated-world>.world-caption{z-index:2;left:auto;right:5%;bottom:55px;color:#eff8f4;text-shadow:0 2px 14px #102f2c;letter-spacing:2px;font-size:17px}
.hero .illustrated-world>.world-caption small{color:#e0eee8}
.hero .illustrated-world>.scene-note{z-index:2;right:5%;bottom:22px;color:#eff8f4;text-shadow:0 1px 8px #102f2c}
@media(max-width:1050px){.hero>.hero-copy{width:70%;padding-left:6%}.hero .hero-copy h1{font-size:clamp(46px,6.5vw,70px)}}
@media(max-width:760px){.hero:has(.illustrated-world){align-items:flex-start;min-height:calc(100svh - 72px)}.hero>.hero-copy{width:100%;padding:45px 7% 180px;max-width:none}.hero .hero-copy h1{font-size:clamp(39px,9vw,60px)}.hero .hero-copy .english{font-size:12px;line-height:1.8;max-width:300px}.hero .hero-desc{font-size:15px}.hero .hero-foot{margin-top:28px;font-size:10px}.hero .illustrated-world>.town-scene{object-position:65% center}.hero>.illustrated-world::after{background:linear-gradient(180deg,#f4f8f5 0%,rgba(244,248,245,.97) 40%,rgba(244,248,245,.9) 60%,rgba(244,248,245,.25) 83%,rgba(17,51,44,.15))}.hero .illustrated-world>.world-caption{left:7%;right:7%;bottom:48px;font-size:14px}.hero .illustrated-world>.scene-note{left:7%;right:7%;bottom:18px;font-size:9px}}
