@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";:root{--font-montserrat: "Montserrat", sans-serif}body{font-family:var(--font-montserrat),sans-serif}:root{--fs: min(18.2292vw, 350px);--font-size-huge: var(--fs);--font-size-huge2: min(17.5vw, 250px);--char-w: calc(var(--fs) * .7);--char-h: calc(var(--fs) * .7);--baseline: calc(var(--fs) * .708);--dot-size: calc(var(--fs) * .154);--dot-gap: calc(var(--fs) * .0343);--dot-top: calc(var(--baseline) - var(--dot-size));--ink-right-A: .799;--ink-right-C: .72;--ink-right-M: .884;--ink-right-E: .632;--merge-dot-left: calc(var(--char-w) * 3.2 + var(--fs) * var(--ink-right-E) + var(--dot-gap));--merge-w: calc(var(--merge-dot-left) + var(--dot-size));--bg-color: #FFFEF9;--text-color-main: #000000;--text-color-sub: #ffffff;--panel-bg: #000000;--transition-duration: 1.2s;--transition-bezier: cubic-bezier(.76, 0, .24, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Montserrat,sans-serif}.wrap h1{position:absolute;left:50%;top:10px;margin-left:-40px}.app-container{width:100%;height:100%;position:relative;background-color:var(--bg-color)}.menu-wrapper{position:fixed;left:30px;right:30px;top:30px;bottom:30px;z-index:50;pointer-events:none;transition:all var(--transition-duration) var(--transition-bezier)}.stage-loading .menu-wrapper,.stage-merging .menu-wrapper{left:30px;right:30px;top:30px;bottom:30px;transform:none}.menu-item{position:absolute;top:0;left:0;height:var(--char-h);display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;pointer-events:auto;transition:top var(--transition-duration) var(--transition-bezier),left var(--transition-duration) var(--transition-bezier),width var(--transition-duration) var(--transition-bezier),height var(--transition-duration) var(--transition-bezier),transform 1s var(--transition-bezier),opacity .4s ease}.main-char{font-size:var(--font-size-huge);font-weight:800;color:var(--text-color-main);position:absolute;top:0;line-height:var(--char-h);transition:all var(--transition-duration) var(--transition-bezier)}.dot-char{position:absolute;top:0;display:flex;align-items:center;justify-content:flex-start;transition:all var(--transition-duration) var(--transition-bezier)}.dot-letter{font-size:var(--font-size-huge);font-weight:800;color:var(--text-color-main);line-height:var(--char-h);display:inline-block;transition:all var(--transition-duration) var(--transition-bezier)}.stage-loading .menu-item{left:calc(50% - 4 * var(--char-w));top:calc(50% - .5 * var(--char-h));width:calc(8 * var(--char-w))}.stage-merging .menu-item{left:calc(50% - .5 * var(--merge-w));top:calc(50% - .5 * var(--char-h));width:var(--merge-w);transition:left .6s var(--transition-bezier),width .6s var(--transition-bezier)}.stage-loading .item-A .main-char,.stage-merging .item-A .main-char{left:0}.stage-loading .item-C .main-char,.stage-merging .item-C .main-char{left:var(--char-w)}.stage-loading .item-M .main-char,.stage-merging .item-M .main-char{left:calc(1.95 * var(--char-w))}.stage-loading .item-E .main-char,.stage-merging .item-E .main-char{left:calc(3.2 * var(--char-w))}.stage-loading .item-A .dot-char{left:calc(4.07 * var(--char-w));width:var(--char-w);height:var(--char-h)}.stage-loading .item-C .dot-char{left:calc(5.06 * var(--char-w));width:var(--char-w);height:var(--char-h)}.stage-loading .item-M .dot-char{left:calc(5.85 * var(--char-w));width:calc(1.1 * var(--char-w));height:var(--char-h)}.stage-loading .item-E .dot-char{left:calc(6.95 * var(--char-w));width:var(--char-w);height:var(--char-h)}.stage-loading .dot-letter{opacity:1;transform:scale(1)}.stage-loading .dot-char{top:0;background-color:transparent;border-radius:0}.stage-merging .dot-char{left:var(--merge-dot-left)!important;top:var(--dot-top);width:var(--dot-size);height:var(--dot-size);background-color:var(--panel-bg);transition:left .6s var(--transition-bezier),background-color .6s var(--transition-bezier),top 1s var(--transition-bezier) .6s,width 1s var(--transition-bezier) .6s,height 1s var(--transition-bezier) .6s}.stage-merging .dot-letter{animation:fadeOutLetter .6s var(--transition-bezier) forwards}@keyframes fadeOutLetter{0%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(.87)}to{opacity:0;transform:scale(0)}}.stage-ready .menu-wrapper{left:30px;right:30px;top:30px;bottom:30px;transform:none}.stage-ready .menu-item{width:var(--char-w)}@keyframes floatReadyA{0%,to{transform:translate(0)}50%{transform:translate(12px,-18px)}}@keyframes floatReadyC{0%,to{transform:translate(0)}50%{transform:translate(-15px,12px)}}@keyframes floatReadyM{0%,to{transform:translate(0)}50%{transform:translate(18px,15px)}}@keyframes floatReadyE{0%,to{transform:translate(0)}50%{transform:translate(-12px,-15px)}}.stage-ready .item-A{animation:floatReadyA 6s ease-in-out infinite}.stage-ready .item-C{animation:floatReadyC 7s ease-in-out infinite}.stage-ready .item-M{animation:floatReadyM 5.2s ease-in-out infinite}.stage-ready .item-E{animation:floatReadyE 7.5s ease-in-out infinite}.stage-ready .menu-wrapper:has(.menu-item:hover) .menu-item,.stage-ready .menu-wrapper:has(.menu-item.opening) .menu-item,.stage-ready .menu-wrapper:has(.menu-item.closing) .menu-item,.stage-ready .menu-wrapper:has(.menu-item.active) .menu-item{animation-play-state:paused}.stage-ready .menu-item.opening,.stage-ready .menu-item.closing,.stage-ready .menu-item.active{transform:none!important;transition:none!important;animation:none!important}.stage-ready .menu-item.opening,.stage-ready .menu-item.closing{z-index:1}.stage-ready .dot-char{right:auto!important;top:var(--dot-top);bottom:auto!important}.stage-ready .item-A .dot-char{left:calc(var(--fs) * var(--ink-right-A) + var(--dot-gap))}.stage-ready .item-C .dot-char{left:calc(var(--fs) * var(--ink-right-C) + var(--dot-gap))}.stage-ready .item-M .dot-char{left:calc(var(--fs) * var(--ink-right-M) + var(--dot-gap))}.stage-ready .item-E .dot-char{left:calc(var(--fs) * var(--ink-right-E) + var(--dot-gap))}.stage-ready .main-char{left:0}.stage-ready .dot-char{width:var(--dot-size);height:var(--dot-size);background-color:var(--panel-bg);border-radius:0;cursor:pointer;transition:all var(--transition-duration) var(--transition-bezier);animation-play-state:running!important}.stage-ready .menu-item.opening .dot-char:before,.stage-ready .menu-item.closing .dot-char:before{content:attr(data-letter);position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background-color:var(--panel-bg);color:var(--text-color-sub);font-size:var(--fs);font-weight:800;line-height:.7;white-space:nowrap;animation:dotToScreen var(--swap-time) var(--transition-bezier) both,letterTrack var(--swap-time) var(--transition-bezier) both}.stage-ready .menu-item.opening .main-char,.stage-ready .menu-item.closing .main-char{animation:toTitle var(--swap-time) var(--transition-bezier) both}.stage-ready .menu-item.closing .dot-char:before,.stage-ready .menu-item.closing .main-char{animation-direction:reverse}@keyframes letterTrack{0%{padding-left:calc(-1 * var(--to-left));padding-top:calc(-1 * var(--to-top))}to{padding-left:0;padding-top:0}}@keyframes toTitle{to{left:var(--to-left);top:var(--to-top)}}@keyframes dotToScreen{0%{clip-path:inset(var(--click-y) calc(100% - var(--click-x) - var(--click-w)) calc(100% - var(--click-y) - var(--click-h)) var(--click-x))}to{clip-path:inset(0)}}.stage-ready .dot-letter{opacity:0;transform:scale(0);display:none}.word-extension{font-size:max(40px,var(--fs));font-weight:800;color:var(--text-color-sub);line-height:.7;pointer-events:none;letter-spacing:-.146em}.word-first{position:relative;z-index:1}.word-unfold{position:relative;animation:unfold var(--unfold-time) cubic-bezier(.32,0,.67,0) both}.fading .word-unfold{animation:fold var(--unfold-time) cubic-bezier(.33,1,.68,1) both}.fading .subpage-body,.fading .close-button{animation:fadeOut var(--fade-time) ease both}@keyframes unfold{0%{left:var(--from-x);opacity:0}40%{opacity:1}to{left:0;opacity:1}}@keyframes fold{0%{left:0;opacity:1}60%{opacity:1}to{left:var(--from-x);opacity:0}}@keyframes fadeOut{to{opacity:0}}.subpage-body{flex:1;overflow:hidden;animation:slideUp .6s cubic-bezier(.16,1,.3,1) both;animation-delay:.7s}.subpage-text{font-size:clamp(16px,3.125vw,60px);font-weight:500;margin:100px 0 0 20px}.subpage-text a{color:var(--text-color-sub);text-decoration:underline;cursor:pointer}.item-A .subpage-body{padding-top:300px}.item-A .subpage-body p{font-size:50px}.subpage-title{font-size:1.8rem;font-weight:700;color:#a5b4fc;margin-bottom:.5rem}.subpage-desc{font-size:1.1rem;line-height:1.8;color:#cbd5e1;max-width:750px}.curation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:1rem}.curation-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:0;padding:1.5rem;transition:all .3s ease}.curation-card:hover{background:#ffffff12;border-color:#fff3;transform:translateY(-4px)}.card-num{font-size:.8rem;color:#818cf8;font-weight:700;margin-bottom:.5rem}.curation-card h4{font-size:1.2rem;font-weight:700;margin-bottom:.4rem}.curation-card p{font-size:.9rem;color:#94a3b8}.members-list{display:flex;flex-direction:column;gap:1.2rem;margin-top:1rem}.member-row{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.8rem;background:#ffffff05;border-left:4px solid #c084fc;border-radius:0;transition:all .3s ease}.member-row:hover{background:#ffffff0f;padding-left:2.5rem}.member-name{font-weight:700;font-size:1.1rem}.member-role{font-size:.9rem;color:#a855f7;font-weight:600}.email-form{display:flex;flex-direction:column;gap:1.2rem;max-width:500px;margin-top:1rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-size:.8rem;font-weight:700;color:#94a3b8}.form-field input,.form-field textarea{padding:.9rem 1.2rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:0;color:#fff;font-family:inherit;transition:all .3s ease}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:#818cf8;background:#ffffff14}.submit-btn{align-self:flex-start;padding:.8rem 2rem;background:#fff;color:#000;border:none;border-radius:0;font-weight:700;cursor:pointer;transition:all .3s ease}.submit-btn:hover{background:#e2e8f0;transform:translateY(-2px)}.email-success{text-align:center;padding:2rem 0;color:#34d399;font-weight:700}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.menu-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:40;background:transparent;pointer-events:auto}.subpage-fullscreen-view{width:100%;min-height:100vh;background-color:var(--panel-bg);color:var(--text-color-sub);box-sizing:border-box}.subpage-fullscreen-view .subpage-body{overflow:visible!important;height:auto!important;flex:none!important}.close-button{position:fixed;top:20px;right:20px;width:30px;height:30px;border:none;background:transparent;cursor:pointer;font-size:0;line-height:0}.close-button:before,.close-button:after{content:"";position:absolute;top:13px;left:-5px;width:40px;height:3px;background-color:#fff;border-radius:2px;transition:background-color .2s ease}.close-button:before{transform:rotate(45deg)}.close-button:after{transform:rotate(-45deg)}.close-button:hover:before,.close-button:hover:after{background-color:#fff}.about h1,.members h1,.curation h1,.email h1{display:none}
