@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;--page-width:90%;--page-max:1440px;--bg:#101013;--pink:#ff65a0;--hot:#f2498d;--white:#f9eaf0;--muted:#b8a5af;--line:#3c3038;--serif:"Utena Title Serif","Bodoni 72",Didot,"Times New Roman","Songti SC","SimSun",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--white);font:14px/1.8 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--pink);outline-offset:6px}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}::selection{color:var(--bg);background:var(--pink)}.skip-link{position:fixed;z-index:5;top:10px;left:10px;background:var(--pink);color:var(--bg);padding:8px 16px;transform:translateY(-160%)}.skip-link:focus{transform:none}.header{max-width:1600px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 5%;border-bottom:1px solid var(--line)}.brand{font:700 26px/1.2 Georgia,serif;letter-spacing:-1.3px}.brand span{color:var(--pink)}.header-caption{font-size:8px;letter-spacing:1.7px;color:var(--muted)}nav{display:flex;gap:27px;font-size:11px}nav a{transition:color .2s}nav a:hover{color:var(--pink)}.source-link{color:var(--pink)}.hero{max-width:1600px;margin:auto;padding:25px 5% 0;overflow:visible}.hero-meta,.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1.5px;color:var(--muted)}.hero-meta span:first-child{display:flex;align-items:center;gap:9px}.hero-meta i{display:block;width:6px;height:6px;border-radius:50%;background:var(--pink)}.hero-layout{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:10px;padding:31px 0 38px;min-height:645px}.hero-copy{position:relative;z-index:1;padding-top:2px}.hero-subtitle{font:italic 18px/1.5 var(--serif);color:var(--pink);margin:0 0 15px}h1{font:400 clamp(94px,12.8vw,192px)/.79 var(--serif);letter-spacing:-.07em;color:var(--pink);margin-left:-6px}h1>span{display:block}.second-line{padding-left:.13em;margin-top:9px}.period{color:#be2f65}.enter{display:inline-flex;gap:20px;align-items:center;font-size:11px;border-bottom:1px solid var(--pink);padding:4px 0 3px;margin:18px 0 0}.enter>span{font-size:8px;color:var(--muted);letter-spacing:2px}.enter b{font-size:21px;font-weight:400;color:var(--pink);margin-left:13px;transition:transform .2s}.hero-figure{position:relative;align-self:end;width:100%;max-width:550px;justify-self:start;padding:0 7px 0 13px}.duo-art{position:relative;width:100%;aspect-ratio:410/525;overflow:hidden;isolation:isolate}.duo-art .duo-characters{position:absolute;inset:0;width:100%;height:100%;clip-path:inset(18% 0 0)}.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}.duo-logo{position:absolute;right:0;top:2%;width:50%;aspect-ratio:598/222;overflow:visible;z-index:2;pointer-events:none}.duo-logo img{display:block;width:100%;height:auto}.figure-halo{position:absolute;inset:5% 6% 9% 2%;border:1.5px solid #ff65a04a;border-radius:50% 50% 0 0;transform:rotate(10deg)}.figure-vertical{position:absolute;writing-mode:vertical-rl;left:-12px;top:55px;color:var(--pink);font:10px var(--sans);letter-spacing:3px;z-index:2}.hero-figure figcaption{display:flex;justify-content:space-between;gap:10px;padding:19px 6px 0;font-size:8px;letter-spacing:1px;color:var(--muted)}.hero-figure figcaption a{color:var(--pink)}.hero-bottom{padding:17px 0 20px;border-top:1px solid var(--line);font-size:8px}.ribbon{background:var(--pink);color:var(--bg)}.ribbon>div{max-width:1600px;margin:auto;padding:17px max(24px,5%);display:flex;justify-content:space-between;align-items:center;gap:24px}.ribbon-label{font:500 clamp(14px,1.5vw,23px)/1.5 var(--sans);letter-spacing:1px;white-space:nowrap}.ribbon-symbol{font-size:24px;flex:none}.visions{max-width:1400px;margin:auto;padding:65px 6% 70px}.section-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;font-size:9px;letter-spacing:1.5px}.section-top p{color:var(--pink)}.section-top>span{color:var(--muted);font-size:10px}.visions-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:38px 0}.visions-heading h2{font:400 clamp(34px,4vw,55px)/1.4 var(--serif);letter-spacing:1px}.visions-heading h2 span{color:var(--pink)}.visions-heading>p{font-size:12px;line-height:2.2;color:var(--muted);padding-right:4%}.artwork-strip img{width:100%;height:auto}.film-edge{height:21px;background:repeating-linear-gradient(90deg,transparent 0 8px,#63505e 8px 17px,transparent 17px 28px) center/100% 5px no-repeat}.artwork-strip figcaption{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:8px;letter-spacing:1.2px;padding-top:12px}.artwork-strip figcaption a{color:var(--pink)}.about{--about-rose-size:68px;--about-inset:12%;--about-rose-edge:38px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:1600px;margin:auto}.pink-panel{display:flex;flex-direction:column;background:var(--pink);color:var(--bg);padding:44px var(--about-inset) var(--about-rose-edge)}.pink-panel>p{font-size:10px;letter-spacing:1.6px}.pink-panel h2{font:400 clamp(47px,6vw,84px)/1.27 var(--serif);letter-spacing:-1px;padding:38px 0}.pink-panel-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:end;font:italic 20px/1.3 var(--serif)}.about-note{padding:54px var(--about-inset) calc(var(--about-rose-edge) + var(--about-rose-size) + 24px);position:relative;align-self:stretch}.note-mark{position:absolute;right:var(--about-inset);bottom:var(--about-rose-edge);display:block}.pink-panel-foot .official-rose,.note-mark{width:var(--about-rose-size);height:var(--about-rose-size);flex:none}.eyebrow{font-size:8px;letter-spacing:1.6px;color:var(--pink)}.about-note h3{font:400 clamp(26px,2.5vw,35px)/1.65 var(--serif);padding:24px 0}.about-note>p:not(.eyebrow){font-size:12px;line-height:2.2;color:var(--muted);margin-bottom:18px}.signature{display:block;font:italic 26px Georgia,serif;color:var(--pink);margin-top:21px}.back-to-top{max-width:1600px;margin:auto;padding:24px 5%;text-align:right;font-size:10px;color:var(--muted)}.back-to-top a{display:inline-flex;align-items:center;gap:18px}.back-to-top a:hover{color:var(--pink)}.back-to-top span{font-size:20px;color:var(--pink)}footer{border-top:1px solid var(--line);padding:32px 5% 22px;max-width:1600px;margin:auto}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:23px}.footer-top>span{font-size:11px;color:var(--muted)}.credits{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:20px 0;color:var(--muted);font-size:9px;line-height:2}.credits a{text-decoration:underline;text-underline-offset:3px}.credits p:last-child{text-align:right}.footer-bottom{border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;color:var(--muted);font-size:8px;letter-spacing:1.3px}

