.about-page{--about-header:130px}.about-hero{min-height:calc(100svh - var(--about-header));display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:9%;padding:48px 0 60px}.about-label{display:block;font-size:13px;margin-bottom:26px;color:#566653}.about-intro h1{font-size:clamp(42px,4.5vw,73px);line-height:1.05;letter-spacing:-.05em}.about-intro p{max-width:445px;font-size:17px;margin:26px 0 30px}.about-portrait{margin:0;perspective:1100px;max-width:450px;width:100%;justify-self:end}.portrait-surface{position:relative;overflow:hidden;border-radius:7px;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s ease;box-shadow:0 18px 40px #10251d12}.portrait-surface>img{width:100%;height:clamp(420px,55vh,610px);object-fit:cover;object-position:50% 30%}.portrait-light{position:absolute;inset:0;background:radial-gradient(circle at var(--px,50%) var(--py,50%),#fff3,transparent 55%);opacity:0;transition:opacity .35s;pointer-events:none}.about-portrait:hover .portrait-light{opacity:1}.portrait-surface figcaption{position:absolute;bottom:0;left:0;right:0;padding:65px 28px 25px;background:linear-gradient(transparent,#10251de6);color:#f7f8f4;display:flex;flex-direction:column;gap:6px}.portrait-surface figcaption strong{font-size:20px;font-weight:500}.portrait-surface figcaption span{font-size:12px;color:#d3dfcd}.about-values h2,.about-work h2,.about-proof h2{font-size:clamp(35px,3.7vw,58px)}.about-work{padding-bottom:115px}.work-photo-placeholder{position:relative;min-height:390px;background:#e4eae2;color:#486045;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:5px}.placeholder-label{font-size:11px;color:#667760}.work-photo-placeholder>.placeholder-label{position:absolute;top:28px;left:30px}.work-photo-placeholder>p{font-size:clamp(32px,4vw,56px);line-height:1.08;letter-spacing:-.04em;color:#587052;text-align:center}.work-photo-placeholder small{font-size:12px;margin-top:23px}.photo-corner{position:absolute;width:34px;height:34px;border-color:#9cad95;border-style:solid}.corner-one{top:80px;left:12%;border-width:1px 0 0 1px}.corner-two{bottom:65px;right:12%;border-width:0 1px 1px 0}.about-work-copy{display:grid;grid-template-columns:1fr 1fr;gap:25px 10%;margin-top:42px}.about-work-copy p{font-size:17px;max-width:520px}.about-work-copy .text-link{grid-column:2;justify-self:start}.about-proof{background:#e8ede4;padding:85px 0 95px}.about-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.about-proof-grid>div>p{font-size:17px;margin:24px 0}.about-proof .text-link{display:inline-flex;gap:25px}.about-quote-placeholder{padding:36px;background:#f7f8f4;border-radius:5px}.about-quote-placeholder h3{font-size:32px;line-height:1.13;margin-top:32px}.about-quote-placeholder>p{font-size:15px!important;color:#687362}.quote-person{display:flex;align-items:center;gap:16px;margin-top:35px;padding-top:25px;border-top:1px solid #d7ddd4}.quote-initials{width:52px;height:60px;display:grid;place-items:center;background:#e4eae2;border-radius:4px;flex-shrink:0;color:#61755b}.quote-person strong{font-size:15px;font-weight:500}.quote-person small,.quote-person div>span{display:block;font-size:11px;color:#65735f;margin-top:5px}.about-page header nav a[aria-current]{color:#527849}.about-page .footer-v4{margin-top:0}
@media(max-width:1000px){.about-hero{gap:5%}.about-intro h1{font-size:45px}.about-portrait img{height:480px}}
@media(max-width:700px){.about-hero{grid-template-columns:1fr;padding:45px 0 55px;gap:35px}.about-intro h1{font-size:clamp(37px,10.5vw,56px)}.about-intro p{font-size:16px;margin:23px 0}.about-portrait{max-width:none}.portrait-surface>img{height:440px;object-position:50% 27%}.about-label{margin-bottom:20px}.about-work{padding-bottom:55px}.work-photo-placeholder{min-height:300px}.work-photo-placeholder small{font-size:11px}.work-photo-placeholder>.placeholder-label{top:20px;left:20px}.about-work-copy{grid-template-columns:1fr;gap:22px;margin-top:30px}.about-work-copy .text-link{grid-column:1}.about-proof{padding:55px 0}.about-proof-grid{grid-template-columns:1fr;gap:35px}.about-quote-placeholder{padding:25px}.about-quote-placeholder h3{font-size:29px}.about-proof h2 br:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portrait-surface{transform:none!important;transition:none}.portrait-light{display:none}}

.work-product-image{margin:0;position:relative;overflow:hidden;border-radius:5px;background:#e4eae2}.work-product-image img{display:block;width:100%;height:auto}.work-product-image figcaption{position:absolute;bottom:18px;left:20px;padding:7px 10px;background:rgba(247,248,244,.92);color:#34483b;font-size:11px;letter-spacing:.025em}@media(max-width:700px){.work-product-image figcaption{bottom:10px;left:10px;font-size:10px}}

.work-real-photo img{filter:brightness(1.18) saturate(.9)}

.about-values{padding:95px 0 110px;border-top:1px solid #d7ddd4}.about-section-title{margin-bottom:56px}
.about-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.value-card{display:flex;flex-direction:column;background:#eef2eb;border:1px solid #dde3d9;border-radius:10px;padding:14px 14px 30px;transition:transform .35s ease,box-shadow .35s ease}
.value-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #10251d0f}
.value-card h3{font-size:24px;line-height:1.12;margin:30px 16px 12px}.value-card p{font-size:15px;line-height:1.6;color:#5d6a59;margin:0 16px;max-width:380px}
.value-visual{height:230px;border-radius:7px;background:#f7f8f4;border:1px solid #e1e6dd;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:22px;font-size:13px;color:#191d1b}
.value-chat{gap:12px}.chat-bubble{max-width:82%;padding:11px 14px;border-radius:12px;line-height:1.45;box-shadow:0 4px 14px #10251d0a}.chat-bubble span{display:block;font-size:11px;margin-bottom:4px;opacity:.7}
.chat-in{background:#fff;border:1px solid #e1e6dd;border-bottom-left-radius:4px;align-self:flex-start}
.chat-out{background:#10251d;color:#f7f8f4;border-bottom-right-radius:4px;align-self:flex-end}.chat-out span{color:#c9d8c3;opacity:1}
.value-steps ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:15px;position:relative}
.value-steps ol:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:1px;background:#cfd7ca}
.value-steps li{display:flex;align-items:center;gap:14px;color:#8a9585;position:relative}.value-steps li i{width:13px;height:13px;border-radius:50%;background:#f7f8f4;border:1px solid #b9c4b3;flex-shrink:0}
.value-steps li.done{color:#191d1b}.value-steps li.done i{background:#527849;border-color:#527849}
.value-steps li.current{color:#191d1b;font-weight:500}.value-steps li.current i{background:#fff;border:4px solid #527849;box-shadow:0 0 0 5px #52784922}
.value-steps em{font-style:normal;font-size:11px;font-weight:400;color:#527849;background:#e2eadd;padding:3px 8px;border-radius:20px;margin-left:auto}
.offer-sheet{background:#fff;border:1px solid #e1e6dd;border-radius:8px;padding:18px;box-shadow:0 6px 18px #10251d0a}
.offer-kicker{display:block;font-size:11px;color:#6c7867;margin-bottom:12px}
.offer-split{display:flex;gap:4px;height:26px}.offer-split b{border-radius:4px;background:#d9e0d5;font-weight:500;font-size:11px;color:#f7f8f4;display:flex;align-items:center;padding-left:10px}.offer-split b:first-child{background:#527849}
.offer-legend{display:flex;justify-content:flex-end;margin:8px 0 16px;font-size:11px;color:#6c7867}.offer-agreed{display:flex;flex-direction:column;gap:4px;padding-top:12px;border-top:1px solid #edf0ea}.offer-agreed strong{font-weight:500;color:#527849}
.offer-sheet ul{list-style:none;margin:0;padding:0}.offer-sheet li{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid #edf0ea}.offer-sheet li strong{font-weight:500;color:#527849}
@media(max-width:1000px){.about-value-grid{grid-template-columns:1fr 1fr}.value-card:last-child{grid-column:1/-1}}
@media(max-width:700px){.about-values{padding:55px 0}.about-section-title{margin-bottom:32px}.about-value-grid{grid-template-columns:1fr}.value-card h3 br{display:none}.value-card h3{font-size:23px;margin-top:24px}.value-visual{height:auto;min-height:210px}}
@media(prefers-reduced-motion:reduce){.value-card,.value-card:hover{transition:none;transform:none}}
.value-card{position:relative}.value-card:focus-visible{outline:2px solid #527849;outline-offset:3px}
@media(hover:hover) and (min-width:761px){
.value-card{padding:0;overflow:hidden;height:var(--reveal-closed,auto)}
.reveal-inner{padding:14px 14px 30px;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.value-card p{opacity:0;transition:opacity .35s ease}
.value-card:hover .reveal-inner,.value-card:focus-visible .reveal-inner{transform:translateY(calc(-1 * var(--reveal-shift,0px)))}
.value-card:hover p,.value-card:focus-visible p{opacity:1;transition-delay:.12s}
.value-card:after{content:"+";position:absolute;right:18px;bottom:18px;width:26px;height:26px;border-radius:50%;border:1px solid #c6d0c0;display:grid;place-items:center;font-size:15px;color:#527849;background:#eef2eb;transition:transform .45s ease,opacity .3s}
.value-card:hover:after,.value-card:focus-visible:after{transform:rotate(45deg);opacity:0}
}
@media(prefers-reduced-motion:reduce){.reveal-inner,.value-card p{transition:none}}
