.news-wrap{width:min(100% - 40px,720px);margin:0 auto}
.news-pc-only{display:inline}
.news-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}


.news-hero{
  position:relative;isolation:isolate;overflow:hidden;
  padding:150px 0 64px;
}
.news-hero-aurora{
  position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(circle at 12% 18%,rgba(255,47,146,.16),transparent 42%),
    radial-gradient(circle at 88% 12%,rgba(34,191,230,.16),transparent 40%),
    radial-gradient(circle at 70% 100%,rgba(255,225,79,.28),transparent 45%),
    var(--paper);
}
.news-breadcrumb{display:flex;gap:8px;font-size:.78rem;color:var(--muted);margin-bottom:28px}
.news-breadcrumb a{color:var(--blue);font-weight:800}
.news-breadcrumb a:hover{text-decoration:underline}
.news-meta{display:flex;align-items:center;gap:14px;margin:0 0 18px}
.news-tag{background:var(--pink);color:#fff;border-radius:99px;padding:4px 12px;font-size:.68rem;font-weight:900;letter-spacing:.14em}
.news-meta time{color:var(--muted);font-weight:800;letter-spacing:.08em;font-size:.9rem}
.news-hero h1{
  margin:0 0 18px;color:var(--navy);font-weight:900;
  font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.5;
}
.news-event-name{
  display:inline-block;margin:0;padding-top:14px;
  border-top:2px solid var(--yellow);
  color:var(--ink);font-weight:800;font-size:.95rem;
}


.news-body{padding:8px 0 0}
.news-body p{margin:0 0 1.4em;color:var(--ink);font-size:1.02rem;line-height:2}
.news-body .news-lead{font-size:1.12rem;font-weight:800;color:var(--navy)}


.news-photos{width:min(100% - 40px,1080px);margin:36px auto 52px;container-type:inline-size}
.news-photos:not(:has(img)){display:none} 

.news-photo-grid{
  --gap:14px;
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);
  grid-auto-rows:calc((100cqw - 11 * var(--gap)) / 12); 
}
.news-photo-grid li{border-radius:20px;overflow:hidden;background:var(--line);min-width:0}
.news-photo-grid img{width:100%;height:100%;object-fit:cover}
.news-photo-grid li:nth-child(1){grid-column:1 / 9;grid-row:1 / 6}   
.news-photo-grid li:nth-child(2){grid-column:9 / 13;grid-row:1 / 3}  
.news-photo-grid li:nth-child(3){grid-column:9 / 13;grid-row:3 / 6}  
.news-photo-grid li:nth-child(4){grid-column:1 / 4;grid-row:6 / 10}  
.news-photo-grid li:nth-child(5){grid-column:4 / 9;grid-row:6 / 10}  
.news-photo-grid li:nth-child(6){grid-column:9 / 13;grid-row:6 / 10} 


.news-instagram{
  margin:40px 0 44px;padding:30px 32px;border-radius:24px;
  background:linear-gradient(120deg,var(--pink-tint),#fff 55%,var(--blue-tint));
  border:1px solid rgba(255,47,146,.12);
}
.news-instagram p{margin:0 0 18px}
.news-instagram-link{
  display:inline-flex;align-items:center;min-height:52px;padding:0 26px;
  border-radius:99px;background:var(--navy);color:#fff;font-weight:900;font-size:.95rem;
  box-shadow:0 10px 24px rgba(23,51,71,.2);
  transition:transform .22s var(--ease),box-shadow .22s;
}
.news-instagram-link:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(23,51,71,.26)}
.news-instagram-link:focus-visible,.news-back a:focus-visible,.news-breadcrumb a:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:8px}

.news-body .news-closing{font-weight:800;color:var(--navy)}
.news-back{margin:48px 0 0;padding:28px 0 96px;border-top:1px solid var(--line)}
.news-back a{color:var(--blue);font-weight:900;border-bottom:2px solid var(--yellow);padding-bottom:2px}


@media(max-width:680px){
  .news-pc-only{display:none}
  .news-hero{padding:136px 0 44px}
  .news-body p{font-size:.98rem;line-height:1.95}
  .news-body .news-lead{font-size:1.04rem}
  .news-instagram{padding:24px 20px}
  .news-instagram-link{width:100%;justify-content:center}
  
  .news-photo-grid{--gap:10px;grid-template-columns:1fr 1fr;grid-auto-rows:auto}
  .news-photo-grid li{border-radius:16px}
  .news-photo-grid li:nth-child(n){grid-column:auto;grid-row:auto}
  .news-photo-grid li:nth-child(1){grid-column:1 / -1;aspect-ratio:3/2}
  .news-photo-grid li:nth-child(2),.news-photo-grid li:nth-child(3){aspect-ratio:1/1}
  .news-photo-grid li:nth-child(5){grid-column:1 / -1;aspect-ratio:16/10;order:1}
  .news-photo-grid li:nth-child(4),.news-photo-grid li:nth-child(6){aspect-ratio:3/4;order:2}
  .news-back{padding-bottom:40px}
}

@media(prefers-reduced-motion:reduce){
  .news-instagram-link{transition:none}
  .news-instagram-link:hover{transform:none}
}