/* About (Concept 02 "Open Storyline"), from Jay's approved hand-off (handoff/about). Header/footer: /assets/site-chrome.css. */

:root{--rhino:#1B475D;--barley:#FFF5D0;--naples:#FAD564;--neptune:#8EBD9D;--olive:#B4BD62;--paper:#ffffff;--soft:#f5f4f0;}
*{box-sizing:border-box} body{margin:0;background:#fff;color:var(--rhino);font-family:'EB Garamond',Georgia,'Times New Roman',serif;font-size:23px;line-height:1.45} img{max-width:100%;display:block} h1,h2,h3,p{margin:0} a{text-decoration:none;color:inherit}
.page{max-width:1180px;margin:0 auto;background:var(--paper);overflow:hidden}
.old-nav{height:82px;padding:16px 49px;display:flex;gap:24px;justify-content:space-between;align-items:center;background:white}.nav img{width:174px;height:auto}.nav nav{font-family:Arial,Helvetica,sans-serif;font-size:10px;letter-spacing:.11em;white-space:nowrap;font-weight:700;display:flex;align-items:center;gap:18px}.action{display:inline-block;background:var(--naples);font:700 11px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.04em;padding:16px 21px;white-space:nowrap;color:var(--rhino)}
.content{padding:100px 92px}.eyebrow{font:700 11px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.19em;text-transform:uppercase;color:var(--rhino);margin-bottom:25px}.chapter{border-top:1px solid #e3e4df}.chapter h2{font-size:52px;max-width:950px;line-height:1.06;font-weight:500;letter-spacing:-.02em}.script{color:#4c8a74;font-style:italic}
.hero{background:#fff;display:grid;grid-template-columns:1.12fr .88fr;min-height:530px;color:var(--rhino);padding:60px 0 60px 76px;gap:20px}.hero h1{font-size:57px;line-height:1.02;font-weight:500;letter-spacing:-.02em}.hero h1 .script{color:#4c8a74}.hero p{margin-top:34px;max-width:525px;font-size:25px}.hero-paint{align-self:stretch;background-image:url('/assets/faq/faq-hero-painterly.webp');background-position:68%;background-size:cover;min-height:420px;clip-path:polygon(12% 0%,100% 0,100% 100%,0 100%)}
.conviction{border-top:1px solid #e1e1dd;padding-top:62px;padding-bottom:75px}.conviction-line{max-width:900px;font-size:28px;line-height:1.29}.conviction-line p+p{margin-top:26px}.feature-text{margin-top:40px;border-left:5px solid var(--naples);padding:20px 30px;background:var(--barley);font-size:31px;font-style:italic}.feature-text p+p{margin-top:12px}
.why-b{padding-top:100px}.why-rail{display:flex;flex-direction:column;gap:34px;margin-top:47px}.why-first,.why-last{max-width:790px}.why-quote{background:var(--rhino);color:white;padding:35px 45px;font-size:38px;line-height:1.1;font-style:italic}
.reclaim-b{background:var(--barley)}.reclaim-b .script{color:#448a74}.reclaim-intro{font-size:29px;margin:32px 0 38px;max-width:810px}.reclaim-list{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:23px}.reclaim-list>div{background:#fff;padding:24px 26px;border-top:4px solid var(--neptune);display:flex;gap:20px;align-items:start}.reclaim-list b{font-size:40px;line-height:1;color:var(--neptune);font-weight:400}.reclaim-list p{font-size:23px;margin:0}.bottom-claim{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin-top:40px;background:var(--rhino);color:white;padding:45px 46px}.bottom-claim strong{font-size:31px;line-height:1.2;font-weight:400;font-style:italic}.bottom-claim p+p{margin-top:15px}.parting{margin-top:26px;font-style:italic;font-size:25px}
.build-b h2{max-width:900px}.build-intro{font-size:27px;max-width:790px;margin:28px 0 49px}.experience-list{margin-top:50px;display:flex;flex-direction:column;border-top:1px solid #b3c2b9}.experience-list article{display:grid;grid-template-columns:250px 1fr;gap:45px;padding:25px 0;border-bottom:1px solid #b3c2b9}.experience-list h3{font-size:34px;font-weight:500}.experience-list p{font-size:23px}.build-close{margin-top:42px;max-width:820px}.build-close p{margin-top:14px}.build-close p:last-child{font-size:35px;font-style:italic;color:var(--rhino)}
.founder-b{display:grid;grid-template-columns:1.35fr .65fr;background:#fff;color:var(--rhino);gap:50px;padding:90px 75px;align-items:center}.founder-b h2{font-size:59px;font-weight:500;line-height:1.02;letter-spacing:-.02em;margin:0 0 24px}.founder-b h2 .script{color:#5c9c80}.founder-b p{font-size:21px;line-height:1.45;margin-top:10px}.portrait{display:flex;justify-content:center;align-items:center}.portrait img{height:430px;width:320px;object-fit:cover;border-radius:49% 49% 49% 49% / 36% 36% 36% 36%;border:7px solid var(--barley);outline:2px solid var(--naples);outline-offset:6px}.signature-wrap{margin-top:22px}.signature-wrap img{width:150px;height:auto}.signature-meta{font:700 10px/1.7 Arial,Helvetica,sans-serif;letter-spacing:.18em;color:var(--rhino);margin-top:8px;text-transform:uppercase}
.tagline-band{background:var(--rhino);color:white;padding:25px;text-align:center;font-size:30px;font-style:italic}.tagline-band em{color:var(--naples)}
@media(max-width:900px){.content{padding:58px 28px}.hero{display:block;padding:55px 28px}.hero-paint{display:none}.hero h1{font-size:42px}.conviction-line,.reclaim-intro,.build-intro,.experience-list p,.reclaim-list p,.founder-b p{font-size:19px}.chapter h2,.founder-b h2{font-size:42px}.reclaim-list,.bottom-claim{grid-template-columns:1fr}.experience-list article{display:block}.founder-b{display:flex;flex-direction:column-reverse;padding:60px 28px}.portrait img{width:260px;height:360px}.build-close p:last-child{font-size:28px}}

.skip-link{position:absolute;z-index:100;top:-60px;left:20px;padding:8px 15px;background:var(--naples);color:var(--rhino)}.skip-link:focus{top:15px}
.action:hover{background:#ffe386}
.signature-wrap img{width:170px}
@media(max-width:900px){.tagline-band{font-size:24px}}
@media(max-width:420px){.hero h1{font-size:36px}.chapter h2,.founder-b h2{font-size:34px}.why-quote{font-size:28px;padding:26px}.feature-text{font-size:24px}.bottom-claim{padding:30px 24px}.bottom-claim strong{font-size:24px}}
/* Paragraph rhythm and details matched to the approved mockup. */
.why-first p+p,.why-last p+p{margin-top:16px}
.why-first,.why-last{font-size:20px;line-height:1.5}
.build-close p:first-child{margin-top:0}
.bottom-claim strong{font-style:normal}
.bottom-claim strong+*{margin-top:8px}
@media(max-width:900px){.hero{min-height:0;padding-bottom:40px}}