/* Shared navigation, readable controls and project guidance. */
.promo-film{padding-top:64px;padding-bottom:48px}.promo-film h2{margin:14px 0 24px}.promo-film>p{max-width:820px;color:var(--muted)}.promo-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#102c29;border-radius:12px;margin:28px 0 18px}.promo-film .visual-note{font-size:.875rem}.promo-film .actions{display:flex;flex-wrap:wrap;gap:12px}
html{scroll-padding-top:24px}body{overflow-wrap:break-word}a,button,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #97601f;outline-offset:4px}button,input,select,textarea{font-size:1rem}button,.button,.nav-cta{min-height:44px}.language-switch a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.skip-link{position:fixed;top:8px;left:12px;transform:translateY(-180%);z-index:100;background:#152220;color:white;padding:12px 20px;border-radius:6px}.skip-link:focus{transform:translateY(0)}.mobile-menu{display:none}.faq{max-width:900px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:600;font-size:1.05rem;min-height:44px;padding:8px 0}.faq details p{max-width:720px;color:var(--muted);margin:12px 0 8px}.project-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.project-steps .step{min-width:0}.connection-fields{border:1px solid var(--line);border-radius:12px;padding:20px;margin:8px 0;display:grid;gap:12px;min-width:0}.connection-fields legend{font-weight:600;padding:0 8px}.connection-fields .form-note{margin:0}.kicker,.eyebrow,.type,.specs span,.number{font-size:14px}.hero h1{line-height:1.04}.form-note,.contact-note,.canvas-note{line-height:1.65}.hero-media img{display:block}.footer a{text-underline-offset:4px}.footer a:hover{text-decoration:underline}
@media(max-width:1100px){header.nav{position:relative}.mobile-menu{display:block;order:10;flex-basis:100%;border-top:1px solid var(--line);padding-top:8px}.mobile-menu summary{cursor:pointer;font-weight:600;min-height:44px;padding:8px 4px}.nav .mobile-menu nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px 0 14px}.mobile-menu a{padding:12px;border-radius:8px;background:var(--ivory);font-size:15px;min-height:46px}.mobile-menu a:hover{background:var(--line)}}
@media(max-width:680px){.nav .mobile-menu nav{grid-template-columns:repeat(2,minmax(0,1fr))}.project-steps{grid-template-columns:1fr}.process-wrap{padding:32px 24px}.process-top{grid-template-columns:1fr;gap:22px;margin-bottom:32px}.card.featured{grid-template-columns:1fr!important}.card.featured .card-info{padding:26px}.hero h1{font-size:clamp(2.8rem,12vw,4rem)}.connection-fields{padding:16px}.request-wrap{padding:24px 18px}.toolbar button{min-height:44px}.faq{padding-top:48px;padding-bottom:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Provisional premium editorial theme — easy to replace later. */
:root{--ink:#14211f;--green:#102c29;--ivory:#f1eee7;--paper:#fbfaf7;--gold:#b78950;--muted:#65716d;--line:#d5d7d1}
body{background:var(--paper);letter-spacing:.005em}body:before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--green) 0 72%,var(--gold) 72% 100%)}
.nav{border-bottom:1px solid var(--line);max-width:1240px}.brand{font-size:1.45rem;letter-spacing:-.055em}.brand span{color:var(--gold)}
.nav nav a,.footer a{transition:color .2s ease}.nav nav a:hover,.footer a:hover{color:var(--gold);text-decoration:none}
.button,.nav-cta{border-radius:7px;letter-spacing:.01em;box-shadow:0 2px 0 rgba(20,33,31,.06)}.button:hover,.nav-cta:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(20,33,31,.1)}.button.primary,.button.gold{background:var(--gold);border-color:var(--gold);color:var(--ink)}.button.dark{background:var(--green);border-color:var(--green)}
.hero{box-shadow:0 18px 44px rgba(20,33,31,.08)}.hero h1,.section-title,h1,h2{letter-spacing:-.07em}.hero-copy{padding-top:84px;padding-bottom:84px}.hero-stamp{border-radius:8px;box-shadow:0 8px 24px rgba(20,33,31,.1)}
.card,.product,.demo-card,.cart,.contact-panel,form{border:1px solid rgba(20,33,31,.08);box-shadow:0 10px 28px rgba(20,33,31,.045)}.card{border-radius:10px}.card-info,.product-copy{padding:28px}.card h3,.product h3{letter-spacing:-.045em}.card-media img,.product img{transition:transform .45s ease}.card:hover img,.product:hover img{transform:scale(1.015)}
.process-wrap,.messe{box-shadow:0 14px 36px rgba(20,33,31,.12)}.process-wrap{border-radius:12px}.process-wrap .button{box-shadow:none}.faq details{border-color:var(--line)}
.contact-panel,form{border-radius:12px}.contact-panel input,.contact-panel textarea,form input,form select,form textarea{border-radius:6px;border-color:#cbd0ca;background:#fffefa}.contact-panel input:focus,.contact-panel textarea:focus,form input:focus,form select:focus,form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(183,137,80,.16);outline:0}
.collection-head,.section-head{border-bottom:1px solid var(--line);padding-bottom:22px}.kicker,.eyebrow{color:#9b6b33}.notice{background:var(--green);letter-spacing:.12em}.footer{padding-top:30px}
@media(max-width:680px){body:before{height:3px}.hero-copy{padding-top:58px;padding-bottom:58px}.card-info,.product-copy{padding:24px}}