@font-face{font-family:'Barlow Condensed';src:url('../assets/fonts/barlow-condensed-latin-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{--ink:#081a38;--surface:#fff;--soft:#f5f7fb;--muted:#46546b;--line:#dce3ef;--accent:#1459d0;--action:#1765e9;--focus:#1765e9;--section:76px;color-scheme:light dark}
:root[data-theme=dark]{--ink:#e7efff;--surface:#091426;--soft:#101f36;--muted:#afc0dc;--line:#30415d;--accent:#8ab7ff;--action:#2064d2;--focus:#8ab7ff;color-scheme:dark}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:#e7efff;--surface:#091426;--soft:#101f36;--muted:#afc0dc;--line:#30415d;--accent:#8ab7ff;--action:#2064d2;--focus:#8ab7ff;color-scheme:dark}}
body{background:var(--surface);color:var(--ink)}:focus-visible{outline-color:var(--focus)}.site-header{background:var(--surface);border-bottom:1px solid var(--line)}.header-inner{min-height:82px;gap:22px}.main-nav{gap:22px}.brand-mark{stroke:var(--accent)}.section-label,.hero-intro,.text-link:hover,.main-nav>a:hover,.footer-top nav a:hover{color:var(--accent)}.button-blue{background:var(--action);color:#fff}.button-blue:hover{background:#0d4ebd}.button-white{background:#fff;color:#081a38}.hero,.services,.site-footer{background:var(--soft)}.hero-layout{min-height:480px;padding-bottom:36px}.hero{padding-top:32px}.hero-media{background:#081a38}.hero-bottom{padding-block:18px}.about-copy{padding-top:0}.about-copy p{font-size:16px}.about-copy p+p{margin-top:12px}.about-layout{gap:64px}.service-consult a{color:var(--ink)}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.service-item,.service-item:first-child{display:block;padding-block:19px}.service-item h3{font-size:19px}.service-item p{font-size:14px;margin-top:9px}.service-consult{grid-column:1/-1;padding-top:16px}.services-layout{grid-template-columns:.8fr 1.2fr;gap:72px}.section-label{margin-bottom:18px}.section-heading{margin-bottom:30px;gap:64px}.demo-filters button{background:var(--soft);color:var(--ink);border:1px solid var(--line)}.demo-filters button[aria-pressed=true],.demo-filters button:hover{background:var(--action);color:#fff;border-color:var(--action)}.demo-image{background:var(--soft)}.demo-caption>span{color:var(--muted);white-space:nowrap}.demo-grid{gap:32px 24px}.demo-grid .demo-card{min-width:0}.demo-open{background:#fff;color:#081a38}.process{background:#081a38;color:#fff}.process .section-heading{margin-bottom:0}.process-list{margin-top:32px}.step-index{margin-bottom:14px}.process-list p{font-size:14px;margin-top:10px}.faq-list summary span{color:var(--accent)}.contact{background:#1459d0;color:#fff}.contact-form-panel{background:var(--surface);color:var(--ink)}.form-fields input,.form-fields select,.form-fields textarea{background:var(--soft);color:var(--ink)}.form-fields input::placeholder,.form-fields textarea::placeholder{color:var(--muted)}.form-feedback{color:var(--accent)}.contact-form-panel :focus-visible{outline-color:var(--focus)}.footer-wordmark{font-size:clamp(38px,6vw,86px);padding-block:24px;color:var(--ink)}.site-footer{padding-top:38px}.menu-toggle{background:var(--soft);color:var(--ink)}.skip-link:focus{background:var(--surface);color:var(--ink)}
.theme-control{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;white-space:nowrap}.theme-control select{min-height:44px;max-width:96px;padding:8px 4px 8px 8px;border:1px solid var(--line);border-radius:4px;background:var(--soft);color:var(--ink);font-size:12px;cursor:pointer}.theme-control svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}.portfolio-intro{padding:64px 0 36px;background:var(--soft);border-bottom:1px solid var(--line)}.portfolio-intro h1{font-size:clamp(38px,5vw,64px);max-width:15em}.portfolio-intro .lead{margin-top:22px;color:var(--muted);max-width:58ch}.breadcrumb{display:inline-flex;min-height:44px;align-items:center;gap:10px;margin-bottom:20px;font-size:13px;color:var(--muted)}.breadcrumb:hover{color:var(--accent)}.portfolio-catalog{padding-top:36px}.rights-note{padding:16px 20px;border-left:3px solid var(--accent);background:var(--soft);font-size:13px;color:var(--muted);margin-bottom:24px;max-width:none}.rights-note strong{color:var(--ink)}.portfolio-end{margin-top:50px;padding-top:24px;border-top:1px solid var(--line);display:flex;gap:24px;align-items:center;justify-content:space-between}.portfolio-end p{color:var(--muted);font-size:14px}.demo-card a:focus-visible{outline-offset:3px}.project-note{font-size:12px;color:var(--muted);margin-top:12px}.card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;margin-top:10px}.card-actions .text-link{font-size:13px}.video-trigger{background:var(--soft);border:1px solid var(--line);border-radius:4px;color:var(--ink);font-size:12px;font-weight:650;min-height:44px;padding:8px 12px}.video-trigger:hover{border-color:var(--accent);color:var(--accent)}.brasa-poster{aspect-ratio:1200/820;background:#0b0a09;color:#f6eada;padding:24px 26px;display:flex;position:relative;flex-direction:column;justify-content:space-between;overflow:hidden}.brasa-poster .poster-top,.brasa-poster .poster-bottom{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.14em;position:relative;z-index:1}.poster-title{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(48px,6vw,86px);font-weight:700;line-height:.84;letter-spacing:-.02em;position:relative;z-index:1}.poster-title span{color:#ff6a19}.poster-rule{width:40px;height:3px;background:#ff6a19;margin-bottom:16px}.burger-symbol{position:absolute;right:8%;top:28%;width:38%;height:42%;transform:rotate(-9deg)}.burger-symbol i{display:block;position:absolute;left:0;width:100%;border:2px solid #ff9c5b;background:#2b180b}.burger-symbol .bun-top{height:40%;top:0;border-radius:100% 100% 15% 15%;background:#c26c25}.burger-symbol .cheese{top:45%;height:13%;background:#ffc247;border-color:#ffc247;transform:skewY(-5deg)}.burger-symbol .patty{top:60%;height:18%;border-radius:30%;background:#4e281a}.burger-symbol .bun-bottom{top:81%;height:18%;background:#c26c25;border-radius:10% 10% 45% 45%}.poster-bottom span:last-child{color:#ff9b62}.brasa-poster:hover .burger-symbol{transform:rotate(-5deg);transition:transform .3s}
.video-dialog{border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);padding:22px;width:min(940px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto}.video-dialog::backdrop{background:#020a19d9}.dialog-header{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:18px}.dialog-header h2{font-size:26px}.dialog-header p{font-size:12px;margin-top:8px;color:var(--muted)}.dialog-close{flex-shrink:0;width:44px;height:44px;background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:50%;font-size:25px;line-height:1}.video-layout{display:grid;grid-template-columns:minmax(0,1fr) 1fr;gap:26px;align-items:center}.video-layout video{display:block;aspect-ratio:9/16;width:100%;max-height:70dvh;background:#0b0a09;border-radius:4px}.video-info>p{font-size:14px;color:var(--muted);margin-top:14px}.video-info .rights-note{margin:0}.video-info details{font-size:13px;margin-top:18px}.video-info summary{cursor:pointer;padding-block:12px}.video-info details p{color:var(--muted);margin-top:8px}.modal-open{overflow:hidden}
@media(max-width:1150px){.main-nav{gap:15px;font-size:12px}.header-inner{gap:16px}.header-cta{display:none}.services-layout{gap:44px}.service-list{gap:0 20px}}
@media(max-width:900px){.menu-ready .main-nav{background:var(--surface)}.hero-layout{min-height:440px}.about-layout{gap:36px}.services-layout{grid-template-columns:1fr}.services-heading>p:not(.section-label){max-width:56ch}.service-list{margin-top:22px}.theme-control{gap:5px}.video-layout{grid-template-columns:minmax(0,1fr) 1fr}.poster-title{font-size:72px}}
@media(max-width:600px){:root{--section:52px}.header-inner{min-height:74px}.header-actions{gap:8px}.theme-control svg{display:none}.theme-control select{max-width:85px;font-size:12px}.theme-control .theme-label{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.brand{font-size:20px;gap:7px}.brand-mark{width:30px;height:30px}.menu-toggle{padding-inline:10px;gap:6px}.hero-layout{min-height:0}.hero{padding-top:26px}.hero-media figcaption{font-size:19px}.about-copy{padding-top:20px}.about-layout{gap:0}.service-list{grid-template-columns:1fr;margin-top:20px}.service-item,.service-item:first-child{padding-block:17px}.service-item p{font-size:14px;max-width:100%}.section-heading>p{font-size:14px}.demo-grid{gap:28px}.showcase{padding-bottom:48px}.showcase-bottom .button{width:100%;justify-content:space-between;margin-top:12px}.process-list{gap:26px 18px}.process-list p{font-size:13px}.portfolio-intro{padding:24px 0 30px}.portfolio-intro h1{font-size:40px}.portfolio-intro .lead{font-size:14px}.portfolio-end{flex-direction:column;align-items:stretch}.brasa-poster{padding:24px;min-height:225px}.poster-title{font-size:78px}.portfolio-catalog{padding-top:28px}.video-dialog{padding:18px;width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.video-layout{display:flex;flex-direction:column;gap:20px}.video-layout video{max-height:60dvh;width:auto;max-width:100%;margin-inline:auto}.video-info{width:100%}.dialog-header h2{font-size:23px}.dialog-header{gap:12px}.rights-note{padding:14px 16px}.video-info .rights-note{font-size:12px}.site-footer{padding-top:32px}}
.brasa-poster{width:100%;min-width:0;min-height:0}.brasa-poster .poster-title{font-size:clamp(48px,5vw,72px)}.brasa-poster .burger-symbol{width:32%;right:6%;top:33%}
.menu-ready .main-nav .nav-mobile-contact{color:var(--accent)}
@media(max-width:900px){.brasa-poster .poster-title{font-size:64px}}
@media(max-width:600px){.brasa-poster .poster-title{font-size:68px}}
@media(max-width:359px){.brand-mark{display:none}.header-actions{gap:5px}.menu-text{font-size:12px}.theme-control select{max-width:78px}}