body.work-body{--disp:'Inter Tight',Arial,sans-serif;--sans:'Inter Tight',Arial,sans-serif;--light:#242923;--muted:#687063;--g-hi:#53624c;background:#f7f7f4!important;color:#242923;font-family:'Inter Tight',Arial,sans-serif;font-weight:400}
/* Project details share the site's regular editorial typography. */
body.work-body #modal .panel-body,
body.work-body #modal .summary p,
body.work-body #modal .spec .cell .v,
body.work-body #modal .spec .cell .k,
body.work-body #modal .sublabel{font-family:'Inter Tight',Arial,sans-serif;font-weight:400; font-synthesis:none;}
body.work-body #modal .panel-body h2.ptitle{font-family:'Inter Tight',Arial,sans-serif;font-weight:400!important;text-transform:none;line-height:1.08;letter-spacing:-.045em;}
body.work-body #modal .spec .cell .v{font-size:clamp(18px,1.6vw,23px);line-height:1.35;letter-spacing:-.02em;}
body.work-body #modal .spec .cell .k{font-size:12px;line-height:1.4;letter-spacing:0;text-transform:none;}
body.work-body .work-page{padding-top:135px}body.work-body .nav{background:#fff;color:#151715}
body.work-body h1,body.work-body h2,body.work-body h3,body.work-body .t-name,body.work-body .ptitle{font-family:'Inter Tight',Arial,sans-serif;font-weight:400!important}
body.work-body em.it,body.work-body .work-opening em,body.work-body .inside h2 em,body.work-body .work-foot em{font-family:'Instrument Serif',Georgia,serif!important;font-style:italic!important;font-weight:400!important;text-decoration:none!important;background:none!important;position:relative;display:inline-block;color:inherit!important;-webkit-text-fill-color:currentColor!important}
body.work-body .mono{font-family:'Inter Tight',Arial,sans-serif;font-size:12px;font-weight:400;letter-spacing:.025em}
.work-eyebrow{display:flex;justify-content:space-between;gap:20px;color:#697064;font-size:11px;letter-spacing:.04em}.work-opening h1{font-size:clamp(65px,10.5vw,164px);line-height:1.05;letter-spacing:-.065em;margin:40px 0 50px}.work-ink{position:absolute;left:-1%;top:calc(100% - .08em);width:102%;height:.32em;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;pointer-events:none}.work-ink path{stroke-dasharray:1;stroke-dashoffset:1;animation:work-draw 7s ease-in-out infinite}.work-lede{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:start;margin-bottom:46px}.work-lede p{font-size:clamp(26px,3.2vw,47px);letter-spacing:-.035em;line-height:1.12;margin:0;max-width:21ch}.work-lede>div{font-size:17px;line-height:1.5;max-width:39ch;color:#687063;padding-top:6px}
.work-contact-sheet{display:grid;grid-template-columns:1.1fr .85fr 1.1fr;gap:20px;align-items:start;margin-bottom:55px}.work-contact-sheet a{display:block;color:#414b39;text-decoration:none}.work-contact-sheet a:nth-child(2){margin-top:28px}.work-contact-sheet img{width:100%;height:clamp(170px,18vw,280px);object-fit:cover;display:block;transition:transform .5s}.work-contact-sheet a:hover img{transform:translateY(-6px)}.work-contact-sheet span{display:block;margin-top:12px;font-size:11px}
.work-index{position:sticky;top:76px;z-index:15;background:#f7f7f4f5;backdrop-filter:blur(14px);border-top:1px solid #5c68572e;border-bottom:1px solid #5c68572e;display:flex;gap:25px;overflow-x:auto;padding:18px 0;scrollbar-width:thin}.work-index a{display:flex;gap:9px;white-space:nowrap;font-size:12px;color:#71796a;text-decoration:none}.work-index small{font-size:9px}.work-index a.active,.work-index a:hover{color:#202b1b}
body.work-body .group{padding-top:90px;scroll-margin-top:160px;opacity:1;transform:none}body.work-body .group-head{display:grid;grid-template-columns:1.3fr 1fr;gap:22px 60px;margin-bottom:35px;align-items:end}.collection-number{grid-column:1/-1;font-size:10px;letter-spacing:.08em;color:#7d8574}body.work-body .g-title{font-size:clamp(40px,5.2vw,78px);font-weight:400;line-height:1.03;letter-spacing:-.055em;margin:0}body.work-body .group-head .meta p{font-size:16px;line-height:1.5;color:#687063;max-width:38ch}body.work-body .tiles{gap:24px;scroll-snap-type:x mandatory;padding:3px 0 20px}body.work-body .tile{flex:0 0 calc((100% - 48px)/3);height:460px;border:0;border-radius:3px;scroll-snap-align:start;background:#dedfd7;opacity:1;transform:none;cursor:pointer;isolation:isolate}body.work-body .tile .thumb{filter:none!important;opacity:1!important;transform:scale(1);transition:transform .65s cubic-bezier(.2,.65,.3,1)}body.work-body .tile:hover .thumb{transform:scale(1.035)}body.work-body .tile .tex{display:none}body.work-body .tile .grad{background:linear-gradient(180deg,#0004,transparent 25%,transparent 65%,#0009);opacity:1}body.work-body .tile .t-line{display:none}body.work-body .tile .t-top{color:white;font-size:10px;top:20px;left:20px;right:20px}body.work-body .tile .t-cat{max-width:70%;font-size:10px;line-height:1.4;text-align:right}body.work-body .tile .t-bot{left:20px;right:20px;bottom:20px;color:#fff}body.work-body .tile .t-name{font-size:29px;letter-spacing:-.035em}body.work-body .tile .t-view{font-size:11px}body.work-body .tarr{border:1px solid #7b856c70;border-radius:50%;background:#f7f7f4;color:#283425;width:42px;height:42px;box-shadow:0 3px 18px #19241010}body.work-body .tile:focus-visible{outline:2px solid #53624c;outline-offset:3px}
body.work-body .inside{margin-top:100px;padding:85px 0;border-top:1px solid #68706340;scroll-margin-top:160px}.inside-years{display:block;font:13px 'Inter Tight',Arial,sans-serif;letter-spacing:0;color:#717967;margin-top:35px}.ic-intro{gap:65px;margin-bottom:60px}body.work-body .ic-intro p{font-size:16px;line-height:1.55;color:#687063}.work-case{border-top:1px solid #77816a40}.work-case summary{cursor:pointer;list-style:none;padding:28px 55px 30px 0;position:relative}.work-case summary::-webkit-details-marker{display:none}.work-case summary h3{font-size:clamp(26px,3.1vw,44px);line-height:1.1;letter-spacing:-.035em;margin:12px 0 0}.case-toggle{position:absolute;right:8px;top:45%;width:22px;height:22px}.case-toggle:before,.case-toggle:after{content:'';position:absolute;background:#556449;left:1px;right:1px;top:10px;height:1px}.case-toggle:after{transform:rotate(90deg)}.work-case[open] .case-toggle:after{transform:none}.work-case .ic-body{padding:15px 0 45px}.ic-text dt{font-size:11px!important;color:#7d8871!important;text-transform:uppercase;letter-spacing:.05em}.ic-text dd{font-size:16px!important;color:#3e4936!important;line-height:1.5!important}body.work-body .ic-diagram .flow-canvas{background:#eff0e9;border-radius:18px;border:1px solid #7f8a7030}body.work-body .ic-diagram .wf-frame{border-color:#79896a50;background:transparent}body.work-body .ic-diagram .wnode b{font-weight:400;color:#36432e}body.work-body .ic-diagram .wnode small,body.work-body .ic-diagram .fk{color:#74826a}body.work-body .ic-ledger li{font-size:12px;color:#737d68}
body.work-body .work-foot{background:#202222;color:#fff;border-radius:30px;padding:55px;margin:50px 0 65px;opacity:1;transform:none;display:block}body.work-body .work-foot>span{font-size:10px;letter-spacing:.06em;color:#bdc3b5}.work-foot h2{font-size:clamp(44px,6vw,90px);letter-spacing:-.05em;line-height:1.1;margin:30px 0 50px}.work-foot>div{display:flex;justify-content:space-between;gap:20px}.work-foot a{color:#e6eadd;font-size:14px;text-decoration:none;border-bottom:1px solid #fff5;padding-bottom:7px}
/* The project viewer shares the page's paper, typography and fine rules. */
body.work-body .modal-panel{background:#f7f7f4;color:#242923}body.work-body .panel-nav{background:#f7f7f4;border-color:#6c795b35}body.work-body .panel-body{background:#f7f7f4}body.work-body .ptitle{font-size:clamp(40px,4.6vw,72px);letter-spacing:-.05em;line-height:1.03}body.work-body .summary{font-size:17px;line-height:1.55;color:#515c45}body.work-body .spec{border-color:#7b866940}body.work-body .panel-vis img{filter:none!important;opacity:1!important}body.work-body .mosaic img{filter:none!important}body.work-body .panel-foot{color:#727e64;border-color:#77846740}body.work-body .exit{font-family:inherit;color:#34422c}body.work-body .sublabel{color:#718263}
@keyframes work-draw{0%,8%{stroke-dashoffset:1}40%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:-1}}
@media(max-width:800px){body.work-body .work-page{padding-top:112px}.work-eyebrow{font-size:9px}.work-eyebrow span:last-child{max-width:120px;text-align:right}.work-opening h1{font-size:14vw;margin:35px 0}.work-lede{grid-template-columns:1fr;gap:22px}.work-lede p{font-size:31px}.work-lede>div{font-size:15px}.work-contact-sheet{gap:10px}.work-contact-sheet img{height:145px}.work-contact-sheet span{font-size:9px}.work-index{top:76px;gap:23px;padding:15px 0}.work-index a{font-size:11px}body.work-body .group{padding-top:60px}body.work-body .group-head{grid-template-columns:1fr;gap:16px}body.work-body .g-title{font-size:43px}body.work-body .group-head .meta p{font-size:15px}body.work-body .tile{flex-basis:82%;height:410px}.ic-intro{grid-template-columns:1fr;gap:30px}.work-case .ic-body{grid-template-columns:1fr}.work-case summary{padding-right:35px}.ic-diagram .flow-canvas{overflow:auto}.work-case .ic-k{font-size:11px}.work-case .ic-no{font-size:11px}.work-case summary h3{font-size:29px}body.work-body .work-foot{padding:30px 25px;border-radius:24px}.work-foot>div{flex-wrap:wrap}.work-foot a{font-size:12px}.work-foot h2{margin-bottom:40px}body.work-body .inside{margin-top:60px;padding-top:55px}}
@media(prefers-reduced-motion:reduce){.work-ink path{animation:none;stroke-dashoffset:0}.work-contact-sheet img,body.work-body .tile .thumb{transition:none}}
/* Retire the older work-layout overrides rather than mixing caption systems. */
body.work-body #groups,body.work-body .group,body.work-body .inside{background:transparent!important}
body.work-body .group .g-title,body.work-body .inside .g-title{font-size:clamp(40px,5.2vw,78px)!important;line-height:1.03!important;font-weight:400!important}
body.work-body .tile{display:flex!important;flex-direction:column!important;padding:0!important;height:auto!important;max-width:none!important;background:transparent!important;overflow:visible!important}
body.work-body .tile .thumb{position:relative!important;inset:auto!important;order:1;width:100%!important;height:360px!important;aspect-ratio:auto!important;flex:none;border-radius:3px;overflow:hidden}
body.work-body .tile .grad{display:none!important}body.work-body .tile .t-bot{position:static!important;order:2;display:flex!important;padding:16px 0 0!important;margin:0!important;gap:15px;align-items:start;color:#273122!important}
body.work-body .tile .t-name{color:#273122!important;font-size:25px!important;line-height:1.12!important;white-space:normal!important;overflow:visible!important;font-weight:400!important}
body.work-body .tile .t-top{position:static!important;order:3;margin:8px 0 0!important;padding:0!important;display:block!important}
body.work-body .tile .t-idx{display:none!important}body.work-body .tile .t-cat{margin:0!important;max-width:none!important;text-align:left!important;font-size:11px!important;line-height:1.4!important;color:#75816b!important;font-family:inherit!important;letter-spacing:0!important}
body.work-body .tile .t-view{color:#526448!important;font-size:11px!important;display:block!important;white-space:nowrap}body.work-body .spec b,body.work-body .spec dd,body.work-body .spec strong{font-weight:400!important;font-size:19px!important}
@media(max-width:800px){body.work-body .group .g-title,body.work-body .inside .g-title{font-size:43px!important}body.work-body .tile .thumb{height:340px!important}body.work-body .tile .t-name{font-size:24px!important}}
body.work-body .ic-diagram .wnode .ic{background:#e0e5d8!important;color:#3e5032!important;border:1px solid #88987850}body.work-body .ic-diagram .wnode .ic img{filter:brightness(0) saturate(100%) opacity(.65)!important}body.work-body .ic-diagram .wnode .ic svg{color:#3e5032!important}