/* ==========================================================================

   SUPERDESK-SAFE VERSION

   Wrap the longread HTML in:

   <div class="longread-root"> ... </div>

   ========================================================================== */



.longread-root{
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
  --borsen-magenta:#ff5073;
  --bg:transparent;
  --text:#111;
  --muted: rgba(0,0,0,.70);
  --caption: rgba(255,255,255,.80);
}


/* ==========================================================================

   BØRSEN BRAND FONTS

   ========================================================================== */



@font-face{

  font-family: "Gazpacho";

  src: url("https://cdn.borsen.cloud/sites/borsendk/fonts/borsen-fonts/gazpacho/gazpacho-bold.woff2") format("woff2");

  font-weight: 700;

  font-style: normal;

  font-display: swap;

}



@font-face{

  font-family: "TiemposText";

  src: url("https://cdn.borsen.cloud/sites/borsendk/fonts/borsen-fonts/tiempos/text/tiempos-text-regular.woff2") format("woff2");

  font-weight: 400;

  font-style: normal;

  font-display: swap;

}

@font-face{

  font-family: "TiemposText";

  src: url("https://cdn.borsen.cloud/sites/borsendk/fonts/borsen-fonts/tiempos/text/tiempos-text-regularitalic.woff2") format("woff2");

  font-weight: 400;

  font-style: italic;

  font-display: swap;

}

@font-face{

  font-family: "TiemposText";

  src: url("https://cdn.borsen.cloud/sites/borsendk/fonts/borsen-fonts/tiempos/text/tiempos-text-semibold.woff2") format("woff2");

  font-weight: 500;

  font-style: normal;

  font-display: swap;

}

@font-face{

  font-family: "TiemposText";

  src: url("https://cdn.borsen.cloud/sites/borsendk/fonts/borsen-fonts/tiempos/text/tiempos-text-semibolditalic.woff2") format("woff2");

  font-weight: 500;

  font-style: italic;

  font-display: swap;

}



@font-face{

  font-family: "GTAmerica";

  src: url("https://cdn.borsen.cloud/sites/borsendk/fonts/borsen-fonts/gt-america/gt-america-light.woff2") format("woff2");

  font-weight: 300;

  font-style: normal;

  font-display: swap;

}

@font-face{

  font-family: "GTAmerica";

  src: url("https://cdn.borsen.cloud/sites/borsendk/fonts/borsen-fonts/gt-america/gt-americ-regular.woff2") format("woff2");

  font-weight: 400;

  font-style: normal;

  font-display: swap;

}

@font-face{

  font-family: "GTAmerica";

  src: url("https://cdn.borsen.cloud/sites/borsendk/fonts/borsen-fonts/gt-america/gt-america-medium.woff2") format("woff2");

  font-weight: 500;

  font-style: normal;

  font-display: swap;

}



/* ==========================================================================

   BASE

   ========================================================================== */



*{ box-sizing:border-box; }



html,
body{
  margin:0;
  padding:0;
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}


.longread-root{

  max-width: 100%;

  overflow-x: clip;

}

@supports not (overflow-x: clip){

  .longread-root{ overflow-x: hidden; }

}



.longread-root{
  margin: 0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: transparent;
  color: var(--text);
}


.longread-root img, .longread-root svg, .longread-root video{

  max-width: 100%;

  display: block;

}



/* ==========================================================================

   FULL-BLEED PORTRAIT HERO

   ========================================================================== */



.hero-portrait{

  position: relative;

  width: 100%;

  margin:0;

  background: #000;

  overflow: clip;

}

@supports not (overflow: clip){

  .hero-portrait{ overflow: hidden; }

}



.hero-portrait__media{

  position: relative;

  width: 100%;

  height: 100svh;

  min-height: 100vh;

}



.hero-portrait__sticky{

  position: sticky;

  top: 0;

  height: 100vh;

  overflow: hidden;

}



@media (max-width: 700px){

  .hero-portrait__media{

    height: 100svh;

  }

}



@media (min-width: 701px){

  .hero-portrait__media{

    height: min(92vh, 860px);

  }

}



