/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.block{display:block}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@font-face{font-family:Suisse Intl;src:url(/fonts/SuisseIntl-Book.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{--ink:#303030;--muted:#30303080;--hero:#d9d9d9;--blue:#0054f6;--bar:96px;--col2:41.5972vw;--col3:64.9306vw;--col4:90.4167vw}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{min-width:320px;color:var(--ink);font-synthesis:none;letter-spacing:-.05em;background:#fff;margin:0;font-family:Suisse Intl,Arial,Helvetica,sans-serif;font-size:24px;font-style:normal;font-weight:400;line-height:1;overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.brand .line{overflow-clip-margin:0}.line{overflow-clip-margin:.1em;display:block;overflow:clip}.line>span{animation:.8s cubic-bezier(.625,.05,0,1) both line-rise;animation-delay:calc(var(--at,0) * 70ms);display:block}@keyframes line-rise{0%{transform:translateY(110%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.line>span,.tile-rise{animation:none}}.tags .line>span{align-items:baseline;gap:14px;display:flex}.hero{background:var(--hero);height:517px;position:relative}.brand{align-items:flex-start;display:flex;position:absolute;top:12px;left:16px}.mark{width:400px;height:auto;fill:var(--ink);display:block}.mark-cut{fill:var(--hero)}.mark-tm{fill:#bababa}.mark-narrow{display:none}.compact-nav{z-index:20;width:100%;height:var(--bar);opacity:0;pointer-events:none;background:#fff;transition:opacity .18s,transform .18s;position:fixed;top:0;left:0;transform:translateY(-100%)}.compact-nav.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.burger{display:none}.bar-mark,.compact-mark{display:block;position:absolute;top:16px;left:20px}.bar-mark .mark-narrow,.compact-mark .mark-narrow{display:block}.bar-mark .mark,.compact-mark .mark{width:169px;height:auto}.compact-identity{display:none}.compact-services,.compact-contact,.compact-cv,.services,.contact,.cv{line-height:1;position:absolute;top:12px}.compact-services,.services{left:var(--col2);flex-direction:column;display:flex}.compact-contact,.contact{left:var(--col3);flex-direction:column;display:flex}.compact-cv,.cv{right:24px}.identity{left:var(--col2);line-height:1;position:absolute;bottom:20px}.identity p{margin:0}.identity p:last-child{color:var(--muted);margin-top:-4px}.project{padding-top:25px}.project-head{grid-template-columns:calc(var(--col2) - 24px) 1fr auto;border-top:4px solid #0000;align-items:end;margin:0 24px;padding:8px 0 14px;transition:border-color .16s;display:grid;position:relative}.project-head:before{content:"";transform-origin:0;background:#000;width:100%;height:4px;transition:transform .42s cubic-bezier(.625,.05,0,1);position:absolute;top:-4px;left:0;transform:scaleX(0)}.project-head.is-link:hover:before{transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.project-head:before{transition:none}}.row-link{z-index:1;position:absolute;inset:0}.project-head .open{opacity:0;pointer-events:none;grid-area:2/3;align-self:end;align-items:center;gap:16px;transition:opacity .3s cubic-bezier(.25,.46,.45,.94);display:flex}.project-head .open svg{width:24px;height:24px;display:block}.project-head.is-link:hover .open{opacity:1}@media (hover:none){.project-head.is-link .open{opacity:1}}@media (prefers-reduced-motion:reduce){.project-head .open{transition:none}}.project-head h2{grid-area:1/1}.project-head h2,.project-sub,.tags{font:inherit;letter-spacing:inherit;margin:0}.project-sub{color:var(--muted);grid-area:2/1}.tags{color:var(--muted);gap:8px;display:flex}.project-head .tags{grid-area:2/2}.project-head .tags-top,.project-head.is-single .open{grid-row:1}.tags .line>span{gap:8px}.tags i{font-style:normal}.next{cursor:pointer;background:0 0;border:0;grid-area:2/3;align-self:end;width:24px;height:24px;padding:0}.next svg{width:24px;height:24px;display:block}.reel{overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:x proximity;cursor:grab;-webkit-user-select:none;user-select:none;gap:12px;width:calc(100% - 24px);margin-left:24px;padding:0 24px 0 0;display:flex;overflow-x:auto}.reel::-webkit-scrollbar{display:none}.reel.is-dragging{cursor:grabbing}.reel .tile-link{cursor:inherit}.reel.is-dragging,.reel.is-gliding{scroll-snap-type:none}.reel img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.tile{--size:564px;width:calc(var(--size) * var(--ratio,1));height:var(--size);scroll-snap-align:start;flex:none;position:relative;overflow:clip}.tile-rise{animation:.8s cubic-bezier(.625,.05,0,1) both line-rise;animation-delay:calc(var(--at,0) * 70ms);position:absolute;inset:0}.tile-link{height:100%;display:block}.tile-canvas{transform-origin:0 0;width:564px;height:564px;position:absolute;inset:0}.tile-shot .tile-canvas{width:100%;height:100%;transform:none}.tile-shot img{object-fit:cover;width:100%;height:100%;display:block}.tile-dark .tile-rise{background:#141414}.tile-blue .tile-rise{background:var(--blue)}.tile-gray .tile-rise{background:var(--hero)}.tablet{width:434px;height:299px;position:absolute;top:133px;left:64px}.tablet-frame{z-index:1;width:474px;height:337px;position:absolute;top:-19px;left:-20px}.tablet-screen{z-index:2;object-fit:cover;border-radius:7px;width:100%;height:100%;position:absolute;inset:0}.phones .tile-canvas{align-items:flex-start;gap:35px;padding:113px 0 0 96px;display:flex}.phone{flex:0 0 167px;width:167px;height:339px;position:relative}.phone-frame{z-index:1;width:100%;height:100%;position:absolute;inset:0}.phone-screen{z-index:2;object-fit:cover;border-radius:21px;width:149px;height:323px;position:absolute;top:8px;left:10px}.tile-gray .tablet{width:431px;height:297px;top:134px;left:66px}.tile-gray .tablet-frame{width:470px;height:335px}.tile-pattern .pattern{object-fit:cover;width:761px;height:570px;position:absolute;top:-3px;left:-99px}.tile-pattern .tablet{width:433px;height:299px;top:133px;left:65px}.tile-pattern .tablet-frame{width:473px;height:337px}.tile-dark:last-child .tablet{width:430px;height:297px;top:135px;left:66px}.tile-dark:last-child .tablet-frame{width:469px;height:334px}.topbar{height:96px;position:relative}.topbar .identity{top:12px;bottom:auto}.case-head{grid-template-columns:calc(var(--col2) - 24px) 1fr auto;margin-top:136px;padding:0 24px;display:grid}.case-head h1{font:inherit;letter-spacing:inherit;grid-area:1/1;margin:0}.case-sub,.case-tags{color:var(--muted);grid-row:2;margin:0}.case-sub{grid-column:1}.case-tags{grid-column:2;gap:8px;display:flex}.case-tags .line>span{gap:8px}.case-tags i{font-style:normal}.case-head .next{grid-area:2/3;align-self:end}.case-cover{margin:16px 0 0;padding:0 24px}.case-cover img{aspect-ratio:1392/1032;object-fit:cover;object-position:var(--cover-focus,50%) center;width:100%;display:block}.case-row{grid-template-columns:calc(var(--col2) - 24px) 1fr;padding:0 24px;display:grid}.case{--work-gap:75px;--media-gap:147px}.case-row+.case-row{margin-top:var(--work-gap);padding-top:25px;position:relative}.case-row+.case-row:before{content:"";background:#0003;height:1px;position:absolute;top:0;left:24px;right:24px}#case-about{margin-top:var(--about-gap,19px)}.case-label{font:inherit;letter-spacing:inherit;color:var(--muted);margin:0}.case-lead{letter-spacing:-.05em;margin:0;font-size:64px;line-height:1}.case-list{width:var(--list-width,683px);flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.case-list li{padding-left:39px;position:relative}.case-list li:before{content:"";top:var(--dot-top,5px);left:var(--dot-left,4px);width:var(--dot,14px);height:var(--dot,14px);background:#000;border-radius:50%;position:absolute}.legal-body{flex-direction:column;gap:16px;max-width:768px;margin-top:40px;padding:0 24px;display:flex}.legal-body p{margin:0;line-height:1.25}.legal-body a{color:inherit;position:relative}@media (max-width:1000px){.legal-body{max-width:none;margin-top:32px;padding:0 16px}}.case-media{margin-top:var(--media-gap);flex-direction:column;gap:12px;padding:0 24px;display:flex}.case-pair{grid-template-columns:691fr 689fr;gap:12px;display:grid}.case-plate{aspect-ratio:1;position:relative;overflow:clip}.case-plate.is-dark{background:#141414}.case-plate.is-blue{background:var(--blue)}.case-plate.is-gray{background:var(--hero)}.case-plate.is-wide{aspect-ratio:1392/861}.case-plate.is-tall{aspect-ratio:1392/1170}.case-plate.is-long{aspect-ratio:1392/1740}.case-plate.is-set{aspect-ratio:var(--ratio)}.case-shot{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.case-other{margin-top:173px;padding-top:0}.case-other .list-title{margin-bottom:103.4px}.case-other .tile-gray{background:var(--hero)}.project-row+.project-row{margin-top:62px}.rise{opacity:0;transition:opacity .8s cubic-bezier(.625,.05,0,1),transform .8s cubic-bezier(.625,.05,0,1);transform:translateY(24px)}.rise.is-in{opacity:1;transform:none}.case-cover.rise,.case-plate.rise{opacity:1;transition:none;transform:none}@media (prefers-reduced-motion:reduce){.rise{transition:none}}.services a,.contact a,.compact-services a,.compact-contact a{width:fit-content;position:relative}.cv,.compact-cv{width:fit-content}.services a:before,.contact a:before,.cv:before,.compact-services a:before,.compact-contact a:before,.compact-cv:before,.footer-note a:before,.legal-body a:before,.stuff-more span:before{content:"";transform-origin:100%;background:currentColor;height:2px;transition:transform .3s cubic-bezier(.25,.46,.45,.94);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.services a:hover:before,.contact a:hover:before,.cv:hover:before,.compact-services a:hover:before,.compact-contact a:hover:before,.compact-cv:hover:before,.footer-note a:hover:before,.legal-body a:hover:before,.stuff-more button:hover span:before{transform-origin:0;transform:scaleX(1)}@media (hover:none){.services a:before,.contact a:before,.cv:before,.compact-services a:before,.compact-contact a:before,.compact-cv:before,.footer-note a:before,.legal-body a:before,.stuff-more span:before{transform-origin:0;transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.services a:before,.contact a:before,.cv:before,.compact-services a:before,.compact-contact a:before,.compact-cv:before,.footer-note a:before,.legal-body a:before,.stuff-more span:before{transition:none}}.copied{z-index:60;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.copied span{color:#fff;background:#000;padding:10px 16px 12px;animation:.2s ease-out both copied-in}@keyframes copied-in{0%{opacity:0;transform:translateY(6px)}}.list-block{padding:0 24px;display:flow-root}.list-title{font-size:48px;font-weight:inherit;letter-spacing:-.06em;margin:0;line-height:.65}.list-title-row{align-items:center;gap:12px;min-height:.708em;line-height:.65;display:inline-flex;position:relative}.list-title-row:before{content:"";z-index:-1;background:#d9d9d9;height:.208em;position:absolute;top:.667em;left:0;right:0}.list-count-set{align-items:center;gap:.104em;display:inline-flex}.list-count{box-sizing:content-box;letter-spacing:-.06em;border-radius:50%;justify-content:center;align-items:center;width:1.111em;height:1.111em;margin-top:.148em;font-size:.5625em;font-weight:500;line-height:.65;display:flex;box-shadow:0 0 0 3px}.list-rows{flex-direction:column;gap:8px;margin:48px 0 0;padding:0;list-style:none;display:flex}.list-row{padding-top:10px;position:relative}.list-head{grid-template-columns:calc(var(--col2) - 24px) 1fr auto;align-items:center;margin:-10px 0 -8px;padding:10px 0 8px;display:grid;position:relative}.list-link{z-index:1;outline:none;position:absolute;inset:0}.list-open{z-index:2;color:inherit;white-space:nowrap;grid-column:3;align-items:center;gap:12px;text-decoration:none;display:flex;position:relative}.list-open svg{width:24px;height:24px;display:block}.list-arrow.is-away,[hidden]{display:none}.list-block .tile-rise{opacity:1;animation:none;transform:none}.list-title .line{overflow-clip-margin:.05em;margin:-.3em -6px -.3em 0;padding-right:6px;line-height:1.25}.list-row:before{content:"";background:var(--ink);transform-origin:0;width:100%;height:2px;animation:.8s cubic-bezier(.625,.05,0,1) forwards rule-in;animation-delay:calc(var(--at,0) * 70ms);position:absolute;top:0;left:0;transform:scaleX(0)}@keyframes rule-in{to{transform:scaleX(1)}}.flip{overflow-clip-margin:.1em;perspective:300px;display:inline-block;position:relative;overflow:clip}.flip-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .25s ease-out,opacity .25s ease-out;display:block}.flip-twin{opacity:0;white-space:nowrap;position:absolute;top:100%;left:0;transform:rotateX(45deg)}.list-open:hover .flip-face{opacity:0;transform:translateY(-100%)rotateX(-45deg)}.list-open:hover .flip-twin{opacity:1;transform:translateY(-100%)rotateX(0)}.list-body{position:relative}.list-preview{z-index:30;pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.list-preview img{object-fit:cover;opacity:0;filter:blur(10px);width:320px;height:256px;transition:opacity .36s cubic-bezier(.34,1.4,.64,1),filter .36s cubic-bezier(.34,1.4,.64,1),transform .36s cubic-bezier(.34,1.4,.64,1);display:block;transform:scale(.5)}.list-preview.is-shown img{opacity:1;filter:blur();transform:none}@media (hover:none),(max-width:1000px){.list-preview{display:none}}@media (prefers-reduced-motion:reduce){.list-preview img{filter:none;transition:opacity .22s ease-out;transform:none}}.list-band{z-index:1;opacity:0;pointer-events:none;background:#000;transition:transform .45s cubic-bezier(.16,1,.3,1),height .45s cubic-bezier(.16,1,.3,1),opacity .22s;position:absolute;top:0;left:0;right:0}.list-band.is-shown{opacity:1}.list-label,.list-sub,.list-arrow,.list-open,.list-dot{z-index:7;position:relative}.list-label,.list-sub,.list-arrow,.list-dot{pointer-events:none}.list-label,.list-sub,.list-arrow,.list-open{transition:color .15s}.list-dot{background:var(--ink);transition:opacity .25s ease-out,transform .25s ease-out,background-color .15s}.list-head:hover .list-label,.list-head:hover .list-sub,.list-head:hover .list-arrow,.list-head:hover .list-open{color:#cfcfcf}.list-head:hover .list-dot{background:#cfcfcf}@media (prefers-reduced-motion:reduce){.list-band{transition:opacity .22s}}.list-name{position:relative}.list-dot{opacity:0;border-radius:50%;width:18px;height:18px;margin-top:-9px;position:absolute;top:50%;left:0;transform:scale(.3)}.list-label{transition:transform .25s ease-out;display:inline-block}.list-head:hover .list-dot{opacity:1;transform:none}.list-head:hover .list-label{transform:translate(30px)}@media (prefers-reduced-motion:reduce){.list-dot,.list-label{transition:none}.list-row:before{animation:none;transform:scaleX(1)}.list-arrow.is-new{animation:none}.flip-face{transition:none}}.list-arrow{width:24px;height:24px;display:block}.list-arrow.is-new{animation:.8s cubic-bezier(.625,.05,0,1) both arrow-in;animation-delay:calc(var(--at,0) * 70ms)}@keyframes arrow-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (max-width:1000px){.list-block{padding:0 16px}.list-title{font-size:36px}.list-count{box-shadow:0 0 0 2px}.list-head{grid-template-columns:1fr auto;align-items:start;gap:0 20px}.list-sub{grid-area:2/1}.list-arrow,.list-open{grid-area:1/2/span 2;align-self:center}.list-open .flip{display:none}}.list-card{display:none}@media (max-width:480px){.list-head{grid-template-columns:1fr}.list-link,.list-arrow,.list-open{display:none}.list-sub{color:var(--muted);grid-column:1}.list-card{color:inherit;margin-top:16px;text-decoration:none;display:block}.list-shot{aspect-ratio:1392/1032;object-fit:cover;width:100%;display:block}.list-explore{color:#fff;background:#000;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding:4px;font-size:20px;display:flex}.list-explore svg{width:20px;height:20px;display:block}.list-rows{gap:40px}.list-row{padding-bottom:0}.list-head{margin-bottom:0;padding-bottom:0}}@media (hover:none){.list-band,.list-preview,.list-dot{display:none}.list-head:hover .list-label,.list-head:hover .list-sub,.list-head:hover .list-arrow,.list-head:hover .list-open{color:inherit}.list-head:hover .list-label{transform:none}}.stuff{margin-top:112px;padding:0 24px}.stuff .list-title{margin:0}.stuff-grid{grid-template-columns:repeat(5,1fr);gap:50px 51px;margin-top:52px;display:grid}.stuff-cell{aspect-ratio:237/238;background:var(--hero);cursor:pointer;border:0;padding:0;display:block;overflow:clip}.stuff-cell img{object-fit:cover;width:100%;height:100%;display:block}.stuff-more{justify-content:center;margin-top:48px;display:flex}.stuff-more button{color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:inline-flex}.stuff-more span{position:relative}.stuff-more svg{width:28px;height:28px;display:block}@media (max-width:1000px){.stuff{margin-top:72px;padding:0 16px}.stuff-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}.stuff-more{margin-top:32px}}@media (max-width:480px){.stuff{margin-top:56px}.stuff-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}}.viewer{z-index:40;pointer-events:none;position:fixed;inset:0}.viewer.is-shown{pointer-events:auto}.viewer-sheet{background:#fff;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0;transform:translateY(100%)}.viewer-shot{pointer-events:none;position:fixed;overflow:clip}.viewer-shot img{object-fit:cover;width:100%;height:100%;display:block}.viewer-bar,.viewer-foot{justify-content:space-between;align-items:center;padding:24px;display:flex}.viewer-bar p{margin:0}.viewer-foot{justify-content:flex-end}.viewer-close{color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0;transition:color .15s;display:block}.viewer-close:hover{color:#cfcfcf}.viewer-close svg,.viewer-open svg{width:28px;height:28px;display:block}.viewer-open{color:inherit;align-items:center;gap:12px;display:inline-flex}@media (max-width:1000px){.viewer-bar,.viewer-foot{padding:16px}}@media (prefers-reduced-motion:reduce){.viewer-shot{transition:none!important}}.wipe{z-index:60;pointer-events:none;background:#fff;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;transform:translateY(100%)}.wipe.is-rising,.wipe.is-holding{pointer-events:auto;transform:translateY(0)}.wipe.is-leaving{transform:translateY(-100%)}.wipe.is-rising,.wipe.is-holding,.wipe.is-leaving{transition:transform .78s cubic-bezier(.625,.05,0,1)}.wipe-mark{overflow-clip-margin:0;overflow:clip}.wipe-mark .mark{width:min(60vw,400px);transition:transform 1.1s cubic-bezier(.625,.05,0,1);transform:translateY(110%)}.wipe.is-holding .wipe-mark .mark,.wipe.is-leaving .wipe-mark .mark{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.wipe.is-rising,.wipe.is-holding,.wipe.is-leaving{transition:transform 1ms linear}.wipe-mark .mark{transition:none}}.site-footer{margin-top:200px}.footer-note{border-top:2px solid #000;justify-content:space-between;align-items:center;margin:0 24px;padding-top:12px;display:flex}.footer-note p{margin:0}.footer-note nav{gap:40px;display:flex}.footer-note a{width:fit-content;color:inherit;position:relative}.footer-word{height:874px;position:relative;overflow:hidden}.footer-word-track{width:max-content;animation:200s linear infinite footer-word;display:flex}.footer-word-track span{letter-spacing:-.05em;color:var(--ink);margin-top:-83px;padding-right:.25em;font-size:1136px;line-height:1;display:block}@keyframes footer-word{to{transform:translate(-50%)}}.footer-blind{flex-direction:column;display:flex;position:absolute;inset:0}.blind{flex:1 0 auto;position:relative}.blind-bars{transform-origin:top;height:91%;transition:transform .62s cubic-bezier(.22,.61,.36,1);position:absolute;top:0;left:0;right:0}.blind-bars i{height:50%;display:block}.blind-pale{background:#fff}.blind-dark{background:var(--ink)}@media (hover:none){.blind-bars{height:58%}}.footer-blind:hover .blind-bars{transition-delay:.28s;transform:scaleY(.94)}.blind:hover .blind-bars{transform:scaleY(.15)}.blind:hover+.blind .blind-bars{transition-delay:30ms;transform:scaleY(.26)}.blind:has(+.blind:hover) .blind-bars{transition-delay:30ms;transform:scaleY(.26)}.blind:hover+.blind+.blind .blind-bars{transition-delay:60ms;transform:scaleY(.38)}.blind:has(+.blind+.blind:hover) .blind-bars{transition-delay:60ms;transform:scaleY(.38)}.blind:hover+.blind+.blind+.blind .blind-bars{transition-delay:90ms;transform:scaleY(.5)}.blind:has(+.blind+.blind+.blind:hover) .blind-bars{transition-delay:90ms;transform:scaleY(.5)}.blind:hover+.blind+.blind+.blind+.blind .blind-bars{transition-delay:.12s;transform:scaleY(.6)}.blind:has(+.blind+.blind+.blind+.blind:hover) .blind-bars{transition-delay:.12s;transform:scaleY(.6)}.blind:hover+.blind+.blind+.blind+.blind+.blind .blind-bars{transition-delay:.15s;transform:scaleY(.7)}.blind:has(+.blind+.blind+.blind+.blind+.blind:hover) .blind-bars{transition-delay:.15s;transform:scaleY(.7)}.blind:hover+.blind+.blind+.blind+.blind+.blind+.blind .blind-bars{transition-delay:.18s;transform:scaleY(.78)}.blind:has(+.blind+.blind+.blind+.blind+.blind+.blind:hover) .blind-bars{transition-delay:.18s;transform:scaleY(.78)}.blind:hover+.blind+.blind+.blind+.blind+.blind+.blind+.blind .blind-bars{transition-delay:.21s;transform:scaleY(.85)}.blind:has(+.blind+.blind+.blind+.blind+.blind+.blind+.blind:hover) .blind-bars{transition-delay:.21s;transform:scaleY(.85)}.blind:hover+.blind+.blind+.blind+.blind+.blind+.blind+.blind+.blind .blind-bars{transition-delay:.24s;transform:scaleY(.9)}.blind:has(+.blind+.blind+.blind+.blind+.blind+.blind+.blind+.blind:hover) .blind-bars{transition-delay:.24s;transform:scaleY(.9)}@media (prefers-reduced-motion:reduce){.footer-word-track{animation:none}.blind-bars{transition:none}}@media (max-width:1000px){.footer-note{gap:1em;margin:0 16px;font-size:clamp(10px,3.1vw,20px)}.footer-note nav{gap:1em}.footer-word{height:60.7vw}.footer-word-track span{margin-top:-5.7vw;font-size:78.9vw}}@media (max-width:480px){.compact-nav.is-pinned{opacity:1;pointer-events:auto;transform:none}}@media (max-width:1000px){body{font-size:20px}.hero{height:520px}.brand{left:16px}.mark{width:min(70vw,330px);height:auto}.services{top:190px;left:16px}.contact{top:190px;left:42%}.cv{top:190px;right:16px}.identity{left:16px}.project{padding-top:19px}.project-head{grid-template-columns:1fr auto;gap:0 20px;margin:0 16px;padding:8px 0 18px}.project-head .tags{grid-area:3/1}.project-head .open{opacity:1;grid-area:1/2/span 3}.project-head .open-label{display:none}.reel{gap:10px;width:calc(100% - 16px);margin-left:16px;padding:0 16px 0 0}.tile{--size:min(564px, calc(100vw - 32px))}.tile-canvas{transform:scale(tan(atan2(min(564px, 100vw - 32px), 564px)))}:root{--bar:92px}.bar-mark,.compact-mark{left:16px}.compact-services{left:42%}.compact-contact{left:auto;right:16px}.compact-cv{display:none}}@media (max-width:480px){:root{--bar:99px;--logo:calc(100vw - 32px);--columns:calc(12px + var(--logo) / 2.2988 + 27px)}.hero{height:517px}.brand{top:12px;left:16px}.mark{width:var(--logo);height:auto}.mark-wide{display:none}.mark-narrow{display:block}.burger{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:space-between;width:38px;height:10px;padding:0;display:flex;position:absolute;top:27px;right:16px}.burger span{background:var(--ink);height:2px;display:block}.compact-services,.compact-contact{display:none}.compact-nav.is-open{background:var(--hero);height:517px}.compact-nav.is-open .compact-mark{top:12px;left:16px}.compact-nav.is-open .compact-mark .mark{width:calc(var(--logo) - 48px)}.compact-nav.is-open .compact-services{top:var(--columns);display:flex;left:16px;right:auto}.compact-nav.is-open .compact-contact{top:var(--columns);display:flex;left:51.75%;right:auto}.compact-nav.is-open .compact-cv{top:calc(var(--columns) + 68px);display:block;left:51.75%;right:auto}.compact-nav.is-open .compact-identity{line-height:1;display:block;position:absolute;top:452px;left:16px}.compact-nav.is-open .compact-identity p{margin:0}.compact-nav.is-open .compact-identity p+p{color:var(--muted)}.burger span{transition:transform .2s}.compact-nav.is-open .burger{width:27px;height:27px;top:15px}.compact-nav.is-open .burger span{width:38px;margin:-1px 0 0 -19px;position:absolute;top:50%;left:50%}.compact-nav.is-open .burger span:first-child{transform:rotate(-45deg)}.compact-nav.is-open .burger span:last-child{transform:rotate(45deg)}.services{top:var(--columns);left:16px}.contact{top:var(--columns);left:51.75%;right:auto}.cv{top:calc(var(--columns) + 68px);left:51.75%;right:auto}.identity{top:452px;bottom:auto;left:16px}.identity p:last-child{margin-top:0}.project-head{grid-template-columns:1fr auto;align-items:end;gap:0 20px;min-height:0;margin:0 16px;padding:8px 0 24px}.project-head h2{grid-area:1/1}.tags .line>span{gap:8px}.next{align-self:end;width:20px;height:20px;margin-top:0}.next svg,.project-head .open svg{width:20px;height:20px}.reel{gap:7px;width:calc(100% - 16px);margin-left:16px;padding:0 16px 0 0}.tile{--size:min(339px, calc(100vw - 63px))}.tile-canvas{transform:scale(tan(atan2(min(339px, 100vw - 63px), 564px)))}}@media (max-width:1000px){.site-footer{margin-top:140px}.topbar{grid-template-columns:1fr auto;gap:20px 16px;height:auto;padding:12px 16px 0;display:grid}.topbar .identity,.topbar .bar-mark,.topbar .services,.topbar .contact,.topbar .cv{position:static;top:auto;left:auto;right:auto}.topbar .bar-mark{justify-self:start}.topbar .contact{align-items:flex-end}.topbar .cv{justify-self:end}.case-head{grid-template-columns:1fr auto;margin-top:64px;padding:0 16px}.case-head .case-tags,.case-head .next{grid-area:3/1}.case-head .next{grid-column:2;align-self:end}.case-cover{padding:0 16px}.case-cover img{aspect-ratio:3/2}.case-row{grid-template-columns:1fr;gap:16px;padding:0 16px}.case-row+.case-row{margin-top:56px}.case-row+.case-row:before{left:16px;right:16px}.case-lead{font-size:44px}.case-list{width:auto}.case-media{gap:10px;margin-top:96px;padding:0 16px}.case-pair{grid-template-columns:1fr;gap:10px}.case-other{margin-top:112px}.case-other .list-title{margin-bottom:87px}}@media (max-width:480px){.site-footer{margin-top:100px}.case{padding-top:var(--bar)}.case .topbar{display:none}.case-cover img{aspect-ratio:auto;height:657px}.case-head{margin-top:48px}.case-lead{font-size:36px}.case-list li{padding-left:30px}.case-list li:before{width:12px;height:12px;top:4px;left:2px}.case-media{gap:7px;margin-top:72px}.case-pair{gap:7px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
