@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/cormorant-garamond-500.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/hanken-grotesk-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/hanken-grotesk-500.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Platinum Management: letterhead bar over a left-aligned editorial column; dark slate header and footer. */
:root{
  --paper:#FFFFFF;
  --mist:#EEF1F3;
  --ink:#151B20;
  --text:#2B343B;
  --label:#5F6A73;
  --slate:#34444F;
  --rule:#D6DBDF;
  --rule-strong:#AEB7BD;
  --night:#26323C;
  --night-strong:#F2F4F5;
  --night-fg:#C5CCD2;
  --night-dim:#9DA7AE;
  --night-rule:#36424C;
  --font-display:"Cormorant Garamond","Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --font-body:"Hanken Grotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
  --step-label:12px;
  --step-body:17px;
  --step-lead:clamp(18px, 0.4vw + 16px, 20px);
  --step-fact:clamp(21px, 0.5vw + 15px, 22px);
  --step-year:clamp(24px, 0.8vw + 19px, 29px);
  --step-title:clamp(38px, 2.6vw + 22px, 56px);
  --step-statement:clamp(25px, 0.9vw + 17px, 30px);
  --measure:1180px;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--paper);color:var(--text);font-family:var(--font-body);font-size:var(--step-body);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit}
main{flex:1 0 auto;display:flex;flex-direction:column}
.site-head,.site-foot{flex:none}
:focus-visible{outline:2px solid var(--slate);outline-offset:4px;border-radius:2px}

.wrap{width:100%;max-width:calc(var(--measure) + 96px);margin-inline:auto;padding-left:max(16px, env(safe-area-inset-left, 0px));padding-right:max(16px, env(safe-area-inset-right, 0px))}
@media (min-width:720px){
  .wrap{padding-left:max(48px, env(safe-area-inset-left, 0px));padding-right:max(48px, env(safe-area-inset-right, 0px))}
}

/* Header */
.site-head{background:var(--night);position:sticky;top:env(safe-area-inset-top, 0px);z-index:20}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top, 0px);z-index:21;background:var(--night)}
.site-head :focus-visible{outline-color:var(--night-strong)}
.head-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 40px;padding-block:13px}
.mark{display:inline-block;line-height:0;flex:none}
.mark img{display:block;width:auto;height:54px;max-width:100%}
.nav{display:flex;flex-wrap:wrap;gap:6px 34px}
.nav a{padding-block:6px;font-size:14.5px;letter-spacing:.03em;color:var(--night-fg);text-decoration:none;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease;position:relative}
.nav a::after{content:"";position:absolute;inset:-6px -7px}
.nav a:hover{color:var(--night-strong)}
.nav a[aria-current="page"]{color:var(--night-strong);border-bottom-color:var(--night-strong)}

/* Shared type */
.eyebrow{margin:0;font-size:var(--step-label);font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--label);text-wrap:balance}

/* Home */
.lead{margin-top:auto;padding-block:clamp(36px, 4.5vw, 64px) clamp(28px, 3vw, 40px)}
.lead .eyebrow{margin-bottom:16px}
.statement{margin:0;max-width:34em;font-family:var(--font-display);font-weight:500;font-size:var(--step-statement);line-height:1.28;letter-spacing:0;color:var(--ink);font-variant-numeric:lining-nums;text-wrap:balance}

.focus{padding-block:clamp(4px, 1vw, 12px) clamp(48px, 6vw, 72px)}
.focus-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px, 5vw, 72px);align-items:center}
.focus-photo{margin:0;min-width:0}
.focus-photo img{display:block;width:100%;-webkit-user-drag:none;user-select:none;max-width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;object-position:50% 55%;background:var(--mist)}
.focus-text{display:grid;gap:16px;min-width:0}
.focus-body{margin:0;max-width:40ch;font-size:clamp(17px, 0.2vw + 15.5px, 18px);line-height:1.6;color:var(--text);text-wrap:pretty}