.hero-portrait__image{

  position: absolute;

  inset: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  transform: translateZ(0);

}



.hero-portrait__video{

  position: absolute;

  inset: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  background:#000;

}



.hero-portrait__overlay{

  position: absolute;

  inset: 0;

  pointer-events: none;

  background:

    linear-gradient(

      to bottom,

      rgba(0,0,0,0.10) 0%,

      rgba(0,0,0,0.20) 35%,

      rgba(0,0,0,0.55) 70%,

      rgba(0,0,0,0.70) 100%

    );

}



.hero-portrait__masthead{

  position: absolute;

  top: clamp(18px, 2vw, 32px);

  left: 50%;

  transform: translateX(-50%);

  z-index: 5;

  display: flex;

  align-items: center;

  justify-content: center;

}



.hero-portrait__logo{

  height: 20px;

  width: auto;

  filter:brightness(0) invert(1);

}



.hero-portrait__content{

  position: absolute;

  left: 50%;

  bottom: clamp(110px, 12vh, 150px);

  transform: translateX(-50%);

  z-index: 6;

  width: min(1120px, 92vw);

  padding: 0 8px;

  text-align: center;

  color: #fff;

}



.hero-portrait__headline{

  font-family: "Gazpacho", Georgia, serif;

  font-weight: 700;

  font-size: clamp(28px, 4vw, 58px);

  line-height: .93;

  letter-spacing: -0.025em;

  margin: 0;

}



.hero-portrait__headline-line{

  display:block;

  white-space:nowrap;

}



.hero-portrait-dek{

  background:#000;

}



.hero-portrait-dek__inner{

  width:min(520px, 92vw);

  margin:0 auto;

  padding:130px 0 100px;

}



.hero-portrait-dek__text{

  margin:0;

  font-family:"TiemposText", Georgia, "Times New Roman", Times, serif;

  font-size:clamp(22px, 1.9vw, 30px);

  line-height:1.28;

  text-align:center;

  color:#fff;

  padding-top:24px;

  border-top:1px solid rgba(255,255,255,.24);

}



.hero-portrait-dek__line{

  display:block;

  white-space:nowrap;

}



.hero-portrait__caption{

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 6;

  padding: 10px 0 12px 0;

}



.hero-portrait__caption-text{

  margin: 0;

  width: min(520px, 92%);

  margin-left: auto;

  padding: 0 14px;

  font: 400 12px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  letter-spacing: 0;

  color: rgba(255,255,255,0.78);

  text-align: right;

}



.hero-portrait--video.hero-portrait--video-static{

  display:block !important;

  height:auto;

}



.hero-portrait--video.hero-portrait--video-static .hero-portrait__media{

  height:100svh;

  min-height:100vh;

}



.hero-portrait--video.hero-portrait--video-static .hero-portrait__headline,

.hero-portrait--video.hero-portrait--video-static .hero-portrait__dek{

  position:relative;

  inset:auto;

  opacity:1;

  transform:none;

}



.hero-portrait--video.hero-portrait--video-static .hero-portrait__text-stage{

  min-height:auto;

}



.hero-portrait{

  min-height:auto;

}



.hero-portrait__sticky{

  position:static;

  top:auto;

  height:auto;

  overflow:visible;

}



.hero-portrait__media{

  height:100svh;

  min-height:100vh;

}



.hero-portrait__content{

  bottom:clamp(132px, 12vh, 150px);

}



.hero-portrait--fallback{

  display:none;

}



@media (max-width: 420px){

  .hero-portrait__content{

    bottom: 76px;

  }

}



@media (max-width: 700px){

  .hero-portrait__content{

    width:min(94vw, 760px);

  }



  .hero-portrait__headline{

    font-size:clamp(23px, 5.9vw, 33px);

    line-height:.96;

  }



  .hero-portrait-dek__inner{

    width:min(520px, 92vw);

    padding:130px 0 90px;

  }



  .hero-portrait-dek__text{

    font-size:clamp(18px, 5.1vw, 22px);

    line-height:1.3;

  }

}



