:root{--color-bg:#000;--color-fg:#fff;--color-fg-dim:#959595;--color-accent:#fcac14;--color-accent-hover:#ffd166;--font-display:"Josefin Sans",sans-serif;--font-handwritten:"Caveat",cursive;--ease-out-expo:cubic-bezier(.16,1,.3,1);--ease-out-quart:cubic-bezier(.25,1,.5,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#__nuxt,body,html{background:var(--color-bg);color:var(--color-fg);font-family:var(--font-display);height:100%;overflow:hidden;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:default}::-webkit-scrollbar{display:none}html{scrollbar-width:none}.loading-screen{align-items:center;background:var(--color-bg);display:flex;inset:0;justify-content:center;position:fixed;transition:opacity .8s var(--ease-out-expo),visibility .8s;z-index:9999}.loading-screen.loaded{opacity:0;pointer-events:none;visibility:hidden}.loading-spinner{animation:spin 1s linear infinite;border:2px solid hsla(0,0%,100%,.08);border-radius:50%;border-top:2px solid var(--color-accent);height:3rem;width:3rem}@keyframes spin{to{transform:rotate(1turn)}}.webgl-canvas{inset:0;pointer-events:none;position:fixed;z-index:0}.webgl-canvas canvas{display:block;height:100%!important;width:100%!important}.site-nav{pointer-events:none;position:fixed;z-index:100}.hero-section{align-items:flex-start;display:flex;flex-shrink:0;height:100vh;position:relative;width:100vw}.site-identity{left:2rem;pointer-events:auto;position:absolute;top:1.5rem;z-index:100}.site-identity__block{align-items:flex-end;display:flex;gap:1.5rem}.site-identity__name{cursor:pointer;line-height:.88}.site-identity__line{color:var(--color-fg);display:block;font-family:var(--font-display);font-size:clamp(4rem,10vw,9rem);font-style:italic;font-weight:700;padding-left:.15em;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px}.site-identity__line span{display:block;opacity:0;transform:translateY(100%)}.site-identity--visible .site-identity__line span{animation:revealUp 1.1s cubic-bezier(.25,.46,.45,.94) forwards}.site-identity__line:first-child{padding-left:.6em}.site-identity--visible .site-identity__line:first-child span{animation-delay:.05s}.site-identity--visible .site-identity__line:nth-child(2) span{animation-delay:.2s}.site-identity__subtitle{color:var(--color-fg);font-family:var(--font-display);font-size:.7rem;font-weight:600;letter-spacing:.12em;line-height:1.6;padding-bottom:.8rem;text-transform:uppercase}.site-identity__subtitle div{opacity:0;transform:translateY(100%)}.site-identity--visible .site-identity__subtitle div{animation:revealUp .9s cubic-bezier(.25,.46,.45,.94) forwards}.site-identity--visible .site-identity__subtitle div:first-child{animation-delay:.35s}.site-identity--visible .site-identity__subtitle div:nth-child(2){animation-delay:.45s}.site-identity--visible .site-identity__subtitle div:nth-child(3){animation-delay:.55s}@keyframes revealUp{0%{opacity:0;transform:translateY(100%)}20%{opacity:1}to{opacity:1;transform:translateY(0)}}.hero-bottom-nav{bottom:2.5rem;left:3rem;pointer-events:auto;position:absolute;z-index:100}.scroll-prompt{align-items:center;animation:fadeIn .6s ease .8s forwards;display:flex;gap:.6rem;opacity:0;transition:opacity .6s ease}@keyframes fadeIn{to{opacity:1}}.scroll-prompt--hidden{opacity:0;pointer-events:none}.scroll-prompt__arrow{animation:blink-arrow 1.2s ease-in-out infinite;font-size:1.2rem}.scroll-prompt__arrow,.scroll-prompt__text{color:var(--color-fg);font-family:var(--font-display)}.scroll-prompt__text{font-size:.75rem;font-weight:400;letter-spacing:.08em}@keyframes blink-arrow{0%,to{opacity:1}50%{opacity:.15}}.bottom-nav{bottom:2.5rem;left:3rem;pointer-events:auto;position:fixed;z-index:100}.bottom-nav__identity{color:var(--color-fg);font-family:var(--font-display);font-size:.85rem;font-weight:600;margin-bottom:.25rem}.bottom-nav__links{align-items:baseline;display:flex}.bottom-nav__sep{margin:0 .15rem}.bottom-nav__link,.bottom-nav__sep{color:var(--color-fg);font-family:var(--font-display);font-size:.85rem}.bottom-nav__link{background:none;border:none;cursor:pointer;font-weight:400;outline:none;padding:0;position:relative;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .3s}.bottom-nav__link em{font-style:italic}.bottom-nav__link:hover{color:var(--color-fg-dim)}.bottom-nav__link--active{text-decoration-thickness:2px}.scroll-container{inset:0;position:fixed;will-change:transform;z-index:10}.scroll-track{align-items:stretch;display:flex;height:100vh;will-change:transform}.project-section{align-items:center;display:flex;flex-shrink:0;padding:0 4vw}.project-card{cursor:pointer;flex-shrink:0;margin:0 2vw;max-width:520px;min-width:380px;position:relative;transition:transform .6s var(--ease-out-expo);width:28vw}.project-card:hover{transform:scale(1.02)}.project-card__image-wrap{aspect-ratio:4/5;background:#ffffff08;border:1px solid hsla(0,0%,100%,.06);overflow:hidden;width:100%}.project-card__image{filter:grayscale(.3);height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .8s var(--ease-out-expo);width:100%}.project-card:hover .project-card__image{filter:grayscale(0);transform:scale(1.06)}.project-card__meta{align-items:baseline;display:flex;justify-content:space-between;margin-top:1.2rem}.project-card__title{color:var(--color-fg);font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:.04em;transition:color .3s,transform .4s var(--ease-out-expo)}.project-card:hover .project-card__title{color:var(--color-accent)}.project-card__year{font-size:.7rem;letter-spacing:.12em}.project-card__category,.project-card__year{color:var(--color-fg-dim);font-family:var(--font-display);font-weight:300}.project-card__category{font-size:.65rem;letter-spacing:.1em;margin-top:.5rem;text-transform:uppercase}.project-card__roi{color:var(--color-fg);font-family:var(--font-display);font-size:1.6rem;font-weight:700;letter-spacing:-.01em;line-height:1;margin-top:1rem}.project-card__image-wrap{position:relative}.scroll-interstitial{flex-shrink:0;height:100vh;width:100vw}.scroll-interstitial,.scroll-interstitial__circle{align-items:center;display:flex;justify-content:center;position:relative}.scroll-interstitial__circle{border:1px solid hsla(0,0%,100%,.08);border-radius:50%;height:280px;overflow:hidden;width:280px}.scroll-interstitial__text{color:var(--color-fg);font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:.2em;position:relative;text-transform:uppercase;z-index:2}.scroll-interstitial__particles{inset:0;pointer-events:none;position:absolute;z-index:1}.about-panel{align-items:center;display:flex;inset:0;justify-content:flex-end;opacity:0;padding:0 6vw;position:fixed;transition:opacity .6s var(--ease-out-expo),visibility .6s;visibility:hidden;z-index:50}.about-panel--visible{opacity:1;visibility:visible}.about-panel__content{max-width:480px;transform:translateY(30px);transition:transform .8s var(--ease-out-expo)}.about-panel--visible .about-panel__content{transform:translateY(0)}.about-panel__greeting{color:var(--color-fg);font-family:var(--font-display);font-size:1.6rem;font-weight:300;letter-spacing:.01em;line-height:1.7}.about-panel__greeting strong{font-weight:600}.about-panel__signoff{color:var(--color-fg-dim);font-family:var(--font-handwritten);font-size:1.4rem;line-height:1.6;margin-top:2.5rem}.about-panel__contact-link{border-bottom:1px solid transparent;color:var(--color-accent);text-decoration:none;transition:border-color .3s}.about-panel__contact-link:hover{border-bottom-color:var(--color-accent)}.more-projects{align-items:center;display:flex;flex-direction:column;flex-shrink:0;height:100vh;justify-content:center;padding:0 4vw;width:100vw}.more-projects__heading{color:var(--color-fg-dim);font-family:var(--font-display);font-size:.7rem;font-weight:300;letter-spacing:.25em;margin-bottom:2.5rem;text-transform:uppercase}.more-projects__list{list-style:none;text-align:center}.more-projects__item{margin:.8rem 0}.more-projects__link{background:none;border:none;color:var(--color-fg-dim);cursor:pointer;font-family:var(--font-display);font-size:1.4rem;font-weight:400;letter-spacing:.02em;outline:none;transition:color .3s,letter-spacing .4s var(--ease-out-expo)}.more-projects__link:hover{color:var(--color-fg);letter-spacing:.08em}.more-projects__link{align-items:baseline;display:flex;gap:1rem;justify-content:center}.more-projects__roi{color:var(--color-fg);font-size:.75rem;font-weight:600;letter-spacing:.04em;white-space:nowrap}.project-modal{align-items:center;background:#000000f2;display:flex;inset:0;justify-content:center;opacity:0;padding:4rem;position:fixed;transition:opacity .5s var(--ease-out-expo),visibility .5s;visibility:hidden;z-index:200}.project-modal--visible{opacity:1;visibility:visible}.project-modal__close{background:none;border:none;color:var(--color-fg-dim);cursor:pointer;font-family:var(--font-display);font-size:.75rem;font-weight:300;letter-spacing:.18em;outline:none;position:absolute;right:3rem;text-transform:uppercase;top:2.5rem;transition:color .3s}.project-modal__close:hover{color:var(--color-fg)}.project-modal__body{max-width:720px;transform:translateY(40px);transition:transform .6s var(--ease-out-expo);width:100%}.project-modal--visible .project-modal__body{transform:translateY(0)}.project-modal__roi{color:var(--color-fg);font-size:2.8rem;letter-spacing:-.02em;line-height:1;margin-bottom:.75rem}.project-modal__roi,.project-modal__title{font-family:var(--font-display);font-weight:700}.project-modal__title{font-size:2.2rem;letter-spacing:.02em;margin-bottom:.5rem}.project-modal__year{font-size:.75rem;letter-spacing:.15em;margin-bottom:2rem}.project-modal__description,.project-modal__year{color:var(--color-fg-dim);font-family:var(--font-display);font-weight:300}.project-modal__description{font-size:1rem;line-height:1.8}.project-modal__tags{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.project-modal__tag{border:1px solid hsla(0,0%,100%,.1);border-radius:2px;font-size:.6rem;font-weight:400;padding:.4rem 1rem;text-transform:uppercase}.project-modal__tag,.scroll-progress{color:var(--color-fg-dim);font-family:var(--font-display);letter-spacing:.15em}.scroll-progress{bottom:2.5rem;font-size:.65rem;font-weight:300;position:fixed;right:3rem;z-index:100}.grain-overlay{animation:grain .5s steps(6) infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;inset:0;mix-blend-mode:overlay;opacity:.04;pointer-events:none;position:fixed;z-index:9000}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}30%{transform:translate(3%,-15%)}50%{transform:translate(12%,9%)}70%{transform:translate(9%,4%)}90%{transform:translate(-1%,7%)}}.custom-cursor{border:1px solid hsla(0,0%,100%,.4);border-radius:50%;height:20px;mix-blend-mode:difference;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:width .3s var(--ease-out-expo),height .3s var(--ease-out-expo),border-color .3s;width:20px;z-index:10000}.custom-cursor--hover{border-color:var(--color-accent);height:50px;width:50px}@media(max-width:768px){.custom-cursor,.grain-overlay{display:none}.site-identity__line{font-size:clamp(2.5rem,12vw,4.5rem)}.site-identity__block{align-items:flex-start;flex-direction:column;gap:.75rem}.site-identity__subtitle{font-size:.55rem;padding-bottom:0}.site-identity{left:1.5rem;top:1rem}.hero-bottom-nav{bottom:1.5rem;left:1.5rem}.scroll-container{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.project-card{margin:0 3vw;max-width:340px;min-width:260px;width:75vw}.project-section{padding:0 2vw}.project-card__roi{font-size:1.1rem}.more-projects__link{flex-direction:column;font-size:1rem;gap:.3rem}.more-projects__roi{font-size:.6rem}.about-panel{padding:0 1.5rem}.about-panel__greeting{font-size:1.2rem}.scroll-interstitial__circle{height:200px;width:200px}.project-modal{padding:2rem 1.5rem}.project-modal__roi{font-size:2rem}.project-modal__title{font-size:1.5rem}.project-modal__close{right:1.5rem;top:1.5rem}.bottom-nav{bottom:1.5rem;left:1.5rem}.bottom-nav__identity,.bottom-nav__link,.bottom-nav__sep{font-size:.75rem}.scroll-progress{bottom:1.5rem;right:1.5rem}}