:root{font-family:Inter Display,Inter,system-ui,sans-serif;color:#141414;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--content-width: 720px;--desktop-case-width: 450px;--desktop-gap: 60px;--page-gutter: 40px;--black: #111111;--muted: #9a9a9a;--tag: rgb(0 0 0 / .05);--radius: 8px}@font-face{font-family:Inter Display;src:url(../../../fonts/InterDisplay-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter Display;src:url(../../../fonts/InterDisplay-SemiBold.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter Display;src:url(../../../fonts/InterDisplay-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}html{scroll-behavior:smooth;background:#fff;scrollbar-width:none}::view-transition-group(gallery-popup-media){z-index:1200;overflow:hidden;border-radius:10px;animation-duration:.56s;animation-timing-function:cubic-bezier(.22,.8,.24,1)}::view-transition-old(gallery-popup-media),::view-transition-new(gallery-popup-media){overflow:hidden;border-radius:10px;animation-duration:.56s;object-fit:cover}html.gallery-popup-transitioning::view-transition-old(root){animation-duration:.26s}html.gallery-popup-transitioning::view-transition-new(root){animation-duration:.36s}::view-transition-old(root){animation:.18s ease both page-fade-out}::view-transition-new(root){animation:.28s ease both page-fade-in}@keyframes page-fade-out{to{opacity:0}}@keyframes page-fade-in{0%{opacity:0}}body{margin:0;min-width:320px;background:#fff;opacity:1;scrollbar-width:none;transition:opacity .18s ease}html.gallery-popup-open,html.gallery-popup-open body{overflow:hidden}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}body,button,a{font:inherit}html.is-carousel-dragging,html.is-carousel-dragging *{cursor:grabbing!important;-webkit-user-select:none;user-select:none}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{position:fixed;z-index:1000;top:0;left:0;width:100%;height:87px;box-sizing:border-box;padding:30px max(40px,calc((100vw - 480px)/2)) 5px;background:transparent;pointer-events:none;transition:transform .26s cubic-bezier(.2,0,0,1);will-change:transform}.site-header.hidden{transform:translateY(-100%)}.header-inner{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:52px;box-sizing:border-box;margin:0;padding:10px;overflow:hidden;border-radius:4px;background:#fff}.identity,.connect-button{pointer-events:auto}.identity{position:static;display:inline-flex;align-items:center;flex:0 1 auto;gap:10px;height:30px;min-width:0;padding:0;border-radius:4px;background:transparent;color:#000;font-size:16px;font-weight:600;line-height:1.3}.identity img{width:30px;height:30px;border-radius:50%;object-fit:cover}.connect-button{position:static;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:67px;min-height:32px;padding:8px 10px;box-sizing:border-box;border:0;border-radius:0;background:#000c;color:#fff;font-size:12px;font-weight:600;line-height:1.3}.copy-column{width:min(var(--content-width),calc(100vw - var(--page-gutter) * 2));margin:0 auto}.mobile-copy{display:none}.hero{height:585px;box-sizing:border-box;padding-top:240px}.hero h1,.about h2{margin:0;max-width:720px;color:#000;font-family:Inter Display,Inter,system-ui,sans-serif;font-size:32px;font-weight:500;line-height:1.25;letter-spacing:-.01em;text-align:center;text-decoration:none;text-transform:none;white-space:pre-line}.about h2:not(.mobile-copy){display:flex;flex-direction:column;gap:20px}.work-section{overflow-x:clip;padding-bottom:0}.work-track{display:flex;align-items:flex-start;gap:var(--desktop-gap);width:100%;min-height:957px;overflow-x:auto;overflow-y:hidden;margin-top:-40px;padding-top:40px;padding-left:max(var(--page-gutter),calc((100vw - var(--content-width)) / 2));padding-right:max(var(--page-gutter),calc((100vw - var(--content-width)) / 2));box-sizing:border-box;scrollbar-width:none}.work-track::-webkit-scrollbar{display:none}.case-card{--case-focus: 0;flex:0 0 var(--desktop-case-width);width:var(--desktop-case-width);box-sizing:border-box}.case-card[data-case-action]{cursor:pointer}.case-gallery{position:relative;width:100%;height:600px;overflow:hidden;border-radius:10px;background:#f7f7f2}.gallery-preview-main,.gallery-preview-back{position:absolute;margin:0;pointer-events:none}.gallery-preview-main{z-index:3;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:10px}.gallery-preview-main img,.gallery-preview-main video,.gallery-preview-back img,.gallery-preview-back video{display:block;width:100%;height:100%;border-radius:10px;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.gallery-preview-main video,.gallery-preview-back video{background:#000}.gallery-preview-back{z-index:1;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .26s cubic-bezier(.2,0,0,1),transform .54s linear(0,.68 45%,1.08 70%,.98 86%,1)}.gallery-preview-left{top:32.34px;left:-32.55px;width:360.59px;height:467.05px;transform:translate(32.55px,-32.34px) scale(.96)}.gallery-preview-left img,.gallery-preview-left video{width:337.5px;height:450px;transform:rotate(-3deg)}.gallery-preview-media{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:transform .22s cubic-bezier(.2,0,0,1);will-change:transform}.gallery-preview-left .gallery-preview-media{transform:translate3d(var(--gallery-left-x, 0),var(--gallery-left-y, 0),0)}.gallery-preview-right .gallery-preview-media{transform:translate3d(var(--gallery-right-x, 0),var(--gallery-right-y, 0),0)}.gallery-preview-right{top:-28.65px;left:149.98px;width:324.53px;height:420.34px;transform:translate(-149.98px,28.65px) scale(.96)}.gallery-preview-right img,.gallery-preview-right video{width:303.75px;height:405px;transform:rotate(3deg)}.deep-case-hover{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#0006;opacity:0;pointer-events:none;transition:opacity .18s ease}.deep-case-cta{display:flex;align-items:center;justify-content:center;gap:15px;box-sizing:border-box;min-width:331px;min-height:72px;padding:16px 20px;border-radius:6px;background:#fff;color:#333;opacity:0;transform:translateY(8px) scale(.84);transform-origin:center;transition:opacity .24s cubic-bezier(.2,0,0,1),transform .52s linear(0,.66 44%,1.075 70%,.985 86%,1)}.deep-case-cta img{flex:0 0 auto;width:35px;height:35px}.deep-case-cta span{font-size:32px;font-weight:500;line-height:1.25;letter-spacing:-.01em;white-space:nowrap}@media (min-width: 761px){.site-header.gallery-popup-active{visibility:hidden}.case-card[data-case-action]:hover,.case-card[data-case-action]:focus-visible{z-index:200!important;outline:none}.has-gallery-popup .case-gallery{overflow:visible;background:transparent}.has-gallery-popup:hover .gallery-preview-back,.has-gallery-popup:focus-visible .gallery-preview-back{opacity:1;transform:none}.has-deep-case:hover .deep-case-hover,.has-deep-case:focus-visible .deep-case-hover{opacity:1}.has-deep-case:hover .deep-case-cta,.has-deep-case:focus-visible .deep-case-cta{opacity:1;transform:none}.work-track.is-dragging .gallery-preview-back,.work-track.is-dragging .deep-case-hover{opacity:0!important;animation:none!important}.work-track.work-motion-ready{scroll-padding-inline:max(var(--page-gutter),calc((100vw - var(--content-width)) / 2));overscroll-behavior-x:contain;cursor:grab}.work-track.work-motion-ready.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.work-track.work-motion-ready.is-dragging,.work-track.work-motion-ready.is-settling{scroll-snap-type:none}.work-track.work-motion-ready .case-card{scroll-snap-align:center;transform:translateY(calc((1 - var(--case-focus)) * 8px)) scale(calc(.97 + (var(--case-focus) * .03)));transform-origin:50% 0;will-change:transform}.work-track.work-motion-ready[data-scrolling=false] .case-card{transition:transform .26s cubic-bezier(.2,0,0,1)}.work-track.work-motion-ready .gallery-preview-main{transform:translateZ(0);will-change:transform}}.case-description{display:flex;flex-direction:column;align-items:flex-start;gap:15px;box-sizing:border-box;margin-top:30px;padding:0 20px}.case-meta{display:flex;align-items:center;gap:10px;width:100%;max-width:370px;min-height:21px}.case-meta h2{flex:0 0 auto;margin:0;font-size:16px;font-weight:600;line-height:1.3;letter-spacing:0}.case-meta-dot{flex:0 0 auto;width:4px;height:4px;border-radius:50%;background:#0003}.case-field{min-width:0;overflow:hidden;color:#0006;font-size:16px;font-weight:500;line-height:1.3;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap}.case-description-copy{width:100%;max-width:370px}.case-description p{margin:0 0 10px;font-size:16px;font-weight:500;line-height:1.3;letter-spacing:.01em}.case-description p:last-child{margin-bottom:0}.tags{display:flex;flex-wrap:wrap;gap:5px;max-width:370px;margin-top:0}.tags span{display:inline-flex;align-items:center;justify-content:center;min-height:32px;box-sizing:border-box;padding:8px 10px;border-radius:4px;background:var(--tag);color:#171717;font-size:12px;font-weight:600;line-height:1.3}.live-link{display:inline-flex;align-items:center;gap:6px;min-height:32px;margin-top:0;padding:8px 10px;box-sizing:border-box;border-radius:4px;background:var(--black);color:#fff;font-size:12px;font-weight:600;line-height:1.3}.live-link span{width:4px;height:4px;border-radius:50%;background:currentColor}.about{min-height:585px;box-sizing:border-box;padding:240px 0}.footer{min-height:585px;box-sizing:border-box;padding-top:240px;background:#000;color:#fff}.footer p{margin:0;max-width:720px;color:#707070;font-family:Inter Display,Inter,system-ui,sans-serif;font-size:32px;font-weight:500;line-height:1.25;letter-spacing:-.01em;text-align:center;text-decoration:none;text-transform:none;white-space:pre-line}.footer a{color:#fff}@media (max-width: 760px){.site-header{top:0;height:62px;padding:0;background:#fff}.site-header.gallery-popup-active{transform:none}.header-inner{gap:0;width:calc(100vw - 80px);height:32px;margin:20px auto 0;padding:0;overflow:visible;border-radius:0;background:transparent}.identity{position:static;flex:0 1 auto;gap:10px;width:auto;height:30px;min-width:135px;padding:0;border-radius:0;background:transparent;font-size:15px;font-weight:600;line-height:21px}.identity img{width:30px;height:30px}.connect-button{position:static;flex:0 0 auto;width:67px;height:32px;min-width:67px;padding:0 10px;font-size:12px;font-weight:600;line-height:16px}.hero{height:655px;padding-top:240px}.copy-column{width:calc(100vw - 80px)}.hero h1{display:none}.hero h1.mobile-copy{display:block;width:100%;font-size:32px;line-height:1.25;text-align:center}.about h2:not(.mobile-copy){display:flex;flex-direction:column;width:100%;gap:10px;font-size:16px;font-weight:500;line-height:1.3;letter-spacing:.01em;text-align:left}.work-section{overflow:visible}.work-track{display:block;min-height:0;overflow:visible;margin-top:0;padding:0}.case-card{--case-focus: 1;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;min-height:100svh;padding:20px 20px 60px}.case-gallery{width:min(353px,calc(100vw - 40px));height:auto;aspect-ratio:393 / 524;overflow:hidden;border-radius:10px;background:#f7f7f2}.gallery-preview-back,.deep-case-hover{display:none}.case-description{width:100%;max-width:353px;margin-top:0;padding:20px}.case-meta,.case-description p,.case-description-copy{max-width:none}.tags{gap:5px}.tags span,.live-link{min-height:32px;font-size:12px}.about{min-height:725px;padding:240px 0 0}.footer{min-height:725px;padding-top:240px}.footer p.desktop-copy{display:none}.footer p.mobile-copy{display:block;width:100%;font-size:32px;line-height:1.25;text-align:center}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}::view-transition-group(gallery-popup-media),::view-transition-old(root),::view-transition-new(root),::view-transition-old(gallery-popup-media),::view-transition-new(gallery-popup-media){animation:none}body,.site-header{transition:none}.gallery-preview-back,.gallery-preview-media,.deep-case-hover,.deep-case-cta{animation:none!important;transition:none}.has-gallery-popup:hover .gallery-preview-back,.has-gallery-popup:focus-visible .gallery-preview-back,.has-deep-case:hover .deep-case-cta,.has-deep-case:focus-visible .deep-case-cta{opacity:1;transform:none}.work-track.work-motion-ready .case-card{transform:none;transition:none}}