@media (prefers-reduced-motion: reduce){
  .hero-portrait__image{ transform: none; }
}


/* ==========================================================================

   STORY / PROSE

   ========================================================================== */



.story{

  padding: 0px 0 90px 0;

}



.prose{

  width: min(600px, 92vw);

  margin: 0 auto;

}



.prose p{

  font-family: "TiemposText", Georgia, "Times New Roman", Times, serif;

  font-size: 19px;

  line-height: 1.5;

  margin: 0 0 .85em 0;

  color: var(--text);

}



.prose p + p:has(> strong:first-child){

  margin-top: 1.45em;

}



.prose a{

  color: var(--borsen-magenta);

  text-decoration: none;

}



.prose a:hover,

.prose a:focus{

  text-decoration: none;

}



/* ==========================================================================

   META / BYLINE

   ========================================================================== */



.meta{
  width:100%;
  margin:0 auto;
  padding:0 0 56px;
  text-align:center;
  background:#000;
}


.meta__line{

  margin: 0 0 8px 0;

  font: 400 13px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  letter-spacing: 0;

  text-transform: uppercase;

  color: rgb(255, 255, 255);

  display:block;

}



.meta__label{

  font-weight: 700;

  margin-right: 8px;

}



.meta__value{

  font-weight: 400;

}



.meta__date{

  font: 400 13px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  letter-spacing: 0;

  color: rgba(255, 255, 255, 0.52);

  margin: 18px 0 0 0;

}



.meta::after{

  content:none;

}

/* ==========================================================================

   DARK / LIGHT STORY SECTIONS

   ========================================================================== */



.longread-root{
  --bg:transparent;
}


.story{

  padding: 0;

  --story-block-space: 64px;

}



.theme-dark{

  background:#000;

  color:#fff;

  width:100%;

  padding:80px 0 72px 0;

  margin:0;

}



.theme-dark .prose{

  max-width:640px;

  margin:0 auto;

  color:#fff;

}



.theme-dark .prose p{

  color:rgba(255,255,255,0.92);

  line-height:1.6;

}



.theme-dark--return{

  position:relative;

  z-index:30;

  width:100%;

  background:#000;

  padding:80px 0 88px 0;

}



.theme-dark--return{

  padding-bottom:0;

}



.theme-dark--return .prose{
  opacity:1;
  transform:none;
}

.fade-block{
  opacity:1;
  transform:none;
}

.fade-block--light{
  margin-bottom:var(--story-block-space);
}

.js-fade-ready .fade-block{
  opacity:0.16;
  transform:translateY(26px);
  transition:opacity 2.2s ease, transform 2.2s ease;
  will-change:opacity, transform;
}

.js-fade-ready .fade-block.is-revealed{
  opacity:1;
  transform:none;
}


.story-duo{

  display:grid;

  grid-template-columns:repeat(2, minmax(0, 1fr));

  gap:28px;

  width:min(1280px, calc(100vw - 96px));

  margin:var(--story-block-space) 50%;

  transform:translateX(-50%);

}



.story-solo-panel{

  width:min(1280px, calc(100vw - 96px));

  margin:var(--story-block-space) 50%;

  transform:translateX(-50%);

}



.story-solo-panel--left{

  text-align:left;

}



.story-solo-panel--right{

  text-align:right;

}



.story-solo-panel__image{

  width:min(48%, 560px);

  aspect-ratio:0.72;

  object-fit:cover;

  display:block;

  background:#111;

}



.story-solo-panel--left .story-solo-panel__image{

  margin-right:auto;

}



.story-solo-panel--right .story-solo-panel__image{

  margin-left:auto;

}



.story-solo-panel__caption{

  margin:10px 0 0 0;

  font:400 12px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  letter-spacing:0;

  color:rgba(255,255,255,0.66);

  text-align:left;

}



.story-solo-panel--right .story-solo-panel__caption{

  width:min(48%, 560px);

  margin-left:auto;

}



.story-solo-panel--left .story-solo-panel__caption{

  width:min(48%, 560px);

}



