canvas.concert-lights{display:block;position:fixed;top:0;left:0;z-index:0;pointer-events:none}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{display:none}:root{--color-bg: #0c0c0c;--color-text: #f5f5f5;--color-text-muted: #c5b9d3;--color-accent: #a78bfa;--color-accent-soft: rgba(167, 139, 250, .15);--color-dark: #1a1a1a;--color-purple: #3f0071;--font-name: "Dr Sugiyama", cursive;--font-heading: "Bebas Neue", sans-serif;--font-display: "Playfair Display", serif;--font-body: "Montserrat", sans-serif;--shadow-vinyl: drop-shadow(0 25px 50px rgba(0, 0, 0, .6));--shadow-sleeve: drop-shadow(0 30px 60px rgba(0, 0, 0, .5))}html{font-size:16px;min-height:100dvh;overflow-x:hidden}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden;width:100%}strong{font-weight:600}.scene{position:relative;display:flex;justify-content:center;align-items:center;height:100dvh;width:100%}.scene--timeline{min-height:400dvh}.hero{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem}.hero__background{position:fixed;overflow:hidden;inset:0;pointer-events:none;z-index:-1}.hero__orb{position:absolute;border-radius:50%;opacity:0;will-change:transform,opacity}.hero__orb--primary{width:600px;height:600px;background:radial-gradient(circle,var(--color-accent-soft) 0%,transparent 70%);top:-200px;right:-100px}.hero__orb--secondary{width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);bottom:-100px;left:-100px}@keyframes orb-breathe{0%,to{opacity:1}50%{opacity:.8}}@media(prefers-reduced-motion:no-preference){.hero__orb--primary{animation:orb-breathe 8s ease-in-out infinite}.hero__orb--secondary{animation:orb-breathe 12s ease-in-out infinite;animation-delay:-4s}}.hero__content{text-align:center;z-index:1;transform:translateY(-10dvh)}.hero__name{font-family:var(--font-name);font-size:clamp(4rem,15vw,10rem);font-weight:400;line-height:1;margin-bottom:1.5rem}.hero__char{display:inline-block;opacity:0;transform:translateY(60px)}.hero__char--space{width:.3em}.hero__punchline{font-family:var(--font-body);font-size:clamp(1.25rem,2.5vw,1.6rem);color:var(--color-text-muted);font-weight:400}.hero__word{display:inline-block;opacity:0;transform:translateY(20px)}.vinyl{position:fixed;inset:0;margin:auto;width:fit-content;height:fit-content;z-index:7;will-change:transform,opacity}.vinyl__disk{width:40vw;cursor:grab}.vinyl__disk:active{cursor:grabbing}@media(prefers-reduced-motion:no-preference){.vinyl--hero .vinyl__disk{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.vinyl--hero .vinyl__disk:hover{transform:scale(1.03) translateY(-8px)}.vinyl--hero .vinyl__disk:active{transform:scale(.98)}}.composition{position:fixed;inset:0;margin:auto;width:fit-content;height:fit-content;display:flex;justify-content:center;align-items:center;z-index:8;will-change:transform;transform:translateY(100dvh)}.sleeve{position:absolute;transform-origin:center;z-index:10;will-change:transform}.sleeve--right{z-index:9}.sleeve__image{width:40vw;height:auto}.sleeve__content{position:absolute;inset:6%;display:flex;flex-direction:column;color:var(--color-dark)}.sleeve__row{display:flex;flex:1}.sleeve__row--separator{flex:0 0 auto;align-items:center}.sleeve__section{flex:1;padding:1vw;display:flex;flex-direction:column;align-items:center}.sleeve__sep--vertical{flex:0 0 3px;border-radius:4px;background-color:var(--color-dark);margin:20px 0}.sleeve__sep--horizontal{flex:1;height:3px;border-radius:4px;background-color:var(--color-dark);margin:0 20px}.sleeve__vinyl-mini{flex:0 0 auto;width:3vw;height:3vw;border-radius:50%;overflow:hidden}.sleeve__vinyl-mini img{width:100%;height:100%;object-fit:cover}.sleeve__title{font-family:var(--font-display);font-size:1.5vw;font-weight:600;color:var(--color-dark);text-align:center}.sleeve__face{font-family:var(--font-heading);font-size:.8vw;letter-spacing:.05vw;font-weight:500;margin-bottom:.5vw;color:var(--color-purple);text-align:center}.sleeve__text{font-family:var(--font-display);font-size:.85vw;line-height:1.9;font-weight:400;text-align:center}.sleeve__list{font-family:var(--font-display);font-size:.55vw;line-height:1.8;font-weight:400;padding-left:1vw;width:fit-content}.sleeve__list li{margin-bottom:.2vw;width:fit-content;font-size:.85vw;line-height:1.9;font-style:italic;font-weight:500}.projects{position:fixed;inset:0;margin:auto;width:fit-content;height:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:3;opacity:0}.projects__title{display:flex;opacity:0;will-change:transform,opacity;position:relative;z-index:5}.projects__letter{display:block;font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,5rem);font-weight:400;color:var(--color-text);letter-spacing:.15em;text-transform:uppercase}.project-sleeves{position:relative;width:100%;height:70dvh;display:flex;justify-content:center;align-items:center}.project-sleeve{position:absolute;transform-origin:center;will-change:transform;pointer-events:none}.projects--interactive .project-sleeve{pointer-events:auto;cursor:pointer}.project-sleeve__hover{display:block}.project-sleeve__image{height:70dvh;width:auto;display:block}.project-sleeve--1{z-index:3}.project-sleeve--2{z-index:2}.project-sleeve--3{z-index:1}@keyframes title-shine{0%{background-position:200% center}to{background-position:-200% center}}@media(prefers-reduced-motion:no-preference){.projects--interactive .projects__title{background:linear-gradient(105deg,var(--color-text) 0%,var(--color-text) 35%,rgba(255,255,255,.95) 45%,rgba(167,139,250,.7) 50%,rgba(255,255,255,.95) 55%,var(--color-text) 65%,var(--color-text) 100%);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:title-shine 6s cubic-bezier(.4,0,.2,1) infinite;animation-delay:3s}}@keyframes project-float-1{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes project-float-2{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes project-float-3{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(prefers-reduced-motion:no-preference){.projects--interactive .project-sleeve--2 .project-sleeve__image{animation:project-float-2 6s ease-in-out infinite;animation-delay:-2s}.projects--interactive .project-sleeve--3 .project-sleeve__image{animation:project-float-3 7s ease-in-out infinite;animation-delay:-4s}.projects--interactive .project-sleeve__hover{transition:transform .3s ease-out}.projects--interactive .project-sleeve--1:hover .project-sleeve__hover{transform:translateY(-32px)}.projects--interactive .project-sleeve--2:hover .project-sleeve__hover{transform:translate(-32px)}.projects--interactive .project-sleeve--3:hover .project-sleeve__hover{transform:translate(32px)}}.testimonials{position:fixed;inset:0;z-index:6;pointer-events:none;opacity:0}.ticket{position:absolute;inset:0;margin:auto;width:fit-content;height:fit-content;overflow:hidden;opacity:0;pointer-events:auto;cursor:pointer;z-index:5;border:3px double rgb(234,230,240);border-radius:12px}.ticket__base,.ticket__hover{display:block;width:clamp(300px,40vw,600px);height:auto}.ticket__base{position:relative;z-index:1}.ticket__hover{position:absolute;top:0;left:0;z-index:2;box-shadow:-13px 0 39px #000000b3;display:flex;align-items:center}.ticket__hover img{display:block;width:clamp(300px,40vw,600px);height:auto}.ticket__actions{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:.75rem;padding-right:24%}.ticket__btn{font-family:var(--font-body);font-size:clamp(.7rem,1vw,.85rem);font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--color-text);text-decoration:none;padding:.5em 1.5em;border:1px solid rgba(255,255,255,.4);background:#00000080;transition:all .2s ease}.ticket__btn:hover{background:#ffffff1a;border-color:#fffc}.testimonial{position:absolute;max-width:280px;opacity:0;will-change:opacity;pointer-events:auto;cursor:default}.testimonial:hover .testimonial__quote{color:#ffffffd9}.testimonial:hover .testimonial__quote:before,.testimonial:hover .testimonial__quote:after{color:#a78bfacc}.testimonial:hover .testimonial__author{color:#fff9}.testimonial__quote{font-family:var(--font-elegant);font-size:clamp(.75rem,1.2vw,.95rem);font-style:italic;color:#ffffff80;line-height:1.5;margin:0 0 .5rem;transition:color .3s ease}.testimonial__quote:before{content:"« ";color:#a78bfa66;transition:color .3s ease}.testimonial__quote:after{content:" »";color:#a78bfa66;transition:color .3s ease}.testimonial__author{font-family:var(--font-body);font-size:.65rem;font-weight:400;color:#ffffff59;letter-spacing:.02em;transition:color .3s ease}.testimonial__author:before{content:"— "}.testimonial--1{top:8%;left:8%}.testimonial--2{top:10%;right:8%;text-align:right}.testimonial--3{bottom:25%;left:4%}.testimonial--4{bottom:8%;right:5%;text-align:right}.testimonial--5{bottom:10%;left:50%;transform:translate(-50%);text-align:center;max-width:400px}@media(max-width:768px){.ticket__base,.ticket__hover,.ticket__hover img{width:clamp(280px,70vw,400px)}.ticket__actions{gap:.5rem;padding-right:20%}.ticket__btn{font-size:.75rem;padding:.6em 1.2em;min-height:44px;display:flex;align-items:center}.testimonial{max-width:180px}.testimonial--5{max-width:240px}.testimonial__quote{font-size:.7rem}.testimonial__author{font-size:.6rem}}@media(max-width:480px){.ticket__base,.ticket__hover,.ticket__hover img{width:140vw}.ticket__actions{padding-right:22%;gap:.6rem}.ticket__btn{font-size:.8rem;padding:.7em 1.4em;letter-spacing:.12em}.testimonial--2,.testimonial--3,.testimonial--4{display:none}.testimonial{max-width:200px}.testimonial--1{top:4%;left:50%;transform:translate(-50%);text-align:center}.testimonial--5{bottom:12%;left:50%;transform:translate(-50%);text-align:center;max-width:220px}.testimonial__quote{font-size:.65rem}.testimonial__author{font-size:.55rem}}@media(orientation:portrait)and (min-width:481px){.testimonial--1{top:5%;left:5%}.testimonial--2{top:5%;right:5%}.testimonial--3{top:auto;bottom:18%;left:5%;transform:none}.testimonial--4{top:auto;bottom:18%;right:5%;transform:none;text-align:right}.testimonial--5{bottom:3%;left:50%;transform:translate(-50%)}}.navigation{position:fixed;right:2.5rem;top:50%;transform:translateY(-50%);z-index:100;opacity:0}.navigation--visible{opacity:1;visibility:visible}.navigation__track{position:absolute;right:5px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,#ffffff14,#ffffff26,#ffffff14);border-radius:2px}.navigation__progress{position:absolute;top:0;left:0;width:100%;height:var(--nav-progress, 0%);background:linear-gradient(180deg,var(--color-accent) 0%,rgba(167,139,250,.6) 100%);border-radius:2px;transition:height .15s linear;box-shadow:0 0 12px #a78bfa66}.navigation__points{display:flex;flex-direction:column;gap:4rem;position:relative}.navigation__point{position:relative;min-width:12px;min-height:12px;border:2px solid rgba(255,255,255,.25);border-radius:50%;background:#0c0c0ccc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.navigation__point:before{content:"";position:absolute;inset:-6px;border-radius:50%;background:transparent;transition:background .3s ease}.navigation__point:hover{border-color:var(--color-accent);transform:scale(1.3);background:#a78bfa26}.navigation__point:hover:before{background:#a78bfa1a}.navigation__point:focus{outline:none;border-color:var(--color-accent)}.navigation__point:focus-visible{box-shadow:0 0 0 3px #a78bfa40}.navigation__point--active{border-color:var(--color-accent);background:var(--color-accent);box-shadow:0 0 16px #a78bfa80}.navigation__point--active:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(167,139,250,.3);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:0}}.navigation__label{position:absolute;right:calc(100% + 1.25rem);top:50%;transform:translateY(-50%) translate(8px);white-space:nowrap;font-family:var(--font-body);font-size:.7rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);background:#0c0c0ce6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.35rem .65rem;border-radius:4px;border:1px solid rgba(255,255,255,.08)}.navigation__point:hover .navigation__label{opacity:1;transform:translateY(-50%) translate(0)}.navigation__point--active .navigation__label{opacity:1;transform:translateY(-50%) translate(0);color:var(--color-text)}@media(max-width:768px){.navigation{right:auto;left:50%;top:auto;bottom:1.5rem;transform:translate(-50%);width:70%;padding:.75rem 1.25rem;background:#0c0c0cd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:2rem;border:1px solid rgba(255,255,255,.08)}.navigation__points{flex-direction:row;justify-content:space-between}.navigation__point{min-width:10px;min-height:10px}.navigation__track{right:auto;top:50%;left:.75rem;right:.75rem;bottom:auto;width:auto;height:2px;transform:translateY(-50%);background:linear-gradient(90deg,#ffffff14,#ffffff26,#ffffff14)}.navigation__progress{width:var(--nav-progress, 0%);height:100%;background:linear-gradient(90deg,var(--color-accent) 0%,rgba(167,139,250,.6) 100%);transition:width .15s linear}.navigation__label{display:block;right:auto;left:50%;top:auto;bottom:calc(100% + .75rem);transform:translate(-50%) translateY(4px);font-size:.65rem;padding:.25rem .5rem;background:#0c0c0cf2}.navigation__point:hover .navigation__label{opacity:0}.navigation__point--active .navigation__label{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-height:500px)and (orientation:landscape){.navigation{display:none}}.modal{position:fixed;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;padding:0;margin:0;border:none;background:transparent;z-index:100;overflow:hidden}.modal::backdrop{background:transparent}.modal__backdrop{position:absolute;inset:0;background:#0c0c0cd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.modal__container{position:relative;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;padding:3rem 4rem}.modal__close{position:fixed;top:1.5rem;right:1.5rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:var(--color-text);cursor:pointer;transition:background .2s ease,transform .2s ease;z-index:10}.modal__close:hover{background:#fff3;transform:scale(1.05)}.modal__close:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.modal__close svg{width:20px;height:20px}.modal__content{position:relative;max-width:1200px;margin:0 auto}.project-content[hidden]{display:none!important;pointer-events:none}.project-sleeve .project-content{pointer-events:none}.modal__content .project-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.project-content__text{display:flex;flex-direction:column;gap:1.75rem}.project-content__title{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3.5rem);font-weight:400;color:var(--color-text);letter-spacing:.05em;text-transform:uppercase}.project-content__subtitle{font-family:var(--font-display);font-size:clamp(1rem,1.5vw,1.25rem);font-style:italic;color:var(--color-text-muted)}.project-content__meta{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;font-size:.875rem;color:var(--color-text-muted);padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.project-content__link{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-accent);text-decoration:none;font-weight:500;transition:color .2s ease}.project-content__link:before{content:"";width:8px;height:8px;background:var(--color-accent);border-radius:50%}.project-content__link:hover{color:var(--color-text)}.project-content__format,.project-content__role{display:flex;align-items:center;gap:.5rem}.project-content__format:before,.project-content__role:before{content:"";width:4px;height:4px;background:var(--color-text-muted);border-radius:50%}.project-content__section h3{font-family:var(--font-body);font-size:.875rem;font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem}.project-content__section p{font-size:.9375rem;line-height:1.7;color:var(--color-text-muted);margin-bottom:0}.project-content__section>*:last-child{margin-bottom:0}.project-content__section ol{list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:1.25rem;margin-bottom:0}.project-content__section ol li{counter-increment:step;display:flex;flex-direction:column;gap:.25rem;font-size:.9375rem;line-height:1.6;color:var(--color-text-muted);position:relative;padding-left:2.5rem}.project-content__section ol li:before{content:counter(step);position:absolute;left:0;top:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:var(--color-bg);font-size:.75rem;font-weight:600;border-radius:50%}.project-content__section ol li strong{color:var(--color-text)}.project-content__section ul{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:1.5rem}.project-content__section ul li{font-size:.875rem;color:var(--color-text-muted);padding:.375rem .875rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:2rem}.project-content__section--results ul{display:flex;flex-direction:column;gap:1.25rem}.project-content__section--results ul li{display:flex;align-items:flex-start;gap:.75rem;padding:0;background:transparent;border:none;border-radius:0;font-size:.9375rem;line-height:1.6}.project-content__section--results ul li:before{content:"—";flex-shrink:0;color:var(--color-accent);font-weight:500}.project-content__visual{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem;position:sticky;top:2rem}.project-content__mockup{max-width:100%;max-height:70vh;width:auto;height:auto;object-fit:contain;border-radius:1rem;filter:drop-shadow(0 25px 50px rgba(0,0,0,.4))}.project-content__gallery{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.project-content__gallery img{width:80px;height:auto;border-radius:.5rem;opacity:.7;transition:opacity .2s ease,transform .2s ease;cursor:pointer}.project-content__gallery img:hover{opacity:1;transform:scale(1.05)}.modal__content .project-content.project-content--landscape{display:flex;flex-direction:column;gap:1.5rem;grid-template-columns:unset;grid-template-rows:unset}.modal__content .project-content--landscape .project-content__header{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;width:100%}.modal__content .project-content--landscape .project-content__title,.modal__content .project-content--landscape .project-content__subtitle{grid-column:unset;grid-row:unset;margin-bottom:0;text-align:center;width:100%}.project-content--landscape .project-content__visual{position:relative;top:0;width:100%;display:flex;justify-content:center;align-items:center;margin:.5rem 0}.project-content--landscape .project-content__mockup{max-width:100%;max-height:50vh;width:auto;height:auto;object-fit:contain;border-radius:1rem;filter:drop-shadow(0 25px 50px rgba(0,0,0,.4))}.project-content--landscape .project-content__meta{justify-content:center;padding-top:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.project-content--landscape .project-content__sections{display:flex;flex-direction:column;gap:2.5rem}.project-content--landscape .project-content__section--context{width:100%}.project-content--landscape .project-content__sections-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem 3rem}.project-content--landscape .project-content__section--tools{width:100%}.project-content--landscape .project-content__section{grid-column:auto}@media(max-width:900px){.project-content--landscape .project-content__sections-row{grid-template-columns:1fr;gap:1.5rem}.project-content--landscape .project-content__mockup{max-height:40vh}}@media(max-width:600px){.project-content--landscape .project-content__mockup{max-height:30vh;border-radius:.75rem}.project-content--landscape .project-content__header{text-align:left}.project-content--landscape .project-content__meta{justify-content:flex-start}}@media(prefers-reduced-motion:no-preference){.modal[open]{animation:modal-fade-in .3s ease-out}.modal[open] .modal__container{animation:modal-slide-up .4s cubic-bezier(.22,1,.36,1)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}@media(prefers-reduced-motion:reduce){.modal,.modal__container,.modal__close{animation:none;transition:none}}@media(max-width:900px){.modal__container{padding:2rem 1.5rem}.modal__content .project-content{grid-template-columns:1fr;grid-template-rows:auto;gap:1rem}.project-content__title,.project-content__subtitle,.project-content__meta,.project-content__section,.project-content__visual{grid-column:1;grid-row:auto}.project-content__visual{position:relative;top:0;order:-1;margin-bottom:1rem}.project-content__mockup{max-height:40vh}.modal__close{top:1rem;right:1rem;width:40px;height:40px}}@media(max-width:480px){.modal__container{padding:4rem 1rem 1.5rem}.project-content__meta{flex-direction:column;align-items:flex-start;gap:.5rem}.project-content__section ol li{font-size:.875rem}}@media(orientation:portrait){.hero__char--space{display:block;width:100%;height:.5em}.hero__orb--primary{width:50vw;height:50vw;top:-10vw;right:-10vw}.hero__orb--secondary{width:35vw;height:35vw;bottom:-5vw;left:-5vw}.vinyl__disk,.sleeve__image{width:85vw}.sleeve__content{inset:10%}.sleeve__sep--vertical{flex:0 0 2px}.sleeve__sep--horizontal{height:2px}.sleeve__title{font-size:clamp(.8rem,2.5vw,1.4rem)}.sleeve__face{font-size:clamp(.4rem,1.2vw,.6rem);margin-bottom:.3vw}.sleeve__text{font-size:clamp(.5rem,1.5vw,.7rem);line-height:1.4}.sleeve__list{font-size:clamp(.4rem,1.2vw,.6rem);padding-left:1vw}.sleeve__list li{font-size:clamp(.5rem,1.5vw,.7rem);margin-bottom:.1vw;line-height:1.4}.sleeve__section{padding:.5vw 2vw}.sleeve__vinyl-mini{width:5vw;height:5vw}.sleeve__sep--vertical{margin:10px 0}.sleeve__sep--horizontal{margin:0 10px}.projects__title{font-size:clamp(1.5rem,6vw,3rem)}.project-sleeve__image{width:70vw;height:auto}.composition{flex-direction:column}}