.App.fun-mode{background:black;position:relative}body.fun-mode main,.App.fun-mode main{-webkit-overflow-scrolling:touch}.App.fun-mode:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 10% 20%,rgba(255,214,70,.02) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(255,140,66,.02) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,93,162,.01) 0%,transparent 50%);pointer-events:none;z-index:0;will-change:opacity;animation:globalFunModeGlow 60s ease-in-out infinite alternate}@keyframes globalFunModeGlow{0%{opacity:.05}to{opacity:.15}}.App.fun-mode section{background:transparent!important}.App.fun-mode section:nth-child(2n){background:transparent!important}html.fun-mode,body.fun-mode{scrollbar-width:none;-ms-overflow-style:none;overflow-x:clip;overflow-y:visible;scroll-behavior:auto}html.fun-mode ::-webkit-scrollbar,body.fun-mode ::-webkit-scrollbar,.App.fun-mode ::-webkit-scrollbar{width:0;height:0}.App.fun-mode{scrollbar-width:none;-ms-overflow-style:none}main{flex:1;overflow-x:clip;overflow-y:visible;width:100%;max-width:100%}section{padding:80px 0;position:relative;width:100%;max-width:100%;overflow-x:clip;overflow-y:visible;box-sizing:border-box}@media (max-width: 768px){section{padding:60px 0}}@media (max-width: 480px){section{padding:50px 0}}section:nth-child(2n){background-color:var(--background-alt)}html{scroll-padding-top:7rem}.header{position:fixed;top:0;left:0;right:0;background-color:#faf9f6f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:1000;transition:var(--transition);overflow:visible}.header.fun-mode{background-color:#000000f2;border-bottom:1px solid #FFD646;box-shadow:0 0 10px #ffd64626}.header.fun-mode .nav-list button.nav-tab,.header.fun-mode .nav-list button.nav-tab:hover,.header.fun-mode .nav-list button.nav-tab.active{color:#111;text-shadow:none}.header.fun-mode .fun-mode-text{color:#fff;text-shadow:0 0 5px rgba(255,214,70,.15)}.header.fun-mode .switch input:checked+.slider{background-color:#ffd646;box-shadow:0 0 10px #ffd64640}.header.fun-mode .slider:before{background-color:#fff;box-shadow:0 0 5px #ffd64626}.header-container{width:100%;margin:0;padding:.4rem 5px;display:flex;align-items:center;justify-content:space-between;min-height:calc(var(--header-logo-size) + .75rem);height:auto;gap:0}.logo-container{display:flex;align-items:center;padding:0;margin:0 0 0 -25px}.logo{height:var(--header-logo-size);width:auto;max-width:min(240px,50vw);object-fit:contain;cursor:pointer;transition:var(--transition);margin:0;padding:0}@media (max-width: 768px){.header-container{min-height:calc(var(--header-logo-size) + .5rem);padding:.3rem 15px}.logo-container{margin-left:0!important;padding-left:0!important;flex-shrink:0;align-items:center;justify-content:flex-start}.header-container .logo-container .logo,.header .logo-container .logo,.logo{height:var(--header-logo-size)!important;max-height:var(--header-logo-size)!important;max-width:min(220px,55vw)!important;width:auto!important;margin:0!important;padding:0!important}}.logo:hover{opacity:.8;transform:scale(1.05);transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.logo:hover{transform:scale(1.02)}}.nav{display:flex;align-items:center;margin-right:2rem}@media (min-width: 769px){.nav{display:flex!important}.mobile-menu-btn{display:none!important}}.nav-list{display:flex;list-style:none;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem}.nav-list button.nav-tab{background:transparent;color:#111;border:0;border-radius:0;padding:.3rem .1rem;font-family:var(--font-title);font-size:.78rem;letter-spacing:.04em;font-weight:500;font-style:normal;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;position:relative;overflow:visible;outline:none}.nav-list button.nav-tab--archive,.nav-list button.nav-tab--timeline,.nav-list button.nav-tab--about{background:transparent}.nav-list button.nav-tab:before,.nav-list button.nav-tab:after{display:none;content:none}.nav-list button.nav-tab:focus{outline:none}.nav-list button.nav-tab:focus-visible{box-shadow:0 0 0 2px #111,0 0 0 4px #faf9f6}.header.fun-mode .nav-list button.nav-tab:focus-visible{box-shadow:0 0 0 2px #111,0 0 0 4px #ffd64659}.nav-list button.nav-tab:hover{transform:translateY(-1px);color:var(--primary-color);filter:none}.nav-list button.nav-tab--work:hover,.nav-list button.nav-tab--archive:hover,.nav-list button.nav-tab--timeline:hover,.nav-list button.nav-tab--about:hover{box-shadow:none}.nav-list button.nav-tab.active{font-weight:800;color:#111}.nav-list button.nav-tab--work.active,.nav-list button.nav-tab--archive.active,.nav-list button.nav-tab--timeline.active,.nav-list button.nav-tab--about.active{box-shadow:none}.about-me-container{display:flex;align-items:center;gap:1rem}.fun-mode-switch{display:flex;align-items:center;gap:.5rem;margin-left:1.5rem}.fun-mode-text{font-family:var(--font-title);font-size:1rem;font-weight:500;color:var(--text-primary);white-space:nowrap}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:gold}input:checked+.slider:before{transform:translate(26px)}.slider:hover{box-shadow:0 2px 8px #2d374833}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-menu-btn:hover{background-color:var(--background-alt);transform:scale(1.05)}.hamburger{display:block;width:24px;height:2px;background-color:var(--text-primary);position:relative;transition:var(--transition)}.hamburger:before,.hamburger:after{content:"";position:absolute;width:24px;height:2px;background-color:var(--text-primary);transition:var(--transition)}.hamburger:before{top:-8px}.hamburger:after{bottom:-8px}.hamburger.open{background-color:transparent}.hamburger.open:before{transform:rotate(45deg);top:0}.hamburger.open:after{transform:rotate(-45deg);bottom:0}@media (max-width: 768px){.nav{display:none!important;position:fixed;top:60px;left:0;right:0;width:100%;background-color:#faf9f6!important;border-bottom:2px solid #e8e6e1;z-index:2100;box-shadow:0 4px 20px #0003;margin-right:0;padding-bottom:30px;max-height:calc(100vh - 60px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;visibility:hidden;opacity:0}.header.fun-mode .nav{background-color:#000000fa!important;border-bottom:1px solid #FFD646}.nav.nav-open{display:block!important;visibility:visible!important;opacity:1!important;transform:translateY(0)!important;pointer-events:auto!important}header .nav.nav-open{display:block!important;visibility:visible!important;opacity:1!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.nav-list{flex-direction:column;gap:12px;padding:30px 20px;margin:0;list-style:none;width:100%;box-sizing:border-box;display:flex!important;visibility:visible!important}.nav.nav-open .nav-list{display:flex!important;visibility:visible!important}.nav-list li{width:100%;margin:0;padding:0;display:block}.nav-list button.nav-tab{width:100%;justify-content:center;text-align:center;padding:.85rem .5rem;border-radius:0;margin-bottom:0;font-family:var(--font-title);font-size:.78rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;min-height:52px;display:flex;align-items:center;color:#111;cursor:pointer}.nav-list button.nav-tab:hover{transform:translateY(-1px);filter:brightness(1.03)}.nav-list button.nav-tab.active{font-weight:600}.about-me-container{flex-direction:column;align-items:flex-start;gap:16px;padding:0;width:100%;box-sizing:border-box;margin-top:12px;display:flex}.about-me-container button.nav-tab{width:100%;padding:.85rem .5rem;min-height:52px;margin-bottom:0;font-family:var(--font-title);font-size:.78rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.fun-mode-switch{margin-left:0;margin-top:0;width:100%;padding:16px 24px;display:flex;align-items:center;gap:16px;min-height:56px;background-color:transparent}.fun-mode-text{font-size:1.1rem;font-weight:500}.mobile-menu-btn{display:block;z-index:2200;position:relative}}.hero{padding:120px 0 80px;background:var(--background);min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero.fun-mode{background:black;position:relative}.hero.fun-mode:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(255,214,70,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,140,66,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,93,162,.1) 0%,transparent 50%);pointer-events:none;z-index:1;opacity:.45}.hero.fun-mode .hero-title{color:#fff;text-shadow:0 0 20px rgba(255,214,70,.3),0 0 40px rgba(255,140,66,.2),0 0 60px rgba(255,93,162,.1)}.hero.fun-mode .typing-cursor.fun-mode-cursor{color:#ffd646;text-shadow:0 0 10px rgba(255,214,70,.8);animation:funModeCursorBlink 1.2s step-end infinite}@keyframes funModeCursorBlink{50%{opacity:0}}.pattern-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;background:#000000;pointer-events:none}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(45,55,72,.02) 50%,transparent 100%);pointer-events:none;z-index:0}.hero:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(45,55,72,.01) 0%,transparent 70%);pointer-events:none;z-index:0}.hero-container{max-width:1200px;margin:0 auto;padding:0 20px;text-align:center}.hero-content{max-width:800px;margin:0 auto;position:relative;z-index:10}.hero-title{font-family:var(--font-title);font-size:3rem;font-weight:300;font-style:normal;line-height:1.2;color:var(--text-primary);letter-spacing:-.01em;animation:fadeInUp 1s cubic-bezier(.4,0,.2,1);will-change:opacity,transform;animation-delay:.3s;min-height:3.5rem;display:flex;align-items:center;justify-content:center;text-align:center;max-width:900px;margin:0 auto;position:relative}.typing-text{display:inline;position:relative;line-height:inherit}.typing-cursor{display:inline;margin-left:2px;animation:blink 1s infinite;color:var(--primary-color);font-weight:300;vertical-align:baseline;line-height:inherit;font-size:inherit}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-10px,0)}}.highlight{color:var(--primary-color);position:relative}.highlight:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:4px;background-color:var(--primary-color);border-radius:2px;animation:highlightPulse 3s ease-in-out infinite;will-change:transform,opacity}@keyframes highlightPulse{0%,to{transform:scaleX(1);opacity:1}50%{transform:scaleX(1.05);opacity:.8}}.hero-subtitle{font-family:var(--font-subtitle);font-size:1.25rem;font-weight:500;font-style:italic;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6;animation:fadeInUp 1s cubic-bezier(.4,0,.2,1) .4s both,float 6s ease-in-out infinite;will-change:opacity,transform;animation-delay:.4s,.6s}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;animation:fadeInUp 1s cubic-bezier(.4,0,.2,1) .6s both;will-change:opacity,transform}.hero-image{display:flex;justify-content:center;align-items:center}.hero-image .placeholder-image{width:400px;height:400px;border-radius:50%;font-size:1.1rem}@media (prefers-reduced-motion: reduce){.hero-title,.hero-subtitle,.hero-buttons,.hero:before,.hero:after,.highlight:after,.floating-shape,.typing-cursor{animation:none}.typing-cursor{opacity:1}}@media (max-width: 768px){.hero{padding:100px 0 60px;min-height:auto}.hero-container{padding:0 20px}.hero-title{font-size:2rem;line-height:1.3;min-height:auto}.hero-subtitle{font-size:1.1rem;padding:0 10px}.hero-buttons{justify-content:center;gap:.75rem}.hero-buttons .btn{padding:10px 20px;font-size:.95rem}}@media (max-width: 480px){.hero{padding:90px 0 50px}.hero-container{padding:0 15px}.hero-title{font-size:1.75rem;line-height:1.2}.hero-subtitle{font-size:1rem;margin-bottom:1.5rem}.hero-buttons{flex-direction:column;width:100%;gap:.5rem}.hero-buttons .btn{width:100%;padding:12px 20px}}.fun-mode-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(255,214,70,.12) 0%,transparent 50%),radial-gradient(ellipse 60% 80% at 80% 60%,rgba(255,140,66,.1) 0%,transparent 50%),radial-gradient(ellipse 70% 60% at 50% 50%,rgba(255,93,162,.08) 0%,transparent 55%);opacity:0;transition:opacity .35s ease}.fun-mode-background.fun-mode-background-visible{opacity:1}.lazy-image-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.lazy-image{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease-in-out}.lazy-image.loading{opacity:0}.lazy-image.loaded{opacity:1}.lazy-image.error{opacity:.5}.lazy-image-placeholder{width:100%;background-color:#f0f0f0}.lazy-image-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.client-work{padding:80px 0 120px;background-color:var(--background);content-visibility:auto;contain-intrinsic-size:1200px}.client-work-hero-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:.35rem .9rem;margin-bottom:.1rem}.client-work-hero-row .projects-main-title{margin:0;text-align:center}.client-work-hero-metric{font-family:ui-monospace,SFMono-Regular,Menlo,Roboto Mono,Consolas,monospace;font-size:clamp(1.15rem,2.2vw,1.5rem);font-weight:500;letter-spacing:.02em;color:var(--text-primary);line-height:1;padding-bottom:.35em;opacity:.9}.client-work.fun-mode .client-work-hero-metric{color:#fff;opacity:.85;text-shadow:0 0 8px rgba(255,214,70,.15)}.projects-main-title{font-family:var(--font-title);color:var(--text-primary);margin:0 0 .5rem;text-align:center}.projects-hint{font-size:1rem;font-weight:500;color:var(--text-secondary);opacity:.8;letter-spacing:.02em;margin:0;text-align:center}.projects-title-spacer{height:1.5rem}.projects-category-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin:0 0 4.25rem}.projects-category-tab{background:rgba(255,90,31,.9);color:#111;border:0;border-radius:999px;padding:.52rem .95rem;font-family:var(--font-title);font-size:.72rem;letter-spacing:.04em;font-weight:500;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.projects-category-tab:hover{transform:translateY(-1px);box-shadow:0 10px 20px #ff5a1f40;filter:brightness(1.03)}.projects-category-tab.active{box-shadow:0 0 0 2px #111 inset,0 8px 18px #ff5a1f4d}.client-work-category-block{display:flex;flex-direction:column;gap:1.25rem}.client-work-category-block+.client-work-category-block{margin-top:5.25rem}.client-work .projects-subtitle{font-family:var(--font-title);font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.01em;text-align:center}.client-work.fun-mode .projects-main-title,.client-work.fun-mode .projects-subtitle{color:#fff;text-shadow:0 0 10px rgba(255,214,70,.2)}.client-work.fun-mode .projects-hint{color:#fff9}.client-work.fun-mode{background-color:#000;position:relative}.client-work.fun-mode .fun-mode-title{color:#fff;text-shadow:0 0 10px rgba(255,214,70,.2)}.client-work.fun-mode .project-box{border:2px solid black!important;border-radius:8px;padding:2px;position:relative;overflow:visible!important}.client-work.fun-mode .project-box:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#FFD646,#FF8C42,#FF5DA2,#FFB3D1,#6BCB77);opacity:0;transition:opacity .3s ease;z-index:-1}.client-work.fun-mode .project-box:hover:before{opacity:.05}.client-work.fun-mode .project-box:hover{transform:translate3d(0,-8px,0) scale(1.01) rotate(.5deg);box-shadow:0 15px 30px #ffd64626,0 0 15px #ff8c421a}.client-work.fun-mode .project-label{margin-top:1rem;text-align:left;position:relative;z-index:10;background:rgba(0,0,0,.8);padding:.5rem;border-radius:4px}.client-work.fun-mode .project-label-title{color:#fff!important;text-shadow:none;visibility:visible!important;opacity:1!important;margin:0}.client-work.fun-mode .project-category{color:#ffffffb3!important}.client-work.fun-mode .project-image{width:100%;height:100%;overflow:hidden;border-radius:var(--border-radius);box-shadow:var(--shadow);background:transparent!important;border:none!important}.client-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem;max-width:100%;width:100%;margin:0 auto;justify-items:stretch;justify-content:center}.client-work .project-box{aspect-ratio:16/9;overflow:visible;overflow-x:visible;overflow-y:visible;transition:transform .3s cubic-bezier(.4,0,.2,1);cursor:pointer;width:100%;max-width:none;position:relative;transform:translateZ(0);backface-visibility:hidden}@media (hover: hover) and (pointer: fine){.client-work .project-box:hover{will-change:transform;transform:translate3d(0,-12px,0) scale(1.02)}.client-work .project-box:hover .project-image{box-shadow:0 25px 50px #0003,0 0 30px #2d374826,0 0 0 3px #2d37481a}.client-work .project-box:hover .project-image img{will-change:transform;transform:translateZ(0) scale(1.05)}.client-work .project-box:hover .project-label-leading{transform:translate3d(8px,0,0)}.client-work .project-box:hover .project-label-title{color:var(--primary-color);font-weight:700}.client-work .project-box:hover .project-title-text{font-weight:700}.client-work .project-box:active{transform:translate3d(0,-4px,0) scale(.98);transition:transform .1s cubic-bezier(.4,0,.2,1)}.client-work .project-box:active .project-image{box-shadow:0 15px 30px #0003}}.client-work .project-image{width:100%;height:100%;overflow:hidden;border-radius:var(--border-radius);box-shadow:var(--shadow);position:relative}.client-work .project-image .placeholder-image{width:100%;height:100%;border:none;background:linear-gradient(135deg,var(--background-alt) 0%,var(--border-color) 100%);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1rem;font-weight:500}.client-work .project-image img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:var(--border-radius);transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translateZ(0);backface-visibility:hidden}.client-work .project-image img[src*=".svg"]{object-fit:cover;background-color:var(--background-alt);width:120%;height:120%;margin-left:-10%;margin-top:-10%}.client-work .project-image img.phuljadi-image{object-position:bottom!important;transform:translateY(5px)!important;margin-top:5px!important}.client-work .project-animation,.client-work .lazy-video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.client-work .project-animation video,.client-work .lazy-video-wrapper video{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:var(--border-radius);opacity:0;transform:translateZ(0) scale(1);transform-origin:center center;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.client-work .project-box.hovered .project-image .project-animation video,.client-work .project-box.hovered .project-image .lazy-video-wrapper video{will-change:transform,opacity;opacity:1;transform:translateZ(0) scale(1.08);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.client-work .project-box.hovered .project-image .project-animation video[data-ready=false],.client-work .project-box.hovered .project-image .lazy-video-wrapper video[data-ready=false]{opacity:0}.client-work .project-box.hovered .project-image:has(.project-animation video[data-ready=true]) img,.client-work .project-box.hovered .project-image:has(.lazy-video-wrapper video[data-ready=true]) img{opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.client-work .project-box:not(.hovered) .project-image:has(.project-animation) img{opacity:1;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.client-work .project-label{margin-top:1rem;text-align:left;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:baseline;justify-content:flex-start;gap:.5rem .75rem;width:100%;min-width:0}.client-work .project-label-leading{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;flex:1 1 auto;min-width:0;gap:.45rem;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translateZ(0)}.client-work .project-idx{font-family:ui-monospace,SFMono-Regular,Menlo,Roboto Mono,Consolas,monospace;font-size:.7rem;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--text-secondary);line-height:1.25;flex-shrink:0;padding-top:.18em}.client-work.fun-mode .project-idx{color:#ffffff8c}.client-work .project-label-title{font-family:var(--font-title);color:var(--text-primary);font-size:1rem;font-weight:600;font-style:normal;margin:0;letter-spacing:-.01em;background:transparent!important;border:none!important;padding:0!important;box-shadow:none!important;flex:1 1 auto;min-width:0;line-height:1.3;transition:color .3s cubic-bezier(.4,0,.2,1),font-weight .3s cubic-bezier(.4,0,.2,1)}.client-work .project-title-text{font-weight:600}.client-work .project-label-title .coming-soon-text{margin-left:.4rem}.client-work .project-category{flex:0 0 auto;margin-left:auto;text-align:right;font-weight:400;color:var(--text-secondary);font-size:.85rem;max-width:42%;line-height:1.25}.client-work .coming-soon-text{font-size:.85rem;font-weight:500;color:var(--text-secondary);font-style:italic}.client-work .project-box-music-teaser{cursor:default;aspect-ratio:unset}.client-work:not(.fun-mode) .project-box-music-teaser .project-label{background:transparent;border:0;padding:0}.client-work .project-box-music-teaser:hover,.client-work .project-box-music-teaser:active{transform:none}.client-work .project-box-music-teaser:hover .project-image,.client-work .project-box-music-teaser:active .project-image{box-shadow:var(--shadow)}.client-work .project-image-music-teaser{background:#ffffff;border:1px solid rgba(15,23,42,.08);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;height:auto;max-height:none}.client-work .music-teaser-stack{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;padding:1rem 1.25rem;text-align:center}.client-work .music-teaser-type{font-family:Cinzel,Times New Roman,Times,serif;font-weight:600;font-size:clamp(1rem,3.2vw,1.65rem);letter-spacing:.22em;color:#7a1028;text-transform:uppercase;line-height:1.25}.client-work .music-teaser-soon{font-family:Cinzel,Times New Roman,Times,serif;font-weight:500;font-size:clamp(.55rem,1.35vw,.8rem);letter-spacing:.35em;color:#7a1028;text-transform:uppercase;line-height:1.3;opacity:.92}.client-work.fun-mode .project-box-music-teaser .project-image-music-teaser{background:#ffffff;border:1px solid rgba(0,0,0,.12)}.client-work.fun-mode .project-box-music-teaser:hover{transform:none;box-shadow:none}.client-work .project-box.coming-soon{opacity:.7;cursor:default!important}.client-work .project-box.coming-soon:hover{transform:none}.client-work .project-box.coming-soon:hover .project-image{box-shadow:var(--shadow)}.client-work .project-box.coming-soon:hover .project-image img,.client-work .project-box.coming-soon:hover .project-label-leading{transform:none}.client-work .project-box.coming-soon:hover .project-label-title{color:var(--text-primary)}.client-work .project-box.coming-soon:active{transform:none}.client-work .project-box.coming-soon:active .project-image{box-shadow:var(--shadow)}@media (max-width: 1024px){.client-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;max-width:100%}}@media (max-width: 768px){.client-work{padding:60px 0}.client-work-category-block+.client-work-category-block{margin-top:5.5rem}.client-work-grid{grid-template-columns:1fr;gap:1.5rem;max-width:100%;padding:0 20px 2rem}.client-work .project-box{max-width:100%;min-width:0;overflow:visible;border-radius:var(--border-radius);touch-action:manipulation}.client-work .project-image:not(.project-image-music-teaser){box-shadow:none!important;touch-action:manipulation}.client-work .project-image.project-image-music-teaser{background:#ffffff!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:var(--shadow)!important;touch-action:manipulation}.client-work .project-animation,.client-work .lazy-video-wrapper{display:none!important}.client-work .project-image .lazy-image-wrapper{height:auto;min-height:0;overflow:visible}.client-work .project-label-title{font-size:.95rem}.client-work .project-label{flex-shrink:0;box-sizing:border-box;width:100%;padding-left:2px;padding-right:2px}.client-work .project-category{max-width:38%;font-size:.8rem}}@media (max-width: 480px){.client-work{padding:50px 0;overflow-x:hidden}.client-work-category-block+.client-work-category-block{margin-top:6rem}.client-work .projects-subtitle{font-size:clamp(1.05rem,4.2vw,1.35rem);line-height:1.2;padding:0 .25rem}.client-work-grid{gap:2.5rem;padding:0 15px 2.5rem;width:100%;max-width:100%;box-sizing:border-box}.client-work .project-box{width:100%;max-width:100%;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;aspect-ratio:unset;overflow:visible;min-height:auto;border-radius:8px;align-items:stretch}.client-work .project-image:not(.project-image-music-teaser){width:100%;max-width:100%;box-sizing:border-box;order:1;height:auto;min-height:auto;overflow:hidden;border-radius:8px;border:none;padding:0;box-shadow:none;background:transparent!important}.client-work .project-image.project-image-music-teaser{width:100%;max-width:100%;box-sizing:border-box;order:1;overflow:hidden;border-radius:8px;padding:0;background:#ffffff!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:var(--shadow)!important;min-height:0;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}.client-work .project-image img{max-width:100%;width:100%;height:auto;display:block;object-fit:cover;border-radius:8px;border:none;outline:none}.client-work .project-image .lazy-image-wrapper,.client-work .project-image .lazy-image{width:100%!important;border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important;display:block}.client-work .project-label{order:2;margin-top:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;gap:.45rem .6rem;width:100%;max-width:100%;box-sizing:border-box;padding:0 2px}.client-work .project-label-leading{flex:1 1 auto;min-width:0;align-items:flex-start}.client-work .project-label-title{font-size:.95rem;font-weight:700;word-wrap:break-word;overflow-wrap:break-word;margin:0;text-align:left;color:var(--text-primary);line-height:1.3}.client-work .project-title-text{font-weight:700}.client-work .project-category{flex:0 0 auto;margin-left:auto;max-width:40%;text-align:right;color:var(--text-secondary);font-weight:400;font-size:.78rem;line-height:1.35}}.archive{--archive-accent: #ff5da2;--archive-accent-soft: rgba(255, 93, 162, .28);padding:calc(var(--page-hero-chrome-top) - 1.25rem) 0 10rem 0;background-color:var(--background);content-visibility:auto;contain-intrinsic-size:1200px}.archive.fun-mode{background:black;position:relative}.archive.fun-mode:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,93,162,.08) 0%,transparent 52%),radial-gradient(circle at 80% 80%,rgba(255,93,162,.06) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,93,162,.05) 0%,transparent 55%);pointer-events:none;z-index:1;opacity:.35}.archive.fun-mode .section-title{color:#fff;text-shadow:0 0 20px rgba(255,93,162,.35),0 0 40px rgba(255,93,162,.15)}.archive.fun-mode .archive-text{color:#ffffffe6}.archive.fun-mode .archive-item{border:none;border-radius:8px;padding:0;position:relative;overflow:visible!important}@media (hover: hover) and (pointer: fine){.archive.fun-mode .archive-item:hover{transform:translate3d(0,-12px,0) scale(1.02)}}.archive.fun-mode .archive-image{border-radius:6px}.archive.fun-mode .archive-label h4{color:#fff}.archive .container{max-width:1800px!important;padding:0 20px!important}.archive-content{text-align:center;width:100%!important;max-width:100%!important;margin:0 auto}.archive-text{font-family:var(--font-subtitle);font-size:1.25rem;font-weight:500;font-style:italic;letter-spacing:.02em;color:var(--text-secondary);opacity:.9;margin-bottom:3rem;line-height:1.6}.archive-grid,div.archive-grid,.archive-grid.fade-in,.archive-grid.visible,.archive .archive-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:.5rem 2.25rem!important;max-width:1800px!important;margin:0 auto!important;margin-bottom:3rem!important;justify-items:center!important;justify-content:center!important;align-items:start!important;align-content:start!important}@media (max-width: 768px){.archive-grid,div.archive-grid,.archive-grid.fade-in,.archive-grid.visible,.archive .archive-grid,.archive .archive-grid.fade-in,.archive .archive-grid.visible{grid-template-columns:1fr!important;display:grid!important}}.archive .archive-item{display:flex;flex-direction:column;overflow:visible!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;cursor:pointer!important;width:100%!important;max-width:500px!important;position:relative!important;transform:translateZ(0);backface-visibility:hidden;perspective:1000px;transform-style:preserve-3d;margin:0!important;padding:0!important;height:auto;align-self:start;box-sizing:border-box}.archive .archive-item:hover,.archive .archive-item.hovered{will-change:transform}@media (hover: hover) and (pointer: fine){.archive .archive-item:hover{transform:translate3d(0,-12px,0) scale(1.02)}.archive:not(.fun-mode) .archive-item:hover .archive-label-leading{transform:translate3d(8px,0,0)}.archive:not(.fun-mode) .archive-item:hover .archive-label h4{color:var(--primary-color);font-weight:700}.archive .archive-item.hovered{transform:translate3d(0,-12px,0)}.archive:not(.fun-mode) .archive-item.hovered .archive-label-leading{transform:translate3d(8px,0,0)}.archive:not(.fun-mode) .archive-item.hovered .archive-label h4{color:var(--primary-color)}.archive.fun-mode .archive-item:hover .archive-label-leading{transform:translate3d(8px,0,0)}.archive.fun-mode .archive-item:hover .archive-label h4{color:#ffb3d1;font-weight:700}.archive.fun-mode .archive-item.hovered .archive-label-leading{transform:translate3d(8px,0,0)}.archive.fun-mode .archive-item.hovered .archive-label h4{color:#ffb3d1}.archive .archive-item:hover .archive-image,.archive .archive-item.hovered .archive-image{box-shadow:0 25px 50px #0003,0 0 30px #2d374826,0 0 0 3px #2d37481a}.archive .archive-item:active{transform:translate3d(0,-4px,0) scale(.98);transition:transform .1s cubic-bezier(.4,0,.2,1)}.archive .archive-item:active .archive-image{box-shadow:0 15px 30px #0003}}.archive .archive-image{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:var(--border-radius);box-shadow:var(--shadow);transition:box-shadow .3s cubic-bezier(.4,0,.2,1);transform:translateZ(0);backface-visibility:hidden;flex-shrink:0;margin:0;padding:0;position:relative}.archive .archive-item:hover .archive-image,.archive .archive-item.hovered .archive-image{will-change:box-shadow}.archive .archive-image img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition:transform .3s cubic-bezier(.4,0,.2,1),filter .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);transform:translateZ(0);backface-visibility:hidden}.archive .archive-item:hover .archive-image img,.archive .archive-item.hovered .archive-image img{will-change:transform,filter,opacity}@media (hover: hover) and (pointer: fine){.archive .archive-item:hover .archive-image img{transform:translateZ(0) scale(1.05);filter:brightness(1.1) contrast(1.05);opacity:1}}.archive-animation,.archive .lazy-video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.archive-animation{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:var(--border-radius);opacity:0;transform:translateZ(0) scale(1);transform-origin:center center;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.archive-item.hovered .archive-animation{will-change:transform,opacity}.archive .lazy-video-wrapper video{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:var(--border-radius);opacity:0;transform:translateZ(0) scale(1);transform-origin:center center;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.archive-item.hovered .archive-image .lazy-video-wrapper video{will-change:transform,opacity}.archive-item.hovered .archive-image .archive-animation,.archive-item.hovered .archive-image .lazy-video-wrapper video{opacity:1;transform:translateZ(0) scale(1.08);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.archive-item.has-video.video-ready.hovered .archive-image img{opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.archive-item.has-video:not(.hovered) .archive-image img{opacity:1;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.archive .archive-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1a1a1a 0%,#333333 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-title);font-size:1rem;font-weight:500;border:none}.archive .archive-label{margin-top:.875rem;margin-bottom:.125rem;padding:0;text-align:left;position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;gap:.5rem .75rem;width:100%;min-height:0;font-size:1rem;box-sizing:border-box}.archive-label-leading{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;flex:1 1 auto;min-width:0;gap:.45rem;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translateZ(0)}.archive .archive-label h4{font-family:var(--font-title);color:var(--text-primary);font-size:1.0625rem;font-weight:600;font-style:normal;margin:0;padding:0;line-height:1.35;letter-spacing:-.02em;background:transparent!important;border:none!important;box-shadow:none!important;flex:1 1 auto;min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-clamp:2;transition:color .3s cubic-bezier(.4,0,.2,1),font-weight .3s cubic-bezier(.4,0,.2,1)}.archive .archive-item:hover .archive-label h4,.archive .archive-item.hovered .archive-label h4{will-change:color}.archive .coming-soon{font-size:.8rem;font-weight:400;color:var(--text-secondary);font-style:italic;margin-left:.5rem}.archive .archive-label .archive-tag,.archive .archive-item .archive-tag{font-family:var(--font-title);color:var(--text-secondary);background-color:transparent;padding:0;border-radius:0;font-size:.82rem;font-weight:500;letter-spacing:.02em;text-transform:uppercase;white-space:normal;position:relative;flex:0 0 auto;line-height:1.35;border:0;margin-left:auto;align-self:flex-start;margin-top:.12em;max-width:min(48%,14rem);text-align:right;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.archive .archive-item:hover .archive-tag,.archive .archive-item.hovered .archive-tag{filter:none;box-shadow:none}.archive.fun-mode .archive-item .archive-tag,.archive.fun-mode .archive-label .archive-tag{background-color:transparent;color:#ffffffbf;border:0;font-weight:500}.archive .coming-soon-item{cursor:default!important}.archive .coming-soon-item:hover{transform:none!important}.archive .coming-soon-item:hover .archive-image{box-shadow:var(--shadow)!important}.archive .coming-soon-item .archive-image img{opacity:1!important}.archive-item{animation:fadeInUp .6s ease-out both}.archive-item:nth-child(1){animation-delay:.05s}.archive-item:nth-child(2){animation-delay:.1s}.archive-item:nth-child(3){animation-delay:.15s}.archive-item:nth-child(4){animation-delay:.2s}.archive-item:nth-child(5){animation-delay:.25s}.archive-item:nth-child(6){animation-delay:.3s}.archive-item:nth-child(7){animation-delay:.35s}.archive-item:nth-child(8){animation-delay:.4s}.archive-item:nth-child(9){animation-delay:.45s}.archive-item:nth-child(10){animation-delay:.5s}.archive-item:nth-child(11){animation-delay:.55s}.archive-item:nth-child(12){animation-delay:.6s}.archive-item:nth-child(13){animation-delay:.65s}.archive-item:nth-child(14){animation-delay:.7s}.archive-item:nth-child(15){animation-delay:.75s}.archive-item:nth-child(16){animation-delay:.8s}.archive-item:nth-child(17){animation-delay:.85s}.archive-item:nth-child(18){animation-delay:.9s}.archive-item:nth-child(19){animation-delay:.95s}.archive-item:nth-child(20){animation-delay:1s}.archive-item:nth-child(21){animation-delay:1.05s}.archive-item:nth-child(22){animation-delay:1.1s}.archive-item:nth-child(23){animation-delay:1.15s}.archive-item:nth-child(24){animation-delay:1.2s}@keyframes archive-header-ribbon{0%{background-position:0% 50%}to{background-position:200% 50%}}.archive .section-title{color:var(--text-primary)}.archive-page-header{text-align:center;margin-top:-3.1rem;margin-bottom:var(--page-hero-title-to-lede)}.archive-page-header .section-title{margin-bottom:0}.archive-hero-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:.35rem .9rem;margin-bottom:.1rem}.archive-hero-row .section-title{margin:0}.archive-hero-metric{font-family:ui-monospace,SFMono-Regular,Menlo,Roboto Mono,Consolas,monospace;font-size:clamp(1.15rem,2.2vw,1.5rem);font-weight:500;letter-spacing:.02em;color:var(--text-primary);line-height:1;padding-bottom:.35em;opacity:.9}.archive.fun-mode .archive-hero-metric{color:#fff;opacity:.85}.archive-item-idx{font-family:ui-monospace,SFMono-Regular,Menlo,Roboto Mono,Consolas,monospace;font-size:.7rem;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--text-secondary);flex-shrink:0;line-height:1.25;padding-top:.22em}.archive.fun-mode .archive-item-idx{color:#ffffff8c}.archive-header-ribbon{height:2px;max-width:min(28rem,88vw);width:85%;margin:.65rem auto 0;border-radius:999px;opacity:0;transform:scaleX(.2);background:#000000;transition:transform .7s cubic-bezier(.34,1.2,.64,1),opacity .5s ease;transform-origin:center}.archive-page-header--visible .archive-header-ribbon{opacity:1;transform:scaleX(1)}.archive.fun-mode .archive-header-ribbon{background:#000000;box-shadow:none}@media (max-width: 1024px){.archive-grid,div.archive-grid,.archive-grid.fade-in,.archive-grid.visible,.archive .archive-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem 1.75rem!important;max-width:1200px}}@media (max-width: 768px){.archive-grid,div.archive-grid,.archive-grid.fade-in,.archive-grid.visible,.archive .archive-grid,.archive .archive-grid.fade-in,.archive .archive-grid.visible,section.archive .archive-grid,section.archive div.archive-grid{grid-template-columns:1fr!important;display:grid!important}}@media (max-width: 768px){.archive{padding:60px 0;overflow-x:hidden}.archive .container{padding:0 20px!important;max-width:100%;box-sizing:border-box}.archive-grid,div.archive-grid,.archive-grid.fade-in,.archive-grid.visible,.archive .archive-grid,.archive .archive-grid.fade-in,.archive .archive-grid.visible{grid-template-columns:1fr!important;display:grid!important;gap:.75rem!important;max-width:100%!important;padding:0 20px!important;width:100%!important;box-sizing:border-box!important}.archive .archive-item{width:100%!important;max-width:100%!important;box-sizing:border-box;transform:none!important}.archive .archive-image{box-shadow:none!important;aspect-ratio:16/9}.archive-text{font-size:1.1rem;margin-bottom:2rem;padding:0 10px}.archive .archive-label{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;gap:.45rem .55rem;font-size:.95rem}.archive-label-leading{flex:1 1 auto;min-width:0}.archive .archive-label h4{flex:1 1 auto;min-width:0;font-size:.95rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;word-wrap:break-word;overflow-wrap:anywhere}.archive .archive-item .archive-tag,.archive .archive-label .archive-tag{flex:0 0 auto;align-self:flex-start;padding:0;margin-left:auto;margin-top:.1em;max-width:min(46%,12rem);text-align:right;background:transparent!important;border:none!important;border-radius:0!important;font-size:.78rem;white-space:normal;word-wrap:break-word;overflow-wrap:anywhere;color:var(--text-secondary)!important}}@media (max-width: 480px){.archive{padding:50px 0;overflow-x:hidden}.archive .container{padding:0 15px!important;max-width:100%;box-sizing:border-box}.archive-grid,div.archive-grid,.archive-grid.fade-in,.archive-grid.visible,.archive .archive-grid,.archive .archive-grid.fade-in,.archive .archive-grid.visible{gap:.75rem!important;padding:0 15px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;grid-template-columns:1fr!important;display:grid!important}.archive .archive-item{width:100%!important;max-width:100%!important;box-sizing:border-box;display:flex;flex-direction:column;gap:0;overflow:visible;min-height:auto;transform:none!important}.archive .archive-image{width:100%;max-width:100%;box-sizing:border-box;order:1;height:auto;min-height:auto;overflow:hidden;border-radius:8px;border:1px solid var(--border-color);padding:0;box-shadow:none}.archive .archive-image img{max-width:100%;width:100%;height:auto;display:block;object-fit:cover;border-radius:8px;border:none;outline:none}.archive .archive-label{order:2;margin-top:1rem;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;gap:.45rem .55rem;width:100%;padding:0;font-size:1rem}.archive-text{font-size:1rem;margin-bottom:1.5rem;word-wrap:break-word;overflow-wrap:break-word}.archive-label-leading{flex:1 1 auto;min-width:0}.archive .archive-label h4{flex:1 1 auto;min-width:0;font-weight:700;word-wrap:break-word;overflow-wrap:anywhere;margin:0;text-align:left;color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.archive .archive-item .archive-tag,.archive .archive-label .archive-tag{flex:0 0 auto;color:var(--text-secondary)!important;font-weight:500;margin-left:auto;margin-top:.1em;max-width:min(46%,12rem);text-align:right;line-height:1.35;padding:0;background:transparent!important;border:none!important;border-radius:0!important;white-space:normal;align-self:flex-start;font-size:.75rem;letter-spacing:.02em;text-transform:uppercase;word-wrap:break-word;overflow-wrap:anywhere}}@media (max-width: 768px){.archive-item{animation-duration:.4s}.archive-item:nth-child(n){animation-delay:.05s}.archive .archive-item:hover{transform:translate3d(0,-4px,0)}.archive .archive-item:active{transform:translate3d(0,-2px,0) scale(.99)}}@media (prefers-reduced-motion: reduce){.archive-item,.archive .archive-item,.archive .archive-image img{animation:none;transition:none}.archive-page-header--visible .archive-header-ribbon{animation:none}.archive .archive-item:hover,.archive .archive-item:active{transform:none}}.footer{background-color:#000;color:#d3d3d3;padding:.5rem 0;border-top:1px solid #333;position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(45,55,72,.02) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(45,55,72,.02) 0%,transparent 50%);pointer-events:none;z-index:1}.footer.fun-mode{background:black;border-top:2px solid #FFD646;box-shadow:0 0 20px #ffd64633,0 0 40px #ff8c421a;position:relative}.footer.fun-mode:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 70%,rgba(255,214,70,.05) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(255,140,66,.05) 0%,transparent 50%);pointer-events:none;z-index:1;opacity:.2}.footer.fun-mode h3,.footer.fun-mode h4{color:#fff;text-shadow:0 0 10px rgba(255,214,70,.3),0 0 20px rgba(255,140,66,.2)}.footer.fun-mode a{color:#ffffffe6;text-shadow:0 0 5px rgba(255,214,70,.2);transition:all .3s ease}.footer.fun-mode a:hover{color:#ffd646;text-shadow:0 0 10px rgba(255,214,70,.5),0 0 20px rgba(255,140,66,.3);transform:translateY(-2px) scale(1.05)}.footer.fun-mode .footer-logo{filter:drop-shadow(0 0 10px rgba(255,214,70,.3)) drop-shadow(0 0 20px rgba(255,140,66,.2))}.footer.fun-mode .footer-logo:hover{transform:scale(1.1) rotate(2deg);filter:drop-shadow(0 0 15px rgba(255,214,70,.5)) drop-shadow(0 0 30px rgba(255,140,66,.3))}.footer.fun-mode .social-links a,.footer.fun-mode .resource-link{background:rgba(0,0,0,.6);border:2px solid #FFD646;color:#fff!important;box-shadow:0 0 10px #ffd64633;transition:all .3s ease}.footer.fun-mode .social-links a:hover,.footer.fun-mode .resource-link:hover{background:linear-gradient(45deg,#FFD646,#FF8C42);color:#000!important;border-color:#ff8c42;transform:translateY(-3px) scale(1.1);box-shadow:0 0 20px #ffd64666,0 0 40px #ff8c4233}.footer.fun-mode .footer-bottom{border-top:2px solid #FFD646;color:#fffc;text-shadow:0 0 5px rgba(255,214,70,.2)}.footer .container{max-width:1400px;margin:0 auto;padding:1.5rem 24px .5rem 20px}.footer-content{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:2rem 3rem;margin-bottom:.25rem}.footer-left{display:flex;align-items:center;gap:1.5rem;flex-shrink:0}.footer-logo-section{display:flex;align-items:center;justify-content:flex-start;overflow:hidden;max-height:80px;flex-shrink:0}.footer-logo{height:80px;width:auto;opacity:.9;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.footer-logo:hover{opacity:1;transform:scale(1.05);filter:brightness(1.1)}.footer-section h3,.footer-section h4{margin-bottom:.25rem;color:#d3d3d3;font-weight:500;font-size:.8rem;transition:color .3s ease}.footer-section h3{font-size:1rem;color:#d3d3d3}.footer-section p{color:#b0b0b0;line-height:1.2;font-size:.7rem;margin:0;transition:color .3s ease}.contact-info{margin-top:.5rem}.contact-info p{margin-bottom:.25rem}.contact-info a{color:#b0b0b0;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-info a:hover{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.3);transform:translateY(-1px)}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:.1rem}.footer-section ul li a{color:#b0b0b0;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.7rem}.footer-section ul li a:hover{color:#fff;transform:translate(3px)}.social-links{display:flex;gap:.5rem}.social-links a{color:#b0b0b0;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);padding:4px 8px;border:1px solid #333;border-radius:4px;font-size:.7rem;background:rgba(0,0,0,.3)}.social-links a:hover{color:#fff;border-color:#555;background-color:#2d37484d;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #0000004d}.resource-links{display:flex;gap:.5rem}.resource-link{color:#b0b0b0!important;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.7rem;padding:4px 8px;border:1px solid #333;border-radius:4px;display:inline-block;background:rgba(0,0,0,.3)}.resource-link:hover{color:#fff!important;border-color:#555;background-color:#2d37484d;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #0000004d}.footer-bottom{border-top:1px solid #333;padding-top:.25rem;text-align:center;color:#888;font-size:.65rem;margin:0;position:relative;z-index:2}@media (max-width: 768px){.footer .container{padding-left:20px;padding-right:20px}.footer-content{flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.footer-left{flex-direction:column;align-items:center}.footer-logo-section{justify-content:center;max-height:60px}.footer-logo{height:60px}.footer-section h3{font-size:.95rem}.footer-section h4{font-size:.75rem}.footer-section p,.footer-section ul li a{font-size:.65rem}.social-links{justify-content:center;flex-wrap:wrap}.social-links a{font-size:.65rem;padding:6px 10px}.resource-links{justify-content:center;flex-wrap:wrap}.resource-link{font-size:.65rem;padding:6px 10px}.footer-bottom{padding:.25rem 20px;font-size:.6rem}}@media (max-width: 480px){.footer-content{gap:1.25rem;padding:0 15px}.footer-logo{height:50px}.footer-section h3{font-size:.9rem}.footer-section h4{font-size:.7rem}.footer-section p,.footer-section ul li a{font-size:.6rem}.social-links a,.resource-link{font-size:.6rem;padding:5px 8px}.footer-bottom{padding:.25rem 15px;font-size:.55rem}}.go-to-top-btn{position:fixed;bottom:30px;right:30px;width:44px;height:44px;background-color:#ffd646;color:#111;border:1px solid rgba(0,0,0,.2);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:500;box-shadow:0 2px 8px #0003;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);z-index:2200;opacity:0;visibility:hidden;transform:translate3d(0,20px,0) scale(.8);outline:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.go-to-top-btn.visible{opacity:.9;visibility:visible;transform:translateZ(0) scale(1)}.go-to-top-btn:hover{background-color:#ffcc28;color:#111;transform:translate3d(0,-1px,0) scale(1.02);box-shadow:0 3px 8px #0003;border-color:#00000040}@media (max-width: 768px){.go-to-top-btn{bottom:20px;right:20px;width:40px;height:40px;font-size:.9rem}}@media (max-width: 480px){.go-to-top-btn{bottom:15px;right:15px;width:36px;height:36px;font-size:.8rem}}.archive-page{min-height:100vh;background-color:var(--background)}body.fun-mode .archive-page{background-color:#000}.archive-page main{padding-top:80px}@media (max-width: 768px){.archive-page main{padding-top:70px}}@media (max-width: 480px){.archive-page main{padding-top:60px}}.about-v2{--about-yellow: #ffd646;--about-yellow-soft: rgba(255, 214, 70, .16);--about-yellow-mid: rgba(255, 214, 70, .28);--about-yellow-border: rgba(255, 214, 70, .65);--about-ink: #111111;--about-ease: cubic-bezier(.16, 1, .3, 1);--about-ease-soft: cubic-bezier(.22, 1, .36, 1);--about-dur: 1.12s;--about-dur-short: .95s;position:relative;color:var(--text-primary);padding-top:max(var(--page-hero-chrome-top),env(safe-area-inset-top,0px))}.about-v2:before{content:"";position:absolute;inset:0 0 auto 0;height:min(52vh,520px);pointer-events:none;z-index:0;transform-origin:50% 0%;background:radial-gradient(ellipse 90% 70% at 12% -10%,rgba(255,214,70,.09),transparent 55%),radial-gradient(ellipse 70% 55% at 88% 0%,rgba(45,55,72,.04),transparent 50%),linear-gradient(180deg,rgba(250,249,246,0) 0%,var(--background) 100%);animation:about-v2-mesh 22s ease-in-out infinite}.about-v2>*{position:relative;z-index:1}.about-v2 section.about-v2-section{padding:0;max-width:none;overflow-x:clip}.about-v2>.about-v2-section{padding-block:clamp(7.5rem,17vw,13.5rem)}.about-v2>.about-v2-section:has(#what-i-do-heading){padding-top:clamp(3rem,8vw,6rem);padding-bottom:clamp(7.5rem,17vw,13.5rem)}.about-v2>.about-v2-section.about-v2-hero{padding-top:clamp(2.75rem,5.5vw,4rem);padding-bottom:clamp(6rem,13vw,10rem)}.about-v2>section{background-color:transparent}.about-v2>section.about-v2-band--alt{background-color:var(--background-alt)}.about-v2>section.about-v2-band--alt:before{content:none}.about-v2-container{display:flex;flex-direction:column;gap:clamp(3.25rem,8.5vw,5.75rem);max-width:1480px;margin-left:auto;margin-right:auto}.about-v2-container:has(#what-i-do-heading){gap:clamp(1.15rem,2.4vw,2rem)}.about-v2-mask-line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.about-v2-mask-line--tight{padding-bottom:.04em;margin-bottom:-.04em}.about-v2-mask-line-inner{display:block;transform:translate3d(0,108%,0) rotate(.4deg);transform-origin:50% 0%;transition:transform var(--about-dur) var(--about-ease)}.about-reveal{opacity:0;transform:translate3d(0,52px,0);transition:opacity var(--about-dur) var(--about-ease),transform var(--about-dur) var(--about-ease);transition-delay:var(--about-reveal-delay, 0ms);will-change:opacity,transform}.about-reveal.about-reveal--soft{transform:translateZ(0);transition:opacity .65s var(--about-ease-soft)}.about-reveal.about-reveal--soft.about-reveal--in{transform:translateZ(0)}.about-reveal.about-reveal--pop{opacity:1;transform:none;transition:none;will-change:auto}.about-reveal.about-reveal--pop:not(.about-reveal--in)>*{opacity:0;transform:translate3d(0,3.35rem,0) scale(.94);filter:blur(11px);transition:none}.about-reveal.about-reveal--pop.about-reveal--in>*{opacity:1;transform:translateZ(0) scale(1);filter:blur(0);transition:opacity 1.08s var(--about-ease),transform 1.15s var(--about-ease),filter .9s var(--about-ease-soft);transition-delay:var(--about-reveal-delay, 0ms)}@media (max-width: 719px){.about-reveal.about-reveal--pop:not(.about-reveal--in)>*{filter:none}.about-reveal.about-reveal--pop.about-reveal--in>*{transition:opacity .95s var(--about-ease),transform 1.02s var(--about-ease)}}.about-reveal.about-reveal--in{opacity:1;transform:translateZ(0)}.about-v2-hero-copy.about-reveal--soft:not(.about-reveal--in) .about-v2-mask-line-inner{transform:translate3d(0,108%,0) rotate(.4deg)}.about-v2-hero-copy.about-reveal--soft.about-reveal--in .about-v2-hero-title .about-v2-mask-line:nth-child(1) .about-v2-mask-line-inner{transform:translateZ(0) rotate(0);transition-delay:.06s}.about-v2-hero-copy.about-reveal--soft.about-reveal--in .about-v2-hero-title .about-v2-mask-line:nth-child(2) .about-v2-mask-line-inner{transform:translateZ(0) rotate(0);transition-delay:.16s}.about-v2-hero-copy.about-reveal--soft.about-reveal--in .about-v2-hero-lede .about-v2-mask-line:nth-child(1) .about-v2-mask-line-inner{transform:translateZ(0) rotate(0);transition-delay:.26s}.about-v2-hero-copy.about-reveal--soft.about-reveal--in .about-v2-hero-lede .about-v2-mask-line:nth-child(2) .about-v2-mask-line-inner{transform:translateZ(0) rotate(0);transition-delay:.34s}.about-v2-hero-copy.about-reveal--soft.about-reveal--in .about-v2-hero-lede .about-v2-mask-line:nth-child(3) .about-v2-mask-line-inner{transform:translateZ(0) rotate(0);transition-delay:.42s}.about-v2-hero-copy.about-reveal--soft .about-v2-hero-ctas{transition:opacity var(--about-dur-short) var(--about-ease),transform var(--about-dur-short) var(--about-ease)}.about-v2-hero-copy.about-reveal--soft:not(.about-reveal--in) .about-v2-hero-ctas{opacity:0;transform:translate3d(0,28px,0)}.about-v2-hero-copy.about-reveal--soft.about-reveal--in .about-v2-hero-ctas{opacity:1;transform:translateZ(0);transition-delay:.5s}.about-v2-statement-reveal.about-reveal--soft:not(.about-reveal--in) .about-v2-mask-line-inner{transform:translate3d(0,108%,0) rotate(-.35deg)}.about-v2-statement-reveal.about-reveal--soft.about-reveal--in .about-v2-statement-line:nth-child(1) .about-v2-mask-line-inner{transform:translateZ(0) rotate(0);transition-delay:.1s}.about-v2-statement-reveal.about-reveal--soft.about-reveal--in .about-v2-statement-line:nth-child(2) .about-v2-mask-line-inner{transform:translateZ(0) rotate(0);transition-delay:.22s}.about-v2-statement-reveal.about-reveal--soft.about-reveal--in .about-v2-statement-line:nth-child(3) .about-v2-mask-line-inner{transform:translateZ(0) rotate(0);transition-delay:.34s}.about-reveal.about-reveal--soft:not(.about-reveal--in) #what-i-do-heading .about-v2-mask-line-inner{transform:translate3d(0,108%,0) rotate(.35deg)}.about-reveal.about-reveal--soft.about-reveal--in #what-i-do-heading .about-v2-mask-line-inner{transform:translateZ(0) rotate(0);transition-delay:.08s}.about-v2-hero-inner{width:100%;max-width:1480px;margin:0 auto;padding:0 clamp(18px,3.5vw,36px);display:grid;grid-template-columns:minmax(0,1.22fr) minmax(260px,.78fr);gap:clamp(2.5rem,6vw,5.5rem);align-items:center}.about-v2-hero-copy{display:flex;flex-direction:column;align-items:flex-start;width:100%;min-width:0}.about-v2-hero-title{font-family:var(--font-title);font-weight:800;letter-spacing:-.045em;line-height:1.12;font-size:clamp(1.45rem,3.5vw,2.35rem);margin:0 0 1.5rem;max-width:100%;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(.45rem,1.25vw,.7rem)}.about-v2-hero-title .about-v2-mask-line+.about-v2-mask-line{margin-top:0}.about-v2-hero-title-lead{display:inline-block;white-space:nowrap}.about-v2 .about-v2-work-category-title.projects-subtitle{font-family:var(--font-title);font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.01em;text-align:center;text-transform:uppercase;position:relative}.about-reveal.about-reveal--in .about-v2-work-category-title.projects-subtitle:after{content:"";display:block;width:min(11rem,72%);height:2px;margin:.55rem auto 0;background:linear-gradient(90deg,transparent,var(--about-yellow),transparent);border-radius:1px;transform:scaleX(0);transform-origin:center;animation:about-v2-title-rule 1.05s var(--about-ease) .35s forwards}.about-v2-hero-lede{font-size:clamp(1.02rem,1.4vw,1.14rem);line-height:1.68;color:var(--text-secondary);max-width:min(68ch,100%);margin:0 0 2rem;text-align:left}.about-v2-hero-lede-line+.about-v2-hero-lede-line{margin-top:.1em}.about-v2-hero-ctas{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:clamp(1.45rem,5.25vw,2.55rem) clamp(4.25rem,14.5vw,9rem);width:100%;max-width:min(68ch,100%)}.about-v2-cta,.about-v2-cta.about-v2-cta--primary{display:inline-flex;align-items:center;justify-content:center;min-height:2.45rem;padding:.52rem 1rem;font-family:var(--font-title);font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;color:#111;background:#ff5a1f;border:0;border-radius:999px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.about-v2-cta:hover,.about-v2-cta.about-v2-cta--primary:hover{transform:translateY(-1px);box-shadow:0 10px 20px #ff5a1f47;filter:brightness(1.04)}.about-v2-cta:active,.about-v2-cta.about-v2-cta--primary:active{transform:translateY(0);filter:brightness(.98)}.about-v2-cta:focus-visible{outline:2px solid #111111;outline-offset:3px}.about-v2-hero-visual{justify-self:end;width:100%;max-width:min(450px,100%)}.about-v2-portrait-wrap{position:relative;width:100%;max-width:450px;margin-left:auto}.about-v2-portrait-wrap:before{content:"";position:absolute;z-index:0;width:92%;aspect-ratio:1 / 1;left:50%;top:46%;transform:translate(-50%,-50%);background:radial-gradient(circle at 42% 38%,var(--about-yellow-mid),transparent 68%);border-radius:50%;opacity:.8;animation:about-v2-portrait-glow 8s ease-in-out infinite}.about-v2-portrait{position:relative;z-index:1;display:block;width:100%;max-width:450px;height:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:50%;border:1px solid var(--border-color);box-shadow:0 4px 6px -2px #0000000d,0 22px 40px -18px #0000001f;transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s ease,border-color .35s ease}.about-v2-portrait-wrap:hover .about-v2-portrait{transform:scale(1.03);border-color:#ffd64673;box-shadow:0 4px 6px -2px #0000000f,0 28px 50px -20px #00000024,0 0 0 1px #ffd64640}.about-v2-statement-wrap{width:100%;display:flex;justify-content:flex-end}.about-v2-statement{font-family:var(--font-subtitle);font-weight:500;font-style:italic;letter-spacing:.02em;line-height:1.5;font-size:clamp(1.65rem,3.4vw,2.2rem);text-transform:none;margin:0 0 clamp(1.5rem,4vw,2.75rem);max-width:min(40rem,100%);padding-right:1.15rem;padding-left:0;border-right:3px solid var(--about-yellow);border-left:none;text-align:right;color:#000}.about-v2-statement-line{display:block}.about-v2-statement-line+.about-v2-statement-line{margin-top:.12em}.about-v2-belief-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.15rem,2.8vw,1.85rem)}.about-v2-card{height:100%;padding:clamp(1.5rem,2.8vw,1.95rem);background:var(--background);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 1px #ffffffa6 inset;transition:border-color .3s ease,background-color .3s ease,transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}.about-v2-band--alt .about-v2-card{background:rgba(255,255,255,.72)}.about-v2-card--belief:hover,.about-v2-card--service:hover{border-color:var(--about-yellow);background-color:var(--about-yellow-soft);box-shadow:0 0 0 1px var(--about-yellow-border),0 18px 36px -22px #00000014;transform:translateY(-3px)}.about-reveal.about-reveal--pop.about-reveal--in>.about-v2-card--belief:hover,.about-reveal.about-reveal--pop.about-reveal--in>.about-v2-card--service:hover{transform:translate3d(0,-3px,0) scale(1);filter:blur(0)}.about-v2-card-kicker{font-size:.8rem;font-weight:700;letter-spacing:.03em;margin:0 0 .95rem;color:var(--text-primary)}.about-v2-card-body{margin:0;font-size:.97rem;line-height:1.68;color:var(--text-secondary)}.about-v2-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.1rem,2.4vw,1.65rem)}.about-v2-service-title{font-size:1.03rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .7rem}.about-v2-service-body{margin:0;font-size:.91rem;line-height:1.62;color:var(--text-secondary)}@media (max-width: 1024px){.about-v2-belief-grid{grid-template-columns:1fr}.about-v2-services{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 880px){.about-v2-hero-inner{grid-template-columns:1fr;gap:2.75rem}.about-v2-hero-visual{justify-self:center;max-width:min(360px,100%)}.about-v2-portrait-wrap{margin-left:auto;margin-right:auto;max-width:min(360px,100%)}.about-v2-hero-title{max-width:none}.about-v2-statement{max-width:100%;padding-right:1rem;padding-left:0}}@media (max-width: 600px){.about-v2>.about-v2-section{padding-block:clamp(4.75rem,14vw,7.5rem)}.about-v2>.about-v2-section:has(#what-i-do-heading){padding-top:clamp(2.25rem,7vw,4.5rem);padding-bottom:clamp(4.75rem,14vw,7.5rem)}.about-v2>.about-v2-section.about-v2-hero{padding-bottom:clamp(4.5rem,13vw,6.5rem)}.about-v2-container{gap:clamp(2.5rem,9vw,4rem)}.about-v2-container:has(#what-i-do-heading){gap:clamp(1rem,4vw,1.65rem)}.about-v2-services{grid-template-columns:1fr}}@media (max-width: 480px){.about-v2-hero-visual,.about-v2-portrait-wrap{max-width:min(280px,88vw)}.about-v2 .about-v2-work-category-title.projects-subtitle{font-size:clamp(1.05rem,4.2vw,1.35rem);line-height:1.2;padding:0 .25rem}}.about-v2.fun-mode:before{background:radial-gradient(ellipse 80% 60% at 15% 0%,rgba(255,214,70,.12),transparent 55%),radial-gradient(ellipse 60% 50% at 90% 10%,rgba(255,140,66,.08),transparent 50%);height:min(48vh,480px)}.about-v2.fun-mode{background:#0a0a0a;color:#ffffffeb}.about-v2.fun-mode .about-v2-hero-lede,.about-v2.fun-mode .about-v2-card-body,.about-v2.fun-mode .about-v2-service-body{color:#ffffffb8}.about-v2.fun-mode .about-v2-hero-title,.about-v2.fun-mode .about-v2-work-category-title.projects-subtitle{color:#fff;text-shadow:0 0 10px rgba(255,214,70,.2)}.about-v2.fun-mode .about-v2-statement,.about-v2.fun-mode .about-v2-card-kicker,.about-v2.fun-mode .about-v2-service-title{color:#fff}.about-v2.fun-mode>section.about-v2-band--alt{background-color:#ffffff0a}.about-v2.fun-mode .about-v2-card,.about-v2.fun-mode .about-v2-portrait{background:rgba(255,255,255,.04);border-color:#ffffff1f;box-shadow:none}.about-v2.fun-mode .about-v2-card--belief:hover,.about-v2.fun-mode .about-v2-card--service:hover{background-color:#ffd6461a;border-color:var(--about-yellow)}.about-v2.fun-mode .about-v2-cta,.about-v2.fun-mode .about-v2-cta.about-v2-cta--primary{color:#111;background:#ff5a1f;border:0}.about-v2.fun-mode .about-v2-cta:hover,.about-v2.fun-mode .about-v2-cta.about-v2-cta--primary:hover{box-shadow:0 10px 22px #ff5a1f66;filter:brightness(1.06)}.about-v2.fun-mode .about-v2-portrait-wrap:before{opacity:.5}.about-v2.fun-mode .about-v2-statement{border-right-color:var(--about-yellow)}@keyframes about-v2-mesh{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.03) translateY(-1.25%)}}@keyframes about-v2-portrait-glow{0%,to{opacity:.72;transform:translate(-50%,-50%) scale(1)}50%{opacity:.94;transform:translate(-50%,-50%) scale(1.05)}}@keyframes about-v2-title-rule{to{transform:scaleX(1)}}@media (prefers-reduced-motion: reduce){.about-v2:before,.about-v2-portrait-wrap:before{animation:none}.about-reveal,.about-reveal.about-reveal--soft,.about-reveal.about-reveal--pop{opacity:1;transform:none;transition:none}.about-v2-mask-line-inner{transform:none;transition:none}.about-v2-hero-copy.about-reveal--soft:not(.about-reveal--in) .about-v2-hero-ctas,.about-reveal.about-reveal--pop:not(.about-reveal--in)>*{opacity:1;transform:none;filter:none;transition:none}.about-reveal .about-v2-work-category-title.projects-subtitle:after{content:"";display:block;width:min(11rem,72%);height:2px;margin:.55rem auto 0;background:linear-gradient(90deg,transparent,var(--about-yellow),transparent);border-radius:1px;transform:scaleX(1);animation:none}}.about-page{min-height:100vh;background-color:var(--background)}.about-page main{padding-top:.25rem}@media (max-width: 768px){.about-page{min-height:auto}}@keyframes timeline-ambient-1{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(2%,3%,0) scale(1.04)}}@keyframes timeline-ambient-2{0%,to{transform:translateZ(0) scale(1.02)}50%{transform:translate3d(-3%,-2%,0) scale(1.05)}}@keyframes timeline-header-ribbon{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes timeline-card-pop{0%{opacity:0;filter:blur(8px);transform:translate3d(0,1.5rem,0) scale(.95) rotateX(7deg)}70%{filter:blur(0)}to{opacity:1;filter:none;transform:translateZ(0) scale(1) rotateX(0)}}@keyframes timeline-card-shine{0%{opacity:0;transform:translate3d(-85%,0,0) rotate(6deg)}35%{opacity:.5}to{opacity:0;transform:translate3d(75%,0,0) rotate(6deg)}}@keyframes timeline-fun-breathe{0%,to{box-shadow:0 6px 28px #0006}50%{box-shadow:0 6px 28px #0006,0 0 36px #ffd64633}}.timeline{--tl-ink: #0a0a0a;--tl-surface: #ffffff;--tl-border: #e8e8e6;--tl-yellow: #ffc107;--tl-rail: #0a0a0a;--tl-rail-mark: #e11d48;padding:var(--page-hero-chrome-top) 0 120px 0;background:var(--tl-surface);color:var(--tl-ink);position:relative;overflow:hidden}.timeline:not(.fun-mode){font-family:var(--font-title);--text-primary: var(--tl-ink);--text-secondary: #404040;--text-light: #5c5c5c}.timeline:not(.fun-mode):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 100% 0%,rgba(255,193,7,.04) 0%,transparent 45%),var(--tl-surface)}.timeline-ambient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;opacity:.65}.timeline-ambient:before,.timeline-ambient:after{content:"";position:absolute;border-radius:50%;filter:blur(64px)}.timeline-ambient:before{width:min(50vw,32rem);height:min(50vw,32rem);top:8%;right:5%;background:radial-gradient(circle,rgba(255,193,7,.1) 0%,rgba(255,193,7,0) 70%);animation:timeline-ambient-1 18s ease-in-out infinite}.timeline-ambient:after{width:min(40vw,24rem);height:min(40vw,24rem);bottom:15%;left:0;background:radial-gradient(circle,rgba(10,10,10,.04) 0%,rgba(10,10,10,0) 68%);animation:timeline-ambient-2 22s ease-in-out infinite}.timeline .container{max-width:1800px;position:relative;z-index:1}.timeline-page-header{text-align:center;margin-bottom:var(--page-hero-title-to-lede)}.timeline-hero-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:.35rem .9rem;margin-bottom:.1rem}.timeline-hero-title{display:block;margin:0;text-align:center;text-transform:uppercase;font-style:normal;color:var(--tl-ink);font-family:var(--font-title)}.timeline-hero-metric{font-family:ui-monospace,SFMono-Regular,Menlo,Roboto Mono,Consolas,monospace;font-size:clamp(1.15rem,2.2vw,1.5rem);font-weight:500;letter-spacing:.02em;color:var(--tl-ink);line-height:1;padding-bottom:.35em;opacity:.9}.timeline-header-ribbon{height:2px;max-width:min(28rem,88vw);width:85%;margin:.65rem auto 0;border-radius:999px;opacity:0;transform:scaleX(.2);background:#000000;transition:transform .7s cubic-bezier(.34,1.2,.64,1),opacity .5s ease;transform-origin:center}.timeline-page-header--visible .timeline-header-ribbon{opacity:1;transform:scaleX(1)}.timeline-subhint,.timeline .projects-hint{font-family:var(--font-subtitle);font-style:italic;max-width:40rem;margin:0 auto 3rem;line-height:1.6;font-size:1.25rem;text-transform:none;letter-spacing:.02em;color:#4a4a4a;text-align:center;font-weight:500}.timeline-years{list-style:none;margin:0 auto;padding:0;max-width:1320px;position:relative;width:100%}.timeline-year-block{position:relative;margin:0 0 3.25rem;padding-bottom:.25rem}.timeline-year-block:not(:last-of-type){border-bottom:1px solid var(--tl-border);padding-bottom:2.75rem;margin-bottom:2.75rem}.timeline-year-block:last-of-type{margin-bottom:0}.timeline-year-heading{display:block;font-size:clamp(2.1rem,5vw,3.25rem);font-weight:800;color:var(--tl-ink);margin:0 0 .1rem;padding-top:.2em;padding-bottom:.08em;letter-spacing:.02em;line-height:1.2;text-align:left;font-family:var(--font-title);font-style:normal;font-feature-settings:"tnum" 1;text-transform:none}.timeline-year-char{display:inline-block;transition:transform .5s cubic-bezier(.34,1.2,.64,1),opacity .45s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--d, 0) * .04s)}.timeline-year-char--sans{font-family:var(--font-title);font-weight:900;text-transform:uppercase;letter-spacing:-.03em}.timeline-year-char--serif{font-family:var(--font-subtitle);font-weight:500;font-style:italic;font-size:1.08em;margin-left:.03em;text-transform:none;letter-spacing:.02em;font-feature-settings:"tnum" 1,"lnum" 1}.timeline-year-block:not(.timeline-year-block--visible) .timeline-year-char{opacity:0;transform:translate3d(0,.5em,0) rotate(-10deg) scale(.92)}.timeline-year-block--visible .timeline-year-char{opacity:1;transform:translateZ(0) rotate(0) scale(1)}.timeline-year-block:first-of-type .timeline-year-heading{margin-top:0;padding-top:.25em}.timeline-year-items{display:flex;flex-direction:column;gap:1.4rem;position:relative;padding-left:1.85rem;margin-top:1.35rem;border:none;perspective:1200px}.timeline-year-items:after{content:"+";position:absolute;left:-.1rem;top:0;font-size:.65rem;font-weight:700;color:var(--tl-rail-mark);line-height:0;z-index:1;pointer-events:none;opacity:.9;font-family:var(--font-title)}.timeline-year-items:before{content:"";position:absolute;left:.04rem;top:.35rem;bottom:.2rem;width:2px;border-radius:0;background:var(--tl-rail);opacity:1;pointer-events:none;transform:scaleY(0);transform-origin:top center;transition:transform .6s cubic-bezier(.34,1.1,.64,1);transition-delay:.08s;box-shadow:none}.timeline-year-block--visible .timeline-year-items:before{transform:scaleY(1)}.timeline-card{--ad: 0ms;position:relative;z-index:0;background:var(--tl-surface);border:1px solid var(--tl-border);border-left:3px solid var(--tl-yellow);border-radius:4px;padding:1.35rem 1.4rem 1.45rem;box-shadow:0 1px #0000000a;margin-left:.1rem;will-change:transform,opacity,filter;backface-visibility:hidden;transform:translate3d(0,1.4rem,0) scale(.95) rotateX(7deg);transform-style:preserve-3d;cursor:default;overflow:hidden;pointer-events:none;opacity:0;filter:blur(6px);transition:box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s ease,transform .38s cubic-bezier(.4,0,.2,1)}.timeline-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:0;border-radius:inherit;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.55) 50%,transparent 80%);opacity:0;pointer-events:none;mix-blend-mode:soft-light}.timeline-card--visible{pointer-events:auto;filter:none;opacity:1;transform:translateZ(0) scale(1) rotateX(0);animation:timeline-card-pop .8s cubic-bezier(.34,1.1,.64,1) both}.timeline.fun-mode .timeline-card--visible{animation:timeline-card-pop .8s cubic-bezier(.34,1.1,.64,1) both,timeline-fun-breathe 5.5s ease-in-out .85s infinite}.timeline-card--visible:before{animation:timeline-card-shine .95s ease-out calc(var(--ad, 0ms) + .1s) both}.timeline-card:after{content:"";position:absolute;top:0;left:0;right:0;z-index:2;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7) 20%,rgba(255,255,255,.4) 50%,transparent);pointer-events:none;opacity:.9}.timeline-card>*{position:relative;z-index:1}.timeline-card--visible:hover{transform:translate3d(0,-4px,0);box-shadow:0 12px 32px -12px #0000001f;border-color:#d4d4d0;border-left-color:#000}.timeline-card-bar{display:grid;grid-template-columns:1fr auto 1fr;gap:.4rem .75rem;align-items:baseline;width:100%;box-sizing:border-box;margin:0 0 .7rem;padding-bottom:.7rem;border-bottom:1px solid var(--tl-border)}.timeline-card-idx{font-family:ui-monospace,SFMono-Regular,Menlo,Roboto Mono,Consolas,monospace;font-size:.7rem;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:#6b6b6b;white-space:nowrap;grid-column:1;min-width:0;justify-self:start;align-self:start;padding-top:.15em}.timeline .timeline-card-title--bar,.timeline-card-title--bar{grid-column:2;justify-self:center;font-size:clamp(.8rem,1.1vw,.9rem);font-weight:800;color:var(--tl-ink);line-height:1.2;margin:0;letter-spacing:.08em;font-style:normal;font-family:var(--font-title);text-transform:uppercase;text-align:center;min-width:0;max-width:min(28rem,100%);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0 .2rem}.timeline-card-when{grid-column:3;min-width:min-content;max-width:none;font-size:.65rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#3d3d3d;text-align:right;white-space:nowrap;line-height:1.2;margin-left:0;font-family:var(--font-title);justify-self:end;-webkit-hyphens:none;hyphens:none}.timeline-card-below-bar{position:relative;z-index:1}.timeline-type-pill{display:inline-block;font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#0a0a0a;background:var(--tl-yellow);border-radius:999px;padding:.3rem .65rem;margin:0 0 .6rem;line-height:1.2;font-style:normal;font-family:var(--font-title);border:1px solid rgba(0,0,0,.06)}.timeline .timeline-card-title:not(.timeline-card-title--bar),.timeline-card-title:not(.timeline-card-title--bar){font-size:1.1rem;font-weight:600;color:var(--text-primary);line-height:1.35;margin:0 0 .35rem;letter-spacing:-.02em;font-style:normal;font-family:var(--font-title);text-transform:uppercase}.timeline-card-org{font-size:.9rem;color:var(--text-secondary);font-weight:500;margin:0 0 .35rem;line-height:1.4;font-style:normal;font-family:var(--font-title)}.timeline-card-location{font-size:.9rem;color:var(--text-secondary);font-weight:400;margin:0 0 .65rem;line-height:1.4;font-style:normal;font-family:var(--font-title)}.timeline-card--education .timeline-card-body{font-size:.95rem;line-height:1.7;color:var(--text-primary);margin:.2rem 0 0;font-weight:400;font-family:var(--font-title)}.timeline-card-bullets{margin:.5rem 0 0;padding-left:1.1rem;list-style:disc}.timeline-card-bullets li{font-size:.95rem;line-height:1.7;color:var(--text-primary);margin:0 0 .4rem;font-weight:400;font-family:var(--font-title)}.timeline-card-bullets li::marker{color:#94a3b8cc}.timeline-card-bullets li:last-child{margin-bottom:0}.timeline.fun-mode{background:#050505;color:#f2f2f2;--tl-ink: #f5f5f5;--tl-surface: #0f0f0f;--tl-border: rgba(255, 255, 255, .12);--tl-yellow: #ffca28;--tl-rail: rgba(255, 255, 255, .5);--tl-rail-mark: #f43f5e;position:relative}.timeline.fun-mode:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;background:radial-gradient(ellipse 70% 45% at 20% 15%,rgba(255,214,70,.1) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 85% 30%,rgba(255,140,66,.08) 0%,transparent 50%),#050505;pointer-events:none;opacity:.9}.timeline.fun-mode .container{z-index:1}.timeline.fun-mode .timeline-hero-title{color:#fff;text-shadow:0 0 14px rgba(255,193,7,.2)}.timeline.fun-mode .timeline-hero-metric{color:#ffffffa6;text-shadow:none}.timeline.fun-mode .projects-hint{color:#ffffff94;opacity:.95}.timeline.fun-mode .timeline-ambient{opacity:.85}.timeline.fun-mode .timeline-ambient:before{background:radial-gradient(circle,rgba(255,214,70,.22) 0%,rgba(255,140,66,0) 70%);animation:timeline-ambient-1 14s ease-in-out infinite;filter:blur(72px)}.timeline.fun-mode .timeline-ambient:after{background:radial-gradient(circle,rgba(255,100,120,.12) 0%,rgba(0,0,0,0) 70%);animation:timeline-ambient-2 18s ease-in-out infinite}.timeline.fun-mode .timeline-header-ribbon{background:linear-gradient(90deg,rgba(255,214,70,0) 0%,rgba(255,214,70,.85) 30%,rgba(255,140,90,.55) 60%,rgba(255,214,70,0) 100%);background-size:200% 100%;box-shadow:0 0 18px #ffd64626}.timeline.fun-mode .timeline-year-heading{color:#fff;text-shadow:0 0 12px rgba(255,214,70,.2)}.timeline.fun-mode .timeline-year-block--visible .timeline-year-char--serif{text-shadow:0 0 20px rgba(255,214,70,.22)}.timeline.fun-mode .timeline-year-block:not(:last-of-type){border-bottom-color:#ffffff1a}.timeline.fun-mode .timeline-card-title,.timeline.fun-mode .timeline-card-title--bar{color:#fff}.timeline.fun-mode .timeline-card-idx{color:#fff6}.timeline.fun-mode .timeline-card-when{color:#fff9}.timeline.fun-mode .timeline-card-org{color:#ffffffbf}.timeline.fun-mode .timeline-card-location{color:#ffffffb8}.timeline.fun-mode .timeline-card--education .timeline-card-body,.timeline.fun-mode .timeline-card-bullets li{color:#ffffffdb}.timeline.fun-mode .timeline-year-items:after{color:var(--tl-rail-mark)}.timeline.fun-mode .timeline-year-items:before{background:var(--tl-rail);width:2px;left:.04rem;opacity:.9;box-shadow:0 0 10px #ffca2833}.timeline.fun-mode .timeline-card{background:linear-gradient(160deg,rgba(32,32,32,.95) 0%,rgba(18,18,18,.9) 100%);border:1px solid rgba(255,255,255,.1);border-left:3px solid rgba(255,214,70,.2);box-shadow:0 6px 28px #0006}.timeline.fun-mode .timeline-card:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.12) 40%,transparent);height:1px;opacity:.4}.timeline.fun-mode .timeline-card--visible:before{background:linear-gradient(105deg,transparent 20%,rgba(255,214,90,.35) 50%,transparent 80%);mix-blend-mode:screen}.timeline.fun-mode .timeline-card--visible:hover{border-color:#ffd6464d;border-left-color:#ffd64680;box-shadow:0 12px 40px #00000080,0 0 24px #ffd6461a;transform:translate3d(0,-4px,0)}@media (prefers-reduced-motion: reduce){.timeline-ambient:before,.timeline-ambient:after{animation:none}.timeline-page-header--visible .timeline-header-ribbon{animation:none}.timeline-year-block .timeline-year-heading,.timeline-year-block--visible .timeline-year-heading,.timeline-year-block--visible .timeline-year-char,.timeline-year-block:not(.timeline-year-block--visible) .timeline-year-char{opacity:.96;transform:none}.timeline.fun-mode .timeline-year-block .timeline-year-heading,.timeline.fun-mode .timeline-year-block--visible .timeline-year-heading,.timeline.fun-mode .timeline-year-block--visible .timeline-year-char{opacity:.95}.timeline-year-block--visible .timeline-year-items:before,.timeline-year-items:before{transform:scaleY(1)}.timeline-card,.timeline-card--visible{pointer-events:auto;opacity:1;transform:none;filter:none;transition:none;animation:none}.timeline-card--visible:before{animation:none;opacity:0}}@media (max-width: 768px){.timeline{padding:var(--page-hero-chrome-top) 0 100px 0}.timeline-card-bar{grid-template-columns:1fr;row-gap:.4rem}.timeline-card-idx{padding-top:0;justify-self:center;text-align:center}.timeline .timeline-card-title--bar,.timeline-card-title--bar{grid-column:1;justify-self:center;max-width:100%;text-align:center;padding:0}.timeline-card-when{grid-column:1;min-width:0;max-width:100%;text-align:center;justify-self:center;font-size:clamp(.52rem,3.2vw,.64rem);letter-spacing:.04em;white-space:nowrap}.timeline-year-block:not(:last-of-type){margin-bottom:2.25rem;padding-bottom:2.25rem}.timeline-year-items{padding-left:1.35rem}}.timeline-page{min-height:100vh;background-color:var(--background)}.timeline-page main{padding-top:0}@media (max-width: 768px){.timeline-page{min-height:auto}}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:4px;background:rgba(45,55,72,.1);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scroll-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transition:width .1s ease-out;position:relative;overflow:hidden}.scroll-progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.scroll-progress-indicator{position:fixed;top:20px;right:20px;z-index:1001;opacity:0;transform:scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1)}.scroll-progress-circle{width:50px;height:50px;border-radius:50%;background:var(--background);border:2px solid var(--primary-color);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.scroll-progress-circle:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:conic-gradient(var(--primary-color) 0deg,var(--primary-color) var(--progress, 0deg),transparent var(--progress, 0deg));border-radius:50%;z-index:-1}.scroll-progress-text{font-family:var(--font-title);font-size:.75rem;font-weight:600;color:var(--text-primary);z-index:1}.scroll-progress-indicator{opacity:0;transform:scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1)}.scroll-progress-indicator.visible{opacity:1;transform:scale(1)}@media (max-width: 768px){.scroll-progress-indicator{top:15px;right:15px}.scroll-progress-circle{width:40px;height:40px}.scroll-progress-text{font-size:.65rem}}@media (prefers-reduced-motion: reduce){.scroll-progress-bar:after{animation:none}.scroll-progress-indicator{transition:none}}.geometric-background{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.geometric-pattern{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.03}.pattern-line{position:absolute;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));animation:geometric-float 20s infinite linear}.line-1{width:200px;height:1px;top:20%;left:-10%;animation-duration:25s;animation-delay:0s}.line-2{width:150px;height:1px;top:40%;right:-10%;animation-duration:30s;animation-delay:5s;transform:rotate(45deg)}.line-3{width:180px;height:1px;top:60%;left:20%;animation-duration:22s;animation-delay:10s;transform:rotate(-30deg)}.line-4{width:120px;height:1px;top:80%;right:30%;animation-duration:28s;animation-delay:15s;transform:rotate(60deg)}.line-5{width:160px;height:1px;top:10%;right:20%;animation-duration:24s;animation-delay:8s;transform:rotate(-45deg)}.line-6{width:140px;height:1px;top:70%;left:50%;animation-duration:26s;animation-delay:12s;transform:rotate(15deg)}@keyframes geometric-float{0%{transform:translate(-100px) rotate(var(--rotation, 0deg));opacity:0}10%{opacity:.03}90%{opacity:.03}to{transform:translate(calc(100vw + 100px)) rotate(var(--rotation, 0deg));opacity:0}}@media (prefers-reduced-motion: reduce){.geometric-background{display:none}.pattern-line{animation:none}}@media (max-width: 768px){.geometric-background{display:none}}.fun-loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,var(--background) 0%,var(--background-alt) 100%);display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fun-loader-container{text-align:center;max-width:400px;padding:2rem}.fun-loader-spinner{position:relative;width:80px;height:80px;margin:0 auto 2rem}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1.5s linear infinite}.spinner-ring:nth-child(2){width:60px;height:60px;top:10px;left:10px;border-top-color:var(--accent-color);animation-duration:1.2s;animation-direction:reverse}.spinner-ring:nth-child(3){width:40px;height:40px;top:20px;left:20px;border-top-color:var(--text-secondary);animation-duration:.8s}.fun-loader-text h3{font-family:var(--font-title);font-size:1.2rem;font-weight:500;color:var(--text-primary);margin-bottom:1.5rem;min-height:1.5rem}.fun-loader-progress{width:100%;height:4px;background:var(--border-color);border-radius:2px;overflow:hidden;position:relative}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px;animation:progress 2s ease-in-out infinite;position:relative}.progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}@keyframes progress{0%{width:0%;transform:translate(-100%)}50%{width:70%;transform:translate(0)}to{width:100%;transform:translate(100%)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 768px){.fun-loader-container{padding:1.5rem;max-width:300px}.fun-loader-spinner{width:60px;height:60px}.spinner-ring:nth-child(2){width:45px;height:45px;top:7.5px;left:7.5px}.spinner-ring:nth-child(3){width:30px;height:30px;top:15px;left:15px}.fun-loader-text h3{font-size:1rem}}@media (prefers-reduced-motion: reduce){.spinner-ring{animation:none}.progress-bar{animation:none;width:100%}.progress-bar:after{animation:none}}.page-transition{position:relative;width:100%;min-height:100vh;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.page-transition.transitioning{opacity:0;transform:translate3d(0,20px,0)}.page-transition:not(.transitioning){opacity:1;transform:translateZ(0)}.page-transition>*{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,30px,0)}to{opacity:1;transform:translateZ(0)}}.page-transition .section-title{animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .1s both;will-change:opacity,transform}.page-transition .projects-grid,.page-transition .client-work-grid{animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .2s both;will-change:opacity,transform}.page-transition .project-box{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) both;will-change:opacity,transform}.page-transition .project-box:nth-child(1){animation-delay:.1s}.page-transition .project-box:nth-child(2){animation-delay:.15s}.page-transition .project-box:nth-child(3){animation-delay:.2s}.page-transition .project-box:nth-child(4){animation-delay:.25s}.page-transition .project-box:nth-child(5){animation-delay:.3s}.page-transition .project-box:nth-child(6){animation-delay:.35s}.page-transition .project-box:nth-child(7){animation-delay:.4s}.page-transition .project-box:nth-child(8){animation-delay:.45s}.page-transition .project-box:nth-child(9){animation-delay:.5s}.page-transition .project-box:nth-child(10){animation-delay:.55s}.page-transition .project-box:nth-child(11){animation-delay:.6s}.page-transition .project-box:nth-child(12){animation-delay:.65s}.nav-list button:not(.nav-tab){position:relative;overflow:hidden}.nav-list button:not(.nav-tab):after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(45,55,72,.1);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.nav-list button:not(.nav-tab):active:after{width:300px;height:300px}@media (max-width: 768px){.page-transition.transitioning{transform:translate3d(0,10px,0)}.page-transition>*{animation:fadeInUp .4s cubic-bezier(.4,0,.2,1)}.page-transition .section-title{animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) .1s both}.page-transition .projects-grid,.page-transition .client-work-grid{animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) .2s both}}.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(250,249,246,.9);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loader-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@media (prefers-reduced-motion: reduce){.page-transition,.page-transition.transitioning,.page-transition>*,.page-transition .section-title,.page-transition .projects-grid,.page-transition .client-work-grid,.page-transition .project-box,.loader-spinner{animation:none;transition:none}}.project-page{min-height:100vh;padding:6rem 0 2rem;background:#ffffff;overflow-x:clip;overflow-y:visible;width:100%;max-width:100%}.project-page:has(.project-description-structured--under-hero){overflow-x:clip;overflow-y:visible}.container{max-width:1200px;margin:0 auto;padding:0 2rem;box-sizing:border-box}.project-page .container{max-width:1600px!important;box-sizing:border-box}.project-not-found{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center}.project-not-found h1{font-family:var(--font-title);font-size:2.5rem;color:#333;margin-bottom:2rem}.project-header{margin-bottom:0;margin-top:2rem;display:flex;flex-direction:column;align-items:stretch}.project-header:has(.project-description-structured[data-case-enhanced="1"]){isolation:isolate}.project-header:has(.project-description-structured[data-case-enhanced="1"])>.project-title-section{order:1;max-width:100%;width:100%;margin-inline:0;margin-bottom:clamp(.65rem,1.4vw,1.1rem)}.project-header:has(.project-description-structured[data-case-enhanced="1"]) .project-title-section:has(.project-subtitle) .project-title{margin-bottom:.18rem}.project-header:has(.project-description-structured[data-case-enhanced="1"])>.project-image-hero{order:2;position:relative;z-index:2;width:100%;max-width:100%;margin-inline:0;margin-top:clamp(.5rem,2vw,1.25rem);margin-bottom:0}.project-header:has(.project-description-structured--under-hero) .project-image-hero{position:sticky;top:80px;align-self:flex-start}.project-header:has(.project-description-structured[data-case-enhanced="1"])>.project-description-intro.project-description-structured{order:3;position:relative;z-index:1;width:100%;max-width:100%;margin-inline:0}.project-header.project-header-hero-below-description:has(.project-description-structured[data-case-enhanced="1"])>.project-description-intro.project-description-structured{order:2;margin-top:0}.project-header.project-header-hero-below-description:has(.project-description-structured[data-case-enhanced="1"])>.project-image-hero{order:3;z-index:1;margin-top:clamp(1.5rem,3vw,2.5rem)}.project-header-tight{margin-top:.5rem}.project-header-tight .project-title-section{margin-bottom:clamp(.75rem,2vw,1.25rem)}.project-title-section{text-align:left;margin-bottom:clamp(1.5rem,3vw,2.5rem);max-width:100%}.project-title{font-family:var(--font-title);font-size:clamp(1.45rem,1.05rem + 1.25vw,2.2rem);font-weight:600;color:#0a0a0a;margin-bottom:.2rem;line-height:1.06;letter-spacing:-.025em;text-transform:uppercase}.project-title-section:has(.project-subtitle) .project-title{margin-bottom:.32rem}.project-subtitle{font-family:var(--font-subtitle);font-size:clamp(.9375rem,.88rem + .25vw,1.0625rem);font-weight:500;font-style:italic;color:#3d3d3d;margin:0 0 .25rem;line-height:1.5;max-width:36rem}.project-case-lead .project-subtitle{font-family:var(--font-title);font-style:normal;font-size:clamp(.8125rem,.78rem + .18vw,.9375rem);font-weight:400;line-height:1.48;letter-spacing:.01em;color:#3d3d3d;max-width:100%;margin:0;text-align:left}.project-title-section .project-tag{font-size:2.5rem;font-weight:400;color:#2d3748;line-height:1.2}.project-description-intro{max-width:100%;margin:0 0 3rem;text-align:left;font-size:1.2rem;line-height:1.8;color:#2d3748}.project-description-intro p{margin-bottom:1rem}.project-description-intro p:last-child{margin-bottom:0}.project-header>.project-description-intro:not(.project-description-structured){font-family:var(--font-title);font-size:clamp(.8125rem,.78rem + .18vw,.9375rem);font-weight:400;line-height:1.48;letter-spacing:.01em;color:#3d3d3d;max-width:min(42rem,100%);margin:0 0 clamp(1.5rem,2.5vw,2.5rem) 0}.project-header>.project-description-intro:not(.project-description-structured) p{font-size:inherit;line-height:inherit;color:inherit;margin-bottom:.75rem}.project-header>.project-description-intro:not(.project-description-structured) p:last-child{margin-bottom:0}.project-description-intro.project-description-structured[data-case-enhanced="1"]{display:block;margin-top:0;padding-top:0;border-top:none;margin-bottom:0;max-width:100%;text-align:left}.project-description-structured--under-hero.project-description-intro{--case-beneath-progress: 0;margin-top:clamp(-3.75rem,-9vw,-7rem);padding-top:clamp(3.25rem,8vw,5.75rem);background:#ffffff;box-shadow:0 -40px 64px -44px #00000024;transform:translate3d(0,calc((1 - var(--case-beneath-progress, 0)) * 4.5rem),0);opacity:1;will-change:transform}.project-case-etienne{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:100%;margin-inline:0;padding-inline:0;box-sizing:border-box}.project-case-lead{width:100%;text-align:left}.project-case-etienne:not(:has(.project-case-lead)) .project-case-meta-row{margin-top:clamp(.5rem,2vw,1.25rem)}.project-case-meta-row{--meta-cols: 4;display:grid;grid-template-columns:repeat(var(--meta-cols, 4),minmax(0,1fr));align-items:start;justify-items:stretch;width:100%;max-width:100%;column-gap:clamp(1.25rem,3.25vw,2.75rem);row-gap:1rem;margin-top:clamp(1.35rem,3vw,2.25rem);padding-top:clamp(1.2rem,2.2vw,1.75rem);border-top:1px solid rgba(0,0,0,.07);text-align:left;box-sizing:border-box}.project-case-meta-cell{min-width:0;max-width:100%;width:100%;box-sizing:border-box}.project-case-meta-cell>p{margin:0;min-width:0;width:100%;max-width:100%;box-sizing:border-box}.project-case-meta-cell--empty{visibility:hidden;pointer-events:none;min-height:1px}.project-case-meta-cell .project-meta-label,.project-case-meta-cell .project-keywords .project-meta-label{display:block;font-family:var(--font-title);font-size:.6875rem;font-weight:500;letter-spacing:.11em;text-transform:uppercase;color:#9a9a9a;margin-bottom:.5rem}.project-case-meta-cell .project-meta-value,.project-case-meta-cell .project-keywords-value{display:block;font-family:var(--font-title);font-size:.875rem;font-weight:600;color:#111;line-height:1.35;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.project-case-story-columns{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;width:100%;box-sizing:border-box;column-gap:clamp(2rem,6.5vw,4.75rem)}.project-case-story-column{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:.65rem;box-sizing:border-box}.project-case-story{width:100%;max-width:100%;margin-top:clamp(2.75rem,5.5vw,4.25rem);margin-inline:0;text-align:left;direction:ltr}.project-case-story:not(:has(.project-case-story-columns)) .project-text-reveal-mask+.project-text-reveal-mask:has(.project-section-title){padding-top:clamp(3rem,6vw,4.5rem)}.project-case-story:not(:has(.project-case-story-columns)) .project-section-body+.project-section-title{padding-top:clamp(3rem,6vw,4.5rem);margin-top:0}.project-case-story .project-section-title{font-family:var(--font-title);font-size:clamp(.6875rem,.66rem + .12vw,.78125rem);font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#3d3d3d;margin:0 0 .35rem;line-height:1.4}.project-case-story .project-section-body{font-family:var(--font-title);font-size:clamp(.8125rem,.78rem + .12vw,.90625rem);font-weight:400;line-height:1.62;color:#454545;margin:0;max-width:100%;text-align:left;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.project-case-story .project-section-body:last-child{margin-bottom:0}.project-description-structured .project-meta,.project-description-structured .project-keywords{margin-bottom:.6rem}.project-description-structured:not([data-case-enhanced="1"]) .project-section-title{margin:clamp(2.5rem,5vw,3.5rem) 0 .85rem 0;font-size:clamp(.9375rem,.88rem + .2vw,1.0625rem);color:#3d3d3d}.project-description-structured:not([data-case-enhanced="1"]) .project-section-title:first-of-type{margin-top:1.25rem}.project-meta-label,.project-keywords .project-meta-label{display:block;font-size:1rem;font-weight:600;color:#000;margin-bottom:.25rem}.project-meta-value,.project-keywords-value{font-size:1rem;line-height:1.6;color:#2d3748}.project-section-title{font-size:1rem;font-weight:600;color:#000;margin:1.25rem 0 .5rem;line-height:1.45;text-transform:uppercase}.project-section-title:first-of-type{margin-top:0}.project-section-body{margin:0 0 1.15rem;font-size:1.05rem;line-height:1.75;color:#2d3748}.project-caption-list{margin:0 0 .25rem;padding-left:1.25rem;font-size:1.05rem;line-height:1.75;color:#2d3748}.project-caption-list li{margin-bottom:.25rem}.project-caption-list li:last-child{margin-bottom:0}.project-image-hero{width:100%;max-width:100%;border-radius:0;overflow:hidden;box-shadow:none;transition:none;margin-bottom:0;margin-top:clamp(.5rem,2vw,1.5rem);box-sizing:border-box;position:relative}.project-header:has(.project-description-structured[data-case-enhanced="1"])>.project-image-hero{margin-top:clamp(.5rem,2vw,1.5rem)}.project-image-hero:hover{transform:none}.project-hero-image{width:100%;max-width:100%;height:auto;display:block;box-sizing:border-box}.project-image-hero .video-container{padding-bottom:56.25%;box-shadow:none;border-radius:0}.project-image-hero .video-container iframe{position:absolute;top:0;left:0}.project-content{margin-top:0;width:100%;opacity:1;visibility:visible}.project-page .container>.project-header+.project-content{margin-top:clamp(2.5rem,5vw,4.25rem)}.project-gallery-grid{display:flex;flex-direction:column;gap:.5rem;margin-top:0}.project-gallery-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:100%;max-width:100%;box-sizing:border-box}@media (max-width: 768px){.project-gallery-row{grid-template-columns:1fr;gap:.5rem}}.project-page .archive-section{background-color:#000;padding:0;margin:2rem 0;border:2px solid white;height:500px}.project-page .archive-gallery{display:flex;justify-content:center;align-items:center;gap:2rem;height:100%;margin:0;padding:1rem}.project-page .archive-gallery .archive-item{width:400px;max-width:calc(40% - 1rem);height:450px;max-height:90%;overflow:hidden;display:flex;align-items:center;justify-content:center}.project-page .archive-gallery .archive-item img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;transition:none}.project-page .archive-gallery .archive-item img:hover{transform:none;filter:none}.project-gallery-grid-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-top:0}.project-gallery-item{width:100%;max-width:100%;height:900px;margin:0 0 8px;padding:0;line-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}.project-gallery-item:last-child{margin-bottom:0}.project-gallery-item img{width:100%;max-width:100%;height:100%;object-fit:cover;object-position:center;display:block;margin:0;padding:0}.thegaze-gallery .project-gallery-row{gap:1rem;margin-bottom:1rem;align-items:start}.thegaze-gallery .project-gallery-item{display:block;height:auto;min-height:0;overflow:visible;box-shadow:0 4px 12px #0000001a;border-radius:8px;transition:box-shadow .3s ease}.thegaze-gallery .project-gallery-item:hover{box-shadow:0 6px 20px #00000026}.thegaze-gallery .project-gallery-item img{display:block;width:100%;height:auto;max-width:100%;vertical-align:top;border-radius:8px}.wrapup-gallery .project-gallery-row{gap:1rem;margin-bottom:1rem;align-items:start}.wrapup-gallery .project-gallery-item{display:block;height:auto;min-height:0;overflow:visible;box-shadow:0 4px 12px #0000001a;border-radius:8px;transition:box-shadow .3s ease}.wrapup-gallery .project-gallery-item:hover{box-shadow:0 6px 20px #00000026}.wrapup-gallery .project-gallery-item img{display:block;width:100%;height:auto;max-width:100%;vertical-align:top;border-radius:8px}.project-gallery-item-3col{width:100%;height:600px;margin:0 0 8px;padding:0;line-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.project-gallery-item-3col img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;margin:0;padding:0;vertical-align:top}.project-gallery-item-full{width:100%;max-width:100%;margin:0 0 .5rem;padding:0;line-height:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden}.project-gallery-item-full img{width:100%;max-width:100%;height:auto;object-fit:contain;object-position:center;display:block;margin:0;padding:0;vertical-align:top;box-sizing:border-box}.project-gallery-single-column{display:flex;flex-direction:column;gap:1rem;margin-top:0;width:100%;opacity:1;visibility:visible}.project-gallery-single-column .project-gallery-item{width:100%;height:auto;margin:0;padding:0;line-height:0;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;overflow:visible;opacity:1;visibility:visible}.project-gallery-single-column .project-gallery-item:last-child{margin-bottom:0}.project-gallery-single-column .project-gallery-item img{width:100%;height:auto;object-fit:contain;object-position:center;display:block;margin:0;padding:0;vertical-align:top;opacity:1;visibility:visible}@media (max-width: 1024px){.project-title-section .project-tag{font-size:2.25rem}.project-header>.project-description-intro:not(.project-description-structured){max-width:100%}.project-header:has(.project-description-structured--under-hero) .project-image-hero{position:relative;top:auto;align-self:stretch}.project-description-structured--under-hero.project-description-intro{margin-top:0;padding-top:clamp(1.25rem,4vw,2.25rem);transform:none;box-shadow:none;will-change:auto}.project-content .project-gallery-item,.project-content .project-gallery-item-3col{height:auto;min-height:0;max-height:none;overflow:visible}.project-content .project-gallery-item img,.project-content .project-gallery-item-3col img{height:auto;max-height:none;object-fit:contain}main.project-page{flex:none!important;overflow-x:clip!important;overflow-y:visible!important;height:auto!important;max-height:none!important}.project-page .container,.project-page .project-header,.project-page .project-content,.project-page .project-description-intro,.project-page .project-case-etienne,.project-page .project-case-story,.project-page .project-case-story-columns,.project-page .project-case-story-column,.project-page .project-case-meta-row,.project-page .project-case-meta-cell{overflow-x:clip;overflow-y:visible;max-height:none}}@media (max-width: 900px){.project-case-meta-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1.25rem;column-gap:1.5rem;align-items:start}.project-case-meta-row .project-case-meta-cell{min-width:0;max-width:100%;width:100%}.project-case-meta-row:has(>:nth-child(3):last-child)>.project-case-meta-cell:nth-child(3){grid-column:1 / -1}.project-case-story-columns{flex-direction:column;row-gap:clamp(1.75rem,4vw,2.5rem);column-gap:0}.project-case-story-column{flex:none;width:100%}}@media (max-width: 768px){.project-page{padding:4rem 0 1rem;overflow-x:clip;overflow-y:visible}.container,.project-page .container{padding:0 20px;max-width:100%;box-sizing:border-box}.project-content>div,.project-content>div[style*=maxWidth]{max-width:100%!important;padding:0 20px!important;width:100%!important;box-sizing:border-box!important}.project-content div[style*=gridTemplateColumns]{grid-template-columns:1fr!important;max-width:100%!important;width:100%!important}.project-title{font-size:clamp(1.2rem,.95rem + 1.1vw,1.55rem);margin-bottom:.2rem;line-height:1.08}.project-title-section .project-tag{font-size:1.75rem}.project-header>.project-description-intro:not(.project-description-structured){max-width:100%;padding:0;text-align:left;margin-bottom:1.75rem}.project-description-intro.project-description-structured[data-case-enhanced="1"]{margin-bottom:1.75rem}.project-description-structured--under-hero.project-description-intro{margin-top:0;padding-top:clamp(1.25rem,4vw,2rem);transform:none;box-shadow:none;will-change:auto}.project-header:has(.project-description-structured--under-hero) .project-image-hero{position:relative;top:auto;align-self:stretch}.project-header:has(.project-description-structured[data-case-enhanced="1"])>.project-title-section,.project-header:has(.project-description-structured[data-case-enhanced="1"])>.project-image-hero,.project-header:has(.project-description-structured[data-case-enhanced="1"])>.project-description-intro.project-description-structured{max-width:100%}.project-case-etienne{padding-inline:0;max-width:100%}.project-gallery-grid,.project-gallery-grid-3col{grid-template-columns:1fr;gap:.5rem;width:100%;max-width:100%;box-sizing:border-box}.project-gallery-item{height:auto;min-height:0;max-height:none;margin-bottom:6px;width:100%;max-width:100%;overflow:visible}.thegaze-gallery .project-gallery-item,.wrapup-gallery .project-gallery-item{height:auto;min-height:0}.project-gallery-item-3col{height:auto;min-height:0;max-height:none;margin-bottom:6px;width:100%;max-width:100%;overflow:visible}.project-gallery-item-full{margin-bottom:6px;width:100%;max-width:100%}.project-gallery-item img,.project-gallery-item-3col img,.project-gallery-item-full img{max-width:100%;width:100%;height:auto;object-fit:contain}.project-gallery-single-column{gap:.75rem}.project-gallery-single-column .project-gallery-item{margin-bottom:.75rem}.project-page .archive-section{height:350px;margin:1.5rem 0}.project-video-section h2{font-size:1.5rem;margin-bottom:1.5rem}}@media (max-width: 480px){.project-page{padding:3.5rem 0 1rem;overflow-x:clip;overflow-y:visible}.container,.project-page .container{padding:0 15px;max-width:100%;box-sizing:border-box}.project-content>div,.project-content>div[style*=maxWidth],.project-content>div[style*=max-width]{max-width:100%!important;padding:0 15px!important;width:100%!important;box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important}.project-content div[style*=gridTemplateColumns],.project-content div[style*=grid-template-columns]{grid-template-columns:1fr!important;max-width:100%!important;width:100%!important;gap:1rem!important}.project-content img{max-width:100%!important;width:100%!important;height:auto!important}.project-case-meta-row{display:grid;grid-template-columns:minmax(0,1fr);row-gap:1.35rem;column-gap:0}.project-case-meta-row .project-case-meta-cell{min-width:0;max-width:100%;width:100%}.project-title-section .project-tag{font-size:1.5rem}.project-header>.project-description-intro:not(.project-description-structured){padding:0;text-align:left;margin-bottom:1.35rem}.project-gallery-grid,.project-gallery-grid-3col{grid-template-columns:1fr;gap:.25rem;width:100%;max-width:100%;box-sizing:border-box}.project-gallery-item{height:auto;min-height:0;margin-bottom:4px;width:100%;max-width:100%;overflow:visible}.thegaze-gallery .project-gallery-item,.wrapup-gallery .project-gallery-item{min-height:0}.project-gallery-item-3col{height:auto;min-height:0;margin-bottom:4px;width:100%;max-width:100%;overflow:visible}.project-gallery-item-full{margin-bottom:4px;width:100%;max-width:100%}.project-gallery-item img,.project-gallery-item-3col img,.project-gallery-item-full img{max-width:100%;width:100%;height:auto;object-fit:contain}.project-gallery-single-column{gap:.5rem}.project-gallery-single-column .project-gallery-item{margin-bottom:.5rem}.project-page .archive-section{height:250px;margin:1rem 0}.project-video-section h2{font-size:1.3rem;margin-bottom:1rem}}.project-video-section{margin:3rem 0}.project-video-section h2{font-size:2rem;font-weight:600;color:#000;margin-bottom:2rem;text-align:left}.video-container{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;border-radius:8px;box-shadow:0 4px 20px #0000001a}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media (max-width: 768px){.project-video-section h2{font-size:1.5rem;margin-bottom:1.5rem}.video-container{border-radius:4px}}@media (max-width: 480px){.project-video-section h2{font-size:1.3rem;margin-bottom:1rem}}.go-to-top-btn{position:fixed;bottom:30px;right:30px;width:44px;height:44px;background-color:#ffd646;color:#111;border:1px solid rgba(0,0,0,.2)!important;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:500;box-shadow:0 2px 8px #00000014;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);z-index:1000;opacity:0;visibility:hidden;transform:translate3d(0,20px,0) scale(.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);outline:none!important;will-change:transform,opacity,visibility;backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.go-to-top-btn.visible{opacity:.9;visibility:visible;transform:translateZ(0) scale(1);animation:subtleBounce .6s cubic-bezier(.4,0,.2,1)}@keyframes subtleBounce{0%{opacity:0;transform:translate3d(0,20px,0) scale(.8)}60%{opacity:.9;transform:translate3d(0,-5px,0) scale(1.05)}to{opacity:.9;transform:translateZ(0) scale(1)}}.go-to-top-btn:hover{background-color:#ffcc28!important;color:#111!important;transform:translate3d(0,-1px,0) scale(1.02)!important;box-shadow:0 3px 8px #00000014!important;border-color:#00000040!important}.go-to-top-btn:active{transform:translateZ(0) scale(.98);background-color:#f2be16}.go-to-top-btn:focus{outline:none!important;border-color:#00000026!important}@media (max-width: 768px){.go-to-top-btn{bottom:20px;right:20px;width:40px;height:40px;font-size:.9rem;opacity:.7}.go-to-top-btn.visible{opacity:.6}.go-to-top-btn:hover{opacity:.9;transform:translateY(-1px) scale(1.02)}}@media (max-width: 480px){.go-to-top-btn{bottom:15px;right:15px;width:36px;height:36px;font-size:.8rem;opacity:.6}.go-to-top-btn.visible{opacity:.5}.go-to-top-btn:hover{opacity:.8;transform:translateY(-1px) scale(1.02)}}.archive .go-to-top-btn{background-color:#ffd646;color:#111;border:1px solid rgba(0,0,0,.2)!important;box-shadow:0 2px 8px #0003;outline:none!important}.archive .go-to-top-btn.visible{opacity:.8;animation:subtleBounce .6s ease-out}.archive .go-to-top-btn:hover{background-color:#ffcc28;color:#111;border-color:#00000040;box-shadow:0 3px 8px #0003;transform:translateY(-1px) scale(1.02)}.archive .go-to-top-btn:active{background-color:#f2be16;transform:translateY(0) scale(.98)}.archive .go-to-top-btn:focus{outline:none!important;border-color:#fff3!important}@media (prefers-reduced-motion: reduce){.go-to-top-btn.visible,.archive .go-to-top-btn.visible{animation:none}.go-to-top-btn{transition:opacity .3s ease,visibility .3s ease,transform .3s ease}}.project-scroll-reveal{opacity:0;transform:translate3d(0,44px,0);filter:blur(0);transition:opacity 1.15s cubic-bezier(.13,1,.32,1),transform 1.15s cubic-bezier(.13,1,.32,1),filter .95s cubic-bezier(.13,1,.32,1);transition-delay:var(--reveal-delay, 0ms)}.project-title-section.project-scroll-reveal{filter:blur(10px)}.project-case-lead.project-scroll-reveal{filter:blur(6px)}.project-case-meta-cell.project-scroll-reveal:not(.project-case-meta-cell--empty){transform:translate3d(0,28px,0);filter:none}.project-scroll-reveal.project-scroll-reveal--visible{opacity:1;transform:translateZ(0);filter:blur(0)}.project-text-reveal-mask{overflow:hidden;margin:0;padding:0;min-width:0;max-width:100%;width:100%;box-sizing:border-box;align-self:stretch}.project-text-reveal-mask.project-scroll-reveal{opacity:1;transform:none;filter:none;transition:none}.project-text-reveal-mask.project-scroll-reveal>:is(.project-section-title,.project-section-body){display:block;transform:translate3d(0,108%,0);opacity:.28;transition:transform 1.12s cubic-bezier(.12,.98,.22,1),opacity .95s cubic-bezier(.22,.92,.2,1);transition-delay:var(--reveal-delay, 0ms);will-change:transform}.project-text-reveal-mask.project-scroll-reveal--visible>:is(.project-section-title,.project-section-body){transform:translateZ(0);opacity:1;will-change:auto}@media (prefers-reduced-motion: reduce){.project-text-reveal-mask.project-scroll-reveal>:is(.project-section-title,.project-section-body){transform:none;opacity:1;transition:none}}@supports (animation-timeline: scroll()){@media (prefers-reduced-motion: no-preference){.project-page .project-image-hero .project-hero-image,.project-page .project-image-hero .video-container{animation:project-hero-scroll linear forwards;animation-duration:1ms;animation-timeline:scroll(root);animation-range:0% 42%}}@media (max-width: 1024px) and (prefers-reduced-motion: no-preference){.project-page .project-image-hero .project-hero-image,.project-page .project-image-hero .video-container{animation:none}}}@keyframes project-hero-scroll{0%{transform:scale(1.05) translate3d(0,2.5%,0)}to{transform:scale(1) translateZ(0)}}@media (prefers-reduced-motion: reduce){.project-scroll-reveal{opacity:1;transform:none;filter:none;transition:none}.project-description-structured--under-hero.project-description-intro{animation:none!important;transform:none!important;opacity:1!important;will-change:auto}.project-page .project-image-hero .project-hero-image,.project-page .project-image-hero .video-container{animation:none!important}}.project-image-gallery{display:flex;flex-direction:column;gap:1rem;max-width:1500px;margin:2rem auto;padding:0 1rem;width:100%;box-sizing:border-box}.project-gallery-image{width:100%;max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease;box-sizing:border-box}.project-gallery-image:hover{transform:scale(1.02);box-shadow:0 6px 20px #00000026}@media (max-width: 768px){.project-image-gallery{padding:0 20px;margin:1.5rem auto}}@media (max-width: 480px){.project-image-gallery{padding:0 15px;margin:1rem auto;gap:.75rem}}.loading-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--background);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-spinner{text-align:center}.spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner p{color:var(--text-secondary);font-size:1rem;margin:0;font-family:var(--font-title)}:root{--page-hero-title-size: clamp(2.1rem, 5.25vw, 3.5rem);--page-hero-title-size-sm: clamp(1.6rem, 4.5vw, 2.4rem);--page-hero-chrome-top: 7.5rem;--page-hero-title-to-lede: 2.75rem;--header-logo-size: var(--page-hero-title-size);--font-title: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-subtitle: "Playfair Display", "Newsreader", Georgia, "Times New Roman", serif;--primary-color: #2d3748;--primary-dark: #1a202c;--accent-color: #4a5568;--secondary-color: #f8fafc;--text-primary: #1e293b;--text-secondary: #64748b;--text-light: #94a3b8;--background: #FAF9F6;--background-alt: #f5f5f0;--border-color: #e8e6e1;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--border-radius: 8px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .5s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}.page-enter{opacity:0;transform:translate3d(0,20px,0)}.page-enter-active{opacity:1;transform:translateZ(0);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.page-exit{opacity:1;transform:translateZ(0)}.page-exit-active{opacity:0;transform:translate3d(0,-20px,0);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}body{font-family:var(--font-title);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:var(--text-primary);background-color:var(--background);font-weight:400;overflow-x:clip;overflow-y:visible}html{overflow-x:clip;overflow-y:visible}.container{max-width:1480px;margin:0 auto;padding:0 22px}.section-title,.about-section-title,.timeline-hero-title,.projects-main-title{font-family:var(--font-title);font-size:var(--page-hero-title-size);line-height:1.08;font-weight:800;letter-spacing:-.04em;padding-top:.15em}.section-title{font-style:normal;text-align:center;margin-bottom:3rem;color:var(--text-primary);text-transform:uppercase}.about-section-title,.timeline-hero-title,.projects-main-title{text-transform:uppercase}.projects-main-title,.projects-subtitle{font-family:var(--font-title)}.projects-hint{font-family:var(--font-subtitle);font-style:italic;font-weight:500;letter-spacing:.02em}.btn{display:inline-block;padding:12px 24px;border:none;border-radius:var(--border-radius);font-family:var(--font-title);font-size:1rem;font-weight:500;font-style:normal;text-decoration:none;cursor:pointer;transition:var(--transition);text-align:center}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);transform:translate3d(0,-3px,0) scale(1.05);box-shadow:0 12px 35px #2d374866,0 0 25px #2d37484d;will-change:transform,box-shadow}.btn-primary:active{transform:translateZ(0) scale(.98);box-shadow:0 4px 15px #2d374866}.btn-secondary{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background-color:var(--primary-color);color:#fff;transform:translate3d(0,-3px,0) scale(1.05);box-shadow:0 12px 35px #2d37484d,0 0 25px #2d374833;will-change:transform,box-shadow}.btn-secondary:active{transform:translateZ(0) scale(.98);box-shadow:0 4px 15px #2d37484d}.btn-outline{background-color:transparent;color:var(--text-primary);border:2px solid var(--border-color)}.btn-outline:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translate3d(0,-3px,0) scale(1.05);box-shadow:0 12px 35px #2d374826,0 0 20px #2d37481a;will-change:transform,box-shadow}.btn-outline:active{transform:translateZ(0) scale(.98);box-shadow:0 4px 15px #2d374833}.fade-in{opacity:0;transform:translate3d(0,30px,0);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}[style*="cursor: pointer"],.cursor-pointer,button,a,.clickable{position:relative}[style*="cursor: pointer"]:hover,.cursor-pointer:hover,button:hover,a:hover,.clickable:hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.fade-in.visible{opacity:1;transform:translateZ(0)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}*:focus{outline:2px solid var(--primary-color);outline-offset:2px}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{left:-100%}to{left:100%}}.skeleton{background:linear-gradient(90deg,var(--background-alt) 25%,var(--border-color) 50%,var(--background-alt) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;will-change:background-position}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;border-radius:4px;margin-bottom:.5rem}.skeleton-text:last-child{margin-bottom:0;width:60%}.skeleton-image{width:100%;height:200px;border-radius:var(--border-radius)}.skeleton-card{padding:1rem;border-radius:var(--border-radius);background:var(--background);box-shadow:var(--shadow)}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}img{transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);will-change:opacity,transform;transform:translateZ(0);backface-visibility:hidden}img[loading]{opacity:0;transform:translate3d(0,10px,0)}img:not([loading]){opacity:1;transform:translateZ(0)}.image-reveal{opacity:0;transform:translate3d(0,20px,0) scale(.95);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.image-reveal.visible{opacity:1;transform:translateZ(0) scale(1)}.parallax-image{transform:translateZ(0);will-change:transform;transition:transform .1s ease-out}.image-hover{transition:transform .3s cubic-bezier(.4,0,.2,1),filter .3s cubic-bezier(.4,0,.2,1);will-change:transform,filter}.image-hover:hover{transform:translate3d(0,-5px,0) scale(1.02);filter:brightness(1.05) contrast(1.02)}@media (hover: none) and (pointer: coarse){.btn:hover{transform:none;box-shadow:none}.project-box:hover{transform:none}.project-box:active{transform:scale(.98)}.nav-list button.nav-tab:hover{filter:brightness(1.02)}.nav-list button.nav-tab:active{transform:translateY(0);filter:brightness(.98)}.go-to-top-btn:hover{transform:translateY(-1px) scale(1.02)}.go-to-top-btn:active{transform:translateY(0) scale(.98)}}@media (max-width: 768px){html,body{-webkit-overflow-scrolling:touch}}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-reduced-motion: no-preference){.project-box,.archive-item,.client-work .project-box{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-padding-top:80px;overflow-x:clip;overflow-y:visible;width:100%;max-width:100%}*{scroll-behavior:smooth}.scroll-reveal{opacity:0;transform:translate3d(0,30px,0);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.scroll-reveal.visible{opacity:1;transform:translateZ(0)}.scroll-reveal-left{opacity:0;transform:translate3d(-30px,0,0);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.scroll-reveal-left.visible{opacity:1;transform:translateZ(0)}.scroll-reveal-right{opacity:0;transform:translate3d(30px,0,0);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.scroll-reveal-right.visible{opacity:1;transform:translateZ(0)}.scroll-reveal-scale{opacity:0;transform:scale(.9);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.scroll-reveal-scale.visible{opacity:1;transform:scale(1)}.scroll-stagger>*{opacity:0;transform:translate3d(0,30px,0);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.scroll-stagger.visible>*:nth-child(1){animation-delay:.1s}.scroll-stagger.visible>*:nth-child(2){animation-delay:.2s}.scroll-stagger.visible>*:nth-child(3){animation-delay:.3s}.scroll-stagger.visible>*:nth-child(4){animation-delay:.4s}.scroll-stagger.visible>*:nth-child(5){animation-delay:.5s}.scroll-stagger.visible>*:nth-child(6){animation-delay:.6s}.scroll-stagger.visible>*{opacity:1;transform:translateZ(0)}@media (prefers-reduced-motion: reduce){html,*{scroll-behavior:auto}.scroll-reveal,.scroll-reveal-left,.scroll-reveal-right,.scroll-reveal-scale,.scroll-stagger>*,.image-reveal,.parallax-image,.image-hover,.particle,.animated-bg,.skeleton,.pulse{opacity:1;transform:none;transition:none;animation:none}}@media (max-width: 768px){.project-box,.archive-item,.client-work .project-box{will-change:transform}.project-box:hover,.archive-item:hover,.client-work .project-box:hover{will-change:auto}.hero-title,.hero-subtitle{animation-duration:.8s}.float{animation-duration:4s}.backgroundFloat{animation-duration:10s}}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.will-change-auto{will-change:auto}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.particle{position:absolute;background:rgba(45,55,72,.1);border-radius:50%;animation:particle-float 20s infinite linear;will-change:transform}.particle:nth-child(1){width:4px;height:4px;left:10%;animation-duration:20s;animation-delay:0s}.particle:nth-child(2){width:6px;height:6px;left:20%;animation-duration:25s;animation-delay:2s}.particle:nth-child(3){width:3px;height:3px;left:30%;animation-duration:18s;animation-delay:4s}.particle:nth-child(4){width:5px;height:5px;left:40%;animation-duration:22s;animation-delay:6s}.particle:nth-child(5){width:4px;height:4px;left:50%;animation-duration:24s;animation-delay:8s}.particle:nth-child(6){width:6px;height:6px;left:60%;animation-duration:19s;animation-delay:10s}.particle:nth-child(7){width:3px;height:3px;left:70%;animation-duration:21s;animation-delay:12s}.particle:nth-child(8){width:5px;height:5px;left:80%;animation-duration:23s;animation-delay:14s}.particle:nth-child(9){width:4px;height:4px;left:90%;animation-duration:20s;animation-delay:16s}@keyframes particle-float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.animated-bg{background:linear-gradient(-45deg,var(--background),var(--background-alt),var(--background),var(--background-alt));background-size:400% 400%;animation:gradient-shift 15s ease infinite;will-change:background-position}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 768px){:root{--header-logo-size: var(--page-hero-title-size-sm);--page-hero-chrome-top: 5.5rem;--page-hero-title-to-lede: 2.25rem}.section-title,.about-section-title,.timeline-hero-title,.projects-main-title{font-size:var(--page-hero-title-size-sm)}.section-title{margin-bottom:2rem}.container{padding:0 20px;max-width:100%;box-sizing:border-box;width:100%}.particles{display:none}section{padding:60px 0;max-width:100%;width:100%;overflow-x:clip;overflow-y:visible}.btn{padding:10px 20px;font-size:.95rem}img{max-width:100%!important;height:auto!important}}@media (max-width: 480px){:root{--page-hero-chrome-top: 4.5rem;--page-hero-title-to-lede: 1.5rem}.section-title,.about-section-title,.timeline-hero-title,.projects-main-title{font-size:var(--page-hero-title-size-sm)}.section-title{margin-bottom:1.5rem}.container{padding:0 15px;max-width:100%;box-sizing:border-box;width:100%}section{padding:50px 0;max-width:100%;overflow-x:clip;overflow-y:visible;width:100%}.btn{padding:10px 18px;font-size:.9rem}*{max-width:100%;box-sizing:border-box}img,video,iframe,embed,object{max-width:100%!important;width:100%!important;height:auto!important}div,section,article,main,footer{max-width:100%!important;overflow-x:clip!important;overflow-y:visible!important}}@media (max-width: 768px){.project-content,.project-content>div,.project-content>*{max-width:100%!important;width:100%!important;box-sizing:border-box!important;overflow-x:clip!important;overflow-y:visible!important}.project-content>div[style]{max-width:100%!important;width:100%!important;padding-left:20px!important;padding-right:20px!important;box-sizing:border-box!important}.project-content>div>div[style]{max-width:100%!important;width:100%!important}.project-content>div>div[style*=grid]{grid-template-columns:1fr!important;gap:1rem!important}.project-content img{max-width:100%!important;width:100%!important;height:auto!important;display:block!important}}@media (max-width: 480px){.project-content,.project-content>div,.project-content>*,.project-content>div>div{max-width:100%!important;width:100%!important;box-sizing:border-box!important;overflow-x:clip!important;overflow-y:visible!important}.project-content>div[style]{max-width:100%!important;width:100%!important;padding-left:15px!important;padding-right:15px!important;box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important}.project-content>div>div[style],.project-content>div>div{max-width:100%!important;width:100%!important}.project-content>div>div[style*=grid]{grid-template-columns:1fr!important;gap:.75rem!important}img{max-width:100%!important;width:100%!important;height:auto!important;display:block!important}}