*,*::before,*::after{box-sizing:border-box}
html{line-height:1.4;scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg)}
a{color:inherit;text-decoration:none}
a:visited{color:inherit}

:root{
  --bg:#ffffff;--ink:#0E0F10;--muted:#5D6166; --light_bg: #ffffff;--border:#E8EBEE;--olive:#6E7F4E;
  --hero-ink:#F3F5F7;--hero-muted:#C9CED3;--max:1160px;--radius:28px
}
a img {
  filter: invert(0);
  opacity: 0.9;
}
@media (prefers-color-scheme: dark){
  a img {
    filter: invert(1);
    opacity: 0.9;
  }
  .offer-media img {
    filter:invert(1);
  }
  :root{--bg:#0B0C0C;--ink:#EDEEEB; --light_bg: #131515;--muted:#A8ADAA;--border:#1A1B1C;--olive:#A3B07C;--hero-ink:#FFFFFF;--hero-muted:#DBDFDA}
}
[data-theme='dark']{--bg:#0B0C0C; --light_bg: #4f9c9c;--ink:#EDEEEB;--muted:#A8ADAA;--border:#1A1B1C;--olive:#A3B07C;--hero-ink:#FFFFFF;--hero-muted:#DBDFDA}
[data-theme='light']{--bg:#ffffff; --light_bg: #ffffff;--ink:#0E0F10;--muted:#5D6166;--border:#E8EBEE;--olive:#6E7F4E;--hero-ink:#F3F5F7;--hero-muted:#C9CED3}

.container{max-width:var(--max);margin-inline:auto;padding:0 20px;}

.nav{position:sticky;top:0;z-index:50;backdrop-filter:saturate(140%) blur(8px);background:color-mix(in oklab,var(--bg) 92%,transparent);border-bottom:1px solid var(--border)}
.nav .row{display:flex;align-items:center;justify-content:space-between;gap:12px;height:64px}
.brand object{width:32px;height:32px;display:block;pointer-events: none;  }
.logosvg {fill: var(--ink) !important; opacity: 0.9;}
.menu-btn{appearance:none;background:none;border:0;padding:10px;border-radius:10px}
.menu-btn:focus-visible{outline:2px solid var(--olive)}
.links{display:none}
.links a{padding:10px 14px;border-radius:999px;color:var(--muted)}
.links a:hover{color:var(--ink)}
@media (min-width:960px){.menu-btn{display:none}.links{display:flex;gap:8px}}
.drawer{display:none;border-top:1px solid var(--border)}
.drawer a{display:block;padding:14px 4px;color:var(--ink);border-bottom:1px solid var(--border)}

.page{padding:48px 0}
h1{text-align:center;font-weight:700;font-size:clamp(26px,12vw,60px);margin:20px 0 8px}
h1 span{color:var(--olive)}
.lede{color:var(--muted);font-size:clamp(16px,2.2vw,18px);max-width:820px;margin:0 auto 75px;text-align:center}

hr{border-color:rgba(0,0,0,.1)}


.spacer{height:68px}
.cta {
  transition: filter .4s;
}
.cta:hover {
  transition: filter .4s;
  filter: brightness(1.3);
}


.stack{display:grid;gap:14px}
.preview{position:relative;border-radius:18px;background-color: var(--light_bg);backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);box-shadow:0 0 36px rgba(0,0,0,.06);max-width:900px;margin:0 auto;width:100%}
.preview>summary{display:grid;grid-template-columns:1fr auto auto;align-items:start;gap:12px;list-style:none;padding:16px 20px;cursor:pointer}
.preview>summary::-webkit-details-marker{display:none}
.preview .title{font-weight:700;margin:0 0 0px;font-size:x-large}
.preview .date{color:color-mix(in oklab,var(--muted) 95%, #999);font-size:13px;white-space:nowrap;align-self:start}
.preview .desc{grid-column:1 / -1;color:var(--muted); font-size: medium;}
.preview .arrow{margin-left:8px;display:flex;align-items:center}
.preview .arrow svg{transition:transform .18s ease}
.preview[open] .arrow svg{transform:rotate(90deg)}

.content{padding:0 20px 16px;width:100%;margin-left:0;max-width:900px;box-sizing:border-box;margin-inline:auto}
.content .subhead{font-weight:700;margin:16px 0 8px;font-size:1.06rem}
.content p{margin:6px 0;line-height:1.5}
.content p.indent{text-indent:2em}
.olive{color:var(--olive);font-weight:600}

footer{padding:36px 0 80px;border-top:1px solid var(--border);color:var(--muted);font-size:14px}
footer .footgrid{display:grid;gap:16px;}
.footgrid a {
  font-size: 14px !important;
}
@media(min-width:760px){footer .footgrid{grid-template-columns:2fr 1fr 1fr}}


a, p{font-size: medium;}

.lede {font-size: x-large !important; margin-top: 0vh;}




.offer-grid{display:grid;gap:16px;margin-top:18px}


.offer-card{
    margin: 0 1vw;
    corner-shape: superellipse(1.5);
    border-radius: 30px; overflow:hidden;
    background-color: var(--light_bg) !important;
    backdrop-filter: blur(8px) saturate(120%); -webkit-backdrop-filter: blur(8px) saturate(120%);
    box-shadow: 0 0 36px rgba(0,0,0,.06);
}
.offer-media{aspect-ratio:16/9; background: #11111100; display:block; 
    border-radius: 30px;}
.offer-media img{width:100%;height:100%;display:block;}

.offer-body{padding:16px 16px 18px}
.offer-title{margin:0 0 6px; font-weight:700; height: 10vh; font-size:clamp(18px,2.2vw,22px);}


.offer-text{margin:6px 0 12px; color:var(--muted); line-height:1.5; height: auto;}
.offer-cta{
  margin-top: 3vh;
  display:inline-block; padding:10px 14px; border-radius:999px;
  background:var(--olive)!important; color:#fff!important; font-weight:600; text-decoration:none
}
[data-theme='light'] .offer-cta{background:#fff!important;color:#0E0F10!important;border:1px solid var(--border)}
[data-theme='dark']  .offer-cta{background:#1A1B1C!important;color:#fff!important;border:1px solid var(--border)}



@media(min-width:760px){
  .offer-grid {
    grid-template-columns:repeat(3,1fr)
  }
}



@media (max-width:768px) and (orientation:portrait){
  .contitle h1 {
    font-size: 12vw !important;
    line-height: 90%;
  }
  .preview .desc{font-size: large;}
  .subhead {
    font-size: x-large !important;
  }
  .content p {
    font-size: large;
  }
  .offer-title {font-size: 8vw !important; height: auto !important;}
  .offer-text {
    font-size: x-large !important;
    height: auto !important;
    margin-bottom: 5vh !important;
  }
  .offer-cta {
    font-size: x-large !important;
  }
  .offer-card {
    margin: 0;
    margin-bottom: 10vh;
  }
  main {
    margin: 0 !important;
  }
}