@font-face{font-family:Inter;src:url(/fonts/InterVariable.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{color:#080808;font-synthesis:none;--margin:64px;--ease:cubic-bezier(.22, .61, .36, 1);background:#fff;font-family:Inter,Arial,sans-serif;font-size:12px;line-height:1.5}*{box-sizing:border-box}html,body{min-width:320px;margin:0}body{overflow-x:clip}body:has(dialog[open]){overflow:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;padding:0}a{color:inherit;text-decoration:none}button:disabled{cursor:wait;opacity:.5}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline-offset:5px;outline:1px solid}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:1px solid #111}h1,h2,h3,h4,p,figure{margin:0}img,video{width:100%;display:block}img{object-fit:cover}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:#fff;padding:10px;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:none}.shell{min-height:100svh;position:relative}.site-header{z-index:10;height:100px;padding:28px var(--margin);pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:0;left:0;right:0}.site-header>*{pointer-events:auto}.wordmark{width:193px;height:23px;display:block;position:absolute;top:39px;left:50%;transform:translate(-50%)}.wordmark img{object-fit:contain;width:100%;height:100%}.text-control{text-transform:uppercase;white-space:nowrap;align-items:center;gap:10px;min-height:44px;font-size:11px;font-weight:600;line-height:18px;display:inline-flex;position:relative}.text-control .motion-word{height:18px;display:block;position:relative;overflow:hidden}.motion-word>span{transition:transform .3s var(--ease);display:block}.motion-word>span:last-child{position:absolute;top:100%;left:0}.text-control:hover .motion-word>span,.text-control:focus-visible .motion-word>span{transform:translateY(-100%)}.view-controls{gap:31px;display:flex}.view-controls [aria-pressed=true]:after{content:"";background:currentColor;height:1px;position:absolute;bottom:10px;left:0;right:0}.category-controls{z-index:8;white-space:nowrap;align-items:center;gap:26px;display:flex;position:absolute;top:85px;left:50%;transform:translate(-50%)}.category-controls button{text-transform:uppercase;color:#727272;min-height:44px;font-size:10px;font-weight:500;line-height:18px;position:relative}.category-controls button[aria-pressed=true]{color:#111}.category-controls button[aria-pressed=true]:after{content:"";background:#111;height:1px;position:absolute;bottom:10px;left:0;right:0}.portfolio--reel{height:100svh;min-height:550px;position:relative}.carousel-wrap{width:100%;position:absolute;top:50%;transform:translateY(-50%)}.carousel{scrollbar-width:none;touch-action:pan-x pan-y;overscroll-behavior-x:contain;cursor:grab;gap:40px;width:100%;padding-bottom:8px;display:flex;overflow:auto hidden}.carousel::-webkit-scrollbar{display:none}.carousel.is-dragging{cursor:grabbing}.project-card{flex-shrink:0;min-width:0;display:block;position:relative}.carousel .project-card{width:calc(33.3333vw - 26.6667px)}.project-media{aspect-ratio:16/9;background:#ededeb;border-radius:10px;position:relative;overflow:hidden}.project-media>img,.project-media>video{object-fit:cover;height:100%}.project-media video{opacity:0;transition:opacity .3s;position:absolute;inset:0}.project-media video.is-playing{opacity:1}.project-card h2{text-transform:uppercase;text-align:center;margin-top:7px;font-size:11px;font-weight:700;line-height:18px}.reel-tools{color:#737373;justify-content:center;align-items:center;gap:18px;width:100%;display:flex;position:absolute;top:calc(100% + 19px)}.reel-tools button{text-transform:uppercase;min-width:44px;min-height:44px;font-size:10px;line-height:18px}.reel-tools .reel-arrow{font-size:17px}.site-footer{bottom:max(28px, env(safe-area-inset-bottom));left:var(--margin);right:var(--margin);z-index:5;justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute}.footer-nav{gap:24px;display:flex}.footer-notice{color:#767676;white-space:nowrap;font-size:10px;position:absolute;left:50%;transform:translate(-50%)}.social-nav{gap:20px;margin-left:auto;display:flex}.portfolio--grid{padding:156px var(--margin) 140px;min-height:100svh}.project-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:50px 2%;display:grid}.project-grid .project-media{aspect-ratio:auto;height:170px}.project-grid h2{color:#fff;opacity:0;text-align:center;background:#1118;border-radius:10px;justify-content:center;align-items:center;margin:0;padding:14px;line-height:1.25;transition:opacity .3s;display:flex;position:absolute;inset:0}.project-grid .project-card:hover h2,.project-grid .project-card:focus-visible h2{opacity:1}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:50vh;display:flex}.empty-state h1{font-size:20px;font-weight:400}.empty-state p{color:#777}.empty-state button{text-decoration:underline}.page-enter{animation:.3s both page-enter}@keyframes page-enter{0%{opacity:0}to{opacity:1}}.about-page{padding:100px var(--margin) 160px;grid-template-columns:38% 1fr;gap:20.3%;min-height:100svh;display:grid}.about-copy h1{max-width:470px;margin-bottom:28px;font-size:20px;font-weight:450;line-height:1.2}.about-copy p{max-width:500px;margin-bottom:26px;line-height:1.5}.about-lists{grid-template-columns:1fr 1.6fr;gap:26px;margin-top:40px;display:grid}.small-heading{text-transform:uppercase;margin-bottom:20px;font-size:11px;font-weight:700}.plain-list{margin:0;padding:0;list-style:none}.plain-list a{text-underline-offset:3px;text-decoration:underline}.approach-row{border-bottom:1px solid #aaa;grid-template-columns:25px 80px 1fr;align-items:start;gap:12px;padding:12px 0;display:grid}.approach-row p{color:#5b5b5b}.about-credits{color:#777;margin-top:70px;font-size:10px;line-height:1.6}.about-credits a{text-decoration:underline}.project-shell{color:#fff;background:#20201d;height:100svh;min-height:560px;overflow:hidden}.project-shell .wordmark img{filter:invert()}.project-shell .site-header{z-index:10}.project-stage{position:absolute;inset:0}.project-stage:after{content:"";pointer-events:none;background:#0003;position:absolute;inset:0}.project-stage>img,.project-stage>video{object-fit:cover;width:100%;height:100%}.project-stage>video{position:absolute;inset:0}.project-stage .media-fallback{color:#333;background:#e9e9e6}.project-stage.website-stage{background:#eee}.website-stage>img{object-fit:contain;object-position:center}.website-stage:after{background:#0002}.project-shell:has(.website-stage) .site-header{color:#111;background:#fff;height:100px}.project-shell:has(.website-stage) .wordmark img{filter:none}.project-shell:has(.website-stage) .project-stage{inset:100px 0}.project-shell:has(.website-stage) .project-toolbar{color:#111;padding:20px var(--margin);background:#fff;min-height:100px;bottom:0}.project-toolbar{padding:0 var(--margin);z-index:5;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;display:grid;position:absolute;bottom:38px;left:0;right:0}.project-name{align-items:center;gap:35px;display:flex}.project-name h1{text-transform:uppercase;font-size:11px;font-weight:600;line-height:18px}.project-eyebrow{text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:600}.project-actions{align-items:center;gap:20px;display:flex}.project-actions button{min-width:44px;min-height:44px;font-size:11px}.project-actions input{accent-color:#fff;width:140px}.project-actions .gallery-index{font-variant-numeric:tabular-nums;font-size:10px}.project-info-toggle{justify-self:end}.project-info{z-index:9;color:#111;visibility:hidden;max-height:65svh;padding:30px var(--margin);background:#fff;grid-template-columns:1fr 1.7fr 1fr;gap:55px;transition:transform .3s,visibility .3s;display:grid;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.project-info.is-open{visibility:visible;transform:translateY(0)}.project-info h2{margin:0 0 10px;font-size:20px;font-weight:450;line-height:1.25}.project-info p{line-height:1.6}.project-info .info-close{top:12px;right:var(--margin);position:absolute}.project-info .small-heading{margin-top:10px;margin-bottom:10px}.project-info .demo-note{color:#666;margin-top:14px;font-size:10px}.project-info a{text-underline-offset:3px;text-decoration:underline}.project-siblings{gap:30px;margin-top:18px;display:flex}.media-fallback{color:#777;text-transform:uppercase;text-align:center;background:#ededeb;place-items:center;width:100%;height:100%;padding:24px;font-size:11px;display:grid}.project-error{padding:150px var(--margin)}.project-error h1{margin-bottom:20px;font-size:24px;font-weight:450}.project-error a{text-decoration:underline}dialog.contact-panel{padding:36px var(--margin);color:#111;overscroll-behavior:contain;z-index:50;background:#fff;border:0;width:480px;max-width:none;height:100dvh;max-height:none;margin:0;transition:transform .3s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%)}dialog.contact-panel.is-open{transform:translate(0)}dialog.contact-panel::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.contact-top{justify-content:space-between;align-items:center;display:flex}.contact-content{margin-top:58px}.contact-content h2{letter-spacing:-.5px;margin-bottom:24px;font-size:20px;font-weight:450;line-height:1.2}.contact-form{grid-template-columns:1fr 1fr;gap:16px 14px;display:grid}.form-field{flex-direction:column;gap:7px;min-width:0;display:flex}.form-field.full{grid-column:1/-1}.form-field label{font-size:10px;font-weight:500}.form-field label span{color:#777}.form-field input,.form-field textarea,.form-field select{color:#111;background:#fff;border:1px solid #aaa;border-radius:0;width:100%;min-height:38px;padding:8px 12px;font-size:13px}.form-field textarea{resize:vertical;height:110px;min-height:85px}.form-field select{padding-right:24px}.field-error{color:#ad2525;font-size:10px;display:none}.form-field:has([aria-invalid=true]) .field-error{display:block}.form-field [aria-invalid=true]{border-color:#ad2525}.submit-button{color:#fff;text-transform:uppercase;background:#000;grid-column:1/-1;min-height:40px;margin-top:5px;font-size:11px}.contact-status{grid-column:1/-1;min-height:18px;font-size:11px;line-height:1.6}.contact-status:empty{display:none}.contact-status[data-state=error]{color:#a32525}.contact-note{color:#777;grid-column:1/-1;font-size:10px}.honeypot{display:none}.contact-email{margin-top:25px;font-size:11px}.contact-email a{text-decoration:underline}.cross{font-size:19px;font-weight:400;line-height:1}.project-info-open .project-toolbar{bottom:278px}@media (min-width:901px) and (max-width:1100px){.project-grid .project-media{height:135px}.project-name{gap:15px}.project-toolbar{gap:16px}.project-actions{gap:8px}.project-actions input{width:90px}.contact-panel .contact-form{gap:12px}.contact-panel .contact-content{margin-top:45px}dialog.contact-panel{width:480px}.project-info{gap:30px}}@media (max-width:900px){:root{--margin:23px}.site-header{height:70px;padding:8px var(--margin);align-items:flex-start}.wordmark{width:136px;height:16px;top:22px}.header-contact{order:3;margin-left:auto}.view-controls{order:1;gap:14px}.text-control{font-size:10px;font-weight:600}.category-controls{gap:24px;top:62px}.category-controls button{font-size:10px}.portfolio--reel{height:calc(100svh - 140px);min-height:480px}.carousel{gap:10px;padding-bottom:0}.carousel .project-card{width:calc(66.6667vw - 3.33333px)}.project-card h2{font-size:10px;line-height:13px}.reel-tools{top:calc(100% + 10px)}.site-footer{padding:28px var(--margin) max(25px, env(safe-area-inset-bottom));flex-wrap:wrap;align-items:flex-start;row-gap:12px;min-height:140px;position:relative;inset:auto}.footer-nav{justify-content:space-between;gap:0;width:100%}.footer-notice{text-align:center;width:100%;margin-top:10px;font-size:9px;position:static;transform:none}.social-nav{display:none}.portfolio--grid{padding:122px var(--margin) 45px;min-height:calc(100svh - 140px)}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 4%}.project-grid .project-media{aspect-ratio:auto;height:100px}.project-grid h2{color:#666;opacity:1;text-align:left;background:0 0;border-radius:0;min-height:26px;margin-top:14px;padding:0;font-size:10px;line-height:13px;display:block;position:static}.about-page{min-height:calc(100svh - 140px);padding:120px 20px 30px;display:block}.about-copy h1{max-width:100%;margin-bottom:26px;font-size:20px}.about-copy p{margin-bottom:26px}.about-lists{grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}.about-approach{margin-top:40px}.approach-row{grid-template-columns:20px 70px 1fr;gap:8px}.about-credits{margin-top:70px}.project-shell{height:100svh;min-height:540px}.project-shell .site-header{padding:8px var(--margin)}.project-shell .header-contact{order:3}.project-shell .header-back{order:1}.project-toolbar{padding:0 var(--margin);grid-template-columns:1fr auto;gap:12px;bottom:20px}.project-name{grid-column:1/-1;gap:22px}.project-name h1{font-size:10px}.project-actions{gap:7px}.project-actions input{width:100px}.project-actions button,.project-info-toggle{font-size:10px}.project-info{padding:50px var(--margin) 25px;grid-template-columns:1fr;gap:20px;max-height:72svh}.project-info .info-close{top:10px}.project-info h2{font-size:20px}.project-info-open .project-toolbar{bottom:20px}.project-shell:has(.website-stage) .site-header{height:70px}.project-shell:has(.website-stage) .project-stage{inset:70px 0 125px}.project-shell:has(.website-stage) .project-toolbar{padding:15px var(--margin);min-height:125px}.website-stage>img{object-fit:contain}.project-error{padding:150px var(--margin)}dialog.contact-panel{width:100%;height:100dvh;padding:12px var(--margin) max(25px, env(safe-area-inset-bottom))}.contact-content{margin-top:47px}.contact-content h2{letter-spacing:-.3px;margin-bottom:24px;font-size:20px}.contact-form{gap:15px 14px}.form-field input,.form-field textarea,.form-field select{min-height:40px;padding:7px 10px;font-size:16px}.form-field textarea{height:100px}.submit-button{min-height:44px}.contact-note{font-size:10px}.contact-email{margin-top:20px}.small-heading{margin-bottom:18px}}@media (max-width:375px){.wordmark{width:120px;height:16px}.category-controls{gap:20px}.view-controls{gap:12px}.text-control{font-size:9px}.project-actions input{width:70px}.project-toolbar{gap:8px}.contact-content{margin-top:30px}.contact-form{gap:12px 14px}.project-name{gap:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.text-control:hover .motion-word>span,.text-control:focus-visible .motion-word>span{transform:none}}@media (min-width:901px){.project-grid .project-card h2{color:#666;text-align:left;background:0 0;border-radius:0;padding:0;line-height:1.3;display:block;inset:calc(100% + 16px) 0 auto}.project-grid .project-card:hover .project-media,.project-grid .project-card:focus-visible .project-media{outline-offset:6px;outline:1px solid #ddd}.project-grid .project-media{height:170px}}[hidden]{display:none!important}