@import "https://fonts.googleapis.com/css2?family=Bungee&family=DM+Sans:wght@400;500;700&display=swap";.pf-piano{--g:3px;gap:var(--g);-webkit-user-select:none;user-select:none;touch-action:manipulation;width:100%;max-width:460px;height:120px;margin-bottom:10px;display:flex;position:relative}.pf-wkey,.pf-bkey{cursor:pointer;font-family:var(--body);-webkit-tap-highlight-color:transparent;border:0;justify-content:center;align-items:flex-end;font-weight:700;transition:transform 80ms,box-shadow 80ms,background 80ms;display:flex}.pf-wkey span,.pf-bkey span{pointer-events:none}.pf-wkey{color:#4b6560;background:linear-gradient(#fff, var(--paper) 70%, #dfe9e4);border-radius:0 0 10px 10px;flex:1 1 0;min-width:0;padding-bottom:10px;font-size:.75rem;box-shadow:0 6px #9fb3ad,0 10px 14px #0000004d}.pf-wkey.on,.pf-wkey:active{background:var(--teal);color:var(--ink);transform:translateY(5px);box-shadow:0 1px #9fb3ad}.pf-bkey{z-index:2;top:0;left:calc(var(--at) * (100% + var(--g)) / 8 - var(--g) / 2);color:#ffffff8c;background:linear-gradient(#2a4a47,#020b0a);border-radius:0 0 7px 7px;width:7.4%;height:62%;padding-bottom:6px;font-size:.65rem;position:absolute;transform:translate(-50%);box-shadow:0 5px #000,0 8px 10px #0006}.pf-bkey.on,.pf-bkey:active{background:linear-gradient(var(--coral), #b8402f);color:#fff;transform:translate(-50%)translateY(4px);box-shadow:0 1px #000}@media (width<=480px){.pf-piano{height:108px}.pf-wkey{font-size:.7rem}.pf-bkey{font-size:.6rem}}@media (prefers-reduced-motion:reduce){.pf-wkey,.pf-bkey{transition:none}}.pf{--ink:#07201f;--teal:#19c7c0;--sun:#ffd54a;--coral:#ff6b57;--paper:#f3f7f4;--display:"Bungee", "DM Sans", sans-serif;--body:"DM Sans", sans-serif;background:var(--ink);min-height:100vh;color:var(--paper);font-family:var(--body);width:100%;max-width:100vw;position:relative;overflow-x:clip}.pf *{box-sizing:border-box}.pf-fluid{z-index:0;width:100%;height:100%;position:fixed;inset:0}.pf>section,.pf>.pf-band{z-index:1;position:relative}.pf-progress{background:var(--sun);transform-origin:0;z-index:50;height:4px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.pf-nav{z-index:40;-webkit-backdrop-filter:blur(16px)saturate(180%);white-space:nowrap;background:#07201f99;border:1px solid #ffffff26;border-radius:999px;justify-content:center;align-items:center;padding:6px 8px;display:inline-flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #00000059}.pf-nav nav{gap:2px;display:flex}.pf-nav nav a{color:var(--paper);letter-spacing:.01em;border-radius:999px;padding:8px 16px;font-size:.9rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s}.pf-nav nav a:hover{background:#ffffff24}@media (width<=640px){.pf-nav{padding:4px 6px;top:10px}.pf-nav nav{gap:0}.pf-nav nav a{padding:7px 10px;font-size:.78rem}}.pf-hero-text{min-width:0}.pf-hero{grid-template-columns:1.3fr 1fr;align-items:center;gap:3rem;max-width:1400px;min-height:100svh;margin:0 auto;padding:7rem clamp(1.5rem,6vw,6rem) 4rem;display:grid}.pf-hero h1{font-family:var(--display);text-transform:uppercase;margin:.4rem 0 1rem;font-size:clamp(3.4rem,9vw,9rem);font-weight:400;line-height:.92}.pf-line{white-space:nowrap;display:block}.pf-outline{color:#0000;-webkit-text-stroke:3px var(--paper)}.pf-mask{vertical-align:top;padding-bottom:.08em;line-height:1;display:inline-block;overflow:hidden}.pf-ch{display:inline-block}.pf-hero-sub{opacity:.9;max-width:34rem;margin:0 0 1.5rem;font-size:1.15rem;line-height:1.55}.pf-hero-cta{flex-wrap:wrap;gap:12px;margin-bottom:2.2rem;display:flex}.pf-btn{font:700 1rem var(--body);color:var(--paper);border:2px solid var(--paper);cursor:pointer;background:0 0;border-radius:14px;align-items:center;gap:8px;padding:12px 22px;text-decoration:none;transition:transform .2s,background .2s,color .2s;display:inline-flex}.pf-btn:hover{background:var(--paper);color:var(--ink);transform:translateY(-3px)rotate(-1deg)}.pf-btn-main{background:var(--sun);border-color:var(--sun);color:var(--ink)}.pf-photo{aspect-ratio:4/5;filter:drop-shadow(0 30px 40px #00000073);background:0 0;border:0;justify-self:center;width:min(34vw,420px);padding:0;position:relative;transform:rotate(3deg)}.pf-photo img{object-fit:cover;border:3px solid var(--paper);border-radius:28px;width:100%;height:100%;display:block}.pf-keys-wrap small{opacity:.7;margin-top:8px;display:block}.pf-band{border-block:2px solid var(--paper);background:#07201f80;margin:2rem -2vw;padding:10px 0;overflow:hidden;transform:rotate(-1.2deg)}.pf-band-in{white-space:nowrap;font:1.6rem var(--display);text-transform:uppercase;display:inline-flex}.pf-band-in span{padding-right:1.4rem}.pf-section{max-width:1200px;margin:0 auto;padding:6rem clamp(1.5rem,5vw,4rem)}.pf-section h2{font:400 clamp(2rem, 5vw, 4.2rem) var(--display);text-transform:uppercase;margin:0 0 2.5rem;line-height:1}.pf-about-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.pf-about-grid p{border-left:3px solid var(--teal);margin:0;padding-left:1rem;font-size:1.1rem;line-height:1.65}.pf-about-grid p:nth-child(2){border-color:var(--sun)}.pf-about-grid p:nth-child(3){border-color:var(--coral)}.pf-about{padding-bottom:1.5rem}.pf-life{padding-top:.5rem}.pf-stack-grid{grid-template-columns:repeat(4,1fr);gap:1.2rem;display:grid}.pf-stack-card{--mx:50%;--my:0px;border-top:4px solid var(--ac);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-inline:1px solid #ffffff24;background:#ffffff12;border-bottom:1px solid #ffffff24;border-radius:24px;flex-direction:column;padding:1.6rem 1.3rem;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.pf-stack-card:before{content:"";pointer-events:none;opacity:0;background:radial-gradient(260px circle at var(--mx) var(--my), color-mix(in srgb, var(--ac) 38%, transparent), transparent 70%);transition:opacity .3s;position:absolute;inset:0}.pf-stack-card:hover{transform:translateY(-6px);box-shadow:0 24px 40px #00000059}.pf-stack-card:hover:before{opacity:1}.pf-stack-ic{color:var(--ac);font-size:2.2rem;transition:transform .4s;position:absolute;top:14px;right:18px}.pf-stack-card:hover .pf-stack-ic{transform:rotate(-12deg)scale(1.2)}.pf-stack-card h3{font:400 1.25rem var(--display);margin:0 0 4px;padding-right:2.6rem;position:relative}.pf-stack-card p{opacity:.75;margin:0 0 1.2rem;font-size:.95rem;position:relative}.pf-stack-card ul{flex-wrap:wrap;gap:6px;margin:auto 0 0;padding:0;list-style:none;display:flex;position:relative}.pf-stack-card li{border:1px solid var(--ac);background:color-mix(in srgb, var(--ac) 16%, transparent);border-radius:8px;padding:4px 10px;font-size:.8rem;font-weight:700;transition:background .2s,color .2s}.pf-stack-card li:hover{background:var(--ac);color:var(--ink)}.pf-lead{opacity:.8;margin:-1.5rem 0 1.6rem;font-size:1.1rem}.pf-tabs{flex-wrap:wrap;gap:8px;margin-bottom:2rem;display:flex}.pf-tabs button{font:700 .95rem var(--body);border:2px solid var(--paper);color:var(--paper);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;transition:all .2s;display:inline-flex}.pf-tabs button.active,.pf-tabs button:hover{background:var(--paper);color:var(--ink)}.pf-tabs button.active{background:var(--sun);border-color:var(--sun)}.pf-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.4rem;display:grid}.pf-card{--rx:0deg;--ry:0deg;--gx:50%;--gy:30%;border:2px solid var(--bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));background:#07201f99;border-radius:28px;flex-direction:column;transition:transform .25s ease-out,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000004d}.pf-card:hover{box-shadow:0 30px 60px #00000073, 0 0 0 2px var(--g1)}.pf-card.big{grid-column:span 2}.pf-card-img{background:linear-gradient(135deg, var(--bg), var(--g1));height:170px;position:relative;overflow:hidden}.pf-card.big .pf-card-img{height:220px}.pf-card-img img{width:100%;height:100%;transition:transform .5s;display:block;position:absolute;inset:0}.pf-card:hover .pf-card-img img{transform:scale(1.05)}.pf-card-img:after{content:"";pointer-events:none;background:linear-gradient(#0000 40%,#07201f8c 100%);position:absolute;inset:0}.pf-card-top{height:80px;color:var(--ink);background:linear-gradient(135deg, var(--bg), var(--g1));position:relative;overflow:hidden}.pf-card.big .pf-card-top{height:95px}.pf-card-top:after{content:"";pointer-events:none;mix-blend-mode:soft-light;background:radial-gradient(circle at var(--gx) var(--gy), #ffffff8c, transparent 55%);position:absolute;inset:0}.pf-card-word{font:400 clamp(1.8rem, 2.6vw, 2.4rem)/1 var(--display);color:#0000;-webkit-text-stroke:1.5px var(--ink);opacity:.45;white-space:nowrap;transition:transform .6s ease-out;position:absolute;bottom:.25rem;left:.9rem}.pf-card:hover .pf-card-word{transform:translate(-4%)}.pf-card-cat{z-index:1;font:700 .75rem var(--body);border:1.5px solid var(--ink);color:var(--ink);border-radius:999px;align-items:center;gap:5px;padding:3px 10px;display:inline-flex;position:absolute;top:10px;left:12px}.pf-card-body{flex-direction:column;flex:1;gap:.8rem;padding:1.4rem 1.5rem 1.6rem;display:flex}.pf-card-body h4{font:400 1.3rem/1.1 var(--display);text-transform:uppercase;margin:0}.pf-card-body p{opacity:.85;margin:0;line-height:1.55}.pf-card-body ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pf-card-body li{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:3px 10px;font-size:.8rem;font-weight:700}.pf-card-links{gap:8px;margin-top:auto;padding-top:.4rem;display:flex}.pf-card-links a{font:700 .9rem var(--body);color:var(--g1);border:2px solid var(--g1);border-radius:12px;align-items:center;gap:6px;padding:8px 14px;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.pf-card-links a:hover{background:var(--g1);color:var(--ink)}.pf-more{margin-top:2.5rem}.pf-trail ol{border-left:3px solid var(--teal);gap:2rem;margin:0;padding:0 0 0 1.5rem;list-style:none;display:grid}.pf-step{gap:2px;display:grid;position:relative}.pf-step:before{content:"";background:var(--sun);border-radius:50%;width:15px;height:15px;position:absolute;top:6px;left:calc(-1.5rem - 9px)}.pf-step time{color:var(--teal);font-weight:700}.pf-step strong{font-size:1.3rem}.pf-step span{opacity:.75}.pf-contact{text-align:center}.pf-contact p{opacity:.85;margin:-1rem 0 2rem;font-size:1.2rem}.pf-links{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.pf-contact footer{opacity:.6;margin-top:5rem;font-size:.9rem}@media (width<=860px){.pf-hero{grid-template-columns:1fr;gap:1.8rem;min-height:auto;padding:6rem 1.25rem 3rem}.pf-photo{order:-1;justify-self:start;width:min(62vw,280px)}.pf-hero h1{font-size:clamp(2.6rem,15vw,6rem)}.pf-outline{-webkit-text-stroke-width:2px}.pf-hero-sub{font-size:1.05rem}.pf-hero-cta .pf-btn{flex:auto;justify-content:center}.pf-keys-wrap small{display:none}.pf-band{margin:1rem -4vw}.pf-band-in{font-size:1.1rem}.pf-section{padding:3.5rem 1.25rem}.pf-section h2{margin-bottom:1.6rem}.pf-lead{margin-top:-.8rem}.pf-about-grid{grid-template-columns:1fr;gap:1.4rem}.pf-about{padding-bottom:1rem}.pf-life{padding-top:.5rem}.pf-tabs button{padding:8px 14px;font-size:.85rem}.pf-card.big{grid-column:auto}.pf-card-img,.pf-card.big .pf-card-img{height:140px}.pf-card-top,.pf-card.big .pf-card-top{height:75px}.pf-card-word{font-size:1.7rem}.pf-contact p{margin-top:-.6rem}.pf-contact footer{margin-top:3rem}}@media (width<=960px){.pf-stack-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (width<=580px){.pf-stack-grid{grid-template-columns:1fr}}@media (width<=480px){.pf-links .pf-btn{flex:100%;justify-content:center}}@media (hover:none){.pf-card,.pf-stack-card:hover{transform:none}}:focus-visible{outline:3px solid var(--sun);outline-offset:3px}@media (prefers-reduced-motion:reduce){.pf-band{transform:none}.pf-btn,.pf-card,.pf-stack-card{transition:none}}.pf-photo.pf-stack{--pw:76%;--dx:46%;aspect-ratio:1;filter:none;justify-self:center;width:min(38vw,460px);position:relative;transform:none}.pf-sp{--tx:0%;--ty:0px;--rot:0deg;--sc:1;--br:1;--sat:1;width:var(--pw);aspect-ratio:4/5;cursor:pointer;-webkit-tap-highlight-color:transparent;transform:translate(-50%, -50%) translate(var(--tx), var(--ty)) rotate(var(--rot)) scale(var(--sc));filter:drop-shadow(0 22px 28px #00000073) brightness(var(--br)) saturate(var(--sat));background:0 0;border:0;border-radius:28px;padding:0;transition:transform .65s cubic-bezier(.34,1.35,.5,1),filter .4s,opacity .4s;position:absolute;top:50%;left:50%}.pf-sp img{object-fit:cover;border:3px solid var(--paper);border-radius:28px;width:100%;height:100%;display:block}.pf-sp[data-pos=front]{z-index:3;cursor:default}.pf-sp[data-pos=left],.pf-sp[data-pos=right]{z-index:2;--sc:.88;--br:.72;--sat:.85}.pf-sp[data-pos=left]{--tx:calc(var(--dx) * -1);--rot:-9deg}.pf-sp[data-pos=right]{--tx:var(--dx);--rot:9deg}.pf-sp[data-pos=left]:hover,.pf-sp[data-pos=left]:focus-visible,.pf-sp[data-pos=right]:hover,.pf-sp[data-pos=right]:focus-visible{--ty:-12px;--br:.95;--sat:1}.pf-sp[data-pos=hidden]{z-index:0;opacity:0;pointer-events:none;--sc:.8}@media (width<=860px){.pf-photo.pf-stack{--pw:70%;--dx:44%;justify-self:center;width:min(80vw,340px)}}@media (prefers-reduced-motion:reduce){.pf-sp{transition:none}}.pf-np{max-width:min(100%,320px);color:var(--paper);-webkit-backdrop-filter:blur(10px);background:#ffffff12;border:1px solid #ffffff24;border-radius:16px;align-items:center;gap:12px;margin-bottom:1.2rem;padding:8px 14px 8px 8px;text-decoration:none;transition:background .2s,transform .2s;animation:.8s .9s both pf-np-in;display:inline-flex}a.pf-np:hover{background:#ffffff21;transform:translateY(-2px)}.pf-np-art{width:44px;height:44px;color:var(--ink);background:linear-gradient(135deg, var(--teal), var(--sun));border-radius:10px;flex:none;place-items:center;font-size:1.3rem;display:grid;overflow:hidden;box-shadow:0 4px 12px #00000059}.pf-np-art img{object-fit:cover;width:100%;height:100%;display:block}.pf-np-text{min-width:0;line-height:1.25;display:grid}.pf-np-text small{opacity:.6;font-size:.7rem}.pf-np-text strong,.pf-np-artist{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pf-np-text strong{font-size:.9rem}.pf-np-artist{opacity:.75;font-size:.8rem}.pf-np-bars{flex:none;align-items:flex-end;gap:3px;height:18px;margin-left:2px;display:flex}.pf-np-bars i{background:var(--teal);transform-origin:bottom;border-radius:2px;width:3px;height:100%;transform:scaleY(.25)}.pf-np-bars.on i{animation:.9s ease-in-out infinite pf-eq}.pf-np-bars.on i:nth-child(2){animation-duration:.7s;animation-delay:-.3s}.pf-np-bars.on i:nth-child(3){animation-duration:1.1s;animation-delay:-.6s}@keyframes pf-eq{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}@keyframes pf-np-in{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.pf-np{transition:none;animation:none}.pf-np-bars.on i{animation:none;transform:scaleY(.6)}}.pf-wide{--pw:72%;--dx:26%;--tilt:6deg;aspect-ratio:2;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:min(100%,980px);margin:0 auto;position:relative}.pf-wp{--tx:0%;--ty:0px;--rot:0deg;--sc:1;--br:1;--sat:1;width:var(--pw);aspect-ratio:16/9;cursor:pointer;-webkit-tap-highlight-color:transparent;transform:translate(-50%, -50%) translate(var(--tx), var(--ty)) rotate(var(--rot)) scale(var(--sc));filter:drop-shadow(0 22px 28px #00000073) brightness(var(--br)) saturate(var(--sat));background:0 0;border:0;border-radius:22px;padding:0;transition:transform .65s cubic-bezier(.34,1.35,.5,1),filter .4s,opacity .4s;position:absolute;top:50%;left:50%}.pf-wp img{object-fit:cover;border:3px solid var(--paper);pointer-events:none;border-radius:22px;width:100%;height:100%;display:block}.pf-wp[data-pos=front]{z-index:3}.pf-wp[data-pos=left],.pf-wp[data-pos=right]{z-index:2;--sc:.88;--br:.72;--sat:.85}.pf-wp[data-pos=left]{--tx:calc(var(--dx) * -1);--rot:calc(var(--tilt) * -1)}.pf-wp[data-pos=right]{--tx:var(--dx);--rot:var(--tilt)}.pf-wp[data-pos=left]:hover,.pf-wp[data-pos=left]:focus-visible,.pf-wp[data-pos=right]:hover,.pf-wp[data-pos=right]:focus-visible{--ty:-12px;--br:.95;--sat:1}.pf-wp[data-pos=left2],.pf-wp[data-pos=right2]{z-index:1;--sc:.74;--br:.45;--sat:.6}.pf-wp[data-pos=left2]{--tx:calc(var(--dx) * -1.9);--rot:calc(var(--tilt) * -1.6)}.pf-wp[data-pos=right2]{--tx:calc(var(--dx) * 1.9);--rot:calc(var(--tilt) * 1.6)}.pf-wp[data-pos=left2]:hover,.pf-wp[data-pos=left2]:focus-visible,.pf-wp[data-pos=right2]:hover,.pf-wp[data-pos=right2]:focus-visible{--ty:-10px;--br:.7;--sat:.85}.pf-wp[data-pos=hidden]{z-index:0;opacity:0;pointer-events:none;--sc:.8}@media (width<=860px){.pf-wide{--pw:80%;--dx:18%;--tilt:5deg;aspect-ratio:16/10}.pf-wp,.pf-wp img{border-radius:16px}}@media (prefers-reduced-motion:reduce){.pf-wp{transition:none}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#040f10;font-family:Inter,sans-serif}#root{width:100%}