.au-page{
  --au-navy:#041d37;
  --au-navy-2:#082b50;
  --au-blue:#087ce8;
  --au-blue-deep:#0863bd;
  --au-text:#071d34;
  --au-muted:#5d7084;
  --au-line:#d9e4ee;
  --au-soft:#eef5fa;
  --au-white:#fff;
  color:var(--au-text);
  padding:14px 0 44px;
}

.au-page a{color:inherit}
.au-page img{display:block;width:100%;height:100%;object-fit:cover}
.au-page :where(section,article){scroll-margin-top:120px}
.au-page :where(a,button):focus-visible{outline:3px solid rgba(8,124,232,.35);outline-offset:4px}

.au-crumbs{margin-top:22px}

.au-hero{
  position:relative;
  min-height:clamp(430px,33vw,590px);
  overflow:hidden;
  border:1px solid rgba(188,207,224,.82);
  border-radius:22px;
  background:#fff;
  box-shadow:0 24px 70px rgba(24,58,91,.12);
  isolation:isolate;
}
.au-hero::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:auto 0 0;
  height:42%;
  pointer-events:none;
  background:linear-gradient(0deg,rgba(226,241,252,.56),transparent);
}
.au-hero__media{
  position:absolute;
  inset:0 0 0 auto;
  width:72%;
}
.au-hero__media::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,#fff 2%,rgba(255,255,255,.97) 13%,rgba(255,255,255,.68) 28%,rgba(255,255,255,.06) 53%,transparent 68%),
    linear-gradient(0deg,rgba(255,255,255,.08),transparent 35%);
}
.au-hero__media img{object-position:center}
.au-hero__content{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  min-height:inherit;
  width:min(54%,850px);
  padding:clamp(42px,5.2vw,94px);
}
.au-hero h1{
  max-width:820px;
  margin:0;
  color:var(--au-text);
  font-size:clamp(2.55rem,4.25vw,5.2rem);
  font-weight:800;
  line-height:.98;
  letter-spacing:-.055em;
  text-wrap:balance;
}
.au-hero p{
  max-width:700px;
  margin:clamp(20px,2vw,30px) 0 0;
  color:#52667a;
  font-size:clamp(1.02rem,1.2vw,1.28rem);
  line-height:1.62;
}
.au-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(26px,3vw,38px)}
.au-button{
  display:inline-flex;
  min-height:52px;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 22px;
  border:1px solid transparent;
  border-radius:12px;
  text-decoration:none;
  font-size:.94rem;
  font-weight:800;
  line-height:1.2;
  transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s;
}
.au-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.au-button:hover{transform:translateY(-2px)}
.au-button--primary{background:linear-gradient(110deg,var(--au-blue),var(--au-blue-deep));color:#fff!important;box-shadow:0 12px 28px rgba(8,112,211,.24)}
.au-button--primary:hover{box-shadow:0 16px 34px rgba(8,112,211,.32)}
.au-button--quiet{border-color:#c9d9e7;background:rgba(255,255,255,.8);color:#175b9b!important;backdrop-filter:blur(8px)}
.au-button--quiet:hover{border-color:#9fbfdb;background:#fff}

.au-topics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin:22px 0 0;
  border-block:1px solid #cbdbe8;
  background:rgba(255,255,255,.52);
}
.au-topics::-webkit-scrollbar{height:4px}
.au-topics::-webkit-scrollbar-track{background:transparent}
.au-topics::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(38,112,176,.32)}
.au-topics a{
  position:relative;
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
  padding:21px clamp(16px,2vw,34px);
  text-decoration:none;
  transition:background .18s,color .18s;
}
.au-topics a+a::before{
  content:"";
  position:absolute;
  top:22%;
  bottom:22%;
  left:0;
  width:1px;
  background:#d5e1ec;
}
.au-topics a:hover{background:#f8fbfe;color:#056ecf}
.au-topics svg{width:34px;height:34px;flex:0 0 34px;fill:none;stroke:#4383bd;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.au-topics span{display:grid;gap:3px;min-width:0}
.au-topics strong{font-size:.96rem}
.au-topics small{overflow:hidden;color:#718396;font-size:.76rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}

.au-section{padding-top:clamp(68px,7vw,112px)}
.au-section__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:clamp(24px,3vw,38px);
}
.au-section__head h2{
  margin:0;
  color:var(--au-text);
  font-size:clamp(2rem,3.4vw,3.85rem);
  line-height:1.03;
  letter-spacing:-.045em;
}
.au-section__head p{max-width:780px;margin-top:12px;color:var(--au-muted);font-size:clamp(.95rem,1vw,1.08rem);line-height:1.6}
.au-text-link,.au-read-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
  color:#0872d4!important;
  text-decoration:none;
  font-size:.9rem;
  font-weight:800;
}
.au-text-link:hover,.au-read-link:hover{color:#045ba9!important}
.au-text-link span,.au-read-link span{font-size:1.2em;transition:transform .18s}
.au-text-link:hover span,.au-read-link:hover span{transform:translateX(4px)}

.au-feature-grid{
  display:grid;
  grid-template-columns:minmax(0,1.58fr) minmax(370px,.82fr);
  gap:clamp(18px,2vw,30px);
}
.au-feature-story,.au-side-story,.au-wide-story,.au-tech-story{
  overflow:hidden;
  border:1px solid var(--au-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 14px 42px rgba(29,61,92,.07);
}
.au-feature-story{
  display:grid;
  grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);
  min-height:420px;
}
.au-feature-story__media{display:block;overflow:hidden}
.au-feature-story__media img,.au-wide-story__media img,.au-tech-story__media img,.au-side-story__media img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.au-feature-story:hover .au-feature-story__media img,.au-wide-story:hover .au-wide-story__media img,.au-tech-story:hover .au-tech-story__media img,.au-side-story:hover .au-side-story__media img{transform:scale(1.025)}
.au-feature-story__content{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding:clamp(30px,3.2vw,56px);
}
.au-topic-label{
  display:block;
  color:#0872d4;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.095em;
  text-transform:uppercase;
}
.au-feature-story h3,.au-wide-story h3,.au-tech-story h3{
  margin:13px 0 0;
  font-size:clamp(1.55rem,2.1vw,2.55rem);
  line-height:1.12;
  letter-spacing:-.035em;
  text-wrap:balance;
}
.au-feature-story h3 a,.au-wide-story h3 a,.au-tech-story h3 a,.au-side-story h3 a{text-decoration:none}
.au-feature-story h3 a:hover,.au-wide-story h3 a:hover,.au-tech-story h3 a:hover,.au-side-story h3 a:hover{color:#0872d4}
.au-feature-story p,.au-wide-story p,.au-tech-story p{
  margin:18px 0 0;
  color:var(--au-muted);
  font-size:.96rem;
  line-height:1.68;
}
.au-feature-story .au-read-link,.au-wide-story .au-read-link,.au-tech-story .au-read-link{margin-top:26px}

.au-side-stories{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(18px,2vw,30px)}
.au-side-story{display:grid;grid-template-columns:minmax(128px,39%) 1fr;min-height:195px}
.au-side-story__media{display:block;overflow:hidden;background:#edf4fa}
.au-side-story__media img{object-position:center}
.au-side-story__media--ac img{object-position:78% center}
.au-side-story>div{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  min-width:0;
  padding:24px 50px 24px 24px;
}
.au-side-story h3{margin:9px 0 0;font-size:clamp(1rem,1.15vw,1.28rem);line-height:1.28;letter-spacing:-.02em}
.au-side-story p{
  display:-webkit-box;
  overflow:hidden;
  margin:10px 0 0;
  color:var(--au-muted);
  font-size:.79rem;
  line-height:1.5;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.au-arrow-link{
  position:absolute;
  right:18px;
  bottom:18px;
  display:grid;
  width:30px;
  height:30px;
  place-items:center;
  border:1px solid #c8d8e6;
  border-radius:50%;
  color:#0a70ce!important;
  text-decoration:none;
  transition:transform .18s,background .18s,color .18s;
}
.au-arrow-link:hover{transform:translateX(3px);background:#087ce8;color:#fff!important}

.au-wide-story{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);
  min-height:480px;
}
.au-wide-story__media{display:block;overflow:hidden}
.au-wide-story__content{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding:clamp(36px,5vw,82px);
}

.au-article-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(28px,4vw,72px);
  margin-top:clamp(40px,5vw,72px);
  border-bottom:1px solid #cbd9e5;
}
.au-list-story{min-width:0;border-top:1px solid #cbd9e5}
.au-list-story a{
  display:flex;
  align-items:flex-start;
  gap:18px;
  min-height:146px;
  padding:25px 4px;
  text-decoration:none;
}
.au-list-story__number{
  flex:0 0 34px;
  padding-top:3px;
  color:#3a7ebd;
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.08em;
}
.au-list-story__body{display:grid;gap:9px;min-width:0}
.au-list-story__body strong{font-size:clamp(1.02rem,1.18vw,1.3rem);line-height:1.32;letter-spacing:-.018em}
.au-list-story__body small{
  display:-webkit-box;
  overflow:hidden;
  color:var(--au-muted);
  font-size:.82rem;
  line-height:1.5;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.au-list-story__arrow{margin-left:auto;color:#0b72d0;font-size:1.25rem;transition:transform .18s}
.au-list-story a:hover .au-list-story__body strong{color:#0872d4}
.au-list-story a:hover .au-list-story__arrow{transform:translateX(5px)}

.au-tech-story{
  display:grid;
  grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);
  min-height:400px;
  margin-top:clamp(40px,5vw,72px);
  background:linear-gradient(120deg,#f9fcff,#eaf4fb);
}
.au-tech-story__content{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding:clamp(34px,5vw,80px);
}
.au-tech-story__media{display:block;overflow:hidden}

@media (min-width:2200px){
  .au-hero{min-height:640px}
  .au-feature-story{min-height:500px}
  .au-side-story{min-height:235px}
  .au-wide-story{min-height:560px}
  .au-tech-story{min-height:480px}
}

@media (max-width:1360px){
  .au-hero__content{width:60%;padding:52px}
  .au-feature-grid{grid-template-columns:1fr}
  .au-side-stories{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}
  .au-side-story{min-height:220px}
}

@media (max-width:1020px){
  .au-hero{min-height:auto}
  .au-hero__media{position:relative;width:100%;height:320px;order:2}
  .au-hero__media::after{background:linear-gradient(0deg,rgba(255,255,255,.2),transparent 45%)}
  .au-hero__content{width:100%;min-height:0;padding:50px}
  .au-hero::before{display:none}
  .au-topics{overflow-x:auto;grid-template-columns:repeat(4,minmax(235px,1fr));scrollbar-width:thin}
  .au-feature-story{grid-template-columns:1fr}
  .au-feature-story__media{aspect-ratio:16/8.5}
  .au-side-stories{grid-template-columns:1fr 1fr}
  .au-wide-story,.au-tech-story{grid-template-columns:1fr}
  .au-wide-story__media,.au-tech-story__media{aspect-ratio:16/8}
  .au-tech-story__media{order:-1}
}

@media (max-width:760px){
  .au-page{padding-top:6px}
  .au-hero{border-radius:16px}
  .au-hero__content{padding:36px 24px 34px}
  .au-hero h1{width:100%;max-width:100%;font-size:clamp(1.8rem,9.7vw,2.65rem);line-height:1.03}
  .au-hero p{font-size:.98rem;line-height:1.55}
  .au-hero__actions{width:100%}
  .au-button{min-height:49px}
  .au-hero__actions .au-button{flex:1 1 100%}
  .au-hero__media{height:250px}
  .au-topics{margin-top:15px;grid-template-columns:repeat(4,220px)}
  .au-topics a{padding:17px 16px}
  .au-topics svg{width:30px;height:30px;flex-basis:30px}
  .au-section{padding-top:62px}
  .au-section__head{align-items:flex-start;flex-direction:column;gap:15px}
  .au-section__head h2{font-size:2.15rem}
  .au-feature-story{min-height:0;border-radius:15px}
  .au-feature-story__media{aspect-ratio:16/10}
  .au-feature-story__content{padding:27px 23px 30px}
  .au-feature-story h3,.au-wide-story h3,.au-tech-story h3{font-size:1.65rem}
  .au-side-stories{grid-template-columns:1fr}
  .au-side-story{grid-template-columns:128px 1fr;min-height:176px;border-radius:15px}
  .au-side-story>div{padding:20px 42px 20px 18px}
  .au-side-story p{-webkit-line-clamp:2}
  .au-wide-story,.au-tech-story{border-radius:15px}
  .au-wide-story__media,.au-tech-story__media{aspect-ratio:16/10}
  .au-wide-story__content,.au-tech-story__content{padding:30px 23px 34px}
  .au-article-list{grid-template-columns:1fr;margin-top:40px}
  .au-list-story a{min-height:0;padding:22px 2px}
  .au-list-story__body small{-webkit-line-clamp:3}
}

@media (max-width:430px){
  .au-hero__media{height:220px}
  .au-side-story{grid-template-columns:108px 1fr}
  .au-side-story h3{font-size:.98rem}
  .au-side-story p{font-size:.75rem}
  .au-list-story a{gap:11px}
  .au-list-story__number{flex-basis:28px}
}

@media (max-width:360px){
  .au-hero__content{padding-right:20px;padding-left:20px}
  .au-hero__actions .au-button{gap:8px;padding-right:14px;padding-left:14px;font-size:.86rem}
  .au-hero__actions .au-button svg{width:17px;height:17px}
}

@media (prefers-reduced-motion:reduce){
  .au-page *{scroll-behavior:auto!important;transition:none!important}
}