@import"https://fonts.googleapis.com/css2?family=Anton&family=Manrope:wght@300;400;500;600;700;800&display=swap";@font-face{font-family:Rogeta;src:url(/fonts/Rogeta.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{color:#050505;background:#e8edf5;font-family:Manrope,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--page-x: clamp(1.4rem, 5.7vw, 6.5rem);--edge-x: clamp(1.25rem, 3vw, 3.3rem);--page-background: #e8edf5;--panel-background: #e9e9e7;--ink: #050505}*{box-sizing:border-box}html{background:var(--page-background)}body{position:relative;isolation:isolate;margin:0;min-width:320px;height:100vh;height:100dvh;overflow-x:hidden;background:radial-gradient(circle at 14% 20%,rgba(120,189,255,.78),transparent 29%),radial-gradient(circle at 84% 24%,rgba(255,174,204,.68),transparent 31%),radial-gradient(circle at 63% 88%,rgba(169,149,255,.58),transparent 32%),linear-gradient(135deg,#eef7ff,#f8f4ff 46%,#edf6ff)}body:before,body:after{position:fixed;z-index:-1;pointer-events:none;content:""}body:before{inset:-20%;background:radial-gradient(circle at 32% 48%,rgba(255,255,255,.86),transparent 25%),radial-gradient(circle at 70% 38%,rgba(116,210,255,.3),transparent 26%);filter:blur(5rem);animation:liquid-drift 18s ease-in-out infinite alternate}body:after{inset:0;background:linear-gradient(115deg,rgba(255,255,255,.28),transparent 42%,rgba(255,255,255,.18))}body.has-overlay{overflow:hidden}button,a{color:inherit;font:inherit}button{border:0}button:focus-visible,a:focus-visible,.project-rail:focus-visible{outline:3px solid #1644e8;outline-offset:5px}.home,.overlay{position:relative;width:100%;height:100vh;height:100dvh;min-height:0;overflow:hidden;background:transparent}.home{z-index:0;isolation:isolate}@keyframes liquid-drift{to{transform:translate3d(3%,-2%,0) scale(1.04)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.brand{position:absolute;z-index:200;top:clamp(2.2rem,7.3vh,4.6rem);left:50%;width:min(95vw,54rem);transform:translate(-50%);text-align:center}.brand__name{display:block;color:var(--ink);font-family:Rogeta,Anton,Impact,sans-serif;font-size:clamp(3.5rem,5.6vw,6.4rem);font-weight:400;line-height:.86;letter-spacing:-.018em;text-decoration:none;text-transform:uppercase;white-space:nowrap}.brand__role,.brand__experience{margin:0}.brand__role{margin-top:.65rem;font-size:clamp(1.65rem,2.15vw,2.4rem);font-weight:700;line-height:.92}.brand__experience{margin-top:.38rem;font-size:clamp(1rem,1.25vw,1.35rem);font-weight:300;line-height:1}.side-nav{position:absolute;right:calc(var(--edge-x) + 1.4rem);bottom:clamp(3rem,6.2vh,4rem);z-index:200;display:grid;justify-items:end;gap:.48rem}.side-nav button{padding:0;background:transparent;cursor:pointer;font-size:clamp(1rem,1.3vw,1.45rem)}.side-nav button:after{display:block;width:0;height:1px;margin-left:auto;background:currentColor;content:"";transition:width .25s ease}.side-nav button:hover:after,.side-nav button:focus-visible:after{width:100%}.side-nav .is-active{font-style:italic;font-weight:800}.edge-line{position:absolute;z-index:200;top:clamp(2rem,5.7vh,3.7rem);right:var(--edge-x);bottom:clamp(2rem,5.8vh,3.7rem);width:2px;background:var(--ink)}.copyright{position:absolute;bottom:clamp(2.3rem,4.4vh,3rem);left:var(--page-x);z-index:200;margin:0;font-size:clamp(.75rem,1vw,1.1rem);font-weight:300}.work{position:relative;width:100%;height:100%}.project-rail{position:absolute;top:50%;left:0;width:calc(100vw - var(--edge-x));height:65vh;margin-right:var(--edge-x);overflow:hidden;transform:translateY(-50%);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.project-rail.is-grabbing{cursor:grabbing}.project-track{position:relative;width:100%;height:100%}.project-card{position:absolute;top:50%;left:calc(50% + (var(--edge-x) / 2));padding:0;overflow:hidden;border-radius:0;background:#111;box-shadow:0 1.2rem 2.8rem #00000014;cursor:pointer;transform-origin:center;transition:width .42s cubic-bezier(.22,1,.36,1),height .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1),opacity .32s ease,border-radius .3s ease,filter .35s ease}.project-rail.is-dragging .project-card{transition:none}.project-card.is-current,.project-card:hover{border-radius:1.5rem}.project-card img,.project-card video{width:100%;height:100%;object-fit:cover;pointer-events:none;filter:grayscale(.15) contrast(1.05)}.project-card--logo-reveal .project-card__media{position:absolute;inset:0;transition:opacity .42s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}.project-card--logo-reveal .project-card__media--logo{z-index:1;opacity:1}.project-card--logo-reveal .project-card__media--art{opacity:0;transform:scale(1.035)}.project-card--logo-reveal:hover .project-card__media--logo,.project-card--logo-reveal:focus-visible .project-card__media--logo{opacity:0}.project-card--logo-reveal:hover .project-card__media--art,.project-card--logo-reveal:focus-visible .project-card__media--art{opacity:1;transform:scale(1)}.project-card__wash{position:absolute;inset:0;background:linear-gradient(to top,color-mix(in srgb,var(--card-color) 82%,transparent),transparent 44%);mix-blend-mode:multiply;opacity:.92}.project-card__label{position:absolute;right:1.8rem;bottom:1.35rem;left:1.8rem;overflow:hidden;color:#fff;font-size:clamp(.78rem,1.02vw,1.1rem);font-weight:800;text-align:left;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;opacity:.72;transition:opacity .25s ease}.project-card.is-current .project-card__label{opacity:1}.drag-hint{position:absolute;bottom:clamp(5.4rem,7.5vh,6.4rem);left:50%;margin:0;color:#777;font-size:.67rem;letter-spacing:.17em;text-transform:uppercase;transform:translate(-50%)}.overlay{position:fixed;z-index:1000;inset:0;display:flex;align-items:center;overflow:hidden;background:#f8f8f694;-webkit-backdrop-filter:blur(30px) saturate(.65);backdrop-filter:blur(30px) saturate(.65);opacity:0;transition:opacity .32s ease}.overlay.is-open{opacity:1}.overlay .brand{position:absolute}.overlay .copyright{position:absolute;bottom:clamp(2.3rem,4.4vh,3rem);left:var(--page-x);margin:0}.overlay .edge-line{position:fixed}.close-button{position:fixed;z-index:8;top:clamp(3rem,8vh,5rem);right:calc(var(--edge-x) + 1.2rem);width:2.5rem;height:2.5rem;padding:0;background:transparent;cursor:pointer;transition:transform .25s ease}.close-button:hover{transform:rotate(90deg)}.close-button span{position:absolute;top:50%;left:50%;width:2.25rem;height:.38rem;background:var(--ink);transform:translate(-50%,-50%) rotate(45deg)}.close-button span:last-child{transform:translate(-50%,-50%) rotate(-45deg)}.eyebrow{margin:0 0 .7rem;color:#666;font-size:.69rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.project-detail{position:relative;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.12fr);width:calc(100% - clamp(1rem,5.5vw,6.5rem));max-width:112rem;height:min(72vh,47rem);min-height:0;margin:14.5vh auto 0;overflow:hidden;border-radius:1.5rem}.project-detail__hero{position:relative;min-height:0;height:100%;overflow:hidden;background:var(--detail-color)}.project-detail__hero:after{position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,color-mix(in srgb,var(--detail-color) 74%,transparent));content:"";mix-blend-mode:multiply;pointer-events:none}.project-detail__hero--gallery:after,.project-detail__hero--no-wash:after{display:none}.project-detail__hero img,.project-detail__hero video{width:100%;height:100%;object-fit:cover}.project-detail__copy{position:relative;height:100%;overflow:hidden;background:var(--panel-background)}.project-detail__copy .modal-scroll-content{padding:clamp(2rem,3.2vw,3.4rem);padding-right:clamp(2.4rem,3.7vw,4rem)}.project-detail h1{margin:0 0 1.35rem;font-size:clamp(1.65rem,2.1vw,2.3rem);line-height:1.05;text-transform:uppercase}.project-detail p:not(.eyebrow){max-width:54rem;margin:0 0 1.2rem;font-size:clamp(.92rem,1.02vw,1.07rem);line-height:1.42}.project-detail p.project-detail__subtitle{margin:-.55rem 0 1.6rem;font-weight:700}.project-gallery{width:min(100%,44rem);margin-top:1.8rem;outline:none;touch-action:pan-y}.project-gallery__viewport{position:relative;overflow:hidden;border-radius:1rem;background:#111}.project-gallery__track{display:flex;transition:transform .42s cubic-bezier(.22,1,.36,1)}.project-gallery__slide{flex:0 0 100%;aspect-ratio:16 / 9}.project-gallery__slide img,.project-gallery__slide video{display:block;width:100%;height:100%;object-fit:cover}.project-gallery--square .project-gallery__slide{aspect-ratio:1;background:#111}.project-gallery--square .project-gallery__slide img{object-fit:contain}.project-gallery__arrow{position:absolute;top:50%;z-index:2;display:grid;width:2.45rem;height:2.45rem;padding:0 0 .18rem;place-items:center;border-radius:50%;background:#ffffffe6;box-shadow:0 .25rem 1rem #0003;cursor:pointer;font-size:2rem;line-height:1;transform:translateY(-50%);transition:transform .2s ease,background .2s ease}.project-gallery__arrow:hover{background:#fff;transform:translateY(-50%) scale(1.08)}.project-gallery__arrow--previous{left:.8rem}.project-gallery__arrow--next{right:.8rem}.project-gallery__dots{display:flex;justify-content:center;gap:.42rem;padding:.75rem .5rem .1rem}.project-gallery__dot{width:.42rem;height:.42rem;padding:0;border-radius:50%;background:#a8a8a8;cursor:pointer;transition:background .2s ease,transform .2s ease}.project-gallery__dot.is-active{background:#1644e8;transform:scale(1.2)}.project-gallery--hero{position:relative;width:100%;height:100%;margin:0}.project-gallery--hero .project-gallery__viewport,.project-gallery--hero .project-gallery__track,.project-gallery--hero .project-gallery__slide{height:100%}.project-gallery--hero .project-gallery__viewport{border-radius:0}.project-gallery--hero .project-gallery__slide,.project-gallery--hero.project-gallery--square .project-gallery__slide{aspect-ratio:auto}.project-gallery--hero.project-gallery--square .project-gallery__slide img,.project-gallery--hero.project-gallery--square .project-gallery__slide video{object-fit:cover}.project-gallery--hero .project-gallery__dots{position:absolute;bottom:1rem;left:50%;z-index:3;padding:.5rem .65rem;border-radius:999px;background:#00000061;transform:translate(-50%)}.project-gallery--hero .project-gallery__dot{background:#fff9}.project-gallery--hero .project-gallery__dot.is-active{background:#fff}@media(max-width:800px){.project-gallery{margin-top:1.25rem}.project-gallery--hero{margin-top:0}.project-gallery__arrow{width:2rem;height:2rem;font-size:1.6rem}.project-gallery__arrow--previous{left:.55rem}.project-gallery__arrow--next{right:.55rem}}.project-details-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.75rem,1.4vw,1.25rem);margin-top:clamp(1.6rem,2.4vw,2.4rem)}.project-details-media__item{margin:0;overflow:hidden;border-radius:.8rem;background:#087c38}.project-details-media__item img{display:block;width:100%;height:auto}.project-details-media__item--wide{grid-column:1 / -1}.project-details-media--three-column{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.45rem,.8vw,.8rem)}.project-details-media--three-column .project-details-media__item{aspect-ratio:1;border-radius:.55rem;background:#111819}.project-details-media--three-column .project-details-media__item img{height:100%;object-fit:cover}.project-details-media--three-column .project-details-media__item--wide{aspect-ratio:auto}.project-details-media--three-column .project-details-media__item--wide img{height:auto;object-fit:contain}@media(max-width:520px){.project-details-media{grid-template-columns:1fr}.project-details-media--three-column{grid-template-columns:repeat(2,minmax(0,1fr))}}.project-navigation{position:fixed;z-index:6;inset:0;pointer-events:none}.project-navigation__button{position:fixed;top:52%;display:grid;width:2.5rem;aspect-ratio:1;padding:0;border:0;background:transparent;color:#000;cursor:pointer;place-items:center;pointer-events:auto;transform:translateY(-50%);transition:opacity .2s ease,transform .2s ease}.project-navigation__button span{display:block;width:1.05rem;height:1.05rem;border-top:.18rem solid currentColor;border-right:.18rem solid currentColor;font-size:0}.project-navigation__button:hover{opacity:.68;transform:translateY(-50%) scale(1.06)}.project-navigation__button:focus-visible{outline:2px solid currentColor;outline-offset:.15rem}.project-navigation__button--previous{left:calc(var(--edge-x) + .4rem)}.project-navigation__button--previous span{transform:rotate(-135deg)}.project-navigation__button--next{right:calc(var(--edge-x) + .4rem)}.project-navigation__button--next span{transform:rotate(45deg)}@media(max-width:900px){.project-navigation__button{top:auto;bottom:.65rem;transform:none}.project-navigation__button:hover{transform:scale(1.06)}.project-navigation__button--previous{left:calc(50% - 3.2rem)}.project-navigation__button--next{right:calc(50% - 3.2rem)}}@media(prefers-reduced-motion:reduce){.project-navigation__button{transition:none}}.project-narrative{display:grid;gap:clamp(1.45rem,2.2vw,2rem)}.project-narrative__section h2{margin:0 0 .55rem;font-size:clamp(1rem,1.2vw,1.25rem);line-height:1.15}.project-narrative__section p{margin-bottom:0}.info-panel{position:relative;width:calc(100% - clamp(1rem,5.5vw,6.5rem));max-width:112rem;height:min(72vh,47rem);margin:14.5vh auto 0;overflow:hidden;border-radius:1.5rem;background:var(--panel-background)}.info-panel .modal-scroll-content{padding:clamp(2rem,4vw,4.5rem);padding-right:clamp(2.5rem,4.5vw,5rem)}.info-panel h1{max-width:63rem;margin:0;font-size:clamp(2.5rem,5.2vw,6rem);line-height:.98;letter-spacing:-.055em}.info-panel h1 a{text-decoration-thickness:.06em;text-underline-offset:.12em}.info-panel__bio{max-width:68rem;margin-top:clamp(3rem,7vh,6rem);font-size:clamp(1rem,1.35vw,1.35rem);line-height:1.5}.info-panel--contact{min-height:min(35rem,72vh)}.contact-links{display:flex;flex-wrap:wrap;gap:1rem 2.5rem;margin-top:clamp(3rem,8vh,6.5rem)}.contact-links a{font-size:clamp(1rem,1.4vw,1.35rem);font-weight:700;text-underline-offset:.3rem}.contact-note{max-width:37rem;margin:clamp(2rem,5vh,4rem) 0 0 auto;font-size:clamp(1rem,1.4vw,1.35rem);line-height:1.5}.modal-scroll-content{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.modal-scroll-content::-webkit-scrollbar{display:none;width:0;height:0}.modal-scrollbar{position:absolute;z-index:4;top:1rem;right:.55rem;bottom:1rem;width:.32rem;border-radius:999px;background:#0505051a;cursor:pointer}.modal-scrollbar[hidden]{display:none}.modal-scrollbar__thumb{display:block;width:100%;min-height:2.25rem;border-radius:999px;background:#161616;cursor:grab;touch-action:none;transition:width .18s ease,background .18s ease}.modal-scrollbar__thumb:hover{width:.48rem;background:#d31f53}.modal-scrollbar__thumb:active{cursor:grabbing}@media(max-width:800px){:root{--page-x: 1rem;--edge-x: .85rem}.brand{top:2rem;width:calc(100% - 5rem)}.brand__name{font-size:clamp(2.6rem,12vw,4.2rem)}.brand__role{margin-top:.5rem;font-size:clamp(1.35rem,6.2vw,1.8rem)}.brand__experience{margin-top:.3rem;font-size:clamp(.82rem,3.8vw,1rem)}.project-rail{top:50%;width:calc(100vw - var(--edge-x));height:62vh}.side-nav{right:2rem;bottom:2.6rem;gap:.25rem}.copyright{bottom:2.5rem;font-size:.7rem}.edge-line{top:1.5rem;bottom:1.5rem}.drag-hint{bottom:7.2rem}.close-button{top:2rem;right:1.25rem;width:1.8rem;height:1.8rem}.close-button span{width:1.65rem;height:.25rem}.project-detail{grid-template-columns:1fr;grid-template-rows:34vh 1fr;width:calc(100% - .75rem);height:76vh;margin-top:14vh;overflow:hidden}.project-detail__hero{min-height:0;height:34vh}.project-detail__copy{height:100%;overflow:hidden}.project-detail__copy .modal-scroll-content{padding:1.5rem 1.8rem 1.5rem 1.15rem}.info-panel{width:calc(100% - .75rem);height:76vh;max-height:none;margin-top:14vh}.info-panel .modal-scroll-content{padding:2rem 1.8rem 2rem 1.15rem}.info-panel h1{font-size:clamp(2.5rem,12vw,4rem)}.overlay .copyright{left:1rem}}
