:root{--about-ink:#0f4749;--about-teal:#17686b;--about-gold:#d9a247;--about-paper:#fbfaf6;--about-muted:#6f716d}
body{background:var(--about-paper);font-family:'DM Sans',sans-serif}.about-shell{width:min(89%,1440px);margin:0 auto}.nav-links .nav-item:first-child span::after{transform:scaleX(0)}.nav-links .nav-about-active span::after{transform:scaleX(1)}
.eyebrow{margin:0 0 18px;color:#b47e2d;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.about-hero{position:relative;min-height:760px;padding:185px 0 110px;background:linear-gradient(120deg,#f2efe6,#fbfaf6 52%,#e3ede5);overflow:hidden}.about-hero::before{content:'';position:absolute;width:540px;height:540px;right:-180px;top:-210px;border:1px solid rgba(23,104,107,.13);border-radius:50%}.about-hero__grid{position:relative;display:grid;grid-template-columns:1.08fr .72fr;gap:9vw;align-items:center}.about-hero h1{max-width:850px;margin:0 0 27px;color:var(--about-ink);font-size:clamp(54px,6vw,88px);font-weight:800;line-height:1.01;letter-spacing:-.06em}.hero-lead{max-width:720px;margin:0;color:var(--about-muted);font-size:18px;line-height:1.75}.hero-lead strong{color:var(--about-ink)}.hero-link{display:inline-flex;gap:14px;margin-top:35px;padding-bottom:7px;border-bottom:1px solid var(--about-teal);color:var(--about-teal);font-size:14px;font-weight:800}.about-hero__statement{position:relative;padding:55px 44px 42px;border:1px solid rgba(15,71,73,.12);border-radius:4px 40px 4px 40px;background:rgba(255,255,255,.64);box-shadow:0 22px 55px rgba(15,71,73,.08)}.statement-mark{position:absolute;top:17px;left:35px;color:var(--about-gold);font-family:Georgia,serif;font-size:65px;line-height:1}.about-hero__statement p{margin:22px 0 32px;color:var(--about-ink);font-family:Georgia,serif;font-size:25px;line-height:1.55}.statement-caption{color:#8b877f;font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.story-section{padding:125px 0}.story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw}.section-heading h2,.mission-intro h2,.legal-copy h2{margin:0;color:var(--about-ink);font-size:clamp(39px,4.3vw,62px);font-weight:800;line-height:1.08;letter-spacing:-.045em}.story-copy>p{margin:0 0 22px;color:#5f625f;font-size:17px;line-height:1.8}.story-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:46px}.story-facts div{padding:22px 18px;border-top:2px solid var(--about-gold);background:#f4f1e9}.story-facts strong,.story-facts span{display:block}.story-facts strong{margin-bottom:7px;color:var(--about-ink);font-size:16px}.story-facts span{color:#77736c;font-size:12px;line-height:1.5}
.vision-section{padding:115px 0;background:#0f4749}.vision-card{display:grid;grid-template-columns:180px 1fr;gap:55px;padding-bottom:100px;border-bottom:1px solid rgba(255,255,255,.16)}.vision-number{color:rgba(255,255,255,.22);font-size:88px;font-weight:800;line-height:1}.vision-card .eyebrow,.mission-intro .eyebrow{color:#edbd6d}.vision-card h2{max-width:1120px;margin:0;color:#fff;font-size:clamp(38px,4.3vw,64px);font-weight:700;line-height:1.18;letter-spacing:-.04em}.mission-wrap{display:grid;grid-template-columns:.65fr 1fr;gap:9vw;padding-top:95px}.mission-intro h2{color:#fff}.mission-intro>p:last-child{max-width:370px;margin-top:22px;color:#b9ccca;line-height:1.7}.mission-list{margin:0;padding:0;list-style:none}.mission-list li{display:grid;grid-template-columns:60px 1fr;gap:22px;padding:25px 0;border-bottom:1px solid rgba(255,255,255,.14)}.mission-list li:first-child{padding-top:0}.mission-list span{color:#edbd6d;font-size:12px;font-weight:800;letter-spacing:.12em}.mission-list p{margin:0;color:#eef5f3;font-size:18px;line-height:1.6}
.legal-section{padding:125px 0;background:#f0ede5}.legal-grid{display:grid;grid-template-columns:1fr minmax(350px,480px);gap:9vw;align-items:center}.legal-copy>p:not(.eyebrow):not(.legal-note){max-width:750px;color:#5f625f;font-size:17px;line-height:1.8}.legal-details{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin:40px 0 25px;border-top:1px solid rgba(15,71,73,.18)}.legal-details div{padding:21px 15px 21px 0;border-bottom:1px solid rgba(15,71,73,.18)}.legal-details dt{margin-bottom:7px;color:#858178;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.legal-details dd{margin:0;color:var(--about-ink);font-size:16px;font-weight:800}.legal-note{color:#858178;font-size:12px;line-height:1.6}.permit-card{margin:0}.permit-card a{display:block;padding:18px 18px 14px;border-radius:18px;background:#fff;box-shadow:0 22px 55px rgba(15,71,73,.12)}.permit-card img{display:block;width:100%;height:auto;border:1px solid #ece9e0}.permit-card a span{display:block;padding:14px 3px 0;color:var(--about-teal);font-size:13px;font-weight:800;text-align:right}.permit-card figcaption{margin-top:13px;color:#858178;font-size:11px;letter-spacing:.1em;text-align:center;text-transform:uppercase}
.about-cta{padding:90px 0;background:#fff}.about-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:55px 60px;border-radius:22px;background:linear-gradient(120deg,#ebe7dd,#eef4ef)}.about-cta h2{margin:0;color:var(--about-ink);font-size:clamp(34px,4vw,55px);letter-spacing:-.045em}.about-cta a{display:flex;align-items:center;justify-content:space-between;gap:35px;min-width:265px;padding:18px 22px;border-radius:10px;background:var(--about-ink);color:#fff;font-size:14px;font-weight:800}
@media(max-width:980px){.about-hero__grid,.story-grid,.legal-grid{grid-template-columns:1fr}.about-hero__grid{gap:55px}.about-hero__statement{max-width:650px}.story-grid,.legal-grid{gap:50px}.vision-card{grid-template-columns:100px 1fr}.mission-wrap{grid-template-columns:1fr;gap:50px}.permit-card{max-width:480px}.story-facts{max-width:650px}}
@media(max-width:650px){.about-shell{width:calc(100% - 36px)}.about-hero{min-height:0;padding:145px 0 75px}.about-hero h1{font-size:47px}.hero-lead{font-size:16px}.about-hero__statement{padding:48px 27px 30px}.about-hero__statement p{font-size:21px}.story-section,.legal-section{padding:78px 0}.story-facts{grid-template-columns:1fr}.vision-section{padding:78px 0}.vision-card{grid-template-columns:1fr;gap:15px;padding-bottom:65px}.vision-number{font-size:55px}.mission-wrap{padding-top:65px}.mission-list li{grid-template-columns:44px 1fr}.mission-list p{font-size:16px}.legal-details{grid-template-columns:1fr}.about-cta{padding:58px 0}.about-cta__inner{align-items:flex-start;flex-direction:column;padding:36px 25px}.about-cta a{width:100%;min-width:0}}

/* Visual portfolio treatment */
.about-hero__grid{grid-template-columns:1.04fr .8fr;gap:7vw}
.about-hero__visual{position:relative;min-height:560px}
.hero-photo-frame{position:absolute;inset:0 35px 40px 0;border-radius:4px 46px 4px 46px;overflow:hidden;box-shadow:0 28px 65px rgba(15,71,73,.2)}
.hero-photo-frame::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,47,49,.34))}
.hero-photo-frame img{width:100%;height:100%;object-fit:cover;object-position:center 43%}
.hero-photo-note{position:absolute;z-index:2;right:0;bottom:0;display:flex;flex-direction:column;max-width:310px;padding:22px 25px;border-left:4px solid var(--about-gold);background:#fff;box-shadow:0 16px 38px rgba(15,71,73,.14)}
.hero-photo-note strong{margin-bottom:4px;color:var(--about-ink);font-size:15px}.hero-photo-note span{color:#77736c;font-size:12px;line-height:1.5}
.hero-seal{position:absolute;z-index:3;top:-35px;right:2px;display:grid;place-content:center;width:126px;height:126px;border-radius:50%;background:var(--about-gold);color:#fff;text-align:center;transform:rotate(7deg);box-shadow:0 12px 30px rgba(107,73,23,.2)}
.hero-seal span{font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.hero-seal strong{font-family:Georgia,serif;font-size:25px;line-height:1.15}
@media(max-width:980px){.about-hero__grid{grid-template-columns:1fr;gap:70px}.about-hero__visual{max-width:690px;min-height:620px}}
@media(max-width:650px){.about-hero__visual{min-height:465px}.hero-photo-frame{inset:0 15px 35px 0}.hero-seal{top:-28px;right:-4px;width:98px;height:98px}.hero-seal strong{font-size:20px}.hero-photo-note{right:0;max-width:270px;padding:17px 19px}}
