*{box-sizing:border-box}:root{color:#17202a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}#root{min-height:100vh}:root{--paper:#fff3df;--dim:#fff3dfad;--line:#fff3df33;--glass:#fff3df18;--gold:#dfb875;--rose:#c87891;--teal:#7dc8bb;--violet:#8d82dd;--black:#070910}html,body,#root{width:100%;height:100%}body{background:var(--black);overflow:hidden}.site-stage{height:100vh;color:var(--paper);background:radial-gradient(circle at 18% 18%,#c8789138,#0000 30%),radial-gradient(circle at 78% 12%,#8d82dd33,#0000 32%),radial-gradient(circle at 55% 96%,#dfb87529,#0000 34%),linear-gradient(145deg,#070910 0%,#111421 48%,#20161c 100%);position:relative;overflow:hidden}.site-stage:before{z-index:0;content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#fff3df0a 1px,#0000 1px),linear-gradient(#fff3df07 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:84px 84px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 76%);mask-image:radial-gradient(circle,#000,#0000 76%)}.glass-nav{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(24px)saturate(1.3);backdrop-filter:blur(24px)saturate(1.3);background:#0a0c1447;border-radius:8px;justify-content:center;align-items:center;width:fit-content;min-width:min(620px,100% - 36px);height:58px;padding:8px;display:flex;position:fixed;top:22px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff29,0 18px 56px #00000042}.nav-tabs,.glass-button,.floating-card,.page-arrows,.page-dots,.boundary{align-items:center;display:flex}.nav-tabs button,.page-arrows button,.page-dots button,.modal-close{font:inherit;cursor:pointer;border:0}.nav-tabs{gap:8px;width:100%}.nav-tabs button{color:#fff3dfb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0b;border:1px solid #fff3df24;border-radius:8px;flex:1;min-width:132px;height:42px}.nav-tabs button.active{color:#151019;background:#dfb875d1;border-color:#dfb875b3}.page-track{z-index:1;will-change:transform;height:400vh;transition:transform .86s cubic-bezier(.22,1,.36,1);position:relative}.page{height:100vh;min-height:680px;padding:112px max(46px,6vw) 54px;display:grid;position:relative}.hero-page{grid-template-columns:minmax(0,.66fr) minmax(620px,1fr);align-items:center;gap:3vw}.hero-copy{max-width:680px}.eyebrow{color:var(--gold);letter-spacing:0;text-transform:uppercase;margin:0 0 16px;font-size:.78rem;font-weight:900}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Noto Serif SC,Songti SC,Georgia,serif;font-weight:900}h1{text-shadow:0 26px 80px #dfb8752e;margin-bottom:24px;font-size:clamp(9rem,18vw,15.5rem);line-height:.8}h2{margin-bottom:16px;font-size:clamp(2.6rem,6vw,6rem);line-height:.98}h3{margin-bottom:8px;font-size:2.35rem}.hero-line,.large-statement p,.modal-copy p{color:var(--dim);line-height:1.78}.hero-line{max-width:520px;margin-bottom:30px;font-size:1.24rem}.glass-button{border:1px solid var(--line);width:fit-content;min-height:50px;color:var(--paper);background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(1.2);backdrop-filter:blur(24px)saturate(1.2);cursor:pointer;border-radius:8px;justify-content:center;gap:10px;padding:0 18px;font-weight:900;box-shadow:inset 0 1px #ffffff29,0 18px 48px #00000038}.glass-button.primary{color:#151019;background:#dfb875d1;border-color:#dfb875c7}.solo-character{height:min(88vh,980px);min-height:700px;position:relative}.solo-character:before{content:"";background:var(--hero-image) center / contain no-repeat;filter:blur(34px)saturate(1.14);opacity:.26;position:absolute;inset:-5% -10%;transform:scale(1.05);-webkit-mask-image:radial-gradient(#000 36%,#0000 74%);mask-image:radial-gradient(#000 36%,#0000 74%)}.solo-character:after{z-index:2;content:"";pointer-events:none;background:linear-gradient(90deg,#070910 0%,#07091000 14% 86%,#070910 100%),linear-gradient(#070910 0%,#07091000 10% 82%,#070910 100%);position:absolute;inset:0}.solo-character img{z-index:1;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 28px 40px #00000073);width:100%;height:100%;display:block;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%),linear-gradient(#0000 0%,#000 5% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%),linear-gradient(#0000 0%,#000 5% 92%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.floating-card{z-index:2;border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#090b1375;border-radius:8px;gap:8px;padding:12px 14px;position:absolute;bottom:5%;right:4%}.scroll-cue{z-index:3;border:1px solid var(--line);width:46px;height:46px;color:var(--paper);background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;border-radius:8px;place-items:center;display:grid;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.roles-page{grid-template-rows:auto minmax(0,1fr);align-items:center;gap:34px}.roles-head{max-width:960px}.role-row{grid-template-columns:repeat(3,minmax(220px,1fr));gap:22px;height:min(64vh,650px);min-height:430px;display:grid}.role-panel{color:var(--paper);text-align:left;clip-path:polygon(14% 0,100% 0,86% 100%,0 100%);cursor:pointer;-webkit-backdrop-filter:blur(22px)saturate(1.2);backdrop-filter:blur(22px)saturate(1.2);background:#ffffff0f;border:1px solid #fff3df33;border-radius:8px;transition:transform .28s,border-color .28s,box-shadow .28s,filter .28s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 24px 70px #00000042}.role-panel:before{content:"";background:linear-gradient(180deg, #07091014, #070910b3), var(--role-image) center / cover;filter:blur(28px)saturate(1.12);opacity:.34;transition:opacity .28s,filter .28s,transform .28s;position:absolute;inset:-20%;transform:scale(1.12);-webkit-mask-image:radial-gradient(#000 28%,#0000 76%);mask-image:radial-gradient(#000 28%,#0000 76%)}.role-panel>*{pointer-events:none}.role-panel:hover,.role-panel:focus-visible{filter:brightness(1.07);border-color:#dfb875b8;outline:none;transform:translateY(-14px)scale(1.018);box-shadow:inset 0 1px #ffffff2e,0 0 0 1px #dfb8752e,0 28px 86px #dfb87529,0 34px 94px #0000005c}.role-panel:hover:before,.role-panel:focus-visible:before{filter:blur(30px)saturate(1.28);opacity:.48;transform:scale(1.18)}.role-panel:after{content:"";pointer-events:none;background:linear-gradient(#07091014 0%,#0000 34%,#070910e6);position:absolute;inset:0}.role-art{clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);width:88%;height:78%;position:absolute;top:-2%;left:6%;overflow:hidden}.role-art:before,.role-art:after{z-index:2;content:"";pointer-events:none;width:26%;position:absolute;top:-2%;bottom:-2%}.role-art:before{clip-path:polygon(0 0,100% 0,54% 100%,0 100%);background:linear-gradient(102deg,#070910f5,#07091080 48%,#0000 100%);left:-2%}.role-art:after{clip-path:polygon(46% 0,100% 0,100% 100%,0 100%);background:linear-gradient(102deg,#0000 0%,#07091075 50%,#070910eb 100%);right:-2%}.role-art img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 24px 38px #0000007a)saturate(1.02);width:100%;height:100%;transition:transform .36s cubic-bezier(.22,1,.36,1),filter .28s;display:block;transform:scale(1.08)}.role-panel:hover .role-art img,.role-panel:focus-visible .role-art img{filter:drop-shadow(0 28px 46px #dfb87533)drop-shadow(0 24px 38px #0000007a)brightness(1.08)saturate(1.12);transform:scale(1.18)}.role-panel span,.role-panel small{z-index:1;position:absolute;left:18%;right:16%}.role-panel span{color:var(--gold);font-family:Noto Serif SC,Songti SC,Georgia,serif;font-size:clamp(2rem,3.4vw,3.4rem);font-weight:900;line-height:1;bottom:82px}.role-panel small{color:#fff3dfb8;font-size:1rem;bottom:34px}.role-gentle{background:linear-gradient(160deg,#dfb8752e,#ffffff0d)}.role-rational{background:linear-gradient(160deg,#7dc8bb2e,#ffffff0d)}.role-fantasy{background:linear-gradient(160deg,#c8789133,#ffffff0d)}.concept-page,.join-page{place-items:center}.large-statement{border:1px solid var(--line);-webkit-backdrop-filter:blur(26px)saturate(1.2);backdrop-filter:blur(26px)saturate(1.2);background:#ffffff12;border-radius:8px;width:min(980px,100%);padding:clamp(32px,6vw,74px);box-shadow:inset 0 1px #ffffff1f,0 34px 100px #00000052}.large-statement.advantages{width:min(1120px,100%)}.large-statement svg{color:var(--gold);margin-bottom:22px}.advantage-lead{max-width:820px}.advantage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px;display:grid}.advantage-grid article{background:#ffffff0e;border:1px solid #fff3df29;border-radius:8px;min-height:188px;padding:18px}.advantage-grid span{color:var(--teal);margin-bottom:30px;font-family:Georgia,serif;font-size:1.8rem;display:block}.advantage-grid strong{color:var(--paper);margin-bottom:10px;font-size:1.1rem;display:block}.advantage-grid p{margin-bottom:0;font-size:.96rem}.research-links{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.research-links a{min-height:40px;color:var(--paper);background:#dfb8751a;border:1px solid #dfb87557;border-radius:8px;align-items:center;gap:8px;padding:0 13px;font-weight:800;text-decoration:none;display:inline-flex}.research-links a:hover{color:var(--gold);border-color:#dfb875b8}.join{text-align:center}.contact-mail{border:1px solid var(--line);color:var(--paper);background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px;margin-top:26px;padding:12px 16px;font-weight:900;text-decoration:none;display:inline-flex}.contact-mail:hover{color:var(--gold);border-color:#dfb875b8}.page-arrows{z-index:24;gap:8px;position:fixed;bottom:24px;right:24px}.page-arrows button{border:1px solid var(--line);width:42px;height:42px;color:var(--paper);background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px;place-items:center;display:grid}.page-arrows button:first-child svg,.page-arrows button:last-child svg{transform:rotate(90deg)}.page-dots{z-index:24;flex-direction:column;gap:11px;position:fixed;top:50%;right:28px;transform:translateY(-50%)}.page-dots button{background:#fff3df47;border-radius:8px;width:8px;height:30px}.page-dots button.active{background:var(--gold)}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#04050a94;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.role-modal{border:1px solid var(--line);-webkit-backdrop-filter:blur(28px)saturate(1.2);backdrop-filter:blur(28px)saturate(1.2);background:#0c0e18d1;border-radius:8px;grid-template-columns:minmax(260px,.72fr) minmax(300px,.85fr);width:min(960px,100%);max-height:min(780px,100vh - 56px);display:grid;position:relative;overflow:hidden;box-shadow:0 40px 140px #0000008c}.modal-close{z-index:3;border:1px solid var(--line);width:40px;height:40px;color:var(--paper);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border-radius:8px;place-items:center;display:grid;position:absolute;top:14px;right:14px}.modal-image{background:#ffffff0e;place-items:end center;min-height:560px;display:grid}.modal-image img{object-fit:contain;object-position:center bottom;width:100%;height:100%}.modal-copy{align-self:center;padding:44px}.modal-copy span{color:var(--gold);font-weight:900}.modal-copy blockquote{border-left:2px solid var(--gold);color:var(--paper);margin:24px 0;padding-left:18px;font-family:Noto Serif SC,Songti SC,Georgia,serif;font-size:1.42rem;line-height:1.62}.boundary{color:#bdeee2;background:#7dc8bb1a;border:1px solid #7dc8bb5c;border-radius:8px;gap:8px;width:fit-content;margin-top:24px;padding:10px 12px}@media (width<=980px){body{overflow:auto}.site-stage{height:auto;overflow:auto}.page-track{height:auto;transition:none;transform:none!important}.page{height:auto;min-height:100svh;padding:112px 24px 54px}.hero-page,.role-modal{grid-template-columns:1fr}.role-row{grid-template-columns:1fr;height:auto}.advantage-grid{grid-template-columns:1fr}.role-panel{min-height:360px}.role-art{height:70%}.page-arrows,.page-dots{display:none}.modal-image{min-height:340px}}@media (width<=640px){.glass-nav{align-items:stretch;min-width:calc(100% - 28px);height:auto;top:14px}.nav-tabs{grid-template-columns:repeat(3,1fr);display:grid}.nav-tabs button{min-width:0}.page{padding-top:150px}h1{font-size:8rem}.solo-character{min-height:390px}.solo-character:before{inset:-6%}.role-panel{clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}.modal-backdrop{padding:14px}.modal-copy{padding:28px}}