/* About Northline: architectural thinking, practical technical work, a clear next step. */
.about-main{--about-ink:#35332f;--about-muted:#676056;--about-accent:#8b7054;--about-line:#dcd5c9;color:var(--about-ink);border-top:1px solid #e8e2d9}
.about-main *{min-width:0}
.about-kicker{display:flex;align-items:center;gap:12px;font:500 .6875rem/1.6 Inter,Arial,sans-serif;letter-spacing:.13em;color:#78634d}
.about-kicker>span{font-size:1.3rem;line-height:1;color:#9a8062;font-weight:400}
.about-main h1,.about-main h2,.about-main h3{margin:0;font-family:Manrope,Arial,sans-serif;font-weight:600;letter-spacing:-.045em}
.about-main h2{font-size:clamp(1.9rem,3.1vw,2.8rem);line-height:1.2}
.about-main h2>span{color:var(--about-accent)}
.about-main p{font-size:.9375rem;line-height:1.85;color:var(--about-muted)}
.about-hero{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);align-items:center;gap:4%;padding:34px 5% 35px;background:#faf9f6}
.about-hero-copy{padding:14px 0 24px}
.about-hero h1{font-size:clamp(2.55rem,4.35vw,4.05rem);line-height:1.12;letter-spacing:-.052em;margin:23px 0}
.about-hero h1>span{color:var(--about-accent)}
.about-main .about-lede{max-width:490px;font-size:1rem;line-height:1.9;margin:0 0 29px}
.about-button{display:inline-flex;align-items:center;justify-content:space-between;gap:29px;background:#36332f;color:#fff;font:500 .875rem/1.5 Inter,Arial,sans-serif;padding:16px 21px;border:1px solid #36332f;border-radius:3px;min-height:53px;transition:background .2s,border-color .2s}
.about-button>span{font-size:1.3rem;line-height:1;font-weight:400}
.about-button:hover{background:#715e49;border-color:#715e49}
.about-main a:focus-visible{outline:2px solid #8e7354;outline-offset:5px}
.about-location{display:flex;align-items:center;gap:8px;color:#776b5c;font-size:.625rem;letter-spacing:.1em;line-height:1.6;margin-top:28px}
.about-location>span{width:5px;height:5px;border:1px solid #8b7054;border-radius:50%;flex-shrink:0}
.about-hero-visual{margin:0;width:100%;position:relative}
.about-hero-visual img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border:1px solid #e7e1d8}
.about-hero-visual figcaption{display:flex;justify-content:space-between;gap:12px;font-size:.625rem;line-height:1.6;color:#75695a;padding:12px 0 0}
.about-hero-visual figcaption>span:first-child{letter-spacing:.06em}
.about-hero-visual figcaption>span:last-child{text-align:right;max-width:200px}
.about-section{padding:80px 7%;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:9%}
.about-section-heading>.about-kicker{margin-bottom:24px}
.about-foundation{border-bottom:1px solid var(--about-line)}
.about-foundation-copy{padding-top:2px}
.about-foundation-copy>.about-statement{font-size:1.125rem;color:#48433c;line-height:1.8;margin:0 0 20px}
.about-foundation-copy>p{margin:0}
.about-founder{display:flex;align-items:flex-start;gap:17px;border-top:1px solid var(--about-line);margin-top:28px;padding-top:25px}
.about-founder-mark{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:44px;border:1px solid #b29e83;color:#8b7054;font:600 1.5rem/1 Manrope,Arial,sans-serif}
.about-founder h3{font-size:.875rem;letter-spacing:-.015em;margin:0 0 7px;line-height:1.6}
.about-founder p{font-size:.8125rem;line-height:1.8;margin:0}
.about-value{padding:68px 5% 73px;background:#f5f2ec}
.about-value-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:34px}
.about-value-heading .about-kicker{margin-bottom:20px}
.about-text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;color:#5d5143;border-bottom:1px solid #aa9274;padding:10px 0;font:500 .8125rem/1.6 Inter,Arial,sans-serif;min-height:44px;flex-shrink:0}
.about-text-link>span{font-size:1.125rem;line-height:1}
.about-text-link:hover{color:#2f2d29;border-color:#5d5143}
.about-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.about-value-grid article{background:#fffdf9;border:1px solid #ded5c7;padding:26px 27px 24px;display:flex;flex-direction:column}
.about-card-top{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#8b7459;margin-bottom:28px}
.about-card-top>span{font-size:.625rem;letter-spacing:.09em;line-height:1.6}
.about-card-top svg{width:39px;height:39px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linejoin:round;stroke-linecap:round;flex-shrink:0}
.about-value-grid h3{font-size:1.25rem;line-height:1.45;letter-spacing:-.03em}
.about-value-grid p{font-size:.875rem;line-height:1.85;margin:16px 0 28px}
.about-card-footer{display:block;margin-top:auto;border-top:1px solid #e4ded4;padding-top:17px;color:#786957;font-size:.5625rem;letter-spacing:.07em;line-height:1.7}
.about-method{padding-top:76px;padding-bottom:67px}
.about-method .about-section-heading>p{max-width:400px;margin:24px 0 0;font-size:.875rem;line-height:1.85}
.about-process{list-style:none;padding:0;margin:0}
.about-process li{display:grid;grid-template-columns:35px minmax(0,1fr);gap:18px;padding:23px 0;border-top:1px solid var(--about-line)}
.about-process li:first-child{padding-top:19px}
.about-process li:last-child{border-bottom:1px solid var(--about-line)}
.about-step{color:#8b7054;font-size:.75rem;font-variant-numeric:tabular-nums;line-height:1.7;padding-top:2px}
.about-process h3{font-size:1.0625rem;letter-spacing:-.025em;line-height:1.5}
.about-process p{font-size:.875rem;line-height:1.8;margin:9px 0 0}
.about-demo{margin:0 7% 72px;border:1px solid var(--about-line);padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:40px;background:linear-gradient(110deg,#fffdf9,#f6f2eb)}
.about-demo .about-kicker{font-size:.625rem;margin-bottom:13px}
.about-demo h2{font-size:1.5rem;letter-spacing:-.035em;line-height:1.4}
.about-demo p{font-size:.875rem;line-height:1.8;margin:9px 0 0;max-width:620px}
.about-cta{background:#373730;color:#fff;padding:60px 7% 66px;display:flex;justify-content:space-between;gap:40px;align-items:center}
.about-cta .about-kicker{color:#d7c4a9;font-size:.625rem;margin-bottom:23px}
.about-cta h2{font-size:clamp(2rem,3.75vw,3.35rem);letter-spacing:-.045em;line-height:1.15}
.about-cta p{color:#d9d6cd;font-size:.9375rem;line-height:1.85;margin:23px 0 0}
.about-cta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding-top:17px}
.about-cta .about-button{color:#37332d;background:#e9ddca;border-color:#e9ddca;gap:50px;min-width:240px}
.about-cta .about-button:hover{background:#fff7e9;border-color:#fff7e9}
.about-email{color:#eee7db;font-size:.8125rem;line-height:1.8;padding:5px 0;border-bottom:1px solid #938572;overflow-wrap:anywhere}
.about-email:hover{color:#fff;border-color:#eee7db}
.about-cta a:focus-visible{outline-color:#e9ddca}
@media(min-width:1600px){.about-hero{padding-top:45px;padding-bottom:45px;gap:6%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.about-hero-copy{max-width:660px}.about-main .about-lede{max-width:560px;font-size:1.125rem}.about-hero-visual{max-width:740px}.about-section{padding-top:94px;padding-bottom:94px}}
@media(max-width:1100px){.about-hero{gap:4%;padding-top:25px;padding-bottom:27px}.about-hero h1{font-size:clamp(2.25rem,4.5vw,3.2rem)}.about-main .about-lede{font-size:.9375rem;line-height:1.8}.about-hero-visual figcaption{display:block;font-size:.5625rem}.about-hero-visual figcaption>span{display:block}.about-hero-visual figcaption>span:last-child{text-align:left;max-width:none;margin-top:3px}.about-section{padding:62px 5%;gap:7%}.about-value{padding-top:55px;padding-bottom:57px}.about-value-grid{gap:16px}.about-value-grid article{padding:23px 20px}.about-value-grid h3{font-size:1.125rem}.about-value-grid h3 br{display:none}.about-demo{margin:0 5% 58px;padding:27px;gap:28px}.about-demo p{max-width:470px}.about-cta{padding:53px 5% 58px;gap:30px}.about-cta p br{display:none}}
@media(max-width:850px){.about-hero{grid-template-columns:1fr;gap:24px;padding:34px 6% 30px}.about-hero-copy{padding:0}.about-hero h1{font-size:clamp(2.65rem,7vw,3.9rem);margin:21px 0}.about-main .about-lede{max-width:610px;font-size:1rem;margin-bottom:23px}.about-location{margin-top:23px}.about-hero-visual{max-width:620px;justify-self:center}.about-hero-visual figcaption{display:flex;font-size:.625rem}.about-hero-visual figcaption>span:last-child{text-align:right;max-width:210px;margin-top:0}.about-section{grid-template-columns:1fr;gap:30px;padding:49px 6%}.about-section-heading>.about-kicker{margin-bottom:19px}.about-section h2 br{display:none}.about-section h2{max-width:560px;line-height:1.3}.about-foundation-copy>.about-statement{max-width:660px}.about-value{padding:47px 6% 48px}.about-value-heading{align-items:flex-start;gap:18px}.about-value-heading h2{font-size:1.9rem}.about-value-heading h2 br{display:none}.about-value-heading .about-text-link{margin-top:30px}.about-value-grid{grid-template-columns:1fr;gap:15px}.about-value-grid article{padding:23px 26px;display:grid;grid-template-columns:95px minmax(0,1fr);gap:0 24px}.about-card-top{grid-row:1/4;align-items:flex-start;flex-direction:column;justify-content:flex-start;gap:19px;margin:0;padding-top:3px}.about-value-grid h3{font-size:1.25rem;line-height:1.4}.about-value-grid p{margin:10px 0 17px}.about-card-footer{font-size:.625rem;padding-top:13px}.about-method .about-section-heading>p{max-width:630px;margin-top:19px}.about-process{margin-top:0}.about-demo{margin:0 6% 48px;padding:26px;display:block}.about-demo p{max-width:620px}.about-demo .about-text-link{margin-top:13px}.about-cta{padding:44px 6% 48px;display:block}.about-cta h2{font-size:2.6rem}.about-cta p{max-width:520px}.about-cta-actions{padding-top:27px;gap:15px}.about-cta .about-button{min-width:248px}}
@media(max-width:520px){.about-hero{padding-top:27px;gap:25px}.about-kicker{font-size:.625rem;letter-spacing:.11em}.about-hero h1{font-size:clamp(2rem,8.9vw,2.85rem);letter-spacing:-.05em;margin:19px 0}.about-main .about-lede{font-size:.9375rem;line-height:1.85}.about-button{font-size:.8125rem;padding:14px 18px;min-height:50px;gap:32px}.about-location{font-size:.5625rem;letter-spacing:.065em;margin-top:23px}.about-hero-visual figcaption{display:block;font-size:.5625rem}.about-hero-visual figcaption>span:last-child{text-align:left;max-width:none;margin-top:4px}.about-section{padding-top:40px;padding-bottom:40px;gap:25px}.about-main h2{font-size:1.9rem}.about-section h2{font-size:1.95rem}.about-section-heading>.about-kicker{margin-bottom:16px}.about-foundation-copy>.about-statement{font-size:1.0625rem;line-height:1.8;margin-bottom:18px}.about-foundation-copy>p{font-size:.9375rem}.about-founder{gap:14px;margin-top:24px;padding-top:22px}.about-founder-mark{flex-basis:32px;width:32px;height:36px;font-size:1.25rem}.about-founder h3{font-size:.875rem}.about-founder p{font-size:.8125rem}.about-value{padding-top:39px;padding-bottom:41px}.about-value-heading{display:block;margin-bottom:26px}.about-value-heading .about-kicker{margin-bottom:17px}.about-value-heading .about-text-link{margin-top:14px}.about-value-grid article{display:flex;padding:24px}.about-card-top{flex-direction:row;justify-content:space-between;align-items:center;gap:15px;margin-bottom:21px;padding-top:0}.about-card-top>span{font-size:.625rem}.about-card-top svg{width:36px;height:36px}.about-value-grid h3{font-size:1.2rem}.about-value-grid p{font-size:.875rem;margin:12px 0 22px}.about-card-footer{font-size:.5625rem;padding-top:15px}.about-method .about-section-heading>p{font-size:.875rem}.about-process li{grid-template-columns:25px minmax(0,1fr);gap:14px;padding:20px 0}.about-process h3{font-size:1rem}.about-process p{font-size:.875rem;margin-top:8px}.about-demo{padding:25px;margin-bottom:39px}.about-demo h2{font-size:1.35rem}.about-demo .about-kicker{font-size:.5625rem}.about-demo p{font-size:.875rem}.about-text-link{font-size:.8125rem;gap:22px}.about-cta{padding-top:39px;padding-bottom:42px}.about-cta h2{font-size:2.2rem}.about-cta .about-kicker{margin-bottom:20px}.about-cta p{font-size:.875rem;margin-top:21px}.about-email{font-size:.8125rem}.about-cta .about-button{min-width:240px}}
@media(prefers-reduced-motion:reduce){.about-button{transition:none}}

/* Draw directional marks as vectors so every platform renders them. */
.about-button svg,.about-text-link svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}