:root{--paper:#eeeee8;--ink:#20211e;--line:#c2c3b9;--acid:#d8fc52;--muted:#65665e;--gutter:28px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;border-radius:0;cursor:pointer;background:none;padding:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #688d00;outline-offset:5px}button:disabled{opacity:.3;cursor:default}p,h1,h2,h3{margin:0}img{display:block;width:100%}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}::selection{background:var(--acid);color:var(--ink)}.skip{position:fixed;top:-60px;z-index:20;padding:15px;background:var(--acid)}.skip:focus{top:10px}.header{display:grid;grid-template-columns:1fr 1.65fr 1.1fr auto;align-items:start;padding:22px var(--gutter) 20px;font-size:12px;line-height:1.25}.monogram{font-size:40px;font-weight:800;letter-spacing:-5px;line-height:.85;display:inline-flex;width:max-content}.monogram span{letter-spacing:0;font-size:11px;margin:1px 0 0 6px}.header-note{font-size:12px}.location{display:flex;align-items:center;gap:6px}.dot{width:6px;height:6px;background:#6c8115;border-radius:50%}#hk-time{font-variant-numeric:tabular-nums}.header nav{display:flex;gap:24px}.header a:not(.monogram):hover{text-decoration:underline;text-underline-offset:4px}sup{font-size:8px}.intro{padding:25px var(--gutter) 45px}.intro h1{font-size:clamp(54px,10.8vw,190px);font-weight:500;letter-spacing:-.075em;line-height:.94;position:relative;white-space:nowrap}.name-star{font-size:.43em;display:inline-block;vertical-align:top;margin:7px 0 0 15px;color:var(--ink)}.intro-bottom{display:grid;grid-template-columns:1fr 1fr 50px;gap:40px;align-items:end;margin-top:35px}.intro h2{font-size:clamp(25px,3vw,49px);font-weight:400;line-height:1.06;letter-spacing:-.04em}.intro-context>p{font-size:15px;line-height:1.4;max-width:400px}.down-link{font-size:38px;align-self:center;text-align:right}.section-line{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px;font-size:12px;line-height:1.4;gap:20px}.section-line h2{font-size:inherit;font-weight:400}.section-line h2 span{color:var(--muted);margin-left:18px}.work-section{position:relative;margin-bottom:0}.work-sticky{position:sticky;top:0;height:100vh;padding:0 0 90px;overflow:hidden;background:var(--paper)}.work-section .section-line{margin:0 var(--gutter);padding:14px 0 18px}.work-controls{display:flex;gap:40px;align-items:center}.work-controls button span{margin-left:7px}.work-controls button:hover{text-decoration:underline}.scroll-hint{color:var(--muted)}.work-window{overflow:hidden;padding:0 var(--gutter)}.work-track{display:flex;gap:24px;will-change:transform}.project{flex:0 0 78vw;min-width:0}.art{width:100%;height:calc(100vh - 230px);min-height:300px;max-height:740px;position:relative;overflow:hidden;display:flex;text-align:left}.art>img{height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.art:hover>img{transform:scale(1.025)}.project-open{position:absolute;bottom:18px;right:18px;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:var(--paper);color:var(--ink);font-size:25px;transition:background .2s,transform .2s}.art:hover .project-open{background:var(--acid);transform:rotate(45deg)}.yardbird-art{background:#e45c29}.yb-main{width:67%!important}.yb-pack{width:33%;padding:10% 5% 5%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:35px}.yb-pack img{width:90%;height:65%;object-fit:contain;mix-blend-mode:normal}.yb-pack>span{font-size:clamp(17px,2vw,33px);letter-spacing:-.04em;line-height:1.05;width:100%}.kin-art{background:#172b20}.kin-art>img{object-position:center}.art-caption{position:absolute;top:25px;left:28px;color:#fff;font-size:clamp(28px,4.6vw,70px);line-height:.98;letter-spacing:-.055em;max-width:400px;text-shadow:0 1px 12px #0003}.upper-art{gap:0;background:#3d3127}.upper-art>img:first-child{width:58%}.upper-art>img:nth-child(2){width:42%;object-position:center}.ronin-art{background:#ffe06b;gap:0}.ronin-art>img:first-child{width:59%;object-fit:cover}.ronin-art>img:nth-child(2){width:41%;object-fit:cover;background:#d8e1bb}.culture-art{background:#d6e1d7;align-items:center;justify-content:space-around;padding:25px 5%;gap:5%}.culture-art>img:first-child{width:42%;object-fit:contain}.culture-art>img:nth-child(2){width:50%;object-fit:contain}.project-meta{display:grid;grid-template-columns:1fr auto auto;align-items:start;gap:35px;padding:14px 0 0}.project-title{font-size:25px;line-height:1.1;letter-spacing:-.045em;text-align:left}.project-title:hover{text-decoration:underline;text-underline-offset:5px}.project-meta p{font-size:11px;margin-top:7px;color:var(--muted)}.project-meta .project-type{margin-top:3px;color:var(--ink)}.project-number{font-size:11px;margin-top:3px;font-variant-numeric:tabular-nums}.work-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;padding:22px var(--gutter) 0;color:var(--muted)}.work-bottom>div{display:flex;gap:20px}.work-bottom button{font-size:21px;color:var(--ink)}.statement{padding:120px var(--gutter) 110px;display:grid;grid-template-columns:1fr 3fr;gap:45px}.eyebrow{font-size:11px;line-height:1.5}.statement>p{font-size:clamp(37px,6.2vw,105px);letter-spacing:-.055em;line-height:1.04}.statement-foot{grid-column:2;font-size:11px;color:var(--muted)}.impact{background:var(--acid);padding:26px var(--gutter) 30px}.impact .section-line{border-color:#7f9742}.impact-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:end;padding:70px 0 60px}.impact-heading h2{font-size:clamp(45px,6.4vw,103px);line-height:.98;letter-spacing:-.06em;font-weight:400}.impact-heading>div{max-width:430px}.impact-heading p{font-size:16px;line-height:1.45;margin:15px 0 25px}.text-link{font-size:12px;border-bottom:1px solid currentColor;padding-bottom:5px;display:inline-block;line-height:1.4}.numbers{display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:55px}.numbers>div{border-top:1px solid #90a850;padding:17px 0 0 22px;border-left:1px solid #90a850}.numbers>div:first-child{padding-left:0;border-left:0}.metric-prefix{font-size:12px;display:block}.numbers strong{font-size:clamp(65px,9.4vw,158px);font-weight:400;letter-spacing:-.07em;line-height:1.3}.numbers p{font-size:14px}.metric-detail{font-size:10px;display:block;margin-top:7px}.impact-foot{display:flex;justify-content:space-between;border-top:1px solid #90a850;padding-top:14px;font-size:9px;gap:30px}.about{padding:75px var(--gutter) 100px}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;padding:70px 0 80px}.about-heading h2{font-weight:400;font-size:clamp(33px,4vw,68px);line-height:1.05;letter-spacing:-.05em;margin:25px 0 40px}.about-copy>p{font-size:15px;line-height:1.55;margin-bottom:20px}.about-copy>p:first-child{font-size:24px;letter-spacing:-.03em;line-height:1.25}.capabilities{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:35px;padding-top:20px;border-top:1px solid var(--line)}.capabilities h3{font-size:11px;font-weight:400;margin-bottom:15px}.capabilities p{font-size:12px;line-height:1.65;color:var(--muted)}.experience{display:grid;grid-template-columns:1fr 3fr}.experience>.eyebrow{grid-row:span 3}.experience>div{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;gap:20px;border-top:1px solid var(--line);padding:20px 0;font-size:11px}.experience h3{font-weight:400;font-size:16px;letter-spacing:-.03em}.experience p{line-height:1.4}.experience p span{color:var(--muted)}footer{padding:28px var(--gutter) 60px;background:#252620;color:var(--paper)}footer .section-line{border-color:#56574f}footer>p{font-size:clamp(50px,9vw,155px);line-height:1.05;letter-spacing:-.055em;padding:65px 0 75px}footer>p>a{display:block}footer>p>a:hover em{color:var(--acid)}footer>p span{font-size:.7em;margin-left:30px;color:var(--acid)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:11px}dialog{width:100%;height:100%;max-width:none;max-height:none;border:0;padding:0;margin:0;background:var(--paper);color:var(--ink);overscroll-behavior:contain}dialog::backdrop{background:#20211e99}.case-top{display:flex;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:2;background:var(--paper);padding:20px var(--gutter);font-size:12px;border-bottom:1px solid var(--line)}.case-intro{padding:65px var(--gutter) 55px}.case-intro>span{font-size:11px}.case-intro h1{font-size:clamp(50px,9vw,150px);font-weight:400;letter-spacing:-.065em;line-height:1;margin:20px 0 40px}.case-summary{display:grid;grid-template-columns:1fr 1fr;gap:10%}.case-summary h2{font-size:clamp(26px,3vw,46px);font-weight:400;letter-spacing:-.04em;line-height:1.1}.case-summary p{font-size:15px;line-height:1.6}.case-facts{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:45px;border-top:1px solid var(--line);padding-top:20px;gap:30px;font-size:12px}.case-facts h3{font-size:10px;color:var(--muted);font-weight:400;margin-bottom:12px}.case-facts p{line-height:1.55}.case-gallery{padding:0 var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:20px}.case-gallery figure{margin:0;background:#e0e0d8;min-width:0}.case-gallery figure:first-child{grid-column:1/-1}.case-gallery img{height:550px;object-fit:contain}.case-gallery figure:first-child img{height:min(75vw,800px);object-fit:cover}.case-gallery figcaption{padding:12px;font-size:10px;color:var(--muted);border-top:1px solid var(--line)}.case-end{display:flex;justify-content:space-between;padding:70px var(--gutter);font-size:clamp(20px,3vw,44px);letter-spacing:-.04em}.case-end button{text-align:right}.case-end button:hover{text-decoration:underline}.case-commercial{margin:0 var(--gutter);padding:45px;background:var(--acid)}.case-commercial h2{font-size:45px;letter-spacing:-.04em;font-weight:400;margin-bottom:30px}.commercial-rows{display:grid;grid-template-columns:1fr 1fr;gap:35px}.commercial-rows h3{font-size:30px;font-weight:400;letter-spacing:-.04em;margin-bottom:10px}.commercial-rows p{font-size:14px;line-height:1.6}.case-note{font-size:10px;border-top:1px solid #90a850;padding-top:20px;margin-top:35px;line-height:1.5}.index-view .work-section{height:auto!important}.index-view .work-sticky{height:auto;position:relative;padding-bottom:25px}.index-view .work-track{transform:none!important;display:grid;grid-template-columns:1fr 1fr;gap:45px 24px}.index-view .project{width:auto}.index-view .art{height:350px;min-height:0}.index-view .project-meta{gap:20px}.index-view .project-title{font-size:22px}.index-view .project-type{display:none}.index-view .work-bottom>div{display:none}.index-view .scroll-hint{display:none}.index-view .project:last-child{grid-column:1/-1}.index-view .project:last-child .art{height:500px}
@media(min-width:1800px){:root{--gutter:45px}.intro h1{font-size:10.8vw}.header{font-size:14px}.header-note{font-size:14px}.intro-context>p{font-size:19px}.project-title{font-size:34px}.project-meta p{font-size:14px}.section-line{font-size:14px}}
@media(max-width:900px){:root{--gutter:20px}.header{grid-template-columns:1fr 2fr auto}.location{display:none}.header nav{gap:18px}.header-note{font-size:10px}.intro h1{font-size:10.5vw}.name-star{margin-left:9px}.intro-bottom{gap:20px}.intro-context>p{font-size:12px}.project{flex-basis:85vw}.project-meta{gap:20px}.project-title{font-size:22px}.project-meta .project-type{display:none}.statement{grid-template-columns:1fr 4fr;gap:20px}.impact-heading,.about-grid{gap:7%}.impact-heading p{font-size:14px}.about-copy>p{font-size:13px}.about-copy>p:first-child{font-size:21px}.footer-bottom{font-size:10px;flex-wrap:wrap}.impact-foot{font-size:8px}.numbers p{font-size:12px}.metric-detail{font-size:9px}}
@media(max-width:650px){:root{--gutter:16px}.header{grid-template-columns:1fr auto;padding-top:20px}.header-note{display:none}.header nav{font-size:11px;gap:17px;align-items:center}.header nav a:last-child{display:none}.monogram{font-size:33px}.intro{padding-top:35px;padding-bottom:35px}.intro h1{font-size:10.3vw;letter-spacing:-.065em}.name-star{margin:3px 0 0 6px}.intro-bottom{grid-template-columns:1fr 30px;margin-top:27px;gap:22px}.intro h2{font-size:31px}.intro-context>p{font-size:13px;grid-row:2;max-width:290px}.down-link{grid-column:2;grid-row:1;font-size:33px}.section-line{font-size:10px;padding-top:12px;align-items:start}.section-line h2 span{margin-left:8px}.work-section{height:auto!important}.work-sticky{height:auto;position:relative;padding-bottom:0;overflow:visible}.work-section .section-line{padding:12px 0 18px}.work-controls{gap:10px}.scroll-hint{display:none}.work-track{display:grid;grid-template-columns:1fr;transform:none!important;gap:32px;will-change:auto}.project{width:100%}.art{height:112vw;min-height:0;max-height:650px}.yb-main{width:100%!important;height:66%!important;object-fit:cover!important}.yardbird-art{flex-direction:column}.yb-pack{height:34%;width:100%;padding:15px 25px;flex-direction:row;justify-content:space-between;gap:10px}.yb-pack img{height:100%;width:40%;mix-blend-mode:normal}.yb-pack>span{font-size:27px;width:60%}.kin-art>img{object-position:43% center}.art-caption{font-size:43px;left:20px;top:20px}.upper-art{height:100vw}.upper-art>img:first-child{width:55%}.upper-art>img:nth-child(2){width:45%}.ronin-art{flex-direction:column;height:135vw}.ronin-art>img:first-child{width:100%;height:60%;object-fit:cover}.ronin-art>img:nth-child(2){width:100%;height:40%;object-fit:cover;object-position:50% 35%}.culture-art{height:95vw;padding:20px 15px}.project-meta{grid-template-columns:1fr auto;gap:15px;padding-top:12px}.project-title{font-size:23px}.project-meta p{font-size:10px}.project-number{font-size:10px}.work-bottom{padding-top:30px;font-size:9px}.work-bottom>span{display:none}.work-bottom>div{display:none}.statement{padding:90px var(--gutter) 80px;display:block}.statement>p{font-size:40px;margin:25px 0;letter-spacing:-.05em}.statement-foot{font-size:10px}.impact{padding-top:22px}.impact .section-line{font-size:9px}.impact-heading{display:block;padding:45px 0}.impact-heading h2{font-size:55px;margin-bottom:30px}.impact-heading p{font-size:14px}.impact-heading .eyebrow{font-size:10px}.numbers{grid-template-columns:1fr;padding-bottom:30px}.numbers>div,.numbers>div:first-child{border-left:0;padding:15px 0 25px;position:relative}.numbers strong{font-size:91px;line-height:1.12;display:block}.numbers p{font-size:14px}.metric-detail{font-size:10px}.impact-foot{display:block;font-size:9px;line-height:1.5}.impact-foot span{display:block;margin-bottom:9px}.about{padding-top:60px;padding-bottom:60px}.about .section-line>span{max-width:150px;text-align:right}.about-grid{display:block;padding:40px 0 50px}.about-heading h2{font-size:38px;margin-top:15px;margin-bottom:25px}.about-copy{margin-top:40px}.about-copy>p{font-size:14px}.about-copy>p:first-child{font-size:23px}.capabilities p{font-size:11px}.experience{display:block}.experience>.eyebrow{display:block;margin-bottom:20px}.experience>div{grid-template-columns:75px 1fr;gap:12px}.experience h3{font-size:16px}.experience p{grid-column:2;font-size:11px}footer{padding-bottom:60px}footer>p{font-size:50px;padding:45px 0;letter-spacing:-.05em}footer>p span{font-size:27px;margin-left:10px}.footer-bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px;line-height:1.4}.footer-bottom>span:nth-child(2){text-align:right}.footer-bottom>span:last-child{text-align:right}.case-top{font-size:10px;align-items:center}.case-top>span{display:none}.case-intro{padding:40px var(--gutter)}.case-intro h1{font-size:51px;margin-bottom:30px}.case-summary{display:block}.case-summary h2{font-size:29px;margin-bottom:25px}.case-summary p{font-size:14px}.case-facts{grid-template-columns:1fr 1fr;gap:25px;font-size:11px;margin-top:30px}.case-facts>div:last-child{grid-column:1/-1}.case-gallery{display:block}.case-gallery figure{margin-bottom:20px}.case-gallery img,.case-gallery figure:first-child img{height:auto;max-height:650px;object-fit:contain}.case-end{gap:30px;font-size:22px}.case-commercial{padding:25px}.case-commercial h2{font-size:33px}.commercial-rows{grid-template-columns:1fr;gap:30px}.commercial-rows h3{font-size:27px}.commercial-rows p{font-size:13px}.index-view .work-track{grid-template-columns:1fr 1fr;gap:25px 15px}.index-view .art{height:48vw}.index-view .yb-main{height:100%!important}.index-view .yb-pack{display:none}.index-view .project-title{font-size:17px}.index-view .project-meta p{font-size:9px;line-height:1.4}.index-view .project-number{display:none}.index-view .project:last-child .art{height:75vw}.index-view .art-caption{font-size:24px;left:12px;top:12px}.index-view .project-open{width:30px;height:30px;font-size:20px;bottom:10px;right:10px}.index-view .ronin-art>img:first-child{height:100%}.index-view .ronin-art>img:nth-child(2){display:none}.index-view .upper-art>img:first-child{width:100%}.index-view .upper-art>img:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.work-section{height:auto!important}.work-sticky{height:auto;position:relative;padding-bottom:20px}.work-track{display:grid;grid-template-columns:1fr;transform:none!important;gap:40px}.project{width:100%}.art{height:65vh}.scroll-hint{display:none}}
.archive{padding:75px var(--gutter) 35px;scroll-margin-top:0}.archive-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;padding:55px 0 45px}.archive-intro h2{font-size:clamp(46px,6.4vw,103px);font-weight:400;line-height:.98;letter-spacing:-.06em}.archive-intro>p{font-size:15px;line-height:1.5;max-width:340px;padding-bottom:5px}.archive-tools{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:18px 0 25px;border-top:1px solid var(--line);font-size:11px}.archive-filters{display:flex;align-items:center;gap:32px}.archive-filters button{padding:0 0 7px;border-bottom:1px solid transparent;color:var(--muted)}.archive-filters button[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}.archive-filters button:hover{color:var(--ink)}.archive-filters sup{margin-left:5px}.archive-tools>span{color:var(--muted);font-variant-numeric:tabular-nums}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 24px}.archive-card[hidden]{display:none}.archive-cover{display:block;aspect-ratio:1.15;position:relative;background:#dedfd6;overflow:hidden}.archive-cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.archive-cover:hover img{transform:scale(1.035)}.archive-cover.artwork-cover{background:#e1e2da}.archive-cover.artwork-cover img{object-fit:contain;padding:24px}.archive-open{position:absolute;bottom:14px;right:14px;width:34px;height:34px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font-size:21px;transition:transform .2s,background .2s}.archive-cover:hover .archive-open{background:var(--acid);transform:rotate(45deg)}.archive-meta{display:flex;justify-content:space-between;align-items:start;gap:20px;padding:15px 0 13px}.archive-meta h3{font-size:23px;font-weight:400;line-height:1.08;letter-spacing:-.04em}.archive-meta h3 a:hover{text-decoration:underline;text-underline-offset:4px}.archive-meta p{font-size:10px;line-height:1.5;color:var(--muted);margin-top:8px}.archive-meta>span{font-size:10px;color:var(--muted);padding-top:3px}.archive-category{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:10px;font-size:10px;line-height:1.4}.archive-category>span:last-child{color:var(--muted);white-space:nowrap}.motion-label{position:absolute;top:14px;left:14px;font-size:9px;background:var(--ink);color:var(--paper);padding:7px 9px}.archive-end{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:20px;margin-top:60px;font-size:10px;color:var(--muted)}.case-credits{font-size:10px;color:var(--muted);margin-top:25px}.case-gallery video{display:block;width:100%;height:550px;object-fit:contain;background:#171815}.case-gallery figure:first-child img{object-fit:contain}.case-gallery figure:first-child video{height:min(75vw,800px)}.case-gallery .film{background:#171815}.film figcaption{color:var(--paper);border-color:#45463e}.artwork-gallery{align-items:start}.artwork-gallery figure:first-child{grid-column:auto}.artwork-gallery img,.artwork-gallery figure:first-child img{height:600px;object-fit:contain;padding:25px}.artwork-gallery video,.artwork-gallery figure:first-child video{height:600px}.single-work{max-width:1000px;margin:auto;grid-template-columns:1fr}.single-work img,.single-work figure:first-child img,.single-work video,.single-work figure:first-child video{height:auto;max-height:850px;min-height:300px;object-fit:contain}.case-artwork{padding-bottom:40px}.case-end>button{max-width:55%}
@media(max-width:900px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-intro>p{font-size:13px}.archive-meta h3{font-size:22px}.archive-filters{gap:25px}.archive-cover{aspect-ratio:1.1}.artwork-gallery img,.artwork-gallery figure:first-child img,.artwork-gallery video,.artwork-gallery figure:first-child video{height:480px}}
@media(max-width:650px){.archive{padding:65px var(--gutter) 10px}.archive-intro{display:block;padding:35px 0}.archive-intro h2{font-size:53px}.archive-intro>p{font-size:13px;margin-top:25px}.archive-tools{gap:15px;align-items:start;padding:16px 0 25px;font-size:10px}.archive-filters{gap:17px;flex-wrap:wrap}.archive-filters sup{font-size:7px;margin-left:2px}.archive-tools>span{display:none}.archive-grid{gap:30px 16px}.archive-meta{padding-top:12px;gap:10px}.archive-meta h3{font-size:19px}.archive-meta p{font-size:9px;margin-top:6px}.archive-meta>span{font-size:9px}.archive-category{font-size:9px;gap:10px;flex-wrap:wrap}.archive-cover.artwork-cover img{padding:16px}.archive-open{width:28px;height:28px;font-size:18px;bottom:10px;right:10px}.motion-label{font-size:8px;padding:6px 7px;top:10px;left:10px}.archive-end{font-size:9px;line-height:1.5;margin-top:35px}.archive-end>span{max-width:160px}.archive-end>a{text-align:right}.case-gallery video,.case-gallery figure:first-child video{height:auto;max-height:650px}.artwork-gallery img,.artwork-gallery figure:first-child img{height:auto;max-height:650px;padding:16px}.artwork-gallery video,.artwork-gallery figure:first-child video{height:auto;max-height:650px}.single-work img,.single-work figure:first-child img,.single-work video,.single-work figure:first-child video{min-height:0;max-height:700px}.case-artwork{padding-bottom:25px}.case-end>button{max-width:55%;font-size:20px}}
@media(max-width:500px){.archive-grid{grid-template-columns:1fr;gap:36px}.archive-cover{aspect-ratio:1.12}.archive-meta h3{font-size:24px}.archive-meta p{font-size:10px}.archive-meta>span{font-size:10px}.archive-category{font-size:10px}.archive-cover.artwork-cover img{padding:25px}.archive-open{width:34px;height:34px;font-size:21px;bottom:14px;right:14px}}
.case-chapters{display:flex;gap:30px;flex-wrap:wrap;margin-top:35px;padding-top:18px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.case-chapters button:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.case-story{padding:0 var(--gutter)}.story-section{border-top:1px solid var(--line);padding:45px 0 65px;scroll-margin-top:75px}.story-heading{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end;margin-bottom:35px}.story-heading h2{font-size:clamp(30px,3.6vw,58px);font-weight:400;letter-spacing:-.05em;line-height:1.05;margin-top:14px}.story-heading>div>p{font-size:14px;line-height:1.6;max-width:490px}.story-heading .text-link{margin-top:20px}.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 24px;align-items:start}.story-media{margin:0;min-width:0;background:#e1e2da;display:flex;flex-direction:column}.story-image{display:block;overflow:hidden}.story-image img{display:block;width:100%;height:auto}.story-media figcaption{display:flex;justify-content:space-between;align-items:start;gap:20px;border-top:1px solid var(--line);padding:13px 12px;font-size:10px;line-height:1.5}.story-media figcaption>a,.story-media figcaption>span:last-child:not(:first-child){white-space:nowrap;color:var(--muted)}.story-media figcaption>a:hover{text-decoration:underline}.story-objects{align-items:stretch}.story-objects .story-image{padding:55px;min-height:450px;height:100%;display:flex;align-items:center;justify-content:center;flex:1;background:#dedfd4}.story-objects .story-image img{max-width:460px}.story-film{background:#181915}.story-film video{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:#181915}.story-film figcaption{border-color:#45463e;color:var(--paper)}.story-film figcaption>span:last-child{color:#b8b9af!important}.story-carousel{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.story-carousel figcaption{display:block;font-size:9px}.story-carousel figcaption>a{display:block;margin-top:6px}.case-end>[data-all-work]{text-align:left}
@media(max-width:900px){.story-heading{gap:7%}.story-heading>div>p{font-size:13px}.story-objects .story-image{padding:35px;min-height:350px}.story-media figcaption{font-size:9px;gap:12px}.story-carousel{gap:15px}.case-chapters{gap:20px}}
@media(max-width:650px){.case-chapters{display:grid;grid-template-columns:1fr 1fr;gap:18px 15px;text-align:left;margin-top:25px;font-size:10px}.case-chapters button{text-align:left}.story-section{padding:30px 0 40px;scroll-margin-top:65px}.story-heading{display:block;margin-bottom:25px}.story-heading h2{font-size:33px;margin-top:12px;max-width:350px}.story-heading>div>p{font-size:13px;margin-top:22px;line-height:1.6}.story-heading .text-link{font-size:11px;margin-top:15px}.story-grid,.story-carousel{grid-template-columns:1fr;gap:24px}.story-media figcaption{font-size:9px;padding:12px;gap:15px}.story-objects .story-image{padding:35px;min-height:350px}.story-carousel figcaption{display:flex;font-size:9px}.story-carousel figcaption>a{margin-top:0}.story-film video{max-height:650px}.case-end>[data-all-work]{font-size:22px}}
.story-group+.story-group{margin-top:55px}.story-group-heading{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid var(--line);padding-top:20px;margin-bottom:25px}.story-group-heading h3{font-size:25px;font-weight:400;letter-spacing:-.035em;line-height:1.15}.story-group-heading p{font-size:12px;line-height:1.6;max-width:490px;color:var(--muted)}.story-birthday{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.story-birthday figcaption{display:block;font-size:9px}.story-birthday figcaption>a{display:block;margin-top:6px}.story-early{gap:30px}
@media(max-width:1000px){.story-birthday{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.story-group+.story-group{margin-top:35px}.story-group-heading{display:block;padding-top:17px;margin-bottom:22px}.story-group-heading h3{font-size:24px}.story-group-heading p{font-size:12px;margin-top:14px}.story-birthday{grid-template-columns:1fr;gap:24px}.story-birthday figcaption{display:flex;font-size:9px}.story-birthday figcaption>a{margin-top:0}}
.story-food{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.story-food figcaption{display:block;font-size:9px}.story-food figcaption>a{display:block;margin-top:6px}.story-programme{grid-template-columns:minmax(0,1fr);max-width:650px}
@media(max-width:650px){.story-food{grid-template-columns:1fr;gap:24px}.story-food figcaption{display:flex;font-size:9px}.story-food figcaption>a{margin-top:0}}
.story-festival,.story-bound{grid-template-columns:minmax(0,1fr);max-width:850px;margin-inline:auto}
.story-aer-event-mix{grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 20px}.story-aer-event-mix>.story-media{grid-column:span 2}.story-aer-event-mix>.story-media:nth-last-child(-n+2){grid-column:span 3}.story-aer-stories{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}.story-aer-stories .story-image{aspect-ratio:9/16;display:flex;align-items:center;justify-content:center;background:#151613}.story-aer-stories .story-image img{width:100%;height:100%;object-fit:contain}.story-aer-stories figcaption{flex:1}.story-aer-photography{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px}
@media(max-width:650px){.story-aer-event-mix,.story-aer-stories,.story-aer-photography{grid-template-columns:1fr;gap:24px}.story-aer-event-mix>.story-media,.story-aer-event-mix>.story-media:nth-last-child(-n+2){grid-column:auto}}
.poster-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;color:var(--muted);font-size:10px}.poster-controls button{color:var(--ink);border-bottom:1px solid var(--ink);padding:4px 0}.poster-rail{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;overscroll-behavior-x:contain;outline-offset:5px}.poster-track,.poster-set{display:flex;width:max-content}.poster-set{gap:20px;padding-right:20px;align-items:start}.poster-set .story-media{flex:none;width:clamp(240px,28vw,410px)}.poster-set figcaption{display:block;min-height:70px}.poster-set figcaption>a{display:block;margin-top:5px}.poster-rail:focus-visible{outline:2px solid var(--ink)}
@media(max-width:650px){.poster-set{gap:16px;padding-right:16px}.poster-set .story-media{width:72vw}.poster-controls{font-size:10px}}
.story-aer-portraits,.story-aer-guests,.story-aer-menu,.story-aer-foodpanda{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 20px}.story-aer-portraits figcaption,.story-aer-guests figcaption,.story-aer-menu figcaption,.story-aer-foodpanda figcaption{display:block}.story-aer-portraits figcaption>a,.story-aer-guests figcaption>a,.story-aer-menu figcaption>a,.story-aer-foodpanda figcaption>a{display:block;margin-top:5px}.story-aer-campaign .story-film video{aspect-ratio:9/16;max-height:690px}.story-aer-campaign .story-film{max-width:390px;justify-self:center;width:100%}.story-aer-merch .story-image{background:#e1e2da;padding:20px}.story-aer-vouchers{gap:30px}.story-aer-vouchers .story-image{padding:30px;background:#dedfd4}
@media(max-width:900px){.story-aer-portraits,.story-aer-guests,.story-aer-menu,.story-aer-foodpanda{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.story-aer-portraits,.story-aer-guests,.story-aer-menu,.story-aer-foodpanda{grid-template-columns:1fr;gap:24px}.story-aer-portraits figcaption,.story-aer-guests figcaption,.story-aer-menu figcaption,.story-aer-foodpanda figcaption{display:flex}.story-aer-portraits figcaption>a,.story-aer-guests figcaption>a,.story-aer-menu figcaption>a,.story-aer-foodpanda figcaption>a{margin-top:0}.story-aer-merch .story-image,.story-aer-vouchers .story-image{padding:18px}}

.story-aer-campaign{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.story-aer-menu{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:650px){.case-gallery figcaption,.project-number{font-size:12px;line-height:1.5}}
@media(max-width:650px){.story-aer-campaign,.story-aer-menu{grid-template-columns:1fr;gap:24px}}

.intro-context{max-width:430px}.intro-proof{display:block;width:fit-content;margin-top:19px;padding-top:12px;border-top:1px solid var(--line);line-height:1.4}.intro-proof strong{font-size:24px;font-weight:400;letter-spacing:-.045em}.intro-proof span{display:block;font-size:11px;color:var(--muted);margin-top:3px}.intro-proof:hover span{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.impact{margin-top:65px}.impact-heading{padding:55px 0 45px}
@media(max-width:650px){.intro-context{grid-row:2;grid-column:1/-1;max-width:100%}.intro-context>p{max-width:310px;font-size:14px;line-height:1.5}.intro-proof{margin-top:18px}.intro-proof strong{font-size:25px}.intro-proof span{font-size:12px}.index-view .work-track{grid-template-columns:1fr;gap:34px}.index-view .art{height:100vw;max-height:580px}.index-view .project-title{font-size:24px}.index-view .project-meta p,.project-meta p{font-size:12px;line-height:1.5}.index-view .art-caption{font-size:39px;left:20px;top:20px}.index-view .project:last-child .art{height:95vw}.archive-meta p,.archive-category,.archive-meta>span{font-size:12px;line-height:1.5}.archive-filters{gap:14px 22px}.archive-filters button{font-size:12px;min-height:35px}.archive-tools{font-size:12px}.archive-filters sup{font-size:9px}.archive-end,.work-bottom,.footer-bottom,.impact-foot,.metric-detail{font-size:12px;line-height:1.5}.eyebrow,.case-credits,.case-chapters{font-size:12px}.case-chapters{gap:19px 15px}.case-chapters button{min-height:30px}.story-media figcaption,.story-carousel figcaption,.story-birthday figcaption,.story-food figcaption,.story-aer-portraits figcaption,.story-aer-guests figcaption,.story-aer-menu figcaption,.story-aer-foodpanda figcaption{font-size:12px;line-height:1.5;flex-wrap:wrap;gap:8px 15px}.story-media figcaption a{min-height:24px}.case-top{font-size:12px}.impact .section-line{font-size:11px}.impact{margin-top:50px}.impact-heading{padding:40px 0}.capabilities p,.experience p{font-size:12px;line-height:1.5}.poster-controls{font-size:12px}}

.story-cf-coldcuts,.story-cf-robot{grid-template-columns:minmax(0,1fr);max-width:820px;margin-inline:auto}.story-cf-motion{grid-template-columns:minmax(0,1fr);max-width:470px;margin-inline:auto}.story-cf-motion video{aspect-ratio:9/16;max-height:800px}

.story-series{margin-top:45px}.story-series-heading{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid var(--line);padding-top:20px;margin-bottom:25px}.story-series-heading h4{margin:0;font-size:22px;font-weight:400;letter-spacing:-.035em;line-height:1.15}.story-series-heading p{font-size:12px;line-height:1.6;max-width:490px;color:var(--muted)}
@media(max-width:650px){.story-series{margin-top:35px}.story-series-heading{display:block;padding-top:17px;margin-bottom:22px}.story-series-heading h4{font-size:22px}.story-series-heading p{margin-top:14px}}

.story-yb-campaign,.story-yb-digital{grid-template-columns:1fr}.story-yb-campaign .story-media{width:100%}.story-yb-digital .story-media{width:min(100%,850px);justify-self:center}.story-yb-packaging,.story-yb-collabs,.story-yb-merch{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 20px}.story-yb-packaging .story-image,.story-yb-collabs .story-image,.story-yb-merch .story-image{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;background:#e1e2da}.story-yb-packaging .story-image img,.story-yb-collabs .story-image img,.story-yb-merch .story-image img{width:100%;height:100%;object-fit:contain}.story-yb-everyday .story-image{height:560px;background:#e1e2da;display:flex;align-items:center;justify-content:center}.story-yb-everyday .story-image img{width:100%;height:100%;object-fit:contain}.story-yb-everyday .story-film{max-width:500px;justify-self:center;width:100%}.story-yb-everyday .story-film video{height:560px;aspect-ratio:auto}.story-yb-packaging figcaption,.story-yb-collabs figcaption,.story-yb-merch figcaption{display:block}.story-yb-packaging figcaption>a,.story-yb-collabs figcaption>a,.story-yb-merch figcaption>a{display:block;margin-top:5px}
@media(max-width:650px){.story-yb-packaging,.story-yb-collabs,.story-yb-merch{grid-template-columns:1fr;gap:24px}.story-yb-everyday .story-image,.story-yb-everyday .story-film video{height:auto;max-height:650px}.story-yb-everyday .story-image img{height:auto;max-height:650px;object-fit:contain}.story-yb-packaging figcaption,.story-yb-collabs figcaption,.story-yb-merch figcaption{font-size:12px}}

/* Yardbird photography, menus and paired receipt assets. */
.story-yb-merch-photo{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 20px}.story-yb-merch-photo .story-image{height:560px;display:flex;align-items:center;justify-content:center}.story-yb-merch-photo .story-image img{width:100%;height:100%;object-fit:contain}.story-yb-receipts .story-image,.story-yb-receipts video{height:560px;aspect-ratio:auto;background:#e1e2da}.story-yb-receipts .story-image img{width:100%;height:100%;object-fit:contain}.story-yb-receipts .story-film{background:#e1e2da}.story-yb-receipts .story-film figcaption{color:var(--ink);border-color:var(--line)}.story-yb-receipts .story-film figcaption>span:last-child{color:var(--muted)!important}.story-yb-menu{grid-template-columns:1fr}.story-yb-menu .story-media{width:min(100%,1000px);justify-self:center}
@media(max-width:650px){.story-yb-merch-photo{grid-template-columns:1fr}.story-yb-merch-photo .story-image,.story-yb-receipts .story-image,.story-yb-receipts video{height:auto;max-height:650px}.story-yb-merch-photo .story-image img,.story-yb-receipts .story-image img{height:auto;max-height:650px;object-fit:contain}}

/* KIN: identity, physical applications and original interface framework. */
.story-kin-marks,.story-kin-forms,.story-kin-interiors,.story-kin-icons{grid-template-columns:repeat(2,minmax(0,1fr))}.story-kin-marks .story-image,.story-kin-forms .story-image{height:360px;display:flex;align-items:center;justify-content:center;padding:36px;background:#e1e2da}.story-kin-marks .story-image img,.story-kin-forms .story-image img{width:100%;height:100%;object-fit:contain}.story-kin-wide,.story-kin-plan,.story-kin-packaging{grid-template-columns:1fr}.story-kin-packaging .story-media{width:min(100%,760px);justify-self:center}.story-kin-interiors .story-image,.story-kin-icons .story-image{height:540px;display:flex;align-items:center;justify-content:center;background:#e1e2da}.story-kin-interiors .story-image img,.story-kin-icons .story-image img{width:100%;height:100%;object-fit:contain}.story-kin-icons .story-media:first-child .story-image{padding:36px}.story-kin-plan .story-image img{width:100%;height:auto}.story-kin-ui{grid-template-columns:repeat(3,minmax(0,1fr))}.story-kin-ui .story-image img{width:100%;height:auto}.story-kin-ui figcaption{display:block}.story-kin-ui figcaption>a{display:block;margin-top:5px}
@media(max-width:650px){.story-kin-marks,.story-kin-forms,.story-kin-interiors,.story-kin-icons,.story-kin-ui{grid-template-columns:1fr}.story-kin-marks .story-image,.story-kin-forms .story-image{height:300px;padding:28px}.story-kin-interiors .story-image,.story-kin-icons .story-image{height:auto;min-height:200px;max-height:650px}.story-kin-interiors .story-image img,.story-kin-icons .story-image img{height:auto;max-height:650px;object-fit:contain}.story-kin-ui figcaption{display:flex}}

.story-kin-packaging{grid-template-columns:repeat(2,minmax(0,1fr))}.story-kin-packaging .story-media{width:100%}.story-kin-packaging .story-image{height:560px;display:flex;align-items:center;justify-content:center;background:#e1e2da}.story-kin-packaging .story-image img{width:100%;height:100%;object-fit:contain}
@media(max-width:650px){.story-kin-packaging{grid-template-columns:1fr}.story-kin-packaging .story-image{height:auto}.story-kin-packaging .story-image img{height:auto}}

/* The Upper House: portrait triptych and paired editorial imagery. */
.story-tuh-motion { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.story-tuh-architecture .story-image img,
.story-tuh-motion .story-image img,
.story-tuh-fitout .story-image img {
  aspect-ratio: 4 / 5;
  object-fit: contain;
  background: #e1e2da;
}
.story-tuh-fitout .story-image img { aspect-ratio: 4 / 3; }

@media (max-width: 650px) {
  .story-tuh-motion { grid-template-columns: 1fr; }
  .story-tuh-architecture .story-image img,
  .story-tuh-motion .story-image img,
  .story-tuh-fitout .story-image img { aspect-ratio: auto; }
}

/* RONIN: compact grids for the ingredient studies and original photography. */
.story-ronin-three,
.story-ronin-original { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.story-ronin-motion .story-film video { aspect-ratio: 1; }

@media (max-width: 650px) {
  .story-ronin-three { grid-template-columns: 1fr; }
  .story-ronin-original { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 12px; }
  .story-ronin-original figcaption { display: block; }
  .story-ronin-original figcaption a { display: block; margin-top: 6px; }
}
