/* Meet Colette & Carrie: a visible chapter between the Hunt and the real finds. No script needed to read it;
   the optional audio and the transcript are native controls. */
@font-face { font-family:'Allura'; src:url('/fonts/Allura-Regular.ttf') format('truetype'); font-weight:400; font-style:normal; font-display:swap; }
.world-origin-story { padding:clamp(56px,8vw,104px) var(--w-gutter); color:var(--w-ink); background:linear-gradient(180deg,var(--w-cream),#F7EDF0 55%,var(--w-cream)); scroll-margin-top:72px; }
.world-origin-story *, .world-origin-story *::before, .world-origin-story *::after { box-sizing:border-box; }
.world-origin-body { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:clamp(28px,4vw,64px); max-width:1120px; margin:auto; align-items:center; }
.world-origin-visual { min-width:0; }
.world-origin-illustration { position:relative; margin:0; isolation:isolate; container-type:inline-size; }
.world-origin-illustration img { display:block; width:100%; height:auto; border-radius:18px; box-shadow:0 24px 60px #5D244018; }
.world-origin-signature { position:absolute; top:1.7%; left:18%; right:18%; margin:0; text-align:center; color:#68172e; font:400 clamp(20px,8cqw,52px)/1 'Allura',cursive; white-space:nowrap; transform:rotate(-3deg); }
.world-origin-signature span { display:inline-block; padding-inline:4px; font-size:.72em; }
.world-origin-roles { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; text-align:center; padding:20px 10px 0; }
.world-origin-roles > div { min-width:0; }
.world-origin-roles b { display:block; color:var(--w-plum); font:600 23px/1.3 var(--w-serif); margin-bottom:8px; }
.world-origin-roles span { display:block; min-width:0; overflow-wrap:anywhere; color:var(--w-muted); font:400 12px/1.7 var(--w-sans); max-width:200px; margin:auto; }
.world-origin-copy { min-width:0; max-width:560px; }
.world-origin-kicker { margin:0; color:var(--w-rose-ink); font:700 12px/1.6 var(--w-sans); letter-spacing:.02em; }
.world-origin-copy h2 { margin:8px 0 22px; color:var(--w-plum); font:600 clamp(34px,3.6vw,52px)/1.08 var(--w-serif); letter-spacing:-.025em; }
.world-origin-copy > p:not(.world-origin-kicker) { margin:0 0 16px; font:400 16px/1.8 var(--w-sans); }
.world-origin-purpose { border-left:2px solid #dbc1c9; padding:4px 0 4px 20px; margin:26px 0; }
.world-origin-purpose p { margin:0 0 13px; font:400 15px/1.85 var(--w-sans); }
.world-origin-purpose .world-origin-purpose-line { margin-bottom:0; color:var(--w-plum); font:600 22px/1.4 var(--w-serif); }
.world-origin-listening { margin:28px 0 12px; padding:16px 18px; border:1px solid var(--w-line); border-radius:16px; background:var(--w-paper); }
.world-origin-listening[hidden] { display:none; }
.world-origin-audio-label { display:block; color:var(--w-plum); font:700 14px/1.5 var(--w-sans); margin-bottom:10px; }
.world-origin-listening audio { display:block; width:100%; max-width:440px; height:40px; }
.world-origin-listening p { margin:8px 0 0; color:var(--w-muted); font:400 12px/1.5 var(--w-sans); }
.world-origin-transcript { margin-top:12px; }
.world-origin-transcript summary { display:flex; justify-content:space-between; align-items:center; min-height:48px; padding:12px 0; border-block:1px solid var(--w-line); cursor:pointer; list-style:none; color:var(--w-plum); font:700 13px/1.5 var(--w-sans); }
.world-origin-transcript summary::-webkit-details-marker { display:none; }
.world-origin-transcript summary:focus-visible { outline:3px solid var(--w-rose-ink); outline-offset:4px; border-radius:4px; }
.world-origin-transcript[open] summary span { transform:rotate(45deg); }
.world-origin-transcript ol { list-style:none; padding:4px 0 0; margin:0; }
.world-origin-transcript li { padding:14px 0; border-bottom:1px solid var(--w-line); }
.world-origin-transcript li b { color:var(--w-plum); font:700 12px/1.5 var(--w-sans); }
.world-origin-transcript li p { margin:4px 0 0; font:400 14px/1.75 var(--w-sans); }
.world-origin-copy > .world-origin-fiction { margin:20px 0 0!important; color:var(--w-muted); font:400 12px/1.6 var(--w-sans)!important; }
@media (max-width:820px) {
 .world-origin-body { grid-template-columns:minmax(0,1fr); gap:28px; }
 .world-origin-visual { max-width:620px; margin:auto; }
 .world-origin-roles { gap:16px; padding-top:16px; }
 .world-origin-roles span { font-size:11px; }
 .world-origin-copy { max-width:none; }
 .world-origin-copy > p:not(.world-origin-kicker) { font-size:15px; }
}
@media (prefers-reduced-motion:reduce) { .world-origin-transcript[open] summary span { transition:none; } }

/* Compact masthead at narrow effective widths, including browser zoom. */
@media (max-width:360px) {
 .world-masthead { padding-inline:10px; gap:6px; }
 .world-masthead-brand { min-width:0; gap:6px; }
 .world-masthead-brand > img { width:24px; height:24px; }
 .world-masthead-brand b { font-size:11px; }
 .world-masthead nav { flex:0 0 auto; gap:4px; }
 .world-masthead nav > a:not(.world-app-entry) { padding-inline:4px; }
 .world-masthead .world-app-entry { margin-left:0; }
 .world-masthead .world-app-entry img { width:78px; height:26px; }
}

.world-hero-example-currency { color:var(--w-muted-dark); margin:0 0 14px; font:400 12px/1.6 var(--w-sans); }