html{scrollbar-gutter:stable}.hero{overflow-anchor:none}.hero.is-reading{display:flex;flex-direction:column;align-items:center;height:auto;min-height:0;padding:35px 0 70px;gap:0}.hero.is-reading .hero-art{order:0;margin:0 auto;width:min(880px,100%);height:560px}.hero.is-reading .stage-card{top:42%}.hero.is-reading .stage-caption{top:auto;bottom:0}.hero.is-reading .inline-reading{order:1;width:min(840px,100%);height:auto;max-height:none;min-height:320px;overflow:visible;padding:30px 0 0;margin-top:25px;border-top:1px solid var(--line)}.hero.is-reading .inline-reading h2{font-size:30px}.hero.is-reading #inline-content>p{font-size:13px;line-height:2}.hero.is-reading #inline-content .reading-note{font-size:10px}.hero.is-reading .reading-tools{margin-bottom:20px}.is-detail-source .foil-surface{opacity:0}
.gallery-detail{position:fixed;inset:0;margin:0;padding:0;border:0;border-radius:0;width:100%;height:100dvh;max-width:none;max-height:none;overflow:hidden;background:transparent;box-shadow:none;color:var(--cream)}.gallery-detail[open]{display:flex;align-items:center;justify-content:center}.gallery-detail::backdrop{background:linear-gradient(110deg,#06101bd9,#17293bd4);backdrop-filter:blur(18px) saturate(.65)}.detail-scene{display:flex;align-items:center;justify-content:center;gap:clamp(35px,5vw,90px);max-width:calc(100% - 76px)}.detail-art{position:relative;flex-shrink:0;width:min(38vw,calc(80dvh * 2 / 3),420px);height:auto;aspect-ratio:2/3;transform-origin:top left;will-change:transform,opacity}.detail-art>.foil-surface{width:100%;height:100%;border-radius:7px;border:1px solid #dbc18a55;box-shadow:0 25px 75px #0008}.detail-art img{display:block;width:100%;height:100%;aspect-ratio:2/3;object-fit:contain}.detail-art img.reversed{transform:rotate(180deg)}.detail-info{display:flex;flex-direction:column;flex-shrink:0;width:clamp(260px,29vw,380px);height:min(78dvh,520px);box-sizing:border-box;padding:22px 0 18px 32px;border-left:1px solid #d8b77b33;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#65718755 transparent;opacity:0;transform:translateX(24px);transition:opacity .32s .12s,transform .4s .12s}.gallery-detail.is-ready .detail-info{opacity:1;transform:none}.gallery-detail.is-closing .detail-info{transition-delay:0s}.detail-info .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:14px}.detail-info h2{font:36px/1.4 var(--serif);letter-spacing:2px;margin:0 0 7px}#detail-ai{font-size:13px;color:var(--gold);line-height:1.7;overflow-wrap:anywhere;margin:0 0 24px}.detail-info .orientation-tabs{margin-bottom:24px}.detail-info .orientation-tabs button{padding:6px 16px;font-size:11px}.detail-info h3{font:20px/1.6 var(--serif);color:#e0c18a;margin:0 0 13px}#detail-meaning{font-size:13px;color:#c0c8d3;line-height:2;margin-bottom:22px}.detail-suggestion>span{font-size:10px;color:#8d9cae;letter-spacing:1px}.detail-suggestion>p{font-size:12px;color:#c9b89a;line-height:1.95;margin:5px 0 22px}.detail-nav{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto;padding-top:20px;border-top:1px solid var(--line)}.detail-nav button{font-size:11px;white-space:nowrap}.detail-nav>span{font-size:9px;color:#798ca3;letter-spacing:1px}.detail-close{position:fixed;top:28px;right:31px;z-index:3;display:grid;place-items:center;width:40px;height:40px;border:1px solid #d8b77b44;border-radius:50%;background:#15223655;color:#d4d6d9;font:27px/1 var(--sans);transition:background .2s}.detail-close:hover{background:#33485dcc}.gallery-detail.is-closing{pointer-events:none}
@media(max-width:1100px){.hero.is-reading .hero-art{height:510px;width:min(790px,100%)}.hero.is-reading .inline-reading{width:min(760px,100%);padding-top:25px}.detail-info{padding-left:25px}.detail-info h2{font-size:31px}.detail-info h3{font-size:18px}#detail-meaning{font-size:12px}.detail-nav{gap:10px}.detail-nav button{font-size:10px}}
@media(max-width:800px){.hero.is-reading .hero-art{height:440px;width:100%}.hero.is-reading .stage-caption{bottom:-5px}.hero.is-reading .inline-reading{padding-top:24px;margin-top:25px}.detail-scene{max-width:calc(100% - 52px);gap:30px}.detail-info{padding-left:23px;width:clamp(250px,34vw,330px);height:min(78dvh,490px)}.detail-info h2{font-size:28px}.detail-info h3{font-size:18px}.detail-info .orientation-tabs{margin-bottom:17px}#detail-ai{margin-bottom:18px}#detail-meaning{font-size:12px;line-height:1.9}.detail-suggestion>p{font-size:11px}.detail-art{width:min(39vw,calc(80dvh * 2 / 3))}}
@media(max-width:600px){.hero.is-reading{padding:18px 0 40px}.hero.is-reading .hero-art{height:330px;margin:0;width:100%}.hero.is-reading .stage-card{top:42%}.hero.is-reading .stage-caption{bottom:0}.hero.is-reading .inline-reading{height:auto;max-height:none;min-height:340px;margin-top:22px;padding:24px 0 0}.hero.is-reading .inline-reading h2{font-size:25px}.hero.is-reading #inline-content>p{font-size:12px}.hero.is-reading #inline-content .reading-note{font-size:9px}.gallery-detail{overflow-y:auto;overscroll-behavior:contain}.gallery-detail[open]{align-items:flex-start}.detail-scene{flex-direction:column;max-width:none;width:100%;gap:23px;padding:52px 15px 30px;min-height:100dvh}.detail-art{width:min(65vw,calc(44dvh * 2 / 3),270px)}.detail-info{width:min(92vw,420px);height:345px;padding:20px 12px 0;border-left:0;border-top:1px solid #d8b77b33;transform:translateY(15px)}.detail-info h2{font-size:27px}.detail-info .eyebrow{font-size:8px;margin-bottom:8px}#detail-ai{font-size:11px;margin-bottom:12px}.detail-info .orientation-tabs{margin-bottom:14px}.detail-info .orientation-tabs button{padding:5px 13px;font-size:10px}.detail-info h3{font-size:17px;margin-bottom:9px}#detail-meaning{font-size:12px;line-height:1.9;margin-bottom:14px}.detail-suggestion>p{font-size:11px;margin-bottom:16px}.detail-nav{padding-top:14px}.detail-close{top:12px;right:13px;width:34px;height:34px;font-size:24px}.gallery-detail::backdrop{backdrop-filter:blur(13px) saturate(.65)}}
html{overflow-anchor:none}.stage-caption button[aria-disabled="true"],.stage-card[aria-disabled="true"]{cursor:progress}.stage-caption button[aria-disabled="true"]{opacity:.6}
.card-reference{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin-top:12px;padding:10px 12px;border:1px solid #d8b77b66;background:#d8b77b0b;color:#e0c18a;font-size:12px;line-height:1.6;border-radius:3px}.card-reference>a:only-child{display:flex;align-items:center;justify-content:space-between;width:100%;font-weight:600}.card-reference a:hover{color:#fff0c9;text-decoration:underline;text-underline-offset:4px}.card-reference-label{width:100%;font-weight:600}.card-reference>a:not(:only-child){font-size:10px}.card-reference a span{color:var(--gold)}
.detail-references{margin:0 0 12px}.detail-source-links{display:flex;flex-wrap:wrap;gap:8px 15px;font-size:11px;color:var(--gold);line-height:1.8}.detail-source-links a:hover,.detail-source-credit a:hover{text-decoration:underline;text-underline-offset:4px}.detail-source-credit{display:flex;flex-wrap:wrap;gap:3px 12px;margin:5px 0 0;font-size:9px;line-height:1.8;color:#8798ad}.detail-source-credit a{color:#b3a488}.detail-source-credit a[hidden]{display:none}.detail-info #detail-ai{margin-bottom:14px}.detail-info .orientation-tabs{margin-bottom:16px}.detail-info #detail-meaning{margin-bottom:14px}.detail-suggestion>p{margin-bottom:14px}.detail-nav{padding-top:14px;flex-shrink:0}
@media(prefers-reduced-motion:reduce){.detail-info{transition:none!important;transform:none}.detail-art{will-change:auto}}