/* generated by tools/gen_4k.py - do not edit by hand */
@media(min-width:2200px){
.brand-logo img{width:clamp(184.6px,11vw,244.4px) !important}
.global-footer__brand{margin:0 0 18.2px !important}
.global-footer__brand img{width:clamp(218.4px,17vw,291.2px) !important}
.global-footer{padding:clamp(39px,3.6vw,62.4px) var(--pad,clamp(26px,4.5vw,96.2px)) clamp(44.2px,4vw,70.2px) !important;gap:clamp(28.6px,4vw,78px) !important}
.global-footer__meta{gap:16.9px !important}
.global-footer__social a{width:31.2px !important;height:31.2px !important}
.global-footer__social svg{width:23.4px !important;height:23.4px !important}
.global-footer__legal{gap:18.2px !important}
.global-footer{padding-left:max(44.2px,calc((100vw - 2132px)/2)) !important;padding-right:max(44.2px,calc((100vw - 2132px)/2)) !important}
.portfolio-lightbox{padding:clamp(20.8px,3vw,54.6px)}
.portfolio-lightbox__figure{max-width:min(94vw,2340px)}
.portfolio-lightbox__close,.portfolio-lightbox__prev,.portfolio-lightbox__next{font:300 39px/1 "Work Sans","Helvetica Neue",Arial,sans-serif;min-width:62.4px;min-height:62.4px}
.portfolio-lightbox__close{top:18.2px;right:23.4px;font-size:44.2px}
.portfolio-lightbox__prev{left:23.4px}
.portfolio-lightbox__next{right:23.4px}
.portfolio-lightbox__count{left:26px;bottom:23.4px}
:root{--pad:clamp(26px,4.3vw,93.6px)}
.site-header{height:98.8px}
.brand{font:500 16.9px/1 var(--head)}
.nav{gap:31.2px}
.mobile-nav{width:min(86vw,546px);padding:143px 44.2px 65px;gap:26px}
.mobile-nav a{font:500 31.2px/1.25 var(--head)}
.mobile-nav .utility{margin-top:26px}
.hero-copy{bottom:clamp(96.2px,10vh,169px)}
.kicker{margin:0 0 26px}
h1{max-width:1508px}
.hero-fact{font-size:clamp(18.2px,1.3vw,26px);max-width:754px;margin:36.4px 0 0}
.hero-count{bottom:41.6px}
.hero-count b{width:33.8px}
.hero-link{bottom:39px}
.essay{padding:0 var(--pad) clamp(156px,13vw,286px)}
.frame img{height:calc(100% + 104px);margin-top:-52px}
.spread-1{gap:clamp(28.6px,4vw,91px);margin-bottom:clamp(156px,15vw,312px)}
.s1a{height:min(62vw,988px);max-width:676px}
.s1b{height:min(72vw,1209px)}
.emerge-row{grid-template-columns:minmax(0,1.15fr) minmax(390px,.7fr);gap:clamp(39px,7vw,156px);margin:0 0 clamp(169px,18vw,377px)}
.emerge-image{height:min(60vw,1027px)}
.strip{height:min(50vw,936px);margin-bottom:clamp(156px,15vw,312px)}
.spread-2{gap:clamp(31.2px,5vw,114.4px);margin-bottom:clamp(123.5px,12vw,247px)}
.s2a{height:min(62vw,1092px)}
.s2b{height:min(33vw,624px)}
.full-bleed{height:min(68vw,1170px);margin-bottom:clamp(156px,16vw,338px)}
.spread-3{gap:clamp(31.2px,5vw,114.4px);margin-bottom:clamp(162.5px,17vw,364px)}
.s3a{height:min(44vw,728px)}
.s3b{height:min(70vw,1209px)}
.spread-4{gap:clamp(31.2px,5vw,117px);margin-bottom:clamp(156px,15vw,312px)}
.s4a{height:min(58vw,1040px)}
.s4b{height:min(40vw,689px)}
.triptych{gap:clamp(18.2px,2.2vw,44.2px);margin-bottom:clamp(182px,18vw,377px)}
.t1{height:min(39vw,676px)}
.t2{height:min(58vw,1014px)}
.t3{height:min(46vw,793px)}
.record{font-size:clamp(39px,3.2vw,70.2px) !important}
.categories{padding:clamp(117px,10vw,208px) var(--pad)}
.category-grid{grid-template-rows:min(26vw,507px) min(26vw,507px);gap:clamp(20.8px,2.2vw,44.2px)}
.category-card img{height:calc(100% + 52px);margin-top:-26px}
.category-label{left:clamp(23.4px,2vw,41.6px);bottom:clamp(23.4px,2vw,39px);right:28.6px;gap:26px}
.category-label strong{font:500 clamp(26px,2.8vw,55.9px)/1 var(--head)}
.contact h3{font:500 clamp(28.6px,2.5vw,46.8px)/1.2 var(--head);max-width:728px}
.contact-links{gap:12px 36.4px}
footer{padding:49.4px var(--pad) 70.2px;gap:39px}
.footer-right{gap:31.2px}
:root{--global-h1:clamp(62.4px,6.25vw,135.2px);--global-h2:clamp(44.2px,4.15vw,88.4px);--global-h3:clamp(28.6px,2.3vw,46.8px)}
.site-header .brand{font-size:18.2px !important}
.global-footer{padding:clamp(54.6px,5vw,93.6px) var(--pad,clamp(26px,4.5vw,96.2px)) !important;gap:clamp(36.4px,5vw,104px) !important}
.chapter-bridge{padding:clamp(54.6px,6vw,117px) var(--pad,clamp(26px,4.5vw,96.2px))}
.chapter-bridge__inner{gap:31.2px;max-width:1885px}
.chapter-bridge__back{font-size:35.1px}
.chapter-bridge__title{font-size:clamp(26px,2vw,40.3px)}
.chapter-bridge__arrow{font-size:35.1px}
.global-footer__meta{gap:16.9px}
.global-footer__social a{width:31.2px;height:31.2px}
.global-footer__social svg{width:23.4px;height:23.4px}
.global-footer__legal{gap:18.2px}
.home-personal{padding:clamp(91px,8vw,156px) var(--pad)}
.home-personal__link{gap:39px}
.home-personal__label{font:500 clamp(19.5px,1.5vw,27.3px)/1.25 var(--head)}
:root{--max:2184px;--ultra-max:2340px}
.emerge-row{gap:117px}
.category-grid{grid-template-rows:455px 455px}
.chapter-bridge{padding-left:max(44.2px,calc((100vw - var(--max))/2));padding-right:max(44.2px,calc((100vw - var(--max))/2))}
.global-footer{padding-left:max(44.2px,calc((100vw - var(--max))/2)) !important;padding-right:max(44.2px,calc((100vw - var(--max))/2)) !important}
:root{--composition-max:1924px}
.s1a{margin-left:111.8px}
.stack{padding-top:111.8px}
.s3a{margin-bottom:88.4px}
.s4b{margin-top:153.4px}
.t1{margin-bottom:80.6px}
.t3{margin-bottom:23.4px}
.duo-alt{grid-template-columns:minmax(0,1.28fr) minmax(364px,.72fr);gap:clamp(26px,3.4vw,72.8px);margin-bottom:clamp(182px,18vw,377px)}
.duo-alt__main{height:min(49vw,936px)}
.duo-alt__side{height:min(38vw,702px)}
}
@media(min-width:3000px){
.brand-logo img{width:clamp(255.6px,11vw,338.4px) !important}
.global-footer__brand{margin:0 0 25.2px !important}
.global-footer__brand img{width:clamp(302.4px,17vw,403.2px) !important}
.global-footer{padding:clamp(54px,3.6vw,86.4px) var(--pad,clamp(36px,4.5vw,133.2px)) clamp(61.2px,4vw,97.2px) !important;gap:clamp(39.6px,4vw,108px) !important}
.global-footer__meta{gap:23.4px !important}
.global-footer__social a{width:43.2px !important;height:43.2px !important}
.global-footer__social svg{width:32.4px !important;height:32.4px !important}
.global-footer__legal{gap:25.2px !important}
.global-footer{padding-left:max(61.2px,calc((100vw - 2952px)/2)) !important;padding-right:max(61.2px,calc((100vw - 2952px)/2)) !important}
.portfolio-lightbox{padding:clamp(28.8px,3vw,75.6px)}
.portfolio-lightbox__figure{max-width:min(94vw,3240px)}
.portfolio-lightbox__close,.portfolio-lightbox__prev,.portfolio-lightbox__next{font:300 54px/1 "Work Sans","Helvetica Neue",Arial,sans-serif;min-width:86.4px;min-height:86.4px}
.portfolio-lightbox__close{top:25.2px;right:32.4px;font-size:61.2px}
.portfolio-lightbox__prev{left:32.4px}
.portfolio-lightbox__next{right:32.4px}
.portfolio-lightbox__count{left:36px;bottom:32.4px}
:root{--pad:clamp(36px,4.3vw,129.6px)}
.site-header{height:136.8px}
.brand{font:500 23.4px/1 var(--head)}
.nav{gap:43.2px}
.mobile-nav{width:min(86vw,756px);padding:198px 61.2px 90px;gap:36px}
.mobile-nav a{font:500 43.2px/1.25 var(--head)}
.mobile-nav .utility{margin-top:36px}
.hero-copy{bottom:clamp(133.2px,10vh,234px)}
.kicker{margin:0 0 36px}
h1{max-width:2088px}
.hero-fact{font-size:clamp(25.2px,1.3vw,36px);max-width:1044px;margin:50.4px 0 0}
.hero-count{bottom:57.6px}
.hero-count b{width:46.8px}
.hero-link{bottom:54px}
.essay{padding:0 var(--pad) clamp(216px,13vw,396px)}
.frame img{height:calc(100% + 144px);margin-top:-72px}
.spread-1{gap:clamp(39.6px,4vw,126px);margin-bottom:clamp(216px,15vw,432px)}
.s1a{height:min(62vw,1368px);max-width:936px}
.s1b{height:min(72vw,1674px)}
.emerge-row{grid-template-columns:minmax(0,1.15fr) minmax(540px,.7fr);gap:clamp(54px,7vw,216px);margin:0 0 clamp(234px,18vw,522px)}
.emerge-image{height:min(60vw,1422px)}
.strip{height:min(50vw,1296px);margin-bottom:clamp(216px,15vw,432px)}
.spread-2{gap:clamp(43.2px,5vw,158.4px);margin-bottom:clamp(171px,12vw,342px)}
.s2a{height:min(62vw,1512px)}
.s2b{height:min(33vw,864px)}
.full-bleed{height:min(68vw,1620px);margin-bottom:clamp(216px,16vw,468px)}
.spread-3{gap:clamp(43.2px,5vw,158.4px);margin-bottom:clamp(225px,17vw,504px)}
.s3a{height:min(44vw,1008px)}
.s3b{height:min(70vw,1674px)}
.spread-4{gap:clamp(43.2px,5vw,162px);margin-bottom:clamp(216px,15vw,432px)}
.s4a{height:min(58vw,1440px)}
.s4b{height:min(40vw,954px)}
.triptych{gap:clamp(25.2px,2.2vw,61.2px);margin-bottom:clamp(252px,18vw,522px)}
.t1{height:min(39vw,936px)}
.t2{height:min(58vw,1404px)}
.t3{height:min(46vw,1098px)}
.record{font-size:clamp(54px,3.2vw,97.2px) !important}
.categories{padding:clamp(162px,10vw,288px) var(--pad)}
.category-grid{grid-template-rows:min(26vw,702px) min(26vw,702px);gap:clamp(28.8px,2.2vw,61.2px)}
.category-card img{height:calc(100% + 72px);margin-top:-36px}
.category-label{left:clamp(32.4px,2vw,57.6px);bottom:clamp(32.4px,2vw,54px);right:39.6px;gap:36px}
.category-label strong{font:500 clamp(36px,2.8vw,77.4px)/1 var(--head)}
.contact h3{font:500 clamp(39.6px,2.5vw,64.8px)/1.2 var(--head);max-width:1008px}
.contact-links{gap:12px 50.4px}
footer{padding:68.4px var(--pad) 97.2px;gap:54px}
.footer-right{gap:43.2px}
:root{--global-h1:clamp(86.4px,6.25vw,187.2px);--global-h2:clamp(61.2px,4.15vw,122.4px);--global-h3:clamp(39.6px,2.3vw,64.8px)}
.site-header .brand{font-size:25.2px !important}
.global-footer{padding:clamp(75.6px,5vw,129.6px) var(--pad,clamp(36px,4.5vw,133.2px)) !important;gap:clamp(50.4px,5vw,144px) !important}
.chapter-bridge{padding:clamp(75.6px,6vw,162px) var(--pad,clamp(36px,4.5vw,133.2px))}
.chapter-bridge__inner{gap:43.2px;max-width:2610px}
.chapter-bridge__back{font-size:48.6px}
.chapter-bridge__title{font-size:clamp(36px,2vw,55.8px)}
.chapter-bridge__arrow{font-size:48.6px}
.global-footer__meta{gap:23.4px}
.global-footer__social a{width:43.2px;height:43.2px}
.global-footer__social svg{width:32.4px;height:32.4px}
.global-footer__legal{gap:25.2px}
.home-personal{padding:clamp(126px,8vw,216px) var(--pad)}
.home-personal__link{gap:54px}
.home-personal__label{font:500 clamp(27px,1.5vw,37.8px)/1.25 var(--head)}
:root{--max:3024px;--ultra-max:3240px}
.emerge-row{gap:162px}
.category-grid{grid-template-rows:630px 630px}
.chapter-bridge{padding-left:max(61.2px,calc((100vw - var(--max))/2));padding-right:max(61.2px,calc((100vw - var(--max))/2))}
.global-footer{padding-left:max(61.2px,calc((100vw - var(--max))/2)) !important;padding-right:max(61.2px,calc((100vw - var(--max))/2)) !important}
:root{--composition-max:2664px}
.s1a{margin-left:154.8px}
.stack{padding-top:154.8px}
.s3a{margin-bottom:122.4px}
.s4b{margin-top:212.4px}
.t1{margin-bottom:111.6px}
.t3{margin-bottom:32.4px}
.duo-alt{grid-template-columns:minmax(0,1.28fr) minmax(504px,.72fr);gap:clamp(36px,3.4vw,100.8px);margin-bottom:clamp(252px,18vw,522px)}
.duo-alt__main{height:min(49vw,1296px)}
.duo-alt__side{height:min(38vw,972px)}
}