/* Article layout: opening photograph above the existing index. */
.home-opening{display:none}
 body.home-opening-experiment .home-opening{display:block;position:relative;margin:0;height:100svh;overflow:hidden}
 body.home-opening-experiment .home-opening img{display:block;position:fixed;top:0;left:0;width:100%;height:var(--opening-image-height,100svh);object-fit:fill;z-index:1;pointer-events:none}
 body.home-opening-experiment .index-stage{margin-top:0}
 body.home-opening-experiment .index-stage .site-header{top:var(--opening-image-height,100svh);background:#fff;z-index:80}
 html.energy-saving body.home-opening-experiment .index-stage .site-header{background:#000}


/* Keep the photograph's proportions on mobile; compress the cropped view on scroll. */
@media(max-width:800px){
 body.home-opening-experiment .home-opening img{
  height:100svh;
  object-fit:cover;
  object-position:center;
  transform-origin:center top;
  transform:scaleY(var(--opening-image-scale,1));
 }
}

body.home-opening-experiment .home-opening-subtitle-layer{
 position:fixed;top:0;left:0;width:100%;
 height:var(--opening-image-height,100svh);
 overflow:hidden;z-index:1;pointer-events:none;
}
body.home-opening-experiment .home-opening-subtitle{
 position:absolute;bottom:7%;left:5%;width:90%;margin:0;text-align:center;
 font:700 var(--kdx-type-subtitle)/var(--kdx-leading-display) var(--kdx-font-sans);
 color:var(--kdx-subtitle-color);-webkit-text-stroke:var(--kdx-subtitle-stroke) var(--kdx-subtitle-outline);paint-order:stroke fill;text-shadow:none;
}
@media(max-width:800px){
 body.home-opening-experiment .home-opening-subtitle{left:10vw;width:80vw;font-size:var(--kdx-type-subtitle)}
}

/* A quiet full-screen introduction between the photograph and archive. */
.home-short-about{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:100svh;padding:var(--opening-header-height,100px) var(--kdx-page-padding,14px);box-sizing:border-box;background:#fff;color:#111}
.home-short-about-copy{width:66vw;text-align:center}
.home-short-about-copy p{margin:0;font:400 var(--kdx-type-body)/var(--kdx-leading-body) var(--kdx-font-sans)}
.home-short-about-copy p:first-child{font:400 var(--kdx-type-h2)/1.15 var(--kdx-font-sans)}
.home-short-about-copy p+p{margin-top:24px}
html.energy-saving .home-short-about{background:#000;color:#fff}