.fn-page{--fn-ink:#171717;--fn-paper:#f7f7f5;--fn-line:#d4d4ce}
.fn-page main{color:var(--fn-ink)}
.fn-page main :where(section[id]){scroll-margin-top:110px}
.fn-page .fn-hero,.fn-page .fn-story,.fn-page .fn-explore,.fn-page .fn-latest,.fn-page .fn-purpose,.fn-page .fn-continue{padding-block:clamp(60px,6vw,88px)}
.fn-page .fn-hero-grid,.fn-page .fn-story-grid,.fn-page .fn-purpose-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(36px,5.5vw,78px);align-items:start}
.fn-page .fn-hero-grid{align-items:center}
.fn-page .fn-eyebrow,.fn-page .fn-article-label{font:500 13px/1.4 var(--ws-label);letter-spacing:.09em;text-transform:uppercase;color:var(--ws-iron);margin:0 0 20px}
.fn-page .fn-hero h1{font:700 clamp(50px,5.6vw,76px)/.97 var(--ws-display);letter-spacing:-.047em;margin:0 0 17px;color:#111}
.fn-page .fn-subtitle{font:600 clamp(27px,2.8vw,37px)/1.14 var(--ws-display);letter-spacing:-.027em;margin:0 0 26px}
.fn-page .fn-lead{font-size:19px;line-height:1.55;font-weight:600;margin-bottom:17px}
.fn-page main p{font-size:16.5px;line-height:1.7}
.fn-page .fn-beats{margin:18px 0}
.fn-page .fn-beats p{margin:0 0 5px;font:500 18px/1.45 var(--ws-display)}
.fn-page .fn-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.fn-page .fn-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 22px;border:1px solid transparent;font:500 14px/1.35 var(--ws-label);letter-spacing:.045em;text-transform:uppercase;text-align:center}
.fn-page .fn-button--primary{background:var(--ws-iron);color:#fff}
.fn-page .fn-button--primary:hover{background:#582f23}
.fn-page .fn-button--outline{border-color:#898982;color:#191919}
.fn-page .fn-button--outline:hover{background:var(--ws-caviar);border-color:var(--ws-caviar);color:#fff}
.fn-page .fn-photo{position:relative;isolation:isolate;background:#0b0b0b;border:1px solid #222;overflow:hidden}
.fn-page .fn-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 45%)}
.fn-page .fn-photo-bar{position:absolute;right:0;bottom:0;width:64px;height:4px;background:var(--ws-iron)}
.fn-page .fn-hero-photo{aspect-ratio:4/5;min-height:430px;max-height:590px}
.fn-page h2{font:700 clamp(35px,3.8vw,49px)/1.07 var(--ws-display);letter-spacing:-.038em;margin:0 0 24px}
.fn-page h3{font:700 clamp(24px,2.35vw,31px)/1.12 var(--ws-display);letter-spacing:-.028em;margin:0 0 15px}
.fn-page .fn-story{background:var(--ws-caviar);color:#fff;border-top:4px solid var(--ws-iron)}
.fn-page .fn-story h2{color:#fff}
.fn-page .fn-story-copy>p{color:#f4f4f1}
.fn-page .fn-story-lines{border-left:2px solid #a4a39d;padding-left:22px;margin:24px 0}
.fn-page .fn-story-lines p{margin:0 0 7px;font:500 22px/1.35 var(--ws-display);color:#fff}
.fn-page .fn-emphasis{font:600 21px/1.45 var(--ws-display)!important;color:#fff!important}
.fn-page .fn-explore{background:var(--fn-paper)}
.fn-page .fn-section-heading{max-width:900px;margin-bottom:35px}
.fn-page .fn-section-heading>p:last-child{max-width:72ch}
.fn-page .fn-section-heading--row{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:end}
.fn-page .fn-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.fn-page .fn-category{padding:29px;border:1px solid var(--fn-line);background:#fff;min-width:0}
.fn-page .fn-category>span{display:block;font:500 12px/1.3 var(--ws-label);letter-spacing:.1em;color:var(--ws-iron);margin-bottom:18px}
.fn-page .fn-category h3{font-size:29px}
.fn-page .fn-category p{font-size:15.5px;line-height:1.66;margin:0}
.fn-page .fn-latest{background:#fff}
.fn-page .fn-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.fn-page .fn-article-card{display:flex;flex-direction:column;border:1px solid var(--fn-line);background:#fff;min-width:0}
.fn-page .fn-article-photo{aspect-ratio:16/9;min-height:160px}
.fn-page .fn-article-body{display:flex;flex:1;flex-direction:column;padding:24px}
.fn-page .fn-article-label{font-size:12px;margin-bottom:11px}
.fn-page .fn-article-body h3{font-size:28px}
.fn-page .fn-article-body>p:not(.fn-article-label){font-size:15px;line-height:1.64;margin:0 0 20px}
.fn-page .fn-text-link{margin-top:auto;align-self:flex-start;font:500 14px/1.4 var(--ws-label);letter-spacing:.035em;color:var(--ws-iron);border-bottom:2px solid var(--ws-iron);padding-bottom:5px}
.fn-page .fn-archive-link{margin-top:31px}
.fn-page .fn-purpose{background:var(--ws-olive);color:#fff}
.fn-page .fn-purpose h2{color:#fff}
.fn-page .fn-purpose-copy p{color:#fff}
.fn-page .fn-purpose-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.fn-page .fn-continue{background:var(--ws-caviar);color:#fff}
.fn-page .fn-continue-inner{max-width:880px}
.fn-page .fn-continue h2{color:#fff}
.fn-page .fn-continue-inner>p{color:#fff;max-width:75ch}
.fn-page .fn-continue-lines{border-left:2px solid #aaa79f;padding-left:23px;margin:26px 0}
.fn-page .fn-continue-lines p{font:500 23px/1.36 var(--ws-display);color:#fff;margin:0 0 8px}
.fn-page .fn-button--light{border-color:#d8d7cf;color:#fff}
.fn-page .fn-button--light:hover{background:#fff;color:var(--ws-caviar);border-color:#fff}
@media(max-width:900px){
  .fn-page .fn-hero-grid,.fn-page .fn-story-grid,.fn-page .fn-purpose-grid{grid-template-columns:1fr;gap:32px}
  .fn-page .fn-hero-photo{aspect-ratio:16/7;min-height:0;max-height:380px}
  .fn-page .fn-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fn-page .fn-section-heading--row{grid-template-columns:1fr}
  .fn-page .fn-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fn-page .fn-article-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}
  .fn-page .fn-article-card:last-child .fn-article-photo{height:100%;aspect-ratio:auto}
}
@media(max-width:700px){
  .fn-page main :where(section[id]){scroll-margin-top:94px}
  .fn-page .fn-hero,.fn-page .fn-story,.fn-page .fn-explore,.fn-page .fn-latest,.fn-page .fn-purpose,.fn-page .fn-continue{padding-block:54px}
  .fn-page .fn-hero h1{font-size:clamp(42px,10vw,56px)}
  .fn-page .fn-subtitle{font-size:29px}
  .fn-page .fn-hero-photo{aspect-ratio:16/9}
  .fn-page main p{font-size:16px}
  .fn-page .fn-category-grid,.fn-page .fn-article-grid{grid-template-columns:1fr}
  .fn-page .fn-category{padding:25px}
  .fn-page .fn-category h3{font-size:27px}
  .fn-page .fn-article-card:last-child{grid-column:auto;display:flex}
  .fn-page .fn-article-card:last-child .fn-article-photo{aspect-ratio:16/9;height:auto}
  .fn-page .fn-story-lines p,.fn-page .fn-continue-lines p{font-size:21px}
}
@media(max-width:430px){
  .fn-page .fn-actions{flex-direction:column;align-items:stretch}
  .fn-page .fn-button{width:100%}
}