/* About page: Canadian heritage and the Trinidad owner's experience. */
.about-page .hero-content .lead { max-width:780px; }
.about-page .about-copy p { color:var(--ink-60); margin:0 0 20px; font-size:1rem; line-height:1.85; }
.about-page h2 { font-size:clamp(1.9rem,3vw,2.65rem); line-height:1.17; }
.about-page .eyebrow { color:#b91f1b; font-size:.75rem; font-weight:800; letter-spacing:.15em; text-transform:uppercase; margin:0 0 16px; }
.about-page .about-copy .about-intro { font-size:1.18rem; color:var(--ink); line-height:1.65; }
.about-story-grid { display:grid; grid-template-columns:1.15fr 1fr; align-items:center; gap:64px; }
.about-copy .btn { margin-top:8px; }
.about-photo { margin:0; min-width:0; }
.about-photo img { width:100%; object-fit:cover; border-radius:12px; }
.about-canada-photo img { aspect-ratio:1/1; height:auto; object-position:50% 68%; }
.about-photo figcaption { padding-top:14px; font-size:.8rem; color:var(--ink-60); line-height:1.6; }
.about-experience { background:#f6f5f2; }
.about-experience-grid { display:grid; grid-template-columns:.65fr 1.35fr; gap:80px; align-items:center; }
.about-experience-number { padding:40px 0; border-top:2px solid #161616; border-bottom:1px solid #ccc; }
.about-experience-number strong { display:block; font-family:Montserrat,sans-serif; font-size:clamp(90px,12vw,156px); line-height:1.1; letter-spacing:-.07em; }
.about-experience-number strong span { color:#c4211c; font-size:.6em; vertical-align:top; }
.about-experience-number p { font-weight:700; margin:18px 0 0; line-height:1.6; }
.about-section-heading { max-width:720px; margin-bottom:44px; }
.about-section-heading > p:last-child { color:var(--ink-60); }
.about-standard-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; }
.about-standard-grid article { padding-top:22px; border-top:1px solid #ccc; }
.about-index { color:#b91f1b; font-size:.82rem; font-weight:800; }
.about-standard-grid h3 { font-size:1.15rem; line-height:1.4; margin:16px 0 14px; }
.about-standard-grid p { color:var(--ink-60); font-size:.94rem; line-height:1.8; }
.about-social { background:#101112; color:#fff; }
.about-page .about-social .eyebrow { color:#ed625c; }
.about-social-heading { display:flex; justify-content:space-between; align-items:center; gap:40px; margin-bottom:36px; }
.about-social-heading > div { max-width:700px; }
.about-social-heading p:last-child { color:#c7c7c7; line-height:1.8; }
.about-social-heading .btn { flex-shrink:0; }
.about-social-grid { display:grid; grid-template-columns:1.25fr 1fr; gap:28px; }
.about-social-grid img { height:390px; object-position:50% 62%; }
.about-social-grid figure:last-child img { object-position:center; }
.about-social-grid figcaption { display:flex; justify-content:space-between; gap:12px; color:#bbb; }
.about-social-grid figcaption strong { color:#fff; }
.about-social-grid a { display:block; border-radius:12px; }
.about-social-grid a:focus-visible { outline:3px solid #fff; outline-offset:6px; }
.about-private-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:start; }
.about-arrival { background:#f6f5f2; border-top:3px solid #c4211c; padding:32px; border-radius:0 0 10px 10px; }
.about-arrival h3 { font-size:1.25rem; margin-bottom:20px; }
.about-arrival ol { padding-left:20px; color:var(--ink-60); }
.about-arrival li { margin-bottom:16px; padding-left:5px; line-height:1.8; }
.about-arrival p { border-top:1px solid #ddd; padding-top:20px; font-size:.87rem; line-height:1.9; margin-top:24px; }
.about-questions .container { max-width:900px; }
@media(max-width:1000px) {
 .about-story-grid,.about-private-grid { gap:36px; }
 .about-experience-grid { gap:50px; }
 .about-standard-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .about-social-heading { align-items:flex-start; flex-direction:column; gap:20px; }
}
@media(max-width:700px) {
 .about-page section { padding:56px 0; }
 .about-story-grid,.about-experience-grid,.about-private-grid,.about-social-grid { grid-template-columns:1fr; gap:30px; }
 .about-canada-photo img { aspect-ratio:4/3; }
 .about-experience-number { padding:24px 0; }
 .about-experience-number strong { font-size:100px; }
 .about-experience-number p { margin-top:10px; }
 .about-social-grid img { height:300px; }
 .about-social-grid figcaption { flex-direction:column; gap:0; }
 .about-arrival { padding:24px; }
 .about-copy .btn { font-size:.8rem; padding:16px; }
}
@media(max-width:420px) { .about-standard-grid { grid-template-columns:1fr; gap:24px; } }