@font-face{font-family:instrumentSerif;src:url(../media/instrument_serif_regular_latin-s.p.118x8y2i-64ne.ttf)format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:instrumentSerif;src:url(../media/instrument_serif_italic_latin-s.p.3strvg7o-g5v2.woff2)format("woff2");font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:instrumentSerif Fallback;src:local(Times New Roman);ascent-override:117.87%;descent-override:36.91%;line-gap-override:0.0%;size-adjust:83.99%}.suSRiq_className{font-family:instrumentSerif,instrumentSerif Fallback,Georgia,serif}.suSRiq_variable{--font-instrument-serif:"instrumentSerif", "instrumentSerif Fallback", Georgia, serif}
@font-face{font-family:dmSans;src:url(../media/dm_sans_latin-s.p.0lsanbtneewqp.woff2)format("woff2");font-display:swap;font-weight:100 900;font-style:normal}@font-face{font-family:dmSans;src:url(../media/dm_sans_italic_latin-s.p.1x16dnx8r7u0p.woff2)format("woff2");font-display:swap;font-weight:100 900;font-style:italic}@font-face{font-family:dmSans Fallback;src:local(Arial);ascent-override:94.36%;descent-override:29.49%;line-gap-override:0.0%;size-adjust:105.13%}.fMSi4a_className{font-family:dmSans,dmSans Fallback,Arial,sans-serif}.fMSi4a_variable{--font-dm-sans:"dmSans", "dmSans Fallback", Arial, sans-serif}
@font-face{font-family:bricolageGrotesque;src:url(../media/bricolage_grotesque_latin-s.p.2fl0vhx7oyatw.woff2)format("woff2");font-display:swap;font-weight:200 800;font-style:normal}@font-face{font-family:bricolageGrotesque Fallback;src:local(Arial);ascent-override:82.39%;descent-override:23.92%;line-gap-override:0.0%;size-adjust:112.88%}.hLV2OG_className{font-family:bricolageGrotesque,bricolageGrotesque Fallback,Arial,sans-serif;font-style:normal}.hLV2OG_variable{--font-bricolage-grotesque:"bricolageGrotesque", "bricolageGrotesque Fallback", Arial, sans-serif}
:root{--paper:#fcfcfb;--ink:#1c1c1b;--hero-ink:#f8f7f2;--muted:#565651;--content-width:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);font-family:var(--font-dm-sans), Arial, sans-serif;letter-spacing:-.01em;background-image:linear-gradient(#1c1c1b0b 1px,#0000 1px),linear-gradient(90deg,#1c1c1b0b 1px,#0000 1px);background-size:16px 16px;background-attachment:fixed;margin:0;font-weight:300}a{color:inherit;text-decoration:none}::selection{color:#f4f4f4;background:#2a2a2a}::selection{color:#f4f4f4;background:#2a2a2a}.introduction ::selection,.site-footer ::selection,.case-study-image-viewer ::selection{color:#2a2a2a;background:#f4f4f4}.introduction ::-moz-selection{color:#2a2a2a;background:#f4f4f4}.site-footer ::-moz-selection{color:#2a2a2a;background:#f4f4f4}.case-study-image-viewer ::-moz-selection{color:#2a2a2a;background:#f4f4f4}.page-shell{width:min(100% - 64px, var(--content-width));margin:0 auto;padding:0 0 140px;display:flow-root}.site-header{z-index:10;color:#2a2a2a;background:0 0;justify-content:space-between;align-items:center;width:100vw;margin-inline:calc(50% - 50vw);padding:15px 25px;display:flex;position:sticky;top:0}.site-header--case-study{background:#fcfcfb;border-bottom:1px solid #2a2a2a}.site-header__name{font-family:var(--font-instrument-serif), Georgia, serif;font-size:24px;font-style:italic;font-weight:400;line-height:1}.site-header ul{gap:50px;margin:0;padding:0;list-style:none;display:flex}.site-header__link{font-family:var(--font-bricolage-grotesque), Arial, sans-serif;font-size:14px;font-weight:300;line-height:1;transition:transform .15s;display:inline-grid}.site-header__link:before,.site-header__link>span{grid-area:1/1}.site-header__link:before{visibility:hidden;content:attr(data-label);font-weight:700}.site-header__link--active{font-weight:700}.site-header__link:hover{font-weight:700;transform:scale(1.05)}.site-header__link:focus-visible{outline-offset:5px;outline:2px solid}.hero{--hero-grid-x:50%;--hero-grid-y:50%;--hero-grid-opacity:0;isolation:isolate;text-align:center;color:#2a2a2a;justify-content:center;align-items:center;width:calc(100vw - 40px);height:100svh;margin:15px calc(50% - 50vw + 20px) 0;padding:30px;display:flex;position:relative;overflow:hidden}.hero:before{z-index:-1;content:"";opacity:var(--hero-grid-opacity);pointer-events:none;-webkit-mask-image:radial-gradient(circle 150px at var(--hero-grid-x) var(--hero-grid-y), #000 0%, transparent 74%);-webkit-mask-image:radial-gradient(circle 150px at var(--hero-grid-x) var(--hero-grid-y), #000 0%, transparent 74%);mask-image:radial-gradient(circle 150px at var(--hero-grid-x) var(--hero-grid-y), #000 0%, transparent 74%);background-image:linear-gradient(#2a2a2a33 1px,#0000 1px),linear-gradient(90deg,#2a2a2a33 1px,#0000 1px);background-size:16px 16px;background-attachment:fixed;transition:opacity .18s;position:absolute;inset:0}.hero-content{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.hero h1{max-width:100%;font-family:var(--font-instrument-serif), Georgia, serif;letter-spacing:-2pt;justify-content:center;gap:.16em;margin:0;font-size:128px;font-style:normal;font-weight:400;line-height:.85;animation:3s both hero-name-enter;display:flex}.hero-specialisms{font-family:var(--font-bricolage-grotesque), Arial, sans-serif;white-space:nowrap;margin:60px 0 0;font-size:24px;font-weight:300;line-height:1.35;animation:3s 1s both hero-supporting-copy-enter}.auto-scroll-bar{color:#2a2a2a;background:#fcfcfb;border-block:1px solid #2a2a2a;width:100vw;margin-inline:calc(50% - 50vw);padding:15px 0;overflow:hidden}.auto-scroll-bar__track{will-change:transform;width:max-content;animation:36s linear infinite auto-scroll-bar;display:flex}.auto-scroll-bar__sequence{font-family:var(--font-bricolage-grotesque), Arial, sans-serif;white-space:nowrap;flex:none;align-items:center;gap:40px;padding-right:40px;font-size:40px;font-weight:600;line-height:1;display:flex}.auto-scroll-bar__separator{display:inline-block}@keyframes auto-scroll-bar{to{transform:translate(-50%)}}@keyframes hero-name-enter{0%{opacity:0}to{opacity:1}}@keyframes hero-supporting-copy-enter{0%{opacity:0}to{opacity:1}}.introduction{isolation:isolate;color:#f4f4f4;text-align:center;background:#2a2a2a;place-items:center;width:100vw;min-height:100svh;margin:0 calc(50% - 50vw);padding:64px 32px;display:grid;position:relative;overflow:hidden}.introduction__content{z-index:1;width:min(100%,740pt);position:relative}.introduction__cursor-copy{display:none}.eyebrow{font-family:var(--font-bricolage-grotesque), Arial, sans-serif;margin:0 0 25px;font-size:16px;font-weight:300}.introduction-copy{gap:32px;display:grid}.introduction-copy p{font-family:var(--font-instrument-serif), Georgia, serif;letter-spacing:-1px;margin:0;font-size:48px;font-style:normal;line-height:62px}.introduction-copy__line{display:block}.introduction__cursor{display:none}.introduction .eyebrow,.introduction-copy__line{opacity:0;transform:translateY(10px)}.introduction--revealed .introduction-copy__line{animation:.65s ease-out both introduction-line-reveal}.introduction--revealed .eyebrow{animation:.65s ease-out 1.7s both introduction-line-reveal}@keyframes introduction-line-reveal{to{opacity:1;transform:translateY(0)}}.desktop-line-break{display:none}.scroll-reveal__text{opacity:0;transition:opacity .65s ease-out,transform .65s ease-out;transform:translateY(16px)}.scroll-reveal--visible .scroll-reveal__text{opacity:1;transform:translateY(0)}.scroll-reveal--visible .scroll-reveal__text+.scroll-reveal__text{transition-delay:.14s}.work-intro{text-align:center;margin-top:200px}.work-title{margin:0;line-height:0}.work-title-image{width:776px;max-width:100%;height:auto;margin:0 auto;display:block}.work-intro p{color:var(--muted);font-family:var(--font-dm-sans), Arial, sans-serif;letter-spacing:-.01em;margin:24px auto 0;font-size:24px;font-weight:300;line-height:1.4}.work-grid{gap:40px;margin:40px auto 0;display:grid}.work-carousel,.work-desktop-preview{display:none}.project-card{background:0 0;border:0;border-radius:0;align-items:center;gap:21px;width:min(100%,740px);height:349px;margin:0 auto;padding:0 10px;display:flex;position:relative;overflow:hidden}.project-card:after{content:"";z-index:2;border:1px solid var(--ink);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.project-card__grainient{z-index:0;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0;overflow:hidden}.project-card__case-study-link,.project-card__carousel-focus-button{z-index:1;position:absolute;inset:0}.project-card__carousel-focus-button{cursor:pointer;background:0 0;border:0}.project-card__case-study-link:focus-visible,.project-card__carousel-focus-button:focus-visible{z-index:4;outline:2px solid var(--ink);outline-offset:-4px}.project-card__mockup{z-index:1;pointer-events:none;flex:0 0 302px;width:302px;height:349px;position:relative;overflow:hidden}.project-card__mockup img{width:var(--mockup-render-width);max-width:none;height:auto;transform:translate(var(--mockup-offset-x), var(--mockup-offset-y)) scale(1);transform-origin:50%;filter:grayscale();transition:filter .4s,transform .4s;display:block}.project-card__case-study-status{z-index:3;color:#2a2a2a;font-family:var(--font-bricolage-grotesque), Arial, sans-serif;opacity:0;pointer-events:none;background:#fcfcfb;border:1px solid #2a2a2a;padding:5px 7px;font-size:11px;font-weight:400;line-height:1;transition:opacity .2s,transform .2s;position:absolute;bottom:10px;left:10px;transform:translateY(4px)}.project-card:hover .project-card__mockup img,.project-card--active .project-card__mockup img{transform:translate(var(--mockup-offset-x), var(--mockup-offset-y)) scale(1.03);filter:grayscale(0)}.project-card:hover .project-card__case-study-status,.project-card--active .project-card__case-study-status{opacity:1;transform:translateY(0)}.project-card--reversed{flex-direction:row-reverse}.project-card--betterboxd,.project-card--pastcast{padding-left:30px}.project-card:hover .project-card__grainient,.project-card--active .project-card__grainient{opacity:1}.project-card__content{z-index:1;pointer-events:none;flex-direction:column;flex:1;align-items:flex-start;transition:color .4s;display:flex;position:relative}.project-card__tags{flex-wrap:wrap;gap:5px;margin:0 0 12px;padding:0;list-style:none;display:flex}.project-card__tags li{font-family:var(--font-bricolage-grotesque), Arial, sans-serif;border:1px solid;padding:4px 6px;font-size:11px;font-weight:400;line-height:1}.project-card__content h3,.project-card__content p{letter-spacing:-.05em;margin:0}.project-card__content h3{max-width:315px;font-family:var(--font-bricolage-grotesque), Arial, sans-serif;font-size:20px;font-weight:600;line-height:1.1}.project-card__content p{max-width:350px;font-family:var(--font-dm-sans), Arial, sans-serif;letter-spacing:-.01em;margin-top:10px;font-size:16px;font-weight:300;line-height:1.1}.project-card__content em{font-family:var(--font-dm-sans), Arial, sans-serif;letter-spacing:-.01em;font-style:italic;font-weight:300}.project-card__app-store-badge{width:120px;height:40px;margin-top:15px}.project-card__app-store-link{z-index:3;pointer-events:auto;position:relative}.project-card:hover .project-card__content,.project-card--active .project-card__content{color:var(--hover-text-color)}@media (min-width:701px){.introduction,.introduction *{cursor:none}.introduction__cursor{top:var(--introduction-cursor-y,0px);left:var(--introduction-cursor-x,0px);z-index:2;opacity:0;pointer-events:none;background:#f4f4f4;border-radius:50%;width:80px;height:80px;transition:opacity .12s;display:block;position:fixed;transform:translate(-50%,-50%)}.introduction__cursor-copy{z-index:3;color:#2a2a2a;clip-path:circle(40px at var(--introduction-cursor-local-x,0px) var(--introduction-cursor-local-y,0px));opacity:0;pointer-events:none;place-items:center;padding:64px 32px;transition:opacity .12s;display:grid;position:absolute;inset:0}.introduction__cursor-copy .introduction__content{width:min(100%,740pt)}.introduction--cursor-active .introduction__cursor,.introduction--cursor-active .introduction__cursor-copy{opacity:1}.work-grid,.work-carousel{display:none}.work-desktop-preview{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:48px;width:min(100%,1140px);min-height:520px;margin:72px auto 0;display:grid}.work-desktop-preview+.work-desktop-preview{margin-top:120px}.work-desktop-preview__image{place-items:center;min-width:0;transition:transform .42s cubic-bezier(.22,.61,.36,1);display:grid}.work-desktop-preview--image-right .work-desktop-preview__image{order:2}.work-desktop-preview--image-right .work-desktop-preview__content{order:1}.work-desktop-preview__image img{transform-origin:50%;width:100%;max-width:520px;height:auto;transition:transform .5s cubic-bezier(.22,.61,.36,1),filter .42s;display:block;transform:perspective(1100px)rotateY(0)rotateX(0)}.work-desktop-preview__content{color:#2a2a2a;border-block:1px solid #2a2a2a;flex-direction:column;align-items:flex-start;gap:30px;padding:70px 10px;display:flex}.work-desktop-preview__content h3{font-family:var(--font-instrument-serif), Georgia, serif;letter-spacing:-.02em;margin:0;font-size:64px;font-style:normal;font-weight:400;line-height:.9}.work-desktop-preview__content ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.work-desktop-preview__content li{font-family:var(--font-dm-sans), Arial, sans-serif;letter-spacing:-.01em;border:1px solid;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:400;line-height:1}.work-desktop-preview__content p{max-width:470px;font-family:var(--font-dm-sans), Arial, sans-serif;letter-spacing:-.01em;margin:0;font-size:14px;font-weight:300;line-height:1.2}.work-desktop-preview__content a{color:#f4f4f4;font-family:var(--font-instrument-serif), Georgia, serif;letter-spacing:-.01em;background:#2a2a2a;border-radius:999px;margin:0;padding:10px 20px;font-size:24px;font-style:normal;font-weight:400;line-height:1;transition:background-color .18s,color .18s}.work-desktop-preview:hover .work-desktop-preview__image,.work-desktop-preview:focus-within .work-desktop-preview__image{transform:translateY(-10px)}.work-desktop-preview:hover .work-desktop-preview__image img,.work-desktop-preview:focus-within .work-desktop-preview__image img{filter:drop-shadow(0 14px 14px #2a2a2a1f)}.work-desktop-preview:not(.work-desktop-preview--image-right):hover .work-desktop-preview__image img,.work-desktop-preview:not(.work-desktop-preview--image-right):focus-within .work-desktop-preview__image img{transform:perspective(1100px)rotateY(-3deg)rotateX(1deg)}.work-desktop-preview--image-right:hover .work-desktop-preview__image img,.work-desktop-preview--image-right:focus-within .work-desktop-preview__image img{transform:perspective(1100px)rotateY(3deg)rotateX(1deg)}.work-desktop-preview__content a:hover,.work-desktop-preview__content a:focus-visible{color:#2a2a2a;outline-offset:2px;background:#f4f4f4;outline:1px solid #2a2a2a}.work-carousel__progress{grid-template-columns:repeat(4,1fr);gap:10px;width:min(100% - 80px,740px);margin:0 auto 30px;display:grid}.work-carousel__progress button{cursor:pointer;background:#2a2a2a40;border:0;height:2px;padding:0;transition:background-color .2s}.work-carousel__progress button:hover,.work-carousel__progress button:focus-visible,.work-carousel__progress-segment--active{background:#2a2a2a!important}.work-carousel__progress button:focus-visible{outline-offset:4px;outline:2px solid #2a2a2a}.work-carousel__track{align-items:center;gap:30px;width:max-content;margin-left:50%;display:flex;transform:translate(-50%)}.work-carousel__track--forward{animation:.4s cubic-bezier(.22,.61,.36,1) both work-carousel-enter-forward}.work-carousel__track--backward{animation:.4s cubic-bezier(.22,.61,.36,1) both work-carousel-enter-backward}.work-carousel__spacer{flex:none;width:min(42vw,520px);height:310px}.work-carousel__controls{justify-content:center;gap:8px;width:min(100% - 80px,1000px);margin:16px auto 0;display:flex}.work-carousel__controls button{color:#2a2a2a;width:42px;height:42px;font:inherit;cursor:pointer;background:#fcfcfb;border:1px solid #2a2a2a;border-radius:0;place-items:center;padding:0;display:grid}.work-carousel__controls button:hover,.work-carousel__controls button:focus-visible{color:#fcfcfb;background:#2a2a2a}.work-carousel__controls button:focus-visible{outline-offset:4px;outline:2px solid #2a2a2a}.work-carousel .project-card{flex:none;margin:0;transition:width .3s,height .3s}.work-carousel .project-card--carousel-focused{gap:32px;width:min(76vw,1000px);height:480px;padding-inline:16px}.work-carousel .project-card--carousel-focused .project-card__mockup{flex-basis:390px;width:390px;height:480px}.work-carousel .project-card--carousel-focused .project-card__mockup img{--mockup-render-width:100%!important}.work-carousel .project-card--carousel-focused .project-card__content h3{max-width:410px;font-size:26px}.work-carousel .project-card--carousel-focused .project-card__content p{max-width:440px;font-size:17px}.work-carousel .project-card--carousel-adjacent{gap:14px;width:min(42vw,520px);height:310px;padding-inline:10px}.work-carousel .project-card--carousel-adjacent .project-card__mockup{flex-basis:250px;width:250px;height:310px}.work-carousel .project-card--carousel-adjacent .project-card__mockup img{--mockup-render-width:100%!important}.work-carousel .project-card--carousel-adjacent .project-card__tags{gap:4px;margin-bottom:8px}.work-carousel .project-card--carousel-adjacent .project-card__tags li{padding:3px 4px;font-size:9px}.work-carousel .project-card--carousel-adjacent .project-card__content h3{max-width:220px;font-size:15px}.work-carousel .project-card--carousel-adjacent .project-card__content p{max-width:220px;margin-top:7px;font-size:12px}.work-carousel .project-card--carousel-adjacent .project-card__app-store-badge{width:96px;height:auto;margin-top:10px}}@keyframes work-carousel-enter-forward{0%{opacity:0;transform:translate(calc(56px - 50%))}to{opacity:1;transform:translate(-50%)}}@keyframes work-carousel-enter-backward{0%{opacity:0;transform:translate(calc(-50% - 56px))}to{opacity:1;transform:translate(-50%)}}.about-intro{text-align:center;margin-top:200px}.about-title{margin:0;line-height:0}.about-title-image{width:418px;max-width:100%;height:auto;margin:0 auto;display:block}.about-intro p{color:var(--muted);font-family:var(--font-dm-sans), Arial, sans-serif;letter-spacing:-.01em;margin:24px auto 0;font-size:24px;font-weight:300;line-height:1.4}.about-info{width:min(100%,740px);margin:80px auto 0;padding-bottom:130px}.about-info__copy{gap:16px;display:grid}.about-info__copy p{font-family:var(--font-dm-sans), Arial, sans-serif;letter-spacing:-.01em;margin:0;font-size:16px;font-weight:300;line-height:1.3125}.about-info__signoff{width:339px;margin-top:40px;position:relative}.about-info__signoff img{filter:grayscale();border:1px solid #2a2a2a;width:339px;height:auto;transition:filter .4s;display:block}.about-info__signoff:hover img{filter:grayscale(0)}.about-info__signoff p{color:#2a2a2a;font-family:var(--font-instrument-serif), Georgia, serif;white-space:nowrap;margin:0;font-size:96px;font-style:italic;font-weight:400;line-height:.9;position:absolute;bottom:-9px;left:290px}.site-footer{color:#fff;background:#1d1e1d;width:100vw;margin-inline:calc(50% - 50vw);padding:72px 20px;position:relative;overflow:hidden}.site-footer__content{z-index:1;flex-direction:column;align-items:center;width:min(100%,740px);margin:0 auto;display:flex;position:relative}.site-footer h2{color:#0000;-webkit-text-stroke:1px #fff;font-family:var(--font-instrument-serif), Georgia, serif;letter-spacing:-.04em;margin:0 0 48px;font-size:96px;font-style:italic;font-weight:400;line-height:.85}.site-footer nav{gap:8px;width:min(100%,392px);display:flex}.site-footer__button{color:#fff;height:50px;font-family:var(--font-bricolage-grotesque), Arial, sans-serif;letter-spacing:-.04em;cursor:pointer;background:0 0;border:1px solid #fff;justify-content:center;align-items:center;font-size:20px;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}.site-footer__button--icon{flex:0 0 50px;width:50px}.site-footer__button--icon img{transition:filter .2s;display:block}.site-footer__button--email{perspective:500px;flex:1;padding:0;position:relative;overflow:hidden}.site-footer__email-flipper{width:100%;height:100%;transform-style:preserve-3d;transition:transform .35s;display:grid}.site-footer__email-face{backface-visibility:hidden;grid-area:1/1;justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex}.site-footer__email-face--back,.site-footer__button--email:hover .site-footer__email-flipper,.site-footer__button--email:focus-visible .site-footer__email-flipper{transform:rotateX(180deg)}.site-footer__button:hover{color:#2a2a2a;background:#fff}.site-footer__button:hover img{filter:invert()}.case-study{min-height:100svh;padding:30px 32px 120px}.case-study__content{width:min(100%,740px);margin:0 auto}.case-study--metadata{padding:0 0 120px}.case-study-metadata{color:#2a2a2a;width:100%;padding:100px max(24px,50vw - 370px) 30px}.case-study-metadata__content{gap:10px;width:min(100%,740px);margin:0 auto;display:grid}.case-study-metadata h1{font-family:var(--font-instrument-serif), Georgia, serif;letter-spacing:-.02em;text-align:left;margin:0;font-size:96px;font-style:italic;font-weight:400;line-height:.85}.case-study-metadata__summary{max-width:560px;font-family:var(--font-bricolage-grotesque), Arial, sans-serif;letter-spacing:-.02em;margin:0;font-size:16px;font-weight:400;line-height:1.35}.case-study-metadata__details{border:1px solid #2a2a2a;gap:10px;margin:10px 0 0;padding:10px;display:grid}.case-study-metadata__details div{gap:8px;display:flex}.case-study-metadata__details--extended{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}.case-study-metadata__details--extended div{flex-wrap:wrap;min-width:0}.case-study-metadata__details dt,.case-study-metadata__details dd{font-family:var(--font-bricolage-grotesque), Arial, sans-serif;letter-spacing:-.02em;margin:0;font-size:11px;font-weight:400;line-height:1}.case-study-metadata__details dt{text-transform:uppercase}.image-carousel{--carousel-card-width:min(740px, calc(100vw - 48px));--carousel-gap:30px;width:100%}.image-carousel__viewport{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto}.image-carousel__viewport::-webkit-scrollbar{display:none}.image-carousel__track{gap:var(--carousel-gap);width:max-content;padding-inline:calc((100vw - var(--carousel-card-width)) / 2);display:flex}.image-carousel__slide{width:var(--carousel-card-width);aspect-ratio:740/480;scroll-snap-align:center;background:#f4f4f4;border:1px solid #2a2a2a;flex:none;position:relative;overflow:hidden}.image-carousel__slide-viewer{position:absolute;inset:0}.image-carousel__slide-viewer:focus-visible{outline-offset:-4px;outline:2px solid #2a2a2a}.image-carousel__slide img{object-fit:cover}.image-carousel__placeholder{background:#f4f4f4;border:0;width:100%;height:100%}.image-carousel__controls{justify-content:flex-end;gap:8px;width:min(100% - 48px,740px);margin:16px auto 0;display:flex}.image-carousel__controls button{color:#2a2a2a;width:36px;height:36px;font:inherit;cursor:pointer;background:#fcfcfb;border:1px solid #2a2a2a;border-radius:0;place-items:center;padding:0;display:grid}.image-carousel__controls button:hover:not(:disabled),.image-carousel__controls button:focus-visible{color:#fcfcfb;background:#2a2a2a}.image-carousel__controls button:disabled{opacity:.35;cursor:not-allowed}.case-study-sections{width:100%}.case-study-section{color:#2a2a2a;width:100%;padding:100px max(24px,50vw - 370px) 30px}.case-study-section__content{gap:10px;width:min(100%,740px);margin:0 auto;display:grid}.case-study-section__content--detailed,.case-study-section__content--contribution{gap:30px}.case-study-section__intro,.case-study-subsection,.case-study-section__body-copy{gap:10px;display:grid}.case-study-section--accordion{padding-bottom:30px}.case-study-accordion{border-top:1px solid #2a2a2a;width:100%}.case-study-accordion__item{border-bottom:1px solid #2a2a2a}.case-study-accordion__item summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:80px;padding:16px 0;list-style:none;display:flex}.case-study-accordion__item summary::-webkit-details-marker{display:none}.case-study-accordion__item summary::marker{display:none}.case-study-accordion__item summary:focus-visible{outline-offset:-1px;outline:1px solid #2a2a2a}.case-study-section .case-study-accordion__item h2{font-family:var(--font-instrument-serif), Georgia, serif;letter-spacing:-.02em;margin:0;font-size:40px;font-style:italic;font-weight:400;line-height:1.15}.case-study-accordion__chevron{flex:none;margin-left:24px;font-family:Arial,sans-serif;font-size:38px;font-weight:300;line-height:1;transition:transform .18s}.case-study-accordion__item[open] .case-study-accordion__chevron{transform:rotate(90deg)}.case-study-accordion__panel{gap:30px;padding:20px 0 70px;display:grid}.case-study-accordion__panel--empty{padding:0 0 24px}.case-study-insight{border:1px solid #2a2a2a;gap:10px;padding:10px;display:grid}.case-study-section h2{font-family:var(--font-instrument-serif), Georgia, serif;letter-spacing:-.02em;margin:0;font-size:48px;font-style:italic;font-weight:400;line-height:62px}.case-study-section h3{font-family:var(--font-bricolage-grotesque), Arial, sans-serif;letter-spacing:-.02em;margin:0;font-size:24px;font-weight:500;line-height:34px}.case-study-section .case-study-insight h3{font-family:var(--font-dm-sans), Arial, sans-serif;letter-spacing:-.01em;font-size:16px;font-weight:300;line-height:21px}.case-study-section p,.case-study-section li{font-family:var(--font-dm-sans), Arial, sans-serif;letter-spacing:-.01em;margin:0;font-size:16px;font-weight:300;line-height:21px}.case-study-section .case-study-quote{color:#2a2a2a;font-family:var(--font-instrument-serif), Georgia, serif;letter-spacing:-.02em;border-left:1px solid #2a2a2a;margin:6px 0;padding-left:16px;font-size:32px;font-style:italic;font-weight:400;line-height:1.12}.case-study-section ul{gap:0;margin:0;padding-left:20px;display:grid}.case-study-image-placeholder{aspect-ratio:740/280;background:#f4f4f4;border:1px solid #2a2a2a;width:100%}.case-study-image-placeholder--document{aspect-ratio:740/480}.case-study-image-placeholder--reflection{aspect-ratio:740/400}.case-study-figure{gap:8px;margin:0 0 10px;display:grid}.case-study-figure figcaption,.case-study-image-viewer__figure figcaption{font-family:var(--font-dm-sans), Arial, sans-serif;letter-spacing:-.01em;font-size:14px;font-weight:300;line-height:18px}.case-study-image-viewer__trigger{color:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;display:block}.case-study-image-viewer__trigger:focus-visible{outline-offset:4px;outline:2px solid #2a2a2a}.case-study-image{width:100%}.case-study-image-viewer__trigger img{border:1px solid #2a2a2a;width:100%;height:auto;display:block}.case-study-image-viewer__trigger.image-carousel__slide-viewer img{border:0;width:auto;height:auto}.case-study-image-viewer{z-index:100;cursor:zoom-out;background:#2a2a2af5;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.case-study-image-viewer:focus{outline:0}.case-study-image-viewer__viewport{cursor:default;place-items:center;width:100%;min-width:0;display:grid}.case-study-image-viewer__figure{color:#fcfcfb;gap:8px;width:100%;margin:0;display:grid}.case-study-image-viewer__image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.case-study-image-viewer__navigation{z-index:1;color:#2a2a2a;width:36px;height:36px;font:inherit;cursor:pointer;background:#fcfcfb;border:1px solid #2a2a2a;border-radius:0;place-items:center;padding:0;display:grid;position:fixed;top:50%;transform:translateY(-50%)}.case-study-image-viewer__navigation--previous{left:16px}.case-study-image-viewer__navigation--next{right:16px}.case-study-image-viewer__navigation:hover:not(:disabled),.case-study-image-viewer__navigation:focus-visible{color:#fcfcfb;background:#2a2a2a;outline:none}.case-study-image-viewer__navigation:disabled{opacity:.35;cursor:not-allowed}.case-study-contribution-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;width:100%;display:grid}.case-study-contribution-card{border:1px solid #2a2a2a;align-content:start;gap:16px;min-height:288px;padding:8px;display:grid}.case-study-contribution-card h3{font-size:20px;line-height:1.2}.case-study-contribution-card p{font-size:14px;line-height:1.28}.case-study-onboarding-preview{grid-template-columns:repeat(3,1fr);gap:20px;width:100%;display:grid}.case-study-onboarding-preview span{aspect-ratio:1/1.5;background:#f4f4f4;border:1px solid #2a2a2a;display:block}.case-study__back{font-family:var(--font-bricolage-grotesque), Arial, sans-serif;text-underline-offset:5px;margin-bottom:clamp(72px,14vw,160px);font-size:14px;font-weight:400;text-decoration:underline;display:inline-block}.case-study__header>p:first-child{font-family:var(--font-bricolage-grotesque), Arial, sans-serif;margin:0 0 18px;font-size:16px;font-weight:400}.case-study__header h1{max-width:650px;font-family:var(--font-instrument-serif), Georgia, serif;letter-spacing:-.04em;margin:0;font-size:clamp(64px,10vw,132px);font-style:italic;font-weight:400;line-height:.85}.case-study__header>p:last-child{max-width:560px;font-family:var(--font-dm-sans), Arial, sans-serif;letter-spacing:-.01em;margin:32px 0 0;font-size:20px;font-weight:300;line-height:1.35}.case-study__placeholder{border-block:1px solid var(--ink);margin-top:96px;padding:48px 0}.case-study__placeholder p{font-family:var(--font-bricolage-grotesque), Arial, sans-serif;margin:0;font-size:20px;font-weight:400}.case-study--not-found{place-items:center;display:grid}.case-study--not-found h1{font-family:var(--font-instrument-serif), Georgia, serif;margin:12px 0 28px;font-size:clamp(48px,8vw,96px);font-style:italic;font-weight:400}.resume-page{min-height:100svh;padding:72px 24px 96px}.resume-page__content{width:min(100%,1000px);margin:0 auto}.resume-page__header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.resume-page h1{font-family:var(--font-instrument-serif), Georgia, serif;letter-spacing:-.02em;margin:0;font-size:clamp(56px,8vw,96px);font-style:italic;font-weight:400;line-height:.85}.resume-page__actions{flex-wrap:wrap;gap:8px;display:flex}.resume-page__actions a{font-family:var(--font-bricolage-grotesque), Arial, sans-serif;border:1px solid #2a2a2a;padding:10px 12px;font-size:14px;font-weight:400;line-height:1;transition:background-color .2s,color .2s}.resume-page__actions a:hover,.resume-page__actions a:focus-visible{color:#fcfcfb;background:#2a2a2a}.resume-page__actions a:focus-visible{outline-offset:3px;outline:2px solid #2a2a2a}.resume-page__viewer{background:#fcfcfb;border:1px solid #2a2a2a;width:100%;height:min(78svh,1100px);display:block}@media (max-width:700px){.page-shell{width:min(100% - 48px,400px);padding:34px 0 100px}.site-header{justify-content:center}.site-header__name{display:none}.site-header ul{gap:50px}.hero{width:calc(100vw - 40px);height:100svh;min-height:560px;margin:15px calc(50% - 50vw + 20px) 0;padding:30px}.hero h1{flex-wrap:wrap;width:100%;max-width:none;margin:0;font-size:clamp(62px,19vw,96px);line-height:.8}.hero h1 span:first-child{flex-basis:100%}.hero-specialisms{white-space:normal;gap:4px;font-size:16px;line-height:1.2;display:grid}.hero-specialisms__desktop-separator{display:none}.auto-scroll-bar{padding-block:10px}.auto-scroll-bar__sequence{gap:30px;padding-right:30px;font-size:24px}.eyebrow{margin-bottom:20px}.introduction-copy{gap:30px}.introduction-copy p{font-size:36px;line-height:1.03}.work-intro{margin-top:200px}.work-intro p{white-space:nowrap;margin-top:18px;font-size:clamp(15px,3.75vw,24px)}.work-grid{margin-top:40px}.about-intro{margin-top:200px}.about-info{width:100%;margin-top:80px;padding-bottom:100px}.about-info__signoff{width:min(339px,100%)}.about-info__signoff img{width:100%}.about-info__signoff p{color:#fff;text-shadow:0 2px 8px #00000059;left:auto;right:-20px}.site-footer{padding-block:64px}.site-footer h2{margin-bottom:40px;font-size:clamp(64px,21vw,96px)}.site-footer__button--email{font-size:16px}.case-study{padding-inline:24px}.case-study--metadata{padding-inline:0}.case-study-metadata{padding:72px 24px 24px}.case-study-metadata h1{font-size:72px}.case-study-metadata__summary{max-width:none}.case-study-metadata__details--extended{grid-template-columns:1fr}.case-study-section{padding:72px 24px 24px}.case-study-section__content--detailed,.case-study-section__content--contribution{gap:24px}.case-study-accordion__item summary{min-height:64px;padding:12px 0}.case-study-section .case-study-accordion__item h2{font-size:30px;line-height:1.15}.case-study-accordion__chevron{margin-left:16px;font-size:30px}.case-study-accordion__panel{gap:24px;padding:16px 0 48px}.case-study-section h2{font-size:40px;line-height:1.15}.case-study-section h3{font-size:20px;line-height:1.35}.case-study-section .case-study-quote{font-size:28px}.case-study-contribution-grid{grid-template-columns:1fr;gap:10px}.case-study-contribution-card{gap:10px;min-height:0;padding:10px}.case-study-contribution-card h3{font-size:20px;line-height:1.35}.case-study-contribution-card p{font-size:16px;line-height:21px}.case-study-onboarding-preview{gap:10px}.case-study__back{margin-bottom:80px}.case-study__header>p:last-child{font-size:18px}.case-study__placeholder{margin-top:72px}.resume-page{padding:48px 24px 72px}.resume-page__header{flex-direction:column;align-items:flex-start}.resume-page__viewer{height:70svh}.project-card{flex-direction:column;gap:18px;width:100%;height:auto;min-height:0;padding:0 10px 10px}.project-card:before{content:"";z-index:2;background:var(--ink);pointer-events:none;height:1px;position:absolute;top:min(349px,92vw);left:0;right:0}.project-card__mockup{border-radius:16px;flex-basis:auto;width:100%;height:min(349px,92vw)}.project-card__mockup img{-webkit-mask-image:linear-gradient(#000 calc(100% - 32px),#0000);mask-image:linear-gradient(#000 calc(100% - 32px),#0000);--mockup-offset-x:0px!important;--mockup-render-width:100%!important}.project-card__content{width:100%;padding:4px 4px 42px}.project-card__content h3{max-width:100%;font-size:20px}.project-card__content p{max-width:100%}.project-card:hover:not(.project-card--active) .project-card__mockup img{transform:translate(var(--mockup-offset-x), var(--mockup-offset-y)) scale(1);filter:grayscale()}.project-card:hover:not(.project-card--active) .project-card__grainient{opacity:0}.project-card:hover:not(.project-card--active) .project-card__content{color:var(--ink)}}@media (max-width:815px){.work-title{width:calc(100vw - 40px);max-width:none;margin-inline:calc(50% - 50vw + 20px)}.work-title-image{width:100%;max-width:none}}@media (prefers-reduced-motion:reduce){.hero h1,.hero-kicker,.hero-specialisms{opacity:1;animation:none}.introduction .eyebrow,.introduction-copy__line{opacity:1;animation:none;transform:none}.scroll-reveal__text{opacity:1;transition:none;transform:none}.work-carousel__track{animation:none!important}.hero-rotating-word__text,.project-card__mockup img,.project-card__grainient,.project-card__content,.about-info__signoff img,.site-footer__button,.site-footer__button--icon img,.work-desktop-preview__image,.work-desktop-preview__image img,.work-desktop-preview__content h3,.work-desktop-preview__content li,.work-desktop-preview__content p,.work-desktop-preview__content a{transition:none}}@media (min-width:701px){.desktop-line-break{display:block}}
