@font-face{font-family:ZPix;src:url('fonts/ZLabsRoundPix-subset.woff2') format('woff2');font-display:swap;font-weight:400;font-style:normal}
:root{--ink:#080b09;--ink2:#101813;--paper:#e9e7df;--gold:#cfaa51;--gold2:#eed58f;--red:#8c3327;--cyan:#79a9a0;--muted:#8d948b;--line:rgba(233,231,223,.16);--darkline:rgba(8,11,9,.18);--pixel:ZPix,'Microsoft YaHei',sans-serif;--serif:'Noto Serif CJK SC','Source Han Serif SC','Songti SC',STSong,SimSun,serif;--mono:'Cascadia Mono','SFMono-Regular',Consolas,monospace;--ease:cubic-bezier(.22,.8,.2,1);--sharp:cubic-bezier(.76,0,.24,1)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--ink);color:var(--paper);overflow:hidden}body{font-family:var(--serif)}a{color:inherit;text-decoration:none}button{border:0;background:none;color:inherit;font:inherit;cursor:pointer}img{display:block;max-width:100%}::selection{background:var(--gold);color:var(--ink)}:focus-visible{outline:1px solid var(--gold2);outline-offset:5px}.skip{position:fixed;z-index:100;top:-60px;left:20px;padding:12px 18px;background:var(--gold);color:var(--ink);font:12px var(--pixel)}.skip:focus{top:16px}.grain{position:fixed;z-index:80;inset:0;pointer-events:none;opacity:.045;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.pointer{position:fixed;z-index:95;width:22px;height:22px;border:1px solid var(--gold2);border-radius:50%;pointer-events:none;opacity:0;transform:translate(-50%,-50%);transition:width .25s,height .25s,opacity .2s}.pointer i{position:absolute;inset:8px;border:1px solid var(--gold2);transform:rotate(45deg)}.pointer.visible{opacity:1}.pointer.active{width:52px;height:52px;mix-blend-mode:difference}
.intro{position:fixed;z-index:90;inset:0;display:grid;place-items:center;background:var(--ink);transition:clip-path .9s var(--sharp),visibility .9s;clip-path:inset(0)}.intro.done{clip-path:inset(0 0 100%);visibility:hidden}.intro__matrix{position:absolute;inset:0;background-image:linear-gradient(rgba(207,170,81,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(207,170,81,.09) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle,black,transparent 70%)}.intro__emblem{position:absolute;width:min(62vh,530px);opacity:.22;filter:drop-shadow(0 0 25px rgba(207,170,81,.26));animation:introEmblem 1.7s var(--ease) both}.intro__copy{position:relative;display:grid;text-align:center}.intro__copy span,.intro__copy small{font:9px var(--pixel);letter-spacing:.12em;color:var(--gold2)}.intro__copy b{margin:18px 0 20px;font:50px var(--pixel);letter-spacing:.08em}.intro__copy i{height:1px;width:0;margin:0 auto 18px;background:var(--gold2);animation:introLine 1.2s .2s var(--ease) forwards}@keyframes introEmblem{from{opacity:0;transform:scale(.75) rotate(-8deg)}to{opacity:.22;transform:none}}@keyframes introLine{to{width:260px}}
.transition-grid{position:fixed;z-index:70;inset:0;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(5,1fr);pointer-events:none}.transition-grid i{background:var(--gold);transform:scaleY(0);transform-origin:bottom}.transition-grid.cover i{animation:tileIn .55s var(--sharp) both}.transition-grid.reveal i{animation:tileOut .65s var(--sharp) both}@keyframes tileIn{to{transform:scaleY(1)}}@keyframes tileOut{from{transform:scaleY(1)}to{transform:scaleY(0);transform-origin:top}}
.site-header{position:fixed;z-index:50;top:0;left:0;width:100%;height:82px;padding:0 42px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:rgba(8,11,9,.72);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;width:max-content}.brand img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 0 7px rgba(207,170,81,.25))}.brand b{display:block;font:18px var(--pixel);letter-spacing:.08em}.brand small{display:block;margin-top:4px;color:#8e988e;font:7px var(--mono);letter-spacing:.1em}.main-nav{height:100%;display:flex}.main-nav a{position:relative;min-width:78px;display:flex;align-items:center;justify-content:center;gap:7px;color:#a8afa7;font:12px var(--pixel);transition:color .3s}.main-nav a i{font:7px var(--mono);font-style:normal;color:#59645c}.main-nav a::after{content:'';position:absolute;right:12px;bottom:-1px;left:12px;height:2px;background:var(--gold2);transform:scaleX(0);transition:transform .35s var(--ease)}.main-nav a:hover,.main-nav a.active{color:var(--paper)}.main-nav a.active::after{transform:scaleX(1)}.header-tools{justify-self:end;display:flex;align-items:center;gap:25px}.page-readout{font:9px var(--mono);color:#737d74}.page-readout i{font-style:normal;color:var(--gold2)}.soundless-menu{width:44px;height:44px;display:none;place-content:center;gap:7px}.soundless-menu i{width:24px;height:1px;background:var(--paper);transition:transform .35s}.soundless-menu i:last-child{width:16px;margin-left:8px;background:var(--gold2)}.soundless-menu[aria-expanded=true] i:first-child{transform:translateY(4px) rotate(45deg)}.soundless-menu[aria-expanded=true] i:last-child{width:24px;margin-left:0;transform:translateY(-4px) rotate(-45deg)}
.mobile-menu{position:fixed;z-index:45;inset:0;background:var(--ink);visibility:hidden;opacity:0;transition:opacity .4s,visibility .4s}.mobile-menu.open{visibility:visible;opacity:1}.mobile-menu__art{position:absolute;right:-18%;bottom:-10%;width:75vw;opacity:.12}.mobile-menu nav{position:absolute;top:110px;right:28px;left:28px;border-top:1px solid var(--line)}.mobile-menu nav a{display:grid;grid-template-columns:35px 1fr auto;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.mobile-menu nav i{font:9px var(--mono);font-style:normal;color:var(--gold)}.mobile-menu nav b{font:22px var(--pixel);font-weight:400}.mobile-menu nav span{font:8px var(--pixel);color:#778179}.mobile-dock{display:none}
.app{position:fixed;inset:82px 0 0}.view{position:absolute;inset:0;visibility:hidden;opacity:0;overflow:hidden;background:var(--ink);transition:opacity .25s}.view.active{visibility:visible;opacity:1}.view .enter{opacity:0;transform:translateY(22px)}.view.active.entering .enter{animation:enter .75s var(--ease) both}.view.active.entering .enter:nth-child(2){animation-delay:.06s}.view.active.entering .enter:nth-child(3){animation-delay:.12s}.view.active.entering .enter:nth-child(4){animation-delay:.18s}.view.active.entering .enter:nth-child(5){animation-delay:.24s}@keyframes enter{to{opacity:1;transform:none}}.kicker{font:10px var(--pixel);letter-spacing:.1em;color:var(--gold2)}.kicker i{display:inline-block;width:35px;height:1px;margin:0 12px 3px;background:var(--gold2)}.view-title h2{margin:16px 0 0;font:clamp(46px,5.2vw,80px)/1.12 var(--serif);letter-spacing:.02em}.view-title h2 em{font-style:normal;color:var(--gold2)}.view-title>p{max-width:420px;margin:23px 0 0;color:#a5aea4;font:14px/1.9 var(--serif)}
.home-view{isolation:isolate;background:radial-gradient(circle at 72% 44%,#1a2820 0,transparent 32%),linear-gradient(110deg,#080b09 0 48%,#101712 48%)}.home-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(207,170,81,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(207,170,81,.07) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(90deg,black,transparent 75%)}.home-index{position:absolute;top:28px;right:3.2vw;display:flex;gap:12px;color:#636e65;font:9px var(--mono)}.home-index i{color:var(--gold);font-style:normal}.home-copy{position:absolute;z-index:4;top:50%;left:6vw;width:48%;transform:translateY(-52%)}.home-copy h1{margin:25px 0 0;font:clamp(88px,11vw,170px)/.82 var(--pixel);letter-spacing:.02em}.home-copy h1 span{display:block}.home-copy h1 span:last-child{margin-left:clamp(34px,6vw,90px);color:transparent;-webkit-text-stroke:1px var(--paper)}.home-intro{max-width:410px;margin:38px 0 0;color:#b6beb4;font:17px/1.9 var(--serif)}.home-actions{display:flex;align-items:center;gap:30px;margin-top:38px}.action{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-width:218px;padding:15px 18px;font:11px var(--pixel);transition:background .3s,color .3s,gap .3s}.action i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-style:normal}.action--primary{background:var(--gold);color:var(--ink)}.action--primary i{background:var(--ink);color:var(--gold2)}.action--primary:hover{background:var(--gold2);gap:42px}.text-link{font:10px var(--pixel);color:#9ca59b}.text-link i{color:var(--gold2);font-style:normal}.character-stage{position:absolute;z-index:3;right:7vw;bottom:0;width:min(43vw,650px);height:94%;display:flex;align-items:end;justify-content:center}.character-stage>img{position:relative;z-index:2;max-height:90%;width:auto;object-fit:contain;filter:drop-shadow(0 20px 22px rgba(0,0,0,.42));transform-origin:bottom;animation:characterFloat 5s ease-in-out infinite alternate}.character-halo{position:absolute;z-index:1;top:17%;left:50%;width:60%;aspect-ratio:1;transform:translateX(-50%);border:1px solid rgba(207,170,81,.32);border-radius:50%;animation:haloSpin 18s linear infinite}.character-halo::before,.character-halo::after{content:'';position:absolute;border:1px solid rgba(207,170,81,.2);border-radius:50%}.character-halo::before{inset:11%}.character-halo::after{inset:26%}.character-halo i{position:absolute;background:var(--gold2)}.character-halo i:nth-child(1){top:50%;left:-12%;width:124%;height:1px}.character-halo i:nth-child(2){top:-12%;left:50%;width:1px;height:124%}.character-halo i:nth-child(3){top:8%;right:8%;width:9px;height:9px;border:1px solid var(--gold2);background:var(--ink);transform:rotate(45deg)}.character-pixels i{position:absolute;width:8px;height:8px;background:var(--gold);opacity:.7;animation:pixelDrift 3s ease-in-out infinite alternate}.character-pixels i:nth-child(1){top:20%;left:6%}.character-pixels i:nth-child(2){top:35%;right:3%;animation-delay:.5s}.character-pixels i:nth-child(3){top:53%;left:11%;animation-delay:1s}.character-pixels i:nth-child(4){top:12%;right:18%;animation-delay:1.5s}.character-pixels i:nth-child(5){top:69%;right:7%;animation-delay:2s}.character-pixels i:nth-child(6){top:5%;left:27%;animation-delay:2.5s}.character-label{position:absolute;z-index:3;right:0;bottom:8%;padding:12px 16px;border-left:2px solid var(--gold);background:rgba(8,11,9,.78);backdrop-filter:blur(8px)}.character-label i,.character-label b{display:block}.character-label i{font:7px var(--mono);color:var(--gold2);font-style:normal}.character-label b{margin-top:5px;font:12px var(--pixel);font-weight:400}.emblem-orbit{position:absolute;z-index:2;top:7%;left:44%;width:190px;height:190px;opacity:.38}.emblem-orbit svg{position:absolute;inset:0;fill:none;stroke:var(--gold);stroke-width:1;stroke-dasharray:2 7;animation:ringSpin 25s linear infinite}.emblem-orbit img{position:absolute;inset:14%;width:72%;height:72%;object-fit:contain}.home-foot{position:absolute;z-index:5;right:42px;bottom:25px;left:42px;display:flex;justify-content:space-between;padding-top:14px;border-top:1px solid var(--line);color:#687269;font:8px var(--mono)}.home-foot b{color:var(--gold2);font:9px var(--pixel);font-weight:400}@keyframes characterFloat{to{transform:translateY(-8px)}}@keyframes haloSpin{to{transform:translateX(-50%) rotate(360deg)}}@keyframes pixelDrift{to{transform:translate(9px,-13px);opacity:.25}}
.history-view{padding:5vh 0 0 5.5vw;background:linear-gradient(110deg,#0d130f,#080b09 62%)}.history-view .view-title{position:relative;z-index:3;width:34vw}.history-view .view-title h2{font-size:clamp(42px,4.5vw,72px)}.history-controls{position:absolute;z-index:5;top:6vh;right:4vw;display:flex;align-items:center;gap:18px}.history-controls button,.gallery-controls>button{width:44px;height:44px;border:1px solid var(--line);font:16px var(--mono);transition:background .25s,color .25s}.history-controls button:hover,.gallery-controls>button:hover{background:var(--gold);color:var(--ink)}.history-controls div{display:flex;align-items:center;gap:8px;font:9px var(--mono)}.history-controls div i{width:48px;height:1px;background:var(--line)}.history-controls div span:first-child{color:var(--gold2)}.history-viewport{position:absolute;top:0;right:0;bottom:0;left:36vw;overflow:hidden;cursor:grab}.history-viewport.dragging{cursor:grabbing}.history-track{position:absolute;top:0;left:0;height:100%;display:flex;align-items:center;gap:12vw;padding:0 18vw 0 7vw;will-change:transform}.history-line{position:absolute;z-index:0;top:50%;right:0;left:0;height:1px;background:rgba(207,170,81,.22)}.history-line i{display:block;width:0;height:1px;background:var(--gold2);transition:width .5s}.history-card{position:relative;flex:0 0 min(48vw,660px);min-height:65%;display:flex;flex-direction:column;justify-content:center}.history-card::before{content:'';position:absolute;top:50%;left:-6vw;width:9px;height:9px;background:var(--ink);border:1px solid var(--gold2);border-radius:50%;transform:translateY(-50%)}.archive-no{color:var(--gold2);font:9px var(--pixel);letter-spacing:.1em}.history-year{margin:18px 0 15px;color:var(--paper);font:clamp(58px,7vw,104px)/1 var(--pixel)}.history-card h3{margin:0 0 15px;font:30px/1.3 var(--serif)}.history-card p{max-width:420px;margin:0;color:#a8b1a7;font:14px/1.9 var(--serif)}.history-card small{margin-top:35px;color:#677168;font:8px var(--pixel)}.history-card--image{display:grid;grid-template-columns:1.25fr .75fr;gap:34px;align-items:center}.history-card--image figure{position:relative;margin:0;aspect-ratio:1.2;overflow:hidden;border:1px solid rgba(207,170,81,.34);background:#20271f}.history-card--image figure::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(233,231,223,.12);pointer-events:none}.history-card--image img{width:100%;height:100%;object-fit:cover;filter:grayscale(.45) sepia(.12) contrast(1.12);transition:transform .8s var(--ease),filter .8s}.history-card--image:hover img{transform:scale(1.05);filter:none}.history-card--image figure button{position:absolute;z-index:2;right:12px;bottom:12px;padding:8px 10px;background:rgba(8,11,9,.82);color:var(--gold2);font:8px var(--pixel)}.history-card--offset{transform:translateY(7%)}.history-card--closing>img{position:absolute;right:5%;width:55%;opacity:.13}.history-card--closing a{width:max-content;margin-top:28px;padding-bottom:8px;border-bottom:1px solid var(--gold);color:var(--gold2);font:10px var(--pixel)}.history-card--closing a i{font-style:normal;margin-left:18px}.drag-hint{position:absolute;bottom:25px;left:5.5vw;display:flex;align-items:center;gap:12px;color:#717b72;font:8px var(--pixel)}.drag-hint i{position:relative;width:58px;height:1px;background:var(--line)}.drag-hint i::after{content:'';position:absolute;top:-3px;left:0;width:7px;height:7px;border-radius:50%;background:var(--gold);animation:dragHint 2.2s ease-in-out infinite}@keyframes dragHint{50%{left:51px}}
.society-view{display:grid;grid-template-columns:44% 56%;background:linear-gradient(90deg,#0c110e 44%,var(--paper) 44%);color:var(--ink)}.society-emblem{position:relative;display:grid;place-items:center;overflow:hidden}.society-emblem::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(207,170,81,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(207,170,81,.08) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle,black,transparent 72%)}.society-emblem>img{position:relative;z-index:2;width:min(83%,630px);filter:drop-shadow(0 18px 35px rgba(0,0,0,.35));animation:emblemFloat 6s ease-in-out infinite alternate}.emblem-rings{position:absolute;width:68%;aspect-ratio:1;border:1px solid rgba(207,170,81,.28);border-radius:50%;animation:ringSpin 22s linear infinite}.emblem-rings::before,.emblem-rings::after{content:'';position:absolute;border:1px solid rgba(207,170,81,.18);border-radius:50%}.emblem-rings::before{inset:9%}.emblem-rings::after{inset:21%}.emblem-rings i{position:absolute;background:var(--gold)}.emblem-rings i:nth-child(1){top:50%;left:-8%;width:116%;height:1px}.emblem-rings i:nth-child(2){top:-8%;left:50%;width:1px;height:116%}.emblem-rings i:nth-child(3){top:9%;right:12%;width:9px;height:9px;transform:rotate(45deg)}.society-emblem>span{position:absolute;z-index:3;bottom:5vh;color:var(--gold2);font:9px var(--pixel);letter-spacing:.2em}.society-copy{overflow:auto;padding:6vh 7vw 5vh;color:var(--ink)}.society-copy .view-title h2{font-size:clamp(40px,4.2vw,67px)}.society-copy .view-title h2 em{color:var(--red)}.society-copy .kicker{color:var(--red)}.society-lead{max-width:720px;margin:25px 0 30px;font:16px/1.85 var(--serif)}.practice-switch{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--darkline);border-bottom:1px solid var(--darkline)}.practice-switch button{display:flex;align-items:center;gap:10px;padding:14px 8px;border-right:1px solid var(--darkline);transition:background .3s,color .3s}.practice-switch button:last-child{border:0}.practice-switch button[aria-selected=true]{background:var(--ink);color:var(--paper)}.practice-switch i{font:8px var(--mono);font-style:normal;color:var(--red)}.practice-switch b{font:14px var(--pixel);font-weight:400}.practice-content{position:relative;min-height:180px;padding:30px 45% 25px 0;border-bottom:1px solid var(--darkline)}.practice-content article{display:none}.practice-content article.is-active{display:block;animation:copyIn .5s var(--ease)}.practice-content article span{color:var(--red);font:8px var(--pixel)}.practice-content article h3{margin:14px 0 9px;font:25px var(--pixel);font-weight:400}.practice-content article p{margin:0;color:#565b53;font:13px/1.75 var(--serif)}.practice-graphic{position:absolute;top:8px;right:4%;width:160px;height:160px}.practice-graphic svg{width:100%;fill:none;stroke:var(--red);stroke-width:1;stroke-dasharray:3 7;animation:ringSpin 15s linear infinite}.practice-graphic i{position:absolute;top:50%;left:50%;width:16px;height:16px;background:var(--gold);transform:translate(-50%,-50%) rotate(45deg)}.society-facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:25px}.society-facts span{display:flex;align-items:end;gap:10px;border-right:1px solid var(--darkline)}.society-facts span:last-child{border:0}.society-facts b{font:34px var(--pixel);font-weight:400;color:var(--red)}.society-facts i{padding-bottom:4px;font:9px var(--pixel);font-style:normal;color:#666b63}@keyframes emblemFloat{to{transform:translateY(-10px) rotate(1deg)}}@keyframes ringSpin{to{transform:rotate(360deg)}}@keyframes copyIn{from{opacity:0;transform:translateY(10px)}}
.gallery-view{padding:5vh 5vw;background:var(--paper);color:var(--ink)}.gallery-view::before{content:'';position:absolute;right:0;bottom:0;width:42%;height:75%;background:var(--gold);clip-path:polygon(27% 0,100% 0,100% 100%,0 100%);opacity:.85}.gallery-view .view-title{position:absolute;z-index:4;top:5vh;left:5vw;width:34%}.gallery-view .view-title h2{font-size:clamp(40px,4.2vw,67px)}.gallery-view .view-title h2 em{color:var(--red)}.gallery-view .kicker{color:var(--red)}.gallery-view .view-title>p{color:#5f655e}.gallery-index{position:absolute;z-index:4;right:5vw;top:5vh;display:flex;gap:22px;align-items:center;font:8px var(--pixel);color:#5f625c}.gallery-index b{color:var(--red);font:13px var(--mono)}.gallery-stage{position:absolute;z-index:3;top:5vh;right:5vw;bottom:8vh;left:42%;overflow:hidden}.gallery-item{position:absolute;inset:0;visibility:hidden;opacity:0}.gallery-item.is-active{visibility:visible;opacity:1}.gallery-item figure{position:absolute;top:7vh;right:0;width:80%;height:68%;margin:0;overflow:hidden;background:#b9b4a5;box-shadow:16px 16px 0 rgba(8,11,9,.13)}.gallery-item figure img{width:100%;height:100%;object-fit:cover;filter:grayscale(.18) contrast(1.05);transform:scale(1.08)}.gallery-item.is-active figure img{animation:galleryImage 1s var(--ease) forwards}.gallery-item figure button{position:absolute;z-index:2;top:15px;right:15px;width:42px;height:42px;border-radius:50%;background:var(--ink);color:var(--gold2);font:15px var(--mono)}.gallery-item>div{position:absolute;z-index:3;bottom:2%;left:0;width:52%;padding:23px;background:var(--ink);color:var(--paper);box-shadow:8px 8px 0 var(--red)}.gallery-item>div span{color:var(--gold2);font:8px var(--pixel)}.gallery-item>div h3{margin:13px 0 9px;font:24px var(--pixel);font-weight:400}.gallery-item>div p{margin:0;color:#aeb7ad;font:12px/1.7 var(--serif)}.gallery-item.is-active>div{animation:galleryCopy .75s .15s var(--ease) both}.gallery-controls{position:absolute;z-index:4;bottom:5vh;left:5vw;display:flex;align-items:center;gap:18px}.gallery-controls>button{border-color:var(--darkline)}#galleryDots{display:flex;gap:8px}#galleryDots button{width:22px;height:3px;padding:0;background:rgba(8,11,9,.2);transition:width .3s,background .3s}#galleryDots button.active{width:45px;background:var(--red)}@keyframes galleryImage{to{transform:scale(1)}}@keyframes galleryCopy{from{opacity:0;transform:translate(-25px,15px)}}
.join-view{display:grid;grid-template-columns:1fr 390px;align-items:center;gap:9vw;padding:5vh 9vw;background:linear-gradient(115deg,#080b09 0 66%,#111b15 66%)}.join-backdrop{position:absolute;inset:0;overflow:hidden;opacity:.09}.join-backdrop img{position:absolute;left:24%;top:50%;width:58%;transform:translate(-50%,-50%)}.join-copy{position:relative;z-index:2;max-width:730px}.join-view .view-title h2{font-size:clamp(48px,5.5vw,86px)}.join-lead{max-width:600px;margin:25px 0 26px;color:#adb6ac;font:15px/1.9 var(--serif)}.join-details{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.join-details div{padding:13px 14px 13px 0;border-right:1px solid var(--line)}.join-details div+div{padding-left:14px}.join-details div:last-child{border:0}.join-details i,.join-details b{display:block}.join-details i{color:var(--gold2);font:8px var(--pixel);font-style:normal}.join-details b{margin-top:7px;font:11px var(--pixel);font-weight:400}.join-button{width:max-content}.qr-panel{position:relative;z-index:2;padding:23px;background:var(--paper);color:var(--ink);box-shadow:14px 14px 0 rgba(207,170,81,.25)}.qr-panel__head{display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--darkline);font:8px var(--pixel)}.qr-panel__head i{color:var(--red);font-style:normal}.qr{position:relative;margin:20px 0;padding:16px;background:#fff}.qr img{width:100%;aspect-ratio:1;object-fit:cover}.qr>i{position:absolute;z-index:2;width:16px;height:16px;border-color:var(--red)}.qr>i:nth-child(1){top:0;left:0;border-top:2px solid;border-left:2px solid}.qr>i:nth-child(2){top:0;right:0;border-top:2px solid;border-right:2px solid}.qr>i:nth-child(3){bottom:0;left:0;border-bottom:2px solid;border-left:2px solid}.qr>i:nth-child(4){right:0;bottom:0;border-bottom:2px solid;border-right:2px solid}.qr>span{position:absolute;z-index:2;top:16px;right:16px;left:16px;height:2px;background:var(--red);opacity:.6;animation:qrScan 2.5s linear infinite}.qr-panel__foot b,.qr-panel__foot span{display:block}.qr-panel__foot b{font:14px var(--pixel);font-weight:400}.qr-panel__foot span{margin-top:7px;color:#6b7068;font:8px var(--pixel)}.join-footer{position:absolute;right:42px;bottom:24px;left:42px;display:flex;justify-content:space-between;padding-top:13px;border-top:1px solid var(--line);color:#687269;font:8px var(--mono)}.join-footer i{font-style:normal}.join-footer b{color:var(--gold2);font-weight:400}@keyframes qrScan{to{top:calc(100% - 18px)}}
.lightbox{width:min(1080px,calc(100% - 50px));height:min(88vh,800px);padding:22px;border:1px solid var(--gold);background:var(--ink);color:var(--paper);box-shadow:18px 18px 0 rgba(0,0,0,.35)}.lightbox::backdrop{background:rgba(3,5,3,.88);backdrop-filter:blur(10px)}.lightbox__close{display:block;margin-left:auto;padding:4px 0 16px;color:var(--gold2);font:9px var(--pixel)}.lightbox__media{height:calc(100% - 110px);display:grid;place-items:center;position:relative}.lightbox__media img{max-width:100%;max-height:100%;object-fit:contain}.lightbox__media>i{position:absolute;font:8px var(--pixel);font-style:normal;color:var(--gold2);opacity:0}.lightbox__media.loading>i{opacity:1}.lightbox__caption{display:flex;gap:28px;padding-top:17px;border-top:1px solid var(--line)}.lightbox__caption span{color:var(--gold2);font:8px var(--pixel);white-space:nowrap}.lightbox__caption p{margin:0;color:#aeb6ad;font:13px/1.7 var(--serif)}
@media(max-width:1000px){.site-header{padding:0 24px;grid-template-columns:1fr auto}.main-nav{display:none}.header-tools{display:flex}.soundless-menu{display:grid}.app{bottom:0}.home-copy{left:5vw}.home-copy h1{font-size:clamp(72px,13vw,120px)}.character-stage{right:2vw;width:51vw}.emblem-orbit{display:none}.history-view{padding-left:4vw}.history-view .view-title{width:37vw}.history-viewport{left:40vw}.society-view{grid-template-columns:40% 60%;background:linear-gradient(90deg,#0c110e 40%,var(--paper) 40%)}.society-copy{padding-inline:5vw}.gallery-view .view-title{width:38%}.gallery-stage{left:43%}.join-view{grid-template-columns:1fr 330px;gap:5vw;padding-inline:6vw}}
@media(max-width:700px){html,body{min-height:100%;height:100dvh}.site-header{height:68px;padding:0 16px}.brand img{width:34px;height:34px}.brand b{font-size:15px}.brand small{font-size:6px}.page-readout{display:none}.app{inset:68px 0 64px}.mobile-dock{position:fixed;z-index:40;right:0;bottom:0;left:0;height:64px;display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:rgba(8,11,9,.95);backdrop-filter:blur(14px)}.mobile-dock a{display:grid;place-content:center;text-align:center;color:#768078}.mobile-dock i{font:9px var(--mono);font-style:normal}.mobile-dock span{margin-top:3px;font:8px var(--pixel)}.mobile-dock a.active{color:var(--gold2)}.view{overflow:auto}.home-view{overflow:hidden;background:radial-gradient(circle at 65% 36%,#1b2921,transparent 42%),var(--ink)}.home-copy{top:7%;left:18px;width:75%;transform:none}.home-copy .kicker{font-size:8px}.home-copy h1{margin-top:15px;font-size:clamp(61px,21vw,88px);line-height:.84}.home-copy h1 span:last-child{margin-left:24px}.home-intro{width:74%;margin-top:20px;font-size:13px;line-height:1.75}.home-actions{display:block;margin-top:20px}.action{min-width:196px;padding:11px 14px;font-size:9px}.action i{width:27px;height:27px}.text-link{display:none}.character-stage{right:-16%;bottom:0;width:100%;height:69%;justify-content:center}.character-stage>img{max-height:96%}.character-halo{top:17%;width:65%}.character-label{right:17%;bottom:5%}.home-index,.home-foot,.emblem-orbit{display:none}.view-title h2{font-size:42px}.view-title>p{font-size:12px}.history-view{padding:24px 0 0 18px;overflow:hidden}.history-view .view-title{position:relative;width:80%;z-index:4}.history-view .view-title h2{font-size:39px}.history-view .view-title>p{display:none}.history-controls{top:31px;right:18px;gap:7px}.history-controls button{width:38px;height:38px}.history-controls div{display:none}.history-viewport{top:160px;bottom:28px;left:0}.history-track{gap:18vw;padding:0 20vw 0 18px}.history-card{flex-basis:82vw;min-height:84%}.history-card::before{display:none}.history-card--image{display:flex;flex-direction:column;align-items:stretch;gap:20px;justify-content:center}.history-card--image figure{width:100%;aspect-ratio:1.2}.history-card h3{font-size:24px}.history-card p{font-size:12px;line-height:1.7}.history-year{font-size:60px}.history-card--offset{transform:none}.history-card--closing>img{right:0;width:75%}.drag-hint{display:none}.society-view{display:block;background:var(--paper);color:var(--ink)}.society-emblem{height:34vh;min-height:245px;background:#0c110e}.society-emblem>img{width:69%;max-height:92%;object-fit:contain}.emblem-rings{width:55%}.society-emblem>span{bottom:15px}.society-copy{overflow:visible;padding:28px 18px 40px}.society-copy .view-title h2{font-size:37px}.society-lead{font-size:13px;margin:17px 0 22px}.practice-switch button{display:grid;gap:5px;padding:11px 5px;text-align:center}.practice-switch b{font-size:12px}.practice-content{min-height:205px;padding:24px 40% 20px 0}.practice-content article h3{font-size:20px}.practice-content article p{font-size:12px}.practice-graphic{right:-5%;width:130px;height:130px}.society-facts b{font-size:27px}.society-facts i{font-size:7px}.gallery-view{padding:25px 18px 20px;overflow:hidden}.gallery-view::before{width:65%;height:63%}.gallery-view .view-title{position:relative;top:auto;left:auto;width:85%;z-index:4}.gallery-view .view-title h2{font-size:39px}.gallery-view .view-title>p{display:none}.gallery-index{top:31px;right:18px}.gallery-index span{display:none}.gallery-stage{top:170px;right:18px;bottom:64px;left:18px}.gallery-item figure{top:0;width:84%;height:70%}.gallery-item>div{right:0;bottom:0;left:auto;width:79%;padding:17px}.gallery-item>div h3{font-size:19px}.gallery-item>div p{font-size:11px}.gallery-controls{bottom:17px;left:18px}.gallery-controls>button{width:38px;height:38px}.join-view{display:block;padding:28px 18px 110px;overflow:auto;background:linear-gradient(145deg,#080b09,#111b15)}.join-copy{max-width:none}.join-view .view-title h2{font-size:42px}.join-lead{font-size:13px;margin:20px 0}.join-details{grid-template-columns:1fr;margin-bottom:24px}.join-details div,.join-details div+div{display:grid;grid-template-columns:56px 1fr;padding:10px 0;border-right:0;border-bottom:1px solid var(--line)}.join-details div:last-child{border:0}.join-details b{margin:0}.join-button{width:100%}.qr-panel{width:82%;margin:35px auto 0;padding:17px}.qr{padding:12px}.join-footer{display:none}.lightbox{width:calc(100% - 24px);height:78vh;padding:15px}.lightbox__caption{display:block}.lightbox__caption p{margin-top:9px;font-size:12px}}
@media(hover:none),(pointer:coarse){.pointer{display:none}.magnetic{transform:none!important}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.view .enter{opacity:1;transform:none}}/* July visual rebuild: starfield palette, pixel transitions, vertical archive */
*{-webkit-tap-highlight-color:transparent}
a,button,[role=tab],[tabindex]{outline:none!important;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
a:focus,a:active,button:focus,button:active,[role=tab]:focus,[role=tab]:active{outline:none!important;box-shadow:none!important}
a::selection,button::selection{background:transparent}
:root{--space:#060b16;--space2:#0b1528;--space3:#111d35;--star:#f7e7aa;--orbit:#d7ad4e;--mist:#8296b8;--paper:#e9e7df}
body,.view{background-color:var(--space)}
.site-header{z-index:90;background:rgba(6,11,22,.92);border-color:rgba(247,231,170,.13)}
.app{background:var(--space)}
.transition-grid{z-index:70;top:82px;background:transparent;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(7,1fr)}
.transition-grid i{background:linear-gradient(135deg,#d7ad4e,#7b5423);box-shadow:inset 0 0 0 1px rgba(6,11,22,.4)}
.transition-grid i:nth-child(3n){background:#0e1b34}.transition-grid i:nth-child(5n){background:#e7ce82}
@keyframes tileIn{0%{transform:scale(0) rotate(90deg);opacity:0}45%{transform:scale(.55) rotate(0);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes tileOut{0%{transform:scale(1);opacity:1}55%{transform:scale(.45);opacity:1}100%{transform:scale(0) rotate(-90deg);opacity:0}}
.view::after{content:'';position:absolute;z-index:0;inset:0;pointer-events:none;background-image:radial-gradient(circle at 8% 18%,rgba(247,231,170,.75) 0 1px,transparent 1.5px),radial-gradient(circle at 22% 63%,rgba(167,190,226,.6) 0 1px,transparent 1.4px),radial-gradient(circle at 48% 27%,rgba(247,231,170,.48) 0 1px,transparent 1.3px),radial-gradient(circle at 68% 74%,rgba(167,190,226,.7) 0 1px,transparent 1.5px),radial-gradient(circle at 86% 36%,rgba(247,231,170,.6) 0 1px,transparent 1.4px),radial-gradient(circle at 95% 82%,rgba(247,231,170,.45) 0 1px,transparent 1.3px);background-size:210px 190px,260px 230px,310px 260px,280px 300px,360px 240px,330px 290px;opacity:.65;animation:starDrift 24s linear infinite}
.view>*{position:relative;z-index:2}@keyframes starDrift{to{background-position:60px 25px,-35px 55px,80px -40px,-50px -25px,45px 60px,-70px 30px}}
.home-view{background:radial-gradient(ellipse at 72% 45%,rgba(27,53,89,.82),transparent 34%),radial-gradient(ellipse at 12% 78%,rgba(75,49,20,.18),transparent 36%),linear-gradient(120deg,#060b16,#0a1426 58%,#07101f)}
.home-grid{background-image:linear-gradient(rgba(215,173,78,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(215,173,78,.05) 1px,transparent 1px);background-size:48px 48px}
.home-copy h1{filter:drop-shadow(7px 9px 0 rgba(0,0,0,.28))}.home-copy h1 span:last-child{-webkit-text-stroke:1px var(--star)}
.character-stage>img{max-height:96%;filter:drop-shadow(0 25px 30px rgba(0,0,0,.55)) drop-shadow(0 0 22px rgba(109,145,201,.2))}
.character-halo,.emblem-orbit svg,.emblem-rings,.practice-graphic svg{display:none!important}
.character-stage::before{content:'';position:absolute;z-index:0;top:4%;left:-12%;width:122%;height:82%;background:url('svg/celestial-streams.svg') center/contain no-repeat;opacity:.75;animation:streamBreathe 6s ease-in-out infinite alternate}
.character-stage::after{content:'✦';position:absolute;z-index:3;top:16%;right:8%;color:var(--star);font:34px var(--serif);text-shadow:0 0 20px var(--orbit);animation:starPulse 2.4s ease-in-out infinite alternate}
@keyframes streamBreathe{to{opacity:1;transform:translateY(-7px)}}@keyframes starPulse{to{transform:rotate(45deg) scale(.68);opacity:.45}}
.brand img{object-fit:contain}.intro__emblem{object-fit:contain}.society-emblem>img{object-fit:contain}.join-backdrop img{object-fit:contain}
.history-view{padding:4vh 5vw;background:radial-gradient(circle at 80% 20%,rgba(29,57,95,.55),transparent 33%),linear-gradient(145deg,#060b16,#0c172b)}
.history-view .view-title{position:absolute;top:5vh;left:5vw;width:30vw}.history-controls{display:none}.drag-hint{display:none}
.history-viewport{position:absolute;top:4vh;right:4vw;bottom:4vh;left:38vw;overflow-y:auto;overflow-x:hidden;cursor:default;padding:0 2vw 8vh 8vw;scrollbar-width:thin;scrollbar-color:var(--orbit) transparent}
.history-track{position:relative;top:auto;left:auto;height:auto;display:block;padding:0;transform:none!important;transition:none!important}
.history-line{top:0;bottom:0;left:3vw;right:auto;width:1px;height:auto;background:linear-gradient(transparent,var(--orbit) 8%,var(--orbit) 90%,transparent)}
.history-line i{display:none}
.history-card{position:relative;display:grid!important;grid-template-columns:minmax(170px,.78fr) 1fr;gap:32px;align-items:center;width:100%;min-height:58vh;margin:0 0 10vh;padding:5vh 0;transform:none!important}
.history-card::before{display:block;top:50%;left:-5.05vw;width:13px;height:13px;background:var(--space);border:1px solid var(--star);box-shadow:0 0 0 7px rgba(215,173,78,.1),0 0 18px rgba(215,173,78,.5)}
.history-card::after{content:'';position:absolute;top:50%;left:-4.5vw;width:3.5vw;height:1px;background:linear-gradient(90deg,var(--orbit),transparent)}
.history-card--opening,.history-card--closing{display:flex!important;max-width:620px;justify-content:center;padding-right:10%}
.history-card--image figure{width:100%;aspect-ratio:1.18;border-color:rgba(247,231,170,.28);box-shadow:12px 12px 0 rgba(215,173,78,.09)}
.history-card--image:nth-child(odd) figure{transform:translateY(5vh)}
.history-card h3{font-size:28px}.history-card p{color:#aab7ca}.history-year{color:var(--star)}
.history-card--closing>img{right:2%;width:48%;opacity:.13}
.society-view{background:radial-gradient(circle at 20% 45%,rgba(28,57,94,.62),transparent 29%),linear-gradient(115deg,#060b16,#0b1629)}
.society-copy{color:var(--paper);background:rgba(7,13,26,.72);border-left:1px solid rgba(247,231,170,.13)}
.society-copy .view-title h2 em,.society-copy .kicker,.practice-content article span,.society-facts b{color:var(--gold2)}
.society-lead,.practice-content article p,.society-facts i{color:#aab7ca}
.practice-switch{border-color:rgba(247,231,170,.15)}.practice-switch button{border-color:rgba(247,231,170,.15)}.practice-switch button[aria-selected=true]{background:var(--orbit);color:var(--space)}
.practice-content{border-color:rgba(247,231,170,.15)}.practice-content::after{content:'';position:absolute;top:8%;right:0;width:43%;height:92%;background:url('svg/star-compass.svg') center/contain no-repeat;opacity:.72}
.society-emblem::before{background-image:url('svg/celestial-streams.svg');background-size:90%;background-position:center;background-repeat:no-repeat;opacity:.75}
.gallery-view{background:radial-gradient(circle at 88% 72%,rgba(34,68,108,.7),transparent 34%),linear-gradient(135deg,#07101f,#0c172b);color:var(--paper)}
.gallery-view::before{background:linear-gradient(145deg,rgba(215,173,78,.52),rgba(44,75,119,.16));opacity:.35}
.gallery-view .view-title h2 em,.gallery-view .kicker,.gallery-index b{color:var(--gold2)}.gallery-view .view-title>p,.gallery-index{color:#aab7ca}
.gallery-item figure{box-shadow:16px 16px 0 rgba(215,173,78,.13)}.gallery-item>div{background:rgba(5,10,20,.94);box-shadow:8px 8px 0 var(--orbit)}
.gallery-controls>button{border-color:rgba(247,231,170,.24)}#galleryDots button{background:rgba(247,231,170,.18)}#galleryDots button.active{background:var(--gold2)}
.join-view{background:radial-gradient(circle at 76% 40%,rgba(31,64,103,.72),transparent 28%),linear-gradient(125deg,#060b16,#0c172b)}
.join-view::before{content:'';position:absolute;z-index:1;inset:4% 28% 12% 3%;background:url('svg/celestial-streams.svg') center/contain no-repeat;opacity:.5}
.qr-panel{background:#ebe8df;box-shadow:14px 14px 0 rgba(215,173,78,.27)}
.mobile-dock a,.mobile-menu a{-webkit-tap-highlight-color:transparent}.mobile-dock a:active{background:rgba(215,173,78,.12);color:var(--star)}
@media(max-width:700px){.transition-grid{top:68px;bottom:64px}.history-view{padding:23px 18px 0;overflow:hidden}.history-view .view-title{position:relative;top:auto;left:auto;width:86%}.history-viewport{top:155px;right:0;bottom:0;left:0;padding:0 20px 65px 58px}.history-line{left:28px}.history-card{grid-template-columns:1fr;gap:18px;min-height:auto;margin-bottom:55px;padding:28px 0}.history-card::before{left:-36px}.history-card::after{left:-30px;width:25px}.history-card--opening,.history-card--closing{display:flex!important;min-height:60vh;padding-right:8px}.history-card--image:nth-child(odd) figure{transform:none}.history-card h3{font-size:23px}.history-card p{font-size:12px}.society-copy{background:#08101f;color:var(--paper)}.society-emblem{background:#060b16}.gallery-view{color:var(--paper)}.character-stage{right:-11%;width:93%;height:68%}.character-stage::before{left:-2%;width:105%}}
.home-view::before{content:'';position:absolute;z-index:1;inset:8% 2% 3% 24%;background:url('svg/constellation-map.svg') center/contain no-repeat;opacity:.3;pointer-events:none}.history-view::before{content:'';position:absolute;z-index:1;inset:0 0 0 28%;background:url('svg/constellation-map.svg') top right/75% auto no-repeat;opacity:.16;pointer-events:none}.gallery-view::after{opacity:.55}.gallery-stage::before{content:'';position:absolute;z-index:-1;inset:0;background:url('svg/constellation-map.svg') center/contain no-repeat;opacity:.2}.emblem-orbit{width:150px;height:150px}.emblem-orbit img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 12px rgba(215,173,78,.35))}.practice-graphic img{width:100%;height:100%;object-fit:contain;animation:starCompass 18s linear infinite}@keyframes starCompass{to{transform:rotate(360deg)}}
@media(max-width:700px){.home-view::before{inset:20% -20% 4% 8%;opacity:.24}.history-view::before{inset:12% -30% 0 0;background-size:120% auto}.emblem-orbit{display:none}}/* Stability, lightweight motion and responsive refinement */
.view.entered .enter{opacity:1!important;transform:none!important}.view.active:not(.entering) .enter{opacity:1!important;transform:none!important}.view.active.entering .enter{animation-fill-mode:both}.view.active.entering .view-title .kicker{animation:crossIn .56s var(--ease) both}.view.active.entering .view-title h2{animation:crossInRight .72s .07s var(--ease) both}.view.active.entering .view-title>p{animation:crossIn .7s .15s var(--ease) both}.view.active.entering .home-copy .kicker{animation:crossIn .5s var(--ease) both}.view.active.entering .home-copy h1{animation:crossInRight .75s .08s var(--ease) both}.view.active.entering .home-intro{animation:crossIn .65s .18s var(--ease) both}.view.active.entering .home-actions{animation:crossInRight .65s .27s var(--ease) both}@keyframes crossIn{from{opacity:0;transform:translate(-28px,18px);clip-path:inset(0 100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes crossInRight{from{opacity:0;transform:translate(35px,-10px);clip-path:inset(0 0 0 100%)}to{opacity:1;transform:none;clip-path:inset(0)}}
.transition-grid{top:82px;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(5,1fr)}.transition-grid i{background:#b89549;box-shadow:none}.transition-grid i:nth-child(3n){background:#111b2e}.transition-grid i:nth-child(5n){background:#d4bd78}@keyframes tileIn{from{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes tileOut{from{transform:scaleY(1)}to{transform:scaleY(0)}}
.view::after{animation:none;opacity:.33;background-size:260px 230px,310px 280px,360px 310px,330px 340px,410px 290px,390px 350px}.grain{opacity:.025}.character-stage::before,.join-view::before{animation:none}.character-stage::after{animation:starPulse 3s ease-in-out infinite alternate}.practice-graphic img{animation:none}.pointer{display:none}.magnetic{transform:none!important}.site-header{backdrop-filter:none;background:#07101e}
.brand-pixel{display:grid;place-items:center;width:38px;height:38px;background:#d7ad4e;color:#07101e;font:12px var(--pixel);clip-path:polygon(0 0,78% 0,100% 22%,100% 100%,22% 100%,0 78%)}.mobile-menu__art{right:3%;bottom:3%;width:auto;display:grid;text-align:right;opacity:.16}.mobile-menu__art span{font:clamp(90px,26vw,190px)/1 var(--pixel);color:var(--gold2)}.mobile-menu__art i{font:9px var(--pixel);font-style:normal;letter-spacing:.15em}.society-orbit-copy{position:relative;z-index:2;text-align:center;color:var(--paper)}.society-orbit-copy span{display:block;color:var(--gold2);font:10px var(--pixel);letter-spacing:.4em}.society-orbit-copy b{display:block;margin:8px 0;font:clamp(78px,10vw,155px)/1 var(--pixel);font-weight:400;color:transparent;-webkit-text-stroke:1px var(--gold2)}.society-orbit-copy i{display:block;color:#8798b2;font:8px var(--pixel);font-style:normal;letter-spacing:.16em}.join-backdrop{display:grid;place-content:center;justify-content:start;padding-left:5vw}.join-backdrop span{font:clamp(100px,17vw,260px)/1 var(--pixel);color:var(--gold2)}.join-backdrop i{font:9px var(--pixel);font-style:normal;letter-spacing:.2em;color:#8da0bb}
.gallery-stage{overflow:hidden}.gallery-item{transform:translateY(105%);opacity:0;visibility:hidden;transition:transform .72s var(--ease),opacity .5s,visibility .72s}.gallery-item.is-active{transform:translateY(0);opacity:1;visibility:visible}.gallery-item.was-active{transform:translateY(-105%)}.gallery-item.is-active>div span{animation:galleryTextA .58s .12s var(--ease) both}.gallery-item.is-active>div h3{animation:galleryTextB .68s .2s var(--ease) both}.gallery-item.is-active>div p{animation:galleryTextA .7s .31s var(--ease) both}@keyframes galleryTextA{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}@keyframes galleryTextB{from{opacity:0;transform:translate(28px,-10px)}to{opacity:1;transform:none}}
.gallery-controls{flex-direction:column;align-items:center}.gallery-controls>button{transform:rotate(90deg)}#galleryDots{flex-direction:column}#galleryDots button{width:3px;height:18px}#galleryDots button.active{width:3px;height:42px}.gallery-index b{writing-mode:vertical-rl}.gallery-item figure img{will-change:transform}.gallery-item.is-active figure img{animation:galleryImage .9s var(--ease) forwards}
@media(min-width:701px) and (max-width:1100px){.app{inset:76px 0 0}.site-header{height:76px;padding:0 24px}.transition-grid{top:76px}.home-copy{left:5vw;width:49%}.home-copy h1{font-size:clamp(75px,11vw,112px)}.character-stage{right:1vw;width:52vw}.history-view .view-title{width:33vw}.history-viewport{left:39vw;right:2vw;padding-left:6vw}.history-card{grid-template-columns:minmax(150px,.75fr) 1fr;gap:24px}.society-view{grid-template-columns:38% 62%;background:linear-gradient(90deg,#081120 38%,#0a1425 38%)}.society-copy{padding:5vh 4vw}.practice-content{padding-right:38%}.gallery-view .view-title{width:36%}.gallery-stage{left:39%;right:4vw}.gallery-item figure{width:88%;height:64%}.join-view{grid-template-columns:1fr 320px;padding:4vh 5vw;gap:5vw}}
@media(max-width:700px){.transition-grid{top:68px;bottom:64px;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(8,1fr)}.view::after{opacity:.22}.site-header{background:#07101e}.home-copy{width:79%}.home-copy h1{font-size:clamp(58px,20vw,84px)}.home-intro{width:80%}.character-stage{height:65%;right:-8%;width:88%}.character-stage>img{max-height:100%}.character-stage::before{opacity:.45}.character-label{right:10%;bottom:4%}.society-orbit-copy b{font-size:78px}.gallery-stage{top:158px;bottom:62px}.gallery-item figure{width:88%;height:68%}.gallery-item>div{width:82%}.gallery-controls{right:8px;bottom:18px;left:auto}.gallery-controls>button{width:34px;height:34px}#galleryDots button{height:13px}#galleryDots button.active{height:28px}.join-backdrop{display:none}.join-view{padding-bottom:105px}.qr-panel{width:min(82%,310px)}}
@media(max-width:390px){.brand small{display:none}.brand b{font-size:14px}.brand-pixel{width:32px;height:32px}.home-copy h1{font-size:58px}.home-intro{font-size:12px}.action{min-width:180px}.history-view .view-title h2,.gallery-view .view-title h2{font-size:34px}.history-viewport{top:145px}.society-copy .view-title h2{font-size:33px}.practice-content{padding-right:35%}.gallery-item>div h3{font-size:17px}.join-view .view-title h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){.gallery-item{transition:none}.view.active .enter{opacity:1!important;transform:none!important;animation:none!important}}.view.entering .enter{opacity:0;transform:translateY(22px)}.view.entered .enter,.view.active:not(.entering) .enter{opacity:1!important;transform:none!important}/* Version 3: natural vertical narratives */
.transition-grid{display:none!important}.view{overflow:hidden}.view.entered .enter,.view.active .enter{opacity:1!important;transform:none!important}.route-pulse .site-header{border-bottom-color:rgba(238,213,143,.65)}a,button,[role=tab]{transition:transform .13s ease,background-color .18s,color .18s,border-color .18s}.pressed{transform:translateY(2px) scale(.97)!important}.main-nav a.pressed,.mobile-dock a.pressed{background:rgba(215,173,78,.12)}
.gallery-view{padding:4vh 0 0 5vw;overflow:hidden}.gallery-view .view-title{position:absolute;top:5vh;left:5vw;width:31vw}.gallery-scroll{position:absolute;top:0;right:0;bottom:0;left:38vw;overflow-y:auto;overflow-x:hidden;padding:8vh 5vw 18vh 3vw;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#d7ad4e transparent}.activity-scene{position:relative;min-height:72vh;display:grid;grid-template-columns:180px 1fr;grid-template-rows:auto 1fr;gap:20px 34px;align-items:center;margin-bottom:12vh;padding:7vh 0;opacity:0;transform:translateY(55px);transition:opacity .75s var(--ease),transform .85s var(--ease)}.activity-scene.is-visible{opacity:1;transform:none}.activity-svg{grid-column:1;grid-row:1;width:160px;height:110px;color:#d7ad4e}.activity-svg svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:900;stroke-dashoffset:900}.activity-scene.is-visible .activity-svg svg{animation:drawScene 1.45s .12s var(--ease) forwards}.scene-copy{grid-column:2;grid-row:1}.scene-copy span{display:block;color:var(--gold2);font:9px var(--pixel);opacity:0;transform:translateX(-25px)}.scene-copy h3{margin:13px 0 12px;font:34px var(--pixel);font-weight:400;opacity:0;transform:translateX(35px)}.scene-copy p{max-width:520px;margin:0;color:#aab7ca;font:14px/1.9 var(--serif);opacity:0;transform:translateY(20px)}.activity-scene.is-visible .scene-copy span{animation:textScene .55s .12s var(--ease) forwards}.activity-scene.is-visible .scene-copy h3{animation:textScene .66s .22s var(--ease) forwards}.activity-scene.is-visible .scene-copy p{animation:textScene .7s .34s var(--ease) forwards}.activity-scene figure{position:relative;grid-column:1/3;grid-row:2;margin:0;width:88%;aspect-ratio:1.8;justify-self:end;overflow:hidden;border:1px solid rgba(238,213,143,.22);box-shadow:14px 14px 0 rgba(215,173,78,.1)}.activity-scene:nth-child(even) figure{justify-self:start}.activity-scene figure img{width:100%;height:100%;object-fit:cover;filter:grayscale(.18);transform:scale(1.06);transition:transform 1s var(--ease),filter .7s}.activity-scene.is-visible figure img{transform:scale(1)}.activity-scene figure button,.school-node figure button{position:absolute;z-index:2;right:12px;bottom:12px;padding:9px 11px;background:rgba(6,11,22,.85);color:var(--gold2);font:9px var(--pixel)}@keyframes drawScene{to{stroke-dashoffset:0}}@keyframes textScene{to{opacity:1;transform:none}}
.history-view{padding:4vh 0 0 5vw;overflow:hidden}.history-view .view-title{position:absolute;top:5vh;left:5vw;width:31vw}.history-scroll{position:absolute;top:0;right:0;bottom:0;left:38vw;overflow-y:auto;overflow-x:hidden;padding:10vh 4vw 18vh;scrollbar-width:thin;scrollbar-color:#d7ad4e transparent}.history-curve{position:absolute;z-index:1;top:6vh;right:4vw;bottom:0;left:39vw;pointer-events:none}.history-curve svg{width:100%;height:100%;overflow:visible}.history-curve path{fill:none;stroke:rgba(215,173,78,.48);stroke-width:2;stroke-dasharray:5 10}.school-node{position:relative;z-index:2;width:47%;min-height:260px;margin-bottom:8vh;padding:26px;background:rgba(7,16,30,.9);border:1px solid rgba(238,213,143,.16);opacity:0;transform:translateY(45px);transition:opacity .7s var(--ease),transform .8s var(--ease),border-color .3s}.school-node.is-visible{opacity:1;transform:none}.school-node.node-left{margin-right:auto}.school-node.node-right{margin-left:auto}.school-node::before{content:'';position:absolute;top:38px;width:13px;height:13px;background:#07101e;border:1px solid var(--gold2);border-radius:50%;box-shadow:0 0 0 6px rgba(215,173,78,.1)}.school-node.node-left::before{right:-9.2%}.school-node.node-right::before{left:-9.2%}.school-node time{display:block;color:var(--gold2);font:19px var(--pixel)}.school-node span{display:block;margin-top:10px;color:#8798b2;font:9px var(--pixel)}.school-node h3{margin:15px 0 10px;font:25px var(--serif)}.school-node p{margin:0;color:#aab7ca;font:13px/1.85 var(--serif)}.school-node small{display:block;margin-top:15px;color:#7789a3;font:9px/1.7 var(--pixel)}.school-node figure{position:relative;margin:22px 0 0;aspect-ratio:1.6;overflow:hidden}.school-node figure img{width:100%;height:100%;object-fit:cover;filter:grayscale(.25)}.node-source{width:64%}
@media(min-width:701px) and (max-width:1100px){.gallery-view .view-title,.history-view .view-title{width:34vw}.gallery-scroll,.history-scroll{left:40vw;padding-right:3vw}.activity-scene{grid-template-columns:125px 1fr;gap:18px 25px}.activity-svg{width:120px}.scene-copy h3{font-size:28px}.school-node{width:52%}.school-node.node-left::before{right:-8.5%}.school-node.node-right::before{left:-8.5%}}
@media(max-width:700px){.gallery-view,.history-view{padding:22px 0 0 18px}.gallery-view .view-title,.history-view .view-title{position:relative;top:auto;left:auto;width:86%;height:118px}.gallery-view .view-title>p,.history-view .view-title>p{display:none}.gallery-scroll,.history-scroll{top:138px;right:0;bottom:0;left:0;padding:25px 18px 95px;scrollbar-width:none}.activity-scene{min-height:auto;grid-template-columns:82px 1fr;gap:14px 18px;margin-bottom:65px;padding:25px 0}.activity-svg{width:78px;height:65px}.scene-copy h3{margin:8px 0;font-size:22px}.scene-copy p{font-size:12px;line-height:1.75}.activity-scene figure{width:100%;aspect-ratio:1.35}.history-curve{top:140px;right:auto;bottom:0;left:33px;width:70px}.school-node,.school-node.node-left,.school-node.node-right,.node-source{width:calc(100% - 48px);min-height:0;margin:0 0 48px 48px;padding:20px}.school-node::before,.school-node.node-left::before,.school-node.node-right::before{top:30px;right:auto;left:-40px}.school-node time{font-size:16px}.school-node h3{font-size:21px}.school-node p{font-size:12px}.school-node figure{aspect-ratio:1.35}}
@media(max-width:390px){.gallery-scroll,.history-scroll{top:128px}.activity-scene{grid-template-columns:65px 1fr}.activity-svg{width:62px}.scene-copy h3{font-size:19px}.school-node{margin-left:42px;width:calc(100% - 42px)}}
@media(prefers-reduced-motion:reduce){.activity-scene,.school-node,.scene-copy span,.scene-copy h3,.scene-copy p{opacity:1!important;transform:none!important;transition:none!important}.activity-svg svg{stroke-dashoffset:0!important;animation:none!important}}