.about-page{background:var(--paper);color:var(--text)}
.about-page .ft-about-hero{min-height:min(900px,100svh);position:relative;display:flex;align-items:flex-end;isolation:isolate;background:var(--ink);color:#fff;overflow:hidden}
.ft-about-hero-media{position:absolute;inset:0;z-index:-2}
.ft-about-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 55%}
.ft-about-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0d1512d9 0%,#1017137a 52%,#1017131f),linear-gradient(180deg,#1017135c 0%,transparent 40%,#101713b8 100%)}
.ft-about-hero-copy{padding-top:190px;padding-bottom:90px}
.ft-about-hero-copy h1{max-width:980px;font-size:clamp(52px,7vw,104px);line-height:.98;letter-spacing:-.065em}
.ft-about-hero-copy>p:last-child{max-width:660px;margin-top:28px;font-size:clamp(17px,1.5vw,22px);line-height:1.6;color:#f5f4ec}
.ft-about-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:30px 80px;align-items:end;margin-bottom:60px}
.ft-about-heading .section-label{grid-column:1/-1;margin-bottom:0}
.ft-about-heading>p:last-child{color:var(--muted)}
.ft-about-partnership-grid{display:grid;grid-template-columns:.72fr .72fr 1.4fr;gap:18px}
.ft-about-partnership-grid article{position:relative;isolation:isolate;overflow:hidden;min-height:360px;padding:38px;background:var(--ink);color:#fff;display:flex;flex-direction:column}
.ft-about-partnership-grid article>span{font-size:12px;color:#d6bb87}
.ft-about-partnership-grid article h3{margin-top:auto;margin-bottom:18px}
.ft-about-partnership-grid article p{font-size:15px;color:#bec4bc}
.ft-about-partnership-grid article.has-background-image:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(9,15,12,.42) 0%,rgba(9,15,12,.5) 40%,rgba(9,15,12,.92) 100%)}
.ft-about-partnership-grid article.has-background-image>span,.ft-about-partnership-grid article.has-background-image>h3,.ft-about-partnership-grid article.has-background-image>p{position:relative;z-index:2}
.ft-about-partner-background{position:absolute;inset:0;z-index:0}
.ft-about-partner-background img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center}
.ft-about-partnership-grid figure{margin:0;overflow:hidden;border-radius:4px;min-height:360px}
.ft-about-partnership-grid figure img{width:100%;height:100%;object-fit:cover}
.ft-about-metrics{background:var(--soft)}
.ft-about-metrics h2{max-width:850px}
.ft-about-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ft-about-metric-grid article{padding:36px 30px 42px;border-right:1px solid var(--line)}
.ft-about-metric-grid article:first-child{padding-left:0}
.ft-about-metric-grid article:last-child{border-right:0}
.ft-about-metric-grid strong{display:block;font-size:clamp(35px,4vw,64px);font-weight:450;line-height:1;letter-spacing:-.06em;color:var(--ink)}
.ft-about-metric-grid span{display:block;margin-top:18px;color:var(--muted);font-size:14px}
.ft-about-essence{background:var(--ink);color:#fff}
.ft-about-essence-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(48px,8vw,120px);align-items:center}
.ft-about-essence figure{margin:0;overflow:hidden;border-radius:4px}
.ft-about-essence figure img{width:100%;height:640px;object-fit:cover}
.ft-about-essence h2{max-width:600px}
.ft-about-essence .section-label{color:#d6bb87}
.ft-about-essence p:last-child{margin-top:30px;color:#c6cbc4;font-size:18px;line-height:1.8}
.ft-about-gallery h2{max-width:800px;margin-bottom:52px}
.ft-about-gallery-grid{display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:repeat(2,minmax(280px,420px));gap:20px}
.ft-about-gallery-grid figure{margin:0;position:relative;overflow:hidden;border-radius:4px;background:var(--soft)}
.ft-about-gallery-grid figure:first-child{grid-row:1/-1}
.ft-about-gallery-grid img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.ft-about-gallery-grid figure:hover img{transform:scale(1.025)}
.ft-about-gallery-grid figcaption{position:absolute;left:18px;bottom:16px;background:#111915d9;color:#fff;padding:8px 12px;font-size:12px;border-radius:2px}
.ft-about-gallery-grid figure:nth-child(4){display:none}
.ft-about-video{color:#fff}
.ft-about-video .film-poster{min-height:min(780px,82svh)}
.ft-about-porto{background:#e4e2d9}
.ft-about-porto-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(45px,8vw,110px);align-items:center}
.ft-about-porto h2{font-size:clamp(46px,5.7vw,82px)}
.ft-about-porto p:not(.section-label){margin-top:28px;color:var(--muted);font-size:18px;line-height:1.8}
.ft-about-porto .text-link{margin-top:34px}
.ft-about-porto figure{margin:0;overflow:hidden;border-radius:4px}
.ft-about-porto figure img{width:100%;height:650px;object-fit:cover}
.ft-about-footer .ft-brand-text,.about-page .site-header .ft-brand-text{display:block;color:#fff;font-weight:650;letter-spacing:.08em;font-size:14px;text-transform:uppercase}
.ft-about-footer .footer-bottom a span{font-size:18px;margin-left:8px}
@media(max-width:1000px){
  .ft-about-partnership-grid{grid-template-columns:1fr 1fr}.ft-about-partnership-grid figure{grid-column:1/-1;height:460px}
  .ft-about-metric-grid{grid-template-columns:1fr 1fr}.ft-about-metric-grid article:nth-child(2){border-right:0}.ft-about-metric-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .ft-about-essence-grid,.ft-about-porto-grid{gap:50px}.ft-about-essence figure img,.ft-about-porto figure img{height:540px}
}
@media(max-width:800px){
  .ft-about-hero-copy{padding-top:190px;padding-bottom:70px}.ft-about-hero-copy h1{font-size:clamp(48px,11vw,78px)}
  .ft-about-heading{grid-template-columns:1fr;gap:24px}.ft-about-heading .section-label{grid-column:auto}
  .ft-about-essence-grid,.ft-about-porto-grid{grid-template-columns:1fr}.ft-about-essence figure{order:2}.ft-about-essence figure img,.ft-about-porto figure img{height:440px}
  .ft-about-gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:360px 280px}.ft-about-gallery-grid figure:first-child{grid-column:1/-1;grid-row:auto}.ft-about-gallery-grid figure:nth-child(4){display:block}
}
@media(max-width:540px){
  .about-page .ft-about-hero{min-height:760px}.ft-about-hero-media img{object-position:62% center}.ft-about-hero:after{background:linear-gradient(90deg,#0d1512d9,#1017134d),linear-gradient(180deg,#10171355,transparent 35%,#101713d9)}
  .ft-about-hero-copy{padding-top:170px;padding-bottom:56px}.ft-about-hero-copy h1{font-size:48px}.ft-about-hero-copy>p:last-child{font-size:16px}
  .ft-about-partnership-grid{grid-template-columns:1fr}.ft-about-partnership-grid article{min-height:300px;padding:30px}.ft-about-partnership-grid figure{grid-column:auto;height:380px}
  .ft-about-metric-grid{grid-template-columns:1fr}.ft-about-metric-grid article{padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}.ft-about-metric-grid article:last-child{border-bottom:0}
  .ft-about-essence figure img,.ft-about-porto figure img{height:390px}
  .ft-about-gallery-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory}.ft-about-gallery-grid figure{flex:0 0 88%;height:370px;scroll-snap-align:start}.ft-about-gallery-grid figure:nth-child(4){display:block}
  .ft-about-video .film-poster{min-height:560px}
}
@media(prefers-reduced-motion:reduce){.ft-about-gallery-grid img{transition:none}}
