/* generated by tools/gen_4k.py - do not edit by hand */
@media(min-width:2200px){
: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{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}
.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}
.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__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.5vw,96.2px);--max:1950px}
.site-header{height:101.4px}
.brand{font-size:18.2px}
.nav{gap:33.8px}
main{padding-top:101.4px}
.hero{padding:clamp(72.8px,8vw,166.4px) var(--pad) clamp(130px,13vw,273px);gap:clamp(65px,9vw,195px);min-height:calc(100svh - 101.4px)}
.hero-copy{padding-bottom:clamp(12px,3vw,57.2px)}
.kicker{margin-bottom:31.2px}
.hero-fact{font-size:clamp(20.8px,1.35vw,27.3px);max-width:728px;margin:36.4px 0 0}
.hero-meta{gap:20.8px;margin-top:44.2px}
.portrait-note{padding:clamp(28.6px,3vw,57.2px)}
.portrait-note b{font-size:clamp(23.4px,2vw,39px)}
.about{padding:clamp(143px,14vw,286px) var(--pad)}
.about-inner{gap:clamp(65px,10vw,221px)}
.facts{margin-top:54.6px;padding-top:31.2px;gap:26px}
.testimonials{padding:clamp(143px,14vw,286px) var(--pad)}
.section-label{margin-bottom:clamp(67.6px,7vw,123.5px)}
.quote{grid-template-columns:91px 1.15fr .55fr;gap:clamp(28.6px,5vw,97.5px);padding:clamp(54.6px,6vw,109.2px) 0}
blockquote{font-size:clamp(26px,2vw,40.3px);max-width:1170px}
.partners{padding:clamp(130px,12vw,247px) var(--pad)}
.partners-head{gap:clamp(52px,9vw,195px);margin-bottom:clamp(71.5px,8vw,130px)}
.partners-copy{max-width:858px}
.partner{min-height:182px;padding:36.4px 31.2px 36.4px 0}
.partner:nth-child(3n/**/+2),.partner:nth-child(3n/**/+3){padding-left:31.2px}
.partner-name{font-size:clamp(22.1px,1.5vw,31.2px)}
.contact-links{gap:28.6px;margin-top:39px}
footer{padding:49.4px var(--pad) 70.2px;gap:52px}
.footer-links{gap:31.2px}
.hero-text-only{padding-top:clamp(117px,10vw,195px);padding-bottom:clamp(123.5px,11vw,221px)}
.hero-text-only .hero-copy{max-width:988px}
.narrative{padding:clamp(123.5px,12vw,234px) var(--pad) clamp(117px,11vw,214.5px)}
.narrative-inner{gap:clamp(58.5px,9vw,188.5px)}
.narrative-title{font-size:clamp(31.2px,2.6vw,54.6px)}
.portrait-section{padding:0 var(--pad) clamp(136.5px,13vw,260px)}
.portrait-section .portrait-slot{width:min(58%,936px)}
.facts-section{padding:0 var(--pad) clamp(130px,12vw,234px)}
.facts-section .facts{padding:39px 0;gap:36.4px}
.portrait-statement{margin:clamp(36.4px,4vw,75.4px) 0 0 auto;width:min(58%,936px);font-size:clamp(28.6px,2.25vw,46.8px)}
.personal-intro{padding-top:clamp(104px,10vw,195px);padding-bottom:clamp(91px,8vw,162.5px)}
.personal-intro-grid{grid-template-columns:minmax(0,.82fr) minmax(416px,.78fr);gap:clamp(54.6px,8vw,171.6px)}
.facts-section{padding-bottom:clamp(44.2px,4.5vw,91px)}
.personal-statement-section{padding:clamp(106.6px,8vw,175.5px) max(var(--pad),calc((100vw - var(--max))/2));margin:0 0 clamp(117px,10vw,195px)}
.statement-wrap{gap:clamp(44.2px,7vw,143px)}
.statement-wrap .portrait-statement{font-size:clamp(37.7px,3.2vw,67.6px)}
.quote{grid-template-columns:91px 93.6px 1.12fr .55fr}
.quote-thumb{width:75.4px;height:75.4px}
.partner{gap:23.4px;min-height:299px}
.partner-logo-wrap{height:96.2px}
.partner-logo{max-height:75.4px}
.partner-logo.logo-froehlich{max-height:72.8px}
.partner-logo.logo-emiff{max-height:65px}
.partner-logo.logo-luxury{max-height:67.6px}
.partner-logo.logo-frankie{max-height:67.6px}
.partner-logo.logo-motorworld{max-height:75.4px}
.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}
.portrait-wrap,.narrative-inner,.facts-wrap,.partners-inner,.contact{max-width:1924px}
}
@media(min-width:3000px){
: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{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}
.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}
.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__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.5vw,133.2px);--max:2700px}
.site-header{height:140.4px}
.brand{font-size:25.2px}
.nav{gap:46.8px}
main{padding-top:140.4px}
.hero{padding:clamp(100.8px,8vw,230.4px) var(--pad) clamp(180px,13vw,378px);gap:clamp(90px,9vw,270px);min-height:calc(100svh - 140.4px)}
.hero-copy{padding-bottom:clamp(12px,3vw,79.2px)}
.kicker{margin-bottom:43.2px}
.hero-fact{font-size:clamp(28.8px,1.35vw,37.8px);max-width:1008px;margin:50.4px 0 0}
.hero-meta{gap:28.8px;margin-top:61.2px}
.portrait-note{padding:clamp(39.6px,3vw,79.2px)}
.portrait-note b{font-size:clamp(32.4px,2vw,54px)}
.about{padding:clamp(198px,14vw,396px) var(--pad)}
.about-inner{gap:clamp(90px,10vw,306px)}
.facts{margin-top:75.6px;padding-top:43.2px;gap:36px}
.testimonials{padding:clamp(198px,14vw,396px) var(--pad)}
.section-label{margin-bottom:clamp(93.6px,7vw,171px)}
.quote{grid-template-columns:126px 1.15fr .55fr;gap:clamp(39.6px,5vw,135px);padding:clamp(75.6px,6vw,151.2px) 0}
blockquote{font-size:clamp(36px,2vw,55.8px);max-width:1620px}
.partners{padding:clamp(180px,12vw,342px) var(--pad)}
.partners-head{gap:clamp(72px,9vw,270px);margin-bottom:clamp(99px,8vw,180px)}
.partners-copy{max-width:1188px}
.partner{min-height:252px;padding:50.4px 43.2px 50.4px 0}
.partner:nth-child(3n/**/+2),.partner:nth-child(3n/**/+3){padding-left:43.2px}
.partner-name{font-size:clamp(30.6px,1.5vw,43.2px)}
.contact-links{gap:39.6px;margin-top:54px}
footer{padding:68.4px var(--pad) 97.2px;gap:72px}
.footer-links{gap:43.2px}
.hero-text-only{padding-top:clamp(162px,10vw,270px);padding-bottom:clamp(171px,11vw,306px)}
.hero-text-only .hero-copy{max-width:1368px}
.narrative{padding:clamp(171px,12vw,324px) var(--pad) clamp(162px,11vw,297px)}
.narrative-inner{gap:clamp(81px,9vw,261px)}
.narrative-title{font-size:clamp(43.2px,2.6vw,75.6px)}
.portrait-section{padding:0 var(--pad) clamp(189px,13vw,360px)}
.portrait-section .portrait-slot{width:min(58%,1296px)}
.facts-section{padding:0 var(--pad) clamp(180px,12vw,324px)}
.facts-section .facts{padding:54px 0;gap:50.4px}
.portrait-statement{margin:clamp(50.4px,4vw,104.4px) 0 0 auto;width:min(58%,1296px);font-size:clamp(39.6px,2.25vw,64.8px)}
.personal-intro{padding-top:clamp(144px,10vw,270px);padding-bottom:clamp(126px,8vw,225px)}
.personal-intro-grid{grid-template-columns:minmax(0,.82fr) minmax(576px,.78fr);gap:clamp(75.6px,8vw,237.6px)}
.facts-section{padding-bottom:clamp(61.2px,4.5vw,126px)}
.personal-statement-section{padding:clamp(147.6px,8vw,243px) max(var(--pad),calc((100vw - var(--max))/2));margin:0 0 clamp(162px,10vw,270px)}
.statement-wrap{gap:clamp(61.2px,7vw,198px)}
.statement-wrap .portrait-statement{font-size:clamp(52.2px,3.2vw,93.6px)}
.quote{grid-template-columns:126px 129.6px 1.12fr .55fr}
.quote-thumb{width:104.4px;height:104.4px}
.partner{gap:32.4px;min-height:414px}
.partner-logo-wrap{height:133.2px}
.partner-logo{max-height:104.4px}
.partner-logo.logo-froehlich{max-height:100.8px}
.partner-logo.logo-emiff{max-height:90px}
.partner-logo.logo-luxury{max-height:93.6px}
.partner-logo.logo-frankie{max-height:93.6px}
.partner-logo.logo-motorworld{max-height:104.4px}
.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}
.portrait-wrap,.narrative-inner,.facts-wrap,.partners-inner,.contact{max-width:2664px}
}