@media(max-width:1050px){.ribbon-repeat{display:none}.hero-layout{min-height:0;padding:38px 0}.hero-figure{align-self:center}.hero-subtitle{font-size:16px}.header-caption{display:none}.about{--about-inset:10%;--about-rose-edge:35px}.pink-panel{padding:35px var(--about-inset)}.about-note{padding:44px var(--about-inset) calc(var(--about-rose-edge) + var(--about-rose-size) + 24px)}.about-note>p:not(.eyebrow){font-size:11px}}
@media(max-width:640px){:root{--page-width:88%}html{scroll-padding-top:16px}.header{padding:22px 6%;gap:16px}.brand{font-size:24px}nav{gap:21px;font-size:11px}.source-link{display:none}.hero{padding:19px 6% 0}.hero-meta{font-size:7px;letter-spacing:.6px}.hero-meta span:last-child{font-size:6px}.hero-layout{grid-template-columns:1fr;padding:31px 0 23px;gap:32px}.hero-subtitle{font-size:15px;margin-left:0;margin-bottom:18px}h1{font-size:23.5vw;line-height:.81;letter-spacing:-.065em;margin-left:-3px}.second-line{margin-top:7px}.enter{margin-top:16px;padding:4px 0 3px;font-size:10px}.enter>span{font-size:7px}.enter b{font-size:18px}.hero-figure{width:87%;max-width:400px;justify-self:center;padding:0;margin-top:6px}.figure-vertical{left:-21px;top:41px;font-size:8px;letter-spacing:2px}.hero-figure figcaption{font-size:7px;letter-spacing:.5px;padding-top:16px}.hero-bottom{font-size:6px;letter-spacing:.7px;padding:15px 0}.hero-bottom>span:nth-child(2){display:none}.ribbon>div{padding:16px max(24px,6%);gap:14px}.ribbon-label{font-size:14px;letter-spacing:.6px}.ribbon-symbol{font-size:21px}.ribbon-title{display:none}.visions{padding:37px 6% 39px}.section-top{font-size:8px;letter-spacing:1px;padding-bottom:15px}.section-top>span{font-size:8px;letter-spacing:0}.visions-heading{padding:27px 0;gap:8px;align-items:start;flex-direction:column}.visions-heading h2{font-size:29px;white-space:nowrap}.visions-heading>p{font-size:10px;line-height:2;padding:0}.film-edge{height:14px;background-size:100% 4px}.artwork-strip figcaption{font-size:6px;letter-spacing:.3px;padding-top:9px}.about{--about-rose-size:55px;--about-inset:8%;--about-rose-edge:30px;grid-template-columns:1fr}.pink-panel{padding:28px var(--about-inset) var(--about-rose-edge)}.pink-panel>p{font-size:8px}.pink-panel h2{font-size:clamp(56px,14vw,80px);line-height:1.2;padding:26px 0}.pink-panel-foot{font-size:19px}.about-note{padding:44px var(--about-inset) calc(var(--about-rose-edge) + var(--about-rose-size) + 24px)}.about-note h3{font-size:clamp(22px,7vw,29px);padding:22px 0}.about-note>p:not(.eyebrow){font-size:12px}.signature{font-size:24px}.back-to-top{padding:20px 6%}footer{padding:25px 6% 18px}.footer-top>span{font-size:9px}.footer-top .brand{font-size:23px}.credits{display:block;font-size:8px;padding:16px 0}.credits p:last-child{text-align:left;margin-top:12px}.footer-bottom{font-size:7px;letter-spacing:.7px}.footer-bottom>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Static artwork remains the accessible fallback underneath the motion layer. */
.duo-art canvas{position:absolute;inset:0;width:100%;height:100%;display:none;pointer-events:none;clip-path:inset(18% 0 0)}.duo-art.motion-active canvas{display:block}.duo-art.motion-active .duo-characters{opacity:0}.art-controls{height:26px;text-align:right;padding:4px 6px 0}.motion-toggle{font:9px/1.5 var(--sans);letter-spacing:.5px;color:var(--muted);border:0;border-bottom:1px solid var(--line);padding:0;background:none;cursor:pointer}.motion-toggle:hover{color:var(--pink)}.motion-toggle:focus-visible{outline:2px solid var(--pink);outline-offset:4px}

/* Shared page grid: section text and the pink panel start on the same line. */
.header,.hero,.visions,.about,.back-to-top,footer,.ribbon>div{width:var(--page-width);max-width:var(--page-max);margin-inline:auto;padding-inline:0}

.account-entry{color:var(--pink)}@media(max-width:640px){.header nav{gap:14px;font-size:10px}.header .brand{font-size:22px}}

/* 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}

.pink-panel-foot .official-rose{filter:brightness(0);flex:none}
