@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{--paper:#f3f4ed;--ink:#1b211c;--muted:#646b61;--line:#d3d8ca;--lime:#d6ff59;--dark:#1b231c;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #6c7f26;outline-offset:6px}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.04;letter-spacing:-.055em}h2{font-size:clamp(38px,4.5vw,68px)}h2 em,h1 em{font-family:var(--serif);font-weight:400;letter-spacing:-.065em}p{color:var(--muted)}.wrap{max-width:1440px;width:calc(100% - 112px);margin:auto}.section-pad{padding-top:112px;padding-bottom:112px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.13em;line-height:1.4;color:inherit;display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;background:#758837;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #75883712}.header{height:114px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:700;font-size:20px;letter-spacing:-.055em;line-height:1.1}.brand-light{font-weight:450}.brand small{display:block;font-size:7px;letter-spacing:.16em;font-weight:500;margin-top:8px}.brand-mark{width:42px;height:42px;border:1px solid var(--ink);border-radius:50%;font-family:Arial,sans-serif;font-size:35px;line-height:39px;position:relative;font-weight:500;letter-spacing:-.08em;padding-left:7px;overflow:hidden}.brand-mark>span{position:absolute;font-size:22px;left:17px;top:0;line-height:24px;background:var(--paper)}nav{display:flex;gap:36px;align-items:center;font-size:13px}nav>a:not(.nav-cta):hover{border-bottom:1px solid}.nav-cta{padding:13px 18px;border:1px solid var(--ink);display:flex;gap:38px;border-radius:3px}.nav-cta:hover{background:var(--ink);color:var(--paper)}.menu-toggle{display:none}.hero{padding-top:30px}.hero-top{display:flex;justify-content:space-between;align-items:center}.hero-location{font-size:12px;color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;padding-top:75px;padding-bottom:86px}.hero h1{font-size:clamp(50px,6.15vw,90px);letter-spacing:-.07em;line-height:1.025;position:relative;z-index:2}.hero h1 em{white-space:nowrap}.hero-description{font-size:17px;line-height:1.65;margin-top:30px;letter-spacing:-.02em}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:32px}.button{padding:17px 22px;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;font-size:13px;font-weight:550;border:1px solid transparent;border-radius:3px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#3b4a32}.button span{font-size:20px;line-height:1}.text-link{display:inline-flex;gap:15px;font-size:12px;align-items:center;border-bottom:1px solid #a4aa99;padding:5px 0}.text-link:hover{border-color:var(--ink)}.hero-specialty{display:flex;align-items:center;gap:12px;margin-top:48px;font-size:10px;color:var(--muted);line-height:1.5}.hero-specialty strong{font-weight:500;color:var(--ink)}.mini-icon{font-size:28px;line-height:1}.hero-visual{position:relative;padding:0 0 10px}.visual-caption,.visual-index{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.06em;color:var(--muted)}.visual-caption{margin:0 4px 17px}.hero-window{display:block;background:white;transform:rotate(3deg);border:1px solid #ccd2c5;border-radius:8px;overflow:hidden;box-shadow:0 18px 40px #1b211c13;transition:transform .35s}.hero-window:hover{transform:rotate(0)}.browser-bar{height:31px;border-bottom:1px solid #e6e7e1;background:#fafbf8;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font:8px Arial;color:#7b8178}.browser-dots{font-size:6px;letter-spacing:2px;color:#c5cbbb}.mini-nav{display:flex;justify-content:space-between;align-items:center;padding:15px 22px;border-bottom:1px solid #eef0e9}.mini-nav img{width:95px;height:28px;object-fit:contain}.mini-nav span{font-size:7px;color:#868979}.hero-project-copy{position:absolute;top:128px;left:24px;z-index:1}.hero-project-copy>span{font-size:7px;letter-spacing:.15em}.hero-project-copy strong{display:block;font:500 26px/1.07 var(--serif);letter-spacing:-.04em;margin-top:8px}.hero-product{width:100%;height:310px;object-fit:cover;object-position:center 65%}.hero-note{position:absolute;right:-17px;bottom:0;display:flex;align-items:center;gap:13px;padding:20px 25px;background:var(--lime);transform:rotate(-6deg);box-shadow:0 8px 20px #1b211c12;font-size:13px;line-height:1.4}.hero-note strong{font-weight:550}.note-symbol{font-size:39px;font-weight:400}.visual-index{margin-top:28px}.capabilities-line{border-top:1px solid var(--line);padding:26px 0;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:500;letter-spacing:-.01em}.capabilities-line>span:nth-child(even){font-size:19px;font-weight:400;color:#8c967c}.work-section{background:#e6e9df;margin-top:0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:54px}.section-heading .eyebrow{margin-bottom:22px}.section-heading>p{max-width:320px;font-size:14px;line-height:1.7}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.project-image{height:395px;display:block;position:relative;overflow:hidden;border-radius:3px;transition:transform .3s}.project-image:hover{transform:translateY(-5px)}.vitoptics-image{background:#f6f6f2}.project-site-bar{height:62px;display:flex;justify-content:space-between;align-items:center;padding:0 24px}.project-site-bar img{width:121px;height:36px;object-fit:contain}.project-site-bar span{font-size:7px;letter-spacing:.1em;color:#778074}.vitoptics-image>img{width:100%;height:calc(100% - 62px);object-fit:cover;object-position:center 55%}.project-open{position:absolute;right:18px;bottom:18px;width:41px;height:41px;display:grid;place-items:center;font-size:24px;background:#ffffffe0;border-radius:50%;border:1px solid #cdd4c4}.ddc-image{background:#b9c8c5;padding:32px;display:flex;align-items:center;justify-content:center}.ddc-composition{background:#f5f4ef;width:100%;box-shadow:0 10px 30px #0e383113}.ddc-wordmark{padding:20px 18px 14px;font-size:17px;font-weight:700;color:#254641;border-bottom:1px solid #dde4df;letter-spacing:-.035em}.ddc-wordmark>span{font-weight:400}.ddc-wordmark small{font-size:5px;letter-spacing:.08em;display:block;margin-top:4px}.ddc-display{display:flex;align-items:center;padding:21px 18px;gap:6px}.ddc-display>div{width:53%}.ddc-display>img{width:47%;height:178px;object-fit:contain;mix-blend-mode:multiply}.ddc-display>div>span:first-child{font-size:5px;letter-spacing:.1em;color:#58746b}.ddc-display strong{font-family:var(--serif);font-size:31px;line-height:1.07;font-weight:400;display:block;color:#1c4841;margin-top:9px}.ddc-pill{display:inline-block;font-size:7px;background:#204c42;color:white;padding:8px 14px;border-radius:2px;margin-top:17px}.ddc-bottom{display:flex;justify-content:space-between;border-top:1px solid #dde4df;padding:12px 18px;font-size:5px;letter-spacing:.03em;color:#5c766e}.project-heading{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.project-heading h3{font-size:26px;letter-spacing:-.04em}.project-heading>span{font-size:10px;color:#6c7868}.project>p{font-size:13px;line-height:1.7;margin-top:14px;max-width:440px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:21px}.tags span{font-size:9px;border:1px solid #bfc8b7;border-radius:20px;padding:5px 10px}.legacy-project{display:flex;align-items:center;gap:42px;border-top:1px solid #c3cbbd;border-bottom:1px solid #c3cbbd;margin-top:56px;padding:28px 0}.legacy-mark{font-size:32px;letter-spacing:-.075em;min-width:125px}.legacy-mark>span{font-weight:700}.legacy-project .eyebrow{font-size:8px;margin-bottom:9px;color:#646c5e}.legacy-project h3{font-size:23px;letter-spacing:-.035em}.legacy-project p{font-size:12px;margin-top:9px}.round-arrow{margin-left:auto;border:1px solid #aab4a3;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:25px;flex-shrink:0}.legacy-project:hover .round-arrow{background:var(--lime)}.service{border-top:1px solid var(--line)}.service:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}.service summary{display:flex;gap:32px;align-items:center;padding:29px 0}.service-number{font-size:10px;color:#77806e;min-width:30px}.service h3{font-size:29px;font-weight:450;letter-spacing:-.04em}.service-tag{font-size:8px;letter-spacing:.06em;background:#e1e8d4;padding:6px 9px;border-radius:3px;white-space:nowrap}.expand-icon{margin-left:auto;display:block;width:30px;height:30px;position:relative}.expand-icon:before,.expand-icon:after{position:absolute;content:'';height:1px;width:16px;background:var(--ink);top:15px;left:7px}.expand-icon:after{transform:rotate(90deg);transition:transform .2s}.service[open] .expand-icon:after{transform:rotate(0)}.service-content{padding:0 55px 32px 62px;display:grid;grid-template-columns:1fr 1fr;gap:22px 60px}.service-content p,.service-content ul{font-size:13px;line-height:1.75;color:var(--muted)}.service-content ul{padding-left:17px;margin:0}.service-content li{padding:2px 0}.service-content a{font-size:11px;display:inline-flex;align-items:center;gap:20px;justify-self:start;border-bottom:1px solid #a4ad99;padding:5px 0}.partnership{background:var(--dark);color:var(--paper)}.partnership-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.partnership .eyebrow{color:#bbc5b1;margin-bottom:23px}.partnership h2{font-size:clamp(38px,4.5vw,66px)}.partnership h2 em{color:var(--lime)}.partnership-symbol{display:grid;place-items:center;border:1px solid #78866a;border-radius:50%;width:130px;height:130px;font-size:87px;font-weight:400;margin-right:30px;color:var(--lime)}.partnership-intro{display:flex;justify-content:space-between;align-items:center;margin:32px 0 54px;gap:50px}.partnership-intro p{max-width:575px;color:#b8c0b3;font-size:15px;line-height:1.7}.partnership-intro>span{font-size:9px;letter-spacing:.1em;color:#93a085;line-height:1.7}.plans{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #475141;border-radius:4px;overflow:hidden}.plan{padding:34px 30px 26px;border-right:1px solid #475141;display:flex;flex-direction:column}.plan:last-child{border:0}.plan-index{font-size:9px;letter-spacing:.13em;color:#a4b093}.plan h3{font-size:27px;margin-top:28px;letter-spacing:-.045em}.plan>p{color:#aebba4;font-size:12px;margin-top:14px;min-height:40px}.plan ul{list-style:none;padding:0;margin:26px 0 32px;font-size:11px;line-height:1.6;flex:1}.plan li{position:relative;padding:8px 0 8px 21px;color:#ccd4c6}.plan li:before{content:'↗';position:absolute;left:0;color:#8c9c7b}.plan>a{display:flex;justify-content:space-between;border-top:1px solid #475141;padding:18px 0 0;font-size:11px;align-items:center}.plan>a span{font-size:20px}.plan>a:hover{color:var(--lime)}.plan.featured{background:#2d3826}.plan.featured .plan-index{color:var(--lime)}.plan-note{font-size:10px;color:#93a087;max-width:800px;line-height:1.7;margin-top:23px}.person-block{display:grid;grid-template-columns:.78fr 1fr;gap:100px;align-items:center}.person-image{max-width:380px;position:relative;padding:20px 20px 0;background:#dfe6d1}.person-image img{width:100%;aspect-ratio:1.04;object-fit:cover;filter:grayscale(1)}.person-image>span{display:block;font-size:8px;letter-spacing:.05em;padding:16px 0;color:#536349}.person-copy .eyebrow{margin-bottom:23px}.person-copy h2{font-size:clamp(38px,4vw,59px);margin-bottom:28px}.person-copy>p:not(.eyebrow){font-size:14px;margin-top:15px;max-width:470px;line-height:1.8}.person-copy .text-link{margin-top:24px}.testimonial{display:grid;grid-template-columns:60px 1fr 210px;gap:30px;align-items:end;margin-top:80px;padding-top:47px;border-top:1px solid var(--line)}.quote-mark{font-family:var(--serif);font-size:100px;line-height:1;align-self:start;color:#9fae89}.testimonial blockquote{margin:0}.testimonial blockquote>p{font-size:30px;line-height:1.3;letter-spacing:-.04em;color:var(--ink);max-width:700px}.testimonial footer{display:flex;gap:12px;margin-top:24px;font-size:10px}.testimonial footer strong{font-weight:600}.testimonial footer span{color:var(--muted)}.testimonial>a{font-size:9px;color:var(--muted);line-height:1.6}.testimonial>a span{font-size:14px}.process{background:#e9ecdf}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.steps article{border-top:1px solid #c2ccb5;padding-top:22px}.steps article>span{font-size:11px;color:#667756}.steps h3{font-size:25px;margin:26px 0 16px;letter-spacing:-.04em}.steps p{font-size:13px;line-height:1.8;max-width:320px}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.faq .eyebrow{margin-bottom:23px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{font-size:14px;display:flex;justify-content:space-between;gap:20px;padding:22px 0}.faq-list summary>span{font-size:18px;line-height:1}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list p{font-size:13px;line-height:1.8;padding-bottom:22px}.contact{background:var(--lime)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.contact h2{font-size:clamp(52px,6.6vw,94px);margin:29px 0 29px;line-height:.98}.contact-copy>p:not(.eyebrow){font-size:15px;color:#4b5b26;line-height:1.75}.contact-email{font-size:15px;display:inline-flex;gap:20px;border-bottom:1px solid #809847;padding:6px 0;margin-top:21px}.contact-expectation{max-width:315px;margin-top:38px}.contact-expectation>span{font-size:8px;letter-spacing:.12em}.contact-expectation>p{font-size:11px;line-height:1.7;color:#5b6b37;margin-top:9px}.contact-form-panel{padding:35px;background:var(--paper);border-radius:4px;border:1px solid #a9c446}.contact-form-panel>.eyebrow{font-size:8px;color:#6c765e;margin-bottom:19px}.contact-form-panel h3{font-size:32px;letter-spacing:-.05em}.contact-form-panel>p{font-size:12px;margin-top:13px;margin-bottom:27px}label{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:500;margin-bottom:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}input,select,textarea{border:1px solid #c8cebd;border-radius:3px;background:transparent;padding:11px 12px;font-size:12px;color:var(--ink);width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:#607a2f;box-shadow:0 0 0 2px #9db56535}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#8b9382}form>.button{width:100%;font-size:12px;padding:14px 18px}.form-note{font-size:9px;line-height:1.6;margin-top:12px}.form-note>a{text-decoration:underline}#form-status{font-size:11px;margin-top:10px;line-height:1.6}.footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:32px;padding-bottom:32px}.footer-brand{font-size:17px}.footer-brand .brand-mark{transform:scale(.85);margin-right:-5px}.footer>span{font-size:10px;color:var(--muted)}.footer>div{display:flex;gap:20px;align-items:center;font-size:9px}.footer>div>span{color:var(--muted)}.skip{position:absolute;top:-100px;left:15px;padding:10px 20px;background:var(--ink);color:white;z-index:100}.skip:focus{top:10px}.contact iframe{width:100%;border:0;min-height:800px}.privacy{max-width:760px;padding:80px 0;min-height:70vh}.privacy h1{font-size:54px;margin:24px 0}.privacy h2{font-size:26px;margin:35px 0 15px;letter-spacing:-.035em}.privacy p{margin:14px 0;line-height:1.8}.privacy a{text-decoration:underline}.privacy small{color:var(--muted)}
@media(min-width:1600px){.hero-grid{gap:75px}.hero h1{font-size:100px}.hero-product{height:355px}.project-image{height:450px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero-grid{gap:28px}.hero h1{font-size:6.3vw}.hero-actions{gap:17px}.hero-actions>.button{font-size:11px;padding:16px;gap:20px}.hero-actions>.text-link{font-size:10px}.hero-note{right:-10px;padding:16px;font-size:11px}.hero-product{height:265px}.hero-project-copy{top:117px}.hero-project-copy strong{font-size:22px}.visual-caption{font-size:6px}.visual-index{font-size:6px}.project-image{height:320px}.ddc-image{padding:24px}.ddc-display strong{font-size:25px}.ddc-display>img{height:138px}.ddc-bottom{font-size:4px}.person-block{gap:60px}.plan{padding:30px 20px}.plan h3{font-size:23px}.contact-grid{gap:45px}.contact-form-panel{padding:25px}.testimonial{grid-template-columns:40px 1fr 155px}.testimonial blockquote>p{font-size:26px}.footer>span{display:none}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header{height:91px}.brand{font-size:18px}.brand small{font-size:6px}.brand-mark{width:38px;height:38px;font-size:32px;line-height:36px}.header nav{gap:20px;font-size:11px}.nav-cta{gap:17px;padding:10px 13px}.hero-top{font-size:9px}.hero-top .eyebrow{font-size:8px}.hero-location{font-size:10px}.hero-grid{padding-top:50px;padding-bottom:66px;gap:30px}.hero h1{font-size:6.5vw}.hero-description{font-size:13px;margin-top:24px}.hero-actions{align-items:flex-start;flex-direction:column;gap:17px;margin-top:26px}.hero-specialty{margin-top:27px}.hero-product{height:233px}.mini-nav{padding:12px 16px}.mini-nav img{width:75px;height:22px}.mini-nav span{font-size:5px}.hero-project-copy{top:100px;left:16px}.hero-project-copy strong{font-size:18px}.hero-project-copy>span{font-size:5px}.hero-note{font-size:10px;padding:11px 14px;gap:9px}.note-symbol{font-size:29px}.visual-caption{font-size:5px}.visual-index{margin-top:25px;font-size:5px}.capabilities-line{font-size:10px;gap:12px;padding:22px 0}.capabilities-line>span:nth-child(even){font-size:14px}.section-pad{padding-top:78px;padding-bottom:78px}.section-heading{gap:35px;margin-bottom:38px}.section-heading>p{font-size:12px;max-width:230px}.eyebrow{font-size:9px}.work-grid{gap:22px}.project-image{height:270px}.project-site-bar{padding:0 15px;height:48px}.project-site-bar img{width:90px}.project-site-bar span{font-size:5px}.vitoptics-image>img{height:calc(100% - 48px)}.ddc-image{padding:17px}.ddc-wordmark{padding:15px 12px 10px;font-size:14px}.ddc-display{padding:17px 12px}.ddc-display strong{font-size:23px}.ddc-display>img{height:121px}.ddc-display>div>span:first-child{font-size:4px}.ddc-bottom{padding:10px 12px;font-size:3.7px}.ddc-pill{font-size:6px;padding:7px 10px}.project-heading h3{font-size:23px}.project>p{font-size:12px}.tags{gap:5px}.tags span{font-size:8px;padding:4px 8px}.legacy-project{gap:25px}.legacy-mark{min-width:100px;font-size:28px}.legacy-project h3{font-size:20px}.service h3{font-size:25px}.service summary{gap:20px;padding:25px 0}.service-tag{font-size:6px}.service-content{padding-left:50px;padding-right:15px;gap:20px 30px}.service-content p,.service-content ul{font-size:12px}.plans{grid-template-columns:1fr}.plan{padding:28px 30px;border-right:0;border-bottom:1px solid #475141;display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.plan-index{grid-column:1}.plan h3{grid-column:1;margin-top:23px;font-size:28px}.plan>p{grid-column:1;min-height:0}.plan ul{grid-column:2;grid-row:1/5;margin:0}.plan>a{grid-column:1;margin-top:30px}.partnership-symbol{width:95px;height:95px;font-size:64px;margin-right:0}.partnership-intro p{font-size:13px}.partnership-intro>span{font-size:7px;min-width:140px}.person-block{gap:40px;grid-template-columns:.8fr 1fr}.person-copy>p:not(.eyebrow){font-size:12px}.person-image{padding:13px 13px 0}.person-image>span{font-size:6px;padding:13px 0}.testimonial{grid-template-columns:35px 1fr;gap:25px;margin-top:60px}.testimonial>a{grid-column:2}.testimonial blockquote>p{font-size:28px}.steps{gap:30px}.steps h3{font-size:21px}.steps p{font-size:12px}.faq{gap:40px;grid-template-columns:.7fr 1.3fr}.faq-list summary{font-size:12px}.faq-list p{font-size:12px}.contact-grid{gap:30px}.contact h2{font-size:60px}.contact-copy>p:not(.eyebrow){font-size:12px}.contact-email{font-size:11px;gap:10px}.contact .eyebrow{font-size:7px}.contact-form-panel{padding:22px}.contact-form-panel h3{font-size:28px}.form-row{grid-template-columns:1fr;gap:0}.footer{padding-top:22px;padding-bottom:22px}.footer>div{font-size:8px;gap:14px}.footer-brand{font-size:15px}.footer-brand .brand-mark{display:none}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.header{height:87px;position:relative}.brand{font-size:18px}.brand small{font-size:6px}.menu-toggle{display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:10px 0;font-size:12px;color:var(--ink)}.menu-toggle>span{font-size:15px}.header nav{display:none;position:absolute;right:0;top:73px;left:0;background:var(--paper);border:1px solid var(--line);border-radius:4px;z-index:20;padding:24px;box-shadow:0 15px 25px #1b211c15;font-size:15px;align-items:stretch;gap:22px}.header nav.open{display:flex;flex-direction:column}.nav-cta{justify-content:space-between}.hero{padding-top:23px}.hero-top .eyebrow{font-size:7px;letter-spacing:.1em}.hero-location{display:none}.hero-grid{grid-template-columns:1fr;padding-top:39px;padding-bottom:40px;gap:45px}.hero h1{font-size:clamp(43px,10.8vw,65px);letter-spacing:-.065em}.hero-description{font-size:14px;margin-top:23px}.hero-actions{flex-direction:row;align-items:center;gap:20px}.hero-actions>.button{font-size:11px;padding:15px;gap:24px}.hero-actions>.text-link{font-size:10px;gap:9px}.hero-specialty{display:none}.hero-visual{width:91%;margin:0 auto;padding-bottom:15px}.visual-caption{font-size:6px;margin-bottom:13px}.hero-product{height:235px}.mini-nav img{width:92px;height:25px}.mini-nav span{font-size:6px}.hero-project-copy{top:109px;left:20px}.hero-project-copy>span{font-size:6px}.hero-project-copy strong{font-size:24px}.hero-note{bottom:2px;right:-17px;padding:15px 19px;font-size:11px}.note-symbol{font-size:31px}.visual-index{margin-top:29px;font-size:6px}.capabilities-line{display:grid;grid-template-columns:1fr 1fr;gap:12px 15px;padding:23px 0;font-size:10px}.capabilities-line>span:nth-child(even){display:none}.capabilities-line>span:nth-child(odd):before{content:'↗';padding-right:10px;color:#7c8c6d}.section-pad{padding-top:62px;padding-bottom:62px}.section-heading{flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:30px}.section-heading>p{max-width:330px;font-size:13px}.section-heading .eyebrow{margin-bottom:18px}h2{font-size:41px}.eyebrow{font-size:8px}.work-grid{grid-template-columns:1fr;gap:38px}.project-image{height:320px}.project-site-bar{height:53px;padding:0 20px}.project-site-bar img{width:112px}.project-site-bar span{font-size:6px}.vitoptics-image>img{height:calc(100% - 53px)}.ddc-image{padding:24px}.ddc-wordmark{font-size:17px;padding:18px 16px 12px}.ddc-wordmark small{font-size:5px}.ddc-display{padding:20px 16px}.ddc-display strong{font-size:29px}.ddc-display>img{height:156px}.ddc-display>div>span:first-child{font-size:5px}.ddc-pill{font-size:7px;padding:8px 13px}.ddc-bottom{padding:11px 16px;font-size:4px}.project-heading{margin-top:20px}.project-heading h3{font-size:25px}.project>p{font-size:13px}.tags{margin-top:16px}.tags span{font-size:8px;padding:4px 9px}.legacy-project{gap:15px;flex-wrap:wrap;padding:24px 0;margin-top:35px}.legacy-mark{font-size:27px;min-width:0;width:calc(100% - 60px)}.legacy-project>div{order:3;width:100%}.legacy-project h3{font-size:21px;max-width:275px}.legacy-project p{font-size:12px}.legacy-project .round-arrow{width:36px;height:36px;font-size:21px}.legacy-project .eyebrow{font-size:7px}.service summary{gap:14px;padding:23px 0;position:relative}.service-number{font-size:8px;min-width:14px}.service h3{font-size:21px;letter-spacing:-.045em;max-width:78%;line-height:1.1}.service-tag{display:none}.expand-icon{width:22px;flex-shrink:0}.expand-icon:before,.expand-icon:after{left:3px;width:14px}.service-content{padding:0 0 26px 28px;grid-template-columns:1fr;gap:16px}.service-content p,.service-content ul{font-size:12px}.service-content a{font-size:10px}.partnership h2{font-size:40px}.partnership-symbol{display:none}.partnership-intro{margin:25px 0 32px}.partnership-intro>span{display:none}.partnership-intro p{font-size:13px}.plan{display:flex;padding:27px}.plan h3{font-size:28px;margin-top:23px}.plan>p{font-size:12px;margin-top:13px}.plan ul{margin:23px 0 12px;font-size:12px}.plan>a{font-size:12px;margin-top:8px}.plan-note{font-size:9px}.person-block{grid-template-columns:1fr;gap:33px}.person-image{max-width:270px;margin:auto}.person-image>span{font-size:7px}.person-copy h2{font-size:41px}.person-copy>p:not(.eyebrow){font-size:13px}.person-copy .eyebrow{margin-bottom:20px}.testimonial{grid-template-columns:22px 1fr;gap:15px;padding-top:32px;margin-top:42px}.quote-mark{font-size:58px}.testimonial blockquote>p{font-size:26px}.testimonial footer{flex-direction:column;gap:3px;font-size:10px;margin-top:20px}.testimonial>a{font-size:8px}.steps{grid-template-columns:1fr;gap:27px}.steps article{display:grid;grid-template-columns:25px 1fr;gap:12px 13px;padding-top:24px}.steps h3{font-size:24px;margin:0}.steps article>span{margin-top:4px}.steps p{grid-column:2;font-size:13px;max-width:none}.faq{grid-template-columns:1fr;gap:31px}.faq h2 br{display:none}.faq h2{font-size:40px}.faq-list summary{font-size:13px;padding:21px 0}.faq-list p{font-size:12px}.contact-grid{grid-template-columns:1fr;gap:34px}.contact h2{font-size:66px;margin:27px 0 25px}.contact h2 em br{display:none}.contact-copy>p:not(.eyebrow){font-size:13px}.contact-email{font-size:13px;margin-top:18px}.contact-expectation{display:none}.contact-form-panel{padding:25px}.contact-form-panel h3{font-size:31px}.contact-form-panel>p{font-size:12px}.contact .eyebrow{font-size:8px}.form-row{grid-template-columns:1fr;gap:0}label{font-size:11px}input,select,textarea{font-size:16px;padding:10px}input::placeholder,textarea::placeholder{font-size:12px}.form-note{font-size:9px}.footer{align-items:flex-start;flex-direction:column;gap:22px;padding-top:28px;padding-bottom:28px}.footer-brand{font-size:19px}.footer>div{flex-wrap:wrap;width:100%;gap:20px;font-size:10px}.footer>div>span{margin-left:auto;font-size:9px}.privacy{padding-top:50px}.privacy h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Actual portfolio captures and the live quote flow. */
.hero-visual{padding:20px 0 65px}.hero-window{transform:rotate(3deg);position:relative;z-index:1}.hero-screenshot{width:100%;aspect-ratio:1280/820;object-fit:cover;object-position:left top}.hero-product-card{position:absolute;width:40%;left:-28px;bottom:15px;z-index:2;background:#f8f7f0;border:6px solid #f8f7f0;box-shadow:0 10px 24px #1b211c22;transform:rotate(-7deg)}.hero-product-card img{aspect-ratio:1.3;object-fit:cover}.hero-product-card>span{display:block;font-size:5px;letter-spacing:.08em;padding:6px 2px 2px}.hero-note{bottom:33px;z-index:3;right:-13px}.visual-index{margin-top:48px;position:relative;z-index:4;padding-left:44%}.visual-index>span:first-child{font-size:6px}.visual-index>span:last-child{display:none}.vitoptics-image,.ddc-image{display:flex;align-items:center;justify-content:center;padding:32px;background:#cad7c2}.ddc-image{background:#c4d6d1}.portfolio-browser{width:100%;border:1px solid #acbaaa;border-radius:5px;overflow:hidden;box-shadow:0 15px 25px #17372214;transition:transform .35s}.portfolio-browser img{width:100%;height:auto}.project-image:hover .portfolio-browser{transform:scale(1.02)}.project .browser-bar{height:25px;font-size:7px}.project .browser-dots{font-size:5px}.inquiry-outline{padding:0;margin:32px 0;list-style:none}.inquiry-outline li{font-size:13px;padding:20px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:23px}.inquiry-outline li:last-child{border-bottom:1px solid var(--line)}.inquiry-outline li>span{font-size:9px;color:#758069}.contact-form-panel>.button{width:100%;font-size:12px}.form-direct{display:block;font-size:9px;text-decoration:underline;text-underline-offset:3px;margin-top:22px;color:var(--muted)}.contact-form-panel{padding:38px}dialog{width:min(680px,calc(100% - 28px));max-height:calc(100dvh - 36px);padding:0;border:1px solid #a7b596;border-radius:6px;background:var(--paper);color:var(--ink);box-shadow:0 20px 80px #10200945}dialog::backdrop{background:#132012ad;backdrop-filter:blur(5px)}.dialog-header{padding:22px 26px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.dialog-header .eyebrow{font-size:7px;margin-bottom:10px}.dialog-header h2{font-size:29px;letter-spacing:-.05em}.dialog-close{width:35px;height:35px;border:1px solid #bdc8ac;border-radius:50%;background:transparent;font-size:26px;color:var(--ink);line-height:1}.dialog-close:hover{background:var(--lime)}#inquiry-frame{display:block;width:100%;height:calc(100dvh - 215px);min-height:260px;max-height:720px;border:0;padding:0 15px}.dialog-footer{border-top:1px solid var(--line);padding:13px 26px;font-size:9px;display:flex;justify-content:space-between;gap:15px}.dialog-footer a{text-decoration:underline;text-underline-offset:3px}body.modal-open{overflow:hidden}
@media(max-width:1100px){.hero-note{font-size:10px;bottom:36px}.hero-product-card{left:-15px}.vitoptics-image,.ddc-image{padding:24px}.contact-form-panel{padding:28px}}
@media(max-width:800px){.hero-visual{padding-top:0}.hero-note{right:-5px;bottom:43px;padding:12px}.hero-note .note-symbol{font-size:23px}.hero-note{font-size:8px}.visual-index>span:first-child{font-size:5px}.vitoptics-image,.ddc-image{padding:20px}.inquiry-outline li{font-size:12px}.contact-form-panel{padding:24px}.contact-form-panel>.button{gap:15px;font-size:11px}}
@media(max-width:600px){.hero-visual{padding-bottom:70px}.hero-screenshot{aspect-ratio:1280/820}.hero-product-card{left:-16px;bottom:14px;width:40%}.hero-note{font-size:11px;bottom:39px;right:-11px;padding:16px}.hero-note .note-symbol{font-size:28px}.visual-index{margin-top:46px}.visual-index>span:first-child{font-size:5px}.hero-grid{gap:38px;padding-bottom:22px}.vitoptics-image,.ddc-image{height:265px;padding:22px}.contact-form-panel{padding:27px}.contact h2{font-size:64px}.contact-form-panel>.button{font-size:12px}.inquiry-outline li{font-size:13px}.dialog-header{padding:20px}.dialog-header h2{font-size:27px}.dialog-footer{padding:12px 20px}#inquiry-frame{padding:0 5px}.form-direct{font-size:9px}}
.visual-index{visibility:hidden}
.contact-grid>*{min-width:0}
@media(max-width:600px){.contact h2 em br{display:initial}}