:root{--bg:#f7f4ed;--paper:#f7f4ed;--navy:#142732;--copper:#b87952;--amber:#b87952;--ink:#1b2d36;--muted:#617078;--line:#dadbd3;--soft:#eee9e0}body{background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.container{max-width:1280px}.topbar{background:var(--navy);color:#e6e7e2}.header{background:var(--paper);border-bottom:1px solid var(--line)}.nav{height:100px}.brand{display:flex;align-items:center;gap:12px}.modoko-mark{width:49px;height:49px;max-width:none}.modoko-wordmark{font-size:23px;font-weight:800;letter-spacing:3px;color:var(--ink);line-height:1.2}.modoko-wordmark small{display:block;font-size:10px;letter-spacing:5px;margin-top:6px}.nav nav{gap:24px}.nav nav a{font-size:13px}.button-primary,.mobile-bar a:last-child{background:var(--copper);color:white}.button-primary:hover{background:#955c39}.language-switch{background:#eee9e0;color:var(--ink);font-size:11px}.language-switch a[aria-current=page]{background:var(--navy)}.eyebrow,.text-link,.prose a,.mobile-main-menu a{color:#925633}.nav nav a:hover,.text-link:hover{color:var(--copper)}h1,h2,h3{font-weight:500;letter-spacing:-1px}main.container>h1,.content-detail>h1{font-size:clamp(34px,4.5vw,60px);max-width:1050px;margin-bottom:25px}.breadcrumb{color:var(--muted);margin-bottom:30px}.service-card{background:#fffcf6;border:1px solid var(--line);border-radius:0;box-shadow:none;transition:transform .2s,border-color .2s}.service-card:hover{transform:translateY(-4px);border-color:var(--copper)}.service-card h2{line-height:1.25}.service-grid{gap:24px}.gallery-card-cover{border-radius:0}.gallery-card-cover img{height:100%!important}.sidebar-box{background:var(--navy);color:var(--paper);border:0;border-top:4px solid var(--copper)}.sidebar-box a{color:#e9c2a7;border-color:#34464e}.prose{font-size:16px;line-height:1.9}.prose h2{margin-top:35px}.technical-table th{background:#eee9e0}.technical-table td{background:#fffcf6}.service-examples img,.prose figure img{border-radius:0;border-color:var(--line);background:#eee9e0}.service-examples figcaption{color:var(--muted)}.faq-item{background:#fffcf6;border-color:var(--line)}.contact-band{background:var(--navy)}.contact-band .button-primary{background:var(--copper);color:white}.contact-band .eyebrow{color:#dfad8c}footer{background:var(--navy);color:var(--paper);margin-top:40px}.footer-grid .modoko-wordmark{color:var(--paper)}.footer-links{line-height:2.5;padding-block:24px}.whatsapp-float{background:var(--navy)}.mobile-main-menu{border-color:var(--line)}.auth-card,.quote-card{background:#fffcf6;border-color:var(--line)}input,select,textarea{accent-color:var(--copper)}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline-color:var(--copper)}.modoko-home{--navy:#142732;--copper:#b87952;--paper:#f7f4ed;--ink:#1b2d36;--muted:#617078}.modoko-home .hero{background:var(--paper);color:var(--ink)}.modoko-home .hero h1{font-size:clamp(45px,4.7vw,76px);font-weight:500;line-height:1.09}.modoko-home .hero-photo>img{max-width:none}.modoko-home .service{box-shadow:none;border-radius:0}.modoko-home .gallery{margin:0}.modoko-home .gallery button{position:static;display:block}.modoko-home .gallery img{max-width:none}.modoko-home .services{margin-top:30px}.modoko-home .photo-tag{line-height:normal}.modoko-lightbox{border:0;padding:16px;background:var(--navy);color:white;max-width:90vw}.modoko-lightbox::backdrop{background:#071117dc}.modoko-lightbox img{max-width:80vw;max-height:77vh;display:block;margin:auto}.modoko-lightbox .close{position:absolute;right:18px;top:18px;background:white;color:var(--navy);width:36px;height:36px;font-size:27px;cursor:pointer}.modoko-lightbox p{font-size:13px}.modoko-home .hero-meta{line-height:1.4}.modoko-home h2{font-size:43px}.modoko-home .contact h2{color:var(--ink)}@media(max-width:760px){.nav{height:85px}.modoko-mark{width:39px;height:39px}.modoko-wordmark{font-size:19px}.modoko-wordmark small{font-size:8px}.service-layout aside{order:0}.modoko-home h2{font-size:35px}.modoko-home .hero h1{font-size:48px}.modoko-home .actions{flex-wrap:wrap}footer{padding-bottom:30px}.footer-links{padding-bottom:85px}.modoko-home .hero-photo{min-width:0}.modoko-home .hero-meta{font-size:8px}}
.modoko-home .hero .eyebrow{color:#925633}.modoko-home .gallery button{background:transparent}.modoko-home .photo-tag strong{color:white}.modoko-home .contact address{color:var(--ink)}

/* Non-modal bottom cookie banner. Only the banner itself receives pointer events. */
dialog[data-consent-dialog]{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;box-sizing:border-box;max-height:60dvh;overflow:auto;padding:12px max(20px,calc((100vw - 1280px)/2));border:0;border-top:2px solid var(--copper);border-radius:0;background:var(--paper);color:var(--ink);box-shadow:0 -4px 20px #14273220;font:14px/1.5 Arial,Helvetica,sans-serif;z-index:1000}
dialog[data-consent-dialog]:not([open]){display:none}
dialog[data-consent-dialog] h2{font-size:17px;margin:0 28px 4px 0;letter-spacing:0}
dialog[data-consent-dialog] p{margin:4px 26px 8px 0}
dialog[data-consent-dialog] button{min-height:40px;padding:8px 14px;border:1px solid var(--navy);border-radius:4px;font:inherit;font-weight:600;cursor:pointer;background:var(--navy);color:#fff}
dialog[data-consent-dialog] [data-consent-reject],dialog[data-consent-dialog] [data-consent-preferences]{background:transparent;color:var(--navy)}
dialog[data-consent-dialog] [data-consent-close]{position:absolute;top:6px;right:8px;width:36px;min-height:36px;padding:0;border:0;background:transparent;color:var(--navy);font-size:25px}
dialog[data-consent-dialog] .consent-actions{display:flex;flex-wrap:wrap;gap:8px}
dialog[data-consent-dialog] [data-consent-options]{padding:8px 0 12px}
dialog[data-consent-dialog] label{display:inline-block;margin:6px 16px 6px 0}
dialog[data-consent-dialog] input{width:18px;height:18px;vertical-align:middle;margin-right:6px}
dialog[data-consent-dialog] a{color:#874a28;text-decoration:underline}
@media(max-width:600px){dialog[data-consent-dialog]{padding:10px 12px max(10px,env(safe-area-inset-bottom));font-size:12px}dialog[data-consent-dialog] h2{font-size:16px}dialog[data-consent-dialog] .consent-actions{gap:6px}dialog[data-consent-dialog] button{padding:8px 10px;font-size:12px}}@media(max-width:800px){[data-consent-open]{margin-bottom:84px!important}}
:root,.modoko-home{--copper:#945235;--amber:#945235}.eyebrow,.text-link,.prose a,.mobile-main-menu a,.modoko-home .hero .eyebrow{color:#7f472f}
.modoko-home .work-section h2 em{color:#e0aa87}.modoko-home .contact .eyebrow{color:#74422c}.modoko-home .contact address small{color:#47565d}footer .footer-grid>span,footer .footer-grid p{color:#bac3c7}
@media(max-width:800px){dialog[data-consent-dialog]{bottom:calc(60px + env(safe-area-inset-bottom))}}