.story-duo__item{

  margin:0;

}



.story-duo__image{

  width:100%;

  aspect-ratio:0.72;

  object-fit:cover;

  display:block;

  background:#111;

}



.story-duo__caption{

  margin:10px 0 0 0;

  font:400 12px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  letter-spacing:0;

  color:rgba(255,255,255,0.66);

  text-align:left;

}



@media (max-width: 700px){
  .story-duo{

    grid-template-columns:1fr;

    gap:24px;

    width:min(92vw, 640px);

    margin:44px 50% 52px;

  }



  .story-solo-panel{

    width:min(92vw, 640px);

    margin:44px 50% 52px;

  }



  .story-solo-panel__image,

  .story-solo-panel--left .story-solo-panel__caption,

  .story-solo-panel--right .story-solo-panel__caption{

    width:100%;

  }

}

@media (prefers-reduced-motion: reduce){
  .js-fade-ready .fade-block{
    opacity:1;
    transform:none;
    transition:none;
  }
}


.story-fullbleed__picture{

  display:block;

  width:100%;

}



.story-fullbleed__picture .story-fullbleed__image{

  width:100%;

  display:block;

}



/* ===== STORY GALLERY ===== */



.story-gallery,

.story-gallery--plain,

.story-gallery--plain-end,

.story-gallery--plain-dark,

.story-gallery--end{

  height:auto;

  min-height:0;

  background:transparent;

  padding:32px 0;

}



.story-gallery{

  padding:0;

}



.story-gallery--end,

.story-gallery--plain-end{

  padding-bottom:0;

}



.story-gallery--plain{

  width:100vw;

  margin:var(--story-block-space) 50%;

  transform:translateX(-50%);

}



.story-gallery--plain-dark{

  margin-top:var(--story-block-space);

  margin-bottom:var(--story-block-space);

}



.story-gallery--plain-dark.story-gallery--end{

  margin-bottom:0;

}



.story-gallery__track,

.story-gallery__track--plain{

  position:static;

  top:auto;

  height:auto;

  overflow:visible;

  display:grid;

  gap:18px;

  width:min(1120px, 100%);

  margin:0 auto;

  padding:0;

}



.story-gallery__track--plain{

  background:#fff;

}



.story-gallery__track--dark{

  background:#000;

}



.story-gallery > .story-gallery__track{

  width:100%;

  max-width:none;

  gap:0;

  margin:0;

}



.story-gallery__picture{

  position:relative;

  inset:auto;

  display:block;

  opacity:1;

}



.story-gallery__image,

.story-gallery__image--plain,

.story-gallery__picture .story-gallery__image{

  position:relative;

  inset:auto;

  display:block;

  width:100%;

  height:auto;

  opacity:1;

  transform:none;

  object-fit:cover;

}



@media (min-width: 701px){

  .story-gallery__track,

  .story-gallery__track--plain{

    gap:24px;

  }

}



/* ===== LIGHT SECTION ===== */



.theme-light{

  position:relative;

  z-index:40;

  background:#fff;

  color:#111;

  margin:-100vh 0 0 0;

  min-height:100vh;

  padding:210px 0 80px 0;

  opacity:0;

  pointer-events:none;

  transition:opacity 1.2s ease-out;

}



.theme-light{

  margin:0;

  min-height:0;

  padding:80px 0;

  opacity:1;

  visibility:visible;

}



.theme-light--split{

  padding-bottom:0;

}



.theme-light .prose{

  width:min(600px, 92vw);

  margin:0 auto;

  opacity:1;

  transform:none;

}



.theme-light .prose p{

  color:#111;

}



.theme-outro{

  position:relative;

  z-index:40;

  background:#fff;

  color:#111;

  margin:-100vh 0 0 0;

  min-height:100vh;

  padding:0 0 16vh 0;

  opacity:0;

  pointer-events:none;

  transition:opacity 1.05s ease-out;

}



.theme-outro{

  margin:0;

  min-height:0;

  opacity:1;

  visibility:visible;

}



.prose--outro{

  width:min(600px, 92vw);

  min-height:80vh;

  display:flex;

  align-items:flex-start;

  justify-content:center;

  opacity:0;

  transform:translateY(0);

  transition:opacity 1.25s ease-out, transform 1.25s ease-out;

  transition-delay:0.34s;

  margin:0 auto;

  padding-top:36vh;

}



.theme-outro .prose--outro{

  opacity:1;

  transform:none;

}



.theme-outro .prose--outro p{

  margin:0;

  font-family:"TiemposText", Georgia, "Times New Roman", Times, serif;

  font-size:19px;

  line-height:1.5;

  color:#111;

  text-align:left;

}



.story-breakout{

  width:min(1280px, calc(100vw - 8px));

  margin:var(--story-block-space) 50%;

  transform:translateX(-50%);

}



.story-breakout--reduced{

  width:min(1088px, calc(100vw - 56px));

}



.story-breakout__image{

  width:100%;

  display:block;

}



.story-breakout__caption{
  margin:10px 0 0 0;
  font:400 12px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  letter-spacing:0;
  color:rgba(93,98,104,0.9);
  text-align:left;
}

.seedster-factbox-inline{
  width:min(540px, calc(100vw - 56px));
  margin:calc(var(--story-block-space) - 18px) auto calc(var(--story-block-space) + 18px);
  position:relative;
  padding-top:52px;
}

.seedster-factbox-inline__badge{
  position:relative;
  width:100%;
  min-height:0;
}

.seedster-factbox-inline__hardware{
  position:absolute;
  left:50%;
  top:-38px;
  transform:translateX(-50%);
  width:34px;
  height:34px;
  pointer-events:none;
  z-index:3;
}

.seedster-factbox-inline__ring{
  position:absolute;
  left:50%;
  top:0;
  width:26px;
  height:26px;
  transform:translateX(-50%);
  border:4px solid rgba(154,160,167,0.96);
  border-radius:50%;
  background:rgba(255,255,255,0.16);
  box-shadow:0 2px 6px rgba(0,0,0,0.10);
}

.seedster-factbox-inline__tab{
  position:absolute;
  left:50%;
  top:18px;
  width:24px;
  height:34px;
  transform:translateX(-50%);
  border-radius:8px 8px 10px 10px;
  background:linear-gradient(180deg, rgba(253,253,253,0.76), rgba(228,234,238,0.4));
  border:1px solid rgba(201,208,213,0.78);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.8);
}

.seedster-factbox-inline__card{
  position:relative;
  width:100%;
  margin:0 auto;
}

.seedster-factbox-inline__card::before{
  content:"";
  position:absolute;
  inset:-10px;
  border:2px solid rgba(178,185,190,0.64);
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,0.38), rgba(244,247,249,0.2));
  box-shadow:0 14px 38px rgba(0,0,0,0.08);
}

.seedster-factbox-inline__card::after{
  content:"";
  position:absolute;
  top:88px;
  right:14px;
  width:38%;
  height:28%;
  border-radius:18px;
  background:linear-gradient(135deg, rgba(255,255,255,0.4), rgba(255,255,255,0.06) 55%, rgba(255,255,255,0));
  mix-blend-mode:screen;
  pointer-events:none;
  z-index:2;
}

.seedster-factbox-inline__window{
  position:relative;
  z-index:1;
  padding:30px 32px 28px;
  border-radius:22px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.99), rgba(248,248,248,0.98)),
    linear-gradient(135deg, rgba(255,255,255,0.65), rgba(255,255,255,0) 48%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.92), inset 0 -24px 36px rgba(244,244,244,0.85);
}

.seedster-factbox-inline__title{
  margin:0 0 18px 0;
  padding:0 0 14px 0;
  font:600 34px/1 "GTAmerica", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:#1f6f54;
  letter-spacing:-0.03em;
  text-align:center;
  border-bottom:1px solid rgba(31,111,84,0.18);
}

.seedster-factbox-inline__body p{
  margin:0 0 12px 0;
  font:400 12.5px/1.45 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color:rgba(17,17,17,0.86);
}

.seedster-factbox-inline__body p:last-child{
  margin-bottom:0;
}


.pull-quote{

  width:min(1520px, calc(100vw - 24px));

  margin:var(--story-block-space) 50%;

  transform:translateX(-50%);

  padding:18px 0 14px;

}



.theme-light .prose .pull-quote__text{

  margin:0;

  font-family:"Gazpacho", Georgia, serif;

  font-weight:700;

  font-size:clamp(30px, 3.6vw, 56px);

  line-height:1.06;

  letter-spacing:-0.02em;

  color:#237655 !important;

  text-wrap:balance;

  text-align:center;

  max-width:none;

  margin-inline:auto;

}



.theme-light .prose .pull-quote__source{

  display:block;

  margin-top:24px;

  font:600 12px/1.2 "GTAmerica", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  letter-spacing:.14em;

  text-transform:uppercase;

  color:rgba(17,17,17,0.42) !important;

  text-align:center;

  font-style:normal;

}



.story-duo-wide{

  display:grid;

  grid-template-columns:minmax(0, 1.32fr) minmax(280px, 0.82fr);

  gap:14px;

  align-items:end;

  width:min(1500px, calc(100vw - 40px));

  margin:var(--story-block-space) 50%;

  transform:translateX(-50%);

}



.story-duo-wide__item{

  margin:0;

}



.story-duo-wide__item:first-child{

  align-self:stretch;

}



.story-duo-wide__item:last-child{

  width:100%;

  max-width:500px;

  justify-self:end;

  transform:translateY(-90px);

}



.story-duo-wide__image{

  width:100%;

  aspect-ratio:3 / 2;

  object-fit:cover;

  display:block;

}



.story-duo-wide__item:first-child .story-duo-wide__image{

  aspect-ratio:1.62 / 1;

}



.story-duo-wide__item:last-child .story-duo-wide__image{

  aspect-ratio:1.28 / 1;

}



.story-duo-wide__caption{

  margin:10px 0 0 0;

  font:400 12px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  letter-spacing:0;

  color:rgba(93,98,104,0.9);

  text-align:left;

}



.story-fullbleed{

  width:100vw;

  margin:var(--story-block-space) 50%;

  transform:translateX(-50%);

}



.story-fullbleed--reduced{

  width:min(1088px, calc(100vw - 56px));

}



.story-fullbleed__image{

  width:100%;

  height:auto;

  display:block;

}



.story-fullbleed__caption{

  width:min(760px, calc(100vw - 32px));

  margin:10px auto 0;

  font:400 12px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  letter-spacing:0;

  color:rgba(93,98,104,0.9);

  text-align:left;

}



.story-sequence-magazine{

  background:#000;

  padding:0;

}



.story-sequence-overlay{

  background:#000;

  width:100vw;

  margin:var(--story-block-space) 50% 0;

  padding:0;

  transform:translateX(-50%);

}



.story-sequence-overlay__lead{

  width:min(620px, 42vw);

  margin:0 auto var(--story-block-space) 12vw;

}



.story-sequence-overlay__lead-image{

  width:100%;

  display:block;

}



.story-sequence-overlay__caption{

  margin:10px 0 0 0;

  font:400 12px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  letter-spacing:0;

  color:rgba(255,255,255,0.72);

  text-align:left;

}



.story-sequence-overlay__stack{

  position:relative;

  width:100vw;

  margin:0 50%;

  transform:translateX(-50%);

}



.story-sequence-overlay__base{

  width:100%;

  display:block;

}



.story-sequence-inset{

  background:#fff;

  padding:0;

}



.story-sequence-inset__figure{

  width:min(780px, calc(100vw - 64px));

  margin:var(--story-block-space) auto;

}



.story-sequence-inset__picture{

  display:block;

  width:100%;

}



.story-sequence-inset__image{

  width:100%;

  display:block;

}



.story-sequence-inset__caption{

  margin:10px 0 0 0;

  font:400 12px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  letter-spacing:0;

  color:rgba(93,98,104,0.9);

  text-align:left;

}



.story-duo-wide--sequence{

  margin-top:0;

  margin-bottom:var(--story-block-space);

}



.story-duo-wide--sequence-reverse{

  grid-template-columns:minmax(280px, 0.82fr) minmax(0, 1.32fr);

  margin-top:calc(var(--story-block-space) + 90px);

}



.story-duo-wide--sequence-reverse .story-duo-wide__item:first-child{

  max-width:500px;

  justify-self:start;

  align-self:start;

  transform:translateY(-90px);

}



.story-duo-wide--sequence-reverse .story-duo-wide__item:last-child{

  max-width:none;

  justify-self:stretch;

  transform:none;

}



.story-duo-wide--sequence-reverse .story-duo-wide__item:first-child .story-duo-wide__image{

  aspect-ratio:1.28 / 1;

}



.story-duo-wide--sequence-reverse .story-duo-wide__item:last-child .story-duo-wide__image{

  aspect-ratio:1.5 / 1;

}



.story-duo-wide--sequence .story-duo-wide__caption{

  color:rgba(255,255,255,0.72);

}



.story-sequence-magazine--light{

  background:#fff;

}



.story-sequence-magazine--light .story-duo-wide__caption{

  color:rgba(93,98,104,0.9);

}



.story-fullbleed--sequence{

  margin-top:0;

  margin-bottom:0;

}



.story-fullbleed--sequence-light{

  margin-bottom:var(--story-block-space);

}



.story-fullbleed--sequence-dark{

  margin-bottom:0;

}



.story-fullbleed--sequence-end{

  margin-bottom:0;

}



.story-sequence-magazine--light .story-fullbleed--sequence-end{

  margin-bottom:0;

}



.story-sequence-magazine--light + .theme-dark--return{

  padding-top:0;

}



.story-fullbleed--sequence + .theme-light{

  margin-top:0;

}



.story-float-right{

  width:min(560px, 44vw);

  margin:10px calc((100vw - min(1120px, 92vw)) / -2) 26px 28px;

  float:right;

}



.story-float-right--compact{

  width:min(500px, 38vw);

  margin-right:calc((100vw - min(1120px, 92vw)) / -1.5);

}



.story-float-right--landscape{

  width:min(620px, 42vw);

  margin-top:0;

  margin-left:28px;

  margin-right:calc((100vw - min(1120px, 92vw)) / -1.35);

}



.story-float-right--dark .story-float-right__caption{

  color:rgba(255,255,255,0.66);

}



.story-float-right__image{

  width:100%;

  display:block;

}



.story-float-right__caption{

  margin:10px 0 0 0;

  font:400 12px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  letter-spacing:0;

  color:rgba(93,98,104,0.9);

  text-align:left;

}



@media (max-width: 900px){

  .story-float-right{

    width:min(92vw, 640px);

    margin:26px auto 24px;

    float:none;

  }



  .story-float-right--compact{

    width:min(92vw, 640px);

    margin:26px auto 24px;

  }



  .story-duo-wide{

    grid-template-columns:1fr;

    gap:20px;

    width:min(92vw, 760px);

    margin:48px 50%;

  }



  .story-duo-wide--sequence-reverse{

    margin-top:48px;

  }



  .story-duo-wide--sequence-reverse .story-duo-wide__item:first-child{

    max-width:none;

    justify-self:stretch;

    transform:none;

  }



  .story-sequence-overlay{

    width:100%;

    margin:48px 0 0;

    transform:none;

  }



  .story-sequence-overlay__lead{

    width:min(92vw, 640px);

    margin:0 auto 48px;

  }



  .story-sequence-overlay__stack{

    width:100vw;

    margin:0 50%;

    transform:translateX(-50%);

  }



  .story-duo-wide__item:last-child{

    max-width:none;

    justify-self:stretch;

    transform:none;

  }



  .story-duo-wide__item:first-child .story-duo-wide__image,

  .story-duo-wide__item:last-child .story-duo-wide__image{

    aspect-ratio:3 / 2;

  }



}