#su-eoy{
  /* ── Brand tokens (°®¶¹´«Ã½Èë¿Ú Graphics Standards Manual) ── */
  --su-maroon:#8A0000;        /* PMS 188 */
  --su-maroon-deep:#560004;
  --su-maroon-wash:#F7ECEC;
  --su-gold:#FFC420;          /* PMS 123 */
  --su-white:#FFFFFF;
  --su-ink:#26211F;
  --su-ink-soft:#564E4A;
  --su-line:#E8E2DA;
  --font-sans:'Libre Franklin',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-serif:'Libre Baskerville',Baskerville,Georgia,serif;

  font-family:var(--font-sans);
  color:var(--su-ink);
  background:var(--su-white);
  line-height:1.65;
  font-size:17px;
  -webkit-font-smoothing:antialiased;
  margin:0;
}
#su-eoy *,#su-eoy *::before,#su-eoy *::after{box-sizing:border-box;margin:0;padding:0;}
#su-eoy img{max-width:100%;display:block;}
#su-eoy a{color:var(--su-maroon);text-decoration-color:var(--su-gold);text-decoration-thickness:2px;text-underline-offset:3px;}
#su-eoy a:hover{color:var(--su-maroon-deep);}
#su-eoy :focus-visible{outline:3px solid var(--su-maroon);outline-offset:3px;border-radius:2px;}
#su-eoy .page-nav :focus-visible,
#su-eoy .twentysix :focus-visible,
#su-eoy .stat-band :focus-visible,
#su-eoy .eoy-footer :focus-visible,
#su-eoy .hero :focus-visible,
#su-eoy .to-top:focus-visible{outline-color:#fff;}

/* visually hidden (screen-reader-only) */
#su-eoy .sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
/* skip link */
#su-eoy .skip-link{
  position:absolute;left:-9999px;top:0;z-index:100;background:var(--su-gold);
  color:var(--su-maroon-deep);font-weight:800;padding:14px 22px;text-decoration:none;border-radius:0 0 6px 0;
}
#su-eoy .skip-link:focus{left:0;}

/* ── Layout helpers ─────────────────────────────── */
#su-eoy .wrap{max-width:1140px;margin:0 auto;padding:0 24px;}
#su-eoy .narrow{max-width:760px;margin:0 auto;}

/* ── Hero ───────────────────────────────────────── */
#su-eoy .hero{
  position:relative;min-height:88vh;display:flex;align-items:flex-end;
  background:var(--su-maroon-deep);overflow:hidden;
}
#su-eoy .hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;}
#su-eoy .hero-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(46,8,8,.32) 0%,rgba(86,0,4,.62) 55%,rgba(70,0,4,.94) 100%);}
#su-eoy .hero-inner{position:relative;width:100%;padding:140px 24px 160px;color:#fff;text-align:center;}
#su-eoy .hero-eyebrow{
  display:inline-flex;align-items:center;
  font-weight:700;color:var(--su-gold);
  text-shadow:0 1px 8px rgba(46,8,8,.6);
}
/**/
#su-eoy .hero-eyebrow span {display: inline-block; margin: auto .5rem; font-size:clamp(2rem,3vw,4rem);}
#su-eoy .hero-eyebrow span:first-child {color: white;}
#su-eoy .hero-eyebrow span:nth-child(2) {font-style: italic; font-family: 'Times New Roman', Times, serif;}
#su-eoy .hero-eyebrow span:nth-child(3) {}
#su-eoy .hero-eyebrow::before,#su-eoy .hero-eyebrow::after{content:"";width:42px;height:2px;background:var(--su-gold);}
#su-eoy .hero h1{
  font-weight:800;font-size:clamp(2rem,3.5vw,3rem);line-height:1.5;
  letter-spacing:-.015em;margin:22px auto 18px;max-width:80%;text-wrap:balance;
  text-shadow:0 2px 18px rgba(46,8,8,.5);
}
#su-eoy .hero-sub{font-size:clamp(16px,2vw,20px);font-weight:300;max-width:34em;margin:0 auto;color:#FCF3EA;}
#su-eoy .hero-sub strong{font-weight:600;color:var(--su-gold);}

/* ── °®¶¹´«Ã½Èë¿Ú Wave (official open-curve SVG) ──────────── */
#su-eoy .su-wave{position:absolute;bottom:-80px;left:0;width:100%;line-height:0;pointer-events:none;}
@media screen and (max-width: 768px) {
    #su-eoy .su-wave{ display: none}
}


