/* generated by tools/gen_4k.py - do not edit by hand */
@media(min-width:2200px){
.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__brand{margin:0 0 18.2px !important}
.global-footer__brand img{width:clamp(218.4px,17vw,291.2px) !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,5.6vw,140.4px);--section:clamp(119.6px,11vw,228.8px)}
.skip{top:-104px;padding:10px 18.2px}
.header{height:101.4px}
.brand img{width:clamp(153.4px,11vw,228.8px)}
.nav{gap:clamp(23.4px,2.4vw,44.2px)}
.hero-copy{padding:0 var(--pad) clamp(98.8px,10vh,179.4px);max-width:1885px}
.kicker,.label{margin:0 0 32.5px}
h1{max-width:1430px}
.hero-fact{font-size:clamp(20.8px,1.45vw,28.6px);max-width:988px;margin:41.6px 0 0}
.scroll{bottom:41.6px}
.opening-pair{gap:clamp(23.4px,2.5vw,49.4px)}
.opening-pair figure:first-child{height:min(72vw,1066px)}
.opening-pair figure:last-child{height:min(52vw,845px)}
.full{padding:0 var(--pad) clamp(106.6px,9vw,184.6px)}
.full .stage-grid{gap:clamp(20.8px,2vw,39px)}
.full figure{height:min(47vw,910px)}
.mosaic{gap:clamp(20.8px,2vw,39px)}
.mosaic .a{height:min(58vw,1014px)}
.mosaic .b{height:min(43vw,806px);margin-top:clamp(65px,8vw,156px)}
.mosaic .c{height:min(46vw,884px);margin-top:clamp(26px,5vw,91px)}
.mosaic .d{height:min(37vw,676px)}
.working{gap:clamp(62.4px,8vw,182px)}
.intro,.opening-pair,.full .stage-grid,.mosaic,.sequence-grid{max-width:min(2288px,100%)}
.fact{grid-template-columns:156px 1fr;gap:36.4px;padding:32.5px 0}
.fact p{font-size:19.5px;max-width:988px}
.production{gap:clamp(23.4px,2.6vw,49.4px)}
.production .large{height:min(56vw,988px)}
.production .stack{gap:clamp(23.4px,2.6vw,49.4px)}
.production .stack figure{height:min(27vw,468px)}
.assignment-teaser{padding:clamp(52px,4.8vw,93.6px) var(--pad)}
.assignment-teaser-inner{gap:clamp(33.8px,5vw,111.8px);padding:clamp(31.2px,3vw,54.6px) 0;max-width:min(1534px,100%)}
.assignment-teaser--motorworld .assignment-teaser-inner{margin-left:clamp(33.8px,4vw,101.4px)}
.assignment-teaser--artesano .assignment-teaser-inner{margin-left:clamp(119.6px,10vw,247px)}
.assignment-teaser .label{margin:0 0 20.8px}
.assignment-title{font-size:clamp(31.2px,2.8vw,54.6px)}
.assignment-meta{margin:0 0 23.4px}
.assignment-dialog{width:min(1534px,calc(100vw - 72.8px));height:min(90vh,1274px)}
.assignment-dialog-shell{padding:clamp(44.2px,5vw,96.2px)}
.assignment-dialog-head{gap:clamp(36.4px,6vw,117px);margin-bottom:clamp(62.4px,6vw,117px);padding-right:65px}
.assignment-close{top:23.4px;margin:23.4px 23.4px 0 0;width:54.6px;height:54.6px;font-size:23.4px}
.assignment-grid{gap:clamp(20.8px,2vw,39px)}
.assignment-grid .a2{margin-top:clamp(65px,6vw,119.6px)}
.assignment-grid .a3{margin-top:clamp(119.6px,10vw,208px)}
.assignment-grid .a4{margin-top:clamp(75.4px,7vw,140.4px)}
.assignment-grid .a5{margin-top:clamp(91px,8vw,158.6px)}
.assignment-grid .a6{margin-top:clamp(49.4px,5vw,96.2px)}
.assignment-grid .a7{margin-top:clamp(83.2px,8vw,163.8px)}
.assignment-grid .a8{margin-top:clamp(85.8px,8vw,156px)}
.assignment-grid .a9{margin-top:clamp(130px,11vw,228.8px)}
.assignment-grid .a10{margin-top:clamp(80.6px,8vw,156px)}
.assignment-grid .a11{margin-top:clamp(83.2px,8vw,156px)}
.assignment-grid .a12{margin-top:clamp(122.2px,10vw,208px)}
.assignment-grid .a13{margin-top:clamp(78px,8vw,153.4px)}
.assignment-grid .a14{margin-top:clamp(91px,8vw,163.8px)}
.assignment-grid .a15{margin-top:clamp(145.6px,12vw,247px)}
.assignment-grid .a16{margin-top:clamp(85.8px,8vw,171.6px)}
.sequence-grid{gap:clamp(20.8px,2vw,39px)}
.sequence-grid .feature{height:min(43vw,806px);margin-top:clamp(65px,8vw,156px)}
.sequence-grid .portrait{height:min(58vw,1014px)}
.sequence-grid .r1{height:min(37vw,676px)}
.sequence-grid .venue{height:min(46vw,884px);margin-top:clamp(26px,5vw,91px)}
.sequence-grid .closing-wide{margin-top:clamp(67.6px,7vw,124.8px)}
.contact-line{gap:39px;padding:23.4px 0;font-size:clamp(18.2px,1.6vw,29.9px)}
.contact-feature{margin:clamp(57.2px,5vw,93.6px) auto 0;max-width:min(1898px,100%)}
main > section.section.dark:last-of-type{padding-bottom:clamp(72.8px,6vw,119.6px)}
.brand-logo img{width:clamp(184.6px,11vw,244.4px) !important}
.global-footer{padding:clamp(39px,3.6vw,62.4px) var(--pad) clamp(44.2px,4vw,70.2px) !important;gap:clamp(28.6px,4vw,78px) !important}
.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}
:root{--pad:clamp(54.6px,4vw,156px)}
.hero-copy{max-width:min(2184px,100%)}
.intro,.opening-pair,.full .stage-grid,.mosaic,.sequence-grid{max-width:2288px}
.assignment-teaser-inner{max-width:1716px}
.chapter-bridge{padding:clamp(54.6px,6vw,117px) var(--pad)}
.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}
}
@media(min-width:3000px){
.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__brand{margin:0 0 25.2px !important}
.global-footer__brand img{width:clamp(302.4px,17vw,403.2px) !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,5.6vw,194.4px);--section:clamp(165.6px,11vw,316.8px)}
.skip{top:-144px;padding:10px 25.2px}
.header{height:140.4px}
.brand img{width:clamp(212.4px,11vw,316.8px)}
.nav{gap:clamp(32.4px,2.4vw,61.2px)}
.hero-copy{padding:0 var(--pad) clamp(136.8px,10vh,248.4px);max-width:2610px}
.kicker,.label{margin:0 0 45px}
h1{max-width:1980px}
.hero-fact{font-size:clamp(28.8px,1.45vw,39.6px);max-width:1368px;margin:57.6px 0 0}
.scroll{bottom:57.6px}
.opening-pair{gap:clamp(32.4px,2.5vw,68.4px)}
.opening-pair figure:first-child{height:min(72vw,1476px)}
.opening-pair figure:last-child{height:min(52vw,1170px)}
.full{padding:0 var(--pad) clamp(147.6px,9vw,255.6px)}
.full .stage-grid{gap:clamp(28.8px,2vw,54px)}
.full figure{height:min(47vw,1260px)}
.mosaic{gap:clamp(28.8px,2vw,54px)}
.mosaic .a{height:min(58vw,1404px)}
.mosaic .b{height:min(43vw,1116px);margin-top:clamp(90px,8vw,216px)}
.mosaic .c{height:min(46vw,1224px);margin-top:clamp(36px,5vw,126px)}
.mosaic .d{height:min(37vw,936px)}
.working{gap:clamp(86.4px,8vw,252px)}
.intro,.opening-pair,.full .stage-grid,.mosaic,.sequence-grid{max-width:min(3168px,100%)}
.fact{grid-template-columns:216px 1fr;gap:50.4px;padding:45px 0}
.fact p{font-size:27px;max-width:1368px}
.production{gap:clamp(32.4px,2.6vw,68.4px)}
.production .large{height:min(56vw,1368px)}
.production .stack{gap:clamp(32.4px,2.6vw,68.4px)}
.production .stack figure{height:min(27vw,648px)}
.assignment-teaser{padding:clamp(72px,4.8vw,129.6px) var(--pad)}
.assignment-teaser-inner{gap:clamp(46.8px,5vw,154.8px);padding:clamp(43.2px,3vw,75.6px) 0;max-width:min(2124px,100%)}
.assignment-teaser--motorworld .assignment-teaser-inner{margin-left:clamp(46.8px,4vw,140.4px)}
.assignment-teaser--artesano .assignment-teaser-inner{margin-left:clamp(165.6px,10vw,342px)}
.assignment-teaser .label{margin:0 0 28.8px}
.assignment-title{font-size:clamp(43.2px,2.8vw,75.6px)}
.assignment-meta{margin:0 0 32.4px}
.assignment-dialog{width:min(2124px,calc(100vw - 100.8px));height:min(90vh,1764px)}
.assignment-dialog-shell{padding:clamp(61.2px,5vw,133.2px)}
.assignment-dialog-head{gap:clamp(50.4px,6vw,162px);margin-bottom:clamp(86.4px,6vw,162px);padding-right:90px}
.assignment-close{top:32.4px;margin:32.4px 32.4px 0 0;width:75.6px;height:75.6px;font-size:32.4px}
.assignment-grid{gap:clamp(28.8px,2vw,54px)}
.assignment-grid .a2{margin-top:clamp(90px,6vw,165.6px)}
.assignment-grid .a3{margin-top:clamp(165.6px,10vw,288px)}
.assignment-grid .a4{margin-top:clamp(104.4px,7vw,194.4px)}
.assignment-grid .a5{margin-top:clamp(126px,8vw,219.6px)}
.assignment-grid .a6{margin-top:clamp(68.4px,5vw,133.2px)}
.assignment-grid .a7{margin-top:clamp(115.2px,8vw,226.8px)}
.assignment-grid .a8{margin-top:clamp(118.8px,8vw,216px)}
.assignment-grid .a9{margin-top:clamp(180px,11vw,316.8px)}
.assignment-grid .a10{margin-top:clamp(111.6px,8vw,216px)}
.assignment-grid .a11{margin-top:clamp(115.2px,8vw,216px)}
.assignment-grid .a12{margin-top:clamp(169.2px,10vw,288px)}
.assignment-grid .a13{margin-top:clamp(108px,8vw,212.4px)}
.assignment-grid .a14{margin-top:clamp(126px,8vw,226.8px)}
.assignment-grid .a15{margin-top:clamp(201.6px,12vw,342px)}
.assignment-grid .a16{margin-top:clamp(118.8px,8vw,237.6px)}
.sequence-grid{gap:clamp(28.8px,2vw,54px)}
.sequence-grid .feature{height:min(43vw,1116px);margin-top:clamp(90px,8vw,216px)}
.sequence-grid .portrait{height:min(58vw,1404px)}
.sequence-grid .r1{height:min(37vw,936px)}
.sequence-grid .venue{height:min(46vw,1224px);margin-top:clamp(36px,5vw,126px)}
.sequence-grid .closing-wide{margin-top:clamp(93.6px,7vw,172.8px)}
.contact-line{gap:54px;padding:32.4px 0;font-size:clamp(25.2px,1.6vw,41.4px)}
.contact-feature{margin:clamp(79.2px,5vw,129.6px) auto 0;max-width:min(2628px,100%)}
main > section.section.dark:last-of-type{padding-bottom:clamp(100.8px,6vw,165.6px)}
.brand-logo img{width:clamp(255.6px,11vw,338.4px) !important}
.global-footer{padding:clamp(54px,3.6vw,86.4px) var(--pad) clamp(61.2px,4vw,97.2px) !important;gap:clamp(39.6px,4vw,108px) !important}
.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}
:root{--pad:clamp(75.6px,4vw,216px)}
.hero-copy{max-width:min(3024px,100%)}
.intro,.opening-pair,.full .stage-grid,.mosaic,.sequence-grid{max-width:3168px}
.assignment-teaser-inner{max-width:2376px}
.chapter-bridge{padding:clamp(75.6px,6vw,162px) var(--pad)}
.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}
}