@font-face{font-family:"EB Garamond";src:url('/assets/eb-garamond.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:"EB Garamond";src:url('/assets/eb-garamond-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Montserrat;src:url('/assets/montserrat.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--paper:#f6f3ec;--ink:#302d28;--muted:#686258;--line:#cfc8bb;--inset:#eae5db;--display:"EB Garamond",Georgia,serif;--body:Montserrat,Arial,sans-serif;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font:400 15px/1.8 var(--body);-webkit-font-smoothing:antialiased}::selection{background:#d8d0bf;color:var(--ink)}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}img{display:block;max-width:100%;height:auto}svg{width:24px;height:24px;flex-shrink:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:400;font-style:italic;letter-spacing:-.035em;line-height:.98;text-wrap:balance}p+p{margin-top:1.15em}.wrap{width:calc(100% - 96px);max-width:1440px;margin-inline:auto}.skip{position:fixed;top:12px;left:12px;z-index:10;transform:translateY(-160%);background:var(--ink);color:var(--paper);padding:10px 20px}.skip:focus{transform:none}.header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:28px}.identity{width:142px;flex-shrink:0}.identity img{width:100%;mix-blend-mode:multiply}.header nav{display:flex;gap:38px;align-items:center}.header nav a{font-size:12px;text-decoration:none;position:relative;padding-block:10px}.header nav a:after{content:'';position:absolute;left:0;right:0;bottom:5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.header nav a:hover:after,.header nav a[aria-current=page]:after{transform:scaleX(1)}
.hero{min-height:min(640px,calc(80svh - 100px));display:flex;flex-direction:column;justify-content:center;position:relative;padding-block:78px 135px}.hero h1{font-size:clamp(33.6px,4.632vw,74.88px);line-height:.99;text-align:center;letter-spacing:-.04em}.hero-line{display:block;padding-block:.075em;overflow:visible}.hero-line>span{display:block}.hero-line.hello{font-size:.76em;margin-bottom:.025em}.hero-foot{position:absolute;bottom:32px;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;gap:40px;align-items:end;font-size:11px;line-height:1.7}.hero-foot>p:last-child{text-align:right}.scroll-link{display:flex;gap:20px;align-items:center;text-decoration:none;font-size:11px}.scroll-link svg{width:18px;height:22px;transition:transform .3s var(--ease)}.scroll-link:hover svg{transform:translateY(5px)}
.selected-work{padding-top:118px;scroll-margin-top:0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:64px}.section-heading h2{font-size:clamp(43.2px,4.92vw,75.6px)}.section-heading>p{font-size:13px;line-height:1.9;margin-bottom:9px;max-width:360px}.project{margin-bottom:88px}.project-link{text-decoration:none;display:block}.project-stage{position:relative;background:var(--inset);overflow:hidden;isolation:isolate;aspect-ratio:1.88}.project-stage>img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.project-goodlife-magazine-by-lulu-international .project-stage>img{object-position:50% 53%}.project-grubtech .project-stage{background:#fff}.project-grubtech .project-stage>img{object-fit:contain;padding:4.5%}.project-threefold .project-stage{background:#dfdfef}.project-threefold .project-stage>img{object-fit:contain;padding:3.5%}.project-raiinmaker .project-stage{background:#0e121b}.project-raiinmaker .project-stage>img{object-fit:contain;padding:4%}.project-zadk-culinary-academy .project-stage>img{object-position:center 48%}.project-view{position:absolute;right:24px;bottom:24px;display:flex;align-items:center;gap:18px;background:var(--paper);padding:13px 19px;font-size:11px;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .4s var(--ease)}.project-view svg{width:18px;height:18px}.project-link figcaption{padding-top:22px;display:grid;grid-template-columns:1fr auto 30px;align-items:center;gap:26px}.project-link h3{font-size:35.7px;line-height:1.1}.project-link figcaption p{font-size:11px;color:var(--muted);line-height:1.7;max-width:300px}.project-arrow{display:flex;justify-content:end}.project-arrow svg{width:22px;height:22px;transition:transform .3s var(--ease)}.project-link:focus-visible .project-view{opacity:1;transform:none}.additional-work{border-block:1px solid var(--line);display:grid;grid-template-columns:1fr auto 24px;gap:30px;align-items:center;padding-block:28px;text-decoration:none;margin-top:-8px}.additional-work>span:first-child{font:italic 28.8px/1.15 var(--display);letter-spacing:-.025em}.additional-work>span:nth-child(2){font-size:11px;color:var(--muted)}
.home-about{margin-block:150px;display:grid;grid-template-columns:minmax(220px,390px) minmax(0,650px);justify-content:space-between;gap:12%;align-items:center}.about-portrait img{width:100%}.about-portrait>p,.about-portrait>figcaption{font-size:11px;color:var(--muted);margin-top:14px}.about-copy h2{font-size:clamp(33px,3.575vw,50.6px);margin-bottom:34px}.lead{font-size:19px;line-height:1.8;letter-spacing:-.025em;max-width:62ch}.about-copy>p:not(.lead){max-width:58ch;font-size:14px;color:var(--muted);margin-top:24px}.text-link{display:inline-block;margin-top:26px;font-size:12px}.footer{border-top:1px solid var(--line);padding-block:84px 28px}.contact-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:70px}.contact-heading h2{font-size:clamp(32px,3.5vw,55px)}.contact-details{justify-self:end;padding-bottom:8px}.contact-details>p{font-size:12px;color:var(--muted);line-height:1.9;margin-bottom:24px}.email{display:flex;gap:26px;align-items:center;font:italic clamp(26px,2.9vw,42px)/1.2 var(--display);text-decoration:none}.email svg{width:24px;height:24px}.footer-bottom{border-top:1px solid var(--line);margin-top:92px;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:10px;color:var(--muted)}.footer-name{font:400 21px/1.2 var(--display);text-decoration:none;color:var(--ink)}.social-links{display:flex;gap:24px}.social-links a{text-decoration:none}.social-links a:hover{text-decoration:underline}
.page-intro,.case-intro{padding-block:90px 76px}.page-intro h1,.case-intro h1{font-size:clamp(35.2px,4.675vw,72.6px);max-width:1150px;overflow-wrap:break-word}.page-intro>.lead{margin-top:34px;max-width:700px}.about-layout{display:grid;grid-template-columns:minmax(220px,390px) minmax(0,690px);justify-content:space-between;gap:12%;padding-block:15px 120px}.prose{max-width:680px}.prose h2{font-size:32.25px;line-height:1.12;margin-block:46px 18px}.prose>h2:first-child,.prose>section:first-child h2{margin-top:0}.prose p{font-size:15px;line-height:1.95;color:#4e4941;max-width:66ch}.prose>section+section{margin-top:44px}.back-link{display:inline-block;font-size:11px;margin-bottom:38px}.case-summary{margin-top:34px;display:flex;justify-content:space-between;align-items:end;gap:50px}.case-summary .lead{max-width:710px}.case-discipline{font-size:11px;line-height:1.9;max-width:270px}.case-image{background:var(--inset)}.case-image img{width:100%;max-height:850px;object-fit:contain}.case-body{display:grid;grid-template-columns:1fr 2fr;gap:12%;padding-block:84px 100px}.case-meta{font-size:11px;line-height:1.9;max-width:250px}.case-meta p:nth-child(odd){color:var(--muted)}.case-meta p:nth-child(even){margin-top:6px}.case-meta p:nth-child(3){margin-top:30px}.prose .credits{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:24px;margin-top:40px}.next-project{border-top:1px solid var(--line);padding-block:32px 80px}.next-project>p{font-size:11px;color:var(--muted)}.next-project>a{font:italic clamp(22.8px,3.3vw,48px)/1.1 var(--display);letter-spacing:-.03em;display:flex;align-items:center;justify-content:space-between;gap:24px;text-decoration:none;margin-top:20px}.next-project svg{width:38px;height:38px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-bottom:80px}.gallery-project{margin-bottom:20px}.gallery-project .project-stage{aspect-ratio:1.3}.gallery-project h3{font-size:29.75px}.gallery-project figcaption{grid-template-columns:1fr 24px;gap:10px}.gallery-project figcaption p{grid-row:2;grid-column:1/-1}.gallery-project .project-arrow{grid-column:2;grid-row:1}.journal-list{padding-bottom:100px}.journal-list article{border-top:1px solid var(--line);padding-block:40px;display:grid;grid-template-columns:1fr 1fr;gap:12%}.journal-list h2{font-size:36px;max-width:520px;line-height:1.1}.journal-list article p{font-size:14px;max-width:55ch;color:var(--muted)}.journal-list .text-link{margin-top:18px}.error-page{min-height:65vh}.error-page .text-link{margin-top:24px}
@media(hover:hover){.project-link:hover .project-stage>img{transform:scale(1.025)}.project-link:hover .project-view{opacity:1;transform:none}.project-link:hover .project-arrow svg,.additional-work:hover svg,.email:hover svg{transform:translate(3px,-3px)}}
@media(prefers-reduced-motion:no-preference){.home .hero-line>span{animation:typeset-in 1.15s var(--ease) both}.home .hero-line:nth-child(2)>span{animation-delay:.1s}.home .hero-line:nth-child(3)>span{animation-delay:.2s}.home .hero-foot{animation:ink-in 1s .35s both}.project-stage.is-entering>img{animation:print-in .9s var(--ease) both}@keyframes typeset-in{from{transform:translateY(35%);opacity:.1}to{transform:none;opacity:1}}@keyframes ink-in{from{opacity:.2}to{opacity:1}}@keyframes print-in{from{clip-path:inset(5% 0 0);transform:scale(1.025)}to{clip-path:inset(0);transform:scale(1)}}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{min-height:570px;padding-block:70px 135px}.hero h1{font-size:4.896vw}.hero-foot{gap:24px}.selected-work{padding-top:80px}.section-heading{margin-bottom:45px}.project{margin-bottom:65px}.project-link h3{font-size:30.6px}.project-link figcaption p{max-width:220px}.additional-work{grid-template-columns:1fr 24px;gap:12px}.additional-work>span:nth-child(2){grid-row:2}.additional-work svg{grid-column:2;grid-row:1}.home-about{gap:8%;margin-block:105px}.about-copy h2{font-size:34.1px}.lead{font-size:17px}.contact-heading{gap:30px}.contact-heading h2{font-size:38px}.email{font-size:32px;gap:15px}.footer-bottom{flex-wrap:wrap;row-gap:22px}.footer-bottom>p{display:none}.about-layout{gap:8%}.case-summary{align-items:start}.case-body{gap:8%}.gallery{gap:30px}.gallery-project figcaption h3{font-size:26.35px}}
@media(max-width:640px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}.header{height:88px;gap:16px}.identity{width:103px}.header nav{gap:15px}.header nav a{font-size:10px;padding-block:12px}.header nav a:after{bottom:7px}.hero{min-height:440px;max-height:560px;padding-block:72px 142px}.hero h1{font-size:clamp(33.6px,5.952vw,38.4px);line-height:1.08}.hero-line.hello{font-size:.98em;margin-bottom:.15em}.hero-foot{bottom:24px;grid-template-columns:1fr auto;gap:20px;font-size:10px}.hero-foot>p:last-child{display:none}.scroll-link{font-size:10px;gap:12px}.scroll-link svg{width:15px}.selected-work{padding-top:64px}.section-heading{display:block;margin-bottom:34px}.section-heading h2{font-size:46.8px;line-height:.9}.section-heading>p{font-size:12px;margin-top:26px}.project{margin-bottom:45px}.project-stage{aspect-ratio:1.22}.project-grubtech .project-stage>img{padding:5%}.project-link figcaption{padding-top:16px;grid-template-columns:1fr 20px;gap:10px}.project-link h3{font-size:27.2px}.project-link figcaption p{grid-column:1/-1;grid-row:2;font-size:10px;max-width:100%}.project-arrow{grid-column:2;grid-row:1}.project-arrow svg{width:20px;height:20px}.project-view{display:none}.additional-work{padding-block:24px;margin-top:0}.additional-work>span:first-child{font-size:25.2px}.additional-work>span:nth-child(2){font-size:10px;line-height:1.9}.home-about{display:flex;flex-direction:column;align-items:stretch;gap:35px;margin-block:76px}.about-portrait{width:72%;max-width:330px}.about-portrait>p,.about-portrait>figcaption{font-size:10px}.about-copy h2{font-size:33px;margin-bottom:26px}.lead{font-size:17px;line-height:1.8}.about-copy>p:not(.lead){font-size:13px;margin-top:20px}.text-link{font-size:11px;margin-top:23px}.footer{padding-block:52px 24px}.contact-heading{display:block}.contact-heading h2{font-size:30.5px;line-height:.99}.contact-details{padding:0;margin-top:30px}.contact-details>p{font-size:11px;margin-bottom:20px}.email{font-size:31px;justify-content:space-between;gap:10px}.email svg{width:20px;height:20px}.footer-bottom{margin-top:50px;display:grid;grid-template-columns:1fr auto;gap:25px 12px;padding-top:20px}.footer-name{font-size:20px}.social-links{grid-column:1/-1;grid-row:2;gap:26px}.footer-bottom>span{grid-column:2;grid-row:1}.page-intro,.case-intro{padding-block:48px 42px}.page-intro h1,.case-intro h1{font-size:clamp(28.6px,7.15vw,41.8px);line-height:1.02}.page-intro>.lead{margin-top:26px;font-size:16px}.about-layout{display:block;padding-block:0 65px}.about-layout .about-portrait{margin-bottom:36px}.prose h2{font-size:26.25px;margin-block:34px 14px}.prose p{font-size:13px;line-height:1.95}.back-link{font-size:10px;margin-bottom:28px}.case-summary{display:block;margin-top:24px}.case-summary .lead{font-size:16px}.case-discipline{font-size:10px;margin-top:20px;max-width:100%}.case-image img{max-height:none}.case-body{display:block;padding-block:35px 55px}.case-meta{display:grid;grid-template-columns:90px 1fr;column-gap:12px;max-width:none;font-size:10px;margin-bottom:36px}.case-meta p:nth-child(even){margin:0}.case-meta p:nth-child(3),.case-meta p:nth-child(4){margin-top:14px}.prose>section+section{margin-top:32px}.prose .credits{font-size:10px;line-height:1.9;margin-top:30px;padding-top:20px}.next-project{padding-block:25px 52px}.next-project>a{font-size:24px;gap:18px}.next-project svg{width:25px;height:25px}.gallery{display:block;margin-bottom:60px}.gallery-project{margin-bottom:38px}.gallery-project .project-stage{aspect-ratio:1.22}.journal-list{padding-bottom:50px}.journal-list article{display:block;padding-block:28px}.journal-list h2{font-size:27.75px}.journal-list article>div{margin-top:20px}.journal-list article p{font-size:13px}}
@media(max-width:360px){.header nav{gap:12px}.identity{width:94px}.hero-foot{gap:12px}.hero-foot>p{max-width:150px}.hero h1{font-size:33.6px}.email{font-size:28px}.contact-heading h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.project-link:hover .project-stage>img{transform:none}}

.case-meta{min-width:0}.case-facts{margin:0}.case-facts>div+div{margin-top:24px}.case-facts dt{color:var(--muted);font-size:11px}.case-facts dd{margin:6px 0 0;font-size:12px;line-height:1.9}.case-outline{border-top:1px solid var(--line);margin-top:32px;padding-top:24px;display:flex;flex-direction:column;gap:12px}.case-outline a{font-size:11px;line-height:1.7;text-decoration:none}.case-outline a:hover{text-decoration:underline}.prose>section{scroll-margin-top:35px}.case-tools ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;font-size:12px;color:#4e4941}.case-credits dl{margin:0}.case-credits dl>div+div{margin-top:20px}.case-credits dt{font-size:11px;color:var(--muted)}.case-credits dd{margin:4px 0 0;font-size:13px}.case-film{margin-block:24px 32px}.film-link{position:relative;display:block;overflow:hidden;background:var(--inset);aspect-ratio:16/9}.film-link img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.film-link:hover img{transform:scale(1.02)}.film-action{position:absolute;bottom:16px;left:16px;display:flex;align-items:center;gap:18px;background:var(--paper);color:var(--ink);font-size:11px;padding:10px 16px}.film-action svg{width:18px;height:18px}.case-film>figcaption{font-size:11px;color:var(--muted);margin-top:10px}.case-film iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:var(--ink)}.document-link{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;border-block:1px solid var(--line);padding-block:20px}.client-quote{margin-block:40px;padding-block:28px;border-block:1px solid var(--line)}.client-quote blockquote{margin:0}.client-quote blockquote p{font:italic 27px/1.35 var(--display);color:var(--ink)}.client-quote figcaption{margin-top:18px;font-size:12px}.client-quote figcaption span{font-size:11px;color:var(--muted)}
@media(max-width:640px){.case-meta{display:block}.case-facts{display:grid;grid-template-columns:1fr 1fr;gap:22px}.case-facts>div+div{margin-top:0}.case-facts>div:last-child{grid-column:1/-1}.case-facts dt{font-size:10px}.case-facts dd{font-size:11px}.case-outline{flex-direction:row;flex-wrap:wrap;gap:10px 18px;margin-top:24px;padding-top:20px}.case-outline a{font-size:10px;text-decoration:underline}.case-tools ul{font-size:11px;gap:8px 16px}.case-credits dt{font-size:10px}.case-credits dd{font-size:12px}.client-quote blockquote p{font-size:24px}.film-action{bottom:10px;left:10px;padding:8px 12px;font-size:10px}.document-link{font-size:11px}.case-film{margin-block:20px 28px}}
/* A quiet work index beside compact project previews. */
.cms-system{padding-block:8px 30px}.cms-system-heading{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:25px}.cms-system-heading h2{font-size:32px;line-height:1.15}.cms-controls{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.cms-controls[hidden]{display:none}.cms-controls button{border:0;border-bottom:1px solid transparent;background:transparent;color:var(--muted);font:400 11px/1.5 var(--body);padding:10px 0;cursor:pointer}.cms-controls button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}.cms-controls button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.cms-diagram{border:1px solid var(--line);background:#f0ece3}.cms-desktop-diagram svg{display:block;width:100%;height:auto}.cms-diagram .video-flow,.cms-diagram .dashboard-flow{transition:opacity .25s ease}.cms-diagram[data-mode=video] .dashboard-flow,.cms-diagram[data-mode=dashboard] .video-flow{opacity:.16}.cms-phone-diagram{display:none}.cms-diagram-caption{display:flex;justify-content:space-between;align-items:start;gap:35px;margin-top:18px;font-size:11px;color:var(--muted)}.cms-diagram-caption p{max-width:70ch}.cms-diagram-caption a{flex-shrink:0;color:var(--ink)}.project-metabolic-content-management .project-stage{background:#f0ece3}.project-metabolic-content-management .project-stage>img{object-fit:contain;padding:0}.tech-case-teaser{display:grid;grid-template-columns:1.6fr 1fr;gap:35px;align-items:center;text-decoration:none;margin-bottom:40px;border-bottom:1px solid var(--line);padding-bottom:35px}.tech-case-teaser>img{width:100%;background:#f0ece3}.tech-case-teaser h3{font-size:31px;line-height:1.15}.tech-case-teaser p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:20px;max-width:45ch}.tech-case-teaser span{display:inline-block;font-size:11px;text-decoration:underline;text-underline-offset:5px;margin-top:22px}
@media(max-width:1000px){.cms-system-heading{display:block}.cms-controls{margin-top:15px}.cms-system-heading h2{font-size:29px}.cms-diagram-caption{font-size:10px;gap:25px}}
@media(max-width:900px){.cms-desktop-diagram{display:none}.cms-phone-diagram{display:block;padding:24px}.cms-mobile-flow{padding:0 0 0 20px;margin:0}.cms-mobile-flow li{padding:0 0 23px 10px;margin-bottom:24px;border-bottom:1px solid var(--line)}.cms-phone-diagram h3{font-size:25px;line-height:1.15}.cms-phone-diagram p{font-size:12px;line-height:1.9;margin-top:15px;max-width:65ch}.cms-mobile-dashboard{background:#f1e8da;border:1px solid #cdbb9d;padding:22px}.cms-diagram[data-mode=video] .cms-mobile-dashboard,.cms-diagram[data-mode=dashboard] .cms-mobile-flow{display:none}.cms-diagram[data-mode=dashboard] .cms-mobile-dashboard{opacity:1}.cms-diagram[data-mode=all] .cms-mobile-dashboard,.cms-diagram[data-mode=all] .cms-mobile-flow,.cms-diagram[data-mode=video] .cms-mobile-flow{opacity:1}.tech-case-teaser{grid-template-columns:1fr;gap:25px}.tech-case-teaser p{max-width:60ch}}
@media(max-width:640px){.cms-system{padding-top:0}.cms-system-heading h2{font-size:27px}.cms-controls{gap:18px}.cms-controls button{font-size:10px}.cms-phone-diagram{padding:22px 18px}.cms-mobile-flow li{padding-left:6px}.cms-phone-diagram h3{font-size:23px}.cms-phone-diagram p{font-size:11px}.cms-mobile-dashboard{padding:18px}.cms-diagram-caption{display:block;font-size:10px}.cms-diagram-caption a{display:inline-block;margin-top:15px}.tech-case-teaser h3{font-size:26px}.tech-case-teaser p{font-size:12px}}
.discipline-index{border-top:1px solid var(--line);margin-top:85px;padding-top:35px;display:grid;grid-template-columns:38fr 62fr;gap:clamp(40px,6vw,100px)}.discipline-index h2{font-size:36px;line-height:1.12}.discipline-index>div{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.discipline-index a{display:flex;align-items:center;justify-content:space-between;gap:18px;text-decoration:none;font-size:12px;border-bottom:1px solid var(--line);padding-block:18px}.discipline-index svg{width:17px;height:17px}.gallery-jump{display:flex;flex-wrap:wrap;gap:15px 30px;padding-bottom:35px;border-bottom:1px solid var(--line);font-size:12px}.discipline-section{padding-block:65px;scroll-margin-top:24px}.discipline-section+.discipline-section{border-top:1px solid var(--line)}.discipline-heading{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;margin-bottom:36px;align-items:start}.discipline-heading h2{font-size:39px;line-height:1.12}.discipline-heading>p{font-size:13px;line-height:1.9;max-width:58ch;color:var(--muted)}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.asset-slot{min-width:0}.asset-slot>img{display:block;width:100%;aspect-ratio:var(--image-ratio,3/2);object-fit:contain;background:var(--inset)}.image-placeholder{aspect-ratio:var(--image-ratio,3/2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center;padding:24px;background:#ede8df;border:1px dashed #b7ae9d;color:var(--ink)}.slot-id{font-size:10px;letter-spacing:.07em;color:var(--muted)}.slot-title{font:italic 25px/1.2 var(--display);max-width:24ch}.slot-status{font-size:10px;color:var(--muted)}.asset-slot>figcaption{font-size:11px;line-height:1.8;color:var(--muted);margin-top:10px}.related-projects{margin-top:30px;display:flex;flex-wrap:wrap;gap:14px 26px;font-size:11px;align-items:baseline}.related-projects>span{color:var(--muted)}.editorial-preview{margin-bottom:30px;max-width:860px}.editorial-preview img{width:100%}.editorial-preview figcaption{font-size:11px;margin-top:10px;color:var(--muted)}.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.film-grid .case-film{margin:0 0 28px}.case-gallery .asset-grid{gap:22px}.case-gallery .slot-title{font-size:21px}.case-gallery .image-placeholder{padding:18px;gap:9px}.journal-integrated article{grid-template-columns:220px minmax(0,1fr);gap:40px;align-items:start}.journal-integrated h2{font-size:34px;max-width:720px}.journal-integrated h2 a{text-decoration:none}.journal-integrated article p{margin-top:18px}.journal-thumbnail{display:block;text-decoration:none}.journal-thumbnail .slot-title{font-size:22px}.journal-thumbnail .image-placeholder{padding:16px;gap:8px}.journal-article{padding-block:70px 100px}.article-heading{max-width:900px;margin-inline:auto}.article-heading .back-link{margin-bottom:26px}.article-heading h1{font-size:clamp(34px,4.2vw,60px);line-height:1.12;max-width:900px}.article-heading>p{margin-top:26px;font-size:11px;color:var(--muted)}.article-heading>p span{margin-left:30px}.article-cover{max-width:900px;margin:38px auto 50px}.article-cover .asset-slot{max-width:740px}.article-body{max-width:680px;margin-inline:auto}.article-body>p+p{margin-top:1.6em}.article-body h2{font-size:30px}.article-body .text-link{margin-top:36px}.film-link:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
@media(max-width:1000px){.discipline-index{grid-template-columns:1fr;gap:22px}.journal-integrated article{grid-template-columns:180px minmax(0,1fr);gap:28px}.discipline-heading h2{font-size:34px}.asset-grid{gap:24px}.slot-title{font-size:23px}}
@media(max-width:640px){.discipline-index{margin-top:55px;padding-top:26px}.discipline-index h2{font-size:30px}.discipline-index>div{grid-template-columns:1fr}.discipline-index a{font-size:11px;padding-block:15px}.gallery-jump{gap:13px 22px;font-size:11px;padding-bottom:27px}.discipline-section{padding-block:42px}.discipline-heading{display:block;margin-bottom:26px}.discipline-heading h2{font-size:31px}.discipline-heading>p{margin-top:20px;font-size:12px}.asset-grid{grid-template-columns:1fr;gap:26px}.image-placeholder{padding:24px}.slot-title{font-size:25px}.asset-slot>figcaption{font-size:10px}.film-grid{grid-template-columns:1fr;gap:0}.related-projects{font-size:10px;gap:12px 20px}.case-gallery .asset-grid{grid-template-columns:1fr 1fr;gap:20px 14px}.case-gallery .image-placeholder{min-height:140px;aspect-ratio:auto;padding:12px}.case-gallery .slot-title{font-size:18px}.case-gallery .asset-slot>figcaption{font-size:9px}.journal-integrated article{display:block}.journal-thumbnail{max-width:350px;margin-bottom:24px}.journal-integrated h2{font-size:29px}.journal-integrated article p{font-size:13px}.journal-thumbnail .slot-title{font-size:25px}.journal-article{padding-block:40px 60px}.article-heading h1{font-size:33px;line-height:1.15}.article-heading>p{margin-top:20px;font-size:10px}.article-heading>p span{margin-left:18px}.article-cover{margin-block:28px 34px}.article-body>p+p{margin-top:1.5em}}
.selected-work{display:grid;grid-template-columns:minmax(0,38fr) minmax(0,62fr);column-gap:clamp(40px,6vw,100px);padding-top:72px;align-items:start}
.selected-work .section-heading{display:block;position:sticky;top:30vh;padding:70px 12px 80px 0;margin:0}
.selected-work .section-heading h2{font-size:clamp(32.4px,3.24vw,50.4px);line-height:.95}
.selected-work .section-heading>p{max-width:270px;margin:28px 0 0;font-size:11px}
.selected-work .project-list{min-width:0}
.selected-work .project{border-top:1px solid var(--line);padding-block:0 30px;margin:0}
.selected-work .project-link figcaption{padding-block:20px;grid-template-columns:minmax(0,1fr) minmax(90px,180px) 20px;gap:16px}
.selected-work .project-link h3{font-size:27.2px}
.selected-work .project-link figcaption p{font-size:10px}
.selected-work .project-arrow svg{width:18px;height:18px}
.selected-work .project-stage{aspect-ratio:1.75;max-height:410px}
.selected-work .additional-work{grid-column:2;margin:0;padding-block:24px;grid-template-columns:1fr 20px;gap:12px}
.selected-work .additional-work>span:first-child{font-size:24.3px}
.selected-work .additional-work>span:nth-child(2){grid-column:1;grid-row:2;font-size:10px}
.selected-work .additional-work svg{grid-column:2;grid-row:1;width:18px;height:18px}
@media(max-width:1000px) and (min-width:701px){
.selected-work{grid-template-columns:32fr 68fr;column-gap:34px}
.selected-work .section-heading{top:25vh}
.selected-work .section-heading h2{font-size:34.8px}
.selected-work .project-link figcaption{grid-template-columns:1fr 20px;gap:8px}
.selected-work .project-link figcaption p{grid-column:1/-1;grid-row:2}
.selected-work .project-arrow{grid-column:2;grid-row:1}
}
@media(max-width:700px){
.selected-work{display:block;padding-top:40px}
.selected-work .section-heading{position:static;padding:0 0 30px}
.selected-work .section-heading h2{font-size:31.8px;line-height:.98}
.selected-work .section-heading h2 br{display:none}
.selected-work .section-heading>p{margin-top:18px;font-size:11px}
.selected-work .project{padding-bottom:25px}
.selected-work .project-link figcaption{padding-block:17px;grid-template-columns:1fr 20px;gap:8px}
.selected-work .project-link h3{font-size:24.65px}
.selected-work .project-link figcaption p{grid-column:1/-1;grid-row:2;font-size:10px}
.selected-work .project-arrow{grid-column:2;grid-row:1}
.selected-work .project-stage{aspect-ratio:1.6;max-height:none}
.selected-work .additional-work>span:first-child{font-size:23.4px}
}

/* Match the work index's column grid and heading scale. */
.discipline-index{grid-template-columns:minmax(0,38fr) minmax(0,62fr);column-gap:clamp(40px,6vw,100px);align-items:start}
.discipline-index h2{font-size:clamp(32.4px,3.24vw,50.4px);line-height:.95;padding-top:16px}
.discipline-index>div{min-width:0}
@media(max-width:1000px) and (min-width:701px){.discipline-index{grid-template-columns:minmax(0,32fr) minmax(0,68fr);column-gap:34px}.discipline-index h2{font-size:34.8px}}
@media(max-width:700px){.discipline-index{display:block}.discipline-index h2{font-size:31.8px;line-height:.98;padding:0;margin-bottom:22px}.discipline-index h2 br{display:none}}