/* Arc 1 portal geometry, Arc 2 palace palette. */
body[data-arc="04"]>.skip:not(:focus){position:absolute;transform:translateY(-200%);clip-path:inset(100%);width:1px;height:1px;overflow:hidden}
body[data-arc="04"] .portal-home{--ice:#0877b8;--rose:#68e4d5;--ink:#f1f9ff;--muted:#426578}
body[data-arc="04"] .portal-stage{height:clamp(510px,65vh,760px);min-height:570px;background:#edf7ff}
body[data-arc="04"] .portal-copy{padding-bottom:95px}
body[data-arc="04"] .portal-copy h1{font-family:PalaceThai,Tahoma,serif;font-size:clamp(30px,3.5vw,54px)}
body[data-arc="04"] .portal-film{object-position:65% 40%;opacity:.85}
body[data-arc="04"] .portal-vignette{background:linear-gradient(90deg,#f1f9fff5,#f1f9ffb8 35%,#f1f9ff22 75%),linear-gradient(0deg,#f1f9ff,transparent 40%)}
body[data-arc="04"] .portal-media-controls{bottom:62px}
body[data-arc="04"] .portal-catalog{padding-top:48px}
body[data-arc="04"] .portal-episode-art{aspect-ratio:2/3;overflow:hidden}
body[data-arc="04"] .portal-episode-art img{width:100%;height:100%;object-fit:cover}
body[data-arc="04"] .portal-episode.is-upcoming{border:1px solid #c5a66640;display:flex;flex-direction:column;justify-content:center;min-height:230px;padding:30px 18px;background:linear-gradient(145deg,#21152770,#f1f9ff);text-align:center;border-radius:5px}
.arc-coming-title{font:600 19px/1.8 PalaceThai,Tahoma,serif;color:#e5d7eb;margin:0 0 20px}.arc-coming-label{font:12px Chakra,Tahoma,sans-serif;letter-spacing:2px;color:#c8ac7c}
.arc2-progress{color:#baa9c7;font-size:13px}.arc2-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:22px}.arc2-empty{padding:25px;color:#426578}.arc2-release-gateway{display:block;margin:30px 5%;padding:24px 30px;border:1px solid #c5a66666;background:linear-gradient(120deg,#24172d,#100d18);color:#0877b8}.arc2-release-gateway strong{font-size:24px;display:block}.arc2-release-gateway span{font-size:13px}
@media(max-width:700px){body[data-arc="04"] .portal-stage{height:710px;min-height:710px}body[data-arc="04"] .portal-copy{width:90%;padding-bottom:145px}body[data-arc="04"] .portal-media-controls{left:5%;right:auto;bottom:65px}body[data-arc="04"] .portal-film{object-position:59% center}body[data-arc="04"] .portal-copy h1{font-size:38px}body[data-arc="04"] .portal-episode.is-upcoming{min-height:210px}.arc-coming-title{font-size:17px}}

body[data-arc="04"] .portal-episode.is-teaser{position:relative;overflow:hidden;isolation:isolate;min-height:360px;cursor:default} .arc-teaser-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none} .is-teaser::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#f1f9ff20,#f1f9ffb0 55%,#f1f9ffef);z-index:-1}.is-teaser .arc-coming-title,.is-teaser .arc-coming-label{position:relative;text-shadow:0 2px 10px #000}.is-teaser .arc-coming-label{letter-spacing:1px;line-height:1.8}

/* Portrait artwork stays intact inside the shared full-width hero. */
body[data-arc="04"] .portal-film{left:42%;width:58%;object-fit:contain;object-position:center;opacity:.94}body[data-arc="04"] .portal-stage{background:#f1f9ff}body[data-arc="04"] .portal-vignette{background:linear-gradient(90deg,#f1f9fff5,#f1f9ffb8 35%,#f1f9ff10 75%),linear-gradient(0deg,#f1f9ff,transparent 40%)}@media(max-width:700px){body[data-arc="04"] .portal-film{left:18%;width:82%;object-position:right center;opacity:.55}}
/* Arc04 palette only; shared portal DOM, grid and controls are retained. */
body[data-arc="04"]{background:#f1f9ff;color:#123d59;--cyan:#0877b8;--pink:#126ba1;--line:#91bdd6;--muted:#426578}
body[data-arc="04"] .site-head,body[data-arc="04"] footer{background:#fff;color:#123d59;border-color:#91bdd6}
body[data-arc="04"] .brand,body[data-arc="04"] .brand span,body[data-arc="04"] .brand small,body[data-arc="04"] .site-head nav{color:#12648e}
body[data-arc="04"] .portal-home{--ice:#0877b8;--rose:#0877b8;--ink:#123d59;--muted:#426578}
body[data-arc="04"] .portal-stage{background:#e5f5ff}
body[data-arc="04"] .portal-film{left:0;width:100%;object-fit:cover;object-position:center;opacity:1}
body[data-arc="04"] .portal-vignette{background:linear-gradient(90deg,#f1f9fff5,#f1f9ffe5 28%,#f1f9ff40 65%,transparent),linear-gradient(0deg,#f1f9ff,transparent 30%)}
body[data-arc="04"] .portal-year,body[data-arc="04"] .portal-copy h1,body[data-arc="04"] .portal-copy h1 em,body[data-arc="04"] .portal-section-head h2,body[data-arc="04"] .portal-manifesto h2{color:#075a8e;text-shadow:none}
body[data-arc="04"] .portal-copy p,body[data-arc="04"] .portal-secondary,body[data-arc="04"] .portal-kicker,body[data-arc="04"] .portal-stage-bottom,body[data-arc="04"] .portal-stage-bottom a,body[data-arc="04"] .arc2-progress,body[data-arc="04"] .arc-tab,body[data-arc="04"] .portal-manifesto p,body[data-arc="04"] .arc2-links a{color:#244f68;text-shadow:none}
body[data-arc="04"] .portal-cta,body[data-arc="04"] .header-resume{background:#0877b8;color:#fff;border-color:#0877b8}
body[data-arc="04"] .portal-media-controls button,body[data-arc="04"] #fx-toggle{background:#fffffff0;color:#075a8e;border-color:#6da5c4}
body[data-arc="04"] .portal-stage-bottom{background:#f8fcffe8;border-color:#91bdd6}
body[data-arc="04"] .portal-search input{color:#123d59}body[data-arc="04"] .portal-search input::placeholder{color:#426578}
body[data-arc="04"] .portal-search,body[data-arc="04"] .arc-tabs,body[data-arc="04"] .portal-manifesto{border-color:#91bdd6}
body[data-arc="04"] .portal-episode{background:#fff;border-color:#91bdd6;color:#123d59}
body[data-arc="04"] .portal-episode-info h3{color:#123d59}body[data-arc="04"] .episode-status,body[data-arc="04"] .episode-enter{color:#08669c}
body[data-arc="04"] .portal-grain{opacity:.025}
body[data-arc="04"] .site-head .main-nav a{color:#295976}body[data-arc="04"] .site-head .main-nav a[aria-current="page"]{color:#075a8e;border-color:#0877b8}
body[data-arc="04"] .portal-media-controls #palace-film-toggle{background:#fff;color:#075a8e;border-color:#6da5c4}
@media(max-width:700px){body[data-arc="04"] .portal-film{left:0;width:100%;object-position:65% center;opacity:.65}body[data-arc="04"] .portal-vignette{background:linear-gradient(90deg,#f1f9fff5,#f1f9ffc0 60%,#f1f9ff50),linear-gradient(0deg,#f1f9ff,transparent 45%)}body[data-arc="04"] .portal-copy{padding-bottom:145px}}