@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');
:root{
  --bg:#dfe4e0;--paper:#fafaf8;--black:#111210;--ink:#131513;
  --muted:#747974;--line:#d4d8d3;--radius:22px;--gap:18px;
  --max:1420px;--page:clamp(14px,3vw,42px)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}html.locked{overflow:hidden}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}
.shell{width:min(var(--max),calc(100% - var(--page)*2));margin:auto}
.header{position:sticky;top:0;z-index:50;padding:12px 0;background:rgba(223,228,224,.86);backdrop-filter:blur(18px)}
.nav{min-height:54px;padding:7px 9px 7px 18px;border:1px solid rgba(19,21,19,.12);border-radius:999px;background:rgba(250,250,248,.94);display:flex;align-items:center;gap:25px}
.brand{font-weight:700;letter-spacing:-.045em}.brand span{font-weight:400;color:var(--muted)}
.nav-links{margin-left:auto;display:flex;gap:25px;align-items:center}
.nav-links a{font-size:.68rem;letter-spacing:.11em;text-transform:uppercase;font-weight:700}
.nav-links .cta{background:var(--black);color:#fff;padding:11px 16px;border-radius:999px}
.menu-button{display:none;margin-left:auto;border:0;background:none;font-size:.68rem;letter-spacing:.12em;font-weight:700}
.menu-panel{display:none;position:fixed;inset:0;z-index:100;background:var(--paper);padding:20px}
.menu-panel.open{display:flex;flex-direction:column}
.menu-panel button{align-self:flex-end;border:1px solid var(--line);border-radius:999px;background:#fff;padding:10px 14px}
.menu-panel nav{margin:auto 0;display:flex;flex-direction:column;gap:8px}
.menu-panel a{font-size:clamp(3rem,13vw,6rem);line-height:.9;letter-spacing:-.07em}

.board{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);padding:18px 0 var(--gap)}
.card{position:relative;overflow:hidden;min-height:330px;padding:clamp(23px,3vw,40px);border:1px solid rgba(19,21,19,.06);border-radius:var(--radius);background:var(--paper)}
.card.dark{background:var(--black);color:#fff;border-color:transparent}
.pill{display:inline-flex;border:1px solid currentColor;border-radius:999px;padding:7px 11px;font-size:.61rem;letter-spacing:.09em;text-transform:uppercase;opacity:.62}
.hero-card{grid-column:span 4;grid-row:span 2;min-height:690px}
.hero-card h1{font-size:clamp(4rem,7vw,8rem);font-weight:500;line-height:.72;letter-spacing:-.08em;margin:65px 0 0}
.hero-card h1 span{color:#989d99;font-weight:400}
.hero-bottom{position:absolute;left:40px;right:40px;bottom:38px}
.rule{height:1px;background:currentColor;opacity:.2;margin:0 0 17px}
.copy{font-size:.88rem;line-height:1.62;color:var(--muted);max-width:520px}
.dark .copy{color:#b7bbb7}
.statement{grid-column:span 8}
.statement h2{font-size:clamp(3rem,6vw,7rem);font-weight:500;line-height:.77;letter-spacing:-.075em;margin:55px 0 0}
.statement .copy{position:absolute;left:40px;bottom:35px}
.brand-card{grid-column:span 4}
.logo-area{height:190px;display:grid;place-items:center}
.logo-area img{max-height:84px;max-width:88%}
.brand-info{position:absolute;left:35px;right:35px;bottom:31px}
.brand-info h3{font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.05em;margin:10px 0 7px}
.brand-info p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.55}
.dark .brand-info p{color:#acb0ac}
.arrow{position:absolute;right:30px;bottom:28px;font-size:1.55rem}
.latest{grid-column:span 8}
.latest h2{font-size:clamp(2.3rem,4.7vw,5.3rem);font-weight:500;line-height:.86;letter-spacing:-.065em;margin:48px 0 21px;max-width:950px}
.meta{display:flex;gap:20px;color:var(--muted);font-size:.67rem;letter-spacing:.1em;text-transform:uppercase}
.newsroom{grid-column:span 4}
.newsroom h2{font-size:clamp(3.3rem,6vw,6.5rem);font-weight:500;line-height:.75;letter-spacing:-.075em;margin:60px 0 0}
.newsroom .copy{position:absolute;left:40px;bottom:35px}

.footer{padding:34px 0 45px}.footer-row{border-top:1px solid rgba(19,21,19,.18);padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.72rem}
[data-reveal]{opacity:0;transform:translateY(16px);transition:.65s ease}[data-reveal].visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}}
@media(max-width:960px){
  .nav-links{display:none}.menu-button{display:block}
  .hero-card,.statement,.latest{grid-column:span 12}.hero-card{grid-row:auto;min-height:520px}
  .brand-card,.newsroom{grid-column:span 6}
}
@media(max-width:650px){
  :root{--radius:17px;--gap:12px}.board{grid-template-columns:1fr}
  .hero-card,.statement,.brand-card,.latest,.newsroom{grid-column:1;min-height:385px}
  .hero-card{min-height:500px}.hero-card h1{font-size:4.7rem}
  .footer-row{flex-direction:column}
}

/* newsroom */
.news-head{grid-column:span 12;min-height:420px}
.news-head h1{font-size:clamp(5rem,11vw,12rem);font-weight:500;line-height:.7;letter-spacing:-.08em;margin:58px 0 0}
.article-lead{grid-column:span 8;min-height:540px}
.article-lead h1{font-size:clamp(3rem,6vw,6.5rem);font-weight:500;line-height:.82;letter-spacing:-.07em;margin:45px 0 22px}
.article-meta{grid-column:span 4;min-height:540px}
.meta-list{margin-top:55px}.meta-row{display:grid;grid-template-columns:105px 1fr;border-top:1px solid rgba(255,255,255,.18);padding:16px 0;font-size:.76rem}
.meta-row span:first-child{color:#838783}
.article-body{grid-column:3/span 8;min-height:auto}
.article-body p{font-size:1.08rem;line-height:1.86;color:#505650;max-width:770px}
.article-body blockquote{font-size:clamp(2rem,4vw,4rem);line-height:1.08;letter-spacing:-.045em;border-left:3px solid var(--black);padding-left:22px;margin:50px 0}
@media(max-width:900px){.article-lead,.article-meta,.article-body{grid-column:span 12}}