:root{--bg:#0b0b0b;--panel:#ffffff0a;--panel2:#ffffff0f;--border:#ffffff1a;--text:#f5f5f5;--muted:#f5f5f5b3;--accent:#ff5a1f;--accentGlow:#ff5a1f47;--shadow:0 18px 60px #00000073;--radius:18px;--font-display:"Bebas Neue", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;--font-body:"Inter", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;--text-hero:clamp(3rem, 6vw, 4.8rem);--text-h2:clamp(1.5rem, 2.2vw, 2rem);--text-body:1.02rem;--text-small:.92rem}body{background:var(--bg)}#root{min-height:100vh;position:relative}main,header,section,nav{z-index:10;position:relative}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:radial-gradient(1200px 600px at 20% -10%, #ff5a1f2e, transparent 60%), radial-gradient(900px 500px at 80% 10%, #ff5a1f1a, transparent 60%), var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.55}.container{width:min(1120px,100% - 40px);margin:0 auto}.muted{color:var(--muted)}.small{font-size:var(--text-small)}@font-face{font-family:Zalando Sans Expanded;src:url(/assets/fonts/ZalandoSansExpanded.ttf)format("truetype");font-weight:400;font-style:normal}.nav-desktop{display:flex}.nav-toggle{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:14px;place-items:center;gap:6px;width:46px;height:44px;padding:10px;transition:transform .2s,background .2s;display:grid}.nav-toggle:hover{background:#ffffff14;transform:translateY(-1px)}.nav-toggle .bar{background:#f5f5f5e6;border-radius:999px;width:22px;height:2px;transition:transform .25s,opacity .25s;display:block}.bar1.open{transform:translateY(8px)rotate(45deg)}.bar2.open{opacity:0}.bar3.open{transform:translateY(-8px)rotate(-45deg)}.mobile-drawer{z-index:200;opacity:0;pointer-events:none;transition:opacity .2s;position:fixed;inset:0}.mobile-drawer.open{opacity:1;pointer-events:auto}.drawer-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b8;border:0;width:100%;height:100%;position:absolute;inset:0}.drawer-panel{background:#0a0a0aeb;border:1px solid #ffffff1f;border-radius:20px;transition:transform .22s;position:absolute;top:14px;left:14px;right:14px;overflow:hidden;transform:translateY(10px);box-shadow:0 28px 90px #000000a6}.mobile-drawer.open .drawer-panel{transform:translateY(0)}.drawer-head{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.drawer-brand{align-items:center;gap:10px;display:flex}.drawer-logo{object-fit:contain;filter:drop-shadow(0 0 10px #ff5a1f40);width:40px;height:40px}.drawer-brand-text{gap:2px;display:grid}.drawer-title{letter-spacing:.14em;text-transform:uppercase;color:#fff;font-family:BBH Hegarty,sans-serif}.drawer-title .accent{color:var(--accent)}.drawer-sub{color:#f5f5f5b3;font-family:Zalando Sans Expanded,sans-serif;font-size:.75rem}.drawer-close{color:#f5f5f5eb;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:14px;width:40px;height:40px}.nav-mobile{padding:10px;display:grid}.nav-mobile a{color:#f5f5f5e6;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;margin:8px 4px;padding:12px;text-decoration:none;transition:transform .2s,background .2s,border-color .2s}.nav-mobile a:hover{background:#ffffff12;border-color:#ff5a1f40;transform:translateY(-1px)}.drawer-actions{border-top:1px solid #ffffff1a;padding:14px 14px 16px}.lightbox-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000c7;border:0;position:absolute;inset:0}.lightbox-caption{color:#f5f5f5d9;text-align:center;border-top:1px solid #ffffff1a;padding:12px 14px}.icon-btn.close{top:10px;right:10px}@media (max-width:560px){.icon-btn.left,.icon-btn.right{display:none}}@media (max-width:768px){.nav-desktop{display:none}.nav-toggle{display:grid}}.navbar{z-index:90;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0000008c;border-bottom:1px solid #ffffff14;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;padding:14px 0;display:flex}.brand{align-items:center;gap:12px;text-decoration:none;display:flex}.brand-logo{object-fit:contain;filter:drop-shadow(0 0 6px #ff5a1f59);width:42px;height:42px}.brand-text{align-items:baseline;gap:6px;display:flex}.brand-title{letter-spacing:.18em;text-transform:uppercase;color:#fff;font-family:BBH Hegarty,sans-serif;font-weight:400}.brand-title.accent{color:var(--accent)}.nav{align-items:center;gap:18px;display:flex}.nav a{color:#f5f5f5d9;border-radius:10px;padding:8px 10px;font-size:.95rem;text-decoration:none;transition:background .2s,transform .2s}.nav a:hover{background:#ffffff0f;transform:translateY(-1px)}.nav-cta{background:#ff5a1f24;border:1px solid #ff5a1f59;border-radius:12px;font-weight:700}@media (max-width:768px){.brand-logo{width:36px;height:36px}.brand-title{letter-spacing:.14em;font-size:.9rem}.nav{display:none}}.hero{padding:72px 0 22px;position:relative}.hero-logo{filter:drop-shadow(0 0 14px #ff5a1f59);width:96px;height:auto;margin-bottom:14px}@media (max-width:560px){.hero-logo{width:72px;margin-bottom:10px}}.hero-bg{pointer-events:none;opacity:.95;background:radial-gradient(900px 380px at 18% 20%,#ff5a1f33,#0000 60%),radial-gradient(800px 360px at 80% 20%,#ffffff0f,#0000 60%);position:absolute;inset:0}.hero-content{padding:54px 0 26px;position:relative}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:22px;display:grid}.hero-left{position:relative}.hero-right{justify-items:end;gap:12px;display:grid;position:relative}.pill{color:#f5f5f5d9;width:fit-content;font-family:var(--font-body);letter-spacing:.02em;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:10px;padding:8px 12px;font-size:.92rem;font-weight:600;display:inline-flex}.hero-title{gap:6px;margin-top:14px;margin-bottom:18px;display:grid}.hero-h1{font-family:Firlest Regular,Regular sans-serif;font-size:var(--text-hero);letter-spacing:.22em;text-transform:uppercase;font-weight:800;line-height:.9}.hero-h1.accent{color:var(--accent);text-shadow:0 0 22px var(--accentGlow);font-weight:800}.split-char{display:inline-block}.hero-subtitle{color:#f5f5f5d1;letter-spacing:.01em;max-width:62ch;font-family:Zalando Sans Expanded,sans-serif;font-size:1.05rem;line-height:1.7}.hero-subtitle strong{color:#fff;font-weight:600}.hero-subtitle{text-wrap:balance}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.btn{letter-spacing:.01em;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-weight:800;text-decoration:none;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.btn.primary{color:#0b0b0b;background:var(--accent);border:1px solid #ff5a1f80;box-shadow:0 10px 35px #ff5a1f2e}.btn.primary:hover{transform:translateY(-1px)}.btn.ghost{color:var(--text);background:#ffffff0f;border:1px solid #ffffff1f}.btn.ghost:hover{background:#ffffff14;transform:translateY(-1px)}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px;display:grid}.stat{border-radius:var(--radius);background:#ffffff0d;border:1px solid #ffffff1a;padding:14px}.stat-value{letter-spacing:-.01em;font-size:1.25rem;font-weight:900}.stat-label{color:#f5f5f5b3;margin-top:2px;font-size:.92rem}.hero-photo-frame{background:#ffffff0a;border:1px solid #ffffff24;border-radius:26px;width:min(420px,100%);position:relative;overflow:hidden;box-shadow:0 28px 90px #0009}.hero-photo{object-fit:cover;filter:contrast(1.02)saturate(1.02);width:100%;height:520px;display:block}.hero-photo-glow{pointer-events:none;background:radial-gradient(380px 240px at 70% 20%,#ff5a1f38,#0000 60%);position:absolute;inset:-40px}.hero-badge{background:#ff5a1f1a;border:1px solid #ff5a1f40;border-radius:18px;width:min(420px,100%);padding:12px 14px}.hero-badge-title{letter-spacing:-.01em;font-weight:900}.hero-badge-sub{color:#f5f5f5bf;margin-top:2px;font-size:.95rem}.section{padding:64px 0}.section-dark{background:linear-gradient(#0000,#00000059);border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f}.section-head{gap:8px;margin-bottom:18px;display:grid}.section h2{font-size:var(--text-h2);letter-spacing:-.01em;font-weight:800}.whatsapp-float{z-index:120;color:#0b0b0b;background:var(--accent);border:1px solid #ff5a1f8c;border-radius:999px;padding:12px 14px;font-weight:900;text-decoration:none;transition:transform .2s;position:fixed;bottom:16px;right:16px;box-shadow:0 16px 50px #ff5a1f29}.whatsapp-float:hover{transform:translateY(-2px)}@media (max-width:980px){.hero-grid{grid-template-columns:1fr}.hero-right{justify-items:start}.hero-photo{height:420px}.nav{display:none}.stats{grid-template-columns:1fr}}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.work{border-radius:calc(var(--radius) + 2px);cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff1f;padding:0;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.work:hover{border-color:#ff5a1f59;transform:translateY(-2px)}.work img{object-fit:cover;filter:saturate(1.02)contrast(1.02);width:100%;height:320px;display:block}.work-overlay{background:linear-gradient(#0000,#000000c7);gap:4px;padding:14px;display:grid;position:absolute;inset:auto 0 0}.work-title{letter-spacing:-.01em;font-weight:900}.work-hint{color:#f5f5f5b3;font-size:.92rem}.lightbox{z-index:200;place-items:center;display:grid;position:fixed;inset:0}.lightbox-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b8;position:absolute;inset:0}.lightbox-content{background:#0a0a0ae0;border:1px solid #ffffff24;border-radius:22px;width:min(980px,100% - 28px);position:relative;overflow:hidden;box-shadow:0 28px 90px #000000a6}.lightbox-img{object-fit:contain;background:#00000059;width:100%;height:min(72vh,720px);display:block}.lightbox-caption{color:#f5f5f5d9;border-top:1px solid #ffffff1a;padding:12px 14px}.icon-btn{color:var(--text);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:14px;width:40px;height:40px;transition:transform .2s,background .2s;position:absolute;top:12px;right:12px}.icon-btn:hover{background:#ffffff14;transform:translateY(-1px)}.icon-btn.left,.icon-btn.right{width:44px;height:44px;font-size:24px;top:50%;right:auto;transform:translateY(-50%)}.icon-btn.left{left:10px}.icon-btn.right{right:10px}.services-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.card.service{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;transition:transform .2s,border-color .2s,background .2s}.card.service:hover{background:#ffffff0f;border-color:#ff5a1f47;transform:translateY(-2px)}.card.service h3{letter-spacing:-.01em;margin-bottom:6px;font-size:1.02rem;font-weight:800}.card.service p{color:#f5f5f5b8;font-size:var(--text-small);line-height:1.55}.steps{gap:10px;margin-top:14px;display:grid}.step{border-radius:var(--radius);background:#ffffff0a;border:1px solid #ffffff1a;grid-template-columns:60px 1fr;gap:12px;padding:14px;display:grid}.step-num{color:#ff5a1fd9;font-weight:900;font-family:var(--font-body);letter-spacing:-.01em}.step strong{font-weight:800}@media (max-width:980px){.works-grid{grid-template-columns:1fr}.work img{height:300px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.services-grid{grid-template-columns:1fr}}@font-face{font-family:Brotheric Regular Demo;src:url(/assets/Brotheric%20Regular%20Demo-IQwUvdFe.ttf)format("truetype");font-weight:400;font-style:normal}.hero-h1-brotheric{font-family:BBHHegarty-Regular,sans-serif}@font-face{font-family:BBH Hegarty;src:url(/assets/fonts/BBH-Hegarty.woff2)format("woff2");font-weight:400;font-style:Regular;font-display:swap}@font-face{font-family:Firlest Regular;src:url(/assets/Firlest-Regular-BM2GgOFc.otf)format("opentype");font-weight:400;font-style:normal}.hero-h1{letter-spacing:.22em;text-transform:uppercase;font-weight:400;line-height:.92;font-family:BBH Hegarty,sans-serif!important}.hero-h1.accent{color:var(--accent)}.brand-title{letter-spacing:.22em;text-transform:uppercase;font-weight:400;font-family:BBH Hegarty,sans-serif!important}.highlight{color:var(--accent);text-shadow:0 0 14px #ff5a1f38;white-space:nowrap;font-weight:700;position:relative}.highlight:after{content:"";transform-origin:0;background:linear-gradient(90deg,#ff5a1f00,#ff5a1fe6,#ff5a1f00);width:100%;height:2px;transition:transform .7s cubic-bezier(.2,.9,.2,1);position:absolute;bottom:-.15em;left:0;transform:scaleX(0)}.highlight.is-active:after{transform:scaleX(1)}.service-card{will-change:transform, opacity;will-change:transform, opacity}.section-title{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-family:Heraldic-Shadows,sans-serif;font-weight:400;font-size:var(--text-h2);text-shadow:0 0 12px #ff5a1f59,0 0 28px #ff5a1f26;line-height:1}.section-title:after{content:"";background:linear-gradient(90deg,#ff5a1ff2,#ff5a1f59,#ff5a1f00);border-radius:999px;width:64px;height:3px;margin-top:10px;display:block}.contact-grid{grid-template-columns:1.05fr .95fr;align-items:start;gap:14px;display:grid}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-inner{padding:18px}.panel-title{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.panel-title h3{letter-spacing:.02em;font-family:Zalando Sans Expanded,sans-serif;font-size:1.05rem;font-weight:800}.badge{color:#f5f5f5e0;letter-spacing:.03em;background:#ff5a1f1a;border:1px solid #ff5a1f47;border-radius:999px;padding:6px 10px;font-family:Zalando Sans Expanded,sans-serif;font-size:.8rem;font-weight:800}.kv{gap:10px;margin-top:10px;display:grid}.hero{background:radial-gradient(800px 400px at 20% 20%,#ff5a1f40,#0000 65%);position:relative}@media (max-width:768px){body{background-attachment:scroll}}body{color:var(--text);background-color:#0000;background-image:radial-gradient(1200px 600px at 15% -10%,#ff5a1f38,#0000 60%),radial-gradient(900px 500px at 85% 10%,#ff5a1f1f,#0000 60%),linear-gradient(#000 0%,#0b0b0b 45%,#000 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.kv-row{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;grid-template-columns:110px 1fr;gap:10px;padding:12px;display:grid}.kv-label{color:#f5f5f5b3;letter-spacing:.04em;text-transform:uppercase;font-family:Zalando Sans Expanded,sans-serif;font-size:.82rem;font-weight:800}.kv-value{color:#f5f5f5e6;font-family:Zalando Sans Expanded,sans-serif;font-size:.95rem}.contact-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.btn.secondary{color:var(--text);background:#ffffff0f;border:1px solid #ffffff1f}.btn.secondary:hover{background:#ffffff14;transform:translateY(-1px)}.form{gap:10px;margin-top:10px;display:grid}.field{gap:6px;display:grid}.field label{letter-spacing:.04em;color:#f5f5f5b8;text-transform:uppercase;font-family:Zalando Sans Expanded,sans-serif;font-size:.82rem;font-weight:800}.field input,.field textarea,.field select{color:#f5f5f5eb;background:#00000059;border:1px solid #ffffff1f;border-radius:14px;outline:none;width:100%;padding:12px;font-family:Zalando Sans Expanded,sans-serif;font-size:.95rem}.field textarea{resize:vertical;min-height:110px}.form-hint{color:#f5f5f5a6;font-size:.9rem;line-height:1.6}.map-wrap{border-radius:var(--radius);background:#ffffff0a;border:1px solid #ffffff1f;width:100%;height:420px;overflow:hidden}.map-iframe{border:0;width:100%;height:100%;display:block}.location-grid{grid-template-columns:1fr .9fr;align-items:start;gap:14px;display:grid}@media (max-width:980px){.location-grid{grid-template-columns:1fr}.contact-grid,.location-grid{grid-template-columns:1fr}.map-wrap{height:360px}}.hero-h1{text-transform:uppercase;letter-spacing:clamp(.12em,1.8vw,.22em);font-kerning:normal;text-rendering:geometricprecision;font-weight:400;line-height:.92;font-family:BBH Hegarty,sans-serif!important}.hero-h1:not(.accent){color:#fff}.hero-h1.accent{color:var(--accent);text-shadow:0 0 14px #ff5a1f59,0 0 28px #ff5a1f2e}@media (max-width:560px){.hero-h1{letter-spacing:.12em;line-height:.95}}@media (max-width:380px){.hero-h1{letter-spacing:.1em}}
