:root{--red:#c40000;--ink:#171717;--muted:#666;--line:#dedede;--soft:#f5f4f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;height:auto}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #1b72d8;outline-offset:4px}[hidden]{display:none!important}.container{width:min(1240px,calc(100% - 64px));margin:auto}.narrow{max-width:850px}.skip-link{position:absolute;top:-100px;background:white;padding:12px;z-index:100}.skip-link:focus{top:0}.topbar{background:#171717;color:#fff;font-size:12px}.topbar .container{display:flex;justify-content:space-between;padding-block:8px}.topbar a{text-decoration:none}.web-header{background:#fff;position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--line);box-shadow:0 3px 12px #00000008}.nav-row{display:flex;gap:28px;align-items:center;min-height:102px}.web-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:23px;font-weight:900;letter-spacing:-1px;line-height:1}.web-brand img{width:48px;height:48px;object-fit:contain}.brand-sub{display:block;font-size:11px;letter-spacing:3px;margin-top:6px}.nav-row nav{display:flex;gap:22px;align-items:center;margin-left:auto;font-size:14px}.nav-row nav a{text-decoration:none;white-space:nowrap}.nav-row nav a:hover,.nav-row summary:hover{color:var(--red)}.nav-row details{position:relative}.nav-row summary{cursor:pointer;list-style:none;white-space:nowrap}.nav-row summary:after{content:'⌄';margin-left:7px}.nav-panel{position:absolute;top:36px;left:-18px;min-width:240px;background:white;box-shadow:0 12px 40px #0002;border:1px solid var(--line);padding:15px}.nav-panel a{display:block;padding:9px 8px}.nav-contact{padding-block:6px}.lang-switch{display:flex;gap:6px;align-items:center;font-size:12px;white-space:nowrap}.lang-switch a{text-decoration:none;padding:5px}.lang-switch a[aria-current]{background:#171717;color:white;border-radius:3px}.nav-toggle{display:none}.language-suggestion{padding:14px;text-align:center;background:#fff2f2;font-size:14px}.language-suggestion a{font-weight:bold;margin-left:10px}.language-suggestion button{margin-left:15px;border:0;background:transparent}.hero{padding:86px 0 76px}.hero-grid{display:grid;grid-template-columns:1fr;gap:55px;align-items:center}.hero-image .hero-grid{grid-template-columns:1.1fr 1fr}.hero h1{font-size:clamp(45px,5.2vw,74px);line-height:1.04;letter-spacing:-3.5px;margin:18px 0 26px;font-weight:800}.hero h1 span{color:var(--red)}.lead{font-size:19px;color:#555;max-width:670px}.hero-photo{width:100%;height:490px;object-fit:cover;border-radius:4px}.eyebrow{font-size:11px;line-height:1.5;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);margin:0 0 17px}.actions{display:flex;gap:23px;align-items:center;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;justify-content:center;align-items:center;background:var(--red);color:#fff;padding:14px 22px;text-decoration:none;border:1px solid var(--red);border-radius:3px;font-size:14px;font-weight:700;line-height:1.4}.button:hover{background:#a80000}.button.light{background:white;color:#171717;border-color:white}.text-link{font-weight:bold;font-size:14px}.section{padding:78px 0}.soft{background:var(--soft)}h2{font-size:clamp(28px,3vw,42px);line-height:1.14;letter-spacing:-1.5px;margin:0 0 25px;max-width:850px}h3{font-size:21px;line-height:1.25;letter-spacing:-.5px;margin:0 0 12px}p{margin:0 0 20px}.section-intro{max-width:800px;font-size:19px;color:#555}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:38px}.service-card{border:1px solid var(--line);padding:32px;display:flex;flex-direction:column;align-items:flex-start;border-radius:4px}.card-number{color:var(--red);font-size:12px;font-weight:bold;margin-bottom:30px}.service-card p{color:#666;font-size:15px}.service-card a{font-size:13px;font-weight:bold;margin-top:auto}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split>img{width:100%;height:420px;object-fit:cover;border-radius:4px}.split p{color:#555}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:40px}.process-grid article{border-top:1px solid var(--line);padding-top:20px}.process-grid span{color:var(--red);font-weight:bold;font-size:13px;display:block;margin-bottom:22px}.process-grid p{color:#666;font-size:14px}.faq{border-bottom:1px solid #d1d1d1;padding:20px 0}.faq summary{font-weight:bold;cursor:pointer;padding-right:25px}.faq p{margin:18px 0 0;color:#555}.cta-section{background:#171717;color:white;padding:65px 0}.cta-inner{display:flex;justify-content:space-between;gap:45px;align-items:center}.cta-inner>div{max-width:730px}.cta-inner .eyebrow{color:#f65e5e}.cta-inner p{color:#ccc}.cta-inner .button{white-space:nowrap}.web-footer{background:#f3f2ef;padding:62px 0 25px}.footer-grid{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:55px;font-size:14px}.footer-brand{font-size:19px;letter-spacing:-.5px}.footer-grid h2{font-size:15px;letter-spacing:0}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px}.footer-grid p{color:#666;margin:15px 0}.footer-links a{text-decoration:none}.footer-bottom{border-top:1px solid #ddd;margin-top:40px;padding-top:22px;color:#666;font-size:12px;display:flex;justify-content:space-between}.floating-wa{position:fixed;right:20px;bottom:18px;border-radius:25px;padding:12px 20px;background:#171717;color:white;box-shadow:0 3px 20px #0003;font-size:13px;font-weight:bold;text-decoration:none;z-index:9}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.quote-form{padding:36px;background:var(--soft);border:1px solid var(--line);border-radius:4px}.quote-form h2{font-size:28px}.quote-form label{display:block;font-size:14px;font-weight:bold;margin-bottom:22px}.quote-form input,.quote-form select,.quote-form textarea{display:block;width:100%;border:1px solid #bbb;border-radius:3px;padding:12px;background:#fff;margin-top:8px;color:#171717}.quote-form textarea{resize:vertical}.quote-form .button{width:100%}.fine-print{font-size:12px;color:#666;margin-top:18px}.related-links{display:flex;gap:12px;flex-wrap:wrap}.related-links a{border:1px solid var(--line);padding:10px 16px;text-decoration:none;font-size:13px;border-radius:3px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:30px}.filters button{border:1px solid var(--line);background:#fff;border-radius:25px;padding:10px 17px;font-size:13px}.filters button[aria-pressed=true]{background:#171717;border-color:#171717;color:#fff}.portfolio-grid,.store-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.portfolio-card,.product-card{border:1px solid var(--line);border-radius:4px;overflow:hidden}.portfolio-card img,.product-card img{width:100%;height:240px;object-fit:cover}.portfolio-card>div,.product-card>div{padding:26px}.portfolio-card h2,.product-card h2{font-size:25px;letter-spacing:-.7px}.portfolio-card p,.product-card p{color:#666;font-size:14px}.portfolio-card a{font-size:13px;font-weight:bold}.credits{margin-top:35px;font-size:13px;color:#666}.credits summary{cursor:pointer;font-weight:bold;margin-bottom:20px}.credits p{margin-bottom:10px}.store-grid .button{font-size:13px}.svg-button{display:block;width:100%;padding:13px;margin:12px 0;background:#fff;border:1px solid #aaa;border-radius:4px;font-weight:bold}.svg-note{font-size:12px;color:#666;line-height:1.6}.export-status{font-size:13px;margin:10px 0;color:#555}
@media(min-width:1050px){body[data-page="index.html"] .card-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1050px){.nav-row{gap:18px;flex-wrap:wrap;padding:18px 0;min-height:85px}.nav-toggle{display:block;margin-left:auto;background:white;border:1px solid #ccc;border-radius:3px;font-size:22px;width:42px;height:42px}.nav-row nav{display:none;order:4;flex-basis:100%;margin:0;align-items:stretch;gap:0;border-top:1px solid #ddd;padding-top:15px}.nav-row nav.open{display:flex;flex-direction:column}.nav-row nav>a{padding:12px 0}.nav-row summary{padding:12px 0}.nav-panel{position:static;box-shadow:none;min-width:0;border:0;background:#f5f5f5;padding:5px 15px}.hero-image .hero-grid{gap:35px}.hero-photo{height:390px}.card-grid,.portfolio-grid,.store-grid{grid-template-columns:repeat(2,1fr)}.split{gap:40px}.footer-grid{gap:30px}.footer-links{grid-template-columns:1fr}.hero h1{letter-spacing:-2px}}@media(max-width:700px){.container{width:calc(100% - 36px)}.topbar{font-size:10px}.hero{padding:45px 0}.hero-image .hero-grid,.split,.contact-grid{grid-template-columns:1fr}.hero h1{font-size:46px;letter-spacing:-2px}.hero-photo{height:330px}.lead{font-size:17px}.section{padding:50px 0}.card-grid,.portfolio-grid,.store-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr;gap:25px}.cta-inner{display:block}.cta-inner .button{margin-top:20px}.footer-grid{grid-template-columns:1fr;gap:35px}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.quote-form{padding:25px}.split>img{height:330px}.contact-grid{gap:35px}.web-brand{font-size:20px}.web-brand img{width:40px;height:40px}.lang-switch{font-size:11px}.nav-row{gap:10px}.floating-wa{right:12px;bottom:12px;padding:10px 16px}.portfolio-card img,.product-card img{height:260px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap} .sign-art.rounded{font-family:Arial,Helvetica,sans-serif;border-radius:5px} #download-svg,#share-svg{margin-top:12px;background:#171717}.designer-intro .eyebrow{margin-bottom:20px}.next-steps a{color:#fff} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Sticky navigation keeps desktop and mobile menus visible during scrolling. */
html{scroll-padding-top:120px}
@media(max-width:1050px){.web-header{max-height:100vh;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain}html{scroll-padding-top:100px}}
@media print{.web-header{position:static;box-shadow:none}}

/* Highlight only the current page and its parent navigation section. */
.nav-row nav>a,.nav-row nav>details>summary{padding-block:6px;border-bottom:2px solid transparent}
.nav-row nav>a[aria-current="page"],.nav-row nav>details.is-current>summary{border-bottom-color:var(--red)}
.nav-panel a[aria-current="page"]{color:var(--red);font-weight:700;text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:5px}
@media(max-width:1050px){.nav-row nav>a,.nav-row nav>details>summary{padding-block:12px}}


