@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Manrope:wght@300;400;500;600&display=swap');
:root{--green:#0d302a;--green2:#153b35;--green3:#294943;--ink:#10211e;--paper:#f1efe8;--white:#f9f8f3;--line:rgba(255,255,255,.14);--line-dark:rgba(13,48,42,.18);--pad:clamp(24px,6vw,92px);--radius:2px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--green);color:var(--white);font-family:'DM Sans',sans-serif;font-weight:300;line-height:1.65}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Manrope',sans-serif;font-weight:300;line-height:1.04;letter-spacing:-.045em}h1{font-size:clamp(3rem,6.6vw,7.3rem)}h2{font-size:clamp(2.3rem,4.6vw,5.3rem)}h3{font-weight:400}.skip{position:fixed;left:1rem;top:-5rem;background:#fff;color:#000;padding:.7rem 1rem;z-index:99}.skip:focus{top:1rem}.site-header{height:84px;padding:0 var(--pad);display:grid;grid-template-columns:190px 1fr auto;align-items:center;border-bottom:1px solid var(--line);position:absolute;z-index:20;width:100%;background:rgba(13,48,42,.08);backdrop-filter:blur(4px)}.brand img{width:140px;height:auto;filter:brightness(0) invert(1)}.site-header nav{display:flex;justify-content:center;gap:clamp(16px,2.7vw,42px);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.site-header nav a{opacity:.85;transition:.2s}.site-header nav a:hover,.site-header nav a:focus{opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:1px solid transparent;border-radius:100px;text-transform:uppercase;font-size:.72rem;font-weight:600;letter-spacing:.04em;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-light{background:var(--white);color:var(--ink)}.btn-dark{background:var(--green);color:var(--white)}.menu-btn{display:none;background:none;border:0}.hero{min-height:100svh;display:grid;grid-template-columns:49% 51%}.hero-copy{padding:clamp(160px,20vh,230px) var(--pad) 60px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,var(--green),#0b2924)}.hero h1{font-size:clamp(3.3rem,5.7vw,6.4rem);max-width:800px;margin:24px 0 28px}.lead{font-size:clamp(1.08rem,1.45vw,1.4rem);max-width:720px;color:rgba(255,255,255,.75)}.eyebrow{font-size:.73rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.68)}.eyebrow.dark{color:rgba(13,48,42,.65)}.actions{display:flex;align-items:center;gap:30px;margin-top:22px}.text-link{font-size:.87rem;font-weight:500;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:4px}.text-link span{margin-left:8px}.text-link.dark{color:var(--green);border-color:var(--line-dark)}.trust{display:flex;gap:22px;margin-top:auto;padding-top:45px;color:rgba(255,255,255,.55);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.trust span+span:before{content:'·';margin-right:22px}.hero-image{position:relative;min-height:760px;background:#182a25;overflow:hidden}.hero-image>img{width:100%;height:100%;object-fit:cover;object-position:center}.image-caption{position:absolute;right:28px;bottom:28px;background:rgba(9,25,21,.72);backdrop-filter:blur(10px);padding:16px 20px;display:flex;flex-direction:column}.image-caption span{font-size:.76rem;opacity:.65}.intro,.portrait-section,.service-detail,.history,.process{padding:clamp(90px,12vw,180px) var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,10vw,160px)}.light{background:var(--paper);color:var(--ink)}.intro h2,.portrait-section h2,.history h2{margin:25px 0}.large{font-size:clamp(1.2rem,1.7vw,1.65rem);line-height:1.55}.expertise,.values,.clients-preview,.split,.faq{padding:clamp(90px,11vw,160px) var(--pad)}.section-head{display:grid;grid-template-columns:1fr 2fr auto;gap:30px;align-items:start;margin-bottom:70px}.section-head h2{max-width:850px}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:80px 1fr 40px;gap:30px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line);transition:padding .25s,background .25s}.service-row:hover{padding-left:16px;padding-right:16px;background:rgba(255,255,255,.025)}.service-row h3{font-size:clamp(1.6rem,2.5vw,3rem);margin:0 0 6px}.service-row p{margin:0;color:rgba(255,255,255,.6);max-width:700px}.number{opacity:.45}.arrow{font-size:1.5rem}.portrait-frame{max-height:720px;overflow:hidden}.portrait-frame img{height:100%;width:100%;object-fit:cover;object-position:center 20%}.portrait-section>div:last-child{align-self:center}.numbers{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.numbers div{padding:70px var(--pad);border-right:1px solid var(--line)}.numbers strong{display:block;font:300 clamp(3rem,5vw,6rem)/1 'Manrope';letter-spacing:-.05em}.numbers span{font-size:.8rem;text-transform:uppercase;opacity:.55}.logo-strip{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line)}.logo-strip>div,.logo-card{min-height:145px;display:flex;align-items:center;justify-content:center;padding:30px;border-right:1px solid var(--line);filter:grayscale(1);transition:.25s}.logo-strip img{max-width:130px;max-height:50px;object-fit:contain}.logo-strip>div:hover,.logo-card:hover{background:rgba(255,255,255,.04);filter:grayscale(0)}.wordmark{font-weight:600;letter-spacing:.08em;flex-direction:column}.wordmark small{font-weight:300;font-size:.6rem;letter-spacing:.04em}.closing,.thanks{padding:clamp(110px,14vw,210px) var(--pad);text-align:center;background:var(--green2)}.closing h2,.thanks h1{max-width:1000px;margin:25px auto}.closing p,.thanks p{max-width:650px;margin:0 auto 34px;color:rgba(255,255,255,.65)}footer{padding:80px var(--pad) 30px;background:#081b17}.footer-top{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:60px}.footer-top>div{display:flex;flex-direction:column;align-items:flex-start}.footer-logo{width:150px;filter:brightness(0) invert(1);margin-bottom:25px}.footer-top p{max-width:330px;opacity:.55}.footer-top h3{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;opacity:.55}.footer-top a{font-size:.9rem;padding:5px 0}.footer-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;border-top:1px solid var(--line);margin-top:65px;padding-top:25px;font-size:.72rem;opacity:.55}.footer-bottom span:nth-child(2){text-align:center}.footer-bottom span:last-child{text-align:right}.footer-bottom a{margin:0 7px}.page-hero{padding:clamp(160px,19vw,260px) var(--pad) clamp(90px,10vw,140px);background:var(--green);min-height:75vh;position:relative;overflow:hidden}.page-hero:after{content:'';position:absolute;width:45vw;height:45vw;border:9vw solid rgba(255,255,255,.05);border-radius:50%;right:-17vw;top:-12vw}.page-hero h1{max-width:1050px;margin:28px 0}.page-hero p{font-size:clamp(1.1rem,1.5vw,1.45rem);max-width:760px;color:rgba(255,255,255,.68)}.breadcrumbs{display:flex;gap:10px;font-size:.74rem;opacity:.55;margin-bottom:55px}.service-hero{min-height:80vh}.service-detail ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-dark)}.service-detail li{font-size:1.1rem;padding:22px 0;border-bottom:1px solid var(--line-dark)}.split{display:grid;grid-template-columns:1fr 1fr;gap:12vw}.process ol{list-style:none;margin:0;padding:0}.process li{display:grid;grid-template-columns:60px 1fr;column-gap:20px;border-top:1px solid var(--line-dark);padding:22px 0}.process li p{grid-column:2}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.value-grid article{padding:50px;border-right:1px solid var(--line)}.value-grid article span{opacity:.4}.value-grid article h3{font-size:1.7rem}.profile{display:grid;grid-template-columns:48% 52%;min-height:100vh}.profile-image img{width:100%;height:100%;object-fit:cover}.profile>div:last-child{padding:150px var(--pad) 80px;align-self:center}.profile h1{margin:25px 0}.quote{text-align:center;padding:120px var(--pad)}blockquote{font:300 clamp(2rem,4vw,4.5rem)/1.2 'Manrope';letter-spacing:-.04em;max-width:1050px;margin:0 auto 25px}.client-grid{padding:clamp(80px,10vw,140px) var(--pad);display:grid;grid-template-columns:repeat(4,1fr)}.logo-card{border:1px solid var(--line-dark);min-height:180px}.logo-card img{max-width:180px;max-height:70px;object-fit:contain}.darkword{color:var(--green)}.article-grid{padding:clamp(80px,10vw,140px) var(--pad);display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-dark)}.article-grid>a{background:var(--paper);padding:45px;min-height:360px;display:flex;flex-direction:column}.article-grid span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;opacity:.6}.article-grid h2{font-size:2rem;margin:35px 0 20px}.article-grid p{opacity:.7}.article-grid strong{margin-top:auto;font-size:.8rem}.article-head{padding:180px var(--pad) 80px;max-width:1200px}.article-head h1{margin:28px 0}.byline{opacity:.55}.article-body,.legal-body{padding:80px max(var(--pad),calc((100vw - 800px)/2));}.article-body h2,.legal-body h2{font-size:2.2rem;margin-top:60px}.article-body p,.legal-body p{font-size:1.08rem}.article-body aside{border-left:2px solid var(--green);padding:20px 25px;background:#e7e4db;margin:45px 0}.faq h2{margin:22px 0 60px}.faq details{border-top:1px solid var(--line-dark)}.faq details:last-child{border-bottom:1px solid var(--line-dark)}.faq summary{list-style:none;padding:24px 0;font-size:1.1rem;font-weight:500;display:flex;justify-content:space-between;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq details p{max-width:800px;padding:0 0 24px;opacity:.75}.contact{padding:170px var(--pad) 100px;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact h1{margin:25px 0}.contact-data{display:flex;flex-direction:column;margin-top:50px}.contact-data a{font-size:1.15rem;padding:16px 0;border-bottom:1px solid var(--line)}.contact-data small{display:block;font-size:.7rem;text-transform:uppercase;opacity:.5}form{background:var(--paper);color:var(--ink);padding:clamp(28px,4vw,60px)}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.field label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.field input,.field select,.field textarea{font:inherit;color:inherit;background:transparent;border:0;border-bottom:1px solid var(--line-dark);padding:12px 0;outline:none}.field textarea{border:1px solid var(--line-dark);padding:12px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green)}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.consent{display:block;font-size:.78rem;margin:20px 0}.consent a{text-decoration:underline}.form-note{font-size:.7rem;opacity:.55;margin-top:18px}.legal{min-height:auto}.legal-body a{text-decoration:underline}.thanks{min-height:75vh;padding-top:220px}.thanks .actions{justify-content:center}
@media(max-width:1050px){.site-header{grid-template-columns:1fr auto}.site-header nav{position:fixed;inset:84px 0 0;background:var(--green);display:none;flex-direction:column;justify-content:flex-start;padding:50px var(--pad);font-size:1.35rem}.site-header nav.open{display:flex}.head-cta{display:none}.menu-btn{display:block;width:42px;height:42px}.menu-btn span{display:block;width:25px;height:1px;background:#fff;margin:7px}.hero{grid-template-columns:1fr}.hero-copy{min-height:76vh}.hero-image{min-height:70vh}.section-head{grid-template-columns:1fr}.intro,.portrait-section,.service-detail,.history,.process,.split,.contact{grid-template-columns:1fr}.numbers{grid-template-columns:repeat(2,1fr)}.logo-strip{grid-template-columns:repeat(3,1fr)}.client-grid{grid-template-columns:repeat(3,1fr)}.article-grid{grid-template-columns:repeat(2,1fr)}.profile{grid-template-columns:1fr}.profile-image{height:70vh}.profile>div:last-child{padding-top:80px}.footer-top{grid-template-columns:2fr 1fr 1fr}.footer-top>div:last-child{grid-column:2}.value-grid{grid-template-columns:1fr}.value-grid article{border-bottom:1px solid var(--line)}}
@media(max-width:640px){.site-header{height:72px}.site-header nav{inset:72px 0 0}.brand img{width:125px}.hero-copy{padding-top:130px}.hero h1{font-size:3.15rem}.hero-image{min-height:540px}.actions{align-items:flex-start;flex-direction:column}.trust{gap:8px;flex-wrap:wrap}.trust span+span:before{margin-right:8px}.intro,.portrait-section,.service-detail,.history,.process,.expertise,.values,.clients-preview,.split,.faq{padding:80px 22px}.service-row{grid-template-columns:36px 1fr 24px;gap:12px}.service-row p{font-size:.88rem}.numbers{grid-template-columns:1fr 1fr}.numbers div{padding:38px 22px}.logo-strip,.client-grid{grid-template-columns:1fr 1fr}.logo-strip>div,.logo-card{min-height:120px;padding:22px}.page-hero{padding:145px 22px 80px;min-height:70vh}.profile>div:last-child{padding:70px 22px}.article-grid{grid-template-columns:1fr}.contact{padding:130px 22px 70px}.two{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr;gap:35px}.footer-top>div:first-child{grid-column:1/-1}.footer-top>div:last-child{grid-column:auto}.footer-bottom{grid-template-columns:1fr;text-align:left}.footer-bottom span:nth-child(2),.footer-bottom span:last-child{text-align:left}.section-head{margin-bottom:45px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Premium editorial layer */
:root{--champagne:#c8b58f;--mist:rgba(246,242,231,.72);--deep:#061b17;--ease:cubic-bezier(.22,1,.36,1)}
body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.024;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='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}
.site-header{height:96px;background:linear-gradient(180deg,rgba(4,22,18,.72),rgba(6,27,23,.15));backdrop-filter:blur(18px) saturate(1.15);border-color:rgba(255,255,255,.1);transition:background .35s,border-color .35s}.site-header:after{content:'';position:absolute;left:var(--pad);right:var(--pad);bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(200,181,143,.5),transparent);opacity:.42}.brand img{width:152px}.site-header nav a{position:relative;padding:12px 0}.site-header nav a:after{content:'';position:absolute;left:50%;right:50%;bottom:5px;height:1px;background:var(--champagne);transition:left .35s var(--ease),right .35s var(--ease)}.site-header nav a:hover:after,.site-header nav a:focus:after{left:0;right:0}.btn{position:relative;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.12);transition:transform .35s var(--ease),box-shadow .35s,background .35s}.btn:before{content:'';position:absolute;inset:-2px;transform:translateX(-120%) skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transition:transform .75s var(--ease)}.btn:hover:before{transform:translateX(120%) skewX(-20deg)}.btn:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.2)}.btn-light{background:linear-gradient(135deg,#fffdf7,#eae4d5);border-color:rgba(255,255,255,.75)}.btn-dark{background:linear-gradient(135deg,#103a33,#071f1a);border-color:rgba(200,181,143,.25)}
.hero{position:relative;background:var(--deep);isolation:isolate}.hero:after{content:'';position:absolute;inset:auto 0 0;height:22%;z-index:3;pointer-events:none;background:linear-gradient(transparent,rgba(5,23,19,.52))}.hero-copy{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 16%,rgba(84,120,109,.26),transparent 36%),linear-gradient(145deg,#123b34 0%,#08241f 64%,#061c18 100%)}.hero-copy:before{content:'';position:absolute;width:clamp(380px,46vw,760px);aspect-ratio:1;border:1px solid rgba(200,181,143,.13);border-radius:50%;left:-33%;top:-15%;box-shadow:0 0 0 90px rgba(255,255,255,.018),0 0 0 180px rgba(255,255,255,.012)}.hero-copy:after{content:'S';position:absolute;right:-.08em;bottom:-.28em;font:300 clamp(26rem,41vw,50rem)/1 'Manrope';color:rgba(255,255,255,.018);z-index:0}.hero-copy>*{position:relative;z-index:1}.hero h1{max-width:760px;text-wrap:balance;text-shadow:0 12px 40px rgba(0,0,0,.18)}.hero h1:after{content:'';display:block;width:82px;height:1px;margin-top:32px;background:linear-gradient(90deg,var(--champagne),transparent)}.hero .lead{color:rgba(255,255,255,.68);max-width:650px}.hero-image:before{content:'';position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(6,27,23,.62),transparent 24%),linear-gradient(180deg,rgba(5,18,15,.28),transparent 28%,rgba(5,18,15,.38));pointer-events:none}.hero-image:after{content:'';position:absolute;z-index:2;inset:0;box-shadow:inset 0 0 120px rgba(4,19,16,.34);pointer-events:none}.hero-image>img{transform:scale(1.025) translate(var(--mx,0),var(--my,0));filter:saturate(.82) contrast(1.04);transition:transform 1.1s var(--ease),filter .6s}.hero-image:hover>img{filter:saturate(.94) contrast(1.04)}.image-caption{z-index:4;right:34px;bottom:36px;min-width:220px;padding:18px 22px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,rgba(8,31,26,.78),rgba(8,25,21,.5));box-shadow:0 24px 60px rgba(0,0,0,.28)}.image-caption:before{content:'';position:absolute;left:-1px;top:18px;bottom:18px;width:2px;background:var(--champagne)}.eyebrow{display:flex;align-items:center;gap:13px}.eyebrow:before{content:'';width:28px;height:1px;background:currentColor;opacity:.65}.trust{position:relative}.trust:before{content:'';position:absolute;left:0;right:0;top:24px;height:1px;background:linear-gradient(90deg,rgba(200,181,143,.44),transparent)}
.light{position:relative;background:linear-gradient(135deg,#f5f2e9 0%,#ece8de 60%,#f7f4ed 100%)}.light:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 88% 16%,rgba(30,73,63,.07),transparent 28%),linear-gradient(115deg,transparent 45%,rgba(255,255,255,.32) 45.1%,transparent 45.3%)}.light>*{position:relative}.intro h2,.portrait-section h2,.history h2,.section-head h2{position:relative;text-wrap:balance}.intro h2:after,.history h2:after{content:'';display:block;width:72px;height:2px;margin-top:32px;background:var(--champagne)}
.expertise,.values,.clients-preview,.split,.faq{position:relative;overflow:hidden;background:radial-gradient(circle at 92% 8%,rgba(79,117,106,.16),transparent 30%),linear-gradient(155deg,#0d302a,#071f1b)}.expertise:before,.values:before,.clients-preview:before{content:'';position:absolute;width:420px;aspect-ratio:1;border:1px solid rgba(255,255,255,.045);border-radius:50%;right:-190px;top:110px;box-shadow:0 0 0 80px rgba(255,255,255,.012),0 0 0 160px rgba(255,255,255,.009)}.section-head>*{position:relative}.section-head h2:after{content:'';position:absolute;left:0;bottom:-24px;width:74px;height:1px;background:var(--champagne)}
.service-list{position:relative;border-color:rgba(200,181,143,.28)}.service-row{position:relative;overflow:hidden;padding-top:34px;padding-bottom:34px;border-color:rgba(255,255,255,.105)}.service-row:before{content:'';position:absolute;inset:0;transform:translateX(-102%);background:linear-gradient(90deg,rgba(200,181,143,.09),rgba(255,255,255,.025),transparent);transition:transform .65s var(--ease)}.service-row:hover:before{transform:translateX(0)}.service-row:hover{padding-left:24px;padding-right:24px;background:rgba(255,255,255,.018)}.service-row .number{font-family:'Manrope';color:var(--champagne);opacity:.75}.service-row .arrow{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:50%;transition:transform .35s,border-color .35s}.service-row:hover .arrow{transform:rotate(45deg);border-color:var(--champagne)}
.portrait-section{background:linear-gradient(128deg,#f7f4eb,#e9e4d8)}.portrait-frame{position:relative;box-shadow:0 40px 90px rgba(10,39,32,.17)}.portrait-frame:before{content:'';position:absolute;z-index:2;inset:0;border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 0 80px rgba(7,32,27,.12);pointer-events:none}.portrait-frame:after{content:'';position:absolute;width:40%;height:1px;background:var(--champagne);right:-11%;bottom:10%;z-index:3}.portrait-frame img{filter:saturate(.78) contrast(1.04);transition:transform 1s var(--ease),filter .6s}.portrait-frame:hover img{transform:scale(1.025);filter:saturate(.9)}
.numbers{position:relative;background:linear-gradient(115deg,#08251f,#123a33);border-color:rgba(200,181,143,.18)}.numbers:before{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.035),transparent);pointer-events:none}.numbers div{position:relative;border-color:rgba(200,181,143,.16);transition:background .35s}.numbers div:hover{background:rgba(200,181,143,.06)}.numbers strong{background:linear-gradient(180deg,#fff,#b9ad91);-webkit-background-clip:text;background-clip:text;color:transparent}.numbers span{color:var(--mist)}
.logo-strip,.client-grid{position:relative}.logo-strip>div,.logo-card{position:relative;background:rgba(255,255,255,.015);border-color:rgba(200,181,143,.15);filter:grayscale(1) opacity(.72);transition:filter .35s,transform .35s var(--ease),background .35s,box-shadow .35s}.logo-strip>div:after,.logo-card:after{content:'';position:absolute;inset:9px;border:1px solid transparent;transition:border-color .35s}.logo-strip>div:hover,.logo-card:hover{z-index:2;transform:translateY(-5px);background:rgba(255,255,255,.055);filter:grayscale(0) opacity(1);box-shadow:0 20px 45px rgba(0,0,0,.18)}.logo-strip>div:hover:after,.logo-card:hover:after{border-color:rgba(200,181,143,.22)}
.value-grid{gap:12px;border:0}.value-grid article{position:relative;overflow:hidden;border:1px solid rgba(200,181,143,.15);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.008));transition:transform .4s var(--ease),background .4s}.value-grid article:after{content:'';position:absolute;width:140px;aspect-ratio:1;border:1px solid rgba(255,255,255,.06);border-radius:50%;right:-70px;top:-70px}.value-grid article:hover{transform:translateY(-8px);background:linear-gradient(145deg,rgba(200,181,143,.12),rgba(255,255,255,.015))}.value-grid article span{color:var(--champagne);opacity:1}
.page-hero{background:radial-gradient(circle at 12% 10%,rgba(74,114,102,.23),transparent 30%),linear-gradient(145deg,#123a33,#061d18);border-bottom:1px solid rgba(200,181,143,.16)}.page-hero:before{content:'S';position:absolute;right:5vw;bottom:-.34em;font:300 clamp(22rem,39vw,48rem)/1 'Manrope';color:rgba(255,255,255,.018)}.page-hero:after{border-color:rgba(200,181,143,.055);box-shadow:0 0 0 8vw rgba(255,255,255,.012)}.page-hero>*{position:relative;z-index:2}.breadcrumbs{padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.09);max-width:680px}
.profile{position:relative;background:radial-gradient(circle at 80% 20%,rgba(76,115,104,.2),transparent 34%),linear-gradient(145deg,#0c3029,#061d18)}.profile-image{position:relative;overflow:hidden}.profile-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 68%,rgba(6,29,24,.72)),linear-gradient(180deg,rgba(5,19,16,.12),transparent 70%,rgba(5,19,16,.35));box-shadow:inset 0 0 100px rgba(0,0,0,.22)}.profile-image img{filter:saturate(.8) contrast(1.03)}.quote{position:relative;overflow:hidden;background:linear-gradient(140deg,#f5f1e7,#e9e4d7)}.quote:before{content:'“';position:absolute;left:4vw;top:-.22em;font:300 25rem/1 Georgia;color:rgba(13,48,42,.055)}blockquote{position:relative}blockquote:after{content:'';display:block;width:90px;height:2px;background:var(--champagne);margin:42px auto 0}
.article-grid{gap:14px;background:linear-gradient(135deg,#eee9df,#e6e0d4)}.article-grid>a{position:relative;overflow:hidden;border:1px solid rgba(13,48,42,.09);background:rgba(248,245,237,.72);box-shadow:0 16px 40px rgba(14,47,40,.04);transition:transform .45s var(--ease),box-shadow .45s,background .45s}.article-grid>a:before{content:'';position:absolute;width:150px;aspect-ratio:1;border:1px solid rgba(13,48,42,.06);border-radius:50%;right:-70px;top:-70px;transition:transform .55s var(--ease)}.article-grid>a:hover{transform:translateY(-9px);background:#f8f5ed;box-shadow:0 30px 65px rgba(14,47,40,.13)}.article-grid>a:hover:before{transform:scale(1.3)}.article-grid strong{color:var(--green)}
.contact{position:relative;overflow:hidden;background:radial-gradient(circle at 10% 20%,rgba(79,119,107,.19),transparent 28%),linear-gradient(145deg,#10362f,#061e19)}.contact:before{content:'';position:absolute;width:540px;aspect-ratio:1;border:1px solid rgba(200,181,143,.09);border-radius:50%;left:-270px;bottom:-270px;box-shadow:0 0 0 95px rgba(255,255,255,.011)}.contact>*{position:relative}.contact form{border:1px solid rgba(200,181,143,.24);background:linear-gradient(145deg,rgba(247,243,232,.98),rgba(229,224,211,.98));box-shadow:0 38px 90px rgba(0,0,0,.26)}.field input,.field select,.field textarea{transition:border-color .3s,background .3s}.field textarea:focus{background:rgba(255,255,255,.45)}
.closing,.thanks{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0,rgba(101,138,127,.22),transparent 38%),linear-gradient(145deg,#123b34,#061d18)}.closing:before,.thanks:before{content:'';position:absolute;width:480px;aspect-ratio:1;border:1px solid rgba(200,181,143,.11);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 80px rgba(255,255,255,.012),0 0 0 160px rgba(255,255,255,.008)}.closing>* ,.thanks>*{position:relative}.closing h2{text-shadow:0 12px 40px rgba(0,0,0,.2)}footer{position:relative;background:radial-gradient(circle at 10% 0,rgba(53,91,81,.18),transparent 26%),#051713;border-top:1px solid rgba(200,181,143,.12)}.footer-top h3{color:var(--champagne);opacity:.75}.footer-top a{transition:color .25s,transform .25s}.footer-top a:hover{color:#fff;transform:translateX(4px)}
.js-enabled .reveal{opacity:0;transform:translateY(28px);transition:opacity .85s var(--ease) var(--delay,0ms),transform .85s var(--ease) var(--delay,0ms)}.js-enabled .reveal.is-visible{opacity:1;transform:none}
@media(max-width:1050px){.site-header{height:84px}.site-header nav{inset:84px 0 0;background:linear-gradient(145deg,#0e342d,#061c18);backdrop-filter:blur(22px)}.hero-copy:after{font-size:35rem}.hero-image:before{background:linear-gradient(180deg,rgba(6,27,23,.28),transparent 30%,rgba(5,18,15,.4))}.value-grid{gap:1px}.profile-image:after{background:linear-gradient(180deg,transparent 65%,rgba(6,29,24,.75))}}
@media(max-width:640px){.site-header{height:72px}.hero-copy:before{left:-80%;top:-10%}.hero-copy:after{font-size:25rem}.hero h1:after{margin-top:24px}.service-row:hover{padding-left:8px;padding-right:8px}.page-hero:before{font-size:19rem}.image-caption{right:18px;bottom:18px}.article-grid{gap:1px}.contact form{box-shadow:0 22px 55px rgba(0,0,0,.2)}}
@media(prefers-reduced-motion:reduce){.js-enabled .reveal{opacity:1;transform:none}.hero-image>img{transform:none!important}}

/* Contact form validation */
.field-error{display:block;min-height:1.2em;margin-top:5px;color:#8d3029;font-size:.72rem;font-weight:500;letter-spacing:.01em}.field input.has-error,.field textarea.has-error{border-color:#a33b32}.field input.has-error:focus,.field textarea.has-error:focus{box-shadow:0 1px 0 #a33b32}.consent-error{margin-top:-14px;margin-bottom:14px}.consent input.has-error{outline:1px solid #a33b32;outline-offset:2px}.submit-btn:disabled{cursor:wait;opacity:.68;transform:none;box-shadow:none}.form-status{min-height:1.5em;margin:16px 0 0;font-size:.78rem}.form-status.is-error{padding:12px 14px;border-left:2px solid #a33b32;background:rgba(163,59,50,.08);color:#742922}.footer-bottom{grid-template-columns:1fr 1fr}.footer-bottom span:last-child{text-align:right}
@media(max-width:640px){.footer-bottom{grid-template-columns:1fr}.footer-bottom span:last-child{text-align:left}}

/* O nama: understated founder portrait */
.about-founder{
  display:grid;
  grid-template-columns:minmax(300px, .82fr) minmax(0, 1.18fr);
  min-height:690px;
  background:linear-gradient(145deg,#101714,#061c18);
  overflow:hidden;
}
.about-founder-image{position:relative;min-height:690px;overflow:hidden}
.about-founder-image:after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(5,23,19,.08),rgba(5,23,19,.24)),
    linear-gradient(180deg,transparent 58%,rgba(5,23,19,.72));
  box-shadow:inset -70px 0 100px rgba(5,23,19,.32);
}
.about-founder-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 20%;
  filter:saturate(.72) contrast(1.04);
}
.about-founder-copy{
  align-self:center;
  max-width:720px;
  padding:clamp(70px,9vw,150px) var(--pad);
}
.about-founder-copy h2{margin:25px 0 30px;max-width:700px}
.about-founder-copy .large{color:rgba(255,255,255,.7);margin-bottom:34px}

/* Footer portrait and navigation form one calm vertical composition. */
footer{
  padding:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.footer-visual{
  position:relative;
  width:100%;
  height:clamp(320px,35vw,520px);
  overflow:hidden;
  background:#26352f;
}
.footer-visual:after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(5,23,19,.7) 0%,rgba(5,23,19,.3) 35%,transparent 62%),linear-gradient(180deg,transparent 62%,rgba(5,23,19,.38));
}
.footer-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 42%;
  filter:saturate(.84) contrast(1.025) brightness(.92);
}
.footer-visual-cta{
  position:absolute;
  z-index:1;
  left:var(--pad);
  top:50%;
  width:min(390px,38vw);
  transform:translateY(-50%);
}
.footer-visual-cta p{
  margin:12px 0 24px;
  font:300 clamp(1.35rem,2.15vw,2.15rem)/1.22 'Manrope',sans-serif;
  letter-spacing:-.03em;
  text-wrap:balance;
}
.footer-visual-cta .btn{min-height:44px;padding-inline:21px}
.footer-content{padding:74px var(--pad) 30px}
.footer-top{grid-template-columns:2fr repeat(3,1fr);gap:clamp(30px,4vw,64px)}
.footer-brand{display:inline-block;margin-bottom:25px}
.footer-brand .footer-logo{width:152px;margin-bottom:0}

@media(max-width:1050px){
  .about-founder{grid-template-columns:1fr 1fr;min-height:620px}
  .about-founder-image{min-height:620px}
  .footer-visual{height:clamp(280px,41vw,392px)}
  .footer-visual:after{background:linear-gradient(90deg,rgba(5,23,19,.72),rgba(5,23,19,.24) 54%,transparent 78%),linear-gradient(180deg,transparent 58%,rgba(5,23,19,.4))}
  .footer-visual img{object-position:center 43%}
  .footer-top{grid-template-columns:2fr 1fr 1fr}
  .footer-top>div:first-child{grid-column:1/-1}
}
@media(max-width:640px){
  .about-founder{grid-template-columns:1fr;min-height:0}
  .about-founder-image{min-height:530px}
  .about-founder-image:after{background:linear-gradient(180deg,transparent 56%,rgba(5,23,19,.74))}
  .about-founder-copy{padding:70px 22px 80px}
  .footer-visual{height:252px;min-height:0;max-height:none}
  .footer-visual:after{background:linear-gradient(90deg,rgba(5,23,19,.78),rgba(5,23,19,.22) 74%),linear-gradient(180deg,transparent 58%,rgba(5,23,19,.48))}
  .footer-visual img{object-position:center 50%}
  .footer-visual-cta{left:22px;width:min(250px,66vw)}
  .footer-visual-cta p{font-size:1.3rem;margin:8px 0 17px}
  .footer-visual-cta .eyebrow{font-size:.62rem}
  .footer-visual-cta .btn{min-height:40px;padding-inline:17px;font-size:.64rem}
  .footer-content{padding:56px 22px 28px}
  .footer-top{grid-template-columns:1fr 1fr;gap:35px}
}

@media(max-width:1050px){.site-header nav{background:#061c18!important;background-image:radial-gradient(circle at 85% 10%,rgba(62,101,90,.22),transparent 32%)!important;backdrop-filter:none;min-height:calc(100dvh - 84px);box-shadow:0 30px 80px rgba(0,0,0,.45)}}
@media(max-width:640px){.site-header nav{min-height:calc(100dvh - 72px)}}

.clients-mobile-cta{display:none}
@media(max-width:640px){
  html,body{max-width:100%;overflow-x:hidden}
  .hero,.hero-image{width:100%;max-width:100vw}
  .hero-image{min-width:100%;margin:0}
  .hero-image>img{width:100%;max-width:none;height:100%;object-fit:cover;object-position:center top}
  .service-row{grid-template-columns:30px minmax(0,1fr) 28px;gap:10px;width:100%;padding-right:0}
  .service-row>div{min-width:0}
  .service-row .arrow{width:26px;height:26px;min-width:26px;border:1px solid rgba(255,255,255,.7);color:transparent;font-size:0;border-radius:50%;transform:none}
  .service-row .arrow:before{content:'↗';display:block;color:#fff;font:300 13px/1 'DM Sans',sans-serif;transform:translate(-.5px,.5px)}
  .service-row:hover .arrow{transform:none;border-color:#fff}
  .clients-preview .section-head{margin-bottom:38px}
  .clients-desktop-cta{display:none}
  .clients-preview .logo-strip{grid-template-columns:1fr;width:100%;border-right:1px solid var(--line)}
  .clients-preview .logo-strip>div{width:100%;min-height:132px;border-right:0;border-bottom:1px solid var(--line)}
  .clients-preview .logo-strip>div:nth-child(n+6){display:none}
  .clients-preview .logo-strip img{max-width:180px;max-height:58px}
  .clients-mobile-cta{display:flex;width:100%;margin-top:24px}
}

/* Contrast corrections and unified client marks */
.faq.light{color:var(--white)}.faq.light .eyebrow.dark{color:rgba(255,255,255,.68)}.faq.light h2,.faq.light summary,.faq.light details p{color:var(--white)}.faq.light details{border-color:rgba(255,255,255,.16)}.faq.light details p{opacity:.72}.faq.light summary span{color:var(--champagne)}
.client-grid .logo-card{filter:none}.client-grid .logo-card img{filter:none;opacity:1;transition:transform .35s var(--ease)}.client-grid .logo-card:hover img{transform:scale(1.06)}
.client-grid .logo-card:has(img[alt="Hifa-Oil"]),.client-grid .logo-card:has(img[alt="Ozon Gradnja"]){background:#0d302a}

/* Refined spacing, active navigation and neutral section rhythm */
.client-grid .logo-card:focus-visible,.carousel-logo:focus-visible{outline:2px solid var(--champagne);outline-offset:-5px}
.breadcrumbs{display:none}
.page-hero{min-height:auto;padding-top:clamp(160px,13vw,198px);padding-bottom:clamp(74px,7vw,108px)}
.service-hero{min-height:auto}
.page-hero .eyebrow{margin-bottom:26px}
.page-hero h1{margin-top:0}

/* Homepage hero: a deliberate two-line desktop statement. */
@media(min-width:1200px){
  .hero{grid-template-columns:minmax(0,55%) minmax(0,45%)}
  .hero-copy{padding-left:var(--pad);padding-right:var(--pad)}
  .hero h1{font-size:clamp(3rem,3.65vw,5.15rem);max-width:820px;white-space:normal}
}
@media(max-width:1199px){
  .hero-break{display:none}
}
.intro{padding-top:clamp(88px,8vw,124px);padding-bottom:clamp(88px,8vw,124px);gap:clamp(54px,8vw,120px);align-items:center}
.intro>div:last-child{max-width:720px;justify-self:end}
.clients-preview{background:radial-gradient(circle at 92% 8%,rgba(112,96,67,.12),transparent 30%),linear-gradient(155deg,#151a18,#090d0c)}
.split{background:radial-gradient(circle at 8% 80%,rgba(62,75,70,.16),transparent 35%),linear-gradient(145deg,#121715,#080b0a)}
.faq{background:radial-gradient(circle at 90% 10%,rgba(76,83,72,.13),transparent 30%),linear-gradient(155deg,#121614,#070a09)}
.numbers{background:linear-gradient(115deg,#111614,#070a09)}
.brand img{filter:brightness(0) saturate(100%) invert(77%) sepia(20%) saturate(665%) hue-rotate(359deg) brightness(91%) contrast(84%);transition:filter .55s var(--ease),transform .55s var(--ease)}
.brand:hover img,.brand:focus img{filter:brightness(0) invert(1);transform:translateY(-1px)}
.site-header nav a[aria-current="page"]{color:#fff}
.site-header nav a[aria-current="page"]:after{left:0;right:0;background:var(--champagne)}
@media(max-width:640px){.page-hero{padding-top:122px;padding-bottom:68px}.page-hero .eyebrow{margin-bottom:20px}.intro{padding-top:72px;padding-bottom:72px}.site-header nav a[aria-current="page"]{color:var(--champagne)}}

/* Homepage expertise cards */
.expertise-cards{background:radial-gradient(circle at 8% 4%,rgba(200,181,143,.1),transparent 28%),linear-gradient(155deg,#111715,#07110f)}
.service-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;position:relative}
.service-card{min-width:0;background:rgba(255,255,255,.035);border:1px solid rgba(200,181,143,.18);display:flex;flex-direction:column;overflow:hidden;transition:transform .4s var(--ease),border-color .4s,background .4s,box-shadow .4s}
.service-card:hover,.service-card:focus-visible{transform:translateY(-7px);border-color:rgba(200,181,143,.48);background:rgba(255,255,255,.055);box-shadow:0 26px 60px rgba(0,0,0,.3)}
.service-card-image{height:clamp(210px,20vw,320px);position:relative;overflow:hidden;background:#101c19}
.service-card-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,14,12,.02),rgba(4,14,12,.62))}
.service-card-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) contrast(1.04);transition:transform .7s var(--ease),filter .45s}
.service-card:hover .service-card-image img{transform:scale(1.035);filter:saturate(.85) contrast(1.04)}
.service-card-image>span{position:absolute;left:22px;top:20px;z-index:1;font-size:.72rem;letter-spacing:.12em;color:var(--champagne)}
.service-card-copy{padding:30px 28px 32px;display:flex;flex-direction:column;flex:1}
.service-card-copy h3{font:300 clamp(1.65rem,2.1vw,2.45rem)/1.08 'Manrope',sans-serif;letter-spacing:-.035em;margin-bottom:15px}
.service-card-copy p{color:rgba(255,255,255,.66);font-size:.95rem;line-height:1.65;margin-bottom:28px}
.service-card-copy strong{margin-top:auto;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--champagne);font-weight:500}
.service-card-copy strong span{margin-left:7px}

/* Continuous client carousel */
.clients-preview .section-head>div{max-width:850px}
.clients-lead{max-width:720px;color:rgba(255,255,255,.64);font-size:1.05rem;margin:30px 0 0}
.client-carousel{position:relative;width:calc(100% + (var(--pad) * 2));margin-left:calc(var(--pad) * -1);overflow:hidden;padding:14px 0}
.client-carousel:before,.client-carousel:after{content:'';position:absolute;z-index:3;top:0;bottom:0;width:clamp(55px,10vw,180px);pointer-events:none}
.client-carousel:before{left:0;background:linear-gradient(90deg,#0b100f 8%,rgba(11,16,15,.88) 35%,transparent)}
.client-carousel:after{right:0;background:linear-gradient(270deg,#0b100f 8%,rgba(11,16,15,.88) 35%,transparent)}
.client-track{display:flex;width:max-content;animation:client-scroll 42s linear infinite;will-change:transform}
.client-carousel:hover .client-track{animation-play-state:paused}
.carousel-logo{width:230px;height:138px;margin-right:16px;display:flex;align-items:center;justify-content:center;padding:28px;background:rgba(255,255,255,.025);border:1px solid rgba(200,181,143,.13);transition:background .35s,border-color .35s}
.carousel-logo:hover{background:rgba(255,255,255,.06);border-color:rgba(200,181,143,.32)}
.carousel-logo img{max-width:165px;max-height:64px;object-fit:contain;filter:none!important;opacity:1;transition:transform .35s var(--ease)}
.carousel-logo:hover img{transform:scale(1.06)}
@keyframes client-scroll{to{transform:translateX(calc(-50% - 8px))}}

@media(max-width:1050px){
  .service-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .clients-preview .section-head>div{max-width:none}
}
@media(max-width:640px){
  .service-cards{grid-template-columns:1fr;gap:16px}
  .service-card-image{height:230px}
  .service-card-copy{padding:25px 22px 27px}
  .clients-preview .section-head{gap:18px}
  .clients-lead{font-size:.96rem;margin-top:24px}
  .client-carousel{width:calc(100% + 44px);margin-left:-22px}
  .client-carousel:before,.client-carousel:after{width:46px}
  .carousel-logo{width:185px;height:116px;margin-right:12px;padding:24px}
  .carousel-logo img{max-width:140px;max-height:54px}
  .client-track{animation-duration:36s}
}
@media(prefers-reduced-motion:reduce){
  .client-carousel{overflow-x:auto;scrollbar-width:thin}
  .client-track{animation:none}
  .client-track .carousel-logo[aria-hidden="true"]{display:none}
}

/* Final client-logo treatment: white-to-gold on Home, gold-only on Clients. */
.carousel-logo{
  filter:none;
}
.carousel-logo img{
  filter:brightness(0) invert(1)!important;
  opacity:1;
  transition:filter .35s var(--ease),transform .35s var(--ease);
}
.carousel-logo:hover img,
.carousel-logo:focus-visible img{
  filter:brightness(0) saturate(100%) invert(77%) sepia(20%) saturate(665%) hue-rotate(359deg) brightness(91%) contrast(84%)!important;
  transform:scale(1.06);
}
.client-grid .logo-card{
  filter:none;
  background:rgba(255,255,255,.015);
}
.client-grid .logo-card:has(img[alt="Hifa-Oil"]),
.client-grid .logo-card:has(img[alt="Ozon Gradnja"]){
  background:rgba(255,255,255,.015);
}
.client-grid .logo-card img{
  filter:brightness(0) saturate(100%) invert(77%) sepia(20%) saturate(665%) hue-rotate(359deg) brightness(91%) contrast(84%)!important;
  opacity:1;
  transition:transform .35s var(--ease);
}
.client-grid .logo-card:hover img,
.client-grid .logo-card:focus-visible img{
  filter:brightness(0) saturate(100%) invert(77%) sepia(20%) saturate(665%) hue-rotate(359deg) brightness(91%) contrast(84%)!important;
  transform:scale(1.06);
}

/* Thin, font-independent mobile arrows pointing up-right. */
@media(max-width:640px){
  .service-row .arrow:before,
  .text-link span:before,
  .service-card-copy strong span:before{
    content:'';
    display:inline-block;
    width:8px;
    height:8px;
    border-top:1px solid currentColor;
    border-right:1px solid currentColor;
    transform:none;
  }
  .service-row .arrow:after,
  .text-link span:after,
  .service-card-copy strong span:after{
    content:'';
    position:absolute;
    width:11px;
    height:1px;
    background:currentColor;
    transform:rotate(-45deg);
    transform-origin:right center;
  }
  .service-row .arrow{
    position:relative;
    color:rgba(255,255,255,.92);
    width:22px;
    height:22px;
    min-width:22px;
    background:none;
    border:0;
    border-radius:0;
  }
  .service-row .arrow:before{
    position:absolute;
    right:2px;
    top:2px;
  }
  .service-row .arrow:after{
    right:2px;
    top:10px;
  }
  .text-link span,
  .service-card-copy strong span{
    position:relative;
    display:inline-block;
    width:14px;
    height:14px;
    margin-left:8px;
    color:inherit;
    font-size:0;
    vertical-align:-2px;
  }
  .text-link span:before,
  .service-card-copy strong span:before{
    position:absolute;
    right:0;
    top:0;
  }
  .text-link span:after,
  .service-card-copy strong span:after{
    right:0;
    top:8px;
  }
}

/* Final interaction corrections: client marks are decorative, and the client
   page uses the site's dark ink with champagne on hover. */
.client-grid .logo-card{
  cursor:default;
}
.client-grid .logo-card img{
  filter:brightness(0) saturate(100%) invert(14%) sepia(22%) saturate(1226%) hue-rotate(118deg) brightness(84%) contrast(94%)!important;
  opacity:1;
  transition:filter .35s var(--ease),transform .35s var(--ease);
}
.client-grid .logo-card:hover img{
  filter:brightness(0) saturate(100%) invert(77%) sepia(20%) saturate(665%) hue-rotate(359deg) brightness(91%) contrast(84%)!important;
  transform:scale(1.06);
}
.carousel-logo{cursor:default}

@media(max-width:640px){
  .footer-top>div:last-child{min-width:0}
  .footer-top>div:last-child a[href^="mailto:"]{
    white-space:nowrap;
    font-size:clamp(.72rem,3.35vw,.88rem);
    letter-spacing:-.015em;
  }

  /* Thin, font-independent arrow pointing up-right. */
  .service-row .arrow,
  .text-link span,
  .service-card-copy strong span{
    position:relative;
    display:inline-block;
    width:16px;
    height:16px;
    min-width:16px;
    color:inherit;
    background:none;
    border:0;
    border-radius:0;
    font-size:0;
  }
  .service-row .arrow:before,
  .text-link span:before,
  .service-card-copy strong span:before{
    content:'';
    position:absolute;
    left:1px;
    bottom:3px;
    width:17px;
    height:1px;
    background:currentColor;
    border:0;
    transform:rotate(-45deg);
    transform-origin:left center;
  }
  .service-row .arrow:after,
  .text-link span:after,
  .service-card-copy strong span:after{
    content:'';
    position:absolute;
    right:0;
    top:0;
    width:7px;
    height:7px;
    background:none;
    border-top:1px solid currentColor;
    border-right:1px solid currentColor;
    transform:none;
  }
}

/* Client-reference note and long association name */
.client-showcase{padding:clamp(80px,10vw,140px) var(--pad)}
.client-showcase .client-grid{padding:0}
.client-reference-note{
  max-width:760px;
  margin:34px auto 0;
  text-align:center;
  color:rgba(13,48,42,.68);
  font-size:.92rem;
  line-height:1.65;
}
.association-logo{
  flex-direction:row;
  gap:14px;
}
.association-logo img{
  flex:0 0 auto;
  max-width:58px!important;
  max-height:58px!important;
}
.association-logo span{
  max-width:190px;
  color:inherit;
  font-size:.68rem;
  font-weight:500;
  line-height:1.35;
  letter-spacing:.01em;
  text-align:left;
}
.carousel-logo.association-logo{
  padding-inline:20px;
}
.carousel-logo.association-logo span{
  color:var(--white);
  transition:color .35s var(--ease);
}
.carousel-logo.association-logo:hover span{
  color:var(--champagne);
}
.client-grid .association-logo span{
  color:var(--green);
  transition:color .35s var(--ease),transform .35s var(--ease);
}
.client-grid .association-logo:hover span{
  color:var(--champagne);
  transform:scale(1.02);
}
@media(max-width:640px){
  .client-showcase{padding-left:22px;padding-right:22px}
  .client-reference-note{margin-top:28px;font-size:.86rem;text-align:left}
  .association-logo span{max-width:210px;font-size:.7rem}
}

/* Final mobile arrow geometry: one standard, thin up-right icon. */
@media(max-width:640px){
  .service-row .arrow,
  .text-link span,
  .service-card-copy strong span{
    display:inline-block;
    width:20px;
    height:20px;
    min-width:20px;
    margin-left:8px;
    padding:0;
    color:inherit;
    background-color:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19 19 5M9 5h10v10' fill='none' stroke='black' stroke-width='1.45' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19 19 5M9 5h10v10' fill='none' stroke='black' stroke-width='1.45' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
    border:0;
    border-radius:0;
    font-size:0;
    line-height:0;
    vertical-align:-4px;
  }
  .service-row .arrow{
    justify-self:end;
    margin-left:0;
  }
  .service-row .arrow:before,
  .service-row .arrow:after,
  .text-link span:before,
  .text-link span:after,
  .service-card-copy strong span:before,
  .service-card-copy strong span:after{
    content:none!important;
    display:none!important;
  }
}

/* Optical logo sizing — proportions remain untouched. */
.carousel-logo:has(img[alt="Bevox"]) img,
.client-grid .logo-card:has(img[alt="Bevox"]) img{
  transform:scale(.9);
}
.carousel-logo:has(img[alt="Bevox"]):hover img,
.client-grid .logo-card:has(img[alt="Bevox"]):hover img{
  transform:scale(.954);
}
.carousel-logo:has(img[alt="ITEN Engineering"]) img,
.carousel-logo:has(img[alt="Grafokartonka"]) img,
.carousel-logo:has(img[alt="Ozon Gradnja"]) img,
.client-grid .logo-card:has(img[alt="ITEN Engineering"]) img,
.client-grid .logo-card:has(img[alt="Grafokartonka"]) img,
.client-grid .logo-card:has(img[alt="Ozon Gradnja"]) img{
  transform:scale(1.12);
}
.carousel-logo:has(img[alt="ITEN Engineering"]):hover img,
.carousel-logo:has(img[alt="Grafokartonka"]):hover img,
.carousel-logo:has(img[alt="Ozon Gradnja"]):hover img,
.client-grid .logo-card:has(img[alt="ITEN Engineering"]):hover img,
.client-grid .logo-card:has(img[alt="Grafokartonka"]):hover img,
.client-grid .logo-card:has(img[alt="Ozon Gradnja"]):hover img{
  transform:scale(1.187);
}
.association-logo span{
  max-width:205px;
  font-size:.74rem;
  line-height:1.32;
}
@media(max-width:640px){
  .association-logo span{
    max-width:220px;
    font-size:.76rem;
  }
}

/* Single SVG arrow system: stable geometry and baseline on every browser. */
.arrow-icon{
  display:inline-block;
  width:1.15em;
  height:1.15em;
  flex:0 0 auto;
  overflow:visible;
  vertical-align:-.2em;
  color:inherit;
  fill:none;
  stroke:currentColor;
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.text-link{
  display:inline-flex;
  align-items:center;
  gap:9px;
  width:max-content;
}
.service-card-copy strong{
  display:flex;
  align-items:center;
  gap:8px;
}
.service-row .arrow{
  display:flex;
  align-items:center;
  justify-content:center;
}

/* Preserve contrast inside the Energo ellipse instead of flattening the
   complete mark to one solid color. */
.carousel-logo img[src*="energo-sistem"]{
  filter:grayscale(1) saturate(0) brightness(1.85) contrast(.82)!important;
}
.carousel-logo:hover img[src*="energo-sistem"]{
  filter:grayscale(1) sepia(1) saturate(1.8) hue-rotate(357deg) brightness(1.08) contrast(.92)!important;
}
.client-grid img[alt="Energo-Sistem"]{
  filter:grayscale(1) sepia(.28) saturate(1.5) hue-rotate(112deg) brightness(.48) contrast(1.05)!important;
}
.client-grid .logo-card:hover img[alt="Energo-Sistem"]{
  filter:grayscale(1) sepia(1) saturate(1.8) hue-rotate(357deg) brightness(1.08) contrast(.92)!important;
}

@media(max-width:640px){
  .service-row .arrow,
  .text-link .arrow-icon,
  .service-card-copy .arrow-icon{
    width:20px;
    height:20px;
    min-width:20px;
    margin:0;
    padding:0;
    background:none!important;
    -webkit-mask:none!important;
    mask:none!important;
    border:0!important;
    border-radius:0;
    font-size:inherit;
    line-height:1;
  }
  .service-row .arrow{
    justify-self:end;
    color:rgba(255,255,255,.92);
  }
  .service-row .arrow:before,
  .service-row .arrow:after{
    content:none!important;
    display:none!important;
  }
}

/* Clients page: desktop keeps the grid; mobile mirrors the Home marquee. */
.clients-page-carousel{
  display:none;
}
@media(max-width:640px){
  .client-showcase{
    overflow:hidden;
  }
  .client-showcase .client-grid{
    display:none;
  }
  .client-showcase .clients-page-carousel{
    display:block;
    width:calc(100% + 44px);
    margin-left:-22px;
  }
  .clients-page-carousel:before{
    background:linear-gradient(90deg,var(--paper) 8%,rgba(239,236,226,.9) 35%,transparent);
  }
  .clients-page-carousel:after{
    background:linear-gradient(270deg,var(--paper) 8%,rgba(239,236,226,.9) 35%,transparent);
  }
  .clients-page-carousel .carousel-logo{
    background:rgba(13,48,42,.025);
    border-color:rgba(13,48,42,.12);
  }
  .clients-page-carousel .carousel-logo img{
    filter:brightness(0) saturate(100%) invert(14%) sepia(22%) saturate(1226%) hue-rotate(118deg) brightness(84%) contrast(94%)!important;
  }
  .clients-page-carousel .carousel-logo img[src*="energo-sistem"]{
    filter:grayscale(1) sepia(.28) saturate(1.5) hue-rotate(112deg) brightness(.48) contrast(1.05)!important;
  }
  .clients-page-carousel .association-logo span{
    color:var(--green);
  }
}

/* Touch devices: tapping a client mark must never pause the marquee.
   Desktop keeps the existing hover-to-pause behaviour. */
@media (hover:none), (pointer:coarse){
  .client-carousel:hover .client-track,
  .client-carousel:active .client-track,
  .client-carousel:focus-within .client-track{
    animation-play-state:running;
  }
  .client-carousel .carousel-logo{
    pointer-events:none;
  }
}