/* About Tropic: generous photographs, a clear narrative and quiet typography. */
.corporate-intro{padding-top:70px}
.corporate-heading{
  display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);
  align-items:end;gap:5vw;margin-bottom:52px;
}
.corporate-heading .eyebrow{margin-bottom:26px}
.corporate-heading h1{
  font-size:clamp(3.4rem,6.4vw,7rem);line-height:1.05;
  letter-spacing:-.065em;max-width:19ch;text-wrap:balance;
}
.corporate-heading .lead{max-width:40ch;font-size:1.0625rem;line-height:1.9;padding-bottom:5px}
.corporate-cover{position:relative;margin:0}
.corporate-cover>img{
  width:100%;height:clamp(390px,40vw,610px);object-fit:cover;
  object-position:center 62%;border-radius:var(--radius);
}
.corporate-cover figcaption{
  display:flex;justify-content:flex-end;margin-top:15px;
  color:var(--muted);font-size:.875rem;line-height:1.5;
}
.corporate-story{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}
.corporate-story-photo{margin:0;position:relative}
.corporate-story-photo>img{
  width:100%;aspect-ratio:1.03;object-fit:cover;
  object-position:54% center;border-radius:var(--radius);
}
.corporate-story-photo figcaption{
  position:absolute;bottom:22px;left:22px;padding:10px 14px;
  border-radius:5px;background:var(--paper);color:var(--ink);
  font-size:.8125rem;letter-spacing:.08em;
}
.corporate-story-copy h2{font-size:clamp(2.7rem,4.2vw,4.6rem);line-height:1.08;margin-bottom:30px}
.corporate-story-copy>p:not(.eyebrow){font-size:1rem;line-height:1.9;max-width:55ch}
.corporate-story-copy>p+p{margin-top:20px}
.corporate-story-links{display:flex;flex-wrap:wrap;gap:18px 32px;margin-top:30px}
.corporate-facts{background:var(--ink);color:var(--paper);padding-block:58px}
.corporate-facts dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px;margin:0}
.corporate-facts dl>div{display:flex;flex-direction:column-reverse;gap:14px;min-width:0}
.corporate-facts dl>div+div{border-left:1px solid #ffffff30;padding-left:38px}
.corporate-facts dt{font-size:.9375rem;line-height:1.5;color:#d8e0d7}
.corporate-facts dd{font-size:clamp(2.75rem,5.2vw,5.75rem);line-height:1.08;letter-spacing:-.06em;white-space:normal}
.corporate-approach{display:grid;grid-template-columns:1fr 1.05fr;gap:9vw;align-items:start}
.corporate-approach-heading h2{font-size:clamp(2.7rem,4.1vw,4.5rem);line-height:1.1;max-width:17ch}
.corporate-approach-heading>p:not(.eyebrow){font-size:1rem;line-height:1.85;margin-top:25px;max-width:38ch}
.corporate-approach-list{list-style:none;padding:0;margin:0}
.corporate-approach-list>li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:22px;border-top:1px solid var(--line);padding:29px 0}
.corporate-approach-list>li:last-child{padding-bottom:0}
.corporate-item-number{font-size:.875rem;color:var(--muted);padding-top:4px}
.corporate-approach-list h3{font-size:clamp(1.65rem,2vw,2.2rem);line-height:1.2;letter-spacing:-.035em;margin-bottom:14px}
.corporate-approach-list p{font-size:1rem;line-height:1.85}
.corporate-moments{padding-bottom:clamp(80px,8vw,140px)}
.corporate-moments-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:44px}
.corporate-moments-heading h2{font-size:clamp(2.5rem,4vw,4.5rem);line-height:1.12}
.corporate-moments-heading>.text-link{flex-shrink:0}
.corporate-moments-grid{display:grid;grid-template-columns:1fr 1.15fr .85fr;gap:28px;align-items:start}
.corporate-moments-grid figure{margin:0;min-width:0}
.corporate-moments-grid figure:nth-child(2){margin-top:88px}
.corporate-moments-grid figure:nth-child(3){margin-top:25px}
.corporate-moments-grid .image-button{display:block;width:100%;aspect-ratio:.84;border-radius:var(--radius)}
.corporate-moments-grid img{width:100%;height:100%;object-fit:cover;transition:transform .65s}
.corporate-moments-grid .image-button:hover img{transform:scale(1.025)}
.corporate-moments-grid figure:nth-child(2) .image-button{aspect-ratio:1.25}
.corporate-moments-grid figure:nth-child(3) img{object-position:center 58%}
.corporate-moments-grid figcaption{font-size:.875rem;line-height:1.6;color:var(--muted);margin-top:15px}
.corporate-contact{background:#e8ece4;padding-block:clamp(65px,7vw,110px)}
.corporate-contact-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:9vw}
.corporate-contact h2{font-size:clamp(2.8rem,4.5vw,5rem);line-height:1.08}
.corporate-contact-grid>div>p:not(.eyebrow){font-size:1.0625rem;line-height:1.85;max-width:43ch}
.corporate-contact .buttons{gap:20px 27px;margin-top:27px}
@media(max-width:1100px){
  .corporate-heading{gap:35px;grid-template-columns:1.3fr 1fr}
  .corporate-heading h1{font-size:clamp(3.2rem,6vw,5rem)}
  .corporate-story{gap:5vw}
  .corporate-story-copy h2{font-size:3rem}
  .corporate-facts dl{gap:20px}
  .corporate-facts dl>div+div{padding-left:25px}
  .corporate-approach{gap:5vw}
  .corporate-moments-grid{gap:20px}
}
@media(max-width:850px){
  .corporate-heading{grid-template-columns:1fr;gap:28px}
  .corporate-heading h1{font-size:clamp(3.3rem,7.8vw,4.75rem)}
  .corporate-heading .lead{max-width:60ch}
  .corporate-cover>img{height:430px}
  .corporate-story{grid-template-columns:1fr;gap:38px}
  .corporate-story-photo>img{aspect-ratio:1.5}
  .corporate-story-copy>p:not(.eyebrow){max-width:70ch}
  .corporate-approach{grid-template-columns:1fr;gap:38px}
  .corporate-approach-heading>p:not(.eyebrow){max-width:58ch}
  .corporate-contact-grid{grid-template-columns:1fr;gap:30px}
  .corporate-contact-grid>div>p:not(.eyebrow){max-width:60ch}
}
@media(max-width:700px){
  .corporate-intro{padding-top:43px}
  .corporate-heading{margin-bottom:32px;gap:23px}
  .corporate-heading .eyebrow{margin-bottom:24px}
  .corporate-heading h1{font-size:clamp(2.75rem,9.8vw,4rem);line-height:1.08;letter-spacing:-.055em}
  .corporate-heading .lead{font-size:1rem;line-height:1.85}
  .corporate-cover>img{height:auto;aspect-ratio:1.07;object-position:53% center}
  .corporate-cover figcaption{justify-content:flex-start;font-size:.8125rem}
  .corporate-story{gap:32px}
  .corporate-story-photo>img{aspect-ratio:1.16}
  .corporate-story-photo figcaption{left:16px;bottom:16px}
  .corporate-story-copy h2{font-size:2.8rem;margin-bottom:24px}
  .corporate-story-links{gap:15px 24px}
  .corporate-facts{padding-block:38px}
  .corporate-facts dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
  .corporate-facts dl>div+div{border:0;padding:0}
  .corporate-facts dl>div:nth-child(even){border-left:1px solid #ffffff30;padding-left:24px}
  .corporate-facts dd{font-size:clamp(2.4rem,10.3vw,4rem)}
  .corporate-facts dt{font-size:.875rem}
  .corporate-approach-heading h2{font-size:2.65rem;max-width:19ch}
  .corporate-approach-list>li{gap:15px;padding-block:25px}
  .corporate-approach-list h3{font-size:1.7rem}
  .corporate-moments-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:30px}
  .corporate-moments-heading h2{font-size:2.65rem}
  .corporate-moments-grid{grid-template-columns:1fr 1fr;gap:26px 16px}
  .corporate-moments-grid figure:first-child{grid-column:1/-1}
  .corporate-moments-grid figure:nth-child(n){margin-top:0}
  .corporate-moments-grid .image-button,.corporate-moments-grid figure:nth-child(2) .image-button{aspect-ratio:.85}
  .corporate-moments-grid figure:first-child .image-button{aspect-ratio:1.4}
  .corporate-moments-grid figcaption{font-size:.875rem;margin-top:11px}
  .corporate-contact h2{font-size:2.8rem}
  .corporate-contact-grid>div>p:not(.eyebrow){font-size:1rem}
  .corporate-contact .buttons{align-items:center}
}