#su-eoy .su-wave svg{display:block;width:100%;height:90px;}
#su-eoy .su-wave-top{
  position:absolute;bottom:100%;left:0;width:100%;line-height:0;pointer-events:none;
  transform:rotate(180deg) translateY(-1px);
}
#su-eoy .su-wave-top svg{display:block;width:100%;height:80px;}

/* ── Sticky section nav ─────────────────────────── */
#su-eoy .page-nav{
  position:sticky;top:0;z-index:50;background:var(--su-maroon);
  /*box-shadow:0 2px 14px rgba(70,0,4,.25);*/
}
#su-eoy .page-nav .wrap{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;}
#su-eoy .page-nav .wrap::-webkit-scrollbar{display:none;}
#su-eoy .page-nav a{
  flex:0 0 auto;color:#F8E9D2;text-decoration:none;font-size:13px;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;padding:16px 14px;border-bottom:3px solid transparent;
  transition:color .2s,border-color .2s;white-space:nowrap;
}
#su-eoy .page-nav a:hover{color:#fff;}

/* Mobile nav toggle (hidden on desktop) */
#su-eoy .nav-toggle{
  display:none;width:100%;align-items:center;justify-content:space-between;gap:12px;
  background:var(--su-maroon);color:#fff;border:none;cursor:pointer;
  font-family:var(--font-sans);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  padding:15px 20px;min-height:48px;text-align:left;
}
#su-eoy .nav-toggle .nav-toggle-prefix{color:var(--su-gold);}
#su-eoy .nav-toggle .nav-caret{
  flex:0 0 auto;width:10px;height:10px;border-right:2.5px solid var(--su-gold);border-bottom:2.5px solid var(--su-gold);
  transform:rotate(45deg) translateY(-2px);transition:transform .25s ease;
}
#su-eoy .page-nav.open .nav-toggle .nav-caret{transform:rotate(225deg) translateY(-2px);}

/* ── Letter opening / portrait ──────────────────── */
#su-eoy .letter-open{padding: 3rem 0;}
#su-eoy .letter-grid{display:grid;grid-template-columns:300px 1fr;gap:56px;align-items:start;}
#su-eoy .portrait-card img{border-radius:4px;box-shadow:14px 14px 0 var(--su-gold),0 18px 40px rgba(70,0,4,.18);}
#su-eoy .portrait-card {max-width: 250px; margin:0 auto;}
#su-eoy .portrait-cap{margin-top:30px;font-size:14px;color:var(--su-ink-soft);line-height:1.5;}
#su-eoy .portrait-cap strong{display:block;color:var(--su-maroon);font-size:15px;letter-spacing:.04em;text-transform:uppercase;}
#su-eoy .letter-body p{margin-bottom:1.3em;}
#su-eoy .letter-body .lede{
  font-family:var(--font-serif);font-style:italic;font-size:clamp(20px,2.4vw,25px);
  line-height:1.55;color:var(--su-maroon-deep);margin-bottom:1.2em;
}

/* ── Stat band ──────────────────────────────────── */
#su-eoy .stat-band{background:var(--su-maroon);color:#fff;padding:64px 0;position:relative;overflow:hidden;}

#su-eoy .stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;position:relative;}
#su-eoy .stat .num{font-weight:900;font-size:clamp(34px,4.4vw,54px);line-height:1;color:var(--su-gold);letter-spacing:-.02em;}
#su-eoy .stat .lbl{font-size:13.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-top:10px;color:#F8E9D2;}

/* ── Sections ───────────────────────────────────── */
#su-eoy section.story{padding:84px 0 30px;}
#su-eoy .sec-eyebrow{
  display:flex;align-items:center;gap:14px;color:var(--su-maroon);
  font-size:12.5px;font-weight:800;letter-spacing:.26em;text-transform:uppercase;
}
#su-eoy .sec-eyebrow::after{content:"";flex:1;max-width:90px;height:2px;background:var(--su-gold);}
#su-eoy .story h2{
  font-weight:800;font-size:clamp(28px,3.6vw,42px);line-height:1.12;letter-spacing:-.01em;
  color:var(--su-maroon-deep);margin:14px 0 26px;max-width:18em;
}
#su-eoy .story p{margin-bottom:1.25em;max-width:760px;}
#su-eoy .pull{
  border-left:5px solid var(--su-gold);background:#FCFAF6;padding:26px 30px;margin:34px 0;
  font-family:var(--font-serif);font-style:italic;font-size:19px;line-height:1.6;color:var(--su-maroon-deep);
  max-width:760px;box-shadow:0 6px 24px rgba(70,0,4,.06);border-radius:0 4px 4px 0;
}
#su-eoy .chip-row{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 28px;max-width:760px;padding:0;list-style:none;}
#su-eoy .chip{
  background:var(--su-maroon-wash);color:var(--su-maroon-deep);border:1px solid #E0BCBC;
  font-size:13.5px;font-weight:600;padding:7px 14px;border-radius:999px;
}

