:root{
  --bg:#0a0a0f; --bg2:#0e0b16; --surface:#13101c; --surface2:#1a1425;
  --line:rgba(223,220,255,.12);--line-strong:rgba(220,208,255,.22);
  --white:#f5f3fc;--text:#d7d5e7;--muted:#9998b0;--dim:#6d6b86;
  --purple:#c565ff;--purple-bright:#e1a4ff;--purple-deep:#7a00ff;
  --max:1380px;--ease:cubic-bezier(.22,1,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:106px}
body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img,svg{max-width:100%}img{display:block}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}::selection{background:#753bcc;color:white}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #d5a4ff;outline-offset:4px}
.container{width:min(100% - 112px,var(--max));margin-inline:auto}.svg-icons{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-100px;left:20px;z-index:1000;background:#fff;color:#120926;padding:12px 18px;border-radius:8px}.skip-link:focus{top:15px}
.page-noise{position:fixed;inset:0;z-index:80;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.81' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' opacity='.26' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
/* Header */
.site-header{position:sticky;top:0;z-index:70;border-bottom:1px solid rgba(241,234,255,.07);background:rgba(8,9,17,.82);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:background .2s,border-color .2s}.site-header.is-scrolled{background:rgba(8,9,17,.95);border-bottom-color:var(--line)}
.header-inner{height:87px;display:flex;align-items:center;gap:34px}.logo{display:flex;flex-direction:column;line-height:.98;flex-shrink:0;min-width:150px}.logo-type{font-size:31px;font-weight:900;letter-spacing:-2px;font-style:italic;color:#f5f2fc}.logo-dot,.footer-logo span{color:var(--purple)}.logo-sub{font-size:8px;font-weight:750;letter-spacing:5px;color:#aaa8c3;padding-left:2px;margin-top:7px}.navigation{margin-left:auto;display:flex;gap:30px;align-items:center}.navigation a{font-size:13px;color:#b5b3c9;font-weight:600;position:relative;transition:color .2s}.navigation a::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:1px;background:var(--purple);transition:width .3s}.navigation a:hover,.navigation a.is-active{color:white}.navigation a:hover::after,.navigation a.is-active::after{width:100%}
.header-actions{display:flex;align-items:center;gap:20px;margin-left:15px}.language-switch{display:flex;align-items:center;gap:5px;white-space:nowrap}.language-switch span{font-size:11px;color:#5e5b70}.lang-choice{border:0;background:none;color:#6b697c;font-size:11px;font-weight:800;padding:5px 2px;letter-spacing:.04em}.lang-choice:hover,.lang-choice.is-selected{color:#fff}
.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:17px 23px;min-height:53px;border:1px solid transparent;border-radius:7px;font-weight:750;font-size:13px;letter-spacing:.005em;white-space:nowrap;transition:transform .3s var(--ease),background .2s,border-color .2s,box-shadow .3s;color:#fff}.button:hover{transform:translateY(-3px)}.button svg{height:17px;width:17px}.button-primary{background:linear-gradient(120deg,#8040e7 0%,#a561ff 52%,#bf77f6 100%);box-shadow:0 16px 42px rgba(102,37,200,.22);color:white}.button-primary:hover{box-shadow:0 18px 55px rgba(130,67,245,.38)}.button-outline{border-color:var(--line-strong);background:rgba(255,255,255,.025);color:#e6e1f6}.button-outline:hover{background:rgba(161,95,248,.08);border-color:rgba(170,107,249,.6)}.button-sm{min-height:41px;padding:11px 16px;gap:12px;font-size:12px}.button-sm svg{width:15px;height:15px}.mobile-menu{display:none;background:transparent;color:#fff;border:1px solid var(--line);border-radius:6px;width:44px;height:42px;align-items:center;justify-content:center}.mobile-menu svg{width:21px;height:21px}.mobile-menu .close-ico{display:none}.mobile-menu[aria-expanded=true] .open-ico{display:none}.mobile-menu[aria-expanded=true] .close-ico{display:block}
/* Hero */
.section-frame{position:relative;isolation:isolate;overflow:hidden}.hero{min-height:min(765px,calc(100vh - 85px));border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(ellipse at 81% 33%,rgba(120,41,196,.17),transparent 40%),radial-gradient(ellipse at 45% 98%,rgba(73,29,130,.11),transparent 37%),linear-gradient(180deg,#0b0b15,#080911 87%)}.hero:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background-image:linear-gradient(rgba(160,120,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(160,120,255,.035) 1px,transparent 1px);background-size:82px 82px;mask-image:linear-gradient(90deg,transparent,#000 70%,transparent)}.hero-ambient{position:absolute;width:650px;height:650px;border-radius:50%;right:1%;top:1%;background:radial-gradient(circle,rgba(112,47,194,.17),transparent 64%);filter:blur(35px);pointer-events:none;z-index:-1}.hero-inner{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:50px;padding-block:100px 95px}.hero-copy{position:relative;z-index:4}.eyebrow{display:flex;align-items:center;gap:12px;color:#d0c1eb;font-size:10px;font-weight:850;letter-spacing:.23em;margin-bottom:27px}.eyebrow-signal{width:7px;height:7px;border-radius:50%;background:#b36cff;box-shadow:0 0 15px #a960ff}.hero h1{font-size:clamp(53px,5.3vw,86px);letter-spacing:-.073em;line-height:1.06;color:var(--white);font-weight:850;margin:0 0 30px;text-wrap:balance}.text-shine{background:linear-gradient(112deg,#fff 0%,#f7f5ff 17%,#c8b2f7 51%,#9c59ef 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:17px;max-width:570px;line-height:1.83;color:#a9a8bc;margin:0 0 35px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-meta{display:flex;align-items:center;gap:12px;margin-top:58px;color:#7f7c94;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.meta-led{width:5px;height:5px;border-radius:50%;background:#ad6af4;box-shadow:0 0 12px #8c44ea}.hero-showcase{position:relative;min-width:0;filter:drop-shadow(0 30px 50px rgba(0,0,0,.4))}.visual-frame{position:relative;border:1px solid rgba(197,164,255,.24);border-radius:18px;padding:11px;background:linear-gradient(145deg,rgba(57,42,78,.74),rgba(10,10,17,.93) 55%,rgba(37,24,59,.8));box-shadow:0 25px 85px rgba(0,0,0,.44),0 0 75px rgba(103,32,183,.13);transform:perspective(1250px) rotateY(-7deg) rotateX(2deg);transition:transform .7s var(--ease)}.hero-showcase:hover .visual-frame{transform:perspective(1250px) rotateY(-2deg) rotateX(0)}.hero-art{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center;filter:contrast(1.04) saturate(1.03);border-radius:8px;border:1px solid rgba(194,151,255,.13)}.visual-frame:after{content:"";position:absolute;inset:43px 12px 44px;border-radius:8px;pointer-events:none;box-shadow:inset 0 0 50px #0a0713;z-index:1}.visual-top,.visual-bottom{height:28px;display:flex;align-items:center;justify-content:space-between;gap:6px;color:#89819f;letter-spacing:.16em;font-size:9px;font-weight:800;padding:0 8px}.visual-top .visual-cross{color:#b47afe;font-size:17px;line-height:1}.visual-bottom{height:32px}.visual-dots{letter-spacing:.3em;color:#a15df4;font-size:8px}.float-chip{position:absolute;display:flex;align-items:center;gap:10px;z-index:3;padding:13px 17px;background:rgba(14,14,26,.94);border:1px solid rgba(188,154,250,.27);box-shadow:0 16px 42px rgba(0,0,0,.3);border-radius:9px;color:#a6a1bb;font-size:9px;line-height:1.7;letter-spacing:.11em;backdrop-filter:blur(20px)}.float-chip strong{color:#f0eaff;font-size:10px;letter-spacing:.1em}.float-chip-top{right:-17px;top:10%;animation:float 7s ease-in-out infinite}.float-chip-bottom{left:-30px;bottom:12%;animation:float 8s ease-in-out -2s infinite}.chip-mark{height:35px;width:35px;display:grid;place-items:center;color:#f6eaff;background:rgba(120,64,193,.2);border-radius:7px;font-size:16px;font-weight:700}.chip-mark.purple{font-size:22px;color:#bd86ff}.hero-bottom{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;font-size:10px;letter-spacing:.21em;color:#767189;font-weight:800}
@keyframes float{50%{transform:translateY(-10px)}}
.ticker{border-bottom:1px solid var(--line);background:#0e0d18;overflow:hidden}.ticker-inner{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-block:24px;white-space:nowrap}.ticker-inner span{font-size:10px;font-weight:800;letter-spacing:.11em;color:#b2aec6}.ticker-inner i{font-size:10px;color:var(--purple);font-style:normal}
/* Sections */
.section{padding-block:135px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:45px}.section-kicker{display:flex;align-items:center;gap:8px;color:#b296e0;font-size:11px;letter-spacing:.19em;font-weight:850;margin:0 0 24px;text-transform:uppercase}.section-kicker>span:first-child{color:#e0d8f6}.section-heading h2,.expertise-text h2,.about-content h2,.contact-intro h2,.faq-heading h2{font-size:clamp(37px,4.1vw,61px);line-height:1.13;letter-spacing:-.065em;margin:0;font-weight:820;color:var(--white)}.muted-head{color:#878398}.section-intro{max-width:400px;flex-shrink:1}.section-intro p{line-height:1.85;font-size:14px;color:#a09db3;margin:0 0 25px}.section-line{height:1px;width:100%;background:linear-gradient(90deg,#9456e6 0,rgba(184,146,237,.25) 48%,transparent 100%);display:block}
/* Services */
.section-services{padding-bottom:140px}.service-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.filter-btn{background:#11111b;border:1px solid var(--line);border-radius:7px;color:#9994ad;padding:11px 18px;font-size:12px;font-weight:800;transition:all .25s}.filter-btn span{font-size:10px;margin-left:8px;color:#a991cd}.filter-btn:hover,.filter-btn.active{border-color:rgba(176,112,250,.5);background:#241932;color:#eae2fb}
.services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.service-card{min-height:352px;padding:25px 24px 22px;position:relative;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(165deg,rgba(26,25,40,.93),rgba(13,13,23,.96));border:1px solid rgba(221,207,255,.105);border-radius:12px;transition:border-color .3s,transform .4s var(--ease),background .3s;isolation:isolate}.service-card:before{content:"";position:absolute;inset:auto -80px -160px auto;height:250px;width:250px;border-radius:50%;background:radial-gradient(circle,rgba(142,71,236,.16),transparent 70%);z-index:-1;transition:opacity .2s}.service-card:hover{transform:translateY(-5px);border-color:rgba(164,109,246,.43);background:linear-gradient(155deg,#212036,#10101d)}.service-card:hover:before{opacity:1.8}.service-card[hidden]{display:none!important}.service-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px}.service-number{font-size:10px;font-weight:850;letter-spacing:.16em;color:#827d99}.service-icon{height:43px;width:43px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(148,84,237,.17),rgba(120,70,188,.025));border:1px solid rgba(163,108,230,.16);color:#bb84ff}.service-icon svg{height:22px;width:22px}.service-card h3{font-size:19px;letter-spacing:-.025em;line-height:1.25;color:#f4f0ff;margin:0 0 13px;font-weight:740}.service-card p{font-size:13px;color:#9d9bb1;line-height:1.75;margin:0 0 25px}.service-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;margin-right:27px}.service-tags span{font-size:9px;line-height:1.5;letter-spacing:.08em;color:#9a92ae;font-weight:800;border-top:1px solid rgba(208,190,238,.16);padding-top:6px}.service-link{position:absolute;right:20px;bottom:17px;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;color:#bd94ff;transition:color .2s,background .2s}.service-link svg{width:18px;height:18px}.service-link:hover{background:#7e41ce;color:#fff}.services-footnote{color:#67657a;text-align:right;margin:24px 0 0;font-size:12px}
/* Expertise */
.expertise-band{position:relative;overflow:hidden;background:linear-gradient(135deg,#10101c 0%,#151222 62%,#0e0d19 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.expertise-band:after{content:"";position:absolute;right:2%;bottom:-300px;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(126,52,211,.2),transparent 65%);pointer-events:none}.expertise-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:75px;align-items:center}.expertise-text h2{margin-bottom:25px}.expertise-text p:not(.section-kicker){color:#a09db3;font-size:15px;line-height:1.9;max-width:440px}.inline-link{display:inline-flex;align-items:center;gap:18px;color:#e1befb;font-weight:800;font-size:13px;border-bottom:1px solid #ad75ef;padding-bottom:11px;margin-top:26px;transition:gap .3s}.inline-link:hover{gap:28px}.inline-link svg{height:17px;width:17px}.skill-matrix{display:grid;grid-template-columns:repeat(3,1fr);position:relative;z-index:2;gap:2px}.skill-cell{min-height:171px;background:#171623;border:1px solid rgba(226,211,255,.09);padding:25px 20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;transition:background .2s,border-color .2s}.skill-cell:nth-child(1){border-radius:13px 0 0 0}.skill-cell:nth-child(3){border-radius:0 13px 0 0}.skill-cell:nth-child(4){border-radius:0 0 0 13px}.skill-cell:nth-child(6){border-radius:0 0 13px 0}.skill-cell:hover{background:#211b35;border-color:rgba(176,107,249,.35)}.skill-symbol{display:block;color:#a965f5;font-size:28px;font-weight:750;line-height:1;margin-bottom:auto}.skill-cell strong{font-size:13px;color:#eee7fa;letter-spacing:.07em;margin-bottom:5px}.skill-cell small{font-size:8px;font-weight:800;letter-spacing:.13em;color:#7f7b97}.skill-feature{background:linear-gradient(145deg,#272036,#1b162b)}
/* Showcase */
.showcase-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.showcase-item{min-width:0;border:1px solid var(--line);padding:12px;border-radius:12px;background:#13121e}.showcase-media{background:#0b0a11;border:1px solid rgba(222,205,255,.09);border-radius:7px;overflow:hidden;height:390px;position:relative}.showcase-media img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.showcase-main img{object-position:center 45%}.showcase-secondary img{object-position:center}.showcase-item:hover .showcase-media img{transform:scale(1.04)}.showcase-media:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(8,6,15,.33));pointer-events:none}.showcase-description{display:flex;align-items:center;justify-content:space-between;padding:17px 13px 8px}.showcase-description span{font-size:10px;font-weight:850;color:#8e88a6;letter-spacing:.12em}.showcase-description h3{margin:5px 0 0;font-size:18px;color:#f0edfc;letter-spacing:-.02em}.showcase-description .showcase-icon{color:#bd81ff;font-size:25px}.showcase-disclaimer{display:flex;align-items:center;gap:10px;margin-top:26px;color:#77758a;font-size:12px}.showcase-disclaimer svg{height:16px;width:16px;color:#a677eb}
/* Process */
.process-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0e0e19}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:70px}.process-item>span:first-child{font-size:24px;font-weight:800;letter-spacing:-.05em;color:#aa79e4}.process-line{display:block;height:1px;width:100%;margin:20px 0 25px;background:linear-gradient(90deg,#a25af2,#3e355a 45%,rgba(255,255,255,.08))}.process-item h3{font-size:17px;color:#f0ebff;margin:0 0 10px}.process-item p{margin:0;font-size:13px;color:#9290a8;line-height:1.8}
/* About */
.about-section{display:grid;grid-template-columns:.98fr 1.02fr;align-items:center;gap:min(9vw,130px)}.about-art{min-height:480px;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid rgba(171,117,244,.2);border-radius:15px;overflow:hidden;background:radial-gradient(circle at 50% 49%,rgba(111,50,178,.28),transparent 42%),repeating-linear-gradient(0deg,transparent 0,transparent 38px,rgba(206,151,255,.026) 39px),repeating-linear-gradient(90deg,transparent 0,transparent 38px,rgba(206,151,255,.026) 39px),#12111f}.about-art:before{content:"";width:320px;height:320px;border:1px solid rgba(180,110,255,.25);position:absolute;border-radius:50%;box-shadow:0 0 0 30px rgba(154,82,239,.045),0 0 0 85px rgba(135,67,224,.024),inset 0 0 60px rgba(143,70,219,.17)}.about-art:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(179,121,255,.055) 50%,transparent 70%);pointer-events:none}.about-emblem{position:relative;z-index:1;font-size:220px;font-weight:900;font-style:italic;letter-spacing:-.1em;line-height:1;background:linear-gradient(125deg,#fff 6%,#b9b4cc 28%,#f7f6fa 44%,#7b718e 60%,#eeeafa 80%,#81738f);color:transparent;background-clip:text;-webkit-background-clip:text;text-shadow:0 18px 80px rgba(170,75,255,.12)}.emblem-trace{position:absolute;height:120px;width:3px;background:linear-gradient(transparent,#d8a7ff,#8e46f2,transparent);top:28px;left:65%;box-shadow:0 0 15px #a860ff}.about-line{position:absolute;color:#837b99;font-size:10px;letter-spacing:.2em;font-weight:800}.about-line.top{top:30px;left:30px}.about-line.bottom{bottom:30px;right:30px}.about-content h2{margin-bottom:30px}.about-content>p:not(.section-kicker){color:#a4a0b8;line-height:1.9;max-width:510px;margin-bottom:34px}.owner-card{border-top:1px solid var(--line);padding-top:25px;display:flex;align-items:center;gap:15px}.owner-avatar{display:grid;place-items:center;width:49px;height:49px;border-radius:50%;background:linear-gradient(145deg,#59398f,#20172f);color:#f4e9ff;border:1px solid rgba(195,156,254,.32);font-size:13px;font-weight:850;letter-spacing:.04em}.owner-card div{display:flex;flex-direction:column;gap:2px}.owner-card strong{font-size:15px;color:#f5f1fb}.owner-card div span{font-size:12px;color:#8a839c}.about-location{display:flex;align-items:flex-start;gap:10px;margin-top:28px;font-size:12px;color:#8c879e}.about-location svg{flex:0 0 auto;width:16px;height:16px;color:#9f6de3}
/* FAQ */
.faq-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;border-top:1px solid var(--line)}.faq-heading p:not(.section-kicker){color:#918da3;margin-top:20px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:25px 0;color:#edeafb;font-size:15px;font-weight:740;cursor:pointer;transition:color .2s}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:hover{color:#c7a4ff}.faq-list summary svg{width:17px;height:17px;color:#b37bf4;transition:transform .2s;flex:none}.faq-list details[open] summary svg{transform:rotate(180deg)}.faq-list details p{color:#a3a0b4;font-size:14px;line-height:1.85;margin:0 0 27px;max-width:630px}
/* Contact */
.contact-section{position:relative;isolation:isolate;padding:130px 0;background:linear-gradient(145deg,#10101c,#171026 58%,#0d0c18);border-top:1px solid rgba(187,136,243,.24);overflow:hidden}.contact-section:before{content:"";position:absolute;z-index:-1;right:-15%;top:-50%;width:900px;height:900px;background:radial-gradient(circle,rgba(146,69,242,.19),transparent 66%);pointer-events:none}.contact-wrap{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:110px}.contact-intro h2{margin-bottom:25px}.contact-intro p:not(.section-kicker){max-width:450px;color:#aca3bc;line-height:1.9;margin-bottom:38px}.contact-email{display:flex;align-items:center;gap:13px;color:#f0e6fb;font-size:clamp(13px,1.35vw,17px);font-weight:750;max-width:max-content;padding-bottom:12px;border-bottom:1px solid rgba(192,133,248,.6);word-break:break-all}.contact-email svg{width:20px;height:20px;color:#bd88fa;flex:none}.contact-email .mail-arrow{width:17px;height:17px}.contact-address{margin-top:25px;font-size:12px;display:flex;align-items:center;gap:11px;color:#918aa4}.contact-address svg{color:#aa70ed;height:17px;width:17px;flex:none}.form-shell{border:1px solid rgba(192,144,246,.25);border-radius:14px;background:linear-gradient(150deg,rgba(31,27,47,.96),rgba(14,14,25,.95));box-shadow:0 35px 100px rgba(0,0,0,.28);padding:35px}.form-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:16px}.form-heading>span:first-child{color:#fff;font-size:19px;font-weight:750}.form-status{display:flex;align-items:center;gap:8px;color:#978ba9;font-size:9px;font-weight:850;letter-spacing:.08em}.form-status i{height:6px;width:6px;border-radius:50%;background:#9a6aff;box-shadow:0 0 12px #9a6aff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}#projectForm label{display:flex;flex-direction:column;gap:9px;margin-bottom:19px;font-size:12px;color:#d6d1e3;font-weight:720}#projectForm input,#projectForm select,#projectForm textarea{min-width:0;display:block;width:100%;outline:none;color:#f6f3ff;background:#10101c;border:1px solid rgba(195,176,225,.18);border-radius:6px;padding:13px 14px;transition:border-color .2s,box-shadow .2s;font-size:13px}#projectForm input:focus,#projectForm select:focus,#projectForm textarea:focus{border-color:#a76bf1;box-shadow:0 0 0 3px rgba(154,98,228,.1)}#projectForm input::placeholder,#projectForm textarea::placeholder{color:#777188}#projectForm select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23ae88da' stroke-width='1.8'%3E%3Cpath d='m5 7 5 5 5-5'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;padding-right:36px}#projectForm select option{color:#fff;background:#171421}#projectForm textarea{resize:vertical;min-height:115px}.form-submit{width:100%;margin-top:4px}.form-note{font-size:10px;color:#827b96;line-height:1.7;margin:17px 0 0}.form-feedback{font-size:12px;color:#cfaaef;margin-top:10px;min-height:0}
/* Footer */
.site-footer{background:#070810;border-top:1px solid var(--line);padding-top:75px}.footer-main{display:grid;grid-template-columns:1.55fr 1fr 1.4fr .8fr;gap:38px;padding-bottom:78px}.footer-logo{font-size:40px;font-weight:900;font-style:italic;color:#fff;letter-spacing:-.08em;line-height:1}.footer-identity p{font-size:10px;letter-spacing:.56em;font-weight:850;margin:6px 0 23px;color:#c1bdd1}.footer-identity small{color:#89859d;font-size:12px}.footer-col{display:flex;flex-direction:column;gap:13px;align-items:flex-start}.footer-col strong{font-size:10px;color:#f2eafc;letter-spacing:.15em;margin-bottom:9px}.footer-col a,.footer-col span{font-size:12px;color:#8e8a9e;transition:color .2s;word-break:break-word}.footer-col a:hover{color:#c9a0ff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0 27px;border-top:1px solid var(--line);font-size:10px;letter-spacing:.12em;font-weight:750;color:#656176}.footer-bottom em{color:#b87efb;font-style:normal;padding:0 7px}
/* reveal */
[data-reveal]{opacity:1;transform:none;transition:opacity .75s var(--ease),transform .75s var(--ease)}[data-reveal].reveal-pending:not(.visible){opacity:0;transform:translateY(24px)} /* Sadržaj je vidljiv bez JavaScripta; skrivanje vrijedi samo za elemente s aktivnim promatračem. */
/* Responsive */
@media(max-width:1220px){.container{width:min(100% - 72px,var(--max))}.navigation{gap:20px}.header-inner{gap:20px}.header-actions{gap:12px;margin-left:3px}.hero-inner{gap:30px}.hero h1{font-size:clamp(52px,5.7vw,76px)}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{min-height:305px}.section{padding-block:110px}.contact-wrap{gap:50px}}
@media(max-width:1000px){.header-cta{display:none}.mobile-menu{display:flex}.navigation{position:absolute;top:87px;left:0;right:0;background:rgba(12,11,21,.98);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;padding:13px max(36px,calc((100% - var(--max))/2));box-shadow:0 20px 38px #0007;display:none}.navigation.is-open{display:flex}.navigation a{padding:14px 0;font-size:14px}.navigation a::after{display:none}.header-actions{margin-left:auto}.hero-inner{grid-template-columns:1fr;gap:55px;padding-block:80px 94px}.hero-copy{max-width:740px}.hero h1{font-size:clamp(57px,8vw,90px)}.hero-showcase{width:min(100%,680px);justify-self:center}.hero{min-height:auto}.float-chip-top{right:-12px}.float-chip-bottom{left:-8px}.ticker-inner{gap:25px;overflow:auto;scrollbar-width:none}.ticker-inner::-webkit-scrollbar{display:none}.expertise-layout{grid-template-columns:1fr;gap:45px}.expertise-text{max-width:750px}.about-section{gap:50px}.showcase-media{height:340px}.faq-section{gap:35px}.contact-wrap{grid-template-columns:1fr;gap:48px}.contact-intro{max-width:720px}.footer-main{grid-template-columns:1.2fr 1fr;gap:40px}}
@media(max-width:650px){.container{width:calc(100% - 38px)}.header-inner{height:73px}.site-header .logo{min-width:auto}.logo-type{font-size:26px}.logo-sub{font-size:7px;letter-spacing:4px}.navigation{top:73px;padding:13px 20px}.language-switch{gap:3px}.lang-choice{font-size:10px}.header-actions{gap:10px}.hero-inner{padding-block:75px 94px;gap:54px}.hero h1{font-size:clamp(43px,11.4vw,66px);letter-spacing:-.065em}.eyebrow{font-size:9px;letter-spacing:.09em;margin-bottom:25px}.hero-lead{font-size:15px;line-height:1.75}.hero-actions{align-items:stretch}.hero-actions .button{flex:1 1 100%;padding:15px;min-height:52px}.hero-meta{margin-top:35px;font-size:10px;line-height:1.8;align-items:flex-start}.meta-led{margin-top:7px;flex-shrink:0}.visual-frame{transform:none;border-radius:12px;padding:6px}.hero-showcase:hover .visual-frame{transform:none}.visual-top,.visual-bottom{height:24px;font-size:7px;padding-inline:4px}.visual-frame:after{inset:31px 7px 30px}.float-chip{font-size:8px;padding:8px 9px}.float-chip strong{font-size:8px}.chip-mark{width:24px;height:24px;font-size:11px}.float-chip-top{right:-4px;top:-24px}.float-chip-bottom{left:-3px;bottom:-24px}.hero-bottom{bottom:15px;font-size:8px;letter-spacing:.1em}.ticker-inner{padding-block:20px;gap:18px}.ticker-inner span{font-size:9px}.section{padding-block:86px}.section-heading{flex-direction:column;align-items:flex-start;gap:21px;margin-bottom:29px}.section-heading h2,.expertise-text h2,.about-content h2,.contact-intro h2,.faq-heading h2{font-size:clamp(35px,10vw,50px)}.section-kicker{margin-bottom:18px;font-size:9px}.section-intro{max-width:100%}.section-intro p{margin-bottom:18px}.service-filters{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:4px}.service-filters::-webkit-scrollbar{display:none}.filter-btn{flex-shrink:0;font-size:11px;padding:10px 13px}.services-grid{grid-template-columns:1fr;gap:12px}.service-card{min-height:286px;padding:23px 22px}.service-card-top{margin-bottom:25px}.service-card p{font-size:13px}.services-footnote{text-align:left;line-height:1.7}.expertise-layout{gap:36px}.skill-matrix{grid-template-columns:repeat(2,1fr)}.skill-cell{min-height:145px;padding:18px 14px}.skill-cell:nth-child(3){border-radius:0}.skill-cell:nth-child(4){border-radius:0}.skill-cell:nth-child(5){border-radius:0 0 0 13px}.skill-cell strong{font-size:11px}.skill-cell small{font-size:8px;letter-spacing:.04em}.skill-symbol{font-size:23px}.showcase-grid{grid-template-columns:1fr}.showcase-media{height:260px}.showcase-description h3{font-size:16px}.process-grid{grid-template-columns:1fr 1fr;gap:27px 20px;margin-top:38px}.process-line{margin:14px 0 17px}.process-item h3{font-size:15px}.process-item p{font-size:12px}.about-section{grid-template-columns:1fr;gap:45px}.about-art{min-height:365px}.about-art:before{height:260px;width:260px}.about-emblem{font-size:175px}.about-line{font-size:8px}.faq-section{grid-template-columns:1fr}.faq-list summary{font-size:14px;padding:20px 0}.contact-section{padding:86px 0}.contact-wrap{gap:33px}.form-shell{padding:23px 18px}.form-heading>span:first-child{font-size:17px}.form-row{grid-template-columns:1fr;gap:0}.footer-main{grid-template-columns:1fr 1fr;gap:38px 20px;padding-bottom:55px}.footer-identity{grid-column:1/-1}.footer-col{gap:11px}.footer-col a,.footer-col span{font-size:11px}.footer-bottom{align-items:flex-start;flex-direction:column;line-height:1.6;gap:7px}.footer-bottom span{font-size:9px}}
@media(max-width:380px){.logo-type{font-size:23px}.logo-sub{letter-spacing:3.2px}.lang-choice{font-size:9px}.header-actions{gap:6px}.hero h1{font-size:41px}.float-chip{display:none}.skill-cell{min-height:131px}.service-filters{margin-right:-19px}.contact-email{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[data-reveal].reveal-pending:not(.visible){opacity:1;transform:none}} /* Nadjačava skrivanje animacije i kada korisnik naknadno uključi smanjeno kretanje. */

.trademark-note{color:#696578;font-size:10px;margin:0;padding:0 0 22px;line-height:1.7;letter-spacing:.01em}

/* VMMA Portfolio / 2026 extension. Original HTML & graphics preserved. */
.navigation a[href="#community"]{white-space:nowrap}
.portfolio-section{position:relative;isolation:isolate;padding:132px 0 150px;overflow:hidden;background:radial-gradient(ellipse at 70% 22%,rgba(105,55,173,.085),transparent 50%),var(--bg)}
.portfolio-section:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(176,111,255,.03) 50%,transparent 100%)}
.portfolio-utility{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:12px 0 24px}
.portfolio-filters{display:flex;flex-wrap:wrap;gap:7px}
.portfolio-filter{border:1px solid var(--line);background:#141321;color:#a9a1ba;border-radius:7px;padding:11px 16px;min-height:45px;font-size:12px;font-weight:750;transition:all .2s}
.portfolio-filter span{color:inherit;opacity:.65}
.portfolio-filter:hover,.portfolio-filter:focus-visible{border-color:#9460cf;color:var(--white)}
.portfolio-filter.is-active{background:linear-gradient(116deg,#6930af,#8d4cca);border-color:#ae70f1;color:white;box-shadow:0 4px 20px #682fb433}
.portfolio-index{font-size:10px;letter-spacing:2px;color:#79718e;white-space:nowrap}
.portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.portfolio-card{min-width:0;border:1px solid #3b3251;border-radius:13px;overflow:hidden;background:#11111d;transition:transform .26s var(--ease),border-color .26s,box-shadow .26s}
.portfolio-card:hover,.portfolio-card:focus-within{transform:translateY(-7px);border-color:#9b60e4;box-shadow:0 18px 60px #0009,0 0 36px #712fba1c}
.portfolio-open{width:100%;height:100%;min-height:423px;display:flex;flex-direction:column;text-align:left;background:transparent;border:0;padding:0;color:inherit}
.portfolio-open:focus-visible{outline:3px solid #c58bff;outline-offset:-3px}
.portfolio-card-art{height:auto;aspect-ratio:16/9;width:100%;position:relative;background:#0c0c1b;overflow:hidden;isolation:isolate;border-bottom:1px solid #42325b}
.portfolio-card-art:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(7,6,14,.3))}
.portfolio-card-art img{height:100%;width:100%;object-fit:cover;transition:transform .45s var(--ease)}
.portfolio-card:hover img{transform:scale(1.07)}
.portfolio-card-badge{position:absolute;z-index:1;right:11px;top:11px;padding:6px 10px;color:#eee4ff;background:rgba(19,15,34,.83);border:1px solid #9472b4;border-radius:5px;font-size:9px;letter-spacing:1.2px;font-weight:800;backdrop-filter:blur(8px)}
.portfolio-card-content{padding:22px 21px 18px;display:flex;flex:1;flex-direction:column;width:100%}
.portfolio-card-index{font-size:10px;font-weight:700;letter-spacing:2px;color:#a984d4;margin-bottom:10px}
.portfolio-card h3{font-size:18px;line-height:1.23;font-weight:800;letter-spacing:-.3px;margin:0 0 11px;color:#f3eaff}
.portfolio-card p{font-size:12px;line-height:1.7;color:#ada6ba;margin:0 0 19px;flex:1}
.portfolio-card-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:21px}
.portfolio-card-tags span{padding:4px 6px;font-size:8px;letter-spacing:.7px;font-weight:800;color:#b8a5d7;border:1px solid #39304c;background:#181524;border-radius:4px}
.portfolio-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #342d47;padding-top:13px;font-weight:750;font-size:11px;color:#d9b9ff}
.portfolio-card-arrow{display:grid;place-items:center;width:27px;height:27px;background:#352143;border:1px solid #685089;border-radius:6px;color:#f6d4ff;font-size:16px}
.portfolio-note{display:flex;align-items:center;gap:13px;margin:23px 0 66px;padding:14px 19px;border:1px solid rgba(188,148,240,.25);border-radius:9px;background:rgba(96,62,139,.09)}
.portfolio-note .note-mark{display:grid;place-items:center;flex:none;width:22px;height:22px;border:1px solid #9572c6;border-radius:50%;color:#d1afff;font-size:12px;font-weight:800}
.portfolio-note p{margin:0;color:#aaa0bc;font-size:12px;line-height:1.65}
.brand-mini-header{display:flex;justify-content:space-between;align-items:end;gap:15px;padding-top:20px;margin-bottom:21px;border-top:1px solid var(--line)}
.brand-mini-header h3{font-size:clamp(22px,2.6vw,31px);letter-spacing:-1px;line-height:1.2;color:var(--white);margin:10px 0 0}
.brand-mini-header>span{font-size:10px;color:#898093;letter-spacing:2px;text-align:right}
.brand-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.brand-mini-grid figure{margin:0;padding:9px;background:#131320;border:1px solid var(--line);border-radius:11px;overflow:hidden}
.brand-mini-grid img{width:100%;height:240px;object-fit:cover;object-position:center;border-radius:7px;background:#090911}
.brand-mini-grid figcaption{padding:12px 9px 5px;font-size:12px;letter-spacing:.3px;font-weight:650;color:#bbb0cf}
/* Portfolio expanded details */
.project-dialog{border:1px solid #8c60bc;border-radius:17px;padding:0;background:#111021;color:#eee4fb;box-shadow:0 35px 130px #000e,0 0 80px #7025aa50;max-height:min(89vh,850px);max-width:min(1080px,calc(100vw - 36px));width:100%;overflow:auto}
.project-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(9px)}
.dialog-layout{display:grid;grid-template-columns:1.04fr .96fr;align-items:stretch;min-height:500px}
.dialog-visual{position:relative;overflow:hidden;background:#0b0c1d;min-height:440px}
.dialog-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.dialog-badge{position:absolute;bottom:22px;left:24px;color:#f0e5ff;background:#1b1533d9;border:1px solid #a179dc;padding:9px 12px;letter-spacing:2px;font-size:11px;font-weight:800;border-radius:7px}
.dialog-info{padding:34px 36px 30px}
.dialog-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8f84a4;font-size:10px;letter-spacing:2px;font-weight:650;margin-bottom:40px}
.dialog-close{display:grid;place-items:center;width:38px;height:38px;border:1px solid #56436d;border-radius:8px;background:#1f1b31;color:#edd8ff;font-size:20px}
.dialog-close:hover{border-color:#c68afe}
.dialog-info h2{font-size:clamp(27px,3vw,38px);line-height:1.16;margin:15px 0 20px;color:white;letter-spacing:-1.5px}
.dialog-info>p:not(.section-kicker){font-size:14px;color:#aea2c0;line-height:1.75}
.dialog-info h3{font-size:11px;letter-spacing:1.5px;color:#d6beef;margin:23px 0 5px}
.dialog-tags{display:flex;flex-wrap:wrap;gap:6px;margin:22px 0}
.dialog-tags span{color:#e0c7ff;border:1px solid #7957aa;border-radius:4px;padding:6px 8px;font-size:10px;letter-spacing:.7px}
.dialog-actions{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 12px}
.dialog-actions .button{min-height:45px;padding:10px 13px;font-size:11px;gap:8px}
.dialog-actions [hidden]{display:none}
.dialog-honesty{font-size:11px!important;line-height:1.55!important;color:#8f81a3!important}
/* Community */
.community-section{position:relative;isolation:isolate;background:linear-gradient(133deg,#100e20,#171024 65%,#0d0e18);border-top:1px solid #482958;border-bottom:1px solid #482958;overflow:hidden}
.community-section:before{content:"";position:absolute;z-index:-1;inset:-80px;background:radial-gradient(ellipse at 19% 54%,rgba(129,64,219,.19),transparent 45%)}
.community-container{display:grid;grid-template-columns:.92fr 1.08fr;gap:8%;align-items:center}
.community-copy{position:relative;min-height:570px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.community-copy h2{font-size:clamp(43px,5.3vw,80px);line-height:1.04;letter-spacing:-3px;color:#fff;margin:20px 0 25px;position:relative;z-index:1}
.community-copy>p:not(.section-kicker){color:#b5a9c4;max-width:490px;font-size:15px;line-height:1.8;position:relative;z-index:1}
.community-contact{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#978ca6;position:relative;z-index:1;margin-top:22px}
.community-contact a{font-size:15px;color:#ead4ff;font-weight:760;width:max-content;max-width:100%;overflow-wrap:anywhere}
.community-orbit{position:absolute;inset:auto auto -88px 12%;width:400px;height:400px;opacity:.14;pointer-events:none}
.community-orbit span{position:absolute;top:39%;left:20%;font-size:98px;font-weight:900;letter-spacing:-8px;color:#af6cf1;transform:rotate(-18deg)}
.community-orbit i{position:absolute;inset:10%;border:2px solid #8a40cc;border-radius:50%;transform:rotate(30deg) scaleX(.57)}
.community-orbit i:nth-of-type(2){transform:rotate(-27deg) scaleX(.64)}.community-orbit i:nth-of-type(3){transform:rotate(80deg) scaleX(.37)}
.community-links-shell{padding:25px;background:#0e0d1a;border:1px solid #423052;border-radius:15px;box-shadow:0 18px 60px #0004}
.social-head{display:flex;justify-content:space-between;gap:12px;color:#d9b0ff;font-size:11px;font-weight:800;letter-spacing:1.8px;margin-bottom:20px}
.social-head-status{color:#9783b3}
.social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.social-card{display:flex;align-items:center;gap:12px;min-height:69px;padding:9px 12px;background:#161321;border:1px solid #30263d;border-radius:8px;color:#d7cbe4;transition:background .2s,border-color .2s,transform .2s}
.social-card.is-connected:hover,.social-card.is-connected:focus-visible{border-color:var(--social-accent);background:#231b36;transform:translateY(-3px)}
.social-card.is-pending{opacity:.69;cursor:default}
.social-mark{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:8px;background:color-mix(in srgb,var(--social-accent) 16%,#14101f);border:1px solid color-mix(in srgb,var(--social-accent) 38%,#1e172f);color:var(--social-accent);font-size:22px;font-weight:900}
.social-info{display:flex;flex-direction:column;min-width:0;gap:1px}
.social-info strong{font-size:12px;color:#eee9fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.social-info small{font-size:10px;color:#9991aa;white-space:nowrap}
.social-arrow{margin-left:auto;color:#aa90cc;font-size:17px}
.social-note{font-size:11px;line-height:1.6;margin:16px 0 0;color:#8e839f}
@media(max-width:1250px){.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-index{display:none}.navigation{gap:16px}}
@media(max-width:1000px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.community-container{grid-template-columns:1fr;gap:8px}.community-copy{min-height:340px}.community-copy h2{max-width:720px}.community-links-shell{margin-bottom:12px}.dialog-layout{grid-template-columns:1fr}.dialog-visual{min-height:310px;max-height:380px}.dialog-visual img{position:relative;max-height:380px}}
@media(max-width:650px){.portfolio-section{padding:85px 0 100px}.portfolio-utility{align-items:start}.portfolio-filters{gap:6px}.portfolio-filter{padding:9px 12px;font-size:11px;min-height:39px}.portfolio-grid{grid-template-columns:1fr;gap:12px}.portfolio-open{min-height:unset}.portfolio-card-art{max-height:280px}.portfolio-card-content{padding:22px}.portfolio-card h3{font-size:21px}.portfolio-card p{font-size:13px}.portfolio-card-tags span{font-size:9px}.portfolio-note{margin-bottom:51px}.brand-mini-grid{grid-template-columns:1fr}.brand-mini-grid img{height:200px}.brand-mini-header>span{display:none}.community-copy{min-height:390px}.community-copy h2{letter-spacing:-2px;font-size:52px}.community-links-shell{padding:14px}.social-grid{gap:6px}.social-card{min-height:62px;padding:7px 8px;gap:8px}.social-mark{width:31px;height:34px;font-size:18px}.social-info strong{font-size:11px}.social-info small{font-size:9px}.social-arrow{font-size:13px}.dialog-info{padding:22px}.dialog-visual{min-height:200px}.dialog-topline{margin-bottom:20px}.dialog-info h2{font-size:29px}.dialog-actions .button{width:100%}}
@media(max-width:380px){.social-grid{grid-template-columns:1fr}.community-copy h2{font-size:45px}}

/* Supplied VMMA brand system: silver, deep black, neon purple and violet. */
.brand-wordmark{width:154px;height:auto;object-fit:contain}
.footer-logo .brand-wordmark{width:220px}
.footer-identity .brand-motto{font-size:14px;letter-spacing:.03em;color:#db9aff;text-transform:none}
.button-primary{background:linear-gradient(120deg,#7a00ff,#a100ff 70%,#b91cf3);border-color:#d581ff;box-shadow:0 0 24px #a100ff35}
.hero h1{font-size:clamp(44px,4.8vw,74px);letter-spacing:-.055em}
.hero-art{aspect-ratio:4/3;object-fit:contain;filter:none}
.visual-frame{transform:none;background:#0a0a0f}
.hero-showcase:hover .visual-frame{transform:none}
.service-art{width:calc(100% + 48px);max-width:none;height:auto;aspect-ratio:1672/941;object-fit:cover;margin:-25px -24px 24px;border-bottom:1px solid #74379d}
.service-card{overflow:hidden}
.portfolio-card-art{aspect-ratio:1672/941}
.portfolio-card-art img{object-fit:contain}
.portfolio-card-badge{display:none}
.portfolio-card:hover img{transform:scale(1.025)}
.brand-mini-grid img{height:auto;aspect-ratio:4/3;object-fit:contain}
.dialog-visual{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#241132,#0a0a0f 75%)}
.dialog-visual img{position:relative;inset:auto;width:100%;height:auto;object-fit:contain;max-height:none}
.about-brand{position:relative;z-index:2;width:100%;height:auto;object-fit:contain}
.about-art{background:#0a0a0f}
.lang-choice{min-width:32px;min-height:36px;color:#aca4bc}
@media(max-width:650px){
 .brand-wordmark{width:120px}
 .logo{min-width:120px}
 .hero h1{font-size:clamp(40px,10vw,60px)}
 .service-art{width:calc(100% + 44px);margin:-23px -22px 24px}
 .brand-mini-grid img{height:auto}
 .dialog-visual{min-height:220px;padding-bottom:50px}
 .hero-meta{letter-spacing:.03em}
}
.social-info small{overflow:hidden;text-overflow:ellipsis} /* Duga korisnička imena ostaju unutar društvene kartice. */
.social-info{flex:1}.social-arrow{flex-shrink:0} /* Dodjeljuje tekstu raspoloživu širinu i čuva vidljivu strelicu. */
.project-dialog .dialog-layout,.project-dialog .dialog-info{min-width:0;overflow-wrap:anywhere} /* Sprječava prelijevanje dugih naslova i opisa u dijalogu. */
.form-submit:disabled{opacity:.55;cursor:not-allowed} /* Označava da obrazac još nema spreman obrađivač slanja. */
@media(min-width:1001px) and (max-width:1220px){.header-cta{display:none}} /* Oslobađa prostor navigaciji prije prelaska na mobilni izbornik. */
@media(max-width:1000px){.navigation{max-height:calc(100dvh - 87px);overflow-y:auto;overscroll-behavior:contain}} /* Omogućuje dohvat svih stavki izbornika na niskom zaslonu. */
@media(max-width:650px){.navigation{max-height:calc(100dvh - 73px)}.header-inner{gap:8px}.header-actions{gap:6px}.lang-choice{min-width:28px}.form-heading{flex-wrap:wrap}} /* Usklađuje izbornik s nižim zaglavljem i sprječava gužvanje kontrola na uskim mobitelima. */
@media(max-width:380px){.site-header .brand-wordmark{width:108px}.lang-choice{min-width:24px}.header-actions{gap:4px;margin-left:auto}.header-inner{gap:4px}} /* Uklapa logo, tri jezika i gumb izbornika u zaslon širine 320 piksela. */