/* VanoLab agency: the same editorial typography and restrained sage palette. */
.agency-page{background:#fff;color:#151712}.agency-page .site-header{background:#ffffffed;color:#181c16;box-shadow:0 1px 0 #20251c0d}.agency-page .nav-wrap{width:100%}.agency-page .nav-links a{font-size:10px}.agency-page .nav-cta{margin-left:auto}.agency-page .menu-toggle span{background:currentColor}.agency-page .button{font-family:var(--font);font-size:10px;min-height:51px;gap:30px}.agency-page .quiet-link{font-size:12px}.agency-page h1,.agency-page h2,.agency-page h3{font-weight:300}.agency-page a:focus-visible,.agency-page button:focus-visible{outline:2px solid #71845c;outline-offset:6px}.agency-hero{padding-top:162px}.agency-hero-grid{display:grid;grid-template-columns:1.17fr 1fr;gap:6%;align-items:center}.agency-hero-copy>.eyebrow{margin-bottom:35px}.agency-hero h1{font-size:clamp(76px,7.5vw,124px);line-height:.99;letter-spacing:-.055em;margin:0 0 30px}.agency-hero h1>span{color:#7b896c}.agency-intro{max-width:390px;font-size:17px;font-weight:300;color:#68715e;line-height:1.75}.agency-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:30px}.agency-hero-foot{border-top:1px solid var(--line);display:flex;align-items:center;gap:35px;padding:25px 0;margin-top:65px;font-size:8px;letter-spacing:.11em;color:#758168}.agency-hero-foot a{margin-left:auto;display:flex;gap:25px;align-items:center}.agency-hero-foot a>span{font-size:20px}
.software-study{position:relative;margin:0;overflow:hidden;aspect-ratio:.9;background:#222a1e;color:#d1dcc4;isolation:isolate}.study-overline,.study-caption{position:absolute;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:.11em;z-index:1}.study-overline{top:27px}.study-caption{bottom:24px}.study-caption>span:last-child{font-size:28px;font-weight:200}.software-drawing{position:absolute;inset:7% 0;width:100%;height:86%}.study-layer{transform-origin:300px 300px;animation:layer-breathe 10s ease-in-out infinite}.study-layer-middle{animation-delay:-3s}.study-layer-bottom{animation-delay:-6s}.study-signal{animation:signal-breathe 4s ease-in-out infinite}@keyframes layer-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes signal-breathe{50%{opacity:.35}}
.agency-development,.agency-approach{padding-block:125px}.agency-section-intro{display:grid;grid-template-columns:1.4fr 1fr;column-gap:12%;align-items:end;margin-bottom:70px}.agency-section-intro>.eyebrow{grid-column:1/-1;margin-bottom:30px}.agency-section-intro h2{font-size:clamp(46px,4.7vw,74px);line-height:1.08;letter-spacing:-.04em}.agency-section-intro h2>span{color:#7b846f}.agency-section-intro>p:not(.eyebrow){font-size:18px;line-height:1.8;font-weight:300;color:#6c7462;max-width:420px;margin:0 0 5px}.development-rows{border-top:1px solid var(--line)}.development-rows article{display:grid;grid-template-columns:.18fr 1fr 1fr;gap:5%;padding:45px 0;border-bottom:1px solid var(--line)}.row-index{font-size:10px;color:#7d896e}.development-rows h3{font-size:31px;line-height:1.2;letter-spacing:-.025em}.development-rows p{font-size:15px;color:#6c7560;line-height:1.8;max-width:420px;margin-bottom:20px}.detail-line{font-size:8px;letter-spacing:.08em;color:#7a866c}.development-rows .quiet-link{color:#4f613d}
.agency-products{background:#f1f2ed;padding-block:90px 40px}.product-overline{display:flex;justify-content:space-between;gap:20px;margin-bottom:50px}.product-overline>span{font-size:8px;letter-spacing:.1em;color:#7d866e;padding-top:3px}.agency-product-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;align-items:center}.product-label{font-size:8px;letter-spacing:.12em;display:flex;align-items:center;gap:10px;color:#626f52}.product-label i{width:5px;height:5px;background:#687d53;border-radius:50%}.agency-product-copy h2{font-size:clamp(48px,4.9vw,77px);line-height:1.06;letter-spacing:-.045em;margin:30px 0}.agency-product-copy h2>span{color:#7b886b}.agency-product-copy>p:not(.product-note){font-size:17px;font-weight:300;line-height:1.8;color:#65705a;max-width:390px;margin-bottom:30px}.agency-product-copy .product-note{font-size:11px;line-height:1.8;max-width:280px;color:#78836c;margin-top:20px}.agency-product-image{height:580px;display:block;position:relative;overflow:hidden}.agency-product-image>img{width:100%;height:100%;object-fit:cover;object-position:58% center;transition:transform .8s}.agency-product-image:hover>img{transform:scale(1.025)}.agency-product-image:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0f180ecf);pointer-events:none}.product-image-caption{position:absolute;left:30px;right:30px;bottom:55px;color:#f7faf1;display:flex;justify-content:space-between;align-items:end;z-index:1;font-size:23px;font-weight:300;line-height:1.2;letter-spacing:-.02em}.product-image-caption>span:last-child{font-size:40px}.image-disclosure{position:absolute;left:30px;bottom:25px;z-index:1;font-size:6px;letter-spacing:.1em;color:#d0d7c6}.product-capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-top:1px solid #d2d8c9;padding-top:25px;margin-top:55px}.product-capabilities a{display:flex;align-items:center;gap:18px;font-size:15px;font-weight:300;color:#4c5d3d}.product-capabilities a>span:first-child{font-size:8px;color:#879276}.product-capabilities a>span:last-child{margin-left:auto;font-size:22px}.product-capabilities a:hover{text-decoration:underline;text-underline-offset:6px}
.approach-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;border-top:1px solid var(--line)}.approach-steps article{position:relative;padding-top:75px}.approach-steps article>span{position:absolute;right:0;top:22px;font-size:68px;font-weight:200;line-height:1;color:#d4dacb;letter-spacing:-.06em}.approach-steps h3{font-size:33px;letter-spacing:-.03em;margin:25px 0 20px}.approach-steps p{font-size:15px;color:#6b755f;line-height:1.8;max-width:340px}
.agency-contact{background:#242d1e;color:#f4f7ee;padding-block:100px}.agency-contact-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:15%;align-items:center}.agency-contact .eyebrow{color:#b1bda2!important}.agency-contact h2{font-size:clamp(65px,6.7vw,104px);line-height:1.02;letter-spacing:-.05em;margin-top:35px}.agency-contact h2>span{color:#afc09a}.agency-contact-copy>p:first-child{font-size:21px;line-height:1.65;font-weight:300;color:#c7d2bb;margin-bottom:35px}.agency-email{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #8ea17966;padding-bottom:18px;font-size:clamp(23px,2.4vw,38px);font-weight:300;letter-spacing:-.03em}.agency-email:hover{color:#c2d4aa}.email-tools{display:flex;align-items:center;gap:20px;margin-top:15px;min-height:24px}.email-tools button{background:none;border:0;padding:0;color:#c3d1b2;font-size:10px;display:flex;gap:15px;align-items:center}.email-tools button>span{font-size:15px}.email-tools [role=status]{font-size:10px;color:#bdcfa9}.agency-contact-copy .contact-note{font-size:10px;line-height:1.8;max-width:310px;color:#9dac8e;margin-top:20px}.product-contact{border-top:1px solid #a8bd8c33;margin-top:45px;padding-top:25px;display:grid;gap:15px}.product-contact>span{color:#9ead8d;font-size:8px;letter-spacing:.12em}.product-contact>a{font-size:13px;color:#dbe6cd;display:flex;justify-content:space-between;gap:15px}.agency-page .footer-bottom{justify-content:space-between}.agency-page .legal-copy{padding-bottom:80px}.agency-page .not-found{padding-top:180px;padding-bottom:80px}
@media(max-width:1100px){.agency-hero{padding-top:140px}.agency-hero-grid{gap:5%}.agency-hero h1{font-size:78px}.agency-intro{font-size:16px}.agency-actions{gap:20px}.agency-actions .quiet-link{font-size:11px}.agency-section-intro{column-gap:8%}.agency-section-intro>p:not(.eyebrow){font-size:17px}.agency-product-grid{gap:7%}.agency-product-copy h2{font-size:56px}.agency-product-image{height:550px}.agency-contact-grid{gap:10%}.agency-contact-copy>p:first-child{font-size:19px}}
@media(max-width:800px){.agency-page .menu-toggle{display:flex;justify-content:center;width:30px;flex-shrink:0}.agency-page .nav-cta{margin-left:auto}.agency-page .nav-links{top:75px;color:#222b1a;background:white}.agency-page .nav-links a{font-size:13px}.agency-hero{padding-top:125px}.agency-hero-grid{grid-template-columns:1.1fr 1fr;gap:5%}.agency-hero h1{font-size:67px}.agency-hero-copy>.eyebrow{font-size:8px!important;margin-bottom:28px}.agency-intro{font-size:15px}.software-study{aspect-ratio:.72}.study-overline,.study-caption{left:18px;right:18px;font-size:6px}.study-caption>span:last-child{font-size:23px}.agency-hero-foot{margin-top:50px;font-size:7px;gap:20px}.agency-hero-foot a{font-size:0;gap:0}.agency-development,.agency-approach{padding-block:90px}.agency-section-intro{grid-template-columns:1fr 1fr;gap:0 8%;margin-bottom:50px}.agency-section-intro h2{font-size:48px}.agency-section-intro>p:not(.eyebrow){font-size:16px}.development-rows article{grid-template-columns:.12fr 1fr 1fr;gap:4%;padding-block:35px}.development-rows h3{font-size:25px}.development-rows p{font-size:14px}.agency-products{padding-top:70px}.product-overline>span{font-size:7px}.agency-product-grid{grid-template-columns:1fr 1fr;gap:6%}.agency-product-copy h2{font-size:45px}.agency-product-copy>p:not(.product-note){font-size:16px}.agency-product-image{height:570px}.product-capabilities{gap:25px}.product-capabilities a{font-size:13px;gap:10px}.approach-steps{gap:30px}.approach-steps h3{font-size:28px}.approach-steps p{font-size:14px}.agency-contact{padding-block:75px}.agency-contact-grid{gap:8%}.agency-contact h2{font-size:65px}.agency-email{font-size:25px}.agency-contact-copy>p:first-child{font-size:17px}}
@media(max-width:600px){.agency-hero{padding-top:125px}.agency-hero-grid{grid-template-columns:1fr;gap:45px}.agency-hero h1{font-size:clamp(65px,16.2vw,89px);line-height:1;margin-bottom:26px}.agency-hero-copy>.eyebrow{font-size:8px!important;margin-bottom:30px}.agency-intro{font-size:17px;max-width:360px;line-height:1.7}.agency-actions{gap:24px;margin-top:28px}.agency-page .agency-actions .button{font-size:9px;gap:20px;padding:15px}.agency-actions .quiet-link{font-size:10px}.software-study{aspect-ratio:1;max-height:480px}.software-drawing{inset:1% 0;height:98%}.study-overline,.study-caption{left:24px;right:24px;font-size:7px}.study-overline{top:22px}.study-caption{bottom:18px}.agency-hero-foot{margin-top:28px;gap:20px;font-size:7px;letter-spacing:.06em;padding-block:20px}.agency-development,.agency-approach{padding-block:75px}.agency-section-intro{display:block;margin-bottom:40px}.agency-section-intro>.eyebrow{margin-bottom:28px}.agency-section-intro h2{font-size:44px;line-height:1.1}.agency-section-intro>p:not(.eyebrow){font-size:17px;line-height:1.75;margin-top:30px;max-width:none}.development-rows article{grid-template-columns:25px 1fr;gap:20px 15px;padding-block:30px}.row-index{padding-top:4px}.development-rows h3{font-size:29px}.development-rows article>div{grid-column:2}.development-rows p{font-size:15px;line-height:1.8}.detail-line{font-size:7px;line-height:1.8}.agency-products{padding-block:60px 30px}.product-overline{margin-bottom:35px}.product-overline>span{display:none}.agency-product-grid{grid-template-columns:1fr;gap:35px}.agency-product-copy h2{font-size:54px;margin-block:25px}.agency-product-copy>p:not(.product-note){font-size:17px;max-width:none}.agency-product-copy .product-note{font-size:11px;max-width:300px}.agency-product-image{height:440px}.product-image-caption{left:24px;right:24px;bottom:50px;font-size:23px}.image-disclosure{left:24px;bottom:24px}.product-capabilities{grid-template-columns:1fr;gap:0;margin-top:30px;padding-top:0}.product-capabilities a{padding-block:22px;border-bottom:1px solid #d2d8c9;font-size:16px;gap:22px}.product-capabilities a:last-child{border:0}.approach-steps{grid-template-columns:1fr;gap:0}.approach-steps article{padding:32px 0;border-bottom:1px solid var(--line)}.approach-steps article>span{font-size:72px;top:25px}.approach-steps h3{margin:18px 0 20px;font-size:33px}.approach-steps p{font-size:15px;max-width:90%}.agency-contact{padding-block:70px}.agency-contact-grid{grid-template-columns:1fr;gap:40px}.agency-contact h2{font-size:72px;margin-top:30px}.agency-contact-copy>p:first-child{font-size:19px;max-width:380px}.agency-email{font-size:32px}.agency-contact-copy .contact-note{font-size:11px}.product-contact{margin-top:35px}.agency-page .footer-bottom{gap:16px;font-size:9px}.agency-page .footer-bottom>span:last-child{font-size:7px}.agency-page .not-found{padding-top:130px}.agency-page .not-found h1{font-size:49px}}
@media(max-width:360px){.agency-hero h1{font-size:61px}.agency-actions{gap:20px}.agency-actions .quiet-link{font-size:9px}.study-overline,.study-caption{font-size:6px}.agency-hero-foot{font-size:6px;gap:14px}.agency-section-intro h2{font-size:39px}.agency-product-copy h2{font-size:48px}.agency-contact h2{font-size:64px}.agency-email{font-size:29px}}
@media(prefers-reduced-motion:reduce){.study-layer,.study-signal{animation:none}.agency-product-image>img{transition:none}html{scroll-behavior:auto}}