/* reveal on scroll */
#su-eoy .reveal{opacity:0;transform:translateY(48px/*26px*/);transition:opacity 1s ease,transform 1s ease;}
#su-eoy .reveal.in{opacity:1;transform:none;}

/* ── 26 for '26 ─────────────────────────────────── */
#su-eoy .twentysix{background:var(--su-maroon-deep);color:#fff;margin-top: 0px;padding:40px 0 100px;position:relative;}
#su-eoy .twentysix .sec-eyebrow{color:var(--su-gold);}
#su-eoy .twentysix .sec-eyebrow::after{background:var(--su-gold);}
#su-eoy .twentysix h2{
  font-weight:800;font-size:clamp(28px,3.6vw,42px);line-height:1.12;letter-spacing:-.01em;
  color:#fff;margin:14px 0 26px;
}
#su-eoy .twentysix .intro{max-width:720px;color:#F1E5DB;margin-bottom:36px;}
#su-eoy .filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px;}
#su-eoy .filters button{
  font-family:var(--font-sans);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  background:transparent;color:#F8E9D2;border:2px solid #B68A8A;
  padding:10px 16px;border-radius:999px;cursor:pointer;transition:all .2s;min-height:44px;
}
#su-eoy .filters button:hover{border-color:var(--su-gold);color:var(--su-gold);}
#su-eoy .filters button[aria-pressed="true"]{background:var(--su-gold);border-color:var(--su-gold);color:var(--su-maroon-deep);}
#su-eoy .progress-line{font-size:14px;color:#DECBC0;margin-bottom:26px;}
#su-eoy .progress-line b{color:var(--su-gold);}
#su-eoy .hl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
#su-eoy .hl-card{
  position:relative;background:#fff;color:var(--su-ink);border-radius:6px;
  cursor:pointer;border:none;text-align:left;font-family:var(--font-sans);font-size:15.5px;line-height:1.55;
  box-shadow:0 4px 18px rgba(0,0,0,.25);transition:transform .25s ease,box-shadow .25s ease;
  display:flex;flex-direction:column;overflow:hidden;
}
#su-eoy .hl-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.35);}
#su-eoy .hl-card .img-wrap{aspect-ratio:16/10;overflow:hidden;background:var(--su-maroon-wash);}
#su-eoy .hl-card .img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
#su-eoy .hl-card:hover .img-wrap img{transform:scale(1.04);}
#su-eoy .hl-card .body{padding:20px 22px;display:flex;flex-direction:column;gap:10px;flex:1;}
#su-eoy .hl-card .n{font-weight:900;font-size:30px;line-height:1;color:var(--su-maroon);letter-spacing:-.02em;}
#su-eoy .hl-card .cat{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--su-ink-soft);}
#su-eoy .hl-card .t{font-weight:700;color:var(--su-maroon-deep);font-size:16.5px;line-height:1.35;}
#su-eoy .hl-card .d{display:none;color:#3F3835;font-size:14.5px;}
#su-eoy .hl-card.open{background:#FFF7E0;}
#su-eoy .hl-card.open .d{display:block;}
#su-eoy .hl-card .hint{
  margin-top:auto;padding-top:8px;font-size:12px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--su-maroon);
}
#su-eoy .hl-card .seen-dot{
  position:absolute;top:14px;right:14px;width:10px;height:10px;border-radius:50%;
  background:rgba(255,255,255,.85);border:2px solid var(--su-ink-soft);transition:all .3s;z-index:2;
}
#su-eoy .hl-card.seen .seen-dot{background:var(--su-gold);border-color:#8A6A00;}
#su-eoy .hl-card[hidden]{display:none;}

