@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,700;1,400&display=swap";:root{--bg: #111117;--text: #f2f2f2;--muted: #b8b8bf;--line: #2d2d37;--accent: #e66461;--panel: #16161f}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,sans-serif;background-color:var(--bg);color:var(--text);overflow-x:hidden}html,body{width:100%}.audio-nav{position:fixed;left:50%;bottom:.95rem;transform:translate(-50%);z-index:40;display:flex;gap:.5rem;width:fit-content;padding:.32rem;border:1px solid rgba(255,255,255,.22);background:#111117c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.audio-btn{position:relative;width:40px;height:40px;border:1px solid rgba(255,255,255,.32);background:#111117d1;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,border-color .2s ease,opacity .2s ease}.audio-btn:hover,.audio-btn:focus-visible{transform:translateY(-1px);border-color:#ffffffa6}.audio-btn[data-on=false]{opacity:.55}.audio-btn[data-on=false]:before{content:"";position:absolute;width:24px;height:1.5px;background:#fff;transform:rotate(-35deg)}.audio-icon{width:18px;height:18px}.audio-btn[data-on=false] .speaker-wave{opacity:0}.audio-btn[data-on=true]{opacity:1}img{width:100%;height:100%;object-fit:cover}h1{text-transform:uppercase;font-size:6rem;font-weight:400;letter-spacing:-.05em;line-height:.8}p{text-transform:uppercase;font-size:1.25rem;font-weight:500;line-height:.8}section{position:relative;width:100%;background-color:var(--bg);text-align:center;overflow:hidden}.hero{height:100svh}.hero-img-container,.hero-img-container img,.fade-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.hero-img-container{scale:1.5}.hero-img-logo{position:fixed;top:20%;left:50%;transform:translate(-50%);width:250px;height:auto;z-index:1}.hero-img-logo img{width:100%;height:auto;object-fit:contain;object-position:center;display:block}.hero-img-copy{position:absolute;top:0;left:0;width:100%;height:100%;will-change:opacity;z-index:1}.hero-img-copy img{width:100%;height:100%;object-fit:cover}.fade-overlay{background-color:#fff;opacity:0;will-change:opacity;z-index:2}.overlay{position:absolute;top:0;left:0;transform-origin:center 15%;width:100%;height:200%;opacity:0;z-index:4;pointer-events:none}.logo-container{position:fixed;top:25%;left:50%;transform:translate(-50%,-50%);width:200px;height:150px;z-index:3}.desktop-icons{position:fixed;top:1.1rem;left:1rem;display:grid;grid-auto-rows:min-content;gap:.35rem;z-index:8}.desktop-icon{width:90px;min-height:0;border:1px solid transparent;border-radius:.55rem;background:transparent;color:#f6f7fb;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.22rem;padding:.24rem .18rem .28rem;cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.desktop-icon-art{width:48px;height:48px;padding:0;border-radius:.35rem;display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 5px 8px rgba(0,0,0,.3))}.desktop-icon-art svg{width:100%;height:100%}.desktop-icon-art img{width:100%;height:100%;object-fit:contain}.desktop-icon-instagram .desktop-icon-art img{width:90%;height:90%}.desktop-icon-label{text-transform:none;color:#fff;font-size:.68rem;line-height:1.2;text-align:center;text-wrap:balance;text-shadow:0 1px 2px rgba(0,0,0,.75)}.desktop-icon:hover,.desktop-icon:focus-visible{border-color:#cbe5ffa6;background:#3072ad42;transform:translateY(-1px)}.desktop-icon:active{transform:translateY(0)}.desktop-icon:focus-visible{outline:none}.overlay-copy{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;pointer-events:none;opacity:0;width:80%;max-width:1200px;text-align:center}.overlay-copy h1{will-change:transform}.overlay-copy h1{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;transform-origin:center center}.outro{display:flex;justify-content:center;align-items:center;background-color:var(--bg);position:relative;z-index:10}.section-inner{width:min(1180px,92vw);margin:0 auto}.section-label{text-transform:uppercase;letter-spacing:.12em;font-size:.85rem;color:var(--muted);margin-bottom:1.25rem}.about{min-height:75svh;padding:8rem 0 5rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about .section-inner{text-align:left}.about h2,.works h2{text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(2rem,5vw,4rem);line-height:.9}.about-role,.about-copy{margin-top:1.5rem;text-transform:none;font-size:clamp(1.05rem,2vw,1.75rem);line-height:1.35;max-width:880px;color:var(--text)}.about-copy{color:var(--muted)}.about-interests{margin-top:2rem}.about-interests ul{margin:0;padding-left:1.4rem;max-width:520px;list-style:disc}.about-interests li{padding:.15rem 0;text-transform:none;letter-spacing:0;font-size:1.02rem;color:var(--muted)}.about-education{margin-top:2rem}.about-education h3{text-transform:none;font-size:1.1rem;font-weight:700;margin-bottom:.35rem}.about-education p{text-transform:none;font-size:1rem;line-height:1.4;color:var(--muted)}.works{padding:6rem 0 8rem;overflow:visible}.works .section-inner{position:relative}.work-offer-note{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;text-align:left;margin-bottom:1.25rem;padding:.8rem 1rem;border:1px solid var(--line);background:transparent}.work-offer-note p,.work-offer-note a{text-transform:none;font-size:.95rem;line-height:1.3}.work-offer-note p{color:var(--muted);margin:0}.work-offer-note a{color:var(--text);text-decoration:underline;text-underline-offset:2px}.work-offer-note a:hover,.work-offer-note a:focus-visible{color:var(--accent)}.skills-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8rem;margin-bottom:3rem}.skills-column{border:1px solid var(--line);padding:1.2rem;text-align:left;background:transparent}.skills-column h3{text-transform:uppercase;letter-spacing:.03em;font-size:clamp(1.6rem,3vw,2.25rem);margin-bottom:.8rem;color:#e3e3e7}.skills-grid{display:flex;flex-wrap:wrap;gap:.6rem}.skill-chip{position:relative;isolation:isolate;overflow:hidden;border:1px solid #3a3a45;background:transparent;color:#d7d7dc;padding:.55rem .85rem;font-size:.92rem;letter-spacing:.01em;cursor:pointer;transition:transform .2s ease,border-color .2s ease,color .2s ease}.skill-chip:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;background:#2b3e7a;transform:scaleY(0);transform-origin:bottom;transition:transform .35s cubic-bezier(.2,.8,.25,1);z-index:-2}.skill-chip:after{content:"";position:absolute;inset:-6px;opacity:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.35) 0 1px,transparent 1px),radial-gradient(circle at 50% 90%,rgba(255,255,255,.4) 0 1px,transparent 1px),radial-gradient(circle at 80% 84%,rgba(255,255,255,.3) 0 1px,transparent 1px);background-size:70px 40px;animation:sparkleRise 1.1s linear infinite;transition:opacity .25s ease}.skill-chip:hover,.skill-chip:focus-visible{transform:translateY(-2px);border-color:#5f7de0;color:#f8f8ff}.skill-chip:hover:before,.skill-chip:focus-visible:before{transform:scaleY(1)}.skill-chip:hover:after,.skill-chip:focus-visible:after{opacity:1}.skill-chip:focus-visible{outline:2px solid #8ba1ea;outline-offset:1px}@keyframes sparkleRise{0%{background-position:0 26px,18px 26px,36px 26px}to{background-position:0 -24px,18px -24px,36px -24px}}.works-header{text-align:left;margin-bottom:2rem}.works-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.work-card{background:transparent;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:280px;display:flex;flex-direction:column;transition:background-color .28s ease;cursor:pointer}.work-card:hover{background-color:var(--panel)}.work-banner{height:86px;border-bottom:1px solid var(--line);background-color:#1b1b24;background-image:linear-gradient(#11111773,#11111773),url(/images/1.svg);background-repeat:no-repeat;background-position:center;background-size:cover;position:relative}.work-content{padding:1rem 1rem 3.75rem;display:flex;flex-direction:column;height:100%;text-align:left;position:relative}.work-content h3{text-transform:uppercase;font-size:1rem;letter-spacing:.04em;margin-bottom:.6rem}.work-content p{text-transform:none;font-size:.95rem;line-height:1.35;color:var(--muted);margin-bottom:auto;padding-right:2.5rem}.work-arrow{position:absolute;right:1rem;bottom:1rem;border:1px solid var(--line);background:transparent;color:var(--text);width:42px;height:32px;font-size:1rem;cursor:pointer;transition:transform .25s ease,border-color .25s ease,color .25s ease}.work-arrow:hover{transform:translate(6px);border-color:var(--accent);color:var(--accent)}.project-desktop{position:fixed;inset:0;z-index:90;pointer-events:none}.project-window{position:absolute;width:min(1180px,92vw);min-height:560px;max-height:84vh;border:1px solid #8e8e94;background:#d8d8dc;color:#1b1b20;pointer-events:auto;border-radius:1.05rem;overflow:hidden;box-shadow:0 18px 46px #0c0c104d;animation:windowOpen .22s ease-out;display:flex;flex-direction:column}.project-window-titlebar{height:64px;border-bottom:1px solid #8e8e94;background:#43434a;color:#f0f0f0;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;cursor:move;-webkit-user-select:none;user-select:none}.project-window-titlebar h3{text-transform:none;font-size:clamp(1.05rem,2vw,2rem);letter-spacing:.03em;font-weight:500}.project-window-close{border:0;background:transparent;color:#f0f0f0;font-size:2rem;line-height:1;cursor:pointer}.project-window-body{padding:1rem;overflow:auto;flex:1;text-align:left}.project-window-image-group{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:.75rem;max-width:660px}.project-window-square{margin:0;border-radius:1rem;overflow:hidden;width:100%;max-width:160px;transition:transform .25s ease}.project-window-square:hover{transform:scale(1.05)}.project-window-zoom-image{width:100%;aspect-ratio:1 / 1;height:auto;display:block;object-fit:cover;cursor:zoom-in}.project-window-post-title{text-transform:none;font-size:1.25rem;line-height:1.3;margin-bottom:.55rem;color:#17171c}.project-window-copy{text-transform:none;font-size:1rem;line-height:1.45;color:#2a2a30;margin-bottom:.65rem}.project-window-meta{display:flex;gap:.75rem;margin-bottom:.65rem}.project-window-meta-item{font-size:.78rem;color:#5a5a64;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.project-window-detail{font-size:.95rem;line-height:1.6;color:#3a3a44;margin-bottom:.65rem;border-top:1px solid #c0c0c8;padding-top:.65rem;text-transform:none}.project-window-tech{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.project-window-tech-chip{font-size:.75rem;font-weight:500;color:#1b1b20;background:#c4c4cc;border-radius:.35rem;padding:.2rem .55rem;letter-spacing:.02em}.project-window-link{display:inline-block;margin-top:.85rem;font-size:.88rem;font-weight:600;color:#1b1b20;text-decoration:underline;text-underline-offset:3px;letter-spacing:.02em}.project-window-link:hover{opacity:.65}.project-window.dragging{cursor:grabbing}.project-window.is-closing{animation:windowClose .17s ease-in forwards;pointer-events:none}@keyframes windowOpen{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes windowClose{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.86)}}.posters-section{margin-top:4rem}.posters-header{margin-bottom:1.5rem}.illustration-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;width:min(920px,100%);margin:0}.gallery-item{margin:0;border:1px solid var(--line);background:transparent;border-radius:1.25rem;overflow:hidden;transition:transform .35s ease}.gallery-item:hover{transform:scale(1.04)}.gallery-item img{width:100%;aspect-ratio:1 / 1;height:auto;display:block;object-fit:cover;cursor:zoom-in}.gallery-lightbox{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:2rem 1rem;background:#08080cbd;cursor:zoom-out}.gallery-lightbox.is-open{display:flex}.gallery-lightbox-inner{display:flex;flex-direction:column;align-items:center;gap:.9rem}.gallery-lightbox-image{width:auto;height:auto;max-width:92vw;max-height:78vh;object-fit:contain;cursor:zoom-out}.gallery-lightbox-caption{text-transform:none;font-size:1rem;line-height:1.35;color:#f2f2f2;text-align:center}.site-footer p{text-transform:none;font-size:.95rem;line-height:1.35;color:var(--muted)}.site-footer a{color:var(--text);text-decoration:underline;text-underline-offset:3px}.site-footer a:hover{color:var(--muted)}.site-footer{border-top:1px solid var(--line);padding:1.25rem 0 6rem;text-align:center;background:var(--bg)}@media(max-width:1200px){.works-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){h1{font-size:2.5rem;letter-spacing:0}.hero-img-logo{width:200px}p{font-size:1rem}.overlay-copy{width:100%}.about{padding-top:6rem}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.illustration-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;width:min(760px,100%)}.skills-showcase{grid-template-columns:1fr}.work-banner{height:72px}.project-window{width:min(94vw,860px);min-height:460px}.project-window-image-group{grid-template-columns:repeat(2,minmax(0,1fr))}.project-window-titlebar{height:56px;padding:0 1rem}}@media(max-width:700px){.section-inner{width:min(1180px,calc(100vw - 1.5rem))}.hero-img-container{scale:1.35}.hero-img-logo{top:17%;left:50%;transform:translate(-50%);width:168px}.desktop-icons{top:auto;left:50%;bottom:4.7rem;transform:translate(-50%);grid-auto-flow:column;gap:.26rem}.desktop-icon{width:72px;min-height:0;padding:.18rem .12rem .22rem}.desktop-icon-art{width:38px;height:38px}.desktop-icon-label{font-size:.58rem}.about{min-height:auto;padding:5rem 0 3.5rem}.about-copy{font-size:1rem}.works{padding:4rem 0 6rem}.work-content{padding:.9rem}.work-content p{padding-right:2.2rem}.project-window{width:100vw;max-width:100vw;min-height:100svh;max-height:100svh;border-radius:0;border-left:0;border-right:0}.project-window-titlebar{cursor:default}.project-window-body{padding:.85rem}.project-window-image-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.project-window-square{max-width:none}}@media(max-width:560px){h1{font-size:2rem;line-height:.9}.audio-nav{bottom:.72rem}.audio-btn{width:36px;height:36px}.works-grid{grid-template-columns:1fr}.illustration-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;width:min(420px,100%)}.skills-column{padding:.9rem}.skill-chip{font-size:.84rem;padding:.48rem .7rem}.site-footer{padding-bottom:5rem}.desktop-icon{width:68px}.desktop-icons{bottom:4.45rem;gap:.2rem}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}