/* 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(93.6px,10vh,171.6px);max-width:1222px}
.kicker{margin-bottom:26px}
.hero-fact{font-size:clamp(19.5px,1.2vw,24.7px);max-width:806px;margin-top:31.2px}
.scrollmark{bottom:36.4px}
.flow{padding-top:clamp(117px,10vw,208px)}
.block{margin-bottom:clamp(106.6px,10vw,214.5px)}
.opening-pair{gap:clamp(23.4px,3vw,62.4px)}
.triple{gap:clamp(20.8px,2.2vw,44.2px)}
.intimate{gap:clamp(26px,4vw,78px)}
.dark-head{gap:clamp(65px,10vw,221px);margin-bottom:clamp(65px,7vw,130px)}
.dark-head p{font-size:clamp(24.7px,1.6vw,32.5px);max-width:910px}
.dark-grid{gap:clamp(23.4px,3vw,62.4px)}
.mosaic{gap:clamp(23.4px,3vw,62.4px)}
.mosaic-left,.mosaic-right{gap:clamp(23.4px,3vw,62.4px)}
.detail-row{gap:clamp(19.5px,2vw,39px)}
.end-images{padding:clamp(117px,11vw,234px) var(--pad);gap:clamp(26px,4vw,78px)}
.end-images .stack{gap:clamp(31.2px,4vw,78px)}
.mail{margin-top:28.6px}
footer{padding:46.8px var(--pad) 67.6px;gap:46.8px}
.footer-links{gap:28.6px}
:root{--max:2184px;--ultra-max:2340px}
.dark-head{margin-bottom:104px}
.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:1898px}
.opening-pair{gap:54.6px}
.opening-pair .a{margin-top:88.4px}
.triple{gap:36.4px}
.triple .frame:nth-child(1){margin-top:88.4px}
.triple .frame:nth-child(3){margin-top:153.4px}
.intimate{gap:65px}
.dark-grid{gap:54.6px}
.dark-grid .portrait{margin-top:88.4px}
.mosaic{gap:52px}
.mosaic-left,.mosaic-right{gap:52px}
.mosaic-right{padding-top:96.2px}
.detail-row{gap:33.8px}
.detail-row .frame:nth-child(2){margin-top:75.4px}
.end-images{gap:62.4px}
.end-images .stack{padding-top:93.6px;gap:54.6px}
.stories-canvas{width:min(100%,2132px);margin:clamp(117px,9vw,201.5px) auto}
.stories-breaker{padding:clamp(91px,7vw,153.4px) var(--pad) clamp(124.8px,9vw,200.2px)}
.stories-breaker figure{width:min(100%,2028px)}
.stories-breaker.narrow figure{width:min(88vw,1846px)}
.stories-breaker.tall figure{width:min(78vw,1534px)}
.stories-flow-v769{padding-top:clamp(117px,10vw,201.5px)}
.kicker-line,.story-dark-v769 .aside,.story-closing-v769 .aside{margin:0 0 26px}
.story-intro-v769,.story-statement-v769{gap:clamp(59.8px,8vw,169px);max-width:1924px}
.story-large-v769{padding:clamp(26px,3vw,62.4px) var(--pad) clamp(119.6px,10vw,214.5px)}
.story-large-v769 figure{width:min(100%,2106px)}
.story-large-v769.story-large-first figure{width:min(100%,1872px)}
.story-large-v769.narrow-break figure{width:min(88vw,1846px)}
.story-grid-v769{width:min(100%,2080px);margin:clamp(26px,4vw,91px) auto clamp(130px,11vw,234px);gap:clamp(20.8px,2.2vw,44.2px)}
.story-grid-v769 .g2{margin-top:clamp(93.6px,8vw,169px)}
.story-grid-v769 .g3{margin-top:clamp(52px,6vw,119.6px)}
.story-grid-v769 .g4{margin-top:clamp(117px,9vw,195px)}
.story-grid-v769 .g5{margin-top:clamp(62.4px,6vw,130px)}
.story-grid-v769 .g6{margin-top:clamp(104px,8vw,182px)}
.story-grid-v769 .g7{margin-top:clamp(52px,6vw,123.5px)}
.story-pair-v769 .small{margin-top:clamp(104px,8vw,182px)}
.story-closing-v769 figure{max-width:936px}
.story-closing-copy{max-width:936px}
.story-closing-copy p:last-child{font-size:clamp(23.4px,1.35vw,28.6px);max-width:806px}
.story-dark-gallery-v7610 .portrait{margin-top:clamp(75.4px,6vw,124.8px)}
.story-big-alone-v7610 figure{width:min(100%,2002px)}
.story-intro-v769,.story-statement-v769{padding-top:169px;padding-bottom:169px}
}
@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(129.6px,10vh,237.6px);max-width:1692px}
.kicker{margin-bottom:36px}
.hero-fact{font-size:clamp(27px,1.2vw,34.2px);max-width:1116px;margin-top:43.2px}
.scrollmark{bottom:50.4px}
.flow{padding-top:clamp(162px,10vw,288px)}
.block{margin-bottom:clamp(147.6px,10vw,297px)}
.opening-pair{gap:clamp(32.4px,3vw,86.4px)}
.triple{gap:clamp(28.8px,2.2vw,61.2px)}
.intimate{gap:clamp(36px,4vw,108px)}
.dark-head{gap:clamp(90px,10vw,306px);margin-bottom:clamp(90px,7vw,180px)}
.dark-head p{font-size:clamp(34.2px,1.6vw,45px);max-width:1260px}
.dark-grid{gap:clamp(32.4px,3vw,86.4px)}
.mosaic{gap:clamp(32.4px,3vw,86.4px)}
.mosaic-left,.mosaic-right{gap:clamp(32.4px,3vw,86.4px)}
.detail-row{gap:clamp(27px,2vw,54px)}
.end-images{padding:clamp(162px,11vw,324px) var(--pad);gap:clamp(36px,4vw,108px)}
.end-images .stack{gap:clamp(43.2px,4vw,108px)}
.mail{margin-top:39.6px}
footer{padding:64.8px var(--pad) 93.6px;gap:64.8px}
.footer-links{gap:39.6px}
:root{--max:3024px;--ultra-max:3240px}
.dark-head{margin-bottom:144px}
.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:2628px}
.opening-pair{gap:75.6px}
.opening-pair .a{margin-top:122.4px}
.triple{gap:50.4px}
.triple .frame:nth-child(1){margin-top:122.4px}
.triple .frame:nth-child(3){margin-top:212.4px}
.intimate{gap:90px}
.dark-grid{gap:75.6px}
.dark-grid .portrait{margin-top:122.4px}
.mosaic{gap:72px}
.mosaic-left,.mosaic-right{gap:72px}
.mosaic-right{padding-top:133.2px}
.detail-row{gap:46.8px}
.detail-row .frame:nth-child(2){margin-top:104.4px}
.end-images{gap:86.4px}
.end-images .stack{padding-top:129.6px;gap:75.6px}
.stories-canvas{width:min(100%,2952px);margin:clamp(162px,9vw,279px) auto}
.stories-breaker{padding:clamp(126px,7vw,212.4px) var(--pad) clamp(172.8px,9vw,277.2px)}
.stories-breaker figure{width:min(100%,2808px)}
.stories-breaker.narrow figure{width:min(88vw,2556px)}
.stories-breaker.tall figure{width:min(78vw,2124px)}
.stories-flow-v769{padding-top:clamp(162px,10vw,279px)}
.kicker-line,.story-dark-v769 .aside,.story-closing-v769 .aside{margin:0 0 36px}
.story-intro-v769,.story-statement-v769{gap:clamp(82.8px,8vw,234px);max-width:2664px}
.story-large-v769{padding:clamp(36px,3vw,86.4px) var(--pad) clamp(165.6px,10vw,297px)}
.story-large-v769 figure{width:min(100%,2916px)}
.story-large-v769.story-large-first figure{width:min(100%,2592px)}
.story-large-v769.narrow-break figure{width:min(88vw,2556px)}
.story-grid-v769{width:min(100%,2880px);margin:clamp(36px,4vw,126px) auto clamp(180px,11vw,324px);gap:clamp(28.8px,2.2vw,61.2px)}
.story-grid-v769 .g2{margin-top:clamp(129.6px,8vw,234px)}
.story-grid-v769 .g3{margin-top:clamp(72px,6vw,165.6px)}
.story-grid-v769 .g4{margin-top:clamp(162px,9vw,270px)}
.story-grid-v769 .g5{margin-top:clamp(86.4px,6vw,180px)}
.story-grid-v769 .g6{margin-top:clamp(144px,8vw,252px)}
.story-grid-v769 .g7{margin-top:clamp(72px,6vw,171px)}
.story-pair-v769 .small{margin-top:clamp(144px,8vw,252px)}
.story-closing-v769 figure{max-width:1296px}
.story-closing-copy{max-width:1296px}
.story-closing-copy p:last-child{font-size:clamp(32.4px,1.35vw,39.6px);max-width:1116px}
.story-dark-gallery-v7610 .portrait{margin-top:clamp(104.4px,6vw,172.8px)}
.story-big-alone-v7610 figure{width:min(100%,2772px)}
.story-intro-v769,.story-statement-v769{padding-top:234px;padding-bottom:234px}
}

/* v7.6.115 — current Stories intro architecture: 4K width correction */
@media(min-width:2200px){
  .s7663-intro{
    width:min(calc(100% - (2 * var(--pad))),2184px)!important;
    grid-template-columns:minmax(0,1.15fr) minmax(520px,.85fr)!important;
    gap:clamp(78px,5.5vw,150px)!important;
  }
  .s7663-intro h2{max-width:12ch!important;}
}
@media(min-width:3000px){
  .s7663-intro{
    width:min(calc(100% - (2 * var(--pad))),3024px)!important;
    grid-template-columns:minmax(0,1.18fr) minmax(720px,.82fr)!important;
    gap:clamp(108px,5.5vw,208px)!important;
  }
  .s7663-intro h2{max-width:12ch!important;}
}

/* v7.6.116 — Stories large-desktop intro: guarantee real column width */
@media (min-width:1800px){
  .s7663-intro{
    width:min(86vw,2600px)!important;
    max-width:none!important;
    grid-template-columns:minmax(760px,1.08fr) minmax(620px,.92fr)!important;
    gap:clamp(90px,5vw,180px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .s7663-intro h2{
    width:auto!important;
    max-width:12ch!important;
  }
  .s7663-intro .prose{
    min-width:0!important;
    max-width:42ch!important;
  }
}
@media (min-width:3000px){
  .s7663-intro{
    width:min(82vw,2920px)!important;
    grid-template-columns:minmax(1040px,1.08fr) minmax(820px,.92fr)!important;
    gap:clamp(130px,5vw,220px)!important;
  }
}