/* STRATO News & Updates | 2026 — editorial system */
:root{--n-purple:#7917f2;--n-lilac:#c6acfd;--n-dark:#09080d;--n-line:rgba(255,255,255,.15)}
.news-shell{max-width:1440px;margin:0 auto;padding:0 clamp(22px,5vw,74px)}
.news-page{color:#f7f5fa;background:#09080d;font-family:Roboto,Arial,sans-serif}
.news-page .inner-nav{background:rgba(9,8,13,.93)}
.news-page .inner-nav img{filter:none}
.news-page .inner-nav-links a[aria-current=page]{color:#fff;background:rgba(121,23,242,.22)}
.news-eyebrow{font-size:11px;font-weight:700;letter-spacing:.23em;color:var(--n-lilac);text-transform:uppercase}
.news-intro{background:radial-gradient(ellipse at 92% 20%,rgba(121,23,242,.22),transparent 40%),linear-gradient(180deg,#12101b,#09080d);padding:105px 0 78px;position:relative;overflow:hidden}
.news-intro:after{content:'';position:absolute;width:240px;height:240px;border:1px solid rgba(200,164,255,.18);border-radius:50%;right:-100px;top:-110px;pointer-events:none}
.news-intro h1{font-size:clamp(54px,8.8vw,122px);line-height:.96;letter-spacing:-.07em;font-weight:700;max-width:1090px;margin:22px 0 24px}
.news-intro h1 em{font-style:normal;color:var(--n-lilac)}
.news-intro .lead{max-width:720px;font-size:clamp(16px,1.7vw,20px);line-height:1.65;color:#bcb3c8}
.news-intro .breadcrumb{display:flex;gap:9px;font-size:12px;color:#aaa0b0;margin-bottom:27px}.news-intro .breadcrumb a{color:#c9b2ff}
.news-rule{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--n-line);gap:10px;margin-top:50px;padding-top:16px;color:#8d8599;font-size:11px;letter-spacing:.11em;text-transform:uppercase}
.story-feature{padding:90px 0 90px;background:#09080d}
.story-feature .section-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:27px}
.section-heading{font-size:clamp(29px,4vw,52px);font-weight:700;line-height:1.05;letter-spacing:-.05em;margin-top:12px}
.story-layout{display:grid;grid-template-columns:1.06fr .94fr;background:#181020;border:1px solid rgba(211,175,255,.15);border-radius:26px;overflow:hidden;min-height:520px}
.story-art{position:relative;min-height:500px;background:radial-gradient(ellipse at 65% 20%,#53229a,transparent 45%),linear-gradient(145deg,#271139 10%,#100b18 75%);display:flex;justify-content:center;align-items:center;isolation:isolate;overflow:hidden}
.story-art:before,.story-art:after{content:'';position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%;width:420px;height:420px;top:-160px;right:-160px;z-index:-1}.story-art:after{width:640px;height:640px;top:-280px;right:-300px}
.story-art img{width:85%;max-height:350px;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(0,0,0,.4));z-index:1}
.story-art .art-mark{position:absolute;left:38px;top:34px;color:#ddc7ff;font-size:11px;letter-spacing:.18em;font-weight:700}
.story-art .art-bottom{position:absolute;right:32px;bottom:30px;color:rgba(255,255,255,.6);font-size:11px;letter-spacing:.15em}
.story-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,5vw,72px)}
.news-meta{font-size:11px;color:#bfa9da;letter-spacing:.11em;text-transform:uppercase;font-weight:700}
.story-copy h3{font-size:clamp(37px,4vw,62px);line-height:1.04;letter-spacing:-.06em;margin:25px 0}
.story-copy p{color:#c3baca;font-size:17px;line-height:1.65;max-width:500px}
.news-button{display:inline-flex;gap:20px;align-items:center;justify-content:space-between;align-self:flex-start;background:var(--n-purple);color:#fff!important;text-decoration:none;padding:16px 21px;border-radius:999px;margin-top:32px;font-size:12px;font-weight:700;letter-spacing:.075em;min-height:51px;transition:background .2s,transform .2s}
.news-button:hover{background:#9650f7;transform:translateY(-1px)}
.news-button.light{background:#fff;color:#1d102a!important}
.news-button.outline{background:transparent;border:1px solid #6e5b84}
.news-topics{background:#f4f1f7;color:#1c1128;padding:94px 0 106px}
.news-topics .news-eyebrow{color:#6d2bb2}
.news-topics-intro{max-width:720px;color:#675f70;font-size:16px;line-height:1.65;margin-top:17px}
.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:42px}
.topic-card{border:1px solid #dfd8e8;background:#fff;min-height:310px;border-radius:22px;padding:32px;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.topic-card:hover{box-shadow:0 20px 40px rgba(63,22,87,.08);transform:translateY(-2px)}
.topic-card .num{color:#8a40ca;font-weight:700;font-size:12px;letter-spacing:.08em}
.topic-card h3{font-size:26px;letter-spacing:-.045em;line-height:1.12;margin-top:38px}
.topic-card p{margin-top:15px;color:#6c6573;line-height:1.6;font-size:14px}
.topic-card a{margin-top:auto;padding-top:30px;color:#6f25b6;text-decoration:none;font-size:12px;font-weight:700}
.news-cta{background:linear-gradient(120deg,#3c1762,#7917f2 85%);padding:74px 0}
.news-cta .news-shell{display:flex;gap:35px;align-items:center;justify-content:space-between}
.news-cta h2{font-size:clamp(33px,5vw,58px);line-height:1.04;letter-spacing:-.055em;max-width:780px;margin-top:15px}
.news-cta .news-button{flex-shrink:0;margin:0}
.news-footer{background:#08070a}
/* Article */
.article-intro{padding:75px 0 55px;background:radial-gradient(ellipse at 75% 5%,rgba(121,23,242,.25),transparent 41%),#09080d}
.article-intro h1{font-size:clamp(51px,7.3vw,102px);line-height:.98;letter-spacing:-.065em;max-width:1150px;margin:30px 0}
.article-intro h1 span{color:#bf9bff}
.article-deck{font-size:clamp(18px,2vw,23px);line-height:1.6;color:#c4bbcc;max-width:880px}
.article-hero{background:linear-gradient(150deg,#2d0e52,#140e1e);min-height:440px;border-radius:26px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;overflow:hidden;margin-top:55px;position:relative}
.article-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 40%,rgba(161,88,253,.24),transparent 35%)}
.article-hero img{width:100%;max-height:380px;object-fit:contain;z-index:1;filter:drop-shadow(0 28px 20px #0f0816a3);padding:22px}
.article-hero-copy{padding:50px;z-index:1}
.article-hero-copy .giant{font-size:clamp(65px,11vw,168px);letter-spacing:-.08em;line-height:.84;font-weight:800}
.article-hero-copy p{color:#dbc3fa;margin-top:22px;letter-spacing:.2em;text-transform:uppercase;font-size:12px}
.article-body-wrap{background:#f7f5f9;color:#21152e;padding:94px 0 110px}
.article-grid{display:grid;grid-template-columns:240px minmax(0,830px);gap:70px}
.article-aside{align-self:start;position:sticky;top:120px;border-top:2px solid #7917f2;padding-top:19px}
.article-aside p{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#79668e;margin-bottom:13px}
.article-aside strong{font-size:14px;font-weight:700}
.article-aside a{display:inline-block;margin-top:25px;color:#7917f2;font-size:13px}
.article-body{font-size:18px;line-height:1.85;color:#564b60}
.article-body h2{font-size:clamp(28px,4vw,45px);line-height:1.13;color:#1b1125;letter-spacing:-.04em;margin:0 0 25px}
.article-body p{margin:0 0 24px}
.article-body strong{color:#29133d}
.article-body .pull-quote{font-size:clamp(26px,3.2vw,42px);font-weight:700;letter-spacing:-.035em;line-height:1.26;color:#572097;border-left:5px solid #7917f2;padding:22px 0 22px 28px;margin:49px 0}
.article-media{padding:90px 0 100px;background:#140e1e}
.article-media .media-intro{max-width:690px;color:#b5a7c3;line-height:1.6;margin:20px 0 40px}
.showcase-gallery{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:14px}
.showcase-img{min-height:260px;border-radius:19px;overflow:hidden;background:radial-gradient(circle at 65% 30%,rgba(129,56,210,.3),transparent 45%),#21152c;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px}
.showcase-img img{height:180px;width:100%;object-fit:contain;filter:drop-shadow(0 20px 22px rgba(0,0,0,.4))}
.showcase-img figcaption{margin-top:28px;color:#d6c2ee;letter-spacing:.15em;font-size:11px;text-transform:uppercase}
.event-photo-note{margin-top:24px;border:1px dashed #675176;border-radius:14px;padding:17px 20px;color:#ae9cb9;font-size:13px;line-height:1.5}
@media(max-width:1050px){.story-layout{grid-template-columns:1fr 1fr}.topic-grid{grid-template-columns:repeat(2,1fr)}.news-cta .news-shell{flex-direction:column;align-items:flex-start}.article-grid{grid-template-columns:180px 1fr;gap:40px}}
@media(max-width:720px){.news-intro{padding:65px 0 55px}.story-feature{padding:60px 0}.story-feature .section-top{display:block}.story-layout{grid-template-columns:1fr}.story-art{min-height:310px}.story-art img{max-height:230px}.story-copy{padding:36px}.story-copy h3{font-size:38px}.topic-grid{grid-template-columns:1fr}.topic-card{min-height:265px}.news-topics{padding:70px 0}.news-cta{padding:58px 0}.article-intro{padding:50px 0}.article-intro h1{font-size:clamp(49px,9vw,77px)}.article-hero{grid-template-columns:1fr;min-height:0}.article-hero-copy{padding:45px 32px 8px}.article-hero img{max-height:240px}.article-body-wrap{padding:68px 0}.article-grid{grid-template-columns:1fr;gap:28px}.article-aside{position:static}.article-body{font-size:16px}.article-media{padding:65px 0}.showcase-gallery{grid-template-columns:1fr}.showcase-img{min-height:220px}.showcase-img img{height:155px}.news-rule{font-size:10px}}
@media(prefers-reduced-motion:reduce){.news-button,.topic-card{transition:none}}


/* TYPOGRAPHY - shared with the existing STRATO website */
.news-page{font-family:'Roboto',Arial,sans-serif}
.news-page h1,.news-page h2,.news-page h3,.news-page .article-body .pull-quote{font-family:'Fauna One',Georgia,serif!important;letter-spacing:-.027em}
.news-intro h1{font-size:clamp(42px,6.5vw,84px);line-height:1.14;max-width:1040px;letter-spacing:-.03em}
.article-intro h1{font-size:clamp(42px,6.2vw,88px);line-height:1.15;letter-spacing:-.03em;max-width:1060px}
.section-heading{font-size:clamp(28px,3.8vw,49px);line-height:1.22;letter-spacing:-.02em}
.story-copy h3{font-size:clamp(30px,3.8vw,50px);line-height:1.22;letter-spacing:-.018em}
.topic-card h3{font-size:clamp(22px,2.1vw,28px);line-height:1.25;letter-spacing:-.017em}
.news-cta h2{font-size:clamp(30px,4vw,49px);line-height:1.19;letter-spacing:-.025em}
.article-body h2{font-size:clamp(28px,3.6vw,42px);line-height:1.25;letter-spacing:-.016em}
.article-body .pull-quote{font-size:clamp(24px,2.9vw,38px);line-height:1.35;font-weight:400}
.article-hero-copy .giant{font-family:'Roboto',Arial,sans-serif;letter-spacing:-.08em}
.story-art.has-event-cover{background:#160a22}
.story-art.has-event-cover img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;filter:none;opacity:.90}
.story-art.has-event-cover::before,.story-art.has-event-cover::after{display:none}
.story-art.has-event-cover .art-mark,.story-art.has-event-cover .art-bottom{z-index:2;text-shadow:0 2px 12px #000}
.article-hero.has-event-cover img{object-fit:cover;align-self:stretch;height:100%;max-height:none;padding:0;filter:none}
/* Automatic event photo gallery; shown only when real photos have been added. */
.event-gallery{background:#0d0911;padding:92px 0 106px;border-top:1px solid #3b2a46}
.event-gallery[hidden]{display:none!important}
.event-gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:18px 0 35px}
.event-gallery-heading p{font-size:16px;line-height:1.65;color:#c0b4cd;max-width:700px;margin-top:16px}
.event-gallery-counter{font-size:11px;letter-spacing:.13em;color:#ba9fdb;white-space:nowrap}
.event-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.event-photo-tile{margin:0;position:relative;aspect-ratio:1.25;overflow:hidden;border-radius:17px;border:1px solid #382448;background:#1a1024}
.event-photo-tile:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:auto;min-height:350px}
.event-photo-tile:only-child{grid-column:1/-1;grid-row:auto;aspect-ratio:16/9;max-height:620px}
.event-photo-tile button{display:block;width:100%;height:100%;border:0;padding:0;cursor:zoom-in;background:none;color:inherit}
.event-photo-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.event-photo-tile button:hover img{transform:scale(1.04)}
.event-photo-tile figcaption{position:absolute;bottom:0;left:0;right:0;padding:40px 18px 17px;background:linear-gradient(transparent,rgba(4,3,7,.72));font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:white;text-align:left;pointer-events:none}
.event-photo-dialog{width:min(1050px,94vw);max-height:92vh;background:#0d0911;border:1px solid #45315a;border-radius:20px;padding:16px 16px 18px;color:white;box-shadow:0 30px 110px #000b}
.event-photo-dialog::backdrop{background:#050206db}
.event-photo-dialog img{max-width:100%;max-height:77vh;object-fit:contain;display:block;margin:0 auto;border-radius:12px}
.event-photo-dialog p{margin:12px 10px 0;font-size:13px;color:#d7c7e7}
.event-dialog-close{position:absolute;top:25px;right:26px;background:#1c0d29dd;color:#fff;border:1px solid #ffffff80;border-radius:50%;font-size:25px;width:42px;height:42px;cursor:pointer}
@media(max-width:720px){.news-intro h1{font-size:clamp(40px,9vw,67px)}.article-intro h1{font-size:clamp(39px,9vw,66px)}.story-copy h3{font-size:clamp(28px,7vw,43px)}.event-gallery{padding:64px 0}.event-gallery-heading{display:block}.event-gallery-counter{display:block;margin-top:16px}.event-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.event-photo-tile:first-child{grid-column:1/-1;grid-row:auto;aspect-ratio:1.5;min-height:0}.event-photo-tile:only-child{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){.event-photo-tile img{transition:none}}

/* Real-photo launch gallery, 28 October update */
.article-photo-link{display:inline-block;margin-top:24px;color:#7917f2!important;font-weight:800;font-size:12px;letter-spacing:.07em;text-decoration:none;border-bottom:2px solid #7917f2;padding-bottom:5px}
.event-photo-tile button:focus-visible{outline:3px solid #d6bcff;outline-offset:-3px}
.event-photo-tile figcaption{font-family:Roboto,Arial,sans-serif;font-weight:600;letter-spacing:.04em;text-transform:none;font-size:12px}
.event-dialog-prev,.event-dialog-next{position:absolute;top:45%;width:46px;height:46px;background:#261336df;border:1px solid #ffffff77;color:#fff;font-size:33px;line-height:1;border-radius:50%;cursor:pointer;z-index:3}
.event-dialog-prev{left:24px}.event-dialog-next{right:24px}
.event-dialog-progress{display:block;color:#b69bd3;margin:5px 10px 0;font-size:11px;letter-spacing:.12em}
@media(max-width:720px){.event-dialog-prev,.event-dialog-next{top:43%;width:39px;height:39px;font-size:26px}.event-dialog-prev{left:18px}.event-dialog-next{right:18px}.article-hero.has-event-cover img{height:260px;object-position:center 30%}.event-photo-tile figcaption{font-size:10px;padding:36px 12px 11px}}


/* 28 Oct 2026 — clean, centred event gallery (captions removed). */
.event-photo-tile img {object-position:center center;}
/* Hero tile fills the first two columns / rows. With 19 photos the last
   single tile would sit at the left; place it in the true centre column. */
@media (min-width:721px) {
  .event-photo-grid > .event-photo-tile:last-child:nth-child(3n + 1) {
    grid-column:2;
  }
}
/* Small layouts use natural placement so no artificial empty gap appears. */
@media (max-width:720px) {
  .event-photo-grid > .event-photo-tile:last-child {grid-column:auto;}
}