body{background-color:#e8e8e8;font-family:Rubik,sans-serif;margin:0;min-height:100vh;position:relative}#content{min-height:100vh;display:flex;flex-direction:column;padding:0;position:relative;overflow:visible;width:100vw;margin:0}#about{flex:1;display:flex;flex-direction:column;position:relative;height:100vh;padding:0;overflow:visible;width:100vw;margin:0}.bigText{font-family:Inter,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:20vw;line-height:1;margin:0 0 -.2em -.1em;color:rgba(255,238,0);mix-blend-mode:screen;font-weight:700;position:fixed;bottom:0;left:0;width:100vw;text-align:left;padding:0;box-sizing:border-box;white-space:normal;transform:none;letter-spacing:-.02em;text-transform:uppercase;overflow-wrap:break-word;hyphens:auto;max-height:100vh;z-index:0;display:flex;flex-direction:column;justify-content:flex-end;gap:.1em;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.bigText span{white-space:nowrap;display:block}@media screen and (orientation:landscape){.bigText{display:block;font-size:22vh}.bigText span{display:inline;white-space:nowrap}}#music{min-height:100vh;display:grid;position:relative;overflow:hidden;background-color:transparent;padding:1rem;padding-top:calc(3rem + 41px);grid-template-rows:1fr auto}#background-image{position:absolute;inset:-5%;background-size:cover;background-position:center;filter:blur(30px) contrast(80%) saturate(120%) brightness(1.1);opacity:1;transition:.5s ease-in-out;z-index:-2;transform:scale(1.1)}#gradient-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 70%,rgb(223,239,248,.9) 100%);z-index:-1;pointer-events:none}#player-container{width:min(90%,560px);grid-row:1;align-self:center;display:flex;flex-direction:column;gap:1rem;margin:0 auto;position:relative;z-index:1}.video-group{display:flex;flex-direction:column;gap:.5rem}#player{width:100%;aspect-ratio:4/3;min-height:200px;max-height:450px;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1)}.player-controls{grid-row:2;align-self:center;display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:10px;justify-content:center;width:auto;min-width:min(300px,90vw);margin:2rem auto}.control-button{background:rgba(0,0,0,.1);border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;color:rgba(0,0,0,.7);font-size:16px;display:flex;align-items:center;justify-content:center;transition:.3s ease-out}.control-button:hover{background:rgba(0,0,0,.2);transform:scale(1.1)}.control-button.active{background:rgba(0,0,0,.2);color:rgba(0,0,0,.9)}.top-nav{position:fixed;top:1rem;left:50%;transform:translateX(-50%);width:auto;text-align:left;padding:8px 16px;background:rgba(255,255,255,.7);border-radius:8px;box-shadow:0 2px 2px rgba(0,0,0,.05);box-sizing:border-box;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:100;transition:background-color .3s,box-shadow .3s;display:flex;gap:1rem;align-items:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.top-nav:hover{background:rgba(255,255,255,.95);box-shadow:0 3px 6px rgba(0,0,0,.15)}.top-nav a{color:rgba(0,0,0,.5);padding:0;transition:.3s ease-out;text-decoration:none;position:relative;display:flex;flex-direction:column;align-items:center}.top-nav a:hover{color:rgba(0,0,0,.8)}.top-nav a.active{color:rgba(0,0,0,.8);font-weight:500}.top-nav a i{margin-right:4px}.nav-info-icon{position:absolute;bottom:-23px;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.5px;background:rgba(0,0,0,.8);padding:2px 6px;border-radius:3px;transition:transform .2s ease-out}.top-nav a:hover .nav-info-icon{transform:scale(1.1)}.scroll-container{flex:1;overflow-y:auto;padding-top:calc(3rem + 41px)}#design-list{display:none}#design-target{text-wrap:nowrap;font-weight:400;cursor:pointer;min-height:1.5em}#design-target.clickable{cursor:pointer}#design-target .letter{display:inline-block;opacity:0;transform:translateY(20px)}#design-target .letter.animate{animation:slideUp var(--animation-duration,.3s) forwards}#design-target i{width:1em;text-align:center;vertical-align:.1em;margin:0 .8em 0 0;display:inline-block;opacity:0;font-size:70%;transform-style:preserve-3d;transform:rotateX(-90deg);animation:spinIn var(--animation-duration,.3s) forwards}.toggle-container{display:flex;align-items:center;margin-left:10px}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.1);transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:rgba(0,0,0,.3)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(26px)}.toggle-switch i{position:absolute;right:-25px;top:50%;transform:translateY(-50%);color:rgba(0,0,0,.7);font-size:16px}@keyframes spinIn{from{opacity:.5;transform:rotateY(-90deg)}to{opacity:1;transform:rotateY(0)}}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}@media screen and (max-width:900px){#content{padding:clamp(1.5rem,4vw,3rem)}#music{padding:1rem;padding-top:calc(2.5rem + 41px)}#player{min-height:350px}}@media screen and (max-width:600px){#content{padding:clamp(1rem,3vw,2rem)}#music{padding:.75rem;padding-top:calc(2rem + 41px)}.player-controls{flex-wrap:wrap;padding:.75rem;gap:.5rem}#player{min-height:180px}}@media screen and (max-width:400px){.player-controls{width:100%;min-width:auto}}@media screen and (max-height:600px){#music{min-height:unset;height:100vh;padding:.75rem;padding-top:calc(2rem + 41px)}#player-container{transform:translateY(0);gap:.75rem}#player{min-height:150px;max-height:45vh}.player-controls{margin:1rem auto}}@media screen and (max-height:450px){#music{padding:.5rem;padding-top:calc(1.5rem + 41px)}#player-container{gap:.5rem}#player{min-height:120px;max-height:40vh}.player-controls{margin:.5rem auto;padding:.5rem}.control-button{width:35px;height:35px}}@media screen and (max-height:350px){#music{padding:.5rem;padding-top:calc(1rem + 37px)}#player{max-height:35vh}.control-button{width:30px;height:30px}.top-nav{padding:4px 12px}}.ytp-ce-element,.ytp-chrome-bottom,.ytp-chrome-top,.ytp-gradient-bottom,.ytp-gradient-top,.ytp-pause-overlay,.ytp-scroll-min{display:none!important}#about-page{min-height:100vh;position:relative;overflow:hidden;background-color:transparent;display:flex;flex-direction:column}#about-page #gradient-overlay{position:fixed;inset:0;background:linear-gradient(to bottom,#afe5f4 0,#cee8ef 100%);z-index:-1;pointer-events:none}.content-container{width:100%;max-width:1200px;margin:0 auto;padding:1rem 2rem 2rem}.hero-section{display:flex;align-items:center;justify-content:center;gap:4rem;padding:3rem 2rem;margin-bottom:2rem}.hero-image{aspect-ratio:1;width:280px;height:auto;border-radius:100%;object-fit:cover;box-shadow:0 8px 24px rgba(0,0,0,.1)}.hero-content{max-width:700px}.hero-content h1{font-size:1.2rem;margin-bottom:1rem;color:rgba(0,0,0,.6);line-height:1.2;font-weight:400}.hero-content .headline{font-size:clamp(2.5rem, 3vw, 3.5rem);line-height:1.3;color:rgba(0,0,0,.9);margin:0 0 1.5rem;font-weight:700}.hero-content .intro{font-size:clamp(1.3rem, 2vw, 1.6rem);line-height:1.5;color:rgba(0,0,0,.7);margin:0}.linkedin-cta{display:inline-flex;align-items:center;gap:.75rem;background:#ff6f61;color:#fff;padding:1rem 2.5rem;border-radius:100px;font-size:1.2rem;margin-top:2rem;text-decoration:none;transition:.3s;box-shadow:0 4px 12px rgba(255,111,97,.2)}.linkedin-cta:hover{background:#ff5b4d;transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,111,97,.3)}.linkedin-cta i{font-size:1.4rem}.work-history{max-width:1200px;margin:4rem auto;padding:3rem;background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.03)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem;padding:0 .5rem}.section-header h2{font-size:clamp(1.8rem, 3vw, 2.2rem);color:rgba(0,0,0,.8);margin:0}.section-header .toggle-container{display:flex;align-items:center;gap:.5rem}.section-header .toggle-container i{color:rgba(0,0,0,.5);font-size:1.1rem;transition:transform .3s}.role{display:grid;grid-template-columns:140px 1fr;gap:2rem;margin-bottom:3rem;padding-bottom:3rem;padding-right:3rem;border-bottom:1px solid rgba(0,0,0,.1)}.role:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.role .duration{grid-column:1;grid-row:1;padding-top:.1rem;width:180px}.role .role-content{grid-column:2;grid-row:1}.role h3{color:rgba(0,0,0,.8);font-weight:700;margin-bottom:.5rem;font-size:1.25rem}.role h3 strong{color:#ff6f61;font-weight:700}.role h3 i{color:rgba(0,0,0,.6);font-size:1.1rem;flex-shrink:0;margin-top:.2rem;order:2;margin-left:auto}.role p{font-size:1rem;line-height:1.6;color:rgba(0,0,0,.7);margin:0}@media screen and (max-width:900px){.hero-section{flex-direction:column-reverse;text-align:left;gap:2rem;padding:3rem 1.5rem;align-items:flex-start}.hero-image{width:220px}}@media screen and (max-width:600px){.content-container{padding:1rem}.hero-section{padding:2rem 1rem}.hero-image{width:180px}.work-history{padding:1.5rem;margin:2rem auto;border-radius:16px}.role{grid-template-columns:1fr;gap:.5rem;margin-bottom:2rem;padding-bottom:2rem}.role .duration{grid-row:1;grid-column:1;margin-bottom:.5rem;padding-top:0;width:auto}.role .role-content{grid-row:2;grid-column:1}.role h3{font-size:1.2rem;margin-bottom:.75rem}.role p{font-size:.95rem}.hero-content .headline{font-size:clamp(2rem, 4vw, 2.5rem)}.section-header{flex-direction:row;align-items:center;gap:1rem}}@media screen and (max-height:500px) and (orientation:landscape){.hero-section{flex-direction:row;gap:2rem;padding:2rem 1rem;align-items:center}.hero-image{width:140px;margin:0}.hero-content .headline{font-size:clamp(1.8rem, 3vw, 2.2rem);margin-bottom:1rem}.hero-content .intro{font-size:clamp(1rem, 1.5vw, 1.3rem)}}#nav-info-panel{position:fixed;top:var(--nav-bottom,60px);left:50%;transform:translateX(-50%) translateY(-20px);width:340px;padding:12px 16px;background:rgba(255,255,255,.95);color:rgba(0,0,0,.8);border-radius:8px;font-size:14px;z-index:110;font-family:Rubik,sans-serif;display:none;line-height:1.5;white-space:normal;word-wrap:break-word;text-align:left;box-sizing:border-box;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);box-shadow:0 3px 6px rgba(0,0,0,.15);opacity:0;pointer-events:none;transition:transform .3s,opacity .3s}#nav-info-panel.visible{display:block;opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}@media (max-width:480px){#nav-info-panel{width:calc(100vw - 32px)}}#nav-info-panel p{margin:.8em 0;color:rgba(0,0,0,.7)}#nav-info-panel .close-button{position:absolute;background-color:transparent;top:5px;right:5px;border:none;color:rgba(0,0,0,.5);cursor:pointer;opacity:1;padding:0;font-size:12px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .3s}#nav-info-panel .close-button:hover{color:rgba(0,0,0,.8)}#nav-info-panel a{color:#007aff;text-decoration:none;transition:color .3s}#nav-info-panel a:hover{color:#0056b3}#bits-page{min-height:100vh;display:grid;grid-template-columns:1fr 2fr;padding-top:calc(3rem + 41px);position:relative;overflow:hidden;gap:0;background-color:#f5f5f5;background-image:radial-gradient(rgba(0,0,0,.15) 1px,transparent 1px);background-size:20px 20px}.bits-description{position:fixed;top:calc(3rem + 41px);width:calc(33.33% - 2rem);height:calc(100vh - 3rem - 41px);padding:2rem;overflow-y:auto;box-sizing:border-box;color:rgba(0,0,0,.8)}.bits-description .eyebrow{font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(0,0,0,.6);margin-bottom:.5rem;font-weight:500}.bits-description h1{font-size:clamp(2rem, 2.5vw, 3.5rem);line-height:1.2;color:rgba(0,0,0,.9);margin-bottom:1.5rem;font-weight:700}.bits-description p{font-size:1.1rem;line-height:1.6;color:rgba(0,0,0,.7);margin-bottom:1rem}.bits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:2rem;align-content:start;grid-column:2}.bit-card{text-decoration:none;color:inherit;border-radius:8px;overflow:hidden;transition:transform .1s,box-shadow .2s;position:relative;aspect-ratio:4/3;box-shadow:0 3px 0 #a9adad,0 3.5px 0 rgb(0,0,0,.3),0 6px 3px rgba(0,0,0,.5)}.bit-card:hover{transform:translateY(-4px) scale(1);box-shadow:0 3px 0 #a9adad,0 3.5px 0 rgb(0,0,0,.3),0 15px 15px rgba(0,0,0,.55)}.bit-card-image{position:absolute;inset:0;width:100%;height:100%}.bit-card-image img{width:100%;height:100%;object-fit:cover}.bit-card-content{position:absolute;inset:0;padding:1.5rem;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(to top,rgba(0,0,0,.8) 0,rgba(0,0,0,.4) 50%,rgba(0,0,0,0) 100%);color:#fff}.bit-card-content h2{font-size:1.4rem;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.bit-card-content p{font-size:.9rem;line-height:1.5;color:rgba(255,255,255,.9);text-shadow:0 1px 2px rgba(0,0,0,.2)}.bit-card-status-icons{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem;z-index:2}.bit-card-status-icon{width:28px;height:28px;background:rgba(255,255,255,.85);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:rgba(0,0,0,.7)}@media screen and (max-width:900px){#bits-page{grid-template-columns:1fr;padding-top:calc(2.5rem + 41px)}.bits-description{position:relative;top:0;width:100%;height:auto;padding:1.5rem}.bits-grid{grid-column:1;padding:1.5rem}}@media screen and (max-width:600px){#bits-page{padding-top:calc(2rem + 41px)}.bits-description{padding:2rem}.bits-grid{padding:2rem;gap:2.5rem}.bit-card-content{padding:1rem}}@media (max-width:768px){.bits-grid{grid-column:1;padding:1rem}}#photo-gallery{min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative;overflow:visible}.photo-container{width:100%;display:flex;flex-direction:column;align-items:center}.photo-item{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1;box-sizing:border-box;transition:transform .5s cubic-bezier(.34, 1.56, .64, 1),opacity .5s cubic-bezier(.34, 1.56, .64, 1)}.photo-item img{max-width:min(80vw,960px);max-height:min(70vh,640px);width:auto;height:auto;object-fit:contain;border-radius:6px;border:10px solid rgba(255,255,255,.8);box-shadow:0 10px 25px rgba(0,0,0,.2);transition:transform .5s cubic-bezier(.34, 1.56, .64, 1),box-shadow .3s}.photo-counter{display:none}body.dark-theme .photo-counter{color:rgba(255,255,255,.6)}@media screen and (min-width:1200px){.photo-item{width:60vw;height:60vh;padding:10rem}}@media screen and (max-width:768px){.photo-item img{max-width:min(70vw,1200px);max-height:min(60vh,800px)}.photo-item{width:70vw;height:70vh;padding:3rem}}@media screen and (max-width:480px){.photo-item{width:100%;height:100vh;padding:5px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.photo-item img{max-width:calc(100% - 16px);max-height:calc(100vh - 16px);width:auto;height:auto;object-fit:contain;border:3px solid rgba(255,255,255,.8);box-shadow:0 10px 25px rgba(0,0,0,.2)}}body.dark-theme{background-color:#2a2a2a;color:#fff}body.dark-theme .theme-toggle{background:rgba(0,0,0,.7);color:rgba(255,255,255,.7)}body.dark-theme .theme-toggle:hover{background:rgba(0,0,0,.9)}body.dark-theme .top-nav{background:rgba(0,0,0,.7)}body.dark-theme .top-nav:hover{background:rgba(0,0,0,.95)}body.dark-theme .top-nav a{color:rgba(255,255,255,.5)}body.dark-theme .top-nav a.active,body.dark-theme .top-nav a:hover{color:rgba(255,255,255,.8)}@media screen and (max-width:900px){.photo-container{padding:1.5rem}}@media screen and (max-width:600px){.photo-container{padding:1rem}.theme-toggle{width:36px;height:36px;font-size:14px}}@media screen and (max-height:600px){.photo-container{height:80vh}}#theme-toggle{position:fixed;left:1rem;bottom:1rem;z-index:1000;background:0 0;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:inherit;transition:transform .3s}#theme-toggle:hover{transform:scale(1.1)}#theme-toggle:active{transform:scale(.95)}#theme-toggle svg{width:24px;height:24px;fill:currentColor}.top-nav a[target="_blank"]{position:relative;padding-right:.5em}.top-nav a[target="_blank"]::after{content:"›";font-size:.8em;position:absolute;right:0;top:.2em;white-space:nowrap}