body,html{box-sizing:border-box;filter:saturate(125%);background:#000;width:100%;height:100%;margin:0;padding:0}body{overflow:hidden}canvas{z-index:1;pointer-events:auto;touch-action:none;width:100vw;height:100dvh;display:block;position:fixed;top:0;left:0}#ui-layer{z-index:20;pointer-events:none;color:#fff;text-align:center;opacity:0;will-change:opacity, transform;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;padding:5vw;font-family:Comico,system-ui;transition:transform 1s;animation:2s ease-in-out .5s forwards fadeInUI;display:grid;position:fixed;inset:0;transform:translateY(10px)}#ui-layer h1{text-align:left;color:#f0fff0;letter-spacing:.08em;filter:drop-shadow(0 0 50px #3b005e);mix-blend-mode:difference;grid-area:2/1/3/2;place-self:end start;margin:0;font-size:clamp(3rem,6vw,6rem);line-height:1.05}#ui-layer p{text-align:right;letter-spacing:.18em;opacity:.85;grid-area:1/2/2/3;place-self:start end;font-size:clamp(1.2rem,2vw,2.2rem)}.cta-btn{color:#f0fff0;text-transform:uppercase;letter-spacing:.3em;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #fff6;margin-top:3rem;padding:1rem 3.5rem;transition:all .4s}.cta-btn:hover{color:#000;background:#fff;transform:scale(1.05)}.ui-btn{z-index:100;-webkit-backdrop-filter:blur(32px)saturate(180%)sepia();clip-path:polygon(25% 5%,75% 5%,95% 50%,75% 95%,25% 95%,5% 50%);cursor:pointer;background:#ffffff0f;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:64px;height:64px;transition:transform .5s cubic-bezier(.23,1,.32,1),background .3s;display:flex;position:fixed;top:2rem}.nav-toggle{right:2rem}.back-btn{color:#fff;width:auto;padding:1rem;font-family:Clash Display,system-ui;font-size:1.2rem;left:2rem}.nav-toggle span,.back-btn span{background:#fff;width:24px;height:1px;transition:transform .4s cubic-bezier(.23,1,.32,1),opacity .1s}.nav-toggle:hover,.back-btn:hover{background:#ffffff1f;transform:scale(1.15)rotate(90deg)}.nav-toggle:focus,.menu-link:focus,.back-btn:focus{outline-offset:4px;outline:2px solid #fff}#menu-overlay{z-index:90;-webkit-backdrop-filter:blur(10px)saturate(300%);backdrop-filter:blur(10px)saturate(300%);opacity:0;pointer-events:none;will-change:opacity;background:radial-gradient(circle,#141e3299,#050a14d9);justify-content:center;align-items:center;transition:opacity .4s cubic-bezier(.23,1,.32,1);display:flex;position:fixed;inset:0}#menu-overlay:before{content:"";opacity:.08;pointer-events:none;background:url(/noise.jpg);position:absolute;inset:0}.menu-link{color:#fff;margin:1rem 0;font-family:Clash Display,system-ui;font-size:3rem;font-weight:600;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .4s,letter-spacing .4s;display:block;position:relative}.menu-link:hover{letter-spacing:.175em;text-shadow:0 0 15px #fff9,0 0 35px #ffffff4d,0 0 50px #ffffff1a;transform:translateY(-8px)scale(1.05)}body.menu-open #menu-overlay{opacity:1;pointer-events:auto;transition:opacity .6s cubic-bezier(.16,1,.3,1)}body.menu-open #menu-main:hover .menu-link{opacity:.25}body.menu-open #menu-main .menu-link:hover{opacity:1}body.menu-open .menu-link{opacity:1;transform:translateY(0)}body.menu-open .menu-link:first-child{transition-delay:.1s}body.menu-open .menu-link:nth-child(2){transition-delay:.2s}body.menu-open .menu-link:nth-child(3){transition-delay:.3s}body.menu-open .nav-toggle span:first-child{transform:translateY(7px)rotate(45deg)}body.menu-open .nav-toggle span:nth-child(2){opacity:0}body.menu-open .nav-toggle span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}body.lock-scroll{overflow:hidden}@keyframes fadeInUI{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#menu-content{box-sizing:border-box;opacity:0;pointer-events:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;padding:10vh 8vw;transition:opacity .4s;position:absolute;inset:0;overflow:hidden auto}#menu-content::-webkit-scrollbar{display:none}.content-body{grid-template-rows:1fr 1fr;grid-template-columns:1fr 2fr;width:100%;height:100%;display:grid}.content-body h2,.content-body h3{text-align:left;color:#fff2f0;filter:drop-shadow(0 0 50px #cec1c1);grid-area:2/1/3/2;place-self:end start;margin:0;font-family:Clash Display,system-ui;font-size:clamp(3rem,8vw,7rem);line-height:1}.reading-text{text-align:left;grid-area:1/2/2/3;place-self:start stretch;width:100%;max-width:none;padding-left:4vw}.reading-text h4{text-transform:uppercase;color:#fff9;margin:0 0 1rem;font-family:Clash Display,sans-serif;font-size:clamp(2.5rem,2vw,4rem);font-weight:400}.reading-text p{color:#ffffffd9;margin:0 0 1.5rem;font-family:Clash Display,sans-serif;font-size:clamp(1.5rem,1.3vw,4rem);font-weight:300;line-height:1.6}.reading-text em{color:#f0fff0;font-style:italic}@media (hover:hover) and (pointer:fine){.nav-toggle:hover,.back-btn:hover{background:#ffffff1f;transform:scale(1.15)rotate(90deg)}}@media (width<=900px){#menu-content{padding:15vh 6vw 20vh}.content-body{flex-direction:column;justify-content:flex-start;min-height:100%;display:flex}.content-body h2,.content-body h3{text-align:left;align-self:flex-start;margin-bottom:2.5rem}.reading-text{text-align:left;align-self:flex-end;width:90%;padding-left:0}}@media (width<=600px){.reading-text{align-self:center;width:100%}}body.view-content #menu-main{opacity:0;pointer-events:none}body.view-content #menu-content{opacity:1;pointer-events:auto}