/* Photography-led editorial direction. Shared styling intentionally applies to every route. */
:root{--paper:#fff;--ink:#171717;--muted:#606060;--green:#18494b;--mint:#f1f1ed;--line:#d6d6d2;--gutter:clamp(20px,2vw,38px);--radius:0px}
/* Stop top/bottom rubber-banding without disabling normal page scrolling. */
html,body{overscroll-behavior-y:none}
html:has(>body.home){background:#071327}
.about-photo{width:100%;height:auto;max-height:none;object-fit:contain}
.footer-brand{display:block;position:relative;width:145px;aspect-ratio:1785/755;overflow:hidden}
.footer-brand img{position:absolute;max-width:none;width:107.56%;height:auto;left:-3.75%;top:-21.7%}
.statement .bees-photo,.bees-group .bees-photo{width:100%;max-width:1200px;height:auto;max-height:none;object-fit:contain;margin-inline:auto}
/* White, native-page version of the group collage; no generated logo artwork. */
.bees-group{background:#fff;color:var(--ink);padding-block:80px 56px}
.bees-group .eyebrow{font-weight:400;letter-spacing:.16em;margin-bottom:24px}
.bees-group-heading{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);gap:60px;align-items:start;margin-bottom:55px}
.bees-group-heading h2{font-size:clamp(44px,5.4vw,82px);line-height:1.06;max-width:900px}
.bees-group-heading>p{font-size:16px;line-height:1.6;max-width:350px;justify-self:end;padding-top:8px}
.bees-logo-grid{display:grid;grid-template-columns:repeat(42,minmax(0,1fr));gap:26px 16px;margin:0;padding:0;list-style:none}
.bees-logo-grid>li{grid-column:span 7;min-width:0;min-height:116px;display:flex;align-items:center;justify-content:center;padding:8px}
.bees-logo-grid>li:nth-child(n+25){grid-column:span 6}
.bees-logo-window{position:relative;display:block;max-width:100%;overflow:hidden;flex:none}
.bees-logo-window img{position:absolute;display:block;max-width:none;height:auto}
.bees-group-footer{display:flex;justify-content:flex-end;margin-top:42px}
.bees-group-footer .text-link{gap:10px}
@media(max-width:1000px){.bees-group-heading{grid-template-columns:1fr;gap:25px}.bees-group-heading>p{justify-self:start;max-width:550px;padding:0}.bees-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bees-logo-grid>li,.bees-logo-grid>li:nth-child(n+25){grid-column:auto}}
@media(max-width:600px){.bees-group{padding-block:55px 35px}.bees-group-heading{margin-bottom:28px;gap:22px}.bees-group-heading h2{font-size:clamp(35px,8.5vw,48px)}.bees-group-heading>p{font-size:15px}.bees-group .eyebrow{font-size:11px;margin-bottom:20px}.bees-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 10px}.bees-logo-grid>li{min-height:100px;padding:8px}.bees-group-footer{margin-top:25px;justify-content:flex-start}}
.statement-bottom>.button{justify-self:end;align-self:center}
@media(max-width:760px){.statement-bottom>.button{justify-self:start}}
body{font-weight:400}h1,h2,h3,h4{letter-spacing:-.035em;font-weight:400}h1,h2{font-family:Georgia,'Times New Roman',serif}::selection{background:#d5e3e1}
.site-header{height:148px;grid-template-columns:1fr 1fr 2fr 1fr;gap:24px;align-items:start;padding-top:25px;max-width:none;font-size:16px;line-height:1.35;position:relative;z-index:10}
.brand{font-size:24px;letter-spacing:-1px;font-weight:700;gap:9px}.brand-mark{width:26px;height:26px}.brand-mark img{width:39px;height:39px;left:-6.5px;top:-6.5px}
.header-description,.header-location{font-size:16px;line-height:1.35}.header-location{justify-self:end}.header-location span{font-size:13px}.desktop-nav{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.desktop-nav a{display:block;line-height:1.35;font-size:16px;font-weight:400;text-transform:none;letter-spacing:0;width:fit-content}.desktop-nav a:after{bottom:0;height:1px;background:currentColor}.desktop-nav sup,.mobile-nav sup{font-size:10px;vertical-align:super;margin-left:3px}.nav-toggle{font-size:16px;font-weight:400;min-height:44px}
.home .site-header{position:absolute;left:0;right:0;top:0;color:white}.home .brand-mark{mix-blend-mode:screen}.home .brand-mark img{filter:grayscale(1) invert(1) brightness(2)}
.header-brand{display:block;position:relative;width:120px;aspect-ratio:1785/755;overflow:hidden;justify-self:start}.header-brand img{position:absolute;max-width:none;width:107.56%;height:auto;left:-3.75%;top:-21.7%}.home .header-brand img{filter:brightness(0) invert(1)}
.header-affiliation{display:flex;align-items:center;gap:6px;margin-top:5px;white-space:nowrap}.header-affiliation .bees-logo{width:66px;height:auto;display:block}
.photo-hero{position:relative;isolation:isolate;height:100svh;min-height:680px;color:#fff;background:#071327}.photo-hero-image{position:absolute;inset:0;z-index:-2;overflow:hidden}.photo-hero-image img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}.photo-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#020a2090 0%,#020a2010 29%,#020a2029 60%,#020a20a3 100%);z-index:-1;pointer-events:none}
.photo-hero-title{position:absolute;top:47%;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:baseline;gap:24px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,4.15vw,76px);font-weight:400;letter-spacing:-.035em;line-height:1.12;text-shadow:0 2px 24px #0005}.photo-hero-title em{font-weight:400}.photo-hero-bottom{position:absolute;bottom:26px;left:var(--gutter);right:var(--gutter);display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;gap:25px;font-size:14px;line-height:1.4}.hero-project{display:flex;align-items:center;gap:22px;justify-self:center;min-height:64px}.hero-project-thumb{width:75px;height:60px;object-fit:cover}.hero-project span{font-size:16px}.hero-project small{display:block;font-size:14px}.hero-scroll{justify-self:end;min-height:44px;display:flex;align-items:end;padding-bottom:1px;text-decoration:underline;text-underline-offset:4px}.hero-project:hover span{text-decoration:underline;text-underline-offset:4px}.hero-index{font-size:13px}
.section-label{font-size:14px;line-height:1.4;font-weight:400;letter-spacing:0}.eyebrow{font-size:12px;font-weight:400;letter-spacing:.07em}.button,.text-link{font-size:14px;font-weight:400;letter-spacing:0;text-transform:none}.button{border-radius:0;padding:14px 23px;min-height:48px}.button:hover{background:#353535;transform:none}.button.outline{border-color:var(--ink)}.button.outline:hover{background:#f1f1ed}.text-link{border-bottom:1px solid var(--ink);padding-bottom:2px;min-height:40px;width:fit-content;gap:5px}.text-link:hover{color:#666;border-bottom-color:#666}.text-link sup{font-size:12px}.section{padding-block:100px}
.studio-intro{display:grid;grid-template-columns:1fr 3fr;gap:24px;padding-top:110px;padding-bottom:130px}.studio-intro>.section-label{padding-top:13px}.studio-intro h2{font-size:clamp(42px,5.35vw,88px);line-height:1.04;max-width:1000px}.studio-intro-detail{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin:48px 0 0;max-width:850px;font-size:17px;line-height:1.55}.studio-intro-detail .text-link{margin-top:25px}.editorial-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:20px;margin-bottom:44px}.editorial-section-heading h2{font-size:clamp(35px,4vw,62px)}
.curated-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:100px;align-items:start}.curated-project-1{grid-column:1/8}.curated-project-2{grid-column:9/13;margin-top:180px}.curated-project-3{grid-column:2/6}.curated-project-4{grid-column:7/13;margin-top:145px}.project-number{display:block;font-size:12px;margin-bottom:9px}.project-image{border-radius:0;background:#f2f2ef}.project-image img{transition:transform .6s cubic-bezier(.22,1,.36,1)}.project-card:hover img{transform:scale(1.025)}.card-plus{display:none}.project-card h3{font-size:22px;line-height:1.22;font-weight:400;letter-spacing:-.025em;margin:17px 0 6px}.project-card p{font-size:13px;line-height:1.5;letter-spacing:0}.curated-project-1 .project-image{aspect-ratio:1.15}.curated-project-2 .project-image{aspect-ratio:4/5}.curated-project-3 .project-image{aspect-ratio:4/5}.curated-project-4 .project-image{aspect-ratio:1.3}.curated-project-1 img{object-position:55% 50%}.curated-project-2 img{object-position:55% 50%}.selected-work{padding-bottom:130px}
.capabilities-section{padding-top:70px;padding-bottom:105px;border-top:1px solid var(--line)}.services-grid{grid-template-columns:1fr 1fr;gap:10%}.services-heading .section-label{margin:0 0 40px;color:var(--ink)}.services-heading h2{font-size:clamp(42px,4.8vw,74px);line-height:1.04}.services-heading p{font-size:17px;line-height:1.6;max-width:380px}.services-heading .text-link{margin-top:28px}.t-acc{border-color:var(--line)}.t-acc:first-child{border-top:0}.t-acc-head{font-size:23px;font-weight:400;letter-spacing:-.03em;padding:26px 0}.acc-num{font-size:12px}.t-acc-panel-inner>p{line-height:1.6}.studio-feature{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding-block:55px 85px}.studio-feature-image{display:block;overflow:hidden}.studio-feature-image img{width:100%;aspect-ratio:1.12;object-fit:cover;object-position:50% 50%}.studio-feature-copy .section-label{margin-bottom:32px}.studio-feature-copy h2{font-size:clamp(38px,4vw,64px);line-height:1.08}.studio-feature-copy>p:not(.section-label){font-size:17px;line-height:1.6;max-width:450px;margin:28px 0}.journal-section{padding-bottom:110px}.journal-section .editorial-section-heading{border-top:0;padding-top:0}.journal-list .insight-card{display:grid;grid-template-columns:140px minmax(0,1fr) 130px;gap:25px 40px;align-items:start;border-top:1px solid var(--line);padding:25px 0}.journal-list .insight-image{grid-column:1;grid-row:1/3;aspect-ratio:1.4;margin:0;border-radius:0}.journal-list .insight-meta{grid-column:2;grid-row:1;justify-content:start;gap:20px;margin:0;font-size:12px;text-transform:none;letter-spacing:0}.journal-list h3{grid-column:2;grid-row:2;font-size:25px;line-height:1.2;font-weight:400;max-width:780px;margin:0}.journal-list .text-link{grid-column:3;grid-row:1/3;align-self:center;justify-self:end;font-size:14px;margin:0}.journal-list .insight-card>p{display:none}.home-contact{border-top:1px solid var(--line);padding-top:45px;padding-bottom:100px;display:grid;grid-template-columns:1fr 3fr;gap:24px}.home-contact h2{font-size:clamp(58px,9vw,142px);line-height:1}.home-contact .text-link{margin-top:30px}
.footer{padding-top:50px;padding-bottom:24px;border-top:1px solid var(--line)}.footer-note{font-size:16px;line-height:1.4;margin-top:30px}.footer-nav{gap:90px}.footer-nav strong{font-size:13px;font-weight:400;color:var(--muted);margin-bottom:22px}.footer-nav a{font-size:15px;font-weight:400;text-transform:none;margin:5px 0;line-height:1.45;min-height:27px}.footer-nav a:hover{text-decoration:underline;text-underline-offset:4px}.footer-bottom{margin-top:70px;font-size:12px;border-top:0;padding-top:0}
/* The same photographic, square-edged direction continues through the archive. */
.page-heading{padding-top:45px;padding-bottom:65px}.page-heading h1{font-size:clamp(48px,6.2vw,94px);line-height:1.02;max-width:1180px;overflow-wrap:break-word}.page-heading .lead{font-size:20px;max-width:650px}.breadcrumbs{font-size:13px}.directory-tools{margin-bottom:26px}.filter-button{font-size:14px;border-radius:0;border-color:var(--line);padding:13px 16px}.search-field input{font-size:16px;border-color:var(--line)}.directory-count{font-size:13px}.directory-grid{gap:50px 25px}.directory-grid .project-image,.directory-grid .insight-image{border-radius:0}.directory-grid .project-card h3{font-size:23px}.directory-grid .insight-card h3{font-size:24px;font-weight:400}.directory-grid .insight-card p{font-size:16px}.insight-card .insight-image{border-radius:0}.insight-card .text-link{font-size:14px}.insight-meta{font-size:12px;color:var(--muted)}.project-cover,.article-cover,.gallery img,.team-image,.media-tile,.about-photo,.bees-photo,.article-body img,.original-label,.media-video{border-radius:0}.gallery img{background:#f5f5f2}.project-cover{max-height:760px}.detail-meta dt{font-size:12px}.detail-meta dd{font-size:16px}.gallery figcaption{font-size:13px}.contact-section{background:#f2f2ef;padding-block:95px}.contact-title,.contact-copy h2{font-size:clamp(52px,6vw,88px);line-height:1.05}.field label,.form-note{font-size:14px;font-weight:400}.social-links{font-size:14px;font-weight:400}.field input,.field select,.field textarea{border-color:#b6b6af}.stat-number{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.04em}.stat-label{font-size:14px}.press-bar .eyebrow{font-size:12px}.statement{background:#202522;padding-block:95px}.statement .eyebrow{color:#ccc}.statement h2{font-size:clamp(44px,6vw,86px)}.statement-bottom p{color:#d5d9d5}.statement .text-link{border-color:#fff}.about-quote blockquote{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.14}.team-card h3{font-size:25px;font-weight:400}.team-card>p{font-size:14px}.media-tile{border:1px solid var(--line)}.service-block h2{font-size:40px}.service-block ul{font-size:16px}.article-header h1{font-size:clamp(44px,5.5vw,82px);line-height:1.06}.article-header .article-meta,.article-aside{font-size:14px}.original-label{background:#f2f2ef;font-size:14px}.article-body h2{font-family:'DM Sans','PingFang TC',sans-serif;line-height:1.4}.media-video p{font-size:16px}
@media(max-width:900px){.site-header{grid-template-columns:1fr 1fr 1.5fr;height:130px}.header-location{display:none}.photo-hero-title{font-size:4.5vw;gap:15px}.photo-hero-bottom{grid-template-columns:.7fr 2fr .7fr}.hero-project{gap:12px}.hero-project span{font-size:14px}.hero-project small{font-size:12px}}
@media(max-width:760px){.site-header{height:95px;grid-template-columns:1fr auto;padding-top:22px;align-items:start}.header-description,.desktop-nav,.header-location{display:none}.nav-toggle{display:block;padding:0 0 12px 16px;line-height:1;min-width:64px}.home .nav-toggle{color:#fff}.mobile-nav{position:absolute;top:78px;left:0;right:0;z-index:20;background:#fff;color:var(--ink);border:0;padding-block:20px 30px;box-shadow:0 18px 35px #0002}.mobile-nav a{font-family:Georgia,'Times New Roman',serif;font-size:30px;font-weight:400;padding:6px 0}.photo-hero{min-height:650px;max-height:980px}.photo-hero-image img{object-position:27% 50%}.photo-hero-title{top:auto;bottom:198px;display:block;font-size:clamp(38px,8.6vw,58px);line-height:1.13;max-width:500px;text-shadow:0 2px 22px #0009}.photo-hero-title em:first-of-type:after{content:'';display:block}.photo-hero-bottom{bottom:24px;grid-template-columns:1fr auto;gap:17px;align-items:end}.hero-index{grid-column:1/-1}.hero-project{grid-column:1/-1;justify-self:start}.hero-project-thumb{width:58px;height:49px}.hero-project span{font-size:15px}.hero-project small{font-size:13px}.hero-scroll{grid-column:1/-1;justify-self:start;min-height:32px;font-size:13px}.photo-hero:after{background:linear-gradient(180deg,#020a2060,#020a2008 26%,#020a2015 44%,#020a20bc 100%)}}
@media(max-width:760px){.studio-intro{grid-template-columns:1fr;gap:30px;padding-block:65px 80px}.studio-intro>.section-label{padding:0}.studio-intro h2{font-size:clamp(40px,7.5vw,60px)}.studio-intro-detail{grid-template-columns:1fr;gap:22px;margin-top:28px;font-size:16px;max-width:520px}.studio-intro-detail .text-link{margin-top:14px}.editorial-section-heading{margin-bottom:30px;padding-top:15px;align-items:start}.editorial-section-heading h2{font-size:34px;max-width:240px}.curated-grid{grid-template-columns:1fr 1fr;gap:40px 20px}.curated-project{grid-column:auto;margin-top:0;min-width:0}.curated-project:nth-child(even){margin-top:65px}.curated-project .project-image{aspect-ratio:4/5}.project-card h3{font-size:21px}.project-card p{font-size:13px}.selected-work{padding-bottom:70px}.services-grid{grid-template-columns:1fr;gap:28px}.capabilities-section{padding-top:45px;padding-bottom:60px}.services-heading .section-label{margin-bottom:28px}.services-heading h2{font-size:48px}.services-heading p{font-size:16px}.t-acc-head{font-size:21px;padding:23px 0}.t-acc-panel-inner>p{padding-right:10px}.studio-feature{grid-template-columns:1fr;gap:40px;padding-block:20px 55px}.studio-feature-image img{aspect-ratio:1.1}.studio-feature-copy h2{font-size:43px}.studio-feature-copy .section-label{margin-bottom:22px}.studio-feature-copy>p:not(.section-label){font-size:16px;margin-block:22px}.journal-section{padding-bottom:60px}.journal-list .insight-card{grid-template-columns:95px minmax(0,1fr);gap:12px 18px;padding:20px 0}.journal-list .insight-image{grid-row:1/3;aspect-ratio:1}.journal-list .insight-meta{font-size:12px;gap:8px;flex-wrap:wrap;line-height:1.3}.journal-list h3{font-size:21px}.journal-list .text-link{display:none}.home-contact{grid-template-columns:1fr;gap:32px;padding-block:30px 65px}.home-contact h2{font-size:clamp(58px,13vw,94px)}.footer{padding-top:35px}.footer-main{display:block}.footer-note{font-size:15px;margin-top:20px}.footer-nav{margin-top:45px;gap:25px}.footer-nav strong{font-size:13px;margin-bottom:15px}.footer-nav a{font-size:14px;min-height:30px}.footer-bottom{margin-top:42px;font-size:12px;gap:12px;display:flex;flex-direction:column}.page-heading{padding-top:25px;padding-bottom:45px}.page-heading h1{font-size:clamp(42px,8.5vw,64px)}.page-heading .lead{font-size:18px}.filter-button{font-size:14px;padding:12px}.directory-grid{gap:38px 20px}.directory-grid .project-card h3{font-size:21px}.directory-grid .insight-card h3{font-size:22px}.directory-grid .insight-card p{font-size:16px}.directory-grid .project-image,.directory-grid .insight-image{border-radius:0}.contact-section{padding-block:60px}.contact-title,.contact-copy h2{font-size:54px}.contact-form .field-row{grid-template-columns:1fr}.stats-row{gap:15px}.stat-number{font-size:43px}.stat-label{font-size:13px}.stat+.stat{padding-left:15px}.statement{padding-block:65px}.statement h2{font-size:48px}.team-card h3{font-size:23px}.team-image{border-radius:0}.article-header h1{font-size:42px}.service-block h2{font-size:34px}.gallery img{border-radius:0}}
@media(max-width:480px){.curated-grid{display:block}.curated-project{margin:0 0 42px!important}.curated-project:last-child{margin-bottom:0!important}.curated-project:nth-child(even){width:86%;margin-left:auto!important}.curated-project-3{width:83%}.curated-project-1 .project-image,.curated-project-4 .project-image{aspect-ratio:1.2}.curated-project-2 .project-image{aspect-ratio:1}.curated-project-3 .project-image{aspect-ratio:4/5}.studio-intro h2{font-size:40px}.journal-list .insight-card{grid-template-columns:80px minmax(0,1fr);gap:12px 16px}.journal-list h3{font-size:20px}.journal-list .insight-meta span{display:none}.editorial-section-heading h2{font-size:31px;max-width:200px}.directory-grid{grid-template-columns:1fr}.project-card h3{font-size:22px}.gallery{grid-template-columns:1fr}.stat-number{font-size:36px}.stats-row{gap:10px}.stat+.stat{padding-left:10px}}
@media(max-width:760px){.header-brand{width:110px}.mobile-nav{top:82px}.nav-toggle{padding-top:8px}}

/* Clear routes into the work, while retaining the photography-led layout. */
html{scroll-padding-top:110px}body{padding-top:86px}.home{padding-top:0}
.site-header,.home .site-header{position:fixed;inset:0 0 auto;height:112px;z-index:40;width:100%}
.site-header.is-compact,.home .site-header.is-compact{height:86px;grid-template-columns:1fr auto 1fr;align-items:center;padding-block:14px;background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}
.site-header.is-compact .header-description{display:none}.site-header.is-compact .desktop-nav{display:flex;gap:26px}.site-header.is-compact .desktop-nav>div{display:flex;gap:26px}.site-header.is-compact .header-brand img{filter:none}
.site-header.is-compact .header-location{font-size:14px}.mobile-work-link{display:none}
.mobile-nav{position:fixed;z-index:39;max-height:calc(100dvh - 78px);overflow:auto}
.hero-index{font-size:16px;line-height:1.5}.hero-project small:first-child{font-size:12px;margin-bottom:4px}.hero-project small:last-child{font-size:13px;text-decoration:underline;text-underline-offset:4px;margin-top:4px}
.hero-scroll{border:1px solid #fff;padding:13px 22px;min-height:48px;font-size:16px;text-decoration:none;align-items:center;align-self:end}.hero-scroll:hover{background:#fff;color:#171717}
.studio-intro{grid-template-columns:1fr 1fr;gap:10%;padding-block:54px 64px;align-items:center}.studio-intro h2{font-size:clamp(32px,3.35vw,54px);line-height:1.08}.studio-intro-detail{display:block;margin:0;font-size:16px;max-width:500px}.studio-intro-detail .text-link{margin-top:12px}
.selected-work .editorial-section-heading{margin-bottom:20px;align-items:center}.all-work-link{font-size:16px;white-space:nowrap}.work-categories{display:flex;gap:12px 28px;flex-wrap:wrap;margin-bottom:34px;font-size:14px}.work-categories a{padding-block:7px;border-bottom:1px solid var(--line)}.work-categories a:hover{border-color:var(--ink)}
.curated-grid{row-gap:56px}.curated-project-2{margin-top:95px}.curated-project-4{margin-top:75px}.curated-project-1 .project-image{aspect-ratio:1.35}.curated-project-3 .project-image{aspect-ratio:1.1}
.project-card .project-role{font-size:16px;line-height:1.5;color:var(--ink);margin-top:10px;max-width:40ch}.project-read{display:inline-block;font-size:14px;text-decoration:underline;text-underline-offset:5px;margin-top:14px}.project-card:focus-visible{outline-offset:8px}
.selected-work{padding-bottom:80px}.selected-work+.capabilities-section{position:relative;border-top:0}.selected-work+.capabilities-section:before{content:"";position:absolute;top:0;left:var(--gutter);right:var(--gutter);border-top:1px solid var(--line)}
.selected-work-bottom{display:flex;justify-content:center;margin-top:48px}.selected-work-bottom .text-link{font-size:18px;min-height:44px}
.service-work-link{margin-top:16px}.t-acc-panel-inner>.service-work-link{margin:0 35px 24px 44px;min-height:44px}
.case-study-role{margin-top:24px}.case-study-sections section+section{margin-top:30px}.case-study-sections h2{font-family:'DM Sans',Arial,sans-serif;font-size:16px;letter-spacing:0;font-weight:700;margin-bottom:12px}.case-study-sections p{font-size:18px;line-height:1.65}.project-original{margin-top:30px;border-top:1px solid var(--line);padding-top:20px}.project-original summary{cursor:pointer;font-size:16px;min-height:44px}.project-original .body-copy{margin-top:12px}.related .section-intro{align-items:center}
.contact-direct{border-top:1px solid #b6b6af;padding-top:24px}.contact-direct h2{font-size:clamp(32px,3vw,48px);line-height:1.12;margin:22px 0}.contact-direct>p:not(.section-label){max-width:440px;font-size:16px;line-height:1.6}.contact-direct .button{margin-top:28px;font-size:16px}.contact-direct .contact-destination{font-size:14px!important;color:var(--muted);margin-top:12px}
@media(min-width:761px) and (max-width:1000px){.site-header.is-compact,.home .site-header.is-compact{grid-template-columns:1fr auto}.site-header.is-compact .desktop-nav,.site-header.is-compact .desktop-nav>div{gap:20px}.site-header.is-compact .header-location{display:none}}
@media(max-width:760px){
  html{scroll-padding-top:96px}body{padding-top:78px}.home{padding-top:0}
  .site-header,.home .site-header,.site-header.is-compact,.home .site-header.is-compact{height:78px;grid-template-columns:1fr auto auto;gap:20px;padding-block:16px;align-items:center}
  .site-header.is-compact .desktop-nav{display:none}.header-brand{width:110px}.mobile-work-link{display:flex;align-items:center;gap:3px;min-height:44px;font-size:15px}.mobile-work-link sup{font-size:10px;align-self:flex-start;margin-top:8px}.nav-toggle{min-width:0;min-height:44px;padding:0;font-size:15px}.home .site-header.is-compact .nav-toggle{color:var(--ink)}.mobile-nav{top:78px}
  .photo-hero-title{bottom:252px;font-size:clamp(36px,8.6vw,58px)}.photo-hero-bottom{grid-template-columns:1fr;gap:15px;bottom:22px}.hero-index{font-size:14px;line-height:1.4}.hero-project small:first-child{display:none}.hero-project small:last-child{font-size:12px;margin-top:3px}.hero-project span{font-size:15px}.hero-scroll{font-size:15px;min-height:46px;padding:11px 18px}
  .studio-intro{grid-template-columns:1fr;gap:22px;padding-block:36px 44px}.studio-intro h2{font-size:34px}.studio-intro-detail{font-size:16px}.studio-intro-detail .text-link{margin-top:10px}
  .selected-work .editorial-section-heading{gap:14px;flex-wrap:wrap;align-items:center}.selected-work .editorial-section-heading h2{font-size:35px;max-width:none}.all-work-link{font-size:15px;min-height:44px}.work-categories{gap:8px 20px;margin-bottom:26px;font-size:14px}.work-categories a{min-height:40px}
  .curated-grid{gap:36px 20px}.curated-project:nth-child(even){margin-top:40px}.project-card .project-role{font-size:16px}.selected-work{padding-bottom:50px}
  .case-study-sections p{font-size:17px}.contact-direct h2{font-size:36px}.back-row{flex-wrap:wrap;gap:18px}.related .section-intro{display:flex;flex-wrap:wrap;gap:12px}.related .section-intro h2{font-size:38px}
}
@media(max-width:480px){.curated-project{width:100%!important;margin:0 0 34px!important}.curated-project:nth-child(even){margin-left:0!important}.curated-project .project-image{aspect-ratio:1.3}.curated-project:last-child{margin-bottom:0!important}}
/* Five featured projects followed by a project collage; no autoplay. */
.photo-hero-image{z-index:0}.photo-hero:after{z-index:1}.photo-hero-title,.photo-hero-bottom{z-index:2}.photo-hero-title{pointer-events:none}
.hero-slide{position:absolute;inset:0;display:block}.hero-slide img{object-position:var(--hero-position,50% 40%)}
.photo-hero[data-hero-index]:not([data-hero-index="0"]):after{background:linear-gradient(180deg,#020a2099,#020a2080 45%,#020a20bc 100%)}
.hero-featured{justify-self:center;min-width:0;max-width:100%}.hero-project{max-width:100%}.hero-project>span{min-width:0}.hero-project-thumb{flex-shrink:0}
.hero-actions{justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.hero-controls{display:flex;align-items:center;gap:9px;position:relative}
.hero-controls button{background:transparent;color:#fff;padding:4px 7px;min-height:44px;min-width:44px;font-size:13px;border-bottom:1px solid #ffffff70}.hero-controls button:hover{border-color:#fff;background:#ffffff14}.hero-controls button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.hero-count{font-size:12px;white-space:nowrap;min-width:46px;text-align:center;font-variant-numeric:tabular-nums}
.hero-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.hero-collage-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));grid-template-areas:"winter winter fashion science science" "winter winter coffee coffee pmq" "book cookies boardwalk boardwalk pmq";gap:7px;height:100%;background:#071327}
.hero-collage-tile{min-width:0;min-height:0;overflow:hidden}.hero-collage-tile img{display:block;object-position:var(--collage-position,50% 50%)}
.photo-hero[data-hero-kind="collage"]:after{background:linear-gradient(180deg,#020a20a8,transparent 35%,#020a20a8),radial-gradient(ellipse at center,#020a20bd 0%,#020a2070 70%)}
.photo-hero[data-hero-kind="collage"] .photo-hero-title{visibility:hidden}.photo-hero[data-hero-kind="collage"] .hero-scroll{display:none}
.hero-collage-copy{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:130px var(--gutter) 150px;color:#fff;pointer-events:none}
.hero-collage-copy p{font-size:15px;margin:0 0 24px}.hero-collage-copy h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(56px,7.5vw,120px);font-weight:400;line-height:1.02;letter-spacing:-.045em;margin:0}
.hero-collage-copy a{display:inline-block;pointer-events:auto;text-decoration:none}.hero-collage-copy a em{font-weight:400;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:12px}.hero-collage-copy a:hover em{text-decoration-thickness:3px}.hero-collage-copy a:focus-visible{outline:2px solid #fff;outline-offset:18px}
.hero-collage-copy>span{font-size:14px;margin-top:32px}.hero-collage-caption{font-size:14px;margin:0}
@media(max-width:760px){.hero-collage-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));grid-template-areas:"winter winter science" "fashion coffee science" "book pmq pmq" "cookies boardwalk boardwalk";gap:4px}.hero-collage-copy{padding:100px 22px 150px}.hero-collage-copy h2{font-size:clamp(48px,11.5vw,76px)}.hero-collage-copy p{font-size:12px;margin-bottom:20px}.hero-collage-copy>span{font-size:12px;margin-top:28px}.photo-hero[data-hero-kind="collage"] .hero-featured{display:none}.photo-hero[data-hero-kind="collage"] .hero-actions{justify-content:flex-end}}
@media(max-width:760px){.hero-slide img{object-position:var(--hero-position-mobile,50% 50%)}.hero-featured{justify-self:start}.hero-project{min-height:64px}.hero-project>span{max-width:260px}.hero-actions{justify-self:stretch;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:9px}.hero-controls{gap:6px}.hero-controls button{font-size:12px;padding-inline:4px}.hero-actions .hero-scroll{order:-1;font-size:13px;padding-inline:14px}.photo-hero-bottom{gap:12px}.photo-hero-title{bottom:285px}}

/* transitions-dev: side-by-side pages, tuned below for full-width photography. */
:root {
  --page-slide-dur: 250ms;
  --page-fade-dur: 250ms;
  --page-slide-distance: 8px;
  --page-blur: 3px;
  --page-stagger: 0ms;
  --page-exit-enabled: 1;
  --page-slide-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --page-fade-ease: cubic-bezier(0.22, 1, 0.36, 1);
}
.t-page-slide {
  position: relative;
}
.t-page-slide .t-page[data-page-id="1"] {
  --t-page-from-x: calc(var(--page-slide-distance) * -1);
}
.t-page-slide .t-page[data-page-id="2"] {
  --t-page-from-x: var(--page-slide-distance);
}
.t-page-slide .t-page {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transform: translateX(calc(var(--t-page-from-x, 0px) * var(--page-exit-enabled)));
  filter: blur(calc(var(--page-blur) * var(--page-exit-enabled)));
  transition:
    opacity   var(--page-fade-dur)  var(--page-fade-ease),
    transform var(--page-slide-dur) var(--page-slide-ease),
    filter    var(--page-slide-dur) var(--page-slide-ease);
  will-change: opacity, transform, filter;
}
.t-page-slide[data-page="1"] .t-page[data-page-id="1"],
.t-page-slide[data-page="2"] .t-page[data-page-id="2"] {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
  filter: blur(0);
  transition-delay: var(--page-stagger);
}
@media (prefers-reduced-motion: reduce) {
  .t-page-slide .t-page { transition: none !important; }
}
.photo-hero[data-hero-ready]{overflow:hidden}
@media(max-width:760px){.photo-hero[data-hero-ready]{touch-action:pan-y pinch-zoom}}
.photo-hero-image.t-page-slide{position:absolute;--page-slide-dur:650ms;--page-slide-distance:100%;--page-blur:0px}
.photo-hero-image.t-page-slide .t-page{opacity:1;user-select:none;-webkit-user-select:none}
.photo-hero-image.t-page-slide.is-setting .t-page,
.photo-hero-image.t-page-slide.is-dragging .t-page{transition:none}
.photo-hero.is-swiping{cursor:grabbing;user-select:none;-webkit-user-select:none}
.photo-hero[data-hero-ready]:after{display:none}
.photo-hero[data-hero-ready] .hero-slide:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#020a2099,#020a2080 45%,#020a20bc 100%)}
.photo-hero[data-hero-ready] .hero-slide:first-child:after{background:linear-gradient(180deg,#020a2090 0%,#020a2010 29%,#020a2029 60%,#020a20a3 100%)}
.photo-hero[data-hero-ready] .hero-collage:after{background:linear-gradient(180deg,#020a20a8,transparent 35%,#020a20a8),radial-gradient(ellipse at center,#020a20bd 0%,#020a2070 70%)}
.photo-hero[data-hero-ready] .photo-hero-title{transition:opacity var(--page-fade-dur) var(--page-fade-ease)}
.photo-hero.is-collage-transition .photo-hero-title{opacity:0}
.photo-hero[data-hero-ready] .hero-featured{transition:opacity var(--page-fade-dur) var(--page-fade-ease)}
.photo-hero.is-changing .hero-featured{opacity:0;pointer-events:none}
@media(max-width:760px){.photo-hero-image.t-page-slide{--page-slide-dur:500ms}.photo-hero[data-hero-ready] .hero-slide:first-child:after{background:linear-gradient(180deg,#020a2060,#020a2008 26%,#020a2015 44%,#020a20bc 100%)}}

/* transitions-dev panel reveal: keep the navigation available on upward scroll. */
:root {
  --panel-open-dur: 400ms;
  --panel-close-dur: 350ms;
  --panel-translate-y: 100px;
  --panel-blur: 2px;
  --panel-ease: cubic-bezier(0.22, 1, 0.36, 1);
}
.t-panel-slide {
  transform: translateY(var(--panel-translate-y));
  opacity: 0;
  filter: blur(var(--panel-blur));
  pointer-events: none;
  transition:
    transform var(--panel-close-dur) var(--panel-ease),
    opacity   var(--panel-close-dur) var(--panel-ease),
    filter    var(--panel-close-dur) var(--panel-ease);
  will-change: transform, opacity, filter;
}
.t-panel-slide[data-open="true"] {
  transform: translateY(0);
  opacity: 1;
  filter: blur(0);
  pointer-events: auto;
  transition:
    transform var(--panel-open-dur) var(--panel-ease),
    opacity   var(--panel-open-dur) var(--panel-ease),
    filter    var(--panel-open-dur) var(--panel-ease);
}
@media (prefers-reduced-motion: reduce) {
  .t-panel-slide { transition: none !important; }
}
.site-header.t-panel-slide{--panel-translate-y:calc(-100% - 2px);--panel-blur:0px;--panel-open-dur:300ms;--panel-close-dur:250ms}
/* Keep migrated photo credits visibly attached to their images. */
.article-body figure { margin: 28px 0; }
.article-body figure img { margin: 0 auto; }
.article-body figcaption { margin-top: 10px; font-size: 13px; line-height: 1.65; color: var(--muted); text-align: center; }
.article-layout { grid-template-columns: 160px minmax(0,740px); gap: clamp(30px,5vw,80px); }
.article-body { min-width: 0; font-size: 18px; line-height: 1.85; letter-spacing: 0; }
.article-body > p { margin: 0 0 22px; }
.article-body h2 { font-size: 26px; line-height: 1.5; margin: 36px 0 14px; letter-spacing: 0; }
.article-body h3 { font-size: 22px; line-height: 1.5; margin: 28px 0 12px; }
.article-body > :first-child { margin-top: 0; }
.article-body .article-language { font-size: 12px; letter-spacing: .08em; color: var(--muted); margin-bottom: 14px; }
.article-body .article-original-title { font-size: 28px; margin-top: 0; margin-bottom: 28px; }
.article-body li + li { margin-top: 8px; }
.article-body ul, .article-body ol { margin-bottom: 22px; }
.article-body blockquote { margin: 26px 0; padding: 4px 0 4px 22px; }
@media (max-width: 760px) {
  .article-layout { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .article-body { font-size: 17px; }
  .article-body h2, .article-body .article-original-title { font-size: 23px; }
  .article-body h3 { font-size: 20px; }
  .article-body figure { margin-block: 24px; }
}