/* Dickyland 19.0: the four recorded voice chapters and the island's origin. */
body.home .dg190-departure{
 position:relative;isolation:isolate;overflow:hidden;
 padding:clamp(85px,10vw,145px) clamp(18px,5vw,70px);
 color:#ffedd2;
 background:radial-gradient(ellipse at 78% 10%,rgba(228,172,95,.16),transparent 38%),
  radial-gradient(ellipse at 8% 82%,rgba(74,141,166,.19),transparent 40%),
  linear-gradient(180deg,#091e2f 0%,#102e3e 50%,#091e2e 100%);
 border-top:1px solid rgba(236,198,144,.24);
 border-bottom:1px solid rgba(236,198,144,.24);
}
body.home .dg190-departure::before{
 content:'D';position:absolute;top:-5%;right:-5%;font:900 min(35vw,460px)/1 Cinzel,Georgia,serif;
 color:rgba(230,186,123,.045);pointer-events:none;
}
.dg190-departure-inner{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(38px,6vw,105px);width:min(1320px,100%);margin-inline:auto}
.dg190-departure-art{position:relative;margin:5px 10px 18px 5px;aspect-ratio:1.1;transform:perspective(1200px) rotateY(-5deg) rotateX(1.5deg);border:10px solid #ae7e47;border-radius:26px 26px 86px 26px;background:#102a3d;box-shadow:0 17px 0 #523823,0 38px 60px rgba(0,0,0,.43),0 0 0 2px rgba(255,226,177,.35);transition:transform .5s ease,box-shadow .5s ease}
.dg190-departure-art:hover{transform:perspective(1200px) rotateY(-2deg) translateY(-5px);box-shadow:0 20px 0 #523823,0 45px 70px rgba(0,0,0,.5)}
.dg190-departure-art img{width:100%;height:100%;object-fit:cover;display:block;border-radius:16px 16px 74px 16px;filter:contrast(1.04) saturate(1.04)}
.dg190-departure-art::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(255,241,203,.13),transparent 36%,rgba(0,0,0,.14) 95%)}
.dg190-departure-stamp{position:absolute;right:-22px;bottom:32px;z-index:1;display:grid;place-items:center;width:140px;height:140px;border-radius:50%;text-align:center;background:radial-gradient(circle at 30% 27%,#fff0bf,#d4a76a 53%,#78512c);border:5px double #f7d8a5;color:#583718;font:900 12px/1.45 Manrope,sans-serif;letter-spacing:.12em;box-shadow:0 13px 30px #0009;transform:rotate(7deg)}
.dg190-departure-copy{position:relative;max-width:660px;padding:10px 0 35px}
.dg190-kicker{color:#f2c78b;display:block;font:800 11px/1.5 Manrope,Arial,sans-serif;letter-spacing:.23em;text-transform:uppercase;margin-bottom:17px}
.dg190-departure-copy h2{font:800 clamp(35px,4.6vw,66px)/1.13 Cinzel,Georgia,serif;letter-spacing:-.035em;color:#fff0ce;text-wrap:balance;margin:0 0 23px}
.dg190-departure-copy p{max-width:610px;color:#dbe2e6;font:500 clamp(14px,1.2vw,17px)/1.9 Manrope,Arial,sans-serif;margin:0 0 18px}
.dg190-narrated-note{display:block;margin-top:28px;padding-top:17px;border-top:1px solid rgba(245,207,149,.24);color:#efc98f;font:700 11px/1.5 Manrope,Arial,sans-serif;letter-spacing:.08em}
/* Agent has no image fallback and no captions. Only the GLB render is visible. */
/* Do not hide the whole Agent when the 3D libraries cannot load. */
#royal-agent .agent-fallback,#royal-agent .agent-ui-ghost{display:none!important}
@media(max-width:830px){.dg190-departure-inner{grid-template-columns:1fr;max-width:650px;gap:35px}.dg190-departure-art{max-width:560px;width:calc(100% - 18px);margin:4px auto 10px;transform:none}.dg190-departure-art:hover{transform:translateY(-3px)}.dg190-departure-copy{padding:15px 5px 0}}
@media(max-width:540px){body.home .dg190-departure{padding:76px 17px 90px}.dg190-departure-art{border-width:6px;border-radius:18px 18px 65px 18px}.dg190-departure-art img{border-radius:11px 11px 56px 11px}.dg190-departure-stamp{right:-12px;bottom:14px;width:91px;height:91px;font-size:8px;border-width:3px}.dg190-departure-copy h2{font-size:clamp(31px,8vw,44px)}.dg190-departure-copy p{font-size:14px;line-height:1.75}}
@media(prefers-reduced-motion:reduce){.dg190-departure-art{transform:none!important;transition:none!important}}

/* 19.1: transition to the content is the sole visibility gate. */
html.js body.home.agent-on-page .royal-agent,html.js body.home:not(.film-ended).agent-on-page .royal-agent{opacity:1!important;visibility:visible!important;pointer-events:none!important}
html.js body.home.agent-on-page .royal-agent .agent-view{pointer-events:auto!important}
html.js body.home:not(.film-ended):not(.agent-on-page) .royal-agent{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
#royal-agent .agent-load-note{position:absolute;left:12%;right:12%;bottom:18%;display:block;padding:8px 10px;color:#ffebca;background:rgba(5,22,39,.8);border:1px solid rgba(227,188,125,.65);border-radius:10px;font:700 11px/1.5 Manrope,Arial,sans-serif;text-align:center;pointer-events:none;text-shadow:0 2px 10px rgba(0,0,0,.65)}
#royal-agent.model-ready .agent-load-note{display:none!important}
#royal-agent.agent-load-failed .agent-load-note{pointer-events:none;bottom:20%;background:rgba(21,27,41,.93)}
#royal-agent:not(.model-ready):not(.agent-load-failed) .agent-halo{opacity:.26}