.about-page header{background:var(--navy);color:var(--paper);border-bottom:0}
.about-page header nav>a[aria-current=page]{color:#86c5b6}.about-page header nav>a:not(.nav-contact):after{background:#86c5b6}
.about-page .nav-contact{border-color:#ffffff45}.about-page .nav-contact:hover{background:#ffffff0b;border-color:#86c5b6}.about-page .menu-toggle span{background:var(--paper)}
.about-hero{background:var(--navy);color:var(--paper)}
.about-hero-grid{max-width:1440px;display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;padding:54px 48px 80px}
.about-hero .eyebrow{color:#afd1c8}.about-hero h1{font-size:clamp(42px,4.5vw,64px);line-height:1.1;letter-spacing:-.045em}.about-hero p{color:#c7d9dc;font-size:18px;line-height:1.8;max-width:540px}
.about-hero-visual{position:relative;aspect-ratio:1.16;overflow:hidden;border-radius:10px;background:var(--teal)}
.about-hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.about-hero-visual:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0c2933d9)}
.about-hero-visual>span{position:absolute;z-index:1;left:26px;right:26px;bottom:26px;font-size:10px;letter-spacing:.12em}
.expertise-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding-top:36px;padding-bottom:36px;border-bottom:1px solid var(--line)}
.expertise-rail>div{display:flex;align-items:center;gap:18px;font-size:14px}.expertise-rail>div+div{border-left:1px solid var(--line);padding-left:32px}.rail-number{font-size:11px;letter-spacing:.1em;color:var(--teal)}
.about-story{grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.about-story h2{font-size:44px}.about-story p{line-height:1.8}
.story-visual{position:relative;aspect-ratio:1.08;overflow:hidden;border-radius:10px;background:var(--soft)}
.story-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.story-visual:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0c2933cc)}
.story-visual>span{position:absolute;bottom:26px;left:26px;right:26px;z-index:1;color:var(--paper);font-size:10px;letter-spacing:.12em}
.about-page .team-band{position:relative;overflow:hidden;background:var(--navy);color:var(--paper)}
.about-page .team-band:before{content:'';position:absolute;width:640px;height:640px;border-radius:50%;border:1px solid #86c5b623;right:-220px;top:-340px;pointer-events:none}
.about-page .team-band:after{content:'';position:absolute;width:750px;height:750px;border-radius:50%;border:1px solid #86c5b613;right:-275px;top:-395px;pointer-events:none}
.about-page .team-band .wrap{position:relative;z-index:1;padding-top:80px;padding-bottom:80px}
.about-page .team-band .eyebrow{color:#afd1c8}.about-page .team-band h2{font-size:44px;margin-bottom:20px}.team-intro{color:#c7d9dc;max-width:650px}
.about-page .team-grid{gap:28px;margin-top:36px}
.about-page .team-grid article{display:flex;flex-direction:column;text-align:center;gap:24px;padding:38px 32px 36px;background:var(--paper);color:var(--navy);border:1px solid #ffffff50;border-radius:12px;align-items:center}
.team-portrait{width:184px;height:184px;border-radius:50%;overflow:hidden;border:6px solid #e4ede7;box-shadow:0 0 0 1px #287e7a25}
.team-portrait img{display:block;width:100%;height:100%;object-fit:cover}
.about-page .team-grid h3{font-size:26px;margin-bottom:10px}.about-page .team-grid p{font-size:14px}.about-page .team-grid .role{margin-bottom:5px}
.portrait-note{font-size:11px;color:#a6bfc1;margin:22px 0 0;text-align:center}
.approach-section{grid-template-columns:.85fr 1.3fr;gap:72px;align-items:start}.approach-section p{line-height:1.8}
.approach-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}
.approach-steps>div{padding:21px 18px;border:1px solid var(--line);border-radius:8px;background:#fff}
.approach-steps span{display:block;font-size:11px;color:var(--teal);letter-spacing:.1em;margin-bottom:18px}.approach-steps h3{font-size:16px;line-height:1.4;font-weight:500;letter-spacing:-.02em;margin-bottom:10px}.approach-steps p{font-size:12px;line-height:1.7;margin:0}
@media(max-width:1000px){.about-hero-grid{padding:44px 32px 60px;gap:36px}.about-hero h1{font-size:46px}.about-story,.approach-section{gap:40px}.about-story h2,.about-page .team-band h2{font-size:38px}.expertise-rail{gap:20px}.expertise-rail>div+div{padding-left:20px}.approach-steps{grid-template-columns:1fr}.approach-steps>div{display:grid;grid-template-columns:26px 1fr;gap:0 12px;padding:18px}.approach-steps span{grid-row:1/3;margin:3px 0 0}.approach-steps h3{margin-bottom:5px}}
@media(max-width:767px){.about-page header nav a+a{border-color:#ffffff25!important}.about-page header nav .nav-contact{border-color:#ffffff45!important}.about-hero-grid{grid-template-columns:1fr;padding:40px 24px 32px;gap:30px}.about-hero h1{font-size:clamp(37px,8.4vw,54px)}.about-hero p{font-size:17px}.about-hero-visual{aspect-ratio:1.25}.about-hero-visual>span,.story-visual>span{font-size:9px;left:20px;bottom:20px}.expertise-rail{grid-template-columns:1fr;gap:0;padding:18px 24px}.expertise-rail>div{padding:14px 0;font-size:14px}.expertise-rail>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}.about-story{grid-template-columns:1fr;gap:30px}.about-story>div:last-child{grid-row:1}.about-story h2,.about-page .team-band h2{font-size:34px}.story-visual{aspect-ratio:1.2}.about-page .team-band .wrap{padding:56px 24px}.about-page .team-grid{grid-template-columns:1fr;gap:18px;margin-top:28px}.about-page .team-grid article{padding:32px 24px}.team-portrait{width:170px;height:170px}.about-page .team-grid h3{font-size:25px}.portrait-note{font-size:10px}.approach-section{grid-template-columns:1fr;gap:24px}.approach-steps{margin-top:24px}}