@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Italianno&family=Playfair+Display:ital,wght@0,400;0,500;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Great+Vibes&family=Italianno&display=swap";:root{--bg: #100608;--panel: #1c0a0e;--pink: #f2c4cd;--muted: #b9949c;--accent: #b34462;--border: rgba(234, 158, 175, .2);--navbar-height: 78px}#root{min-height:100vh}html{scroll-behavior:smooth;scroll-padding-top:var(--navbar-height)}body{margin:0;overflow-x:hidden;background:var(--bg)}button{cursor:pointer}.portfolio-app{min-height:100vh;overflow:visible;background:var(--bg);color:#ffe2e7}.stacked-pages{width:100%;overflow:visible}.portfolio-section{position:relative;width:100%;min-height:100svh;scroll-margin-top:0}.page-wrapper{width:100%}.page,.portfolio-section>.page{position:relative;box-sizing:border-box;width:100%;max-width:1600px;min-height:100svh;margin:0 auto;padding:calc(var(--navbar-height) + 42px) 8% 95px}.page:before{content:"";position:absolute;inset:var(--navbar-height) 2% 0;border:1px solid rgba(244,183,197,.1);pointer-events:none;z-index:0}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;box-sizing:border-box;height:var(--navbar-height);width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:rgba(15,3,7,.86);border-bottom:1px solid rgba(236,162,182,.18);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.nav-logo{border:0;padding:0;background:transparent;color:#ffe0e7;font:400 29px Playfair Display,Georgia,serif}.nav-links{display:flex;align-items:center;gap:clamp(22px,3vw,45px)}.nav-link{position:relative;padding:10px 0;border:0;background:transparent;color:#b9949c;font-size:14px;transition:color .25s ease}.nav-link:hover,.nav-link.active{color:#fff1f2}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#f2c4cd}.home-page.cinematic-home{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100svh;padding-top:calc(var(--navbar-height) + 38px);padding-bottom:92px;background:#100306;overflow:hidden}.home-floral-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:url(/images/floral-background.png);background-size:cover;background-position:center center;background-repeat:no-repeat;opacity:1;pointer-events:none}.home-floral-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 55% 62% at 50% 45%,rgba(12,1,5,.08),rgba(10,1,5,.22) 85%),linear-gradient(90deg,rgba(8,0,4,.1),rgba(10,0,5,.04) 48%,rgba(8,0,4,.14));pointer-events:none}.cinematic-home .ambient-flower{display:none}.home-top{position:absolute;z-index:10;top:calc(var(--navbar-height) + 33px);left:6%;right:6%;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.track-navigation{display:flex;flex-direction:column;gap:15px;padding-left:20px;border-left:1px solid rgba(245,177,194,.28);pointer-events:auto}.track-number{padding:2px 0;border:0;background:transparent;color:#a87582;font-size:12px;text-align:left;transition:color .25s,transform .25s}.track-number:hover,.track-number.selected{color:#ffe1e8;transform:translate(5px)}.home-content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;width:100%;max-width:950px;margin:0 auto}.cinematic-home .vinyl-scene{position:relative;display:flex;align-items:center;justify-content:center;width:clamp(285px,29vw,415px);height:clamp(285px,29vw,415px);margin:0 auto 10px;overflow:visible}.vinyl-aura{position:absolute;top:-17%;right:-17%;bottom:-17%;left:-17%;border-radius:50%;background:radial-gradient(circle,rgba(172,29,66,.28),rgba(105,10,38,.1) 50%,transparent 74%);filter:blur(33px);pointer-events:none}.cinematic-home .vinyl-record{position:relative;display:flex;align-items:center;justify-content:center;width:96%;height:96%;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 34% 26%,rgba(255,188,209,.12),transparent 34%),conic-gradient(from 20deg,#190208,#48091e,#80203e,#350616,#180208,#862342,#bd5879,#52102a,#190208,#60132d,#190208);border:2px solid rgba(255,179,201,.52);box-shadow:0 0 0 3px #490b1f80,0 0 42px #b4194647,0 24px 75px #000000a6,inset 0 0 65px #0e00068c}.cinematic-home .vinyl-record:before{content:"";position:absolute;top:6%;right:6%;bottom:6%;left:6%;border:1px solid rgba(255,190,208,.2);border-radius:50%;pointer-events:none}.vinyl-grooves{position:absolute;top:3%;right:3%;bottom:3%;left:3%;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0,rgba(255,190,213,.1) 1px,rgba(8,0,5,.22) 2px,transparent 4px,transparent 7px);pointer-events:none}.vinyl-shine{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 190deg,transparent 0deg,rgba(255,215,228,.02) 20deg,rgba(255,220,232,.35) 43deg,rgba(255,193,213,.04) 70deg,transparent 110deg,transparent 235deg,rgba(255,213,228,.22) 270deg,transparent 310deg);mix-blend-mode:screen;pointer-events:none}.cinematic-home .vinyl-label{position:absolute;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;width:23%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#2b0716,#100207);border:1px solid rgba(255,184,204,.55);box-shadow:0 0 0 5px #1d010c85,inset 0 0 20px #000000a6;color:#f9d8e0;font:400 20px Playfair Display,Georgia,serif}.cinematic-home .vinyl-label small{margin-top:5px;font-size:9px;letter-spacing:2px}.cinematic-home .vinyl-signature{position:absolute;z-index:8;top:48%;left:50%;transform:translate(-60%,-40%) rotate(-12deg);color:#ffe0e5;font:400 clamp(100px,14vw,195px)/1 "Italianno",cursive;white-space:nowrap;text-shadow:0 3px 5px rgba(25,0,10,.55),0 0 16px rgba(255,176,205,.14);pointer-events:none}.vinyl-tonearm{position:absolute;z-index:9;right:-18%;top:55%;width:12px;height:49%;transform:rotate(43deg);transform-origin:top center;pointer-events:none}.tonearm-pivot{position:absolute;z-index:2;top:-10px;left:-7px;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f3c2cf,#75374d 55%,#1c0710);border:1px solid #c18b9c}.tonearm-rod{position:absolute;top:10px;left:3px;width:6px;height:100%;border-radius:5px;background:linear-gradient(90deg,#4b1e2e,#ffcfdb,#8d4a61);box-shadow:0 0 12px #ff96b973}.tonearm-cartridge{position:absolute;bottom:-12px;left:-7px;width:26px;height:19px;border-radius:3px;background:linear-gradient(135deg,#251019,#7b3c50);border:1px solid #b5798d}.vinyl-needle{display:none}.vinyl-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.vinyl-sparkle{position:absolute;color:#ffd6e2;text-shadow:0 0 8px rgba(255,200,220,.8),0 0 18px rgba(255,145,190,.5);animation:vinyl-twinkle 2.5s ease-in-out infinite}.vinyl-sparkle-one{top:17%;left:25%;font-size:17px;animation-delay:0s}.vinyl-sparkle-two{top:67%;left:14%;font-size:22px;animation-delay:.7s}.vinyl-sparkle-three{top:25%;right:17%;font-size:13px;animation-delay:1.2s}.vinyl-sparkle-four{bottom:18%;right:27%;font-size:18px;animation-delay:1.8s}@keyframes vinyl-twinkle{0%,to{opacity:.3;transform:scale(.75)}50%{opacity:1;transform:scale(1.2)}}.track-info{width:100%;max-width:650px;text-align:center}.eyebrow{margin:3px 0 9px;color:#dc9cac;font-size:11px;letter-spacing:2px;text-transform:uppercase}.track-category{display:inline-block;margin-left:12px;opacity:.76}.track-title{margin:0 0 9px;color:#ffe1e7;font:400 clamp(34px,3.8vw,54px)/1.16 "Playfair Display",Georgia,serif}.track-subtitle{max-width:510px;margin:0 auto 14px;color:#e2bdc7;font-size:13px;line-height:1.6}.typing-cursor{color:#e6a2b2;animation:blink .85s step-end infinite}@keyframes blink{50%{opacity:0}}.tag-list{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.skill-tag{padding:6px 12px;border:1px solid rgba(235,159,179,.28);border-radius:30px;background:rgba(67,19,33,.7);color:#f7d7df;font-size:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.record-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:17px}.record-controls button{display:grid;place-items:center;width:43px;height:43px;padding:0;border:1px solid rgba(239,157,179,.38);border-radius:50%;background:rgba(15,3,8,.72);color:#ffe0e6;transition:background .25s,transform .25s,border-color .25s}.record-controls button:hover{background:#6c2039;border-color:#ffc7d5;transform:scale(1.08)}.record-controls .play-button{width:59px;height:59px;background:linear-gradient(145deg,#c54a70,#661631);border-color:#ffb8cf80;box-shadow:0 0 24px #b0275040}.handwritten-note{position:relative;z-index:20;width:max-content;max-width:260px;overflow:visible;background:transparent;color:#e7a5b5;font:400 30px/1.15 Italianno,cursive;pointer-events:none}.handwriting-reveal{display:block;max-width:100%;padding:4px 4px 9px;line-height:1.35;white-space:normal;overflow:hidden;background:transparent}.handwritten-note svg,.handwritten-arrow{display:block;width:100px;height:75px;margin-left:25px;overflow:visible;background:transparent}.home-annotation{position:relative;width:175px;max-width:175px;font-size:28px;text-align:left;transform:rotate(-5deg)}.home-annotation .handwriting-reveal{width:175px}.work-annotation,.about-annotation{position:absolute;right:8%;z-index:30;width:230px;max-width:230px;transform:rotate(-6deg)}.work-annotation{top:25%}.about-annotation{top:19%}.home-sparkle{position:absolute;z-index:2;color:#eeb2c2;opacity:.7;pointer-events:none}.sparkle-one{top:23%;left:18%;font-size:17px}.sparkle-two{top:48%;right:13%;font-size:23px}.sparkle-three{bottom:17%;right:19%;font-size:12px}.home-swoosh{position:absolute;z-index:1;left:-3%;bottom:0;width:min(480px,40vw);height:auto;color:#f2bac9;pointer-events:none}.scroll-indicator{position:absolute;z-index:30;left:6%;bottom:24px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:0;border:0;background:transparent!important;box-shadow:none;color:#e6aebd;font-size:10px;letter-spacing:2px;text-align:left}.scroll-indicator:hover{color:#ffe0e5}.scroll-line{width:1px;height:40px;background:linear-gradient(#f6c2cf,transparent);transition:height .3s}.scroll-indicator:hover .scroll-line{height:55px}.scroll-arrow{font-size:17px;line-height:1}#work{position:relative;isolation:isolate;min-height:100svh;background:#100307}#work:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:url(/images/floral-background.png) center / cover no-repeat;opacity:.42;filter:blur(3px);pointer-events:none}#work:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,rgba(14,2,7,.88),rgba(28,5,13,.76) 50%,rgba(14,2,7,.92));pointer-events:none}#work>.work-page{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:1600px;min-height:100svh;padding:calc(var(--navbar-height) + 12px) 24px 25px;box-sizing:border-box;overflow:hidden;background:transparent}#work .page-heading{position:relative;z-index:2;width:min(100%,850px);flex:0 0 auto;margin:0 auto 12px}#work .page-number{color:#d28a9f;font-size:12px;letter-spacing:2px}#work .page-heading h1{margin:7px 0 8px;color:#ffe2e7;font:400 clamp(42px,4.3vw,65px)/1.12 "Playfair Display",Georgia,serif}#work .page-heading p{max-width:640px;margin:0;color:#d0b4bb;font-size:13px;line-height:1.5}#work .project-carousel{position:relative;display:grid;place-items:center;width:100%;height:455px;min-height:0;flex:0 0 455px;margin:0 auto;perspective:1400px;overflow:visible}#work .project-card{position:relative;grid-area:1 / 1;box-sizing:border-box;width:390px;max-width:min(390px,76vw);height:440px;min-height:0;margin:0;overflow:hidden;border:1px solid rgba(244,166,188,.4);border-radius:20px;background:linear-gradient(145deg,#421923,#1b0b10);box-shadow:0 30px 70px #0000008c;cursor:pointer;transform-origin:center center;transform-style:preserve-3d;will-change:transform}#work .project-card-active{box-shadow:0 35px 90px #000000a6,0 0 45px #c044682e}#work .project-card:hover{border-color:#ffc8d7e6}#work .project-image{display:block;width:100%;height:205px;object-fit:cover}#work .project-details{padding:18px 20px}#work .project-title-row{display:flex;align-items:center;justify-content:space-between}#work .project-title-row h2{margin:0;font:400 25px Playfair Display,Georgia,serif}#work .project-category{margin:7px 0 11px;color:#c49ba6;font-size:12px}#work .project-description{margin:0 0 13px;color:#d5b6be;font-size:12px;line-height:1.5}#work .project-card .tag-list{justify-content:flex-start}#work .carousel-progress{display:flex;align-items:center;justify-content:center;flex:0 0 auto;align-self:center;gap:25px;margin:8px auto 0;color:#d49dab;font-size:12px}#work .progress-track{width:140px;height:2px;background:#5e313d}#work .progress-fill{height:100%;background:#efbac7}.carousel-navigation,.carousel-click-zone{display:none}#work .work-annotation{top:18%;right:7%}@media (min-width: 769px) and (max-height: 780px){#work>.work-page{padding-top:calc(var(--navbar-height) + 6px);padding-bottom:14px}#work .page-heading h1{font-size:49px}#work .page-heading p{font-size:12px}#work .project-carousel{height:405px;flex-basis:405px}#work .project-card{height:395px;width:355px}#work .project-image{height:170px}#work .project-details{padding:15px 18px}}@media (max-width: 768px){#work>.work-page{justify-content:flex-start;padding:calc(var(--navbar-height) + 28px) 18px 45px}#work .page-heading{margin-bottom:8px}#work .project-carousel{height:445px;flex-basis:445px}#work .project-card{width:min(310px,72vw);height:420px}#work .project-image{height:180px}#work .work-annotation{position:relative;top:auto;right:auto;margin:6px auto 0}}@media (max-width: 480px){#work .project-carousel{height:415px;flex-basis:415px}#work .project-card{width:min(270px,72vw);height:390px}#work .project-image{height:160px}#work .project-details{padding:14px}#work .project-title-row h2{font-size:21px}}.about-page{display:flex;flex-direction:column;overflow:visible;background:radial-gradient(ellipse at 85% 70%,#33111d,#16070c 60%,#100608)}.about-page .page-heading{max-width:800px}.hobbies-section{position:relative;z-index:2;margin-top:55px}.section-title{display:flex;align-items:center;gap:20px;margin-bottom:26px}.section-title h2{margin:0;white-space:nowrap;font:400 35px Playfair Display,Georgia,serif}.section-line{flex:1;height:1px;background:var(--border)}.section-title>span{color:#f1b9c7;font-size:23px}.hobby-gallery{display:flex;gap:12px;height:290px;padding-bottom:5px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#8d4258 transparent}.hobby-card{position:relative;flex:1;min-width:105px;overflow:hidden;border:1px solid rgba(244,166,188,.4);border-radius:20px;background:#2a1219;cursor:pointer}.hobby-card img{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .7s}.hobby-card:hover img{transform:scale(1.08)}.hobby-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;background:linear-gradient(transparent 30%,rgba(12,4,7,.92))}.hobby-overlay h3{margin:0;font-size:14px;font-weight:500}.hobby-overlay p{margin:10px 0 0;color:#f4dce2;font-size:12px;line-height:1.5}.gallery-hint{margin-top:15px;color:#b98897;font:400 28px Italianno,cursive;text-align:center;background:transparent}.connect-section{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:55px;padding:25px 35px;border:1px solid var(--border);border-radius:18px;background:rgba(65,20,34,.23)}.connect-section h2{margin:0;font:400 30px Playfair Display,Georgia,serif}.connect-section h2 em{font:400 46px Italianno,cursive}.contact-links{display:flex;gap:16px}.contact-button{position:relative;display:grid;place-items:center;width:50px;height:50px;border:1px solid rgba(242,162,185,.4);border-radius:50%;background:rgba(86,24,43,.35);color:#ffe0e6;transition:background .3s,transform .3s,box-shadow .3s}.contact-button:hover{background:#a84665;transform:translateY(-5px);box-shadow:0 0 20px #d34b7359}.contact-tooltip{position:absolute;top:-38px;left:50%;transform:translate(-50%) translateY(5px);padding:6px 10px;border:1px solid #99546a;border-radius:7px;background:#4c1a2a;color:#ffe0e6;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}.contact-button:hover .contact-tooltip,.contact-button:focus-visible .contact-tooltip{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 1100px){.cinematic-home .vinyl-scene{width:clamp(280px,34vw,390px);height:clamp(280px,34vw,390px)}.home-annotation{max-width:145px;width:145px;font-size:25px}.home-annotation .handwriting-reveal{width:145px}}.cinematic-home .home-note-group{position:relative;width:260px;flex:0 0 260px;z-index:20;pointer-events:none}.cinematic-home .home-note-group .home-annotation{position:relative;top:auto;right:auto;width:100%;max-width:100%;margin:0;transform:rotate(-5deg);text-align:center}.cinematic-home .home-note-group .handwriting-reveal{box-sizing:border-box;display:block;width:100%!important;max-width:100%!important;padding:4px 8px 9px;white-space:normal!important;overflow:hidden;font-family:Italianno,cursive;font-size:32px;line-height:1.35;text-align:center;color:#f5b9c9}.cinematic-home .home-note-group .handwritten-arrow{display:block;width:90px;height:65px;margin:0 auto;overflow:visible;color:#f5b9c9}.home-soundwave{display:flex;align-items:center;justify-content:center;gap:4px;height:30px;margin:3px auto 0;opacity:.85}.home-soundwave span{display:block;width:2px;min-height:4px;border-radius:5px;background:#f0b2c3;transform-origin:center;transform:scaleY(.45)}.home-soundwave.soundwave-playing span{animation:home-wave 1.2s ease-in-out infinite alternate}@keyframes home-wave{0%{transform:scaleY(.35);opacity:.55}to{transform:scaleY(1.1);opacity:1}}@media (max-width: 768px){:root{--navbar-height: 68px}.navbar{padding:0 6%}.nav-links{gap:21px}.nav-link{font-size:13px}.page,.portfolio-section>.page{padding:calc(var(--navbar-height) + 35px) 7% 85px}.home-page.cinematic-home{justify-content:flex-start;padding-top:calc(var(--navbar-height) + 125px);padding-bottom:115px}.home-top{top:calc(var(--navbar-height) + 25px);left:7%;right:7%}.track-navigation{gap:13px;padding-left:12px}.home-annotation{width:130px;max-width:130px;font-size:24px}.home-annotation .handwriting-reveal{width:130px}.cinematic-home .vinyl-scene{width:min(76vw,340px);height:min(76vw,340px);margin-bottom:14px}.cinematic-home .vinyl-signature{font-size:clamp(78px,20vw,145px)}.vinyl-tonearm{right:-14%}.track-title{font-size:clamp(31px,7vw,40px)}.track-subtitle{max-width:430px}.record-controls{margin-top:20px}.home-swoosh{width:65vw}.scroll-indicator{bottom:16px}.work-annotation,.about-annotation{position:relative;top:auto;right:auto;margin:18px auto 22px;max-width:90%}.hobby-gallery{height:260px}.hobby-card{min-width:90px}.connect-section{padding:25px 18px;flex-direction:column}}@media (max-width: 480px){.nav-logo{font-size:25px}.nav-links{gap:17px}.home-page.cinematic-home{padding-top:calc(var(--navbar-height) + 128px)}.cinematic-home .vinyl-scene{width:75vw;height:75vw}.track-title{font-size:31px}.track-subtitle{font-size:12px}.home-sparkle{opacity:.35}.section-title h2{font-size:29px}}@media (max-width: 768px){.cinematic-home .home-note-group{width:155px;flex-basis:155px}.cinematic-home .home-note-group .handwriting-reveal{font-size:24px}.cinematic-home .home-note-group .handwritten-arrow{width:65px;height:48px}.home-soundwave{gap:3px;transform:scale(.8)}.vinyl-sparkle{font-size:13px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.home-soundwave span,.vinyl-sparkle{animation:none!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.navbar{background:transparent!important;background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important;box-shadow:none!important}.home-page.cinematic-home:before{content:none!important;display:none!important}.cinematic-home .vinyl-scene img.vinyl-signature{position:absolute!important;display:block;top:49%!important;left:50%!important;width:130%!important;max-width:none!important;height:auto!important;z-index:8!important;transform:translate(-50%,-50%) rotate(-7deg)!important;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(25,0,10,.35));pointer-events:none;-webkit-user-select:none;user-select:none}.cinematic-home .home-note-group{position:relative;width:290px;flex:0 0 290px;z-index:20;pointer-events:none}.cinematic-home .home-note-text{color:#f5b9c9;font-family:Italianno,cursive;font-size:30px;line-height:1.2;text-align:center;white-space:nowrap;transform:rotate(-5deg)}.cinematic-home .home-soundwave{display:flex;justify-content:center;align-items:center;gap:3px;height:16px;margin:6px auto 0;opacity:.6}.cinematic-home .home-soundwave span{width:1px;max-height:13px}.cinematic-home .home-note-arrow{position:absolute;display:block;top:84px;left:-110px;width:150px;height:80px;color:#f5b9c9;transform:none!important;overflow:visible;pointer-events:none}@media (max-width: 768px){.cinematic-home .vinyl-scene img.vinyl-signature{width:130%!important}.cinematic-home .home-note-group{width:160px;flex-basis:160px}.cinematic-home .home-note-text{font-size:23px;white-space:normal}.cinematic-home .home-note-arrow{width:95px;left:-50px;top:75px}}@media (min-width: 769px){.cinematic-home{position:relative;height:100svh;min-height:680px;box-sizing:border-box;padding:70px 24px 85px;overflow:hidden}.cinematic-home .home-content{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:0;margin:0 auto}.cinematic-home .vinyl-scene{width:clamp(330px,27vw,400px);height:clamp(330px,27vw,400px);flex-shrink:0;margin:0 auto 12px}.cinematic-home .track-info{width:100%;max-width:850px;margin:0 auto;text-align:center}.cinematic-home .eyebrow{margin:0 0 10px}.cinematic-home .track-title{margin:0;font-size:clamp(38px,3.5vw,58px);line-height:1.1;text-align:center}.cinematic-home .track-subtitle{max-width:650px;margin:10px auto 0;font-size:14px;line-height:1.5;text-align:center}.cinematic-home .tag-list{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:12px}.cinematic-home .record-controls{position:relative;z-index:12;display:flex;align-items:center;justify-content:center;gap:25px;margin:18px auto 0;padding:0;transform:none}.cinematic-home .scroll-indicator{position:absolute;bottom:12px;left:50%;transform:translate(-50%);z-index:10}}@media (min-width: 769px) and (max-height: 850px){.cinematic-home{padding-top:65px;padding-bottom:80px}.cinematic-home .vinyl-scene{width:clamp(310px,24vw,365px);height:clamp(310px,24vw,365px);margin-bottom:8px}.cinematic-home .track-title{font-size:clamp(36px,3.3vw,53px)}.cinematic-home .track-subtitle{margin-top:7px}.cinematic-home .tag-list{margin-top:9px}.cinematic-home .record-controls{margin-top:14px}}@media (max-width: 768px){.cinematic-home{height:auto;min-height:100svh;padding:115px 16px 75px;overflow:hidden}.cinematic-home .home-content{height:auto;min-height:70svh;display:flex;flex-direction:column;align-items:center;justify-content:center}.cinematic-home .vinyl-scene{width:min(72vw,290px);height:min(72vw,290px);margin:0 auto 12px}.cinematic-home .track-title{font-size:clamp(32px,8vw,44px);text-align:center}.cinematic-home .track-subtitle{font-size:13px;text-align:center}.cinematic-home .record-controls{position:relative;margin:18px auto 0;transform:none}.cinematic-home .scroll-indicator{bottom:15px}}@media (min-width: 769px){.cinematic-home .track-info{width:100%;max-width:950px;margin-left:auto;margin-right:auto;text-align:center}.cinematic-home .track-title{font-size:clamp(48px,4vw,68px);line-height:1.12;text-align:center;margin-left:auto;margin-right:auto}.cinematic-home .track-subtitle{max-width:750px;margin:8px auto 0;text-align:center}.cinematic-home .tag-list{justify-content:center}.cinematic-home .scroll-indicator{position:absolute;bottom:30px;right:55px;left:auto;transform:none;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:15}.cinematic-home .scroll-indicator>span:first-child{font-size:10px;letter-spacing:2px;white-space:nowrap}.cinematic-home .scroll-line{height:35px}.cinematic-home .scroll-arrow{font-size:22px}}@media (max-width: 768px){.cinematic-home .scroll-indicator{bottom:15px;left:50%;right:auto;transform:translate(-50%)}}.cinematic-home .vinyl-scene .vinyl-signature{position:absolute!important;top:50%!important;left:80%!important;transform:translate(-55%,-50%) rotate(-10deg)!important;transform-origin:center center!important;width:125%!important;max-width:none!important;height:auto!important;object-fit:contain!important;pointer-events:none!important;z-index:12!important}#about{position:relative;isolation:isolate;background:#100307}#about:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:url(/images/floral-background.png) center center / cover no-repeat;opacity:.44;filter:blur(3px);transform:scale(1.025);pointer-events:none}#about:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,rgba(14,2,7,.92),rgba(29,5,14,.76) 48%,rgba(14,2,7,.92));pointer-events:none}#about>.about-page{position:relative;background:transparent}#about .page-heading h1{text-align:left}#about .page-heading h1{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(64px,6vw,100px);font-weight:400;line-height:1.05;letter-spacing:-.035em;color:#ffe0e8;margin:12px 0 20px}#about .about-page{min-height:100svh;box-sizing:border-box;padding:100px 5vw 60px;background:transparent}#about .page-heading{max-width:900px;margin-bottom:36px}#about .page-heading h1{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(65px,6vw,100px);font-weight:400;line-height:1.05;color:#ffe0e8}#about .page-heading h1 span{font-family:inherit;font-size:inherit;font-weight:inherit}#about .about-showcase{width:min(100%,1050px);margin:0 auto}#about .hobbies-heading{display:flex;align-items:center;gap:16px;margin-bottom:18px}#about .hobbies-heading h2{margin:0;font-family:Cormorant Garamond,Georgia,serif;font-weight:400;font-size:clamp(26px,2.5vw,38px);color:#ffe0e8;white-space:nowrap}#about .hobbies-heading-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(255,190,210,.5),rgba(255,190,210,.05))}#about .hobbies-heading-star{color:#ffb5cb;font-size:19px}#about .hobby-gallery{display:flex;gap:12px;width:100%;height:325px;overflow:hidden;align-items:stretch}#about .hobby-card{position:relative;display:block;flex:1;min-width:0;height:100%;padding:0;border:1px solid rgba(255,186,205,.35);border-radius:22px;overflow:hidden;cursor:pointer;background:#210b13;text-align:left;color:#ffe5ed;isolation:isolate}#about .hobby-card-active{border-color:#ffbccfcc;box-shadow:0 0 20px #b4376433}#about .hobby-card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}#about .hobby-card:hover img{transform:scale(1.05)}#about .hobby-overlay{position:absolute;inset:auto 0 0;z-index:2;padding:40px 13px 16px;background:linear-gradient(180deg,transparent,rgba(15,3,8,.95));display:flex;flex-direction:column;justify-content:flex-end}#about .hobby-overlay span{font-size:13px;font-weight:500;line-height:1.4}#about .hobby-overlay p{font-size:11px;line-height:1.5;margin:7px 0 0;color:#ffe2ebd1}#about .about-divider{margin:30px 0 18px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,190,210,.55) 20%,rgba(255,190,210,.1))}#about .connect-panel{position:relative;min-height:86px;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-radius:22px;border:1px solid rgba(255,190,210,.18);background:linear-gradient(110deg,rgba(80,22,38,.45),rgba(17,4,9,.8));box-sizing:border-box}#about .connect-panel h2{margin:0;flex:1;font-family:Great Vibes,cursive;font-weight:400;font-size:clamp(30px,3vw,45px);color:#ffd3df}#about .connect-flower{font-size:24px;color:#cc647d}#about .connect-actions{display:flex;align-items:center;gap:14px}#about .connect-actions a{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#ffe1ea;border:1px solid rgba(255,190,210,.35);background:rgba(10,3,7,.35);text-decoration:none;transition:transform .25s,background .25s}#about .connect-actions a:hover{transform:translateY(-3px);background:rgba(160,50,85,.4)}#about .connect-actions .connect-email{background:radial-gradient(circle at 35% 25%,#e98ca8,#963453 70%);box-shadow:0 0 20px #f0739b59}@media (max-width: 768px){#about .about-page{padding:100px 18px 45px}#about .hobby-gallery{height:250px;gap:6px}#about .hobby-card{border-radius:14px}#about .hobby-overlay{padding:30px 7px 10px}#about .hobby-overlay span{font-size:10px;overflow-wrap:anywhere}#about .hobby-overlay p{font-size:9px}#about .connect-panel{padding:15px}#about .connect-actions{gap:8px}#about .connect-actions a{width:38px;height:38px}}@media (min-width: 769px){#about .about-page{min-height:100svh;padding:72px 5vw 24px;box-sizing:border-box}#about .page-heading{margin-bottom:18px;max-width:1000px}#about .page-heading h1{font-size:clamp(55px,5vw,76px);line-height:1;margin:5px 0 10px}#about .page-heading p{margin:0;font-size:15px;line-height:1.5}#about .hobbies-heading{margin-bottom:12px}#about .hobbies-heading h2{font-size:30px}#about .hobby-gallery{height:clamp(210px,33svh,290px)}#about .about-divider{margin:18px 0 12px}#about .connect-panel{min-height:72px;padding:12px 20px}#about .connect-panel h2{font-size:36px}#about .connect-actions a{width:40px;height:40px}}#about .connect-actions .connect-email{background:rgba(10,3,7,.35);box-shadow:none;border:1px solid rgba(255,190,210,.35)}#about .connect-actions .connect-email:hover,#about .connect-actions .connect-email:focus-visible{background:radial-gradient(circle at 35% 25%,#e98ca8,#963453 70%);box-shadow:0 0 20px #f0739b59;transform:translateY(-3px)}@media (min-width: 769px) and (max-height: 750px){#about .about-page{padding-top:60px;padding-bottom:15px}#about .page-heading h1{font-size:58px}#about .hobby-gallery{height:220px}#about .about-divider{margin:12px 0 8px}#about .connect-panel{min-height:62px}}@media (min-width: 769px){#about .about-page{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:75px 5vw 45px;box-sizing:border-box}#about .page-heading{width:min(100%,1120px);margin:0 auto 24px}#about .page-heading h1{font-size:clamp(62px,5vw,82px);margin:6px 0 12px}#about .page-heading p{max-width:850px;font-size:15px}#about .about-showcase{width:min(100%,1000px);margin:0 auto}#about .hobbies-heading{margin-bottom:14px}#about .hobby-gallery{height:clamp(270px,39svh,350px);gap:10px}#about .hobby-card{border-radius:20px}#about .about-divider{margin:24px 0 15px}#about .connect-panel{min-height:76px}}@media (min-width: 769px) and (max-height: 800px){#about .about-page{padding-top:65px;padding-bottom:25px}#about .page-heading{margin-bottom:16px}#about .hobby-gallery{height:280px}#about .about-divider{margin:15px 0 12px}}#about .connect-actions{overflow:visible}#about .connect-actions a{position:relative}#about .connect-actions a:before{content:attr(aria-label);position:absolute;bottom:calc(100% + 13px);left:50%;transform:translate(-50%,6px);padding:7px 12px;border-radius:9px;background:rgba(23,7,13,.96);border:1px solid rgba(255,190,210,.45);color:#ffe0e8;font-family:Arial,sans-serif;font-size:11px;font-weight:400;letter-spacing:.02em;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:50;transition:opacity .2s ease,transform .2s ease,visibility .2s ease}#about .connect-actions a:after{content:"";position:absolute;bottom:calc(100% + 8px);left:50%;width:7px;height:7px;background:#17070d;border-right:1px solid rgba(255,190,210,.45);border-bottom:1px solid rgba(255,190,210,.45);transform:translate(-50%) rotate(45deg);opacity:0;visibility:hidden;pointer-events:none;z-index:49;transition:opacity .2s ease,visibility .2s ease}#about .connect-actions a:hover:before,#about .connect-actions a:hover:after,#about .connect-actions a:focus-visible:before,#about .connect-actions a:focus-visible:after{opacity:1;visibility:visible}#about .connect-actions a:hover:before,#about .connect-actions a:focus-visible:before{transform:translate(-50%)}#about .connect-actions button.connect-email{position:relative;width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,190,210,.35);background:rgba(10,3,7,.35);color:#ffe1ea;cursor:pointer;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}#about .connect-actions button.connect-email:hover,#about .connect-actions button.connect-email:focus-visible{transform:translateY(-3px);background:radial-gradient(circle at 35% 25%,#e98ca8,#963453 70%);box-shadow:0 0 20px #f0739b59}#about .connect-actions button.connect-email:before{content:"Email";position:absolute;bottom:calc(100% + 13px);left:50%;transform:translate(-50%,6px);padding:7px 12px;border-radius:9px;background:rgba(23,7,13,.96);border:1px solid rgba(255,190,210,.45);color:#ffe0e8;font-family:Arial,sans-serif;font-size:11px;font-weight:400;letter-spacing:.02em;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:50;transition:opacity .2s ease,transform .2s ease,visibility .2s ease}#about .connect-actions button.connect-email:after{content:"";position:absolute;bottom:calc(100% + 8px);left:50%;width:7px;height:7px;background:#17070d;border-right:1px solid rgba(255,190,210,.45);border-bottom:1px solid rgba(255,190,210,.45);transform:translate(-50%) rotate(45deg);opacity:0;visibility:hidden;pointer-events:none;z-index:49;transition:opacity .2s ease,visibility .2s ease}#about .connect-actions button.connect-email:hover:before,#about .connect-actions button.connect-email:hover:after,#about .connect-actions button.connect-email:focus-visible:before,#about .connect-actions button.connect-email:focus-visible:after{opacity:1;visibility:visible}#about .connect-actions button.connect-email:hover:before,#about .connect-actions button.connect-email:focus-visible:before{transform:translate(-50%)}.email-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;background:rgba(8,1,5,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.email-modal{position:relative;width:min(100%,420px);padding:30px;box-sizing:border-box;border-radius:22px;border:1px solid rgba(255,175,200,.35);background:linear-gradient(145deg,#351020 0%,#240a15 50%,#16050c 100%);box-shadow:0 25px 80px #0000008c,0 0 45px #ab3a651f,inset 0 1px #ffd2e114;color:#ffe0e8}.email-modal:before{content:"✦";position:absolute;top:16px;right:65px;color:#d47d9a;font-size:15px;opacity:.65;pointer-events:none}.email-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.email-modal-header h2{margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:40px;font-weight:400;line-height:1.1;color:#ffe0e8}.email-modal-close{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:#dba9ba;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.email-modal-close:hover{background:rgba(255,190,210,.12);color:#fff0f5;transform:rotate(90deg)}.email-modal p{margin:14px 0 24px;color:#d7a6b6;font-size:14px;line-height:1.65}.email-modal-input{display:block;width:100%;padding:15px 16px;box-sizing:border-box;border:1px solid rgba(255,190,210,.3);border-radius:12px;outline:none;background:rgba(12,3,8,.55);color:#ffe0e8;font-family:inherit;font-size:15px;letter-spacing:.015em;cursor:text;transition:border-color .2s ease,box-shadow .2s ease}.email-modal-input:focus{border-color:#d981a0;box-shadow:0 0 0 3px #d981a01f}.email-modal-input::selection{background:#a94d6d;color:#fff}.email-copy-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:16px;padding:14px 18px;box-sizing:border-box;border:1px solid rgba(255,210,225,.2);border-radius:12px;background:linear-gradient(135deg,#b45778,#963453);color:#fff1f5;font-family:inherit;font-size:14px;font-weight:500;letter-spacing:.025em;cursor:pointer;box-shadow:0 5px 20px #b44b7333;transition:background .25s ease,transform .25s ease,box-shadow .25s ease}.email-copy-button:hover{transform:translateY(-2px);background:linear-gradient(135deg,#cc6d8d,#ae4568);box-shadow:0 8px 25px #c85a8259}.email-copy-button:active{transform:translateY(0)}@media (max-width: 480px){.email-modal{padding:24px 20px;border-radius:18px}.email-modal-header h2{font-size:34px}.email-modal p{font-size:13px}.email-modal-input{font-size:14px}.email-copy-button{padding:13px}#about .connect-actions button.connect-email{width:38px;height:38px}}.email-modal:before,.email-modal:after{content:none!important;display:none!important}.home-soundwave.audio-reactive-waveform span{animation:none!important;min-height:4px;max-height:26px;transform:none!important;transition:height .06s linear;transform-origin:center}@keyframes vinyl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{font-family:DM Sans,sans-serif;color:#f4d9db;background:#100608;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}::selection{background:#a84d67;color:#fff}