/* About (/about): story-driven page in two chapters – the Schaefer shipyard and Schaefer Yachts Australia. */
.hero-about{height:82svh;min-height:580px;max-height:940px;overflow:hidden}
.hero-about .hero-shade{display:none}.hero-about .hero-content{bottom:80px;text-shadow:0 1px 3px rgba(4,21,30,.45),0 2px 24px rgba(4,21,30,.35)}
.hero-about .eyebrow{color:#fff;margin-bottom:20px}
.hero-about h1{font-size:clamp(2.5rem,4.6vw,4.5rem);max-width:none;line-height:1.02}
@media(min-width:901px){.hero-about .hero-image{transform:translateX(9%) scale(1.2);transform-origin:center}}

/* Prologue: manifesto line and the three pillars */
.about-prologue{padding-block:104px 96px}
.about-manifesto{font-family:var(--font-display);font-size:clamp(1.5rem,2.3vw,2.25rem);line-height:1.3;letter-spacing:-.015em;color:var(--ink);max-width:30ch;margin-bottom:72px}
.about-pillars{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;border-top:1px solid var(--border);padding-top:40px}
.about-pillars li{display:flex;flex-direction:column;gap:14px}
.about-pillar-index{font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:.12em;color:var(--muted)}
.about-pillars h2{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.035em;font-size:clamp(1.35rem,1.7vw,1.75rem);line-height:1.15;margin:0}
.about-pillars p{line-height:1.7;max-width:38ch}

/* Chapters */
.about-chapter{padding-block:96px;border-top:1px solid var(--border)}
.about-chapter-head{max-width:760px;margin-bottom:56px}
.about-chapter-head .eyebrow{margin-bottom:20px;color:var(--muted)}
.about-chapter-head h2{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.06;margin:0}
.about-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,5vw,88px);align-items:center}
.about-story-copy .lead{font-size:var(--text-lg);line-height:1.55;margin-bottom:24px}
.about-story-copy p:not(.lead){margin-bottom:18px;line-height:1.75;max-width:58ch}
.about-story-image{margin:0;position:relative;overflow:hidden;background:var(--navy)}
.about-story-image img{display:block;width:100%;height:100%;aspect-ratio:1.34;object-fit:cover}
.about-story-feature{margin:0 0 clamp(40px,5vw,72px);overflow:hidden;background:var(--navy)}.about-story-feature img{display:block;width:100%;height:auto;aspect-ratio:1.85;object-fit:cover;object-position:center 55%;filter:brightness(1.1) contrast(1.02) saturate(1.04)}.about-story--single{grid-template-columns:minmax(0,1fr)}.about-story--single .about-story-copy{max-width:760px}
.about-story-image figcaption{position:absolute;bottom:20px;left:20px;color:#fff;font-size:var(--text-xs);background:#132c39c9;padding:8px 12px}
.about-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:72px 0 0;padding-top:36px;border-top:1px solid var(--border)}
.about-facts div{display:grid;grid-template-rows:auto auto;gap:8px;align-content:start}
.about-facts dd{grid-row:1}
.about-facts dt{grid-row:2}
.about-facts dd{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,3.2vw,3rem);line-height:1;color:var(--original-navy,#073453);letter-spacing:-.01em}
.about-facts dt{font-size:var(--text-sm);color:var(--muted);line-height:1.5;max-width:22ch}

/* How a Schaefer is built – navy chapter with the two films */
.about-build{background:var(--navy);color:#fff;padding-top:104px}
.about-build p{color:#c5d1d5}
.about-chapter-head--inverse .eyebrow{color:#b7c9d0}
.about-chapter-head--inverse h2{color:#fff}
.about-build-intro{margin-top:28px;font-size:var(--text-lg);line-height:1.6;color:#e6eef3!important;max-width:60ch}
.about-process{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(36px,5vw,80px);align-items:center;padding-block:56px;border-top:1px solid #ffffff22}
.about-process--reverse{direction:rtl}
.about-process--reverse>*{direction:ltr}
.about-film{margin:0}
.about-film video,.about-film img{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#02121b;object-fit:cover}
.about-film figcaption{margin-top:12px;font-size:var(--text-xs);color:#b7c9d0}
.about-process-copy .eyebrow{color:#b7c9d0;margin-bottom:18px}
.about-process-copy h3,.about-craft-copy h3,.about-service-copy h3{font-family:var(--font-display);font-weight:400;font-size:clamp(1.6rem,2.3vw,2.25rem);line-height:1.15;letter-spacing:-.02em;color:inherit;margin:0 0 20px}
.about-process-copy p:not(.eyebrow),.about-craft-copy p:not(.eyebrow){margin-bottom:16px;line-height:1.75;max-width:56ch}
.about-craft{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(36px,5vw,80px);align-items:center;padding-block:56px 96px;border-top:1px solid #ffffff22}
.about-craft-copy .eyebrow{color:#b7c9d0;margin-bottom:18px}
.about-craft-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.about-craft-grid img{display:block;width:100%;height:auto;aspect-ratio:1.1;object-fit:cover}
.about-band{margin:0;width:100%;max-height:560px;overflow:hidden}
.about-band img{display:block;width:100%;max-height:560px;object-fit:cover;object-position:center 55%}

/* Australia */
.about-chapter--australia{border-top:0}
.about-service{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,5vw,88px);align-items:center;margin-top:88px;padding-top:64px;border-top:1px solid var(--border)}
.about-quote{margin:0;padding:0 0 0 28px;border-left:3px solid var(--accent,#397a8a)}
.about-quote p:not(.about-quote-source){font-family:var(--font-display);font-size:clamp(1.75rem,2.8vw,2.75rem);line-height:1.2;letter-spacing:-.02em;color:var(--ink);margin:0 0 20px;max-width:20ch}
.about-quote-source{font-size:var(--text-sm);color:var(--muted);margin:0}
.about-service-copy .eyebrow{margin-bottom:18px;color:var(--muted)}
.about-service-copy p:not(.eyebrow){margin-bottom:16px;line-height:1.75;max-width:56ch}
.about-service-copy .text-link{margin-top:8px}
.about-gallery{list-style:none;margin:80px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.about-gallery img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover}

/* Close */
.about-close{background:var(--bg);border-top:1px solid var(--border);padding-block:96px}
.about-close-inner{max-width:720px}
.about-close .eyebrow{margin-bottom:20px;color:var(--muted)}
.about-close h2{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.06;margin:0 0 24px}
.about-close-inner>p:not(.eyebrow){font-size:var(--text-lg);line-height:1.6;max-width:52ch;margin-bottom:32px}

@media(max-width:900px){
  .hero-about{height:auto;min-height:0;max-height:none}
  .hero-about .hero-content{position:static}
  .hero-about h1{font-size:clamp(1.75rem,4.6vw,2.75rem)}
  .about-prologue{padding-block:72px}
  .about-manifesto{max-width:none;margin-bottom:48px}
  .about-pillars{grid-template-columns:1fr;gap:32px}
  .about-pillars p{max-width:60ch}
  .about-chapter{padding-block:72px}
  .about-chapter-head{margin-bottom:40px}
  .about-story,.about-story--reverse{grid-template-columns:1fr;gap:32px}
  .about-story--reverse .about-story-image{order:-1}
  .about-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;margin-top:56px}
  .about-build{padding-top:72px}
  .about-process,.about-craft{grid-template-columns:1fr;gap:32px;padding-block:48px}
  .about-process--reverse{direction:ltr}
  .about-craft{padding-bottom:72px}
  .about-service{grid-template-columns:1fr;gap:40px;margin-top:64px;padding-top:48px}
  .about-quote p:not(.about-quote-source){max-width:none}
  .about-gallery{margin-top:56px;grid-template-columns:1fr;gap:16px}
  .about-close{padding-block:72px}
}
@media(max-width:600px){
  .hero-about h1{font-size:clamp(1.25rem,5.4vw,1.6rem);line-height:1.15;letter-spacing:.02em}
  .about-prologue{padding-block:56px}
  .about-manifesto{font-size:1.375rem;margin-bottom:40px}
  .about-chapter{padding-block:56px}
  .about-story-image img{aspect-ratio:1.4}
  .about-story-feature img{aspect-ratio:1.5}
  .about-facts{grid-template-columns:1fr 1fr;gap:28px 16px}
  .about-facts dd{font-size:2rem}
  .about-craft-grid{gap:12px}
  .about-band{max-height:300px}
  .about-band img{max-height:300px}
  .about-quote{padding-left:20px}
}