@font-face{font-family:"Utena Title Serif";font-style:normal;font-weight:400;font-display:swap;src:url("/home-assets/fonts/noto-serif-sc-titles-v1.woff2") format("woff2");unicode-range:U+4E00-9FFF}
:root{color-scheme:dark;--portal-bg:#101013;--portal-pink:#ff65a0;--portal-white:#f9eaf0;--portal-muted:#b8a5af;--portal-line:#49333f;--portal-serif:"Utena Title Serif","Bodoni 72",Didot,"Times New Roman","Songti SC","SimSun",serif}
.portal-art-panel{min-width:0;margin:0;position:relative}
.portal-art-top{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--portal-line);padding-top:14px;color:var(--portal-pink);font:10px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:2px}
.portal-art-panel .duo-art{position:relative;width:100%;max-width:460px;margin:22px auto 0;aspect-ratio:410/525;overflow:hidden;isolation:isolate}
.portal-art-panel .duo-art::before{content:"";position:absolute;left:7.5%;right:3%;top:5%;bottom:3%;background:#333;border:1px solid #000;border-radius:50% 50% 0 0 / 38% 38% 0 0}
.portal-art-panel .duo-characters,.portal-art-panel .duo-art canvas{position:absolute;inset:0;width:100%;height:100%;clip-path:inset(18% 0 0)}
.portal-art-panel .duo-art canvas{display:none;pointer-events:none}
.portal-art-panel .motion-active canvas{display:block}.portal-art-panel .motion-active .duo-characters{opacity:0}
.portal-art-panel .duo-logo{position:absolute;right:0;top:2%;width:50%;aspect-ratio:598/222;overflow:visible;z-index:2;pointer-events:none}
.portal-art-panel .duo-logo img{display:block;width:100%;height:auto}
.portal-art-panel .art-controls{text-align:right;margin:8px 0;min-height:24px}
.portal-art-panel .motion-toggle{font:10px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.3px;color:var(--portal-muted);border:0;border-bottom:1px solid var(--portal-line);border-radius:0;padding:3px 0;background:none;cursor:pointer}
.portal-art-panel .motion-toggle:hover{color:var(--portal-pink)}.portal-art-panel .motion-toggle:focus-visible{outline:2px solid var(--portal-pink);outline-offset:4px}
.portal-art-caption{display:flex;justify-content:space-between;gap:12px;color:var(--portal-muted);font:9px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:1px}
.portal-art-caption a{color:inherit;text-underline-offset:3px}
.portal-ribbon{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--portal-pink);color:var(--portal-bg);padding:17px 22px;margin-top:24px;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:1px}
@media(max-width:700px){.portal-art-panel .duo-art{max-width:310px;margin-top:16px}.portal-art-top{font-size:9px}.portal-ribbon{margin-top:16px;padding:13px 16px;font-size:12px}}


/* Completed hem behind a separate, fixed foreground shoe. */
.duo-art .duo-static,.duo-art .duo-shoe{position:absolute;inset:0;width:100%;height:100%;display:none;pointer-events:none;z-index:0;clip-path:inset(18% 0 0)}.duo-art canvas[data-motion-renderer]{z-index:1}.duo-art .duo-shoe{z-index:2}.duo-art .duo-logo{z-index:3}.duo-art.motion-active .duo-static,.duo-art.motion-active .duo-shoe{display:block}

.duo-art svg[data-motion-renderer="svg"]{position:absolute;inset:0;width:100%;height:100%;display:none;pointer-events:none;clip-path:inset(18% 0 0);z-index:1;overflow:hidden}.duo-art.motion-active svg[data-motion-renderer="svg"]{display:block}

/* Give the wider SVG sway room beyond its resting image bounds. */
.duo-art.motion-vector{overflow:visible}.duo-art.motion-vector svg[data-motion-renderer="svg"]{clip-path:inset(18% -4% 0 -4%);overflow:visible}

/* One quiet, consistent rose beside numbered section labels. */
.portal-section-label{display:inline-flex;align-items:center;gap:10px}
p.portal-section-label{font-size:12px;line-height:1.6}
.portal-section-label::before{content:"";display:block;width:21px;height:21px;flex:0 0 21px;background:var(--portal-pink);-webkit-mask:url('/home-assets/utena-official-blossom-v1.svg') center/contain no-repeat;mask:url('/home-assets/utena-official-blossom-v1.svg') center/contain no-repeat}