@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,600;1,600&display=swap";@import"https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Chakra+Petch:wght@500;600;700&display=swap";html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Cormorant Garamond,serif;font-weight:600;background-color:#fff;color:#000;overflow-x:hidden}.app-container{display:flex;flex-direction:column;width:100%}.app-container:before{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;background:#302f25;content:"";pointer-events:none;animation:landing-panel-sweep 1.8s cubic-bezier(.76,0,.24,1) forwards}.app-container:after{position:fixed;z-index:1001;top:0;right:0;bottom:0;left:0;background:#4a493d;content:"";pointer-events:none;animation:landing-panel-sweep 1.8s cubic-bezier(.76,0,.24,1) .18s forwards}html.pp-embed-mode .app-container:before,html.pp-embed-mode .app-container:after{display:none!important}html.pp-embed-mode .navbar{display:none!important}html.pp-embed-mode body{background:#000!important;color:#f4f0db!important}html.pp-embed-mode *{transition:none!important}.is-sweeping .app-container{visibility:hidden!important}.navbar{position:fixed;top:0;left:0;right:0;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:2.5rem max(2rem,calc((100vw - 1100px)/2));z-index:100;background-color:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nav-link:first-child{justify-self:start}.nav-link:nth-child(2){justify-self:center}.nav-link:last-child{justify-self:end}.nav-link{text-decoration:none;color:#000;font-size:1.2rem;font-weight:600;transition:opacity .3s ease}.nav-link:hover{opacity:.6}.app-container section{min-height:85vh;width:100%;display:flex;align-items:center;justify-content:center;position:relative;padding:6rem 2rem 4rem}.hero-section{background-color:#fff;padding-bottom:2rem;overflow:hidden}.portfolio-hero{display:flex;align-items:center;justify-content:center;width:100%;max-width:1100px;margin:0 auto;position:relative;left:50px;top:90px}.text-section{position:relative;z-index:2;display:flex;flex-direction:column;top:6px;left:20px;margin-right:-100px;pointer-events:none;opacity:0;animation:landing-text-ready 0s linear .9s forwards}.title{font-size:6.5rem;font-weight:600;line-height:.95;margin-bottom:-.2rem;letter-spacing:-.01em;white-space:nowrap;color:#000}.subtitle{font-size:1.8rem;line-height:1.25;color:#000;max-width:600px;margin-left:3rem;font-weight:600}.subtitle i,.subtitle em{font-style:italic;font-weight:600}.image-section{position:relative;z-index:1;overflow:hidden;top:7px;left:0;animation:landing-image-reveal 1.05s cubic-bezier(.76,0,.24,1) 1.15s both}.profile-image{width:380px;height:auto;display:block;animation:landing-image-settle 1.35s cubic-bezier(.16,1,.3,1) 1.15s both}.app-container{overflow:hidden}.hero-section{min-height:100vh;display:flex;align-items:center}.mobile-blocker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000!important;display:flex;align-items:center;justify-content:center;background:#fff;color:#111;padding:24px}.mobile-blocker-inner{max-width:720px;text-align:center;border-radius:8px;box-shadow:0 10px 30px #0000001f;padding:36px 28px}.mobile-blocker h1{font-size:2.2rem;margin-bottom:12px}.mobile-blocker p{font-size:1.05rem;line-height:1.5;color:#333}.navbar{animation:landing-nav-in .65s cubic-bezier(.16,1,.3,1) both}@keyframes landing-nav-in{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-text-show{0%{opacity:0}to{opacity:1}}@keyframes landing-text-ready{to{opacity:1}}@keyframes landing-title-in{0%{opacity:0;transform:translateY(.55em);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes landing-copy-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-image-reveal{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}@keyframes landing-image-settle{0%{transform:scale(1.09)}to{transform:scale(1)}}@keyframes landing-panel-sweep{0%{transform:translateY(-105%)}38%{transform:translateY(0)}to{transform:translateY(105%)}}@media (prefers-reduced-motion: reduce){.app-container:before,.app-container:after,.navbar,.text-section,.title,.subtitle,.image-section,.profile-image{animation:none}.app-container:before,.app-container:after{display:none}.text-section{opacity:1}.contents-item{opacity:1;transform:none;filter:none}.contact-images img,.contact-item{opacity:1;transform:none;filter:none;clip-path:none}.linkedin{transform:translate(-50%)}}.contents-section{background-color:#fff;padding-top:2rem}.contents-container{position:relative;width:100%;max-width:1100px;height:600px;margin:0 auto}.contents-item{position:absolute;display:inline-flex;align-items:baseline;text-decoration:none;color:#000;font-size:4rem;font-weight:600;line-height:1.1;transition:opacity .3s ease,transform .3s ease;opacity:0;transform:translateY(32px)}.contents-container.is-visible .contents-item{animation:contents-item-in 1.15s cubic-bezier(.16,1,.3,1) forwards}.contents-container.is-visible .contents-item:nth-child(1){animation-delay:40ms}.contents-container.is-visible .contents-item:nth-child(2){animation-delay:.21s}.contents-container.is-visible .contents-item:nth-child(3){animation-delay:.38s}.contents-container.is-visible .contents-item:nth-child(4){animation-delay:.55s}.contents-container.is-visible .contents-item:nth-child(5){animation-delay:.72s}@keyframes contents-item-in{0%{opacity:0;transform:translateY(32px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.contents-item:hover{opacity:.35;transform:translate(24px)}.contents-item.disabled{color:#9aa0a6;opacity:.6;pointer-events:none;cursor:default;filter:grayscale(30%)}.contents-item span.num{font-size:1.1rem;font-weight:600;margin-right:.4rem;position:relative;top:.8rem;opacity:.8}.playground{left:5%;top:10%}.wall{left:26%;top:23%}.bookshelf{left:22%;top:38%}.blogs{left:55%;top:55%}.projects{left:42%;top:80%}.contact-section{min-height:100vh;background-color:#fff;display:flex;justify-content:center;align-items:flex-start;padding:6rem 2rem 4rem}.wall-page,.bookshelf-page{position:relative}.page-back{position:absolute;top:18px;left:18px;text-decoration:underline;font-size:1.05rem;color:#000;z-index:300;font-weight:600}.back-to-reality{position:absolute;top:12px;left:12px;z-index:600;color:#310f5e;text-decoration:underline;font-weight:700;font-size:1.1rem;background:transparent}@media (max-width: 900px){.back-to-reality{display:none}}.contact-container{position:relative;width:100%;max-width:1100px;height:780px;margin:5rem auto 0}@media (min-width: 901px){.portfolio-hero,.contents-container,.contact-container{transform:scale(.75);transform-origin:top center}}.contact-images{display:grid;grid-template-columns:250px 190px 210px 320px;justify-content:center;align-items:start;column-gap:4rem;width:fit-content;margin:0 auto}.contact-images img{display:block;object-fit:cover;clip-path:inset(0 0 100% 0);transform:scale(1.09)}.contact-container.is-visible .contact-images img{animation:landing-image-reveal 1.05s cubic-bezier(.76,0,.24,1) forwards,landing-image-settle 1.35s cubic-bezier(.16,1,.3,1) forwards}.contact-container.is-visible .contact-images img:nth-child(1){animation-delay:40ms}.contact-container.is-visible .contact-images img:nth-child(2){animation-delay:.16s}.contact-container.is-visible .contact-images img:nth-child(3){animation-delay:.28s}.contact-container.is-visible .contact-images img:nth-child(4){animation-delay:.4s}.img1{width:250px;height:360px}.img2{width:190px;height:240px}.img3{width:210px;height:300px}.img4{width:320px;height:240px}.contact-links{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.contact-item{position:absolute;text-decoration:none;color:#000;font-size:4rem;font-weight:600;line-height:1.1;transition:opacity .3s ease,transform .3s ease;pointer-events:auto;opacity:0}.contact-container.is-visible .linkedin{animation:contact-link-center-in 1.05s cubic-bezier(.16,1,.3,1) .69s forwards}.contact-container.is-visible .email{animation:contact-link-in 1.05s cubic-bezier(.16,1,.3,1) .85s forwards}.contact-container.is-visible .contactme{animation:contact-link-in 1.05s cubic-bezier(.16,1,.3,1) 1.01s forwards}@keyframes contact-image-in{0%{opacity:0;transform:scale(1.1);clip-path:inset(0 50%);filter:blur(10px)}to{opacity:1;transform:scale(1);clip-path:inset(0);filter:blur(0)}}@keyframes contact-link-in{0%{opacity:0;transform:translateY(28px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes contact-link-center-in{0%{opacity:0;transform:translate(-50%,28px);filter:blur(4px)}to{opacity:1;transform:translate(-50%);filter:blur(0)}}.linkedin{left:50%;transform:translate(-50%);font-size:3rem;top:52%}.linkedin:hover{opacity:.35;transform:translate(calc(-50% + 24px))}.email{left:5%;top:68%;font-size:3rem}.email:hover{opacity:.35;transform:translate(24px)}.contactme{right:0;top:74%}.contactme .num{font-size:1.1rem;font-weight:600;position:relative;top:.8rem;margin-right:.4rem;opacity:.8}.contactme:hover{opacity:.35;transform:translate(24px)}.copy-notification{position:fixed;bottom:2.5rem;left:50%;transform:translate(-50%);padding:.85rem 1.5rem;background-color:#000;color:#fff;font-family:Cormorant Garamond,serif;font-size:1.1rem;font-weight:600;z-index:200;animation:fade-in-out 2.5s ease forwards}@keyframes fade-in-out{0%{opacity:0;transform:translate(-50%) translateY(10px)}12%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(10px)}}.subpage{min-height:100vh;padding:3rem max(2rem,calc((100vw - 1100px)/2)) 6rem;background:#fff}.back-link{display:inline-block;color:#000;text-decoration:none;font-size:1.2rem;margin-bottom:5.5rem;transition:opacity .25s ease,transform .25s ease}.back-link:hover{opacity:.55;transform:translate(-5px)}.page-heading{max-width:800px;margin-bottom:5.5rem}.page-number{font-size:1.1rem;display:block;margin-bottom:.4rem}.page-heading h1{font-size:clamp(4.5rem,11vw,8.5rem);font-weight:600;line-height:.84;letter-spacing:-.04em}.page-heading p{max-width:600px;margin:1.6rem 0 0 4.5rem;font-size:1.65rem;line-height:1.15}.editorial-list{border-top:1px solid #000}.editorial-entry{display:grid;grid-template-columns:80px 1fr;gap:1rem;padding:2.4rem 0;border-bottom:1px solid #000}.editorial-entry>span{font-size:1.1rem;padding-top:.45rem}.editorial-entry h2{font-size:clamp(2.4rem,5vw,4rem);font-weight:600;line-height:.9}.editorial-entry p{max-width:470px;margin-top:.8rem;font-size:1.35rem;line-height:1.2}.wall-page{min-height:100vh;width:100%;padding:0;background:#fff;display:grid;place-items:center;transition:background-color .8s ease}.wall-composition{position:relative;width:100%;max-width:1626px;aspect-ratio:1626 / 917;overflow:hidden;background:#fff;transition:background-color .8s ease}.wall-piece{position:absolute;display:block;cursor:pointer;transition:outline-color .8s ease}.wall-piece img{display:block;width:100%;height:auto;filter:drop-shadow(1px 2px 1px rgba(0,0,0,.12));transition:opacity .8s ease,filter .8s ease}.landscape{left:22.6%;top:19.1%;width:8.75%}.trees{left:31.95%;top:29.8%;width:10.5%}.moon{left:43.05%;top:20.2%;width:11.3%}.hands{left:43.05%;top:41.3%;width:17.7%}.figure{left:61.35%;top:20.2%;width:11.3%}.clouds{left:73.25%;top:5.3%;width:18.5%}.seated-figure{left:49.35%;top:62.1%;width:11.4%}.portrait{left:61.35%;top:50%;width:10.4%}.wall-title{position:absolute;left:13.3%;top:80%;display:flex;align-items:baseline;color:#080808;pointer-events:none;transition:color .8s ease}.wall-title .num{font-size:clamp(.7rem,1.2vw,1.15rem);font-weight:600;margin-right:.4rem;position:relative;top:.8rem;opacity:.8}.wall-title i{font-size:clamp(2.5rem,5vw,5rem);line-height:1.1;font-weight:600}.bookshelf-page{min-height:100vh;padding:5.5rem max(2rem,calc((100vw - 1000px)/2)) 4.5rem;background:#fff;display:flex;flex-direction:column;overflow:hidden}.bookshelf-title{display:inline-flex;align-items:baseline;color:#080808;margin-left:1.5rem;font-size:4rem;font-weight:600;line-height:1.1}.bookshelf-title .num{font-size:1.1rem;font-weight:600;margin-right:.4rem;position:relative;top:.8rem;opacity:.8}.bookshelf-title i{font-size:inherit;line-height:inherit;font-weight:inherit}.bookshelf-scroller{align-self:center;width:min(calc(100% + 10rem),calc(100vw - 2rem));margin-top:clamp(7rem,22vh,14rem);overflow-x:auto;overflow-y:hidden;scrollbar-color:#a8a8a8 transparent;scrollbar-width:thin}.bookshelf-row{display:flex;align-items:flex-end;justify-content:center;width:max-content;min-width:100%;padding:2rem 1.5rem 1.5rem}.bookshelf-row .book{display:flex;align-items:flex-end;flex:0 0 auto;height:min(70vh,490px)}.book-spine{display:block;flex:0 0 var(--spine-width);height:100%;width:var(--spine-width);object-fit:fill;opacity:1;transition:flex-basis .32s cubic-bezier(.2,.8,.2,1),width .32s cubic-bezier(.2,.8,.2,1),opacity .12s ease}.book-cover-frame{width:0;height:100%;margin-left:0;overflow:hidden;flex:0 0 auto;transition:width .32s cubic-bezier(.2,.8,.2,1),margin-left .32s cubic-bezier(.2,.8,.2,1)}.book-cover{display:block;height:100%;width:auto;max-width:none;object-fit:contain;opacity:0;transform:translate(-14px);transition:opacity .12s ease,transform .32s cubic-bezier(.2,.8,.2,1)}.book.is-open{z-index:1}.book.is-open .book-spine{flex-basis:0;width:0;opacity:0}.book.is-open .book-cover-frame{width:var(--cover-width);margin-left:.35rem}.book.is-open .book-cover{opacity:1;transform:translate(0)}.bookshelf-row .book-1{height:min(56vh,385px)}.bookshelf-row .book-5,.bookshelf-row .book-9{height:min(62vh,425px)}.bookshelf-row .book-12,.bookshelf-row .book-17{height:min(61vh,415px)}.playground-page{position:relative;min-height:100vh;overflow:hidden;background:#fff}.playground-drum{position:absolute;left:23%;top:13%;width:min(34vw,330px);padding:0;border:0;background:transparent;line-height:0;cursor:pointer;transition:transform .18s cubic-bezier(.2,.8,.2,1),filter .18s ease}.playground-drum img{display:block;width:100%;height:auto}.playground-drum:hover{transform:scale(1.04);filter:drop-shadow(0 12px 12px rgba(0,0,0,.18))}.playground-drum.is-pressed{transform:scale(.92);filter:none}.playground-piano{position:absolute;left:58%;top:27%;width:min(42vw,380px);padding:0;border:0;background:transparent;line-height:0;cursor:pointer;transition:transform .18s cubic-bezier(.2,.8,.2,1),filter .18s ease}.playground-piano img{display:block;width:100%;height:auto}.playground-piano:hover{transform:scale(1.04);filter:drop-shadow(0 12px 12px rgba(0,0,0,.18))}.playground-piano.is-pressed{transform:scale(.92);filter:none}.playground-title{position:absolute;left:10.5%;top:75%;display:flex;align-items:baseline;color:#000;font-size:4rem;font-weight:600;line-height:1.1}.playground-title .num{font-size:1.1rem;font-weight:600;margin-right:.4rem;position:relative;top:.8rem;opacity:.8}.piano-page{position:relative;min-height:100vh;margin:0;padding:0;border:2px solid #111;background:#fff;overflow:hidden}.piano-keyboard{position:absolute;top:10vh;right:7vw;width:min(64vw,760px);height:min(40vw,470px);border:2px solid #555;border-radius:7px;background:#fff}.white-keys{display:flex;width:100%;height:100%}.piano-white-key{position:relative;flex:1;padding:0;border:0;border-right:2px solid #555;background:#fff;cursor:pointer;transition:transform .1s ease,background-color .1s ease,box-shadow .1s ease}.piano-white-key:last-child{border-right:0}.piano-white-key span{position:absolute;bottom:1.4rem;left:50%;transform:translate(-50%);font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:600}.piano-white-key:hover,.piano-white-key.is-playing{background:#e8e8e8;box-shadow:inset 0 -8px #cfcfcf;transform:translateY(4px)}.piano-black-key{position:absolute;top:0;width:9%;height:58%;transform:translate(-50%);border-radius:0 0 7px 7px;background:#050505;pointer-events:none}.drums-page{box-sizing:border-box;min-height:100vh;display:grid;place-items:center;padding:0;border:2px solid #111;background:#fff}.drum-kit{position:relative;width:min(78vw,980px)}.drum-set{display:block;width:100%;height:auto}.drum-key{position:absolute;z-index:1;display:grid;width:3.5rem;height:3.5rem;place-items:center;transform:translate(-50%,-50%);padding:0;border:0;background:transparent;color:#000;font-family:Cormorant Garamond,serif;font-size:clamp(1rem,1.35vw,1.3rem);line-height:1;cursor:pointer;transition:transform .1s ease,color .1s ease}.drum-key span{position:relative;z-index:1}.drum-key:after{position:absolute;width:64%;height:64%;border:2px solid transparent;border-radius:50%;content:""}.drum-key:hover{color:#555}.drum-key.is-playing{transform:translate(-50%,-50%);color:#555}.drum-key.is-playing:after{border-color:#222;animation:drum-hit .18s ease-out}.drum-key.is-playing span{animation:drum-letter-glow .18s ease-out}@keyframes drum-hit{0%{opacity:.9;transform:scale(.55)}to{opacity:0;transform:scale(1.8)}}@keyframes drum-letter-glow{0%{color:#000;text-shadow:0 0 0 #fff}45%{color:#555;text-shadow:0 0 12px rgba(0,0,0,.55)}to{color:#000;text-shadow:0 0 0 #fff}}.wall-page:has(.wall-piece:hover),.wall-composition:has(.wall-piece:hover){background:#302f25}.wall-composition:has(.wall-piece:hover) .wall-piece{outline:2px solid #050505;outline-offset:-2px}.wall-composition:has(.wall-piece:hover) .wall-piece img{opacity:0;filter:none}.wall-composition:has(.wall-piece:hover) .wall-piece:hover{outline-color:transparent;z-index:2}.wall-composition:has(.wall-piece:hover) .wall-piece:hover img{opacity:1}.wall-composition:has(.wall-piece:hover) .wall-title{color:#080808}@media (max-width: 760px){.navbar{padding:1.5rem 1.25rem}.nav-link{font-size:1rem}.app-container section{min-height:auto;padding:6.5rem 1.25rem 4rem}.portfolio-hero{flex-direction:column;left:0;top:0;align-items:flex-start}.text-section{left:0;margin:0}.title{white-space:normal;font-size:4.4rem}.subtitle{margin-left:1rem;font-size:1.4rem}.profile-image{width:min(100%,340px);margin:2rem auto 0}.contents-container{height:500px}.contents-item{font-size:2.8rem}.playground{left:0;top:6%}.wall{left:20%;top:24%}.bookshelf{left:8%;top:42%}.blogs{left:20%;top:60%}.projects{left:5%;top:78%}.contact-section{padding-inline:1.25rem}.contact-container{height:620px;margin-top:1rem}.contact-images{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:1rem}.contact-images img{width:100%;height:170px}.contact-item{font-size:2.6rem}.linkedin{top:55%;font-size:2.3rem}.email{top:69%;left:0;font-size:2.3rem}.contactme{top:82%}.subpage{padding:2rem 1.25rem 4rem}.back-link{margin-bottom:4rem}.page-heading{margin-bottom:3.5rem}.page-heading p{margin-left:1.5rem;font-size:1.4rem}.editorial-entry{grid-template-columns:45px 1fr}.wall-page{min-height:100svh}.wall-composition{width:100%}.wall-title{gap:.5rem}.bookshelf-page{padding:4rem 1.25rem 2rem;overflow:hidden}.bookshelf-title{margin-left:0;font-size:2.8rem}.bookshelf-scroller{margin-top:5rem}.bookshelf-row{justify-content:flex-start}.bookshelf-row .book{height:52vh}.playground-drum{left:22%;top:22%;width:32vw}.playground-piano{left:55%;top:38%;width:34vw}.playground-title{left:9%;top:76%;font-size:2.8rem}.piano-keyboard{top:12vh;right:6vw;width:88vw;height:52vw;min-height:220px}.drums-page{padding:1.25rem}.drum-kit{width:94vw}}.app-shell{font-family:Chakra Petch,Segoe UI,sans-serif;color:#f4f0db;background:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-shell{min-width:1024px;min-height:100svh}html.is-scroll-gesture-locked,html.is-scroll-gesture-locked body{overflow:hidden}button:focus-visible{outline:2px solid #f7f3dc;outline-offset:2px}:root{--acid: #a6ff3d;--mint: #78f7c2;--amber: #ffc34e;--red: #ff5a40;--ink: #030607;--line: rgba(178, 255, 202, .24);--instrument-pink: #d32447;--instrument-purple: #322259;--game-yellow: #eff83b}*{box-sizing:border-box}button{font:inherit}.app-shell{width:100%;min-height:100svh;display:flex;flex-direction:column;background:#000}.landing-screen{position:relative;width:100%;min-height:100svh;overflow:hidden;background:#030405;isolation:isolate}.landing-screen.is-dismissed{display:none}.landing-background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center}.landing-lightning{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;opacity:.82;mix-blend-mode:screen;pointer-events:none}.landing-title{position:absolute;z-index:2;top:9.5%;left:3.2%;width:62vw;max-width:calc(100% - 40px);height:auto;display:block}.scroll-notice-anchor{--scroll-progress: 0%;--scroll-notice-color: var(--instrument-pink);position:fixed;z-index:120;top:0;left:0;width:min(300px,26vw);pointer-events:none;transition:transform 90ms cubic-bezier(.2,.8,.2,1);will-change:transform}.scroll-notice-anchor.is-game-target{--scroll-notice-color: var(--game-yellow)}.scroll-notice{position:relative;width:100%;height:52px;overflow:hidden;border:2px solid var(--scroll-notice-color);background:transparent;box-shadow:none;opacity:0;transform:translateY(28px) rotate(2deg) scale(.9);transform-origin:12% 12%;transition:opacity .15s ease,transform .22s cubic-bezier(.2,.9,.2,1)}.scroll-notice-anchor.is-active .scroll-notice{opacity:1;transform:translateY(0) rotate(-.8deg) scale(1)}.scroll-notice-fill{position:absolute;z-index:0;right:0;bottom:0;left:0;height:var(--scroll-progress);background:var(--scroll-notice-color);transition:height 70ms linear}.scroll-marquee{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;overflow:hidden;color:#fff;font-family:Georgia,Times New Roman,serif;font-size:clamp(1rem,1.55vw,1.45rem);line-height:1;white-space:nowrap}.scroll-marquee-track{display:flex;width:max-content;animation:scroll-marquee-right 10s linear infinite;animation-play-state:paused;will-change:transform}.scroll-marquee-track span{flex:none;padding-right:.45em}.scroll-notice-anchor.is-active .scroll-marquee-track{animation-play-state:running}.scroll-notice-anchor.is-complete .scroll-notice{border-color:var(--scroll-notice-color);box-shadow:none;animation:scroll-notice-complete .36s ease both}@keyframes scroll-marquee-right{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes scroll-notice-complete{0%{transform:rotate(-.8deg) scale(1)}45%{transform:rotate(1.8deg) scale(1.06)}to{transform:rotate(0) scale(1)}}.hero-panel{position:relative;min-height:100svh;overflow:hidden;isolation:isolate}.hero-panel--compact{--game-monitor-top: clamp(128px, 18.2svh, 146px);--game-footer-reserve: clamp(72px, 10svh, 96px);min-height:100svh;background:var(--instrument-pink)}.hero-panel--compact:before{content:none}.game-floor{position:absolute;z-index:1;left:0;bottom:0;width:100%;height:auto;display:block}.game-page-title{position:absolute;z-index:3;top:clamp(38px,6.25svh,52px);left:50%;width:min(660px,70vw);height:auto;display:block;transform:translate(-50%)}.game-monitor{position:absolute;z-index:2;bottom:var(--game-footer-reserve);left:50%;width:min(78vw,max(320px,calc((100svh - var(--game-monitor-top) - var(--game-footer-reserve)) * 1.5202)));aspect-ratio:5980 / 3933;transform:translate(-50%)}.game-footer{position:absolute;z-index:4;bottom:8px;left:50%;transform:translate(-50%)}.game-keyboard-guide{--game-key-size: clamp(30px, 3.4svh, 40px);display:grid;grid-template-columns:repeat(3,var(--game-key-size));grid-template-rows:repeat(2,var(--game-key-size));gap:4px}.game-key{width:var(--game-key-size);height:var(--game-key-size);display:grid;place-items:center;padding:0;border:3px solid #05070d;border-radius:2px;color:#f7f8ff;background:#6679b5;box-shadow:inset 4px 4px #9aa7d2,inset -4px -4px #3f508c,4px 4px #05070d}.game-key svg{width:58%;height:58%;stroke-width:3.5}.game-key--up{grid-column:2}.game-key--left{grid-column:1;grid-row:2}.game-key--down{grid-column:2;grid-row:2}.game-key--right{grid-column:3;grid-row:2}.game-monitor-art{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.game-frame{position:relative;width:min(100vw,177.8svh);height:min(100svh,calc(100vw / 1.778));overflow:hidden;background:var(--ink);touch-action:none}.game-frame--compact{position:absolute;z-index:1;top:10.7%;left:6.45%;width:87.05%;height:auto;aspect-ratio:16 / 9;overflow:hidden;border:0;border-radius:0;background:var(--ink);box-shadow:none}.game-frame--compact:before{content:none}.game-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(0,0,0,.11) 4px);mix-blend-mode:multiply}.game-canvas,.game-canvas canvas{width:100%!important;height:100%!important;display:block}.lives{position:absolute;z-index:12;top:14px;right:14px;width:112px;height:44px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;background:#00000094}.lives svg{width:25px;height:25px;color:#555;fill:#1c1c1c}.lives svg.is-active{color:#ff5a40;fill:#ff5a40}.game-screen{position:absolute;z-index:20;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;background:#0105062e;transition:opacity .18s ease}.game-screen.is-visible{opacity:1;pointer-events:auto}.game-screen button{display:inline-flex;align-items:center;gap:8px;min-height:58px;padding:0 28px;border:1px solid #dfffb7;border-radius:4px;color:#071006;background:var(--acid);font-weight:700;cursor:pointer;box-shadow:4px 4px #1e4b14}.game-screen button svg{width:17px}.instrument-screen{position:relative;width:100%;min-height:100svh;display:grid;place-items:center;padding:clamp(170px,23svh,210px) 0 clamp(84px,11svh,104px);overflow:hidden;isolation:isolate;background:var(--instrument-pink)}.instrument-footer{position:absolute;z-index:4;right:0;bottom:0;left:0;min-height:64px;padding:14px 32px;display:flex;align-items:center;justify-content:center;color:#f7f3dc;background:transparent;font-size:clamp(.88rem,1.25vw,1.05rem);line-height:1.35;text-align:center}.instrument-screen.is-dismissed{display:none}.instrument-screen.is-revealing{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;width:100%;height:100svh;min-height:100svh;pointer-events:none;clip-path:circle(0 at var(--reveal-x) var(--reveal-y));animation:instrument-radial-reveal .76s cubic-bezier(.22,1,.36,1) forwards;contain:layout paint style;backface-visibility:hidden;transform:translateZ(0);will-change:clip-path}@keyframes instrument-radial-reveal{0%{clip-path:circle(0 at var(--reveal-x) var(--reveal-y))}to{clip-path:circle(var(--reveal-radius) at var(--reveal-x) var(--reveal-y))}}.instrument-background{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;transform:translate(1%,4%) scale(1.08);transform-origin:center}.instrument-title{position:absolute;z-index:3;top:clamp(36px,6svh,62px);left:50%;width:min(77vw,1050px);height:auto;display:block;transform:translate(calc(-50% + 12px))}.instrument-row{position:relative;z-index:2;width:min(1080px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr);gap:clamp(48px,6vw,88px);align-items:center}.drum-section,.piano-section{z-index:1}.drum-section{position:relative;width:100%;justify-self:start;transform:translateY(18px) scale(.95);transform-origin:center;padding:0}.drum-section:before{content:none}.drum-copy{max-width:680px;margin-bottom:34px}.eyebrow{margin:0 0 10px;color:var(--mint);letter-spacing:.24em;text-transform:uppercase;font-size:.85rem}.drum-copy h2{margin:0;font-family:Black Ops One,system-ui,sans-serif;font-size:clamp(2.3rem,4vw,4.4rem);line-height:.95;color:#f8f5dc}.drum-copy p{max-width:54ch;margin:14px 0 0;color:#f4f0dbd1;font-size:1rem;line-height:1.6}.drum-stage{position:relative;aspect-ratio:16 / 9.6;width:100%;overflow:hidden;border:0;border-radius:34px;background:transparent;box-shadow:none;isolation:isolate}.drum-stage:before{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background:var(--instrument-purple);filter:drop-shadow(14px 14px 0 rgba(0,0,0,.36));clip-path:polygon(9.3% 22.1%,24.5% 60.4%,37.7% 7.8%,46.4% 72.5%,65.8% 15.6%,69.8% 70.2%,89.5% 22.1%,90.7% 93.1%,70.9% 84.7%,70.9% 86%,54% 81%,48.4% 82.4%,31.9% 79.3%,32.9% 82.4%,9.3% 93.1%)}.drum-instrument{position:absolute;z-index:4;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation;transform:scale(.92)}.drum-instrument:focus-visible{outline:none}.drum-instrument:before{content:none;position:absolute;top:16%;right:18%;bottom:16%;left:18%;border-radius:50%;background:none;filter:none;opacity:0;transition:opacity .14s ease;pointer-events:none}.drum-instrument:hover:before,.drum-instrument:focus-visible:before,.drum-instrument.is-active:before{opacity:1}.instrument-key,.instrument-label{position:absolute;left:50%;transform:translate(-50%);z-index:7;white-space:nowrap;text-transform:uppercase;letter-spacing:.12em}.instrument-key{top:2%;min-width:34px;min-height:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#0000009e;border:1px solid rgba(255,255,255,.16);color:#f8f5dc;font-size:.72rem;font-weight:700}.instrument-label{bottom:3%;color:#f8f5dcd1;font-size:.68rem}.instrument-stand,.instrument-body,.instrument-shell,.instrument-face,.instrument-rim,.instrument-strike{position:absolute}.instrument-body{top:8%;right:4%;bottom:10%;left:4%;transform:rotate(var(--instrument-rotate, 0deg));transform-origin:center center;transition:transform .16s ease,filter .16s ease}.drum-instrument--drum .instrument-body{top:10%;right:0;bottom:8%;left:0}.drum-instrument--drum .instrument-shell{top:12%;right:8%;bottom:0;left:8%;border-radius:50%;background:linear-gradient(90deg,#080809 0,#080809 15%,#1a1a1f 15%,#1a1a1f 21%,#080809 21%,#080809 79%,#1a1a1f 79%,#1a1a1f 85%,#09090b 85%,#09090b);transform:translateY(12%);box-shadow:inset 0 -18px 20px #00000075}.drum-instrument--drum .instrument-face{top:0;right:6%;bottom:14%;left:6%;border-radius:50%;background:linear-gradient(180deg,#f6f7fa,#ebeef2);box-shadow:inset 0 -10px 18px #00000014}.drum-instrument--drum .instrument-rim{top:-1%;right:5%;bottom:13%;left:5%;border-radius:50%;border:10px solid #d9dce1;box-shadow:inset 0 -10px 10px #00000024}.drum-instrument--drum .instrument-strike{top:22%;right:23%;bottom:33%;left:23%;border-radius:50%;border:0;opacity:0;transform:scale(.7)}.drum-instrument--cymbal .instrument-stand{left:49%;top:30%;width:0;height:54%;border-left:3px solid rgba(205,206,214,.78);box-shadow:0 0 0 1px #28282d52}.drum-instrument--cymbal .instrument-stand:before,.drum-instrument--cymbal .instrument-stand:after{content:"";position:absolute;left:-11px;width:22px;height:4px;background:#d6d8e0d1;border-radius:999px}.drum-instrument--cymbal .instrument-stand:before{top:20%;transform:rotate(22deg)}.drum-instrument--cymbal .instrument-stand:after{bottom:12%;transform:rotate(-18deg)}.drum-instrument--cymbal .instrument-shell,.drum-instrument--cymbal .instrument-rim{display:none}.drum-instrument--cymbal .instrument-face{top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(180deg,color-mix(in srgb,var(--pad-accent) 56%,#ffffff 8%),color-mix(in srgb,var(--pad-accent) 32%,#1a1b20));box-shadow:inset 0 -10px 12px #00000047}.drum-instrument--cymbal .instrument-body{top:10%;right:10%;bottom:26%;left:10%}.drum-instrument--cymbal .instrument-strike{top:-8%;right:-10%;bottom:-8%;left:-10%;border-radius:50%;border:0;opacity:0;transform:scale(.66)}.drum-instrument:hover .instrument-body,.drum-instrument:focus-visible .instrument-body{filter:none}.drum-instrument.is-active .instrument-strike{animation:strike-flash .18s ease-out}.drum-instrument--drum.is-active .instrument-body{animation:drum-hit .18s ease-out}.drum-instrument--cymbal.is-active .instrument-body{animation:cymbal-hit .18s ease-out;transform-origin:50% 78%}.drum-instrument--left-crash{left:6%;top:10%;width:19%;height:17%;--instrument-rotate: -14deg;z-index:3}.drum-instrument--left-hat{left:1.5%;top:28%;width:20%;height:18%;--instrument-rotate: -9deg;z-index:3}.drum-instrument--snare{left:3.5%;top:44%;width:20%;height:40%;--instrument-rotate: 16deg;z-index:4}.drum-instrument--tom-high{left:18%;top:18%;width:19%;height:39%;--instrument-rotate: -11deg;z-index:4}.drum-instrument--rack-tom{left:31%;top:9%;width:19%;height:42%;--instrument-rotate: 1deg;z-index:5}.drum-instrument--top-splash{left:57%;top:7%;width:15%;height:12%;--instrument-rotate: 14deg;z-index:3}.drum-instrument--kick{left:29%;top:16%;width:39%;height:70%;--instrument-rotate: -7deg;z-index:6}.drum-instrument--floor-tom{left:57%;top:36%;width:24%;height:46%;--instrument-rotate: 8deg;z-index:5}.drum-instrument--ride{left:77%;top:17%;width:17%;height:18%;--instrument-rotate: -16deg;z-index:4}.drum-instrument--right-stack{left:85%;top:32%;width:13%;height:16%;--instrument-rotate: -20deg;z-index:4}@keyframes drum-hit{0%{transform:rotate(var(--instrument-rotate, 0deg)) scale(1)}50%{transform:rotate(var(--instrument-rotate, 0deg)) scale(.94)}to{transform:rotate(var(--instrument-rotate, 0deg)) scale(1)}}@keyframes cymbal-hit{0%{transform:rotate(var(--instrument-rotate, 0deg))}40%{transform:rotate(calc(var(--instrument-rotate, 0deg) + 11deg)) translateY(2px)}to{transform:rotate(var(--instrument-rotate, 0deg))}}@keyframes strike-flash{0%{opacity:.82;transform:scale(.62)}to{opacity:0;transform:scale(1.18)}}.piano-section{position:relative;width:88%;justify-self:end;transform:translate(-36px,18px) scale(.95);transform-origin:center;padding:0}.piano-section:before{content:none}.piano-copy{max-width:420px;margin-bottom:34px}.piano-copy h2{margin:0;font-family:Black Ops One,system-ui,sans-serif;font-size:clamp(1.8rem,3vw,3rem);line-height:.98;color:#f8f5dc}.piano-copy p{margin:14px 0 0;color:#f4f0dbd1;font-size:.98rem;line-height:1.6}.piano-stage{position:relative;overflow:hidden;min-height:340px;border:0;border-radius:22px;background:transparent;isolation:isolate}.piano-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:none;z-index:1}.piano-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:none;z-index:1}.piano-shadow-slab{position:absolute;left:2%;right:5.5%;bottom:4%;height:58%;background:var(--instrument-purple);box-shadow:14px 14px #0000005c;z-index:2}.piano-shadow-slab:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:none;z-index:-1}.piano-keys-wrap{position:absolute;left:5.5%;right:11%;bottom:10%;height:80.5%;transform:skew(-3deg) rotate(-1deg);transform-origin:bottom center;z-index:4}.piano-black-keys{position:absolute;inset:0 0 auto;height:36%;z-index:5;pointer-events:none}.piano-black-key{position:absolute;top:0;width:7.4%;height:66%;margin-left:-3.7%;background:#070707}.piano-keys{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;align-items:end;z-index:3}.piano-key{position:relative;min-height:100%;padding:0;border:0;border-radius:0;background:transparent;color:inherit;cursor:pointer;overflow:hidden;touch-action:manipulation;transition:transform .12s ease}.piano-key:focus-visible{outline:none}.piano-key:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#fff;box-shadow:inset -2px 0 #00000029}.piano-key:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border-left:1px solid rgba(0,0,0,.18);border-right:1px solid rgba(0,0,0,.18)}.piano-key.is-active{transform:translateY(5px)}.piano-key.is-active:before{background:#ffd7d2}.piano-letter{position:absolute;left:50%;transform:translate(-50%);z-index:3;text-transform:uppercase;top:65%;color:#000000e6;font-size:.78rem;font-weight:700;letter-spacing:.12em}.piano-key-top,.piano-key-flare{position:absolute;pointer-events:none}.piano-key-top{top:0;right:0;bottom:0;left:0;height:58%;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 54%);z-index:2}.piano-key-flare{inset:18% 6% auto;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 72%);filter:blur(10px);opacity:0;z-index:1}.piano-key.is-active .piano-key-flare{animation:piano-flash .22s ease-out}@keyframes piano-flash{0%{opacity:.85;transform:scale(.8)}to{opacity:0;transform:scale(1.18)}}