/* 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)}
.site-header{height:101.4px}
.brand{font-size:18.2px}
.nav{gap:33.8px}
.hero-copy{bottom:clamp(91px,9vh,169px)}
.kicker{margin:0 0 31.2px}
h1{max-width:1430px}
.hero-fact{margin-top:33.8px;font-size:clamp(19.5px,1.25vw,26px);max-width:858px}
.scrollmark{bottom:36.4px}
.ed{padding:0 var(--pad) clamp(156px,15vw,312px)}
.grid-a{gap:clamp(26px,3vw,62.4px)}
.statement{padding:clamp(156px,17vw,351px) var(--pad)}
.statement-inner{max-width:1560px}
.statement .small{margin-bottom:36.4px}
.full{padding:0 0 clamp(143px,13vw,286px)}
.full-note{padding:18.2px var(--pad) 0}
.triptych{padding:0 var(--pad) clamp(169px,15vw,312px);gap:clamp(20.8px,2.2vw,44.2px)}
.sky{padding:0 var(--pad) clamp(169px,15vw,312px)}
.duo{padding:0 var(--pad) clamp(169px,15vw,312px);gap:clamp(28.6px,4vw,78px)}
.tempo{padding:0 var(--pad) clamp(182px,16vw,325px);gap:clamp(23.4px,2.5vw,49.4px)}
.quiet{padding:0 var(--pad) clamp(156px,14vw,286px);gap:clamp(31.2px,5vw,104px)}
.final-copy .lead{font-size:clamp(39px,3.5vw,70.2px)}
.end-grid{padding:clamp(130px,12vw,247px) var(--pad);gap:clamp(31.2px,4vw,78px)}
.end-grid .small-wide{margin:clamp(39px,5vw,91px) 0 0 auto}
.contact a.mail{margin-top:31.2px;font-size:16.9px}
footer{padding:49.4px var(--pad) 70.2px;gap:52px}
.footer-links{gap:31.2px}
.wedding-faq{padding:clamp(117px,11vw,234px) var(--pad);gap:clamp(72.8px,9vw,195px)}
.wedding-faq__head{top:156px}
.wedding-faq__head .small{margin:0 0 28.6px}
.wedding-faq summary{padding:31.2px 57.2px 31.2px 0;font-size:clamp(20.8px,1.35vw,26px)}
.wedding-faq summary:after{top:26px;font-size:33.8px}
.wedding-faq details p{margin:0 0 33.8px;font-size:19.5px}
:root{--max:2184px;--ultra-max:2340px}
.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}
.grid-a{gap:67.6px}
.grid-a .a1{margin-top:72.8px}
.triptych{gap:39px}
.triptych .frame:nth-child(1){margin-top:93.6px}
.triptych .frame:nth-child(3){margin-top:163.8px}
.duo{gap:72.8px}
.tempo{gap:39px}
.tempo .t3{margin-top:49.4px}
.quiet{gap:75.4px}
.quiet .q2{margin-bottom:-62.4px}
.end-grid{gap:70.2px}
.end-grid .portrait{margin-top:88.4px}
.ed{padding-bottom:195px}
.duo{padding-bottom:221px}
.w55-statement{padding-top:clamp(208px,14vw,325px);padding-bottom:clamp(208px,14vw,325px)}
}
@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)}
.site-header{height:140.4px}
.brand{font-size:25.2px}
.nav{gap:46.8px}
.hero-copy{bottom:clamp(126px,9vh,234px)}
.kicker{margin:0 0 43.2px}
h1{max-width:1980px}
.hero-fact{margin-top:46.8px;font-size:clamp(27px,1.25vw,36px);max-width:1188px}
.scrollmark{bottom:50.4px}
.ed{padding:0 var(--pad) clamp(216px,15vw,432px)}
.grid-a{gap:clamp(36px,3vw,86.4px)}
.statement{padding:clamp(216px,17vw,486px) var(--pad)}
.statement-inner{max-width:2160px}
.statement .small{margin-bottom:50.4px}
.full{padding:0 0 clamp(198px,13vw,396px)}
.full-note{padding:25.2px var(--pad) 0}
.triptych{padding:0 var(--pad) clamp(234px,15vw,432px);gap:clamp(28.8px,2.2vw,61.2px)}
.sky{padding:0 var(--pad) clamp(234px,15vw,432px)}
.duo{padding:0 var(--pad) clamp(234px,15vw,432px);gap:clamp(39.6px,4vw,108px)}
.tempo{padding:0 var(--pad) clamp(252px,16vw,450px);gap:clamp(32.4px,2.5vw,68.4px)}
.quiet{padding:0 var(--pad) clamp(216px,14vw,396px);gap:clamp(43.2px,5vw,144px)}
.final-copy .lead{font-size:clamp(54px,3.5vw,97.2px)}
.end-grid{padding:clamp(180px,12vw,342px) var(--pad);gap:clamp(43.2px,4vw,108px)}
.end-grid .small-wide{margin:clamp(54px,5vw,126px) 0 0 auto}
.contact a.mail{margin-top:43.2px;font-size:23.4px}
footer{padding:68.4px var(--pad) 97.2px;gap:72px}
.footer-links{gap:43.2px}
.wedding-faq{padding:clamp(162px,11vw,324px) var(--pad);gap:clamp(100.8px,9vw,270px)}
.wedding-faq__head{top:216px}
.wedding-faq__head .small{margin:0 0 39.6px}
.wedding-faq summary{padding:43.2px 79.2px 43.2px 0;font-size:clamp(28.8px,1.35vw,36px)}
.wedding-faq summary:after{top:36px;font-size:46.8px}
.wedding-faq details p{margin:0 0 46.8px;font-size:27px}
:root{--max:3024px;--ultra-max:3240px}
.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}
.grid-a{gap:93.6px}
.grid-a .a1{margin-top:100.8px}
.triptych{gap:54px}
.triptych .frame:nth-child(1){margin-top:129.6px}
.triptych .frame:nth-child(3){margin-top:226.8px}
.duo{gap:100.8px}
.tempo{gap:54px}
.tempo .t3{margin-top:68.4px}
.quiet{gap:104.4px}
.quiet .q2{margin-bottom:-86.4px}
.end-grid{gap:97.2px}
.end-grid .portrait{margin-top:122.4px}
.ed{padding-bottom:270px}
.duo{padding-bottom:306px}
.w55-statement{padding-top:clamp(288px,14vw,450px);padding-bottom:clamp(288px,14vw,450px)}
}