/* ── Closing / signature ────────────────────────── */
#su-eoy .closing{padding:90px 0 70px;}
#su-eoy .closing h2{
  font-weight:800;font-size:clamp(26px,3.2vw,38px);color:var(--su-maroon-deep);margin:14px 0 24px;
}
#su-eoy .closing .narrow p{margin-bottom:1.25em;}
#su-eoy .signature{margin-top:44px;border-top:2px solid var(--su-line);padding-top:34px;}
#su-eoy .signature img{width:260px;max-width:70%;height:auto;margin-bottom:14px;}
#su-eoy .signature .name{font-weight:700;font-size:19px;color:var(--su-maroon-deep);}
#su-eoy .signature .role{font-size:13.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--su-ink-soft);margin-top:4px;}

/* ── Footer ─────────────────────────────────────── */
#su-eoy .eoy-footer{background:var(--su-maroon-deep);color:#E6D5CB;padding:42px 0;text-align:center;font-size:14px;}
#su-eoy .eoy-footer .mark{color:var(--su-gold);font-weight:800;letter-spacing:.22em;text-transform:uppercase;font-size:13px;margin-bottom:8px;}
#su-eoy .eoy-footer a{color:#F8E9D2;}

/* back to top */
#su-eoy .to-top{
  position:fixed;right:22px;bottom:22px;z-index:60;width:48px;height:48px;border-radius:50%;
  background:var(--su-gold);color:var(--su-maroon-deep);border:none;cursor:pointer;font-size:20px;font-weight:900;
  box-shadow:0 6px 18px rgba(70,0,4,.3);opacity:0;pointer-events:none;transition:opacity .3s,transform .2s;
}
#su-eoy .to-top.show{opacity:1;pointer-events:auto;}
#su-eoy .to-top:hover{transform:translateY(-3px);}

.logo {
    position: absolute;
    top: 5px;
    left: 5px;
    padding: .5rem !important;
    margin: 1rem !important;
    max-width: 150px !important;
    width: 100% !important;
    height auto;
    z-index: 100;
}

/* ── Responsive ─────────────────────────────────── */
@media (max-width:900px){
  #su-eoy .letter-grid{grid-template-columns:1fr;gap:42px;}
  #su-eoy .portrait-card{max-width:250px;}
  #su-eoy .stat-grid{grid-template-columns:repeat(2,1fr);}
  #su-eoy .hl-grid{grid-template-columns:repeat(2,1fr);}
}


@media (min-width:761px) {
  #su-eoy .page-nav .wrap {
    flex-wrap: wrap;
    justify-content: center;
    gap: 0;
    padding: 0.5rem 24px;
  }

  #su-eoy .page-nav a {
    flex: 0 1 auto;
    padding: 12px 14px;
    font-size: 12px;
  }
}


/*Accordion Styling*/
.accordion {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.accordion-item {
  border-bottom: 1px solid #ddd;
}

.accordion-btn {
  width: 100%;
  padding: 1rem 1.25rem !important;
  background: #FFF;
  color: #8a0000;
  border: none;
  text-align: left;
  font-size: 1.35rem;
  font-weight: 700;
  cursor: pointer;
  position: relative;
  border-bottom: 3px solid #ffc420;
}

.accordion-btn:hover,
.accordion-btn:focus {
  background-color: #8a0000;
  color: #FFF !important;
}

.accordion-btn::after {
  content: "+";
  position: absolute;
  right: 1.25rem;
  top: 50%;
  font-size: 1.5rem;
  line-height: 1;
}

.accordion-btn.active::after {
  content: "−";
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  padding: 0 1.25rem;
  background: #fff;
  transition:
    max-height 0.75s ease,
    opacity 0.75s ease;
}
.accordion-content p {
    margin-bottom: 1rem !important;
}
.accordion-content ul {
    margin-bottom: 1rem !important;
    margin-left: 2rem !important;
}
.accordion-content.open {
  max-height: 2000px; /* tall enough for any content */
  opacity: 1;
  padding: 1rem 1.25rem !important;
  border: 2px solid #ffc420;
  border-top: none;
}
#twentysix-h {
    font-size: clamp(42px, 3.6vw, 62px) !important;
    word-spacing: -.6rem !important;
    
}

#twentysix-h .twentysixFOR {
    color: #ffc420;
    transform: translateY(5px);
    font-size: clamp(32px, 3.6vw, 42px);
    display: inline-block;
    margin-top: .1rem;
    font-family: "Times New Roman", Times, Baskerville, serif !important;
}


.accordion-intro {
    margin-top: 1rem !important;
}

