.special-summary{margin:18px 0 0;padding:14px 16px;border-left:2px solid var(--accent);background:#0a1424}
.special-summary>span{display:inline-block;margin-right:10px;color:var(--accent);font-size:14px}
.special-summary>b{font-family:var(--serif);font-size:19px;font-weight:500;color:#fff2d7}
.character-copy .special-summary>p{font-size:14px;line-height:1.7;margin:7px 0}
.special-summary>small{display:block;color:#a8b7cc;font-size:12px;line-height:1.7}
.special-status{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;color:#9cabc0;font-size:12px;line-height:1.5}
.special-status>svg{width:14px;height:14px;flex:none}
.special-status.is-ready{color:#ffe0a1;text-shadow:0 0 12px #e5aa5540}
.special-status.is-active{color:#ff9baa;text-shadow:0 0 12px #f7708433}
.demo-buttons .special-demo{grid-column:1/-1;border:1px solid #d9b879;background:linear-gradient(115deg,#1c3348,#291c27);color:#fff0cb}
.demo-buttons .special-demo span{display:flex;justify-content:space-between;gap:8px}
.demo-buttons .special-demo small{font-size:12px;color:#b8c7d7}

/* The artwork fills the visible viewport, with readable copy over a cinematic scrim. */
.special-cutin{position:fixed;inset:0;margin:0;padding:0;border:0;border-radius:0;width:100vw;height:var(--view-height,100dvh);max-width:none;max-height:none;overflow:hidden;background:#050b15;color:#fff6e7;isolation:isolate;--special-color:#82cfff}
.special-cutin::backdrop{background:#040912}
.special-ambient,.special-art,.special-shade,.special-sweep{position:absolute;inset:0;pointer-events:none}
.special-ambient{background-position:center;background-size:cover;filter:blur(24px) brightness(.5);transform:scale(1.08);z-index:-3}
.special-art{z-index:-2;animation:special-reveal .8s cubic-bezier(.16,.75,.19,1) both}
.special-illustration{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 15%}
.special-shade{z-index:-1;background:linear-gradient(0deg,#040914fc 0%,#040914ea 14%,#06111b9e 34%,transparent 66%),linear-gradient(180deg,#060c2180,transparent 16%)}
.special-sweep{z-index:0;background:linear-gradient(110deg,transparent 30%,color-mix(in srgb,var(--special-color) 35%,transparent) 49%,transparent 54%);transform:translateX(-150%);animation:special-sweep .85s .12s ease-out both;mix-blend-mode:screen}
.special-topline{position:absolute;top:max(22px,env(safe-area-inset-top));left:max(5%,env(safe-area-inset-left));right:max(5%,env(safe-area-inset-right));display:flex;justify-content:space-between;gap:20px;color:#ffefd2;font-size:12px;letter-spacing:.2em;text-shadow:0 2px 8px #000}
.special-topline>span:first-child{border-top:2px solid var(--special-color);padding-top:7px}
.special-copy{position:absolute;left:max(6%,env(safe-area-inset-left));right:max(6%,env(safe-area-inset-right));bottom:max(28px,env(safe-area-inset-bottom));max-height:72%;overflow:auto;overscroll-behavior:contain;text-align:left;animation:special-copy-in .7s .15s both}
.special-character{font-size:16px;color:var(--special-color);margin:0 0 8px;letter-spacing:.08em}
.special-character>span{font-size:12px;letter-spacing:.2em;margin-left:10px;color:#e6e6dd}
.special-copy>h2{font-family:var(--serif);font-size:clamp(40px,6.7vw,104px);font-weight:800;letter-spacing:.05em;line-height:1.18;margin:0 0 16px;color:#fff5de;text-shadow:2px 3px #18354f,0 0 28px color-mix(in srgb,var(--special-color) 40%,transparent);overflow-wrap:anywhere}
.special-insight .special-copy>h2{letter-spacing:.15em;text-shadow:2px 3px #6d243c,0 0 32px #ff405b66}
.special-dominion .special-copy>h2{text-shadow:2px 3px #695029,0 0 30px #efb95766}
.special-dominion .special-sweep{animation-direction:reverse}
.special-effect{font-size:16px;line-height:1.7;margin:0 0 10px;padding-left:14px;border-left:2px solid var(--special-color);color:#edf3fa;max-width:55em}
.special-copy>blockquote{font-family:var(--serif);font-size:clamp(16px,1.8vw,23px);line-height:1.6;margin:0 0 18px;text-shadow:0 2px 6px #000}
.special-copy .quote-translation{display:inline-block;margin-left:8px;font-family:var(--sans);font-size:14px;color:#c3d0df}
.special-continue{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-height:44px;padding:11px 20px;border:1px solid var(--special-color);color:#f8f4ea;background:#0a172bc9;box-shadow:inset 0 0 22px #263f5022;font-size:14px;cursor:pointer;backdrop-filter:blur(10px)}
.special-continue>svg{width:22px;height:22px}
.special-continue:hover{background:#23364d}
.special-continue:focus-visible{outline:2px solid #fff3cf;outline-offset:4px}
@keyframes special-reveal{from{transform:scale(1.07);filter:brightness(1.25)}to{transform:scale(1);filter:brightness(1)}}
@keyframes special-copy-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes special-sweep{to{transform:translateX(150%)}}
@media(orientation:portrait){
  .special-art{bottom:auto;height:min(65%,115vw)}
  .special-illustration{object-position:60% top}
  .special-insight .special-illustration{object-position:55% top}
  .special-shade{background:linear-gradient(0deg,#040914fc 0%,#040914df 26%,#06111b40 59%,transparent 75%),linear-gradient(180deg,#060c2170,transparent 15%)}
  .special-topline{left:6%;right:6%;font-size:11px;letter-spacing:.13em}
  .special-copy{max-height:51%;bottom:max(24px,env(safe-area-inset-bottom));left:6%;right:6%}
  .special-copy>h2{font-size:clamp(34px,8.5vw,68px);line-height:1.25;letter-spacing:.01em;margin-bottom:16px}
  .special-insight .special-copy>h2{font-size:clamp(64px,20vw,112px)}
  .special-character{font-size:14px;margin-bottom:10px}
  .special-character>span{display:block;margin:5px 0 0}
  .special-effect{font-size:15px}
  .special-copy>blockquote{font-size:17px;line-height:1.8;margin-bottom:20px}
  .special-copy .quote-translation{display:block;margin:0}
  .special-continue{width:100%}
}
@media(max-height:620px) and (orientation:landscape){
  .special-copy{bottom:max(12px,env(safe-area-inset-bottom));left:max(5%,env(safe-area-inset-left));right:max(5%,env(safe-area-inset-right));max-height:73%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 24px;align-items:end}
  .special-topline{top:max(10px,env(safe-area-inset-top));font-size:11px}
  .special-character{grid-column:1/-1;font-size:13px;margin:0}
  .special-character>span{font-size:11px}
  .special-copy>h2{grid-column:1/-1;font-size:clamp(32px,10vh,54px);line-height:1.14;margin:0}
  .special-effect{grid-column:1/-1;font-size:14px;line-height:1.5;margin:0;max-width:none}
  .special-copy>blockquote{font-size:15px;line-height:1.55;margin:0}
  .special-continue{min-height:42px;gap:20px;padding:9px 16px}
  .special-shade{background:linear-gradient(0deg,#040914fa 0%,#040914d6 21%,#06111b24 63%,transparent 85%)}
  .special-status{font-size:11px}
  .special-summary{margin-top:8px;padding:8px 10px}
  .special-summary>b{font-size:16px}
  .character-copy .special-summary>p{font-size:12px;margin:4px 0;line-height:1.5}
}
@media(max-width:390px){.round-header{gap:5px}.special-status{font-size:11px}.special-status>svg{display:none}}
@media(prefers-reduced-motion:reduce){.special-art,.special-copy,.special-sweep{animation:none}.special-sweep{display:none}}