@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,400;0,600;0,700;1,400&display=swap";:root{color:#2c2c2c;font-synthesis:none;--line:#ddd;--line-strong:#b1b1b1;--red:red;--page:#f8f8f8;--pad:40px;background:#f8f8f8;font-family:Chakra Petch,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--page);margin:0}button,a{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{text-decoration:none}.body-small,.case-study .body-small{font-size:16px;font-weight:400;line-height:24px}.page-frame{min-height:100vh;padding:24px}.page-border{border:1px solid var(--line-strong);flex-direction:column;max-width:1440px;min-height:calc(100vh - 48px);margin:auto;display:flex}.nav{border-bottom:1px solid var(--line-strong);grid-template-columns:repeat(12,1fr);height:76px;display:grid}.nav button{border-right:1px solid var(--line);text-align:left;grid-column:span 2;padding:24px 40px;font-size:20px;font-weight:600}.nav button.active{color:var(--red)}.nav-fill{grid-column:span 6}.footer{border-top:1px solid var(--line-strong);grid-template-columns:2fr 1fr 1fr;min-height:112px;display:grid}.footer>*,.footer>a{border-right:1px solid var(--line);align-items:center;padding:24px 40px;font-size:20px;font-weight:600;display:flex}.footer>:last-child{border:0}.footer-location{align-items:flex-end;gap:24px;overflow:hidden}.footer-location span{white-space:nowrap;font-size:14px;font-weight:400}.footer-skyline{object-fit:contain;width:auto;min-width:0;max-width:calc(100% - 169px);height:auto;max-height:66px;display:block}.footer a:last-child{gap:8px}.arrow{object-fit:contain;width:20px;height:20px}.home-grid,.work-grid,.about-grid{flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}.intro{border-right:1px solid var(--line-strong);flex-direction:column;gap:40px;padding:80px 40px;display:flex}.intro h2{margin:0 0 24px;font-size:32px;font-weight:700;line-height:40px}.intro h1,.case-hero h1{text-transform:uppercase;max-width:540px;margin:0;font-size:48px;line-height:56px}.intro p,.case-hero>p{margin:0;font-size:20px;line-height:28px}.featured,.work-card{flex-direction:column;display:flex}@media (width>=801px){.work-grid{grid-template-rows:auto minmax(0,1fr) auto minmax(0,1fr) auto}.work-grid .work-card{grid-template-rows:subgrid;grid-row:span 5;display:grid}.work-grid .project-meta{grid-row:1}.work-grid .work-card--with-image>.dot-field{grid-row:2/5;grid-template-rows:subgrid;align-items:stretch;min-height:0;padding:0 40px;display:grid}.work-grid .work-card--with-image>.dot-field>.image-card{grid-row:2;align-self:stretch}.work-grid .work-card--with-image>.case-link{grid-row:5}.work-grid:has(.work-card--with-image) .work-card--empty>.coming{grid-row:2/6;grid-template-rows:subgrid;align-items:stretch;padding:0 40px;display:grid}.work-grid:has(.work-card--with-image) .work-card--empty>.coming>p{grid-row:2;height:100%;min-height:0}.work-grid:not(:has(.work-card--with-image)) .work-card--empty>.coming{grid-row:2/6;align-items:center;padding:24px 40px;display:flex}.work-grid:not(:has(.work-card--with-image)) .work-card--empty>.coming>p{aspect-ratio:1.55;height:auto}}.eyebrow{text-transform:uppercase;border-bottom:1px solid var(--line);padding:24px 40px;font-size:14px;font-weight:600;line-height:20px}.project-meta{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.project-meta>div,.project-meta>p{margin:0;padding:24px 40px}.project-meta>div{border-right:1px solid var(--line);flex-direction:column;gap:8px;display:flex}.project-meta span{font-size:14px;font-weight:600}.project-meta h3{margin:0;font-size:24px;font-weight:700;line-height:32px}.project-meta p{align-items:center;font-size:16px;line-height:24px;display:flex}.dot-field{background-image:radial-gradient(#cfcfcf .7px,#0000 .7px);background-size:12px 12px}.featured>.dot-field,.work-card>.dot-field{flex:1;align-items:center;min-height:300px;padding:24px 40px;display:flex}.image-card{background:0 0;width:100%;height:fit-content;padding:0}.image-card img{width:100%;height:auto;display:block}.case-link{border-top:1px solid var(--line);text-align:left;align-items:center;gap:8px;min-height:76px;padding:24px 40px;font-size:20px;font-weight:600;display:flex}.work-card:first-child{border-right:1px solid var(--line-strong)}.coming{flex:1;align-items:center;padding:24px 40px;display:flex}.coming p{color:#858585;background:#fcfcfc;border:16px solid #ebebeb;place-items:center;width:100%;height:100%;min-height:0;margin:0;display:grid}.about-copy{border-right:1px solid var(--line-strong);flex-direction:column;display:flex}.about-text{flex:1;padding:40px}.about-text h2{max-width:540px;margin:0 0 16px;font-size:24px;font-weight:700;line-height:32px}.about-text p{max-width:540px;margin:0;font-size:20px;line-height:28px}.about-lists,.detail-grid{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.info-list{border-right:1px solid var(--line)}.info-list:last-child{border-right:0}.info-list h3,.info-list>p{border-bottom:1px solid var(--line);margin:0;padding:24px 40px}.info-list h3{text-transform:uppercase;font-size:14px;line-height:20px}.info-list>p{align-items:center;min-height:76px;display:flex}.info-list>p:last-child{border-bottom:0}.about-visual{flex-direction:column;display:flex;overflow:hidden}.about-portrait-block{background-color:var(--page);background-image:radial-gradient(circle,#cfcfcf .7px,#0000 .8px);background-position:0 0;background-size:12px 12px;flex-direction:column;flex:auto;min-height:0;display:flex}.about-image-crop{flex:auto;justify-content:flex-end;align-items:flex-end;width:100%;min-height:0;padding:40px 40px 0;display:flex;overflow:hidden}.about-image-crop img{aspect-ratio:416/439;object-fit:contain;object-position:center bottom;width:min(416px,100%);height:auto;display:block}@media (width>=801px){.about-image-crop img{width:68%}}.about-caption{flex:none;margin:0;padding:40px;font-size:20px;font-style:italic;font-weight:400;line-height:28px}.about-cv{border-top:1px solid var(--line);background:var(--page);flex:none;align-items:center;min-height:76px;padding:24px 40px;font-size:20px;font-weight:600;line-height:28px;display:flex}.case-study{display:block}.case-study h2{margin:0 0 16px;font-size:32px;font-weight:700;line-height:40px}.case-study h3{margin:0 0 24px;font-size:24px;font-weight:700;line-height:32px}.case-study p{margin:0;font-size:18px;line-height:28px}.case-hero{border-bottom:1px solid var(--line-strong);padding:80px 40px}.breadcrumbs{text-transform:uppercase;margin-bottom:40px;font-size:14px;line-height:20px}.breadcrumbs button{color:#9b9b9b;text-transform:uppercase;padding:0}.case-hero h1{margin-bottom:40px}.split{border-bottom:1px solid var(--line-strong);grid-template-columns:1fr 1fr;display:grid}.split>div{padding:40px}.split>div:first-child{border-right:1px solid var(--line)}.lead-section>div{min-height:220px}.lead-section>div:last-child,.challenge>div:last-child{align-items:center;display:flex}.project-details>div{padding:0}.detail-image{align-items:center;display:flex;padding:24px 40px!important}.detail-image img{background:#ebebeb;width:100%;padding:16px;display:block}.challenge>div{min-height:220px}.section-intro{border-bottom:1px solid var(--line);padding:40px}.section-intro p{max-width:535px}.band{border-top:0}.card-grid{border-bottom:1px solid var(--line);display:grid}.card-grid.four{grid-template-columns:repeat(4,1fr)}.card-grid.five{grid-template-columns:repeat(5,1fr)}.card-grid>div{border-right:1px solid var(--line);min-height:200px;padding:24px 40px}.card-grid.five>div{min-height:208px}.card-grid>div:last-child{border-right:0}.problem-grid{border-bottom:1px solid var(--line-strong);grid-template-columns:repeat(3,1fr);display:grid}.problem-grid>.info-list{border-right:1px solid var(--line)}.ia>.split>div{min-height:456px}.ia>.split>.info-list{padding:0}.ia-list{border-bottom:1px solid var(--line);grid-template-columns:repeat(6,1fr);padding:24px 40px;display:grid}.ia-list:not(.old){grid-template-columns:repeat(5,1fr)}.ia-list>div{flex-direction:column;gap:12px;padding:0 12px;display:flex}.ia-list strong{font-size:16px}.ia-list span{color:#555;font-size:14px;line-height:24px}.comparison{grid-template-columns:1fr 1fr;display:grid}.comparison>article:first-child{border-right:1px solid var(--line)}.compare-title{text-transform:uppercase;border-bottom:1px solid var(--line);flex-direction:column;gap:8px;padding:24px 40px;display:flex}.compare-title span{color:#9b9b9b;font-size:14px}.compare-title strong{font-size:14px}.compare-image{border-bottom:1px solid var(--line);padding:24px 40px}.compare-image img{width:100%;display:block}.comparison .info-list h3{min-height:76px}.final-grid{grid-template-columns:1fr 1fr;display:grid}.final-grid figure{border-right:1px solid var(--line);border-bottom:1px solid var(--line);align-items:flex-start;margin:0;padding:24px 40px;display:flex}.final-grid figure:nth-child(2n){border-right:0}.final-grid img{width:100%;display:block}.outcome>div{min-height:276px}.validation-note{border-left:0;display:flex;align-items:flex-end!important}.validation-note:before{content:"";background:var(--red);width:2px;height:48px;margin-right:16px}.reflection>div{min-height:276px}.reflection h3{font-size:24px;font-weight:700;line-height:32px}.page-frame--long .footer{border-top:0}@media (width<=800px){:root{--pad:20px}.page-frame{padding:12px}.page-border{min-height:calc(100vh - 24px)}.nav{grid-template-columns:repeat(3,1fr);height:64px}.nav button{grid-column:auto;padding:20px;font-size:18px}.nav-fill{display:none}.home-grid,.work-grid,.about-grid,.split,.comparison{grid-template-columns:1fr}.intro,.work-card:first-child,.about-copy,.split>div:first-child,.comparison>article:first-child{border-right:0}.intro{border-bottom:1px solid var(--line-strong);padding:48px 24px}.intro h1,.case-hero h1{font-size:36px;line-height:42px}.intro p br,.case-hero p br{display:none}.project-meta{grid-template-columns:1fr}.project-meta>div{border-right:0;border-bottom:1px solid var(--line)}.footer{grid-template-columns:1fr 1fr}.footer-location{border-bottom:1px solid var(--line);grid-column:1/-1}.footer a{padding:20px 24px}.work-card:first-child{border-bottom:1px solid var(--line-strong)}.work-grid{grid-template-rows:auto}.work-grid .work-card{grid-row:auto;grid-template-rows:none;display:flex}.work-grid .muted-project .coming{grid-row:auto;align-items:center;padding:24px 40px 100px}.work-grid .work-card>.dot-field{grid-row:auto;min-height:300px;padding:24px 40px}.work-grid .work-card>.case-link{grid-row:auto}.coming{align-items:center;padding:24px 40px 100px}.coming p{aspect-ratio:1.55;height:auto}.about-visual{min-height:620px}.about-caption,.about-cv{padding-left:24px;padding-right:24px}.case-hero{padding:48px 24px}.split>div,.section-intro{padding:32px 24px}.lead-section>div,.challenge>div,.ia>.split>div{min-height:auto}.detail-grid,.about-lists{grid-template-columns:1fr 1fr}.detail-image{padding:24px!important}.card-grid.four,.card-grid.five,.problem-grid{grid-template-columns:1fr 1fr}.card-grid>div:nth-child(2n){border-right:0}.card-grid.five>div:last-child{border-top:1px solid var(--line);grid-column:1/-1}.ia-list,.ia-list:not(.old){grid-template-columns:1fr 1fr;gap:28px;padding:32px 24px}.final-grid{grid-template-columns:1fr}.final-grid figure{border-right:0}.outcome>div,.reflection>div{min-height:auto}.validation-note{align-items:center!important}.info-list h3,.info-list>p,.eyebrow,.project-meta>div,.project-meta>p,.case-link,.card-grid>div,.compare-title,.compare-image{padding-left:24px;padding-right:24px}}@media (width<=520px){.nav button{padding:18px 14px}.intro h2{font-size:32px;line-height:40px}.intro h1,.case-hero h1{font-size:30px;line-height:36px}.featured>.dot-field,.work-card>.dot-field{padding:20px}.about-lists,.detail-grid,.card-grid.four,.card-grid.five,.problem-grid,.ia-list,.ia-list:not(.old),.final-grid{grid-template-columns:1fr}.card-grid>div,.problem-grid>.info-list{border-right:0;border-bottom:1px solid var(--line)}.card-grid.five>div:last-child{grid-column:auto}.about-visual{min-height:470px}.footer{grid-template-columns:1fr}.footer a{border-right:0;border-bottom:1px solid var(--line)}.case-study h2{font-size:32px;line-height:40px}.case-study h3{font-size:24px;font-weight:700;line-height:32px}.case-study p{font-size:16px;line-height:24px}}