/* Version 23: About Storm with closer section spacing and top-aligned introduction. */
.about-hero{background:linear-gradient(180deg,#eaf6f5 0%,#f7fbf9 75%,#fffdf9 100%);text-align:center;padding:40px 0 30px}
.about-hero .eyebrow{margin-bottom:11px}
.about-hero h1{color:var(--navy);font-size:clamp(2.6rem,4.6vw,4.4rem);margin-bottom:13px}
.about-hero h1 em{color:#477f90}
.about-subhead{color:#536f7a;font-size:1.08rem;margin-bottom:0}
.about-introduction{display:grid;grid-template-columns:1.05fr .95fr;align-items:start;gap:clamp(28px,4vw,60px);padding-block:28px 56px}
.about-copy h2,.about-nature h2,.about-method h2,.about-thanks h2{color:var(--navy);font-size:clamp(2rem,3.25vw,3.1rem)}
.about-copy h2 em,.about-nature h2 em,.about-method h2 em,.about-thanks h2 em{color:#497f90}
.about-copy p:not(.eyebrow),.about-method p:not(.eyebrow),.about-nature p:not(.eyebrow),.about-thanks p:not(.eyebrow){font-size:1.035rem;color:#52666f;line-height:1.7}
.about-photo{margin:0}
.about-photo img{width:100%;height:auto;height:340px;object-fit:cover;object-position:center 53%;box-shadow:12px 12px 0 #dcece8}
.about-photo figcaption{margin-top:13px;color:#68828b;font-size:.8rem}
.about-method{background:#eaf3f0;padding:55px 0 60px}
.about-method-inner{max-width:900px;text-align:center}
.about-method-inner>p:not(.eyebrow){max-width:760px;margin-inline:auto}
.about-declaration{font:italic clamp(1.4rem,2.2vw,2rem)/1.42 Georgia,serif!important;color:#234d66!important;border-top:1px solid #bfd3d1;padding-top:25px;margin-top:33px!important}
.about-declaration em{color:#477e8c}
.about-nature{padding-block:60px 64px;max-width:930px;text-align:center}
.about-nature>p:not(.eyebrow){max-width:780px;margin-inline:auto}
.about-thanks{background:linear-gradient(140deg,#f0f7f6,#fffdf9);padding:62px 0 66px;text-align:center;border-top:1px solid #e2efeb}
.about-thanks-inner{max-width:890px}
.about-thanks-inner>p:not(.eyebrow){max-width:740px;margin-inline:auto}
.about-thanks blockquote{font:italic clamp(1.4rem,2.55vw,2.08rem)/1.5 Georgia,serif;color:#3b7385;margin:35px auto 36px;max-width:710px}
.about-links{display:flex;flex-wrap:wrap;gap:18px;justify-content:center}
.about-links a{color:var(--navy);text-decoration:none;font-weight:700;font-size:.88rem;padding:12px 20px;border:1px solid #a7cdd0;min-height:44px;display:inline-flex;align-items:center}
.about-links a:hover{background:#e2f0ed}
.about-read-more a{font-weight:700;color:#356f81;text-decoration-thickness:1px;text-underline-offset:4px}
.site-header nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px}
@media(max-width:740px){.about-hero{padding:31px 0 27px}.about-introduction{grid-template-columns:1fr;padding-block:30px 44px;gap:24px}.about-photo{max-width:620px}.about-photo img{height:auto;max-height:370px;box-shadow:9px 9px 0 #dcece8}.about-method,.about-thanks{padding-block:55px}.about-nature{padding-block:56px}.about-thanks blockquote{margin-block:26px}.about-subhead{font-size:1rem}}
@media(max-width:450px){.about-links{flex-direction:column;align-items:stretch}.about-links a{justify-content:center}}

/* Keep the opening text aligned with the studio photo, with compact heading rhythm. */
.about-copy h2{margin-bottom:16px}
.about-copy .eyebrow{margin-bottom:12px}