.accordion-intro h2 {
        font-weight: 800;
    font-size: clamp(26px, 3.2vw, 38px);
    color: var(--su-maroon-deep);
    margin: 14px 0 24px;
}




  #su-eoy .ts-headline{margin:14px 0 24px;}
  #su-eoy .ts-lock{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;}
  #su-eoy .ts-big{font-size:clamp(56px,9vw,88px);font-weight:900;color:#fff;line-height:.9;letter-spacing:-.02em;font-variant-numeric:tabular-nums;opacity:0;transform:translateY(10px);transition:opacity .7s ease,transform .7s ease;}
  #su-eoy .ts-for{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:clamp(28px,4.5vw,42px);color:var(--su-gold);opacity:0;transform:translateY(8px);transition:opacity .6s ease,transform .6s ease;}
  #su-eoy .ts-yr{font-size:clamp(42px,7vw,66px);font-weight:900;color:#fff;line-height:.9;letter-spacing:-.02em;opacity:0;transform:translateY(8px);transition:opacity .6s ease,transform .6s ease,color .7s ease;}
  #su-eoy .ts-wave{display:block;width:240px;max-width:60%;height:16px;margin-top:10px;}
  #su-eoy .ts-wave path{stroke:var(--su-gold);stroke-width:5;fill:none;stroke-dasharray:330;stroke-dashoffset:330;}

  #su-eoy .ts-headline.go .ts-big{opacity:1;transform:none;}
  #su-eoy .ts-headline.go .ts-for{opacity:1;transform:none;transition-delay:1.05s;}
  #su-eoy .ts-headline.go .ts-yr{opacity:1;transform:none;color:var(--su-gold);transition:opacity .6s ease,transform .6s ease,color .7s ease 2.25s;}
  #su-eoy .ts-headline.go .ts-wave path{animation:ts-draw 1s ease 1.25s forwards;}
  #su-eoy .ts-headline.go + .ts-intro{opacity:1;transform:none;transition-delay:1.5s;}
  @keyframes ts-draw{to{stroke-dashoffset:0;}}

  @media (prefers-reduced-motion:reduce){
    #su-eoy .ts-big,#su-eoy .ts-for,#su-eoy .ts-yr{opacity:1;transform:none;transition:none;}
    #su-eoy .ts-yr{color:var(--su-gold);}
    #su-eoy .ts-wave path{stroke-dashoffset:0;animation:none;}
  }




/* ── Mobile: collapsible section menu + top-anchored hero ── */
@media (max-width:760px){
  /* Nav becomes a tap-to-open dropdown showing the current section */
  #su-eoy .nav-toggle{display:flex;}
  #su-eoy .page-nav .wrap{
    display:none;flex-direction:column;align-items:stretch;gap:0;padding:0;
    overflow:visible;background:var(--su-maroon-deep);
  }
  #su-eoy .page-nav.open .wrap{display:flex;}
  #su-eoy .page-nav a{
    padding:15px 20px;min-height:48px;display:flex;align-items:center;
    border-bottom:1px solid rgba(255,255,255,.14);border-left:4px solid transparent;
  }
  
  /* Hero: text anchored to the top, image revealed beneath */
  #su-eoy .hero{min-height:76vh;align-items:flex-start;}
  #su-eoy .hero-inner{padding:64px 22px 170px;text-align:left;}
  #su-eoy .hero-scrim{background:linear-gradient(180deg,rgba(70,0,4,.94) 0%,rgba(86,0,4,.62) 46%,rgba(46,8,8,.16) 100%);}
  #su-eoy .hero-img{object-position:center 72%;}
  #su-eoy .hero-eyebrow span {font-size: 2.5rem;}
  #su-eoy .hero-eyebrow::after{display:none;}
  #su-eoy .hero h1{margin:18px 0 14px;}
  #su-eoy .hero-sub{margin:0;}
  .accordion-btn {font-size: 1.1rem; padding: 0.85rem 1rem !important;}
}
@media (max-width:560px){
  #su-eoy .hl-grid{grid-template-columns:1fr;}
  #su-eoy .stat-grid{gap:28px;}
  #su-eoy .su-wave svg{height:56px;}
  #su-eoy .su-wave-top svg{height:50px;}
}
@media (prefers-reduced-motion:reduce){
  #su-eoy .reveal{opacity:1;transform:none;transition:none;}
  #su-eoy *{transition:none!important;animation:none!important;scroll-behavior:auto!important;}
  #su-eoy .hl-card:hover{transform:none;}
  #su-eoy .hl-card:hover .img-wrap img{transform:none;}
}