.facts{margin-top:auto;background:var(--mist);padding-block:clamp(32px, 3.5vw, 44px)}
.facts-list{display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:28px 32px;margin:0;padding:0;list-style:none}
.facts-list li{min-width:0;padding-left:20px;border-left:1px solid var(--rule-strong);font-family:var(--font-display);font-weight:500;font-size:var(--step-fact);line-height:1.22;color:var(--ink);font-variant-numeric:lining-nums;text-wrap:balance}

/* Inner pages */
.page-head{padding-block:clamp(40px, 5vw, 72px) clamp(28px, 3vw, 40px)}
.page-title{margin:0;font-family:var(--font-display);font-weight:500;font-size:var(--step-title);line-height:1;letter-spacing:-.01em;color:var(--ink)}
.page-intro{margin:28px 0 0;max-width:46ch;font-size:var(--step-lead);color:var(--text)}
.rows{margin:0 0 clamp(48px, 6vw, 88px);border-top:1px solid var(--ink)}
.row{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:10px 48px;align-items:baseline;padding-block:26px;border-bottom:1px solid var(--rule)}
.row dt{padding-top:0;font-size:var(--step-label);font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--label)}
.row dd{min-width:0;max-width:62ch;margin:0;color:var(--text);text-wrap:pretty}
.rows--timeline .row dt{padding-top:0;font-family:var(--font-display);font-size:var(--step-year);font-weight:500;line-height:1.15;letter-spacing:0;text-transform:none;color:var(--ink);font-variant-numeric:lining-nums}
.rows--contact .row dd{font-size:var(--step-lead);color:var(--ink)}
.rows--contact a{color:inherit;text-decoration:none}
.rows--contact a:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}

/* Footer */
.site-foot{background:var(--night);color:var(--night-dim);padding-block:26px}
.foot-legal{font-size:13px;text-wrap:balance}
.nw{white-space:nowrap}

@media (max-width:820px){
  .focus-grid{grid-template-columns:minmax(0,1fr)}
  .focus-body{max-width:none}
  .facts-list{grid-template-columns:repeat(2, minmax(0,1fr))}
}
@media (max-width:640px){
  .row{grid-template-columns:minmax(0,1fr);padding-block:24px}
  .head-row{gap:12px;padding-block:12px}
  .nav{gap:14px}
  .nav a{font-size:13.5px;letter-spacing:.01em}
  .site-head .mark img{height:36px}
}
@media (max-width:359px){
  .head-row{gap:10px}
  .nav{gap:12px}
  .site-head .mark img{height:31px}
  .statement{font-size:23px}
  .facts-list{grid-template-columns:minmax(0,1fr);row-gap:16px}
}
/* Windows high-contrast themes: keep the dark header and footer so the white logo stays visible */
@media (forced-colors:active){
  .site-head,.site-foot,body::before{forced-color-adjust:none}
}
/* iPad landscape: keep all four facts on one line */
@media (min-width:1100px) and (max-width:1279px){
  .facts-list{grid-template-columns:repeat(4,auto);justify-content:space-between}
}
/* tablets: narrower label column so the text has room */
@media (min-width:641px) and (max-width:1023px){
  .row{grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:10px 32px}
}
/* phones held sideways: slimmer header */
@media (max-height:500px) and (min-width:641px){
  .site-head .mark img{height:40px}
  .head-row{padding-block:8px}
}
@media print{
  .lead{padding-block:20px 16px}
  .focus{padding-block:0 24px}
  .focus-photo img{max-height:3.4in}
  .page-head{padding-block:24px 20px}
  .rows{margin-bottom:24px}
  .row{padding-block:16px}
  .facts{padding-block:20px}
  body{display:block;min-height:0}
  .site-head{position:static}
  .site-head,.site-foot{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .nav{display:none}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none !important}
}
.notfound{padding-block:clamp(56px, 8vw, 112px)}
.notfound p{margin:20px 0 0;font-size:var(--step-lead)}
.notfound a{color:var(--ink)}

