.htc, .htc-wrap{
  --htc-blue:#0a6cff;
  --htc-item-width:520px;
  --htc-row-gap:1.5rem;
  --htc-gap-y:10rem;
  --htc-media-col:280px;
  --htc-text-max:400px;
  --htc-img-max:var(--htc-media-col);
  --htc-stem-gap:1.25rem;
  --htc-title-color:inherit;
  --htc-bg:#fff;
  --htc-stem-dot:rgba(10,108,255,.45);
  --htc-arrow-w:56px;
  --htc-arrow-nudge:-9px;
  --htc-arrow-nudge-left:var(--htc-arrow-nudge);
  --htc-arrow-nudge-right:var(--htc-arrow-nudge);
  --htc-gutter:5vw;
  --htc-edge-mask-w:0px;
}
.htc-wrap{position:relative;z-index:0;width:calc(100vw - 2 * var(--htc-gutter));max-width:calc(100vw - 2 * var(--htc-gutter));margin-left:calc(50% - 50vw + var(--htc-gutter));margin-right:calc(50% - 50vw + var(--htc-gutter));}
.htc{position:relative;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:thin;width:100%;padding-left:1rem;padding-right:1rem;}
.htc-row{position:relative;display:flex;gap:var(--htc-row-gap);align-items:center;padding:calc(var(--htc-gap-y) + 2rem) 0;min-height:calc(var(--htc-gap-y) * 2 + 4rem);}
.htc-track,.htc-track-dashed{position:absolute;left:0;right:0;height:3px;top:calc(50% - 1.5px);}
.htc-track{background:var(--htc-blue);z-index:2;}
.htc-track-dashed{right:auto;width:0;z-index:3;pointer-events:none;background:radial-gradient(circle,var(--htc-stem-dot) 1px,transparent 1.6px) 0 50%/8px 3px repeat-x,linear-gradient(var(--htc-bg),var(--htc-bg));}
.htc-edge-mask{position:absolute;top:50%;transform:translateY(-50%);height:36px;background:var(--htc-bg);z-index:4;pointer-events:none;}
.htc-edge-mask--left{left:0;width:var(--htc-edge-mask-w);} .htc-edge-mask--right{right:0;width:var(--htc-edge-mask-w);}
.htc-item{position:relative;flex:0 0 max(var(--htc-item-width),calc(var(--htc-media-col) + var(--htc-text-max)));width:max(var(--htc-item-width),calc(var(--htc-media-col) + var(--htc-text-max)));}
.htc-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--htc-blue);left:calc(var(--htc-anchor) - 6px);top:calc(var(--htc-baseline) - 6px);z-index:3;}
.htc-stem{position:absolute;left:calc(var(--htc-anchor) - 1px);top:var(--htc-stem-top);height:var(--htc-stem-height);width:0;border-left:2px dotted var(--htc-stem-dot);z-index:2;}
.htc-card{position:relative;display:grid;gap:1.25rem;grid-template-columns:1fr;width:100%;max-width:calc(var(--htc-media-col) + var(--htc-text-max));}
.htc-card--media{grid-template-columns:minmax(0,var(--htc-media-col)) minmax(0,var(--htc-text-max));align-items:start;}
.htc-media img{display:block;width:100%;height:auto;max-width:var(--htc-img-max);}
.htc-content{padding-left:var(--htc-stem-gap);}
.htc-row > .htc-item > .htc-card{transform:translateY(calc(-1 * var(--htc-gap-y)));}
.htc-row > .htc-item:nth-of-type(even) > .htc-card{transform:translateY(var(--htc-gap-y));}
.htc-year{display:block;font-weight:800;color:#0a6cff;font-size:clamp(1.25rem,1.3rem + 1vw,2.4rem);}
.htc-title{margin:.2rem 0 .6rem;line-height:1.25;font-size:clamp(1.05rem,1rem + .4vw,1.6rem);color:var(--htc-title-color);}
.htc-body{max-width:var(--htc-text-max);}
.htc-arrow{position:fixed;width:var(--htc-arrow-w);height:44px;appearance:none;background:none!important;border:none!important;color:var(--htc-blue)!important;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:999;opacity:.95;}
.htc-arrow:hover{opacity:1;} .htc-arrow:disabled{opacity:.35;cursor:default;}
.htc-arrow--left{left:calc(var(--htc-gutter) / 2 - var(--htc-arrow-w) / 2);margin-top:var(--htc-arrow-nudge-left);}
.htc-arrow--right{right:calc(var(--htc-gutter) / 2 - var(--htc-arrow-w) / 2);margin-top:var(--htc-arrow-nudge-right);}
.htc-arrow__icon{width:44px;height:44px;}
.htc-empty{padding:1rem;color:#666;font-style:italic;}
@media (max-width:900px){
  .htc-track,.htc-track-dashed,.htc-stem,.htc-dot,.htc-edge-mask{display:none!important;}
  .htc-wrap{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"sc sc" "al ar";row-gap:.75rem;align-items:center;justify-items:stretch;}
  .htc{grid-area:sc;}
  .htc-arrow--left{grid-area:al;justify-self:end;}
  .htc-arrow--right{grid-area:ar;justify-self:start;}
  .htc-arrow{position:static;top:auto;left:auto;right:auto;transform:none;width:64px;height:44px;margin-top:0;z-index:1;}
  .htc{scroll-snap-type:x mandatory;touch-action:pan-x pinch-zoom;padding-left:0;padding-right:0;scroll-padding-left:calc(50vw - var(--htc-gutter));scroll-padding-right:calc(50vw - var(--htc-gutter));}
  .htc-row{align-items:stretch;gap:1rem;padding:1rem 0;min-height:auto;}
  .htc-row > .htc-item > .htc-card,.htc-row > .htc-item:nth-of-type(even) > .htc-card{transform:none!important;}
  .htc-item{flex:0 0 calc(100vw - 2 * var(--htc-gutter));width:calc(100vw - 2 * var(--htc-gutter));scroll-snap-align:center;scroll-snap-stop:always;}
  .htc-card,.htc-card--media{display:flex!important;flex-direction:column!important;align-items:center!important;gap:1rem;max-width:none;}
  .htc-content{order:1!important;padding-left:0!important;text-align:left!important;width:100%;max-width:var(--htc-text-max);}
  .htc-media{order:2!important;width:100%;display:flex;justify-content:center;}
  .htc-media,.htc-content{float:none!important;}
  .htc-media img{display:block;width:auto!important;max-width:min(100%,var(--htc-text-max));height:auto;margin:0 auto;}
}
.htc-year{color:#0093D3!important;font-weight:700!important;}
.htc-title{color:#0D3174!important;font-weight:700!important;}
@media (min-width:901px){
  .htc-year{font-size:86px!important;line-height:1.05;}
  .htc-title{font-size:30px!important;line-height:1.2;}
}
@media (max-width:900px){
  .htc-year{font-size:56px!important;line-height:1.1;}
  .htc-title{font-size:24px!important;line-height:1.25;}
}