@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}}
/* v5 hotfix: linked history nodes and join viewport */
.history-curve{display:none!important}.history-scroll{position:absolute}.history-scroll::before{content:none!important}.school-node{--link:#bd9441}.school-node::before{z-index:4}.school-node:not(:last-child)::after{content:''!important;position:absolute!important;z-index:1;top:44px!important;width:calc(53% + 2px)!important;height:calc(8vh + 260px)!important;background:none!important;border:0!important;border-bottom:2px solid var(--link)!important;opacity:.72}.school-node.node-left:not(:last-child)::after{left:100%!important;border-right:2px solid var(--link)!important;border-bottom-right-radius:110px 80px}.school-node.node-right:not(:last-child)::after{right:100%!important;left:auto!important;border-left:2px solid var(--link)!important;border-bottom-left-radius:110px 80px}.history-view{background:linear-gradient(135deg,#edf0ec,#dfe7e8);color:#14243a}.history-view .view-title h2{color:#14243a}.history-view .view-title h2 em{color:#9b6e22}.history-view .view-title>p{color:#536171}.history-view .kicker{color:#946b23}.join-view{overflow:hidden!important}.join-grid,.join-view{min-height:0}.join-copy{overflow:visible}.qr-panel{max-height:calc(100% - 35px);overflow:hidden}.qr{margin:12px 0}.qr img{max-height:min(38vh,290px);object-fit:contain}.join-details{margin-bottom:18px}.join-lead{margin:16px 0}.join-view .view-title h2{font-size:clamp(43px,5vw,76px)}
@media(max-width:700px){.school-node:not(:last-child)::after{top:30px!important;width:40px!important;height:calc(100% + 49px)!important;right:auto!important;left:-40px!important;border-right:0!important;border-bottom:0!important;border-left:2px solid var(--link)!important;border-radius:0!important}.join-view{overflow-y:auto!important;padding-top:22px}.join-view .view-title h2{font-size:35px}.join-lead{font-size:12px;line-height:1.65}.join-details div,.join-details div+div{padding:7px 0}.qr-panel{max-height:none;margin-top:22px}.qr img{max-height:none}.join-button{padding-top:9px;padding-bottom:9px}}
/* v4 interaction and layout */
.intro{background:#050b16}.intro-star{position:absolute;width:min(48vw,360px);aspect-ratio:1;color:#d7ad4e}.intro-star svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:.7;animation:introStar 1.4s var(--ease) both}.intro-star circle:first-of-type{stroke-dasharray:4 10}.intro-star circle:last-of-type{stroke-dasharray:2 7;animation:spin 12s linear infinite}.intro__copy{z-index:2}.intro-coord{position:absolute;right:30px;bottom:24px;color:#7184a1;font:8px var(--mono)}@keyframes introStar{from{opacity:0;transform:scale(.35) rotate(-45deg)}to{opacity:.35;transform:none}}@keyframes spin{to{transform:rotate(360deg);transform-origin:center}}
.brand-star{display:grid;place-items:center;width:40px;height:40px;color:#d7ad4e;transition:transform .5s var(--ease),color .3s}.brand-star svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1}.brand:hover .brand-star{transform:rotate(36deg) scale(1.08);color:#f7e7aa}
.page-wipe{position:fixed;z-index:70;top:82px;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;visibility:hidden}.page-wipe i{position:absolute;top:-15%;bottom:-15%;width:42%;background:#b89549;transform:skewX(-13deg) translateX(-140%)}.page-wipe i:nth-child(2){left:30%;background:#101b30}.page-wipe i:nth-child(3){left:65%;background:#d7ad4e}.page-wipe span{position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(247,231,170,.18),transparent 70%);transform:translateX(-100%)}.page-wipe.cover{visibility:visible}.page-wipe.cover i{animation:wipeIn .42s var(--sharp) forwards}.page-wipe.cover i:nth-child(2){animation-delay:.04s}.page-wipe.cover i:nth-child(3){animation-delay:.08s}.page-wipe.cover span{animation:shinePass .55s .05s ease forwards}.page-wipe.reveal{visibility:visible}.page-wipe.reveal i{transform:skewX(-13deg) translateX(0);animation:wipeOut .52s var(--sharp) forwards}.page-wipe.reveal i:nth-child(2){animation-delay:.03s}.page-wipe.reveal i:nth-child(3){animation-delay:.06s}@keyframes wipeIn{to{transform:skewX(-13deg) translateX(0)}}@keyframes wipeOut{to{transform:skewX(-13deg) translateX(350%)}}@keyframes shinePass{to{transform:translateX(100%)}}
.mobile-menu{clip-path:inset(0 0 100% 0);opacity:1;visibility:hidden;transition:clip-path .7s var(--sharp),visibility .7s;background:radial-gradient(circle at 78% 70%,#172844,transparent 32%),#050b16}.mobile-menu.open{clip-path:inset(0);visibility:visible}.mobile-menu nav a{opacity:0;transform:translateX(35px)}.mobile-menu.open nav a{animation:menuLink .55s var(--ease) forwards}.mobile-menu.open nav a:nth-child(2){animation-delay:.06s}.mobile-menu.open nav a:nth-child(3){animation-delay:.12s}.mobile-menu.open nav a:nth-child(4){animation-delay:.18s}.mobile-menu.open nav a:nth-child(5){animation-delay:.24s}@keyframes menuLink{to{opacity:1;transform:none}}
.pressed{transform:translateY(3px) scale(.96)!important}.action,.practice-switch button,.main-nav a,.mobile-dock a,.gallery-shot button,.program-grid article{will-change:transform}.action:hover,.program-grid article:hover,.method-v4 article:hover{transform:translateY(-6px)}.program-grid article:active,.method-v4 article:active{transform:translateY(2px) scale(.985)}
.society-v4{display:block;background:radial-gradient(circle at 85% 15%,rgba(37,70,112,.45),transparent 30%),#07101e}.society-v4-title{position:absolute;top:5vh;left:5vw;width:30vw}.society-v4-scroll{position:absolute;top:0;right:0;bottom:0;left:38vw;overflow-y:auto;padding:8vh 5vw 16vh 2vw;scrollbar-width:thin;scrollbar-color:#d7ad4e transparent}.method-v4{display:grid;grid-template-columns:1fr 1fr;gap:20px}.method-v4 article{min-height:330px;padding:27px;background:rgba(9,20,37,.84);border:1px solid rgba(238,213,143,.14);transition:transform .45s var(--ease),border-color .3s,background .3s}.method-v4 article:hover{border-color:rgba(238,213,143,.5);background:#0c1b31}.method-icon{height:115px;color:#d7ad4e}.method-icon svg{width:150px;height:110px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:800;stroke-dashoffset:800}.method-v4 article.is-visible .method-icon svg{animation:drawV4 1.25s .1s var(--ease) forwards}.method-v4 article>span,.society-programs header span{color:#eed58f;font:9px var(--pixel)}.method-v4 h3{margin:15px 0 12px;font:24px var(--pixel);font-weight:400}.method-v4 p{margin:0;color:#aab7ca;font:13px/1.85 var(--serif)}@keyframes drawV4{to{stroke-dashoffset:0}}.society-programs{margin-top:80px}.society-programs header{max-width:650px;margin-bottom:35px}.society-programs header h3{margin:15px 0 0;font:34px/1.4 var(--serif)}.program-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.program-grid article{padding:24px;border:1px solid rgba(238,213,143,.14);background:rgba(6,14,28,.75);transition:transform .4s var(--ease),background .3s}.program-grid svg{width:85px;height:75px;fill:none;stroke:#d7ad4e;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.program-grid b{display:block;margin:12px 0;font:19px var(--pixel);font-weight:400}.program-grid p{margin:0;color:#9eacc1;font:12px/1.75 var(--serif)}
.gallery-v4{padding:4vh 0 0 5vw}.gallery-v4 .view-title{position:absolute;top:5vh;left:5vw;width:30vw}.gallery-v4-scroll{position:absolute;top:0;right:0;bottom:0;left:38vw;overflow-y:auto;padding:9vh 5vw 18vh 3vw;scrollbar-width:thin;scrollbar-color:#d7ad4e transparent}.gallery-shot{position:relative;width:88%;margin:0 0 13vh;opacity:0;transform:translateY(55px);transition:opacity .75s var(--ease),transform .9s var(--ease)}.gallery-shot.is-visible{opacity:1;transform:none}.gallery-shot.shot-right{margin-left:auto;width:74%}.gallery-shot.shot-left{margin-right:auto;width:70%}.gallery-shot img{width:100%;max-height:62vh;aspect-ratio:1.55;object-fit:cover;border:1px solid rgba(238,213,143,.2);box-shadow:16px 16px 0 rgba(215,173,78,.1);transition:transform .9s var(--ease),filter .6s;filter:grayscale(.18)}.gallery-shot:hover img{transform:scale(1.015);filter:none}.gallery-shot figcaption{width:75%;margin:-42px 0 0 8%;position:relative;padding:22px;background:#07101e;border-left:2px solid #d7ad4e}.gallery-shot:nth-child(even) figcaption{margin-left:auto;margin-right:6%}.gallery-shot figcaption span{color:#eed58f;font:8px var(--pixel)}.gallery-shot h3{margin:10px 0 8px;font:24px var(--pixel);font-weight:400}.gallery-shot p{margin:0;color:#aab7ca;font:12px/1.7 var(--serif)}.gallery-shot>button{position:absolute;top:14px;right:14px;width:42px;height:42px;border-radius:50%;background:#07101e;color:#eed58f}
.history-curve path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .08s linear;filter:none}.school-node figure{border:1px solid rgba(238,213,143,.24);padding:8px;background:#0a1729;box-shadow:13px 13px 0 rgba(215,173,78,.11);clip-path:polygon(0 0,94% 0,100% 10%,100% 100%,6% 100%,0 90%)}.school-node figure::before,.school-node figure::after{content:'';position:absolute;z-index:2;width:18px;height:18px;border-color:#d7ad4e}.school-node figure::before{top:4px;left:4px;border-top:1px solid;border-left:1px solid}.school-node figure::after{right:4px;bottom:4px;border-right:1px solid;border-bottom:1px solid}.school-node figure img{transition:transform .9s var(--ease),filter .6s}.school-node:hover figure img{transform:scale(1.035);filter:none}
@media(max-width:1000px){.page-wipe{top:76px}.society-v4-title,.gallery-v4 .view-title{width:34vw}.society-v4-scroll,.gallery-v4-scroll{left:40vw;padding-right:3vw}.method-v4{grid-template-columns:1fr}.method-v4 article{min-height:260px}.program-grid{grid-template-columns:1fr}.gallery-shot,.gallery-shot.shot-left,.gallery-shot.shot-right{width:92%}}
@media(max-width:700px){.page-wipe{top:68px;bottom:64px}.society-v4,.gallery-v4{padding:22px 0 0 18px}.society-v4-title,.gallery-v4 .view-title{position:relative;top:auto;left:auto;width:87%;height:118px}.society-v4-title>p,.gallery-v4 .view-title>p{display:none}.society-v4-scroll,.gallery-v4-scroll{top:138px;right:0;bottom:0;left:0;padding:24px 18px 95px}.method-v4{grid-template-columns:1fr}.method-v4 article{min-height:0;padding:21px}.method-icon{height:82px}.method-icon svg{width:112px;height:80px}.method-v4 h3{font-size:20px}.society-programs{margin-top:55px}.society-programs header h3{font-size:26px}.program-grid{grid-template-columns:1fr 1fr}.program-grid article{padding:16px}.program-grid svg{width:62px;height:54px}.program-grid p{font-size:11px}.gallery-shot,.gallery-shot.shot-left,.gallery-shot.shot-right{width:100%;margin-bottom:70px}.gallery-shot img{max-height:none;aspect-ratio:1.25;box-shadow:8px 8px 0 rgba(215,173,78,.1)}.gallery-shot figcaption,.gallery-shot:nth-child(even) figcaption{width:88%;margin:-25px auto 0;padding:16px}.gallery-shot h3{font-size:19px}.intro-star{width:78vw}}
@media(max-width:390px){.society-v4-scroll,.gallery-v4-scroll{top:128px}.program-grid{grid-template-columns:1fr}.method-v4 p{font-size:12px}.page-wipe i{width:50%}}
.easter-star::before{content:'✦';position:fixed;z-index:120;left:50%;top:50%;color:#f7e7aa;font-size:42px;transform:translate(-50%,-50%);animation:easterBurst 1.2s ease-out forwards;text-shadow:-90px -40px 0 #d7ad4e,85px -65px 0 #8ca5c7,-70px 75px 0 #f7e7aa,105px 55px 0 #d7ad4e}.easter-star .brand-star{animation:spin .7s linear 2}@keyframes easterBurst{from{opacity:1;transform:translate(-50%,-50%) scale(.2) rotate(0)}to{opacity:0;transform:translate(-50%,-50%) scale(4) rotate(130deg)}}
@media(prefers-reduced-motion:reduce){.page-wipe{display:none}.intro-star svg,.method-icon svg{animation:none!important;stroke-dashoffset:0!important}}
/* v5 composition */
:root{--v5-bg:#eef0ec;--v5-ink:#101b2b;--v5-blue:#17365c;--v5-gold:#bd9441;--v5-soft:#dbe2e5}.site-header{white-space:nowrap}.brand{min-width:190px}.brand b{font-weight:400}.main-nav a span{white-space:nowrap}.main-nav a{min-width:76px}.home-copy h1,.view-title h2,.gallery-v5-head h2,.society-v5-head h2{font-weight:500}.character-stage{right:1.5vw;width:min(39vw,590px);pointer-events:none}.character-stage>img{pointer-events:none}.character-label{pointer-events:auto}
.gallery-v5{background:linear-gradient(135deg,#edf0ec,#dfe7e8);color:var(--v5-ink);padding:4vh 4vw}.gallery-v5::after{opacity:.13}.gallery-v5-head{position:absolute;z-index:5;left:4vw;top:5vh;width:31vw}.gallery-v5-head .kicker{color:#9a7126}.gallery-v5-head h2{margin:14px 0;font:clamp(42px,4.8vw,76px)/1.12 var(--serif)}.gallery-v5-head h2 em{color:#9b6e22;font-style:normal}.gallery-v5-head p{color:#526171;font:14px/1.85 var(--serif)}.gallery-collage{position:absolute;top:4vh;right:4vw;bottom:5vh;left:38vw;display:grid;grid-template-columns:1.3fr .8fr .85fr;grid-template-rows:1fr .72fr;gap:15px}.gallery-collage figure{position:relative;margin:0;overflow:hidden;background:#bec8c9;border:1px solid rgba(23,54,92,.18);opacity:0;transform:translateY(28px) scale(.97);transition:opacity .65s var(--ease),transform .8s var(--ease),box-shadow .35s}.gallery-collage figure.is-visible{opacity:1;transform:none}.gallery-collage figure:hover{z-index:4;transform:translateY(-5px);box-shadow:12px 14px 0 rgba(23,54,92,.12)}.gallery-collage img{width:100%;height:100%;object-fit:cover;filter:saturate(.88);transition:transform .9s var(--ease),filter .5s}.gallery-collage figure:hover img{transform:scale(1.04);filter:saturate(1.05)}.collage-main{grid-row:1/3}.collage-a{grid-column:2}.collage-b{grid-column:3}.collage-c{grid-column:2}.collage-d{grid-column:3}.gallery-collage figcaption{position:absolute;right:0;bottom:0;left:0;padding:28px 13px 12px;background:linear-gradient(transparent,rgba(6,13,24,.9));color:#f0eee5}.gallery-collage figcaption b{display:block;font:15px var(--pixel);font-weight:400}.gallery-collage figcaption span{font:7px var(--mono);color:#dbc179}.gallery-collage button{position:absolute;top:10px;right:10px;width:35px;height:35px;border-radius:50%;background:rgba(6,13,24,.8);color:#f0d58a}.gallery-note{position:absolute;left:4vw;bottom:5vh;color:#637080;font:8px var(--mono)}.gallery-note i{display:inline-block;width:50px;height:1px;margin-right:12px;background:#bd9441;vertical-align:middle}
.society-v5{background:linear-gradient(130deg,#f1f1ea,#dce4e7);color:var(--v5-ink);padding:4vh 4vw}.society-v5::after{opacity:.1}.society-v5-head{position:absolute;left:4vw;top:5vh;width:29vw}.society-v5-head .kicker{color:#946b23}.society-v5-head h2{margin:14px 0;font:clamp(40px,4.5vw,70px)/1.12 var(--serif)}.society-v5-head h2 em{color:#9b6e22;font-style:normal}.society-v5-head p{color:#536171;font:14px/1.8 var(--serif)}.society-console{position:absolute;top:4vh;right:4vw;bottom:4vh;left:37vw;display:grid;grid-template-columns:190px 1fr;background:rgba(250,250,246,.76);border:1px solid rgba(23,54,92,.18);box-shadow:18px 18px 0 rgba(23,54,92,.07);overflow:hidden}.society-tabs{border-right:1px solid rgba(23,54,92,.14)}.society-tabs button{width:100%;min-height:115px;padding:18px;text-align:left;border-bottom:1px solid rgba(23,54,92,.13);color:#536171}.society-tabs button[aria-selected=true]{background:#17365c;color:#f2eee2}.society-tabs i,.society-tabs b,.society-tabs span{display:block}.society-tabs i{font:8px var(--mono);font-style:normal;color:#bd9441}.society-tabs b{margin:9px 0;font:16px var(--pixel);font-weight:400}.society-tabs span{font:8px/1.5 var(--pixel)}.society-panels{position:relative;overflow:hidden}.society-panel{position:absolute;inset:0;display:none}.society-panel.is-active{display:block;animation:panelV5 .65s var(--ease)}@keyframes panelV5{from{opacity:0;transform:translateX(24px)}}.method-orbit{position:absolute;right:-4%;bottom:-14%;width:52%;aspect-ratio:1;opacity:.2}.method-orbit svg{width:100%;fill:none;stroke:#17365c;stroke-width:1;stroke-dasharray:3 8;animation:spin 25s linear infinite}.method-selector{position:absolute;top:25px;left:25px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:calc(100% - 50px)}.method-selector button{padding:11px;border:1px solid rgba(23,54,92,.18);color:#526171;text-align:left}.method-selector button.active{background:#bd9441;color:#101b2b}.method-selector span,.method-selector i{display:block}.method-selector span{font:14px var(--pixel)}.method-selector i{margin-top:4px;font:7px var(--mono);font-style:normal}.method-detail{position:absolute;top:105px;right:25px;bottom:20px;left:25px}.method-detail article{display:none;height:100%;grid-template-columns:44% 1fr;grid-template-rows:auto auto 1fr;align-items:center;gap:7px 25px}.method-detail article.active{display:grid;animation:detailV5 .6s var(--ease)}@keyframes detailV5{from{opacity:0;transform:translateY(20px)}}.method-v5-svg{grid-row:1/4;width:100%;height:100%;display:grid;place-items:center}.method-v5-svg svg,.course-composition svg,.expand-cards svg{width:88%;height:88%;fill:none;stroke:#17365c;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:900;stroke-dashoffset:900}.method-detail article.active svg,.society-panel.is-active .course-composition svg,.society-panel.is-active .expand-cards svg{animation:drawV5 1.3s .08s var(--ease) forwards}@keyframes drawV5{to{stroke-dashoffset:0}}.method-detail article>span,.course-composition span{color:#9a7126;font:8px var(--pixel)}.method-detail h3,.course-composition h3{margin:5px 0;font:24px var(--pixel);font-weight:400}.method-detail p,.course-composition p{margin:0;color:#536171;font:13px/1.75 var(--serif)}.course-composition{height:100%;display:grid;grid-template-columns:1fr 35px 1fr;align-items:center;padding:35px}.course-composition article{padding:25px;border:1px solid rgba(23,54,92,.16);height:88%}.course-composition>i{text-align:center;font:28px var(--pixel);font-style:normal;color:#bd9441}.course-composition svg{height:42%;}.expand-cards{height:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:35px}.expand-cards article{padding:22px;border:1px solid rgba(23,54,92,.16);background:rgba(255,255,252,.5)}.expand-cards svg{width:100%;height:42%}.expand-cards h3{font:20px var(--pixel);font-weight:400}.expand-cards p{color:#536171;font:12px/1.7 var(--serif)}
.history-curve{display:none}.history-scroll{padding-left:5vw}.school-node{background:#f1f2ed;color:#14243a;border-color:rgba(23,54,92,.16);box-shadow:9px 10px 0 rgba(23,54,92,.06)}.school-node p{color:#536171}.school-node span{color:#667992}.school-node::before{background:#eef0ec;border-color:#bd9441}.school-node.node-left::after,.school-node.node-right::after{content:'';position:absolute;top:44px;width:9%;height:2px;background:#bd9441}.school-node.node-left::after{right:-9%}.school-node.node-right::after{left:-9%}.school-node:not(:last-child) .node-link{display:block}.history-scroll .school-node::after{box-shadow:none}.school-node+.school-node::before{box-shadow:0 0 0 6px rgba(189,148,65,.1)}.history-scroll::before{content:'';position:absolute;top:58px;bottom:80px;left:50%;width:2px;background:linear-gradient(#bd9441,#6685a6,#bd9441);transform:translateX(-50%)}.school-node figure{clip-path:none;background:#e3e8e7;border-color:rgba(23,54,92,.2)}
.join-view{overflow:hidden}.join-copy,.qr-panel{max-height:calc(100vh - 150px)}
@media(max-width:1000px){.gallery-v5-head,.society-v5-head{width:31vw}.gallery-collage{left:36vw}.society-console{left:35vw;grid-template-columns:155px 1fr}.society-tabs button{min-height:100px;padding:13px}.method-detail article{grid-template-columns:38% 1fr}.course-composition{padding:20px}.expand-cards{padding:20px}.main-nav a{min-width:65px}}
@media(max-width:700px){.brand{min-width:0}.brand-star{width:34px;height:34px}.gallery-v5,.society-v5{padding:20px 16px}.gallery-v5-head,.society-v5-head{position:relative;top:auto;left:auto;width:82%;height:120px}.gallery-v5-head p,.society-v5-head p{display:none}.gallery-v5-head h2,.society-v5-head h2{font-size:36px}.gallery-collage{top:130px;right:16px;bottom:70px;left:16px;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr .65fr .65fr;gap:8px}.collage-main{grid-row:1/3}.collage-a{grid-column:2}.collage-b{grid-column:2}.collage-c{grid-column:1}.collage-d{grid-column:2}.gallery-collage figcaption{padding:18px 8px 7px}.gallery-collage figcaption b{font-size:11px}.gallery-collage button{width:30px;height:30px}.gallery-note{display:none}.society-console{top:132px;right:16px;bottom:72px;left:16px;display:block;overflow:hidden}.society-tabs{height:62px;display:grid;grid-template-columns:repeat(3,1fr);border-right:0;border-bottom:1px solid rgba(23,54,92,.14)}.society-tabs button{min-height:0;height:62px;padding:9px;border-right:1px solid rgba(23,54,92,.13)}.society-tabs b{margin:3px 0;font-size:12px}.society-tabs span{display:none}.society-panels{height:calc(100% - 62px)}.method-selector{top:12px;left:12px;width:calc(100% - 24px);gap:4px}.method-selector button{padding:7px}.method-selector span{font-size:11px}.method-selector i{font-size:5px}.method-detail{top:70px;right:12px;bottom:8px;left:12px}.method-detail article{grid-template-columns:40% 1fr;gap:3px 12px}.method-detail h3{font-size:17px}.method-detail p{font-size:10px}.course-composition{grid-template-columns:1fr 20px 1fr;padding:12px}.course-composition article{height:92%;padding:12px}.course-composition svg{height:36%}.course-composition h3{font-size:16px}.course-composition p{font-size:9px}.course-composition>i{font-size:20px}.expand-cards{padding:12px;gap:7px}.expand-cards article{padding:10px}.expand-cards svg{height:35%}.expand-cards h3{font-size:14px}.expand-cards p{font-size:9px}.history-scroll::before{left:33px}.school-node.node-left::after,.school-node.node-right::after{left:-39px;right:auto;width:39px}.join-copy,.qr-panel{max-height:none}.character-stage{right:-14%;width:85%;z-index:2}.home-copy{z-index:5}}
@media(max-width:390px){.gallery-v5-head h2,.society-v5-head h2{font-size:31px}.gallery-v5-head,.society-v5-head{height:108px}.gallery-collage,.society-console{top:118px}.method-detail p{line-height:1.45}.expand-cards{grid-template-columns:1fr}.expand-cards article{display:grid;grid-template-columns:55px 1fr;grid-template-rows:auto 1fr}.expand-cards svg{grid-row:1/3;height:55px}.expand-cards h3{margin:3px}.expand-cards p{margin:3px}}
/* v6 — luminous archive palette and reliable responsive composition */
:root{--cream:#f4f0e7;--cream2:#e8ece9;--navy:#14243a;--blue:#284f76;--blue2:#7890a8;--gold:#aa7d2d;--gold2:#d4b46d;--white:#fbfaf6}.site-header{background:rgba(244,240,231,.97)!important;border-bottom:1px solid rgba(20,36,58,.16)!important;color:var(--navy)!important;box-shadow:0 5px 20px rgba(20,36,58,.06)}.brand b{color:var(--navy)}.brand small{color:#647487}.brand-star{color:var(--gold)!important}.main-nav a{color:#526276}.main-nav a.active,.main-nav a:hover{color:var(--navy)}.main-nav a::after{background:var(--gold)}.soundless-menu i{background:var(--navy)}.soundless-menu i:last-child{background:var(--gold)}.page-readout{color:#768497}.page-readout i{color:var(--gold)}.mobile-dock{background:rgba(244,240,231,.98)!important;border-color:rgba(20,36,58,.17)!important}.mobile-dock a{color:#657286}.mobile-dock a.active{color:#9b6e22}.mobile-menu{background:radial-gradient(circle at 80% 70%,#dce6eb,transparent 36%),var(--cream)!important;color:var(--navy)}.mobile-menu nav{border-color:rgba(20,36,58,.15)}.mobile-menu nav a{border-color:rgba(20,36,58,.15)}.mobile-menu nav b{color:var(--navy)}.mobile-menu nav span{color:#6b7888}.mobile-menu__art span{color:#c29d52}.app,.view{background:linear-gradient(135deg,var(--cream),var(--cream2));color:var(--navy)}.view::after{opacity:.08!important}.grain{opacity:.018}.home-view{background:radial-gradient(ellipse at 76% 42%,rgba(125,158,183,.42),transparent 35%),radial-gradient(circle at 12% 80%,rgba(207,176,105,.2),transparent 34%),linear-gradient(125deg,#f5f1e8,#e5eceb)!important;color:var(--navy)}.home-copy h1{color:var(--navy);filter:drop-shadow(6px 7px 0 rgba(40,79,118,.08))}.home-copy h1 span:last-child{color:transparent;-webkit-text-stroke:1px var(--gold)}.home-intro{color:#526276}.home-foot{color:#6d7987;border-color:rgba(20,36,58,.16)}.home-foot b{color:#8b651f}.character-label{background:rgba(244,240,231,.86);color:var(--navy);border-color:var(--gold)}.character-label i{color:#8c6827}.action--primary{background:var(--navy);color:var(--white)}.action--primary i{background:var(--gold2);color:var(--navy)}.text-link{color:#526276}.kicker{color:#936a24!important}.view-title h2,.gallery-v5-head h2,.society-v5-head h2{color:var(--navy)!important}.view-title h2 em,.gallery-v5-head h2 em,.society-v5-head h2 em{color:#9b6e22!important}.view-title>p,.gallery-v5-head p,.society-v5-head p{color:#536273!important}
/* stable intro */.intro-v6{position:fixed;z-index:100;inset:0;background:var(--cream);display:grid;place-items:center;overflow:hidden;transition:opacity .65s ease,visibility .65s}.intro-v6.done{opacity:0;visibility:hidden;pointer-events:none}.intro-v6-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(40,79,118,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(40,79,118,.07) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle,black,transparent 75%)}.intro-v6-stars{position:absolute;inset:0}.intro-v6-stars i{position:absolute;width:5px;height:5px;background:var(--gold);transform:rotate(45deg);opacity:0;animation:starGather 1s var(--ease) forwards}.intro-v6-stars i:nth-child(1){left:16%;top:22%}.intro-v6-stars i:nth-child(2){left:78%;top:17%;animation-delay:.08s}.intro-v6-stars i:nth-child(3){left:22%;top:76%;animation-delay:.15s}.intro-v6-stars i:nth-child(4){left:84%;top:68%;animation-delay:.22s}.intro-v6-stars i:nth-child(5){left:50%;top:12%;animation-delay:.3s}.intro-v6-mark{position:relative;width:190px;height:190px;color:var(--gold);animation:markReveal 1.15s var(--ease) both}.intro-v6-mark svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1}.intro-v6-mark circle{stroke-dasharray:4 9}.intro-v6-title{position:absolute;top:calc(50% + 118px);text-align:center;color:var(--navy)}.intro-v6-title b{display:block;font:34px var(--pixel);font-weight:400;letter-spacing:.1em}.intro-v6-title span{display:block;margin-top:10px;color:#758497;font:8px var(--mono);letter-spacing:.17em}@keyframes starGather{0%{opacity:0;transform:translate(0,0) rotate(45deg)}55%{opacity:1}100%{opacity:0;left:50%;top:50%;transform:translate(-50%,-50%) scale(.2) rotate(180deg)}}@keyframes markReveal{from{opacity:0;transform:scale(.35) rotate(-36deg)}to{opacity:1;transform:none}}
/* gallery title and collage never overlap */.gallery-v5{background:linear-gradient(135deg,#f3f0e8,#e3e9e8)!important}.gallery-v5-head{z-index:8}.gallery-collage{z-index:3}.gallery-collage figure{background:#cbd2d1}.gallery-collage figcaption{background:linear-gradient(transparent,rgba(20,36,58,.94))}.gallery-collage figure.is-visible{opacity:1}.gallery-collage button{background:rgba(20,36,58,.88)}
/* society light panels */.society-v5{background:linear-gradient(130deg,#f4f0e7,#dfe8e9)!important}.society-console{background:rgba(251,250,246,.9)}.society-tabs button[aria-selected=true]{background:var(--navy)}.method-selector button.active{background:var(--gold2)}.method-v5-svg svg,.course-composition svg,.expand-cards svg{stroke:var(--blue)}
/* history dynamic connector SVG */.history-view{background:linear-gradient(135deg,#f3f0e8,#e1e8e8)!important}.history-scroll{position:absolute!important}.history-scroll::before,.school-node::after{display:none!important}.history-links{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.history-links path{fill:none;stroke:url(#historyGradient);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .12s linear}.school-node{z-index:2;background:rgba(251,250,246,.96)!important;color:var(--navy)!important;border:1px solid rgba(40,79,118,.18)!important;box-shadow:9px 10px 0 rgba(40,79,118,.07)!important;opacity:0;transform:translateY(35px) scale(.985);transition:opacity .65s var(--ease),transform .75s var(--ease)}.school-node.is-visible{opacity:1;transform:none}.school-node time{color:#9a7028}.school-node h3{color:var(--navy)}.school-node p{color:#536273!important}.school-node span{color:#63758a!important}.school-node::before{background:var(--cream)!important;border:2px solid var(--gold)!important;box-shadow:0 0 0 6px rgba(170,125,45,.1)!important}.school-node figure{background:#e7ecea!important;border:1px solid rgba(40,79,118,.22)!important;box-shadow:11px 12px 0 rgba(40,79,118,.08)!important}.school-node figure img{filter:saturate(.9)}
/* join */.join-view{background:radial-gradient(circle at 78% 37%,rgba(122,151,175,.38),transparent 28%),linear-gradient(130deg,#f4f0e7,#e3eae9)!important;color:var(--navy)!important}.join-view .view-title h2{color:var(--navy)!important}.join-lead{color:#536273!important}.join-details{border-color:rgba(20,36,58,.18)!important}.join-details div{border-color:rgba(20,36,58,.18)!important}.join-details i{color:#936a24!important}.join-details b{color:var(--navy)}.join-backdrop{opacity:.07;color:var(--blue)}.join-backdrop span{color:var(--blue)}.qr-panel{background:#fbfaf6!important;color:var(--navy);box-shadow:14px 14px 0 rgba(40,79,118,.11)!important}
@media(max-width:700px){.site-header{height:68px}.gallery-v5-head,.society-v5-head{height:125px!important;width:88%!important}.gallery-v5-head h2,.society-v5-head h2{font-size:34px!important;line-height:1.08}.gallery-collage{top:142px!important;bottom:72px!important}.society-console{top:142px!important}.history-view .view-title{height:130px!important}.history-scroll{top:145px!important}.join-view{background:linear-gradient(145deg,#f4f0e7,#e2e9e8)!important}.character-stage{right:-20%!important;width:86%!important}.home-copy{width:74%;z-index:8}.home-copy h1{font-size:58px}.home-intro{color:#536273}.mobile-menu{top:68px}.intro-v6-mark{width:150px;height:150px}.intro-v6-title{top:calc(50% + 92px)}.intro-v6-title b{font-size:28px}}
@media(max-width:390px){.gallery-v5-head,.society-v5-head{height:112px!important}.gallery-collage,.society-console{top:126px!important}.history-scroll{top:133px!important}.history-view .view-title{height:118px!important}.brand b{font-size:13px!important}.brand small{display:none}.main-nav{display:none}}
.home-view{overflow:hidden}.character-stage{max-width:calc(100vw - 10px)}.method-orbit{overflow:hidden}.method-orbit svg{max-width:100%;max-height:100%}@media(prefers-reduced-motion:reduce){.intro-v6-stars i,.intro-v6-mark{animation:none!important}.school-node{opacity:1!important;transform:none!important}.history-links path{stroke-dashoffset:0!important}}