/* DAY 5 — ABOUT PAGE */
.about-page .site-header{position:sticky}
.about-hero{min-height:calc(100svh - 72px);display:grid;align-items:center;gap:42px;padding-top:54px;padding-bottom:88px}
.about-hero h1{max-width:760px}
.about-hero-visual{display:flex;justify-content:center}
.hero-photo-stack{position:relative;width:min(100%,520px);aspect-ratio:5/6}
.about-photo{margin:0;width:100%;height:100%;border-radius:32px;overflow:hidden;background:var(--surface-2);border:1px solid var(--line)}
.about-photo img{width:100%;height:100%;object-fit:cover;display:block}
.about-note{position:absolute;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:17px;padding:13px 16px;display:grid;min-width:145px}
.about-note span{font-size:9px;font-weight:800;letter-spacing:1.5px;color:var(--muted)}
.about-note b{font-size:18px;margin-top:2px}
.about-note small{font-size:10px;color:var(--muted);margin-top:2px}
.note-one{left:-7%;top:12%}.note-two{right:-7%;bottom:10%}

.about-statement{padding-top:110px;padding-bottom:120px}
.statement-grid{display:grid;gap:34px;margin-top:18px}
.statement-grid h2{font-size:clamp(38px,9vw,66px);line-height:1.04;letter-spacing:-.055em;margin:0}
.statement-grid h2 span{color:var(--muted)}
.statement-grid>div{max-width:510px}
.statement-grid p{font-size:14px;color:var(--muted);margin-bottom:18px}
.statement-grid p:last-child{margin-bottom:0}

.principles{padding-bottom:120px}
.principle-grid{display:grid;gap:12px;margin-top:45px}
.principle-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:25px;min-height:255px;display:flex;flex-direction:column}
.principle-card>span{font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--muted)}
.principle-card h3{font-size:27px;letter-spacing:-.04em;line-height:1.08;margin:48px 0 13px}
.principle-card p{font-size:13px;color:var(--muted);max-width:390px;margin:0}

.journey-section{padding-bottom:120px}
.journey-panel{background:var(--accent);color:var(--accent-text);border-radius:32px;padding:30px}
.journey-panel .section-kicker{color:#969a96}
.journey-copy h2{font-size:clamp(36px,8vw,61px);line-height:1.04;letter-spacing:-.055em;margin:18px 0}
.journey-copy h2 em{color:#9ea29e}
.journey-copy p{color:#b1b4b0;font-size:13px;max-width:500px;margin:0}
.journey-list{margin-top:48px;border-top:1px solid #34373a}
.journey-list>div{display:grid;grid-template-columns:35px 100px 1fr;gap:10px;align-items:center;padding:17px 0;border-bottom:1px solid #34373a}
.journey-list span{font-size:9px;color:#969a96;font-weight:800}
.journey-list b{font-size:15px}
.journey-list small{font-size:11px;color:#aeb1ad}

.local-section{display:grid;gap:42px;align-items:center;padding-bottom:120px}
.local-visual{position:relative;min-height:480px;border-radius:30px;overflow:hidden;background:var(--surface-2);border:1px solid var(--line)}
.local-visual img{display:block;width:100%;height:100%;min-height:480px;object-fit:cover}
.local-caption{position:absolute;left:22px;bottom:22px;background:var(--surface);color:var(--text);border-radius:18px;padding:14px 16px;box-shadow:var(--shadow);display:grid}
.local-caption span{font-size:9px;letter-spacing:1.5px;font-weight:800;color:var(--muted)}
.local-caption b{font-size:21px;line-height:1.08;letter-spacing:-.04em;margin-top:5px}
.local-copy h2{font-size:clamp(37px,8vw,62px);line-height:1.04;letter-spacing:-.055em;margin:18px 0}
.local-copy h2 span{color:var(--muted)}
.local-copy>p{font-size:14px;color:var(--muted);max-width:500px}
.local-points{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:35px}
.local-points div{padding:17px 10px 0 0;border-right:1px solid var(--line)}
.local-points div:last-child{border-right:0;padding-left:12px}
.local-points strong{display:block;font-size:10px;letter-spacing:1.4px;color:var(--muted)}
.local-points span{display:block;font-size:12px;font-weight:800;margin-top:6px}

.about-services{padding-bottom:120px}
.service-list{margin-top:42px;border-top:1px solid var(--line)}
.about-service{display:grid;grid-template-columns:42px 1fr 25px;gap:14px;align-items:center;padding:23px 0;border-bottom:1px solid var(--line);transition:.25s ease}
.about-service:hover{padding-left:8px}
.about-service>span{font-size:10px;color:var(--muted);font-weight:800}
.about-service b{font-size:19px;letter-spacing:-.02em}
.about-service small{display:block;font-size:11px;color:var(--muted);margin-top:5px;max-width:620px}
.about-service>strong{font-size:18px;text-align:right}

.about-cta{padding-bottom:100px}
.about-cta .cta-box{max-width:none}

@media(min-width:760px){
  .about-hero{grid-template-columns:1.08fr .92fr;min-height:calc(100vh - 78px);padding-top:70px}
  .statement-grid,.about-page .section-heading{grid-template-columns:1.1fr .7fr;align-items:end}
  .principle-grid{grid-template-columns:repeat(3,1fr)}
  .journey-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;padding:55px}
  .journey-list{margin-top:0}
  .local-section{grid-template-columns:1.02fr .98fr;gap:70px}
  .local-copy{padding-right:3vw}
}
@media(max-width:759px){
  .about-hero h1{font-size:clamp(41px,11vw,62px)}
  .about-hero{padding-top:44px}
  .about-photo{border-radius:25px}
  .hero-photo-stack{aspect-ratio:4/5}
  .about-note{min-width:128px;padding:11px 13px}
  .about-note b{font-size:15px}
  .note-one{left:-3%;top:8%}.note-two{right:-3%;bottom:8%}
  .statement-grid h2,.local-copy h2{font-size:clamp(36px,9.5vw,52px)}
  .principle-card{min-height:220px}
  .principle-card h3{margin-top:35px}
  .journey-panel{border-radius:25px;padding:24px 20px}
  .journey-list>div{grid-template-columns:30px 70px 1fr;gap:7px}
  .journey-list small{font-size:10px}
  .local-visual,.local-visual img{min-height:340px}
  .local-caption b{font-size:18px}
}


/* DAY 5 FIX — visible header About/Home link */
.header-about-link{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;font-size:11px;font-weight:800;white-space:nowrap;order:0}
.header-about-link.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}
@media(max-width:560px){.header-about-link{padding:0 10px}.header-about-link{font-size:10px}.header-actions{gap:5px}}