
:root{--bg:#07070a;--s1:#0f0f14;--s2:#141419;--bd:rgba(255,255,255,.07);--bd2:rgba(255,255,255,.13);--t:#f0ede8;--mu:rgba(240,237,232,.58);--mu2:rgba(240,237,232,.32);--body-text:rgba(240,237,232,.84);--blue:#5CFB02;--gold:#FFBF3A;--red:#FF161B;--ease:cubic-bezier(0.22,1,0.36,1)}
html[data-theme="light"]{--bg:#f4f0ea;--s1:#fff;--s2:#ede9e0;--bd:rgba(0,0,0,.09);--bd2:rgba(0,0,0,.16);--t:#1a1714;--mu:rgba(26,23,20,.72);--mu2:rgba(26,23,20,.48);--body-text:rgba(26,23,20,.82)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Geist',system-ui,sans-serif;font-size:18px;line-height:1.65;background:#07070a;color:#f0ede8;overflow-x:hidden;transition:background .4s,color .4s;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,textarea,select{font-family:inherit}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.07)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}.rv{opacity:1!important;transform:none!important}}
::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#5CFB02;border-radius:2px}
.rv{opacity:0;transform:translateY(22px);transition:opacity .75s cubic-bezier(0.22,1,0.36,1),transform .75s cubic-bezier(0.22,1,0.36,1)}
.rv.in{opacity:1;transform:none}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}.d5{transition-delay:.5s}
.nl{position:relative;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(240,237,232,.58);transition:color .25s cubic-bezier(0.22,1,0.36,1)}
.nl::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:1.5px;background:#5CFB02;transform:scaleX(0);transform-origin:left;transition:transform .3s}
.nl:hover,.nl.on{color:#5CFB02}
.nl:hover::after,.nl.on::after{transform:scaleX(1)}
.uh{position:relative}
.uh::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:#5CFB02;transform:scaleX(0);transform-origin:left;transition:transform .35s}
.uh:hover::after{transform:scaleX(1)}
.cl{transition:transform .35s cubic-bezier(0.22,1,0.36,1),box-shadow .35s cubic-bezier(0.22,1,0.36,1)}
.cl:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(0,0,0,.4),0 0 0 1px rgba(92,251,2,.18)}
.cl .ci img{transition:transform .7s cubic-bezier(0.22,1,0.36,1)}
.cl:hover .ci img{transform:scale(1.06)}
.cl .arr{display:inline-block;transition:transform .3s}
.cl:hover .arr{transform:translateX(4px)}
.btn-g{display:inline-flex;align-items:center;gap:8px;background:#5CFB02;color:#111;padding:13px 30px;border-radius:2px;font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;border:none;cursor:pointer;transition:all .28s cubic-bezier(0.22,1,0.36,1)}
.btn-g:hover{background:#4de800;transform:translateY(-2px);box-shadow:0 12px 32px rgba(92,251,2,.42)}
.btn-o{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#f0ede8;padding:13px 30px;border-radius:2px;font-weight:600;font-size:13px;letter-spacing:.1em;text-transform:uppercase;border:1.5px solid rgba(255,255,255,.13);cursor:pointer;transition:all .28s cubic-bezier(0.22,1,0.36,1)}
.btn-o:hover{border-color:#FFBF3A;color:#FFBF3A;transform:translateY(-2px)}
.ib{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:rgba(240,237,232,.58);border:none;background:none;cursor:pointer;transition:color .2s,background .2s}
.ib:hover{color:#f0ede8;background:rgba(92,251,2,.08)}
.fi{width:100%;background:#141419;border:1.5px solid rgba(255,255,255,.07);border-radius:4px;padding:14px 16px;color:#f0ede8;font-size:16px;outline:none;transition:border-color .2s;resize:vertical}
.fi:focus{border-color:#5CFB02}
.fi::placeholder{color:rgba(240,237,232,.58)}
.mnl{display:block;padding:16px 0;font-size:20px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.07);transition:color .2s;color:#f0ede8}
.mnl:hover,.mnl.on{color:#5CFB02}
#hdr{position:fixed;top:0;left:0;right:0;z-index:400;height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,48px);background:rgba(7,7,10,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.07);transition:background .4s}
html[data-theme="light"] #hdr{background:rgba(244,240,234,.92)}
#dkNav{display:flex;gap:36px}
#mmenu{position:fixed;top:0;right:0;bottom:0;width:min(340px,100vw);background:#0f0f14;z-index:600;transform:translateX(110%);transition:transform .45s cubic-bezier(0.22,1,0.36,1);border-left:1px solid rgba(255,255,255,.07);padding:80px 32px 40px;display:flex;flex-direction:column;gap:4px}
#mmenu.on{transform:translateX(0)}
.bdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:595;opacity:0;pointer-events:none;transition:opacity .3s}
.bdrop.on{opacity:1;pointer-events:all}
.photo-strip::-webkit-scrollbar{display:none}
.photo-strip{scrollbar-width:none;-ms-overflow-style:none}
h1{font-size:clamp(32px,4.6vw,64px);font-weight:800;line-height:1.1;letter-spacing:-.03em;text-wrap:balance}
h2{font-size:clamp(26px,3.2vw,48px);font-weight:800;line-height:1.14;letter-spacing:-.022em;text-wrap:balance}
h3{font-size:clamp(18px,2.2vw,26px);font-weight:700;line-height:1.25;letter-spacing:-.012em}
h4{font-size:clamp(15px,1.8vw,20px);font-weight:700;letter-spacing:-.01em}
@media(max-width:900px){#dkNav{display:none!important}#hamB{display:flex!important}}
@media(min-width:901px){#hamB{display:none!important}}
@media(max-width:768px){body{font-size:16px}.svc-art{grid-template-columns:1fr!important}.svc-flip{order:0!important}.about-grid{grid-template-columns:1fr!important}.contact-grid{grid-template-columns:1fr!important}.footer-grid{grid-template-columns:1fr 1fr!important}.map-grid{grid-template-columns:1fr!important}.svc-cards{grid-template-columns:1fr 1fr!important}.magnet-bar{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}#portPrev{left:6px!important;width:36px!important;height:36px!important}#portNext{right:6px!important;width:36px!important;height:36px!important}}
@media(max-width:500px){.footer-grid{grid-template-columns:1fr!important}.svc-cards{grid-template-columns:1fr!important}.magnet-btns{flex-direction:column!important;width:100%!important}.magnet-btns a{width:100%!important;justify-content:center!important}}
html[data-theme="light"] .logo-img{mix-blend-mode:normal!important;filter:brightness(.88) saturate(1.15)!important}
