/* Art direction only. Card data, measured hanging geometry and event handlers stay owned by the existing components. */
@font-face{font-family:'Crew Brush';src:url('/assets/brush-title.ttf') format('truetype');font-display:swap}
:root{--ink:#12366b;--wall:#f5eddf;--paper:#fffefa;--muted:#506584;--pink:#dc356b;--tear:polygon(0 2%,9% 0,22% 2%,38% 0,57% 1%,71% 0,91% 2%,100% 0,98% 12%,100% 40%,99% 62%,100% 91%,98% 100%,74% 98%,53% 100%,32% 99%,11% 100%,0 97%,2% 71%,0 40%)}
body{background:var(--wall) url('/assets/paper-fiber.svg') repeat}body:before{opacity:.075}.wall{background:none}.navbar{background:none}.navbar .black-note{display:none}
.navbar:before{content:'';position:absolute;inset:-75px 0 auto 27%;height:130px;background:url('/assets/torn-collage.svg') center/100% 100% no-repeat;pointer-events:none;z-index:-1;opacity:.75}
.navbar nav a{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:44px;min-height:44px;font-size:13px;font-weight:600}.navbar nav a:before{content:'';width:25px;height:25px;background:center/contain no-repeat}.navbar nav a:nth-child(1):before{background-image:url('/assets/nav-home.svg')}.navbar nav a:nth-child(2):before{background-image:url('/assets/nav-about.svg')}.navbar nav a:nth-child(3):before{background-image:url('/assets/nav-performances.svg')}.navbar nav a:nth-child(4):before{background-image:url('/assets/nav-members.svg')}.navbar nav a:nth-child(5):before{background-image:url('/assets/nav-gallery.svg')}.navbar nav a:nth-child(6):before{background-image:url('/assets/nav-blog.svg')}.navbar nav a:after{height:4px;background:var(--pink);clip-path:polygon(0 35%,80% 0,100% 50%,8% 100%);bottom:0;rotate:-3deg}
.language-note{background:#fff0c7;box-shadow:3px 5px 5px #73533424;transform:rotate(4deg)}.language-pin{width:48px;height:19px;top:-9px;left:30px;border-radius:0;background:repeating-linear-gradient(90deg,#d6bb8477 0 2px,#e8d3a880 2px 5px);box-shadow:none;transform:rotate(-8deg)}.language-options>span{color:#ab5457;opacity:1}.language-options .selected{color:var(--ink);text-decoration-color:var(--pink)}.language-hint{font-size:10px}.language-status{background:var(--ink)}
.hero{height:365px;padding-bottom:35px}.hero-title{z-index:2}.hero h1{font-family:'Crew Brush',var(--hand);font-weight:400;font-size:clamp(78px,7.7vw,112px);line-height:1.04;letter-spacing:-3px;color:var(--pink);margin:8px 0 34px;transform:rotate(-4deg)}.hero h1 br{display:none}.hero h1 span{padding-inline:.5em;margin-inline:-.5em;margin-top:0;color:#3455b0;background:linear-gradient(105deg,#7651bc 10%,#4947b2 45%,#1874dc 85%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero h1 i{display:none}.hero h1:after{content:'';position:absolute;left:8%;right:0;bottom:-32px;height:49px;background:url('/assets/brush-strokes.svg') center/100% 100% no-repeat;pointer-events:none}.hero .eyebrow{letter-spacing:3px}.tagline{letter-spacing:3px;line-height:1.7}
.hero-note,.hero-scribble{color:var(--ink);filter:drop-shadow(3px 6px 3px #72583d20);isolation:isolate;clip-path:none;box-shadow:none}.hero-note{left:8%;top:60px;padding:24px 26px 15px;background:none;transform:rotate(-10deg);font-size:27px}.hero-note:before,.hero-scribble:before{content:'';position:absolute;inset:0;clip-path:var(--tear);background:#f5b7c7;z-index:-1}.hero-note:after,.hero-scribble:after{content:'';position:absolute;left:25%;top:-9px;width:74px;height:24px;transform:rotate(-10deg);background:repeating-linear-gradient(0deg,#d73f6240 0 4px,transparent 4px 8px),repeating-linear-gradient(90deg,#d73f6266 0 4px,#fff7eaaf 4px 8px);pointer-events:none}.hero-note span{font-size:0}.hero-note span:after{content:'☺';font:32px var(--hand)}.hero-scribble{right:6%;top:80px;background:none;padding:28px 21px 18px;transform:rotate(9deg);font-size:29px;line-height:1.15}.hero-scribble:before{background:#fff0c7}.hero-scribble:after{background:#d8bd8188;width:65px;transform:rotate(7deg)}.hero-scribble span{font-size:0}.hero-scribble span:after{content:'♡';font:34px var(--hand)}
.botanical-top{background:url('/assets/botanical-collage.svg') center/contain no-repeat;width:175px;height:285px;left:-53px;top:80px;mask-image:none;mix-blend-mode:normal;opacity:1;z-index:1;transform:rotate(-9deg)}
.hero:before{content:'Move Together\A Shine Forever';white-space:pre;position:absolute;left:8%;bottom:10px;padding:12px 20px;background:var(--paper);font:23px/1 var(--hand);transform:rotate(7deg);box-shadow:2px 4px 5px #73533420;pointer-events:none}.hero:after{content:'';position:absolute;right:3%;bottom:-10px;width:150px;height:110px;background:url('/assets/crew-stamp.svg') center/contain no-repeat;transform:rotate(-14deg);pointer-events:none}
.memory-wall{position:relative}.photo-line:before{content:'';position:absolute;inset:-62px 0 auto;height:200px;background:url('/assets/torn-collage.svg') center/100% 100% no-repeat;z-index:-1;pointer-events:none}.line-people:before{transform:scaleX(-1);opacity:.85}.rope-base{stroke:#957044;stroke-width:3.1}.rope-twist{stroke:#d7b68b;stroke-width:.8;stroke-dasharray:1 5;opacity:.8}.nails{opacity:.18}
.line-note{z-index:3;pointer-events:none;background:none;color:var(--ink);filter:drop-shadow(3px 5px 3px #60452525);transform:rotate(-4deg)}.line-note:before{background:#fff7df}.line-note:after{height:27px;width:63px;left:30%;top:-17px;background:repeating-linear-gradient(90deg,#d7b16d65 0 3px,#e7c99290 3px 7px);transform:rotate(9deg);z-index:1}.note-arrow{color:var(--ink);transform:rotate(-6deg);position:relative}.note-arrow:before{content:'☺';position:absolute;left:0;bottom:0;color:#c79422;font:32px var(--hand)}
.photo-card{background:linear-gradient(110deg,#fffefa,#f9f6ed);box-shadow:3px 6px 5px #5b44352b,7px 13px 14px #5b443514;transition:transform .22s,box-shadow .22s;color:var(--ink)}.photo-image{filter:none}.card-arrow{border-color:var(--ink);border-radius:47% 53% 51% 49%;color:var(--ink)}.photo-title{padding-right:27px}.clip{box-shadow:2px 3px 2px #37271240;background:linear-gradient(90deg,#946a40,#cea373 23%,#b18552 48%,#e0b889 56%,#b58955 90%)}.line-bottom{color:var(--muted);font-size:10px}.line-crew{margin-bottom:28px;z-index:1}.line-crew:after{content:'Same Moves\A    Different Days\A         Forever Us.';white-space:pre;position:absolute;bottom:-24px;left:35%;padding-right:88px;font:27px/.94 var(--hand);color:#185ba4;transform:rotate(-9deg);pointer-events:none}.line-people .line-note{top:93px}.line-people .line-note p:after{content:'';position:absolute;left:-50px;top:190px;width:150px;height:235px;background:url('/assets/botanical-collage.svg') center/contain no-repeat;pointer-events:none}
.ending{height:230px;background:none;border:0;margin:0}.ending:before{content:'';position:absolute;inset:0;background:url('/assets/torn-collage.svg') center bottom/100% 180px no-repeat;pointer-events:none}.ending-image{background:url('/assets/botanical-collage.svg') center/contain no-repeat;inset:auto auto -35px -10px;width:180px;height:255px;mask-image:none;transform:rotate(-12deg);mix-blend-mode:normal}.ending p{left:36%;top:25px;transform:rotate(-6deg);font-size:35px;text-transform:none}.ending p span{color:#d7a528}.keep-dancing{background:#a9c8ec;color:var(--ink);box-shadow:3px 6px 5px #49341b26;right:5%;top:105px;font-size:26px;clip-path:var(--tear)}footer{background:#fffaf366;color:var(--ink)}.detail-heart{color:var(--pink)}a:focus-visible,button:focus-visible,.photo-scroller:focus-visible{outline:3px solid #1874dc;outline-offset:5px}
@media(hover:hover) and (pointer:fine){.photo-card:hover,.photo-card:focus-visible{transform:translateY(-4px) rotate(calc(var(--rotation)*.6));box-shadow:5px 12px 12px #49341b30}}
@media(min-width:901px) and (max-width:1200px){.navbar{padding-left:3%;gap:14px}.navbar nav{gap:14px}.brand{width:200px}.hero-note{left:5%;font-size:23px}.hero-scribble{right:4%;font-size:24px}.hero h1{font-size:83px}.hero:before{left:6%}.botanical-top{left:-80px}}
@media(min-width:581px) and (max-width:900px){.navbar{height:165px}.navbar nav{bottom:5px;gap:30px}.hero{height:340px}.hero h1{font-size:75px}.hero-note{left:2%;top:75px;font-size:20px;padding:20px 16px}.hero-scribble{right:2%;top:88px;font-size:21px;padding:20px 14px}.hero:before{font-size:18px;left:3%}.hero:after{width:115px;right:1%}.botanical-top{display:none}.hero .eyebrow{letter-spacing:2px}.tagline{font-size:9px;letter-spacing:1.5px}.line-people .line-note p:after{width:110px;left:-25px}}
html:lang(zh-CN) .hero h1{line-height:1.15;color:var(--pink);margin-bottom:38px}html:lang(zh-CN) .hero h1 span{margin-top:4px}html:lang(zh-CN) .hero-note,html:lang(zh-CN) .hero-scribble{line-height:1.5}html:lang(zh-CN) .line-note p{font-size:17px}
@media(max-width:580px){.navbar{height:218px;padding:20px 20px 10px;justify-content:space-between}.navbar nav{display:grid;grid-template-columns:repeat(3,1fr);gap:5px 15px;width:100%}.navbar nav a,.navbar nav a:last-child{display:flex;font-size:13px;min-height:48px;flex-direction:row;justify-content:center;gap:6px;padding:7px 0}.navbar nav a:before{width:20px;height:20px}.navbar:before{left:30%;height:110px;opacity:.55}.hero{height:270px;padding:18px 12px 40px}.hero h1{font-size:clamp(46px,10.8vw,64px);letter-spacing:-1.8px;line-height:1.14;margin:6px 0 35px}.hero h1:after{height:34px;bottom:-24px}.hero .eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:16px}.tagline{font-size:9px;letter-spacing:1.3px;margin:auto;max-width:290px}.hero:before,.hero:after,.botanical-top,.hero-note,.hero-scribble{display:none}.photo-line:before{height:125px;top:-23px;background-size:auto 125px;opacity:.6}.line-note{left:23px;top:-12px!important;padding:8px 12px;gap:7px;align-items:center;transform:rotate(-1.5deg)!important}.line-note:after{display:block;width:42px;height:15px;top:-9px;left:18px}.line-note h2{font-size:26px}.line-note p,html:lang(zh-CN) .line-note p{font-size:16px}.note-number{font-size:22px}.photo-anchor{--rotation:1.3deg!important}.photo-anchor:nth-child(odd){--rotation:-1.3deg!important}.line-crew{margin-bottom:34px}.line-crew:after{font-size:20px;left:20%;bottom:-34px;padding-right:60px;background-size:53px 28px}.line-bottom{font-size:9px;letter-spacing:1px}.line-people .line-note p:after{display:none}.photo-subtitle{font-size:10px;letter-spacing:1px}.photo-caption{padding-bottom:20px}.card-arrow{width:28px;height:28px;bottom:22px}.ending{height:195px}.ending p{left:18%;top:25px;font-size:27px}.ending-image{display:none}.keep-dancing{top:108px;right:7%;font-size:23px;min-height:44px;padding:8px 15px}.ending:before{background-size:auto 125px}footer nav{flex-wrap:wrap;gap:8px 20px}footer nav a{min-height:44px;display:flex;align-items:center;font-size:13px}html:lang(zh-CN) .hero h1{font-size:54px;line-height:1.15;margin:10px 0 36px}html:lang(zh-CN) .hero .eyebrow,html:lang(zh-CN) .tagline{font-size:10px}html:lang(zh-CN) .ending p{font-size:25px}}
@media(prefers-reduced-motion:reduce){.photo-card:hover,.photo-card:focus-visible,.language-note:hover{transform:none}}
/* Small secondary collage details, kept behind the existing note and away from links. */
.hero-scribble span:before{content:'';position:absolute;right:-76px;top:-34px;width:105px;height:145px;background:url('/assets/together-postcard.svg') center/contain no-repeat;transform:rotate(8deg);z-index:-2;pointer-events:none}
.line-people .note-arrow:after{content:'Girls\A Support\A Girls';white-space:pre;position:absolute;top:240px;left:34px;font:23px/.95 var(--hand);transform:rotate(-8deg);pointer-events:none}
.ending:after{content:'Dance More / Live Brighter';position:absolute;left:35%;top:130px;font:28px var(--hand);transform:rotate(-5deg);pointer-events:none;color:var(--ink)}
@media(max-width:1200px){.hero-scribble span:before{display:none}}
@media(max-width:900px){.line-people .note-arrow:after{display:none}.ending:after{left:25%;top:150px;font-size:23px}}
@media(max-width:580px){.ending:after{display:none}}
/* Override the legacy tablet last-link display rule so Blog keeps its icon. */
.navbar nav a:last-child{display:flex}
/* Bottom collage: paper behind the botanical cutout, lettering above both. */
.ending:before{z-index:0}
.ending-image{z-index:1;bottom:10px;height:210px;pointer-events:none}
.ending:after{z-index:2}

/* A small paper signature tucked beside the homepage title. */
.hero .creator-credit{position:absolute;right:18%;bottom:22px;z-index:3;margin:0;padding:9px 13px 8px;background:#eee1bc;color:#776e64;font:400 14px/1.3 var(--hand);letter-spacing:.02em;white-space:nowrap;transform:rotate(5deg);box-shadow:1px 2px 3px #60452518}.hero .creator-credit:before{content:"";position:absolute;top:-5px;left:calc(50% - 15px);width:30px;height:10px;background:#d8c9a67a;transform:rotate(-8deg)}@media(max-width:900px){.hero .creator-credit{right:20%;bottom:17px}}@media(max-width:580px){.hero .creator-credit{right:22px;bottom:13px;font-size:14px;padding:7px 11px}}

/* English homepage title: use the retained collage artwork in the existing title box. */
html:lang(en) .hero h1{position:relative;color:transparent;transform:none}
html:lang(en) .hero h1 span{color:transparent;-webkit-text-fill-color:transparent;background:none}
html:lang(en) .hero h1:before{content:'';display:block;position:absolute;inset:-8px -12px -32px;background:url('/assets/title-brush-reference.webp') center/contain no-repeat;pointer-events:none;filter:saturate(.82)}
html:lang(en) .hero h1:after{display:none}

/* Fixed vector geometry avoids platform-dependent emoji arrow rendering. */
.card-arrow svg{display:block;width:70%;height:70%;flex:none;pointer-events:none}

/* All navigation arrows share the same vector shape and inherit link color. */
.link-arrow{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex:none;pointer-events:none}
.return-button>.link-arrow{margin-left:.5em}
.keep-dancing>.link-arrow{margin-left:20px}