: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}body{margin:0;min-width:320px;background:#fff;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}body,button,a{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{position:fixed;z-index:20;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}.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:0;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:#0f0f0f;font-size:32px;font-weight:700;line-height:1.1;letter-spacing:-.01em;white-space:pre-line}.work-section{overflow-x:clip;padding-bottom:0}.work-track{display:flex;align-items:flex-start;gap:var(--desktop-gap);width:100%;min-height:917px;overflow-x:auto;overflow-y:hidden;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,.gallery-strip::-webkit-scrollbar{display:none}.case-card{flex:0 0 var(--desktop-case-width);width:var(--desktop-case-width);box-sizing:border-box}.case-gallery{position:relative;width:100%;height:600px;overflow:hidden;border-radius:var(--radius);background:#f7f7f2}.gallery-strip{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.gallery-slide{flex:0 0 100%;width:100%;height:100%;margin:0;scroll-snap-align:start;scroll-snap-stop:always}.gallery-slide img,.gallery-slide video{width:100%;height:100%;object-fit:cover}.gallery-slide video{display:block;background:#000}.gallery-arrow{position:absolute;top:50%;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;opacity:0;transform:translateY(-50%);transition:opacity .16s ease,transform .16s ease}.gallery-arrow-previous{left:20px}.gallery-arrow-next{right:20px}.case-gallery:hover .gallery-arrow,.gallery-arrow:focus-visible{opacity:1}.gallery-arrow-previous:hover{transform:translateY(-50%) translate(-2px)}.gallery-arrow-next:hover{transform:translateY(-50%) translate(2px)}.gallery-arrow svg{display:block;width:30px;height:30px;filter:drop-shadow(0 4px 16px rgb(0 0 0 / .18))}.gallery-arrow circle{fill:#fff3}.gallery-arrow path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square;stroke-linejoin:miter}.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:999px;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;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;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{height:550px;box-sizing:border-box;padding-top:240px}.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-size:32px;font-weight:700;line-height:1.1;letter-spacing:-.01em;white-space:pre-line}.footer a{color:#fff}@media (max-width: 760px){.site-header{top:0;height:62px;padding:0;background:#fff;transition:transform .18s ease}.site-header.hidden{transform:translateY(-100%)}.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,.about h2{display:none}.hero h1.mobile-copy,.about h2.mobile-copy{display:block;width:100%;font-size:32px;line-height:1.1;text-align:center}.work-section{overflow:visible}.work-track{display:block;min-height:0;overflow:visible;padding:0}.case-card{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;min-height:100svh;padding:20px 20px 60px}.case-gallery{width:100%;max-width:353px;height:auto;aspect-ratio:393 / 524;border-radius:10px}.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}.gallery-arrow{display:none}.about{height:585px;padding-top:240px}.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.1;text-align:center}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.gallery-arrow{transition:none}}