/* Desktop article: full-screen opening followed by a natural reading flow. */
.article-opening-caption{display:none}
@media(min-width:801px){
 body.article-opening-experiment .kodex-article{--article-reading-title-size:clamp(40px,3.2vw,64px);--article-reading-gap:clamp(40px,3.8vw,80px)}
 body.article-opening-experiment .article-header-space{display:none!important}
 body.article-opening-experiment>.site-header{position:fixed!important;top:0;left:0;right:0;background:transparent!important;color:white!important;z-index:70}
 body.article-opening-experiment>.site-header .about{display:none!important}
 body.article-opening-experiment>.site-header .energy-choice[aria-pressed="true"]{color:#aaa}
 body.article-opening-experiment.opening-docked>.site-header{background:transparent!important;color:#111!important}
 html.energy-saving body.article-opening-experiment.opening-docked>.site-header{background:transparent!important;color:#fff!important}
 body.article-opening-experiment .article-hero{position:relative;height:100vh;min-height:0;margin:0;padding:0;isolation:auto}
 body.article-opening-experiment .article-featured{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;margin:0!important;overflow:hidden}
 body.article-opening-experiment .article-featured img{display:block;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;transform:none!important}
 body.article-opening-experiment .article-featured::after{content:none;display:none}
 body.article-opening-experiment .article-opening-caption{display:block;position:absolute;z-index:1;bottom:7%;left:5%;width:90%;margin:0;text-align:center;font:700 var(--kdx-page-caption-size)/var(--kdx-leading-display) var(--kdx-font-sans);color:var(--kdx-subtitle-color);-webkit-text-stroke:calc(var(--kdx-subtitle-stroke) * .75) var(--kdx-subtitle-outline);paint-order:stroke fill}
 body.article-opening-experiment .article-reading{position:relative;display:flow-root;padding-top:150px}
 body.article-opening-experiment .article-reading>.article-intro{position:sticky;top:150px;z-index:72;display:block;width:66%;height:auto;margin:0 auto var(--article-reading-gap);padding:0 0 12px;background:transparent;color:#111}
 html.energy-saving body.article-opening-experiment .article-reading>.article-intro{background:transparent;color:#fff}
 body.article-opening-experiment .kodex-article .article-intro h1{position:static!important;transform:none!important;width:100%;max-width:none;margin:0;opacity:1;color:inherit!important;text-align:center;font:400 var(--article-reading-title-size)/1.05 "Times New Roman",Times,serif}
 body.article-opening-experiment .article-title-spacer{display:none!important}
 body.article-opening-experiment .article-deck{position:static;width:66%;max-width:none;padding:0;margin:0 auto;text-align:center}
 body.article-opening-experiment .article-subtitle{width:min(52vw,100%);margin:0 auto var(--article-reading-gap);font:400 var(--kdx-type-h2)/1.2 var(--kdx-font-sans);color:inherit!important}
 body.article-opening-experiment .article-byline{margin:0;color:inherit!important}
 body.article-opening-experiment .article-body{position:relative;margin-top:110px}
}

@media(max-width:800px){
 body .article-featured{overflow:hidden}
 body .article-featured .article-opening-caption{display:block;position:absolute;z-index:2;left:10%;bottom:6%;width:80%;margin:0;text-align:center;font:700 var(--kdx-page-caption-size)/var(--kdx-leading-display) var(--kdx-font-sans);color:var(--kdx-subtitle-color);-webkit-text-stroke:calc(var(--kdx-subtitle-stroke) * .75) var(--kdx-subtitle-outline);paint-order:stroke fill;pointer-events:none}
}

@media(min-width:801px){
 body.article-opening-experiment>.site-header.kdx-menu-open #kdx-mobile-menu{background:transparent!important;color:inherit}
}
@media(max-width:800px){
 body.mobile-article-cover>.site-header{position:fixed!important;inset:0 0 auto;z-index:70;background:transparent!important;color:#fff!important}
 body.mobile-article-cover>.site-header.kdx-menu-open #kdx-mobile-menu{background:transparent!important;color:inherit}
 body.mobile-article-cover.mobile-article-reading>.site-header{background:transparent!important;color:#111!important}
 html.energy-saving body.mobile-article-cover.mobile-article-reading>.site-header{background:transparent!important;color:#fff!important}
 body.mobile-article-cover #main,body.mobile-article-cover .kodex-article,body.mobile-article-cover .article-hero{padding-top:0;margin-top:0}
 body.mobile-article-cover .article-header-space{display:none!important}
 body.mobile-article-cover .kodex-article .article-featured{
  position:relative;inset:auto;width:100vw;height:100vh;height:100svh;min-height:0;
  max-height:none;aspect-ratio:auto;margin:0 0 0 calc(50% - 50vw);padding:0;
 }
 body.mobile-article-cover .kodex-article .article-featured img{
  position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;
 }
 body.mobile-article-cover .article-featured .article-opening-caption{bottom:14px}
}

/* Native entrance snap; the tall reading section remains freely scrollable. */
@media(max-width:800px){
 html.mobile-article-snap{scroll-snap-type:y mandatory;scroll-padding-top:0}
 body.mobile-article-cover .article-hero{scroll-snap-align:start;scroll-snap-stop:always;margin:0;padding:0}
 body.mobile-article-cover .article-reading{
  --article-opening-height:calc(100svh - var(--article-header-height,44px) - 14px);
  --article-opening-gap:max(14px,calc((var(--article-opening-height) / 2 - var(--article-opening-text-height,200px)) / 2));
  position:relative;display:grid;grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto var(--article-opening-gap) auto var(--article-opening-gap) auto;
  padding-top:calc(var(--article-header-height,44px) + 14px);scroll-snap-align:start;scroll-snap-stop:always;
 }
 body.mobile-article-cover .article-reading>.article-intro{position:sticky;top:var(--article-header-height,44px);z-index:72;width:100%;height:auto;max-width:none;margin:0;padding:0 14px;box-sizing:border-box;align-self:start;grid-row:1;background:transparent;color:inherit}
 body.mobile-article-cover .kodex-article .article-intro h1{position:static!important;transform:none!important;width:100%;max-width:none;margin:0;background:transparent;color:inherit!important;font-size:calc(var(--kdx-type-h1) * 1.2)}
 body.mobile-article-cover .article-title-spacer{display:none!important}
 body.mobile-article-cover .article-deck{display:contents}
 body.mobile-article-cover .article-subtitle{grid-row:3;width:100%;max-width:none;box-sizing:border-box;margin:0;padding:0 14px;text-align:center}
 body.mobile-article-cover .article-byline{grid-row:5;margin:0;padding:0 14px;text-align:center}
 body.mobile-article-cover .article-reading::before{content:"";grid-row:2}
 body.mobile-article-cover .article-reading::after{content:"";grid-row:4}
 body.mobile-article-cover .article-body{position:relative;grid-row:6;margin-top:calc(var(--article-opening-height) / 6);width:100%;box-sizing:border-box}
}