/* The existing parchment, ink and gold palette, arranged as an illustrated folio. */
.arrival{position:relative;padding:clamp(2rem,3vw,3rem) 0 1.25rem;background:#f9f3e8;scroll-margin-top:90px;overflow:hidden}
.arrival .eyebrow{color:#855832}
.arrival-heading{max-width:760px;margin-bottom:1.25rem}
.arrival h2{margin:.5rem 0 1rem;color:#153149;font:700 clamp(2.15rem,3.2vw,3.25rem)/1 Georgia,serif;letter-spacing:-.03em;text-wrap:balance}
.arrival-heading p{max-width:640px;color:#536169;font-size:1.03rem}
.arrival-folio{position:relative;display:grid;grid-template-columns:1fr 1.1fr;min-height:350px;border-top:1px solid #baa77e;border-bottom:1px solid #baa77e}
.arrival-guide{position:relative;z-index:1;padding:1.5rem 2rem 1.75rem 0}
.arrival-guide:before{content:'✦';display:block;color:#9a6b30;margin-bottom:.5rem;font-size:1.1rem}
.arrival-guide h3{max-width:420px;margin:.4rem 0 1rem;color:#153149;font:700 clamp(2rem,3vw,2.8rem)/1.08 Georgia,serif;letter-spacing:-.025em}
.arrival-guide p{max-width:440px;color:#536169}
.arrival-guide .guide-detail{margin-top:1.2rem;color:#795f40;font-size:.875rem;letter-spacing:.055em}
.arrival-guide-link{display:inline-flex;gap:1rem;align-items:center;margin-top:.6rem;padding:.65rem 0;border-bottom:2px solid #a77a35;text-decoration:none;color:#153149;font-size:1rem;font-weight:800}
.arrival-guide-link span{font-size:1.2rem;color:#895b2c}
.arrival-art{position:relative;margin:0;min-width:0;display:grid;align-items:stretch}
.arrival-art img{width:100%;height:100%;object-fit:cover;object-position:64% center;position:absolute;inset:0}
.arrival-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f9f3e8 0%,rgba(249,243,232,.32) 12%,transparent 35%),linear-gradient(0deg,rgba(8,28,43,.35),transparent 40%)}
.arrival-art figcaption{position:absolute;z-index:1;right:1.2rem;bottom:1rem;color:#fff8e9;font:italic .9rem Georgia,serif;text-shadow:0 1px 6px #071b2b}
.arrival-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.4rem,3vw,3rem);padding-top:1.5rem}
.arrival-path{min-width:0;display:grid;grid-template-columns:80px minmax(0,1fr);gap:1rem;align-content:start}
.arrival-path figure{margin:0;position:relative;width:80px;height:112px;overflow:hidden;border-radius:42px 42px 0 0;border:1px solid #b39456;box-shadow:4px 5px 0 #e8ddc6}
.arrival-path img{width:100%;height:100%;object-fit:cover}
.arrival-path .path-audience{display:block;margin:0 0 .45rem;color:#79542c;font-size:.72rem;line-height:1.5;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.arrival-path h3{margin:0 0 .6rem;color:#153149;font:700 2rem/1.05 Georgia,serif}
.arrival-path p{margin:0 0 .8rem;color:#536169;font-size:1rem;line-height:1.65}
.arrival-path a{display:inline-block;color:#153149;font-size:.9rem;line-height:1.5;font-weight:800;text-decoration-thickness:1px;text-underline-offset:4px}
.arrival-path .path-secondary{margin-top:.35rem;font-weight:500;color:#765430}
.arrival-world-links{display:flex;flex-wrap:wrap;gap:.65rem 1.4rem;margin:1.5rem 0 0;padding-top:.8rem;border-top:1px solid rgba(21,49,73,.18);color:#59646b;font-size:1rem}
.arrival-world-links a{color:#153149;text-decoration:none;border-bottom:1px solid #bda46b}
.arrival a:hover{text-decoration:underline;text-underline-offset:4px}
.arrival a:focus-visible{outline:3px solid #996b2b;outline-offset:5px}

@media(max-width:900px){.arrival-folio{grid-template-columns:1fr 1fr}.arrival-paths{grid-template-columns:1fr;gap:1.5rem}.arrival-path{grid-template-columns:96px 1fr;gap:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(21,49,73,.12)}.arrival-path:last-child{padding-bottom:0;border:0}.arrival-path figure{width:96px;height:116px}.arrival-path h3{font-size:2rem}.arrival-path p{max-width:590px}.arrival-guide{padding-right:1rem}}
@media(max-width:600px){.arrival-folio{grid-template-columns:1fr}.arrival-guide{padding:1.5rem 0 1.8rem}.arrival-art{min-height:230px;grid-row:1}.arrival-art:after{background:linear-gradient(0deg,#f9f3e8,transparent 26%)}.arrival-art figcaption{top:1rem;bottom:auto;font-size:.8rem}.arrival-guide:before{display:none}.arrival-guide h3{font-size:2.25rem}.arrival-guide p{max-width:none}.arrival-paths{padding-top:1.5rem}.arrival-world-links{gap:.7rem 1.1rem}}

/* Join adjacent homepage sections without stacking their old display padding. */
#play-in-khassid{padding:1.5rem 0 2.25rem}
#cataclysm{padding-top:clamp(2rem,4vw,3rem)}
.welcome,.doorways,.feature-strip{padding:clamp(2.5rem,5vw,4rem) 0}

/* Match the established Explore prose scale. */
.arrival-path p,#play-in-khassid .door p,.doorways .door p{font-size:1.08rem;line-height:1.65}
