/* Exact reference face for this local design test. Verify font licensing
   before distributing this commercial reference font in a public release. */
@font-face{
  font-family:"YS Hero Diatype";
  src:url("./site-assets/ABCDiatype-Bold.woff2") format("woff2");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}
.hero [data-hero-title]{
  font-family:"YS Hero Diatype",sans-serif!important;
  font-weight:700!important;
  letter-spacing:-.05em!important;
  line-height:.9!important;
}
.hero .hero__visual.ys-hero-news-card{
  height:auto!important;
  overflow:visible!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  aspect-ratio:auto!important;
}
.hero .ys-hero-news-card::after{display:none!important}
.hero .ys-hero-news-card .hero__text-wrap{display:none!important}
.ys-hero-news-card__link{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:4px;
  border:1px solid rgba(255,255,255,.3);
  border-radius:12px;
  color:#f7f3e9;
  background:rgba(8,47,36,.55);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  text-decoration:none;
  box-shadow:0 16px 40px rgba(8,47,98,.08);
}
.ys-hero-news-card__link:focus-visible{outline:2px solid #082f62;outline-offset:5px}
.ys-hero-news-card__photo{
  width:100%;
  aspect-ratio:1.6;
  overflow:hidden;
  border-radius:6px;
}
.hero .ys-hero-news-card .hero__visual-img{
  position:static!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 43%!important;
  transform:none!important;
  rotate:none!important;
  scale:none!important;
  translate:none!important;
}
.ys-hero-news-card__photo{transition:filter .4s ease}
.ys-hero-news-card__photo img{transition:scale .5s ease}
@media(hover:hover){
  .hero .ys-hero-news-card__link:hover .hero__visual-img{scale:1.05!important}
}
.ys-hero-news-card__copy{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:36px;
  padding:12px 12px 14px;
}
.ys-hero-news-card__label{
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  font-size:12px;
  font-weight:400;
  line-height:1.3;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.ys-hero-news-card__headline{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  font-family:"YS Hero Diatype",sans-serif;
  font-weight:700;
  font-size:clamp(22px,1.9vw,29px);
  letter-spacing:-.035em;
  line-height:1.08;
}
.ys-hero-news-card__headline svg{width:20px;height:20px;flex-shrink:0;margin-bottom:2px}
@media(max-width:991px){
  .hero .hero__visual.ys-hero-news-card{
    position:relative!important;
    inset:auto!important;
    width:min(100%,560px)!important;
    margin:30px auto 0!important;
  }
  .ys-hero-news-card__link{flex-direction:row;gap:12px;color:#082f62;background:rgba(247,243,233,.3)}
  .ys-hero-news-card__photo{width:44%;aspect-ratio:1;flex-shrink:0}
  .ys-hero-news-card__copy{flex:1;min-width:0;gap:16px;padding:10px 8px 10px 0}
  .ys-hero-news-card__headline{font-size:clamp(19px,3.2vw,27px);gap:8px}
  .ys-hero-news-card__headline svg{width:16px;height:16px}
  .ys-hero-news-card__label{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .ys-hero-news-card__photo,.ys-hero-news-card__photo img{transition:none}
}

/* News opens with the legal-page wipe, then a compact reading window. */
.ys-hero-news-card__link{transition:transform .22s ease,box-shadow .22s ease}
.ys-hero-news-card__link:active{transform:scale(.98)}
.ys-hero-news-card__headline svg{transition:transform .25s ease}
@media(hover:hover){.ys-hero-news-card__link:hover .ys-hero-news-card__headline svg{transform:translate(2px,-2px)}}
.ys-news-dialog{box-sizing:border-box;width:min(900px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:0;border:0;border-radius:32px;background:#f7f3e9;color:#082f62;box-shadow:0 24px 100px #082f6240;overflow:auto;overscroll-behavior:contain;font-family:YSBody,"Avenir Next",Arial,sans-serif}
.ys-news-dialog[open]{animation:ys-news-enter .28s ease-out both}
.ys-news-dialog::backdrop{background:rgba(8,47,62,.48);backdrop-filter:blur(7px)}
.ys-news-dialog__shell{isolation:isolate;position:relative;overflow:hidden}
.ys-news-dialog__header{position:absolute;top:24px;right:32px;z-index:2;display:flex;justify-content:flex-end}
.ys-news-dialog__close{display:grid;place-items:center;width:48px;height:48px;flex:none;border:1.5px solid #082f6238;border-radius:50%;background:transparent;color:#082f62;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.ys-news-dialog__close span{font:32px/1 Arial,sans-serif}
.ys-news-dialog__close:hover{background:#082f62;color:#f7f3e9;transform:rotate(90deg)}
.ys-news-dialog :is(button,a):focus-visible{outline:3px solid #285640;outline-offset:4px}
.ys-news-dialog__content{padding:48px}
.ys-news-dialog .news-article{position:relative;isolation:isolate;padding:0}
.ys-news-dialog .news-pattern{position:absolute;z-index:-1;width:100%;height:100%;inset:0;overflow:visible;color:#87a990;opacity:.2;pointer-events:none}
.ys-news-dialog .news-eyebrow{padding-right:64px;margin:0 0 20px;color:#285640;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.ys-news-dialog h1{margin:0;max-width:18ch;font-family:YSHeading,"Arial Rounded MT Bold",Arial,sans-serif;font-weight:700;font-size:clamp(32px,4.4vw,56px);line-height:1.06;letter-spacing:-.025em;text-wrap:balance}
.ys-news-dialog h1 span{color:#bc945f}
.ys-news-dialog .news-lead{max-width:38em;margin:28px 0 0;font-size:clamp(18px,2vw,22px);line-height:1.5}
.ys-news-dialog .news-cta{display:inline-flex;align-items:center;gap:12px;margin-top:28px;padding:12px 20px;border:1.5px solid #082f6238;border-radius:999px;font-size:17px;font-weight:700;color:#082f62;text-decoration:none;transition:background .2s,color .2s}
.ys-news-dialog .news-cta:hover{background:#285640;color:#f7f3e9}
@keyframes ys-news-enter{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:600px){
 .ys-news-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:24px}
 .ys-news-dialog__header{top:20px;right:20px}
 .ys-news-dialog__close{width:44px;height:44px}
 .ys-news-dialog__content{padding:32px 24px}
 .ys-news-dialog h1{font-size:clamp(30px,8vw,42px)}
}
@media(prefers-reduced-motion:reduce){.ys-news-dialog[open]{animation:none}.ys-hero-news-card__link,.ys-hero-news-card__headline svg,.ys-news-dialog__close,.ys-news-dialog .news-cta{transition:none}}