@import url('/assets/palette.css');
body{overflow-x:clip}
.marquee-wrap{overflow:hidden;padding-block:18px;margin-block:-18px}
.dialogue>p{animation:dialogue-enter .8s ease .35s both}
.dialogue>p.hero-subtitle{animation-delay:.7s}
@keyframes dialogue-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:380px){.header{gap:8px!important;padding-inline:5%!important}.member-button span{display:none}.brand>span{font-size:15px!important}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:#10191c;color:#f3f4ee;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}::selection{background:#54d7b8;color:#10191c}:focus-visible{outline:2px solid #54d7b8;outline-offset:6px}button{border:0}button:disabled{cursor:default}img{max-width:100%}.skip-link{position:fixed;left:12px;top:-100px;background:#54d7b8;color:#10191c;padding:12px;z-index:100}.skip-link:focus{top:12px}.header{height:94px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18;position:sticky;top:0;z-index:20;background:#10191cef;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand img{object-fit:contain}.brand>span{font-weight:900;font-size:20px;letter-spacing:2px}.brand small{display:block;font:10px monospace;letter-spacing:4px;color:#a3b6b8;margin-top:5px}.header nav{display:flex;height:100%;gap:33px;align-items:center}.header nav a{position:relative;font-size:13px;letter-spacing:1px;height:100%;display:flex;flex-direction:column;justify-content:center;gap:5px;color:#bdc6c6}.header nav a span{font:8px monospace;letter-spacing:1.3px;color:#718b8c}.header nav a.active,.header nav a:hover{color:#54d7b8}.header nav a.active:after{content:'';position:absolute;bottom:0;width:100%;height:2px;background:#54d7b8}.member-button{background:transparent;border:1px solid #627574;padding:12px 18px;font-size:12px;letter-spacing:1px}.member-button span{margin-left:18px;color:#54d7b8}.member-button:hover{border-color:#54d7b8;background:#54d7b810}.menu-toggle{display:none}.hero{min-height:760px;height:calc(100svh - 94px);max-height:1000px;position:relative;overflow:hidden;padding:90px 7% 100px;isolation:isolate}.hero-grid{position:absolute;inset:0;z-index:-4;background-image:linear-gradient(#89b9b807 1px,transparent 1px),linear-gradient(90deg,#89b9b807 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-cut{position:absolute;z-index:-3;inset:0;background:#183b3d;clip-path:polygon(77% 0,100% 0,100% 100%,39% 100%)}.hero-cut:after{content:'';position:absolute;inset:0;background:linear-gradient(155deg,#54d7b80d,#2bacb11c)}.orbital{position:absolute;z-index:-2;width:680px;height:680px;border:1px solid #54d7b835;border-radius:50%;right:-85px;top:10%;box-shadow:0 0 0 60px #54d7b805,0 0 0 120px #54d7b804}.coordinate{position:absolute;top:30px;left:7%;right:5%;font:9px monospace;color:#749091;letter-spacing:2px;display:flex;justify-content:space-between}.hero-copy{position:relative;z-index:3;width:58%;pointer-events:none}.hero-copy a,.hero-copy button{pointer-events:auto}.eyebrow{display:flex;gap:12px;align-items:center;font-size:11px;letter-spacing:2px;color:#a4b6b5}.spark{color:#54d7b8;font-size:23px}.line{width:56px;height:1px;background:#54d7b870}h1{font-size:clamp(74px,7.4vw,114px);line-height:1.07;margin:24px 0 24px;font-weight:950;letter-spacing:-5px}h1 .outline{-webkit-text-stroke:1px #a5d2cc;color:transparent}h1 small{display:block;font-size:clamp(58px,6.9vw,108px);letter-spacing:-6px;line-height:1;font-weight:900;margin-top:5px}.title-star{display:inline-block;color:#54d7b8;font-size:60px;vertical-align:middle;margin-left:24px;animation:rotate 25s linear infinite}.dialogue{margin-top:35px;border-left:2px solid #d971d0;padding-left:20px}.speaker{font-size:12px;color:#e49cda;letter-spacing:2px;display:flex;align-items:center;gap:15px}.speaker span{font:8px monospace;letter-spacing:1px;color:#8e9f9d}.dialogue p{font-size:26px;line-height:1.5;letter-spacing:2px;margin:13px 0}.dialogue strong{font-weight:600;color:#54d7b8}.dialogue p.hero-subtitle{font-size:12px;letter-spacing:1px;color:#a4b3b2;margin:12px 0 0}.hero-actions{display:flex;gap:14px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:50px;padding:0 23px;font-size:13px;font-weight:700;letter-spacing:2px;transition:transform .2s,background .2s}.primary{color:#102525;background:#54d7b8;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}.primary:hover{background:#8cedd3;transform:translateY(-3px)}.secondary{border:1px solid #667c7b;background:#10191c99}.secondary:hover{border-color:#d971d0;transform:translateY(-3px)}.button span{font-size:20px;font-weight:400}.hero-footnote{display:flex;align-items:center;gap:10px;font:8px monospace;letter-spacing:1.5px;color:#819b99;margin-top:28px}.status-dot{height:5px;width:5px;background:#54d7b8;border-radius:50%;box-shadow:0 0 10px #54d7b8}.separator{color:#4e6463;padding:0 5px}.character-stage{position:absolute;inset:0;z-index:1;pointer-events:none}.character{position:absolute;height:105%;max-width:none;width:auto;right:-1%;top:2%;object-fit:contain;filter:drop-shadow(-15px 18px 0 #0d242344);animation:character-enter 1.4s cubic-bezier(.2,.65,.2,1) both;transform-origin:60% 50%;will-change:transform}.character-word{position:absolute;right:0;top:30%;font-size:clamp(160px,25vw,400px);font-weight:900;letter-spacing:-20px;color:#54d7b80a;transform:rotate(-90deg)}.character-index{position:absolute;right:5%;top:75px;color:#a2b4ad;font:9px monospace;letter-spacing:3px;text-align:right;z-index:4}.character-index b{font-size:50px;color:#54d7b8;font-weight:400;letter-spacing:-3px}.character-label{position:absolute;right:6%;bottom:95px;display:flex;align-items:center;gap:13px;padding:14px 18px;background:#102527e8;border:1px solid #8adac844;backdrop-filter:blur(10px);z-index:4}.character-label>span{color:#d971d0;font-size:29px}.character-label>div{font-size:19px;font-weight:700;letter-spacing:4px}.character-label small{display:block;font:7px monospace;letter-spacing:1px;color:#b1c1bb;margin-top:7px}.character-label .label-corner{margin-left:14px;font-size:23px;color:#54d7b8}.hero-bottom{position:absolute;bottom:23px;left:7%;right:5%;display:flex;justify-content:space-between;align-items:center;font:8px monospace;letter-spacing:2px;z-index:5;color:#a5b8b4}.hero-bottom a span{font-size:20px;margin-left:25px;color:#54d7b8}.hero-bottom>span{margin-left:auto;margin-right:30px;color:#72928e}.hero-bottom button{background:transparent;font:12px monospace;color:#a5b8b4}.hero-bottom button span{font-size:10px;margin-left:8px}.marquee{overflow:hidden;background:#54d7b8;color:#123333;transform:rotate(-1.4deg);margin:0 -5px;padding:15px 0;border-top:1px solid #a8ffe8;border-bottom:1px solid #a8ffe8}.marquee>div{width:max-content;white-space:nowrap;font-size:23px;font-weight:900;letter-spacing:1px;animation:marquee 35s linear infinite}.marquee i{font-style:normal;margin:0 38px;color:#22606b}.section{max-width:1400px;margin:auto;padding:110px 7%;scroll-margin-top:0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px}.section-heading .eyebrow,.forum-intro .eyebrow{color:#54d7b8;font:10px monospace;letter-spacing:2px}h2{font-size:44px;line-height:1.25;letter-spacing:-1px;margin:18px 0 0;font-weight:800}.pink{color:#d971d0}.section-heading>p{font-size:13px;line-height:1.9;color:#95a6a3;margin:0 0 5px}.filters{display:flex;flex-wrap:wrap;gap:9px;border-bottom:1px solid #ffffff17;padding-bottom:22px;margin-bottom:26px}.filters button{padding:10px 15px;background:transparent;color:#9bada9;font-size:12px}.filters button small{font:8px monospace;margin-left:9px}.filters button.selected{background:#54d7b8;color:#102525}.filters button:hover{background:#54d7b822;color:#e0fff7}.filters button.selected:hover{background:#74e9ca;color:#102525}.work-grid{display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:22px}.work-card{padding:0;background:transparent;text-align:left;min-width:0}.work-card[hidden]{display:none}.work-image{aspect-ratio:1/1.13;position:relative;overflow:hidden;transition:transform .35s}.work-card:hover .work-image{transform:translateY(-5px)}.card-stamp{position:absolute;top:19px;left:18px;z-index:2;font:8px monospace;letter-spacing:1px}.character-crop{background:#22606b}.character-crop:before{content:'';position:absolute;inset:0;background:#54d7b8;clip-path:polygon(70% 0,100% 0,100% 100%,0 100%)}.character-crop img{height:160%;max-width:none;position:absolute;top:8%;left:-15%;transition:transform .5s}.work-card:hover .character-crop img{transform:scale(1.04)}.image-number{position:absolute;bottom:15px;right:17px;font:12px monospace;color:#102525}.video-art{background:#bca3c2;color:#302b36}.video-art:before,.video-art:after{content:'';position:absolute;width:160%;height:1px;background:#302b3625;left:-30%;transform:rotate(-35deg)}.video-art:before{top:35%}.video-art:after{top:65%}.play-icon{position:absolute;left:50%;top:39%;transform:translate(-50%,-50%);width:72px;height:72px;border:1px solid #302b3670;border-radius:50%;display:grid;place-items:center;font-size:34px}.art-type{position:absolute;bottom:20px;left:21px;font-size:36px;font-weight:900;line-height:.98;letter-spacing:-1px}.art-type span{display:block;font-size:10px;letter-spacing:2px;font-weight:400;margin-top:17px}.creative-art{background:#d971d0;color:#302b36}.asterisk{position:absolute;top:8%;left:8%;font-size:240px;line-height:1;color:#672751;transform:rotate(14deg);transition:transform .7s}.work-card:hover .asterisk{transform:rotate(70deg)}.creative-label{position:absolute;bottom:25px;left:22px;font-size:27px;font-weight:800}.creative-label small{display:block;font:9px monospace;letter-spacing:3px;margin-top:12px}.work-caption{display:flex;justify-content:space-between;align-items:center;padding:20px 0 10px}.work-caption small{color:#8da5a0;font-size:10px;letter-spacing:1px}.work-caption h3{font-size:16px;font-weight:500;margin:9px 0 0}.work-caption>span{font-size:25px;color:#54d7b8}.section-note{color:#809991;font-size:11px;margin-top:28px;display:flex;gap:15px;flex-wrap:wrap}.text-button{padding:0;background:transparent;color:#54d7b8;font-size:11px}.events-section{border-top:1px solid #ffffff17;padding-top:80px;padding-bottom:70px}.event-panel{display:flex;align-items:center;gap:34px;padding:38px;border:1px solid #54d7b836;background:linear-gradient(110deg,#1c3636,#142124);position:relative;overflow:hidden}.event-symbol{font-size:95px;color:#54d7b8;line-height:1}.tag{font-size:10px;border:1px solid #79948d;color:#b6c9bf;padding:5px 9px}.event-panel h3{font-size:24px;margin:20px 0 13px}.event-panel p,.directory-panel p{color:#9bb0a8;font-size:12px;line-height:1.9}.circle-button{margin-left:auto;border:1px solid #627d73;background:transparent;flex-shrink:0;width:52px;height:52px;border-radius:50%;font-size:24px;color:#54d7b8}.circle-button:hover{background:#54d7b8;color:#102525}.directory-section{padding-top:45px;padding-bottom:90px}.directory-panel{display:flex;justify-content:space-between;align-items:center;padding:34px;border:1px solid #ffffff20;gap:25px;background:repeating-linear-gradient(135deg,transparent,transparent 20px,#ffffff02 20px,#ffffff02 21px)}.mini-label{font:9px monospace;letter-spacing:2px;color:#d971d0}.directory-panel h3{font-size:24px;margin:15px 0}.forum-section{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;max-width:none;background:#eaf0eb;color:#173331;padding:90px max(7%,calc((100vw - 1204px)/2))}.forum-intro .eyebrow{color:#22606b}.forum-intro h2{font-size:39px}.forum-intro>p{font-size:12px;color:#637973;line-height:2;margin:25px 0}.forum-intro .primary{background:#22606b;color:#f4f5ef}.forum-preview{background:#f9faf7;border:1px solid #cddbd3;box-shadow:12px 12px 0 #d8e4db}.forum-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9e2db;padding:20px;font-size:14px;font-weight:700}.preview-tag{font-size:9px;border:1px solid #bbcec4;padding:4px 6px;color:#6f8179}.board-row{padding:20px;display:flex;gap:17px;align-items:center;border-bottom:1px solid #e1e8e2}.board-icon{font-size:26px;color:#22606b;width:30px;flex-shrink:0}.board-row h3{margin:0;font-size:13px}.board-row p{font-size:10px;color:#7c8e84;line-height:1.6;margin:6px 0 0}.board-row>span:last-child{margin-left:auto;color:#73887d;font-size:13px}.private-board{background:#f0f4ef}.private-board>span:last-child{font-size:9px}footer{padding:45px 7%;display:flex;flex-wrap:wrap;align-items:center;gap:30px}footer p{color:#849b94;font-size:12px}footer>a:last-of-type{margin-left:auto;font:9px monospace;letter-spacing:1px}footer>small{width:100%;border-top:1px solid #ffffff13;padding-top:24px;color:#738d83;font:9px monospace;letter-spacing:1px}dialog{background:#17282a;color:#edf5ef;border:1px solid #547871;padding:38px;width:min(520px,calc(100% - 32px));max-height:85svh;overflow:auto}dialog::backdrop{background:#071011c9;backdrop-filter:blur(9px)}.dialog-close{position:absolute;right:13px;top:9px;background:transparent;font-size:30px;color:#a9c5b9}.dialog-eyebrow{font:10px monospace;color:#54d7b8;letter-spacing:2px}.dialog-body h2{font-size:30px;margin:16px 0 23px}.dialog-body p,.dialog-body li{color:#b2c6bd;font-size:13px;line-height:1.9}.dialog-body ol{padding-left:21px}.dialog-body .notice{padding:14px;border-left:2px solid #d971d0;background:#d971d00b;font-size:11px}.dialog-body img{display:block;max-height:52svh;margin:0 auto;object-fit:contain}.reveal{opacity:1}.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.js .reveal.visible{opacity:1;transform:none}.motion-paused *{animation-play-state:paused!important;scroll-behavior:auto!important}.motion-paused .character{transform:none!important}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes character-enter{from{opacity:0;transform:translate(40px,30px)}to{opacity:1;transform:translate(0,0)}}
@media(min-width:1500px){.hero{padding-left:max(7%,calc((100vw - 1250px)/2))}.hero-copy{width:60%}.character{right:4%}}
@media(max-width:1100px){.header{padding:0 4%;height:80px}.header nav{gap:20px}.header nav a{font-size:11px}.hero{height:800px;padding:95px 6% 90px}.hero-copy{width:65%}h1{font-size:82px}h1 small{font-size:85px}.character{right:-15%;height:100%;top:8%}.character-label{right:4%}.speaker span{font-size:7px}.dialogue p{font-size:24px}.section{padding-left:6%;padding-right:6%}.work-grid{gap:15px}.forum-section{gap:35px}.asterisk{font-size:200px}.art-type{font-size:30px}}
@media(max-width:760px){html{scroll-padding-top:72px}.header{height:72px;padding:0 6%;gap:17px}.brand>span{font-size:17px}.brand img{width:34px;height:34px}.brand small{font-size:8px;letter-spacing:3px}.member-button{margin-left:auto;padding:9px 11px;font-size:10px}.member-button span{margin-left:8px}.menu-toggle{display:block;order:3;background:transparent;font-size:21px;padding:5px;color:#54d7b8}.header nav{display:none;position:absolute;left:0;right:0;top:72px;height:auto;padding:10px 6% 24px;background:#101d20;border-bottom:1px solid #54d7b840;flex-direction:column;align-items:stretch;gap:0}.header nav.open{display:flex}.header nav a{padding:12px 0;flex-direction:row;justify-content:space-between;align-items:center;font-size:13px}.header nav a.active:after{display:none}.hero{height:auto;min-height:865px;padding:70px 6% 90px}.coordinate{top:20px;left:6%;font-size:7px;letter-spacing:1px}.hero-copy{width:100%}.eyebrow{font-size:9px;gap:9px;letter-spacing:1px}h1{font-size:clamp(64px,16vw,104px);letter-spacing:-4px;margin:20px 0 0;max-width:95%}h1 small{font-size:clamp(67px,17vw,100px);letter-spacing:-5px}.title-star{font-size:41px;margin-left:16px}.dialogue{margin-top:26px;padding-left:14px;width:100%;position:relative;z-index:4}.speaker{font-size:10px}.speaker span{font-size:6px;letter-spacing:.5px}.dialogue p{font-size:23px;line-height:1.5;letter-spacing:1px}.dialogue p.hero-subtitle{font-size:10px;max-width:300px;line-height:1.8}.hero-actions{margin-top:26px;gap:10px}.button{padding:0 17px;min-height:47px;font-size:11px;gap:25px}.hero-footnote{font-size:6px;gap:7px;letter-spacing:1px}.hero-cut{clip-path:polygon(100% 15%,100% 100%,5% 100%);background:#204346}.character-stage{top:430px;bottom:0;left:0;right:0;z-index:0}.character{height:630px;right:-20px;top:0;max-width:none;animation:none;filter:drop-shadow(-6px 10px 0 #0d242333)}.hero-copy{pointer-events:auto}.hero-copy:after{content:'';position:absolute;inset:-20px -10px -10px;z-index:-1;background:linear-gradient(#10191cf5 70%,#10191c00)}.character-index{top:120px;left:7%;right:auto;text-align:left;font-size:7px}.character-index b{font-size:34px}.character-word{font-size:160px;top:80px;left:-30px;right:auto}.character-label{bottom:57px;right:5%;padding:10px;gap:9px}.character-label>div{font-size:14px}.character-label small{font-size:5px}.character-label>span{font-size:20px}.hero-bottom{left:6%;right:6%;bottom:17px;font-size:6px;letter-spacing:1px}.hero-bottom>span{display:none}.hero-bottom button span{font-size:9px}.orbital{width:400px;height:400px;top:47%;right:-180px}.marquee{padding:12px 0}.marquee>div{font-size:17px}.marquee i{margin:0 24px}.section{padding:65px 6%}.section-heading{display:block;margin-bottom:28px}h2{font-size:34px}.section-heading>p{margin-top:20px;font-size:12px}.filters{gap:2px;padding-bottom:16px}.filters button{padding:9px 10px;font-size:11px}.filters button small{display:none}.work-grid{grid-template-columns:1fr;gap:28px}.work-image{aspect-ratio:1.12/1}.character-crop img{height:185%;left:5%;top:0}.art-type{font-size:40px}.asterisk{font-size:260px;left:15%;top:7%}.work-caption{padding:16px 0 0}.event-panel{padding:24px;gap:20px;align-items:flex-start}.event-symbol{display:none}.event-panel h3{font-size:20px}.event-panel p{font-size:11px}.circle-button{width:38px;height:38px;font-size:19px}.directory-panel{display:block;padding:25px}.directory-panel h3{font-size:21px}.directory-panel .button{margin-top:15px}.forum-section{display:block;padding:60px 6%}.forum-intro h2{font-size:33px}.forum-preview{margin-top:36px;box-shadow:7px 7px 0 #d8e4db}.board-row{padding:17px;gap:11px}.board-row p{font-size:9px}footer{padding:35px 6%;gap:23px}footer p{width:100%;order:3;font-size:11px}footer>a:last-of-type{font-size:8px}footer>small{order:4}.js .reveal{transform:none}.character{will-change:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.character{transform:none!important}}

/* Arrival: one unhurried turn from the club mark to its guide. */
dialog.arrival{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:#10191c;color:#edf5ef;isolation:isolate;opacity:1;transition:opacity .65s ease,filter .65s ease}
.arrival::backdrop{background:#10191c;backdrop-filter:none}
.arrival[open]{display:grid;place-items:center}
.arrival.arrival-leaving{opacity:0;filter:blur(5px);pointer-events:none}
.arrival-glow{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 45%,#22606b50,transparent 53%),radial-gradient(ellipse at 64% 56%,#d971d012,transparent 40%)}
.arrival-orbit{position:absolute;width:min(78vw,660px);aspect-ratio:1;border:1px solid #54d7b81f;border-radius:50%;transform:rotate(-25deg) scaleY(.83);z-index:-1}
.arrival-orbit:after{content:'';position:absolute;inset:22px;border:1px solid #54d7b80b;border-radius:50%}
.arrival-heading{position:absolute;top:6svh;text-align:center;letter-spacing:5px;font-size:15px}
.arrival-heading small{display:block;font-size:10px;letter-spacing:6px;color:#8ba6a1;margin-top:12px}
.arrival-stage{position:relative;width:min(80vw,540px);height:64svh;max-height:640px;perspective:1500px}
.arrival-turn{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(0deg)}
.arrival-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.arrival-front img{width:min(100%,46svh);height:auto;filter:drop-shadow(0 15px 45px #54d7b812)}
.arrival-back{transform:rotateY(180deg)}
.arrival-back img{height:100%;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 16px 35px #060d1266)}
.arrival-caption{position:absolute;bottom:8svh;text-align:center;font-size:clamp(13px,1.4vw,18px);letter-spacing:3px;line-height:1.8}
.arrival-caption small{display:block;font-size:10px;letter-spacing:4px;color:#89aaa2;margin-top:8px}
.arrival-skip{position:absolute;bottom:28px;right:5%;padding:12px 0 12px 18px;background:transparent;font-size:11px;letter-spacing:2px;color:#a8bbb4;min-height:44px}
.arrival-skip span{margin-left:16px;color:#54d7b8}
.arrival-skip:hover{color:#54d7b8}
.arrival-playing .arrival-turn{animation:arrival-turn 3.4s cubic-bezier(.4,0,.2,1) both}
.arrival-playing .arrival-caption{animation:arrival-caption 3.4s ease both}
.arrival-replay{background:transparent;color:#94b0a6;font-size:11px;padding:12px 0;order:3;margin-left:auto}
@keyframes arrival-turn{0%{transform:rotateY(0deg) scale(.94)}18%,34%{transform:rotateY(0deg) scale(1)}69%,100%{transform:rotateY(180deg) scale(1)}}
@keyframes arrival-caption{0%,45%{opacity:0;transform:translateY(7px)}72%,100%{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.arrival-stage{height:58svh;width:84vw}.arrival-heading{top:6svh}.arrival-caption{bottom:12svh;letter-spacing:1.5px}.arrival-front img{width:min(100%,40svh)}.arrival-skip{bottom:20px}.arrival-replay{margin-left:0}}
@media(prefers-reduced-motion:reduce){.arrival-replay{display:none}dialog.arrival{transition:none}}
.arrival-front{transform:rotateY(0deg) translateZ(1px)}
.arrival-back{transform:rotateY(180deg) translateZ(1px)}
.arrival-face img{backface-visibility:hidden;-webkit-backface-visibility:hidden}

.arrival-playing .arrival-stage{animation:arrival-appear .6s ease both}
@keyframes arrival-appear{from{opacity:0}to{opacity:1}}
.arrival::backdrop{opacity:1;transition:opacity .65s ease}
.arrival.arrival-leaving::backdrop{opacity:0}
footer>small{order:4}
/* Vector symbols remain monochrome across operating systems and emoji fonts. */
.ui-icon{display:inline-block;width:1em;height:1em;flex:none;vertical-align:-.1em;overflow:visible;fill:none;stroke:none}.menu-toggle .ui-icon{width:24px;height:24px}.play-icon .ui-icon{width:30px;height:30px}.title-star .ui-icon,.asterisk .ui-icon{display:block}.event-symbol .ui-icon{width:1em;height:1em}
.live-cover{background:#18383b;display:grid;place-items:center;color:#71cbb7;font-size:28px}.live-cover img{width:100%;height:100%;object-fit:cover}#home-events .event-panel+.event-panel,#home-directory .directory-panel+.directory-panel{margin-top:16px}
.theme-toggle{flex:none;background:transparent;border:1px solid #627574;color:inherit;padding:9px 12px;font-size:12px;min-height:38px;white-space:nowrap;cursor:pointer}
/* Keep mobile composition expressive while reducing oversized spacing and cards. */
@media(max-width:760px){.header{height:64px;padding:0 4%;gap:8px}.brand{gap:8px}.brand>span{font-size:15px;letter-spacing:1px}.brand img{width:29px;height:29px}.brand small{letter-spacing:2px}.header nav{top:64px}.theme-toggle{font-size:11px;padding:7px 9px;min-height:36px}.member-button{margin-left:0;padding:8px 10px;min-height:36px;white-space:nowrap}.member-button span{display:none}.menu-toggle{padding:7px;min-width:36px;min-height:36px}.hero{padding:50px 5% 70px;min-height:740px}.hero h1{font-size:clamp(52px,14vw,85px);letter-spacing:-3px}.hero h1 small{font-size:clamp(56px,15vw,88px);letter-spacing:-4px}.title-star{font-size:32px;margin-left:10px}.dialogue{margin-top:20px}.dialogue p{font-size:20px}.speaker{flex-wrap:wrap;gap:6px}.hero-actions{gap:10px;flex-wrap:wrap;margin-top:20px}.button{gap:16px;padding:0 14px;min-height:42px;letter-spacing:1px}.character-stage{top:350px}.character{height:530px;right:-35px}.hero-footnote{flex-wrap:wrap;line-height:1.7}.section{padding:42px 5%}.section-heading{margin-bottom:20px}.section-heading h2,.forum-intro h2{font-size:28px;line-height:1.3}.section-heading>p{margin-top:12px;line-height:1.7}.filters{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:14px}.filters button{padding:9px 11px;min-height:36px}.work-grid{gap:22px}.work-image{aspect-ratio:1.5/1}.art-type{font-size:30px}.asterisk{font-size:210px}.work-caption{padding-top:12px}.work-caption h3{font-size:15px}.section-note{gap:10px;line-height:1.8}.text-button{min-height:36px;display:inline-flex;align-items:center}.event-panel{padding:18px;gap:12px}.event-panel>div{min-width:0}.event-panel h3{font-size:18px;line-height:1.5;margin:14px 0 8px}.event-panel p{margin-bottom:0}.circle-button{width:36px;height:36px}.directory-panel{padding:20px}.directory-panel h3{font-size:19px;line-height:1.5}.forum-section{padding:42px 5%}.forum-intro>p{margin:16px 0}.forum-preview{margin-top:24px}.forum-header{padding:14px;gap:10px;font-size:13px}.preview-tag{min-height:34px;display:inline-flex;align-items:center;white-space:nowrap}.board-row{padding:14px;gap:10px}.board-row>div{min-width:0}.board-row h3{line-height:1.5}footer{padding:26px 5%;gap:16px}dialog:not(.arrival){padding:26px 20px}.dialog-body h2{font-size:25px}.dialog-close{min-width:36px;min-height:36px}}
@media(max-width:360px){.header .brand>span{font-size:13px!important}.header .brand img{width:25px;height:25px}.header{gap:6px}.member-button{font-size:9px;padding:7px}.theme-toggle{padding:7px;font-size:10px}.menu-toggle{padding:5px;min-width:32px}}
/* Light homepage preserves the club's teal, mint and pink identity. */
:root[data-theme=light] body{background:#f1f6f3;color:#183b3d}
[data-theme=light] .header{background:#f7faf7ee;border-color:#cfdfd7}[data-theme=light] .header nav a{color:#42635e}[data-theme=light] .header nav a span{color:#58796d}[data-theme=light] .header nav a.active,[data-theme=light] .header nav a:hover{color:#116b72}
[data-theme=light] .brand small,[data-theme=light] .eyebrow,[data-theme=light] .dialogue p.hero-subtitle,[data-theme=light] .hero-footnote,[data-theme=light] .coordinate,[data-theme=light] .hero-bottom,[data-theme=light] .work-caption small,[data-theme=light] .section-heading>p,[data-theme=light] .section-note,[data-theme=light] footer p,[data-theme=light] footer>small{color:#4f7167}
[data-theme=light] h1 .outline{color:transparent;-webkit-text-stroke-color:#21656a}[data-theme=light] .hero-cut{background:#c5e7df}[data-theme=light] .hero-grid{background-image:linear-gradient(#326d6510 1px,transparent 1px),linear-gradient(90deg,#326d6510 1px,transparent 1px)}[data-theme=light] .orbital{border-color:#458d7d40;box-shadow:0 0 0 60px #458d7d06,0 0 0 120px #458d7d04}
[data-theme=light] .dialogue strong,[data-theme=light] .title-star,[data-theme=light] .spark,[data-theme=light] .text-button,[data-theme=light] .work-caption>span{color:#116b72}[data-theme=light] .speaker{color:#a13873}[data-theme=light] .speaker span{color:#59766d}[data-theme=light] .secondary{background:#eff7f2dd;color:#1e5755;border-color:#688d81}[data-theme=light] .member-button,[data-theme=light] .theme-toggle{border-color:#8ba69b}[data-theme=light] .filters button{color:#47675e}[data-theme=light] .filters button.selected{color:#155d58;border-color:#22766b}[data-theme=light] .event-panel{background:linear-gradient(110deg,#deeee5,#eef5ed);border-color:#bbd6c8}[data-theme=light] .event-panel p,[data-theme=light] .directory-panel p{color:#47675e}[data-theme=light] .directory-panel,[data-theme=light] .events-section,[data-theme=light] footer>small{border-color:#cbded2}[data-theme=light] .circle-button,[data-theme=light] .event-symbol{color:#116b72}[data-theme=light] .tag{color:#39695a;border-color:#7fa995}[data-theme=light] .mini-label{color:#a13873}[data-theme=light] .marquee{color:#315c54;border-color:#cbded2}[data-theme=light] .arrival-replay{color:#47675e}
[data-theme=light] dialog:not(.arrival){background:#f3f8f2;color:#183b3d;border-color:#8caf9f}[data-theme=light] .dialog-body p,[data-theme=light] .dialog-body li{color:#47675e}[data-theme=light] .dialog-eyebrow,[data-theme=light] .dialog-close{color:#116b72}
[data-theme=dark] .forum-section{background:#182b2b;color:#e0eee6}[data-theme=dark] .forum-preview{background:#203634;border-color:#38564e;box-shadow:8px 8px 0 #122222}[data-theme=dark] .forum-header,[data-theme=dark] .board-row{border-color:#38564e}[data-theme=dark] .private-board{background:#1a302e}[data-theme=dark] .board-row p,[data-theme=dark] .forum-intro>p,[data-theme=dark] .preview-tag{color:#adc4b7}[data-theme=dark] .board-icon,[data-theme=dark] .forum-intro .eyebrow{color:#78d5c0}
@media(max-width:760px){[data-theme=light] .hero-copy:after{background:linear-gradient(#f1f6f3f5 70%,#f1f6f300)}[data-theme=light] .header nav{background:#f1f6f3;border-color:#cbded2}}
[data-theme=light] .menu-toggle{color:#116b72}[data-theme=light] .arrival{background:#edf5ef;color:#183b3d}[data-theme=light] .arrival-caption small,[data-theme=light] .arrival-heading small,[data-theme=light] .arrival-skip{color:#47675e}[data-theme=light] .arrival-skip span{color:#116b72}[data-theme=light] .arrival-orbit{border-color:#4d8e7c40}[data-theme=light] .arrival-glow{background:radial-gradient(ellipse at 50% 45%,#87c9bd40,transparent 53%)}
@media(min-width:761px) and (max-width:960px){.header{height:64px;gap:12px}.header .brand>span{font-size:17px}.header .brand img{width:34px;height:34px}.header .member-button{margin-left:auto}.header .menu-toggle{display:block;order:3;background:transparent;color:#54d7b8;padding:8px;min-width:40px;min-height:40px}.header nav{display:none;position:absolute;inset:64px 0 auto;height:auto;padding:10px 5% 20px;background:#101d20;flex-direction:column;gap:0;align-items:stretch}.header nav.open{display:flex}.header nav a{padding:12px 0;flex-direction:row;justify-content:space-between;align-items:center;font-size:13px}.header nav a.active:after{display:none}[data-theme=light] .header nav{background:#f1f6f3}[data-theme=light] .header .menu-toggle{color:#116b72}}