:root{--paper:#fff;--soft:#f4f4f4;--ink:#1b1b1b;--muted:#767a79;--line:#dedfdf;--accent:#00fdcf;--mint:#d6f5f0;--gutter:clamp(22px,4.3vw,88px);--ease:cubic-bezier(.22,1,.36,1);font-family:'Hellix',Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:105px}
*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}img{display:block;max-width:100%}h1,h2,h3,h4,p,figure,blockquote,dd,dl{margin:0}ul{list-style:none;padding:0;margin:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid #008d76;outline-offset:6px}::selection{background:var(--accent);color:var(--ink)}[hidden]{display:none!important}.muted{color:var(--muted)}.section-pad{padding-left:var(--gutter);padding-right:var(--gutter)}.eyebrow,.section-no{font-family:'Hellix',sans-serif;font-size:11px;font-weight:400;letter-spacing:.035em}.eyebrow{text-transform:uppercase}.section-no{color:#818483}.section-dot,.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:10px}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:54px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:64px}h2{font-size:clamp(42px,5vw,76px);font-weight:400;line-height:1.05;letter-spacing:-.045em}.section-heading>p{font-size:17px;line-height:1.55;color:var(--muted);padding-bottom:5px}.skip-link{position:fixed;left:24px;top:-80px;padding:14px 20px;background:var(--accent);z-index:100}.skip-link:focus{top:14px}
.site-header{height:88px;padding:0 var(--gutter);position:absolute;top:0;left:0;width:100%;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:30px;transition:background .35s,border-color .35s;border-bottom:1px solid transparent}.site-header.is-scrolled{position:fixed;height:76px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-color:rgba(0,0,0,.07);animation:header-in .45s var(--ease)}.brand{width:120px;height:67px;display:grid;align-items:center;flex-shrink:0}.brand img{width:120px;height:61px;object-fit:contain}.desktop-nav{display:flex;gap:28px;margin-left:auto;font-size:14px}.desktop-nav a{transition:opacity .2s}.desktop-nav:has(a:hover) a:not(:hover){opacity:.35}.desktop-nav a span{font-size:11px;margin-left:4px}.header-actions{display:flex;align-items:center;gap:18px}.motion-toggle{background:none;border:1px solid #d9ddda;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;font-size:9px;padding:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:54px;border:1px solid var(--ink);border-radius:100px;padding:7px 7px 7px 23px;font-size:15px;line-height:1.2;transition:background .25s,color .25s,border-color .25s}.button-arrow{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font-size:22px;transition:transform .4s var(--ease),background .25s;flex-shrink:0}.button:hover .button-arrow{transform:rotate(45deg);background:var(--accent);color:var(--ink)}.button-dark{background:var(--ink);color:white}.button-dark .button-arrow{background:var(--accent);color:var(--ink)}.button-dark:hover{background:#333}.button-small{min-height:42px;font-size:13px;padding:4px 5px 4px 17px;gap:15px}.button-small .button-arrow{width:32px;height:32px;font-size:20px}.menu-toggle{display:none;background:none;width:40px;height:40px;padding:8px}.menu-toggle span{display:block;height:1px;background:var(--ink);margin:7px 0;transition:transform .25s}.menu-open .menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}
.hero{position:relative;min-height:800px;height:min(900px,100svh);overflow:hidden;background:#f1f2f1;padding:160px var(--gutter) 95px;isolation:isolate}.hero-content{position:relative;z-index:2;width:66%}.hero-eyebrow{font-size:10px;margin-bottom:33px;display:flex;align-items:center;gap:6px;white-space:nowrap}.hero-eyebrow .status-dot{margin-right:3px}.eyebrow-secondary{color:#717775;margin-left:3px}.hero h1{font-size:clamp(60px,6.35vw,106px);font-weight:400;line-height:1.035;letter-spacing:-.055em}.hero h1>span{display:block;position:relative;width:max-content;max-width:100%;animation:hero-text 1s var(--ease) both}.hero h1>span:nth-child(2){animation-delay:.12s}.hero h1>span:nth-child(3){animation-delay:.24s}.hero h1 em{font-style:normal}.headline-underline{position:absolute;width:43%;right:-2%;bottom:-13px;stroke:var(--accent);stroke-width:7;fill:none;z-index:-1;stroke-dasharray:220;stroke-dashoffset:220;animation:underline-in 1s .65s var(--ease) forwards}.hero-description{font-size:19px;line-height:1.55;color:#606562;margin-top:39px;animation:hero-text .9s .3s var(--ease) both}.hero-cta{margin-top:29px;animation:hero-text .9s .4s var(--ease) both}.hero-visual{position:absolute;inset:0;z-index:0;overflow:hidden}.hero-disc{position:absolute;width:650px;height:650px;right:-135px;bottom:20px;border-radius:50%;background:var(--mint);animation:disc-in 1.5s .15s var(--ease) both}.hero-arc{position:absolute;width:760px;height:760px;right:-190px;bottom:-36px;border:1px solid rgba(27,27,27,.1);border-radius:50%;transform:rotate(-20deg)}.hero-portrait{position:absolute;right:1.2%;bottom:-30px;width:43%;max-width:660px;height:auto;transform:translate(var(--portrait-x,0px),var(--portrait-y,0px));animation:portrait-in 1.4s .15s var(--ease) both;will-change:transform}.hero-caption{position:absolute;bottom:54px;right:var(--gutter);z-index:3;display:flex;align-items:center;gap:15px;color:white;text-shadow:0 1px 10px #0006}.caption-line{width:35px;height:1px;background:var(--accent)}.hero-caption strong{font-weight:500;font-size:18px}.hero-caption div>span{display:block;font-size:12px;opacity:.75;margin-top:4px}.scroll-cue{position:absolute;bottom:34px;left:var(--gutter);display:flex;align-items:center;gap:18px;font-size:11px;color:#7b807d}.scroll-cue>span:last-child{font-size:21px;color:#1b1b1b}.hero-index{position:absolute;right:var(--gutter);top:143px;font-family:'Hellix';font-size:10px;color:#727b76}
.clients{padding:34px 0 45px;border-bottom:1px solid var(--line)}.clients-label{padding:0 var(--gutter);display:flex;justify-content:space-between;gap:24px;margin-bottom:33px}.clients-label .muted{font-size:12px}.logo-marquee{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}.logo-track{display:flex;width:max-content;animation:marquee 90s linear infinite}.logo-set{display:flex;gap:68px;align-items:center;padding-right:68px}.logo-set img{width:120px;height:40px;object-fit:contain;filter:grayscale(1) contrast(.8);opacity:.65}.logo-set img[src*="Nivana"]{width:85px}.logo-set img[src*="druzba"]{height:52px}.logo-marquee:hover .logo-track,.logo-marquee:focus .logo-track{animation-play-state:paused}
.intro{padding-top:115px;padding-bottom:75px}.intro-copy{font-size:clamp(31px,3.65vw,58px);line-height:1.23;letter-spacing:-.035em;font-weight:400;color:#969b98}.intro-emphasis{color:var(--ink)}.intro-copy [data-word]{opacity:var(--word-opacity,1);transition:opacity .12s linear}.intro-bottom{display:flex;justify-content:space-between;gap:60px;margin-top:48px;align-items:flex-start}.person-link{display:flex;align-items:center;gap:17px;font-size:14px;white-space:nowrap}.person-link img{width:54px;height:54px;object-fit:cover;border-radius:50%}.person-link span span{margin-left:20px;font-size:21px}.intro-detail{max-width:600px;display:grid;grid-template-columns:1fr 1fr;gap:28px;font-size:16px;line-height:1.65;color:#747a76}.stats{display:grid;grid-template-columns:repeat(5,1fr);margin-top:90px}.stats>div{padding:0 24px;border-left:1px solid var(--line)}.stats>div:first-child{padding-left:0;border:0}.stats dt{font-family:'Hellix';font-size:10px;text-transform:uppercase;letter-spacing:.04em}.stats dd{font-size:63px;letter-spacing:-.06em;line-height:1.1;margin:19px 0 15px}.stats dd>span+span{font-size:35px;vertical-align:top;margin-left:3px}.stats .stat-star{font-size:24px;color:#00a58b;margin-left:8px;vertical-align:middle}.stats .stat-arrow{color:#00a58b;font-size:40px;margin-left:9px}.stats p{font-size:13px;line-height:1.55;color:#7f8481}
.video-section{padding-top:30px;padding-bottom:115px}.video-card{width:100%;position:relative;display:block;aspect-ratio:2.7;border-radius:16px;padding:0;overflow:hidden;background:#1b1b1b;text-align:left;color:white}.video-card>img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.video-card:hover>img{transform:scale(1.035)}.video-shade{position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 70%)}.video-kicker{position:absolute;top:32px;left:36px}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:83px;height:83px;border-radius:50%;background:var(--accent);display:grid;place-items:center;transition:width .3s,height .3s}.play-button svg{width:27px;height:27px;fill:#1b1b1b}.video-card:hover .play-button{width:96px;height:96px}.video-title{position:absolute;left:36px;bottom:32px;font-size:30px;line-height:1.1;letter-spacing:-.02em}.video-time{position:absolute;bottom:35px;right:36px;font-family:'Hellix';font-size:10px}
.projects{padding-top:25px;padding-bottom:110px}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:0 26px;align-items:start}.project{display:block}.project-water{grid-column:5/13;grid-row:1}.project-note{grid-column:1/4;grid-row:1;padding-top:80px}.project-note p{font-size:28px;line-height:1.25;letter-spacing:-.025em;margin:28px 0}.project-note em{font-style:normal;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:6px}.large-asterisk{font-size:68px;color:#00cfa9;display:block;line-height:1;animation:turn 50s linear infinite;width:68px}.project-note .eyebrow{font-size:9px;color:#898e8b}.project-mollvero{grid-column:1/7;margin-top:90px}.project-scr{grid-column:8/13;margin-top:205px}.project-bookio{grid-column:3/13;margin-top:90px}.project-image{border-radius:12px;position:relative;overflow:hidden;aspect-ratio:1.9;background:#e5e8e6}.project-mollvero .project-image{aspect-ratio:1.3}.project-scr .project-image{aspect-ratio:1.15}.project-bookio .project-image{aspect-ratio:2.3}.project-image>img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease),filter .5s}.project:hover .project-image>img{transform:scale(1.045)}.project-open{position:absolute;right:22px;bottom:22px;display:grid;place-items:center;width:51px;height:51px;background:white;border-radius:50%;font-size:29px;transition:background .3s,transform .3s}.project:hover .project-open{background:var(--accent);transform:rotate(45deg)}.project-number{position:absolute;top:24px;left:25px;color:white;font-size:11px;letter-spacing:.1em;mix-blend-mode:difference}.project-meta{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-top:23px}.project-meta h3{font-size:25px;font-weight:400;letter-spacing:-.025em}.project-meta>span{font-size:10px;color:#808581;text-align:right}.project>p{font-size:15px;margin-top:8px;color:#808581}.result-tag{position:absolute;left:23px;bottom:27px;border:1px solid #fff5;border-radius:100px;background:#ffffff14;backdrop-filter:blur(14px);padding:9px 15px;color:white;font-size:12px}.center-action{display:flex;justify-content:center;margin-top:70px}.split-button{display:inline-flex;align-items:center;gap:4px}.split-icon,.split-end{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--accent);font-size:24px;transition:width .4s var(--ease),transform .4s var(--ease),opacity .3s}.split-label{background:var(--soft);border-radius:8px;padding:16px 22px;font-size:14px}.split-end{width:0;opacity:0;transform:rotate(-45deg);overflow:hidden}.split-button:hover .split-icon{width:0;opacity:0;transform:rotate(45deg)}.split-button:hover .split-end{width:48px;opacity:1;transform:rotate(0)}
.manifesto{padding-top:90px;padding-bottom:45px;background:#1b1b1b;color:white;position:relative;overflow:hidden}.manifesto>.eyebrow{color:#aaa}.manifesto-lines{padding:65px 0 75px}.manifesto-lines p{font-size:clamp(34px,4.5vw,70px);letter-spacing:-.04em;line-height:1.2;color:#fff;white-space:nowrap}.manifesto-lines p>span{color:#666d69}.manifesto-lines p:nth-child(2){padding-left:8%}.manifesto-lines p:nth-child(3){padding-left:16%}.manifesto-lines p:nth-child(3)>span{color:var(--accent)}.manifesto-foot{border-top:1px solid #ffffff26;padding-top:27px;display:flex;align-items:center;gap:22px;font-size:13px;color:#a8aeab}.manifesto-cross{color:var(--accent);font-size:35px;line-height:1}.manifesto-foot a{margin-left:auto;color:white}.manifesto-foot a span{margin-left:24px;font-size:20px}
.services{background:var(--soft);padding-top:110px;padding-bottom:110px}.services-intro{width:420px;font-size:17px;line-height:1.6;color:#757b77;display:grid;gap:15px}.service-list{margin-left:19%;border-top:1px solid #cdd0cd}.service-item{border-bottom:1px solid #cdd0cd}.service-item h3{font-weight:400}.service-toggle{width:100%;padding:30px 0;display:flex;align-items:center;gap:28px;text-align:left;background:none;font-size:clamp(22px,2.5vw,38px);letter-spacing:-.03em}.service-index{font-family:'Hellix';font-size:11px;letter-spacing:0;color:#858a87}.service-plus{width:45px;height:45px;border-radius:50%;background:var(--accent);margin-left:auto;position:relative;flex-shrink:0;transition:background .3s,transform .35s}.service-plus:before,.service-plus:after{content:'';position:absolute;top:22px;left:15px;width:15px;height:1px;background:#1b1b1b}.service-plus:after{transform:rotate(90deg);transition:transform .3s}.service-toggle[aria-expanded=true] .service-plus:after{transform:rotate(0)}.service-toggle:hover .service-plus{transform:rotate(90deg)}.service-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .5s var(--ease),opacity .4s}.service-item.is-open .service-panel,.service-item[data-open=true] .service-panel{grid-template-rows:1fr;opacity:1}.service-panel-inner{min-height:0;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:42px}.service-item.is-open .service-panel-inner{padding-bottom:38px}.service-art{border-radius:10px;background:#e7ebe9;min-height:330px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;padding:48px 28px;isolation:isolate}.art-label,.art-bottom{position:absolute;left:24px;font-family:'Hellix';font-size:9px;letter-spacing:.08em;color:#747d77}.art-label{top:23px}.art-bottom{bottom:21px}.audit-stack{width:90%;position:relative}.audit-stack>span{display:flex;justify-content:space-between;background:white;border:1px solid #d1d6d2;padding:14px 20px;border-radius:7px;font-size:14px;box-shadow:0 7px 15px #1b1b1b08;transform:rotate(-5deg)}.audit-stack>span:nth-child(2){transform:rotate(3deg)}.audit-stack>span:nth-child(3){transform:rotate(-2deg)}.audit-stack i{width:7px;height:7px;background:#b7bfba;border-radius:50%;align-self:center}.audit-output{width:94%;position:relative;display:flex;justify-content:space-between;margin-top:16px;background:var(--accent);border-radius:7px;padding:17px 20px;font-size:17px}.audit-output b{font-weight:400}.service-text{padding:4px 0 4px;font-size:15px;line-height:1.6;color:#7b817d}.service-text h4{font-size:27px;line-height:1.18;font-weight:400;color:#1b1b1b;letter-spacing:-.025em;margin-bottom:20px}.service-text ul{margin:25px 0 25px;color:#4e5650;display:grid;gap:7px;font-size:13px}.service-text li:before{content:'↗';color:#009e82;margin-right:13px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #adb4af;padding-bottom:6px;font-size:14px;color:#1b1b1b}.text-link span{font-size:21px;transition:transform .3s}.text-link:hover span{transform:translate(3px,-3px)}.strategy-art{background:#1b1b1b}.strategy-art .art-label,.strategy-art .art-bottom{color:#b1bab4}.strategy-orbit{width:240px;height:240px;position:relative;display:grid;place-items:center}.strategy-orbit>span{position:absolute;border:1px solid #6e8277;border-radius:50%;width:80%;height:80%}.strategy-orbit>span:nth-child(2){width:60%;height:60%;border-color:#8ac8b5}.strategy-orbit>span:nth-child(3){width:100%;height:100%;border-color:#425249}.strategy-orbit b{font-weight:400;background:var(--accent);padding:11px 16px;transform:rotate(-10deg)}.system-diagram{display:grid;place-items:center;gap:6px;width:100%;font-size:15px}.system-diagram>div{display:flex;width:100%;gap:15px}.system-diagram span{background:white;padding:12px 28px;border:1px solid #d4d9d6;border-radius:6px;text-align:center;flex:1}.system-diagram i{font-style:normal;color:#7b847e}.system-diagram .system-result{background:var(--accent);border-color:var(--accent)}.partner-art{background:var(--mint)}.partner-art>img{width:160px;height:160px;border-radius:50%;object-fit:cover;filter:grayscale(1);border:8px solid #fffa}.partner-chip{position:relative;background:#1b1b1b;color:white;padding:12px 23px;border-radius:100px;font-size:14px;margin-top:-12px}
.extra-services{padding-top:110px;padding-bottom:105px}.extra-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:65px}.extra-grid article,.extra-contact{padding:30px 0;border-top:1px solid var(--line);display:flex;gap:25px}.extra-grid article>span{font-family:'Hellix';font-size:11px;color:#919793;padding-top:7px;min-width:20px}.extra-grid h3{font-size:25px;font-weight:400;letter-spacing:-.025em;margin-bottom:12px}.extra-grid p{font-size:15px;line-height:1.6;color:#7b827d;max-width:430px}.extra-contact{align-items:center;gap:25px}.extra-contact>span:last-child{font-size:18px;line-height:1.6}.extra-contact strong{font-weight:400;border-bottom:1px solid #9aafa5}.extra-contact-arrow{display:grid;place-items:center;width:65px;height:65px;border-radius:50%;background:var(--mint);font-size:35px;transition:background .3s,transform .3s}.extra-contact:hover .extra-contact-arrow{background:var(--accent);transform:rotate(45deg)}
.reviews{background:#e6f3ef;display:grid;grid-template-columns:1fr 1.45fr;gap:85px;padding-top:88px;padding-bottom:77px}.reviews h2{font-size:clamp(37px,4vw,60px);margin:32px 0 36px}.reviews h2 em{font-style:normal;color:#79998c}.rating{display:flex;align-items:center;gap:16px}.rating>span{font-size:42px;letter-spacing:-.05em}.rating>div>span{font-size:12px;letter-spacing:3px;color:#10745c}.rating p{font-size:10px;color:#6f8278;margin-top:5px}.reviews-content{position:relative;padding-top:20px;min-width:0}.quote-mark{font-size:100px;line-height:.8;color:#9fbfb2;display:block;margin-bottom:10px}.testimonial-viewport{overflow:hidden}.testimonial-track{display:flex;transition:transform .6s var(--ease)}.testimonial{flex:0 0 100%;min-width:0;display:flex;flex-direction:column;justify-content:space-between;min-height:245px;padding-right:4px}.testimonial blockquote{font-size:clamp(24px,2.6vw,40px);line-height:1.25;letter-spacing:-.025em}.testimonial figcaption{display:flex;gap:15px;align-items:center;margin-top:30px}.review-avatar{width:44px;height:44px;border-radius:50%;background:#c9e0d6;display:grid;place-items:center;font-size:13px}.testimonial figcaption strong{display:block;font-size:14px;font-weight:500}.testimonial figcaption>div>span{font-size:12px;display:block;margin-top:4px;color:#778c81}.reviews-controls{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #cadbd2;margin-top:30px;padding-top:22px}.review-index{font-family:'Hellix';font-size:11px;letter-spacing:1px;color:#6b8174}.reviews-controls>div{display:flex;gap:8px}.round-button{width:44px;height:44px;border-radius:50%;border:1px solid #a7c0b2;background:none;font-size:22px;transition:background .2s}.round-button:hover{background:var(--accent);border-color:var(--accent)}
.contact{padding-top:115px;padding-bottom:115px}.contact h2{font-size:clamp(45px,6.2vw,96px);line-height:1.07;letter-spacing:-.05em}.accent-period{color:#00d9b3}.contact-grid{margin-top:74px;display:grid;grid-template-columns:1fr 1.18fr;gap:110px}.contact-person{display:flex;align-items:center;gap:17px;margin-bottom:27px}.contact-person img{width:62px;height:62px;border-radius:50%;object-fit:cover}.contact-person strong{font-size:19px;font-weight:400;display:block}.contact-person div>span{font-size:12px;color:#848b85;display:block;margin-top:4px}.contact-info>p{font-size:17px;line-height:1.6;color:#787f79;margin-bottom:30px}.contact-email{display:flex;align-items:center;justify-content:space-between;font-size:clamp(20px,2.25vw,33px);letter-spacing:-.025em;padding-bottom:12px;border-bottom:1px solid #d9dfda}.contact-email>span{font-size:27px}.contact-phone{display:inline-block;margin-top:15px;font-size:23px}.contact-details{display:flex;gap:50px;font-size:12px;line-height:1.65;color:#858c86;margin:29px 0}.contact-form{display:grid;gap:28px}.contact-form label{display:flex;flex-direction:column;gap:11px;font-size:12px}.contact-form label>span{display:contents;color:#00aa8c}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}input,select,textarea{width:100%;min-width:0;border:0;border-bottom:1px solid #c9d0ca;border-radius:0;background:transparent;padding:12px 0 15px;color:#1b1b1b;font-size:15px;outline-offset:3px}input::placeholder,textarea::placeholder{color:#a3a8a4;font-size:14px}textarea{resize:vertical;min-height:94px}select{height:52px}.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.form-bottom>p{font-size:11px;color:#929a93;line-height:1.5}.form-bottom .button{font-size:13px;min-height:49px;gap:16px}.form-bottom .button-arrow{width:35px;height:35px}#form-status{font-size:12px;line-height:1.5;color:#13745a}#form-status:empty{display:none}
.site-footer{background:#1b1b1b;color:#fff;padding-top:43px;padding-bottom:27px;overflow:hidden}.footer-top{display:flex;align-items:center;gap:30px;justify-content:space-between}.footer-top img{width:120px;height:60px;object-fit:contain;filter:invert(1)}.footer-top>p{font-size:13px;color:#8a928d}.back-top{display:flex;gap:25px;align-items:center;font-size:12px}.back-top>span{display:grid;place-items:center;border:1px solid #ffffff35;border-radius:50%;width:38px;height:38px;font-size:19px}.footer-wordmark{font-size:clamp(95px,17vw,300px);font-weight:400;letter-spacing:-.07em;line-height:1.2;white-space:nowrap;color:#e5e9e6;padding:33px 0 28px}.footer-wordmark>span{font-size:20px;vertical-align:super;display:inline-block;transform:translate(17px,-25px);color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff24;padding-top:25px;gap:25px;font-size:10px;color:#8a928d}.footer-bottom nav{display:flex;gap:27px;color:#e5e9e6}dialog{border:0;padding:20px;border-radius:15px;background:#1b1b1b;color:white;width:min(1000px,94vw);overflow:visible}dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}dialog iframe{width:100%;aspect-ratio:16/9;border:0;background:black;display:block}dialog>a{font-size:12px;display:block;padding-top:15px}.video-close{position:absolute;right:0;top:-50px;border:1px solid #fff7;border-radius:50%;width:40px;height:40px;background:#1b1b1b;color:white;font-size:28px}.no-js-note{padding:30px;text-align:center}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .hero h1>span,.motion-paused .hero-description,.motion-paused .hero-cta,.motion-paused .hero-portrait,.motion-paused .hero-disc{animation:none!important;opacity:1;transform:none}.motion-paused .headline-underline{stroke-dashoffset:0;animation:none}.motion-paused [data-word]{opacity:1!important}.motion-paused .hero-portrait{transform:none!important}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes turn{to{transform:rotate(360deg)}}@keyframes hero-text{from{opacity:0;transform:translateY(30px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes portrait-in{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@keyframes disc-in{from{opacity:0;scale:.92}to{opacity:1;scale:1}}@keyframes underline-in{to{stroke-dashoffset:0}}@keyframes header-in{from{transform:translateY(-100%)}to{transform:translateY(0)}}
@media(min-width:1700px){.hero{padding-top:180px;min-height:900px}.hero-content{max-width:1100px}.hero-portrait{right:7%;bottom:-45px;width:41%;max-width:740px}.hero-disc{right:2%;width:780px;height:780px}.hero-arc{right:-1%;width:900px;height:900px}.hero-caption{right:10%}.hero-description{margin-top:47px}.hero-cta{margin-top:34px}.intro-detail{max-width:750px}.testimonial{min-height:290px}}
@media(max-width:1180px){.desktop-nav{gap:20px;font-size:12px}.site-header{gap:20px}.header-actions{gap:12px}.hero{min-height:750px;padding-top:155px}.hero h1{font-size:6.3vw}.hero-portrait{width:45%;right:-2%;bottom:0}.hero-disc{right:-220px}.hero-arc{right:-265px}.hero-description{font-size:17px}.hero-caption{bottom:38px}.stats>div{padding:0 17px}.stats dd{font-size:53px}.stats dt{font-size:9px}.stats p{font-size:12px}.service-list{margin-left:12%}.service-panel-inner{gap:30px}.service-text h4{font-size:24px}.project-meta{align-items:flex-start;flex-direction:column;gap:5px}.project-meta>span{text-align:left}.project-note p{font-size:24px}.contact-grid{gap:65px}.reviews{gap:50px}.testimonial{min-height:270px}.contact-form .button{gap:8px}.form-bottom>p{font-size:10px}}
@media(max-width:900px){.desktop-nav{display:none}.header-actions{margin-left:auto}.menu-toggle{display:block}.site-header{height:80px}.site-header.is-scrolled{height:72px}#mobile-nav{position:fixed;inset:72px 0 0;background:#1b1b1b;color:white;padding:45px var(--gutter);display:flex;flex-direction:column;gap:25px;z-index:35;overflow:auto;animation:hero-text .35s var(--ease)}#mobile-nav a{font-size:clamp(27px,5vw,45px);letter-spacing:-.03em}#mobile-nav a:last-of-type{color:var(--accent)}#mobile-nav p{font-size:12px;color:#86948b;margin-top:auto;padding-top:40px}.menu-open{overflow:hidden}.menu-open .site-header{position:fixed;background:white}.hero{min-height:720px;padding-top:143px}.hero h1{font-size:6.8vw}.hero-content{width:70%}.hero-eyebrow{font-size:9px;white-space:normal;max-width:330px;flex-wrap:wrap}.eyebrow-secondary{display:none}.hero-portrait{width:48%;right:-7%;bottom:0}.hero-disc{width:550px;height:550px;right:-240px}.hero-arc{width:650px;height:650px;right:-290px}.hero-description{max-width:300px;font-size:16px}.hero-caption{right:22px;font-size:12px;bottom:26px}.hero-caption div>span{font-size:10px}.hero-caption strong{font-size:16px}.caption-line{display:none}.hero-index{display:none}.clients-label .muted{display:none}.logo-set{gap:50px;padding-right:50px}.logo-set img{width:105px}.intro,.services,.extra-services,.contact{padding-top:85px;padding-bottom:85px}.intro-bottom{gap:30px;flex-direction:column}.intro-detail{max-width:none;width:100%;margin-top:10px}.stats{margin-top:60px;grid-template-columns:repeat(3,1fr);row-gap:35px}.stats>div:nth-child(4){border:0;padding-left:0}.stats dd{font-size:56px}.stats p{font-size:13px}.video-section{padding-top:0;padding-bottom:85px}.video-card{aspect-ratio:2}.video-title{font-size:24px;left:25px;bottom:25px}.video-kicker{left:25px;top:25px}.video-time{display:none}.section-heading{gap:30px;align-items:flex-start}.section-heading>p{font-size:15px;max-width:270px}.projects{padding-bottom:85px}.project-grid{gap:0 22px}.project-water{grid-column:4/13}.project-note{grid-column:1/4;padding-top:35px}.project-note p{font-size:20px}.large-asterisk{font-size:50px;width:50px}.project-note .eyebrow{display:none}.project-scr{grid-column:8/13;margin-top:145px}.project-mollvero{grid-column:1/8;margin-top:60px}.project-bookio{grid-column:2/13;margin-top:65px}.project-meta h3{font-size:23px}.project>p{font-size:14px;line-height:1.4}.manifesto{padding-top:65px}.manifesto-lines{padding:50px 0}.manifesto-lines p{font-size:4.5vw}.manifesto-lines p:nth-child(2){padding-left:5%}.manifesto-lines p:nth-child(3){padding-left:10%}.services-intro{width:45%;font-size:15px}.service-list{margin-left:0}.service-toggle{font-size:27px}.service-art{min-height:320px;padding:48px 22px}.extra-grid{column-gap:35px}.extra-grid h3{font-size:22px}.extra-grid article{gap:15px}.extra-grid p{font-size:14px}.reviews{grid-template-columns:1fr 1.3fr;gap:35px}.reviews h2{font-size:38px}.testimonial blockquote{font-size:27px}.testimonial{min-height:280px}.rating>span{font-size:36px}.contact-grid{gap:45px;grid-template-columns:1fr 1.15fr}.form-row{grid-template-columns:1fr;gap:25px}.form-bottom{align-items:flex-start;flex-direction:column}.form-bottom>p br{display:none}.contact-details{flex-direction:column;gap:14px}.contact-email{font-size:21px}.footer-wordmark{font-size:16.7vw}.footer-bottom>span:last-child{display:none}}
@media(max-width:640px){:root{--gutter:22px;scroll-padding-top:90px}.site-header{height:73px;gap:10px}.brand,.brand img{width:105px;height:54px}.header-cta{font-size:11px;gap:5px;min-height:37px;padding-left:12px}.header-cta .button-arrow{width:27px;height:27px;font-size:18px}.header-actions{gap:7px}.motion-toggle{width:24px;height:24px;font-size:8px}.menu-toggle{width:33px;padding:5px}.hero{height:auto;min-height:1010px;padding-top:128px;padding-bottom:490px}.hero-content{width:100%}.hero-eyebrow{font-size:8px;margin-bottom:25px;white-space:nowrap;max-width:none;gap:2px}.hero h1{font-size:clamp(37px,8.7vw,55px);line-height:1.065;letter-spacing:-.045em}.hero-description{margin-top:28px;font-size:16px;max-width:100%}.hero-cta{margin-top:24px;min-height:49px;font-size:13px;gap:19px}.hero-cta .button-arrow{width:34px;height:34px}.headline-underline{stroke-width:6;bottom:-9px}.hero-portrait{width:88%;max-width:440px;right:0;bottom:-11px}.hero-disc{width:430px;height:430px;right:-100px;bottom:0}.hero-arc{width:510px;height:510px;right:-140px;bottom:-40px}.hero-caption{right:24px;bottom:27px}.hero-caption strong{font-size:15px}.scroll-cue{display:none}.clients{padding:29px 0 33px}.clients-label{margin-bottom:25px}.clients-label .eyebrow{font-size:9px}.logo-set{gap:40px;padding-right:40px}.logo-set img{width:90px;height:31px}.logo-set img[src*="druzba"]{height:40px}.logo-track{animation-duration:70s}.section-top{margin-bottom:34px;gap:15px}.section-top .eyebrow{font-size:9px;line-height:1.5}.section-no{font-size:9px;white-space:nowrap}.intro,.services,.extra-services,.contact{padding-top:66px;padding-bottom:66px}.intro-copy{font-size:30px;line-height:1.25}.intro-copy br{display:none}.intro-copy br:after{content:' '}.intro-emphasis{display:block;margin-top:10px}.intro-bottom{margin-top:30px;gap:25px}.intro-detail{grid-template-columns:1fr;gap:15px;font-size:15px;line-height:1.6}.person-link{font-size:13px}.person-link img{width:45px;height:45px}.stats{grid-template-columns:1fr 1fr;row-gap:30px;margin-top:45px}.stats>div{padding:0 0 0 20px}.stats>div:nth-child(odd){border:0;padding-left:0}.stats>div:nth-child(4){border-left:1px solid var(--line);padding-left:20px}.stats dd{font-size:52px;margin-top:13px;margin-bottom:8px}.stats dt{font-size:9px}.stats p{font-size:12px}.stats>div:last-child{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding-top:24px;border-top:1px solid var(--line)}.stats>div:last-child dd{grid-column:1;grid-row:2}.stats>div:last-child p{grid-column:2;grid-row:1/3;padding-left:20px}.video-section{padding-bottom:67px}.video-card{aspect-ratio:1.18;border-radius:12px}.video-card>img{object-position:35% center}.video-kicker{font-size:9px;left:21px;top:22px}.play-button{width:65px;height:65px;top:45%;left:64%}.video-card:hover .play-button{width:70px;height:70px}.video-title{font-size:25px;left:21px;bottom:23px}.section-heading{flex-direction:column;gap:25px;margin-bottom:36px}h2{font-size:43px;letter-spacing:-.04em}.section-heading>p{max-width:100%;font-size:15px}.section-heading>p br{display:none}.projects{padding-top:0;padding-bottom:64px}.project-grid{display:block}.project-note{display:none}.project{margin:0 0 40px}.project-image{aspect-ratio:1.4;border-radius:10px}.project-mollvero .project-image,.project-scr .project-image{aspect-ratio:1.25}.project-bookio .project-image{aspect-ratio:1.5}.project-image>img{object-position:center}.project-meta{margin-top:17px;gap:7px}.project-meta h3{font-size:24px}.project-meta>span{font-size:10px}.project>p{font-size:14px;margin-top:8px}.project-open{width:42px;height:42px;font-size:25px;right:18px;bottom:18px}.project-number{top:19px;left:20px}.result-tag{left:18px;bottom:20px;font-size:10px;padding:8px 10px}.center-action{margin-top:12px}.manifesto{padding-top:57px;padding-bottom:30px}.manifesto>.eyebrow{font-size:9px}.manifesto-lines{padding:37px 0 40px}.manifesto-lines p{font-size:35px;white-space:normal;line-height:1.15;margin-bottom:21px;letter-spacing:-.035em}.manifesto-lines p:nth-child(2),.manifesto-lines p:nth-child(3){padding-left:0}.manifesto-lines p>span{display:block}.manifesto-lines p:last-child{margin-bottom:0}.manifesto-foot{gap:13px;flex-wrap:wrap;padding-top:22px}.manifesto-cross{font-size:26px}.manifesto-foot>span:nth-child(2){font-size:11px}.manifesto-foot a{margin-left:0;width:100%;font-size:12px;margin-top:12px}.services-intro{width:100%;font-size:15px;gap:13px}.service-toggle{padding:22px 0;gap:15px;font-size:22px;letter-spacing:-.03em}.service-index{font-size:9px}.service-plus{width:36px;height:36px}.service-plus:before,.service-plus:after{top:18px;left:11px;width:14px}.service-panel-inner{grid-template-columns:1fr;gap:25px}.service-art{min-height:290px}.service-text h4{font-size:25px}.service-text p{font-size:15px}.service-text ul{margin:20px 0}.extra-grid{grid-template-columns:1fr}.extra-grid article{padding:25px 0;gap:20px}.extra-grid h3{font-size:24px;margin-bottom:10px}.extra-grid p{font-size:15px}.extra-contact{padding-top:27px}.extra-contact-arrow{width:54px;height:54px;font-size:30px}.extra-contact>span:last-child{font-size:16px}.reviews{padding-top:60px;padding-bottom:45px;grid-template-columns:1fr;gap:35px}.reviews h2{font-size:43px;margin:30px 0 24px}.reviews h2 br{display:none}.rating>span{font-size:38px}.reviews-content{padding-top:0}.quote-mark{font-size:85px;height:50px}.testimonial{min-height:275px}.testimonial blockquote{font-size:27px;line-height:1.3}.testimonial figcaption{margin-top:25px}.reviews-controls{margin-top:25px}.contact h2{font-size:43px;line-height:1.12}.contact-grid{grid-template-columns:1fr;gap:45px;margin-top:38px}.contact-person{margin-bottom:25px}.contact-email{font-size:27px}.contact-phone{font-size:23px}.contact-details{flex-direction:row;gap:45px}.form-row{grid-template-columns:1fr}.contact-form{gap:24px;border-top:1px solid var(--line);padding-top:36px}.contact-info>p{font-size:16px}.form-bottom{flex-direction:row;align-items:center;gap:15px}.form-bottom>p{max-width:130px;font-size:10px}.form-bottom .button{font-size:12px;gap:7px;padding-left:15px}.form-bottom .button-arrow{width:30px;height:30px}.site-footer{padding-top:27px;padding-bottom:25px}.footer-top{gap:15px}.footer-top img{width:100px}.footer-top>p{display:none}.back-top{font-size:11px;gap:12px}.footer-wordmark{font-size:16vw;letter-spacing:-.055em;padding:29px 0}.footer-wordmark>span{font-size:10px;transform:translate(4px,-7px)}.footer-bottom{gap:22px;align-items:flex-start;flex-direction:column;font-size:10px}.footer-bottom nav{gap:26px}.footer-bottom nav a{font-size:12px}dialog{padding:10px;border-radius:8px}.video-close{right:0}.hero-index{display:none}}
@media(max-width:365px){.header-cta{display:none}.hero{min-height:940px;padding-top:116px;padding-bottom:430px}.hero-portrait{width:94%;right:-5%}.hero h1{font-size:8.6vw}.hero-eyebrow{font-size:7.5px}.contact-email{font-size:23px}.form-bottom{flex-direction:column;align-items:flex-start}.form-bottom>p{max-width:none}.intro-copy{font-size:27px}h2,.contact h2{font-size:37px}.manifesto-lines p{font-size:31px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero h1>span,.hero-description,.hero-cta,.hero-portrait,.hero-disc{opacity:1!important;transform:none!important}.headline-underline{stroke-dashoffset:0}.intro-copy [data-word]{opacity:1!important}.logo-marquee{overflow:auto;mask-image:none}.logo-track{transform:none}.logo-set[aria-hidden=true]{display:none}.logo-set{padding-left:var(--gutter)}.project-image>img{transform:none!important}}

.video-open{overflow:hidden}.page-hidden *{animation-play-state:paused!important}.service-panel[data-open="true"]{grid-template-rows:1fr;opacity:1}

/* Final readability and small-screen adjustments. */
.intro-detail,.stats p,.section-heading>p,.project>p,.service-text,.services-intro,.extra-grid p,.contact-info>p{color:#656a67}
.clients-label .muted,.section-no,.project-meta>span,.contact-person div>span,.contact-details,.form-bottom>p,.reviews-controls,.rating p{color:#69756d}
input::placeholder,textarea::placeholder{color:#767d78}
dialog iframe{max-height:calc(100dvh - 150px)}
@media(max-width:450px){.hero{min-height:880px;padding-bottom:350px}}
@media(max-width:365px){.hero{min-height:850px;padding-bottom:345px}}
@media(max-height:480px){dialog{padding:12px;padding-top:44px}.video-close{top:6px;right:10px;width:31px;height:31px;font-size:23px}dialog iframe{max-height:calc(100dvh - 145px)}}

/* Fit the complete, verbatim original copy without shortening it. */
.hero-description{max-width:580px;font-size:17px;line-height:1.5}.hero{height:auto;min-height:max(850px,100svh)}
.service-marquee{overflow:hidden;padding:23px 0;background:var(--ink);color:white}.service-marquee-track{display:flex;width:max-content;animation:marquee 100s linear infinite}.service-marquee p{white-space:nowrap;font-size:17px;letter-spacing:-.02em}.service-marquee:hover .service-marquee-track{animation-play-state:paused}
.intro .eyebrow{font-size:11px;letter-spacing:.035em;font-weight:400}.person-link small{display:block;font-size:11px;color:#656a67;margin-top:6px}.stats dd.stat-description{font-size:13px;line-height:1.55;letter-spacing:0;color:#656a67;margin:0}.video-title{max-width:620px;padding-right:30px}.project-meta{display:block}.project-meta h3{font-size:25px;line-height:1.25;max-width:720px}.project-tags{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:11px;color:#656a67;margin-top:14px}.manifesto-lines{padding-top:20px;padding-bottom:45px}
.service-toggle-copy{display:block}.service-toggle-copy small{display:block;font-size:15px;line-height:1.5;letter-spacing:0;color:#656a67;margin-top:10px;max-width:700px}.service-panel-inner{align-items:start}.service-art{align-self:start;position:sticky;top:110px}.service-text p+p{margin-top:20px}.service-text ul{font-size:13px}.service-text .text-link{font-size:12px}.service-text{padding-top:0}.audit-stack>span{min-height:48px}.system-diagram span{min-height:46px}.review-stars{font-size:14px;letter-spacing:4px;color:#10745c;margin-bottom:20px}.reviews h2{margin-top:0}.testimonial blockquote{margin-bottom:auto}
.contact-person strong{display:block}.contact-data-title{font-size:20px;font-weight:400;margin:40px 0 20px}.contact-original-details{display:grid;gap:14px;font-size:15px;line-height:1.65;color:#656a67}.contact-original-details a{color:var(--ink)}.contact-services>p{font-size:14px;line-height:1.5;margin-bottom:25px}.service-options{border:0;padding:0;margin:0 0 25px;min-width:0}.service-options:last-child{margin-bottom:0}.service-options legend{font-size:12px;color:#656a67;margin-bottom:12px}.service-options>div{display:flex;flex-wrap:wrap;gap:8px}.service-options label{position:relative;display:inline-flex;flex-direction:row;cursor:pointer}.service-options input{position:absolute;opacity:0;width:1px;height:1px;padding:0;min-height:0}.service-options label>span{display:block;border:1px solid #c9d0ca;border-radius:100px;padding:10px 14px;color:var(--ink);line-height:1.4}.service-options input:checked+span{background:var(--mint);border-color:#009c80}.service-options input:focus-visible+span{outline:2px solid #008d76;outline-offset:3px}.form-bottom{justify-content:flex-end}
@media(min-width:1700px){.hero-description{max-width:690px}}
@media(max-width:1180px) and (min-width:641px){.hero-description{max-width:480px}.hero{padding-bottom:100px;min-height:850px}.desktop-nav{gap:17px}}
@media(max-width:900px){.hero-description{max-width:390px;font-size:16px}.hero{min-height:830px}.service-text .text-link{font-size:11px}.video-title{max-width:75%}}
@media(max-width:640px){.hero{min-height:0;padding-bottom:490px}.hero-description{max-width:100%;font-size:16px}.hero-eyebrow{white-space:normal;line-height:1.5;max-width:100%}.service-marquee{padding:18px 0}.service-marquee p{font-size:14px}.intro .eyebrow{font-size:10px}.stats dd.stat-description{font-size:12px}.stats>div:last-child dd.stat-description{grid-column:2;grid-row:1/3;padding-left:20px}.video-title{max-width:100%;font-size:23px;padding-right:20px}.project-meta h3{font-size:23px}.project-tags{font-size:10px}.service-toggle-copy small{font-size:13px;margin-top:9px}.service-art{position:relative;top:0;min-height:250px}.service-text .text-link{font-size:12px}.contact-original-details{font-size:14px}.service-options label>span{font-size:12px;padding:9px 12px}.form-bottom .button{font-size:11px;gap:12px}.manifesto-lines{padding-top:0}}
@media(max-width:450px){.hero{padding-bottom:390px}}
@media(max-width:365px){.hero{padding-bottom:345px}.hero-eyebrow{font-size:7.5px}}
@media(prefers-reduced-motion:reduce){.service-marquee{overflow:auto}.service-marquee-track{animation:none}.service-marquee p[aria-hidden=true]{display:none}}

/* Editorial introduction: reference metrics and the user's unedited copy. */
.service-marquee-separator{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.2em;fill:var(--accent)}
.intro-editorial{background:#f6f7f6;padding-top:80px;padding-bottom:75px;overflow:clip}
.motion-paused .site-header.is-scrolled{animation:none;transform:none}
.intro-metrics{margin-left:16%;display:grid;grid-template-columns:1.1fr 1.5fr 1.15fr 1.45fr;gap:28px;margin-bottom:100px}
.intro-metric{display:flex;align-items:flex-start;gap:15px;min-width:0}
.intro-metric dd{order:-1;white-space:nowrap;font-size:clamp(48px,5vw,96px);font-weight:400;line-height:.92;letter-spacing:-.065em}
.intro-metric dt{font-size:clamp(11px,1.05vw,17px);font-weight:400;line-height:1.2;color:#007f6b;padding-top:5px;letter-spacing:-.02em}
.intro-editorial-copy{font-size:clamp(28px,3.1vw,60px);line-height:1.55;letter-spacing:-.045em;color:var(--ink);font-weight:400;text-indent:16%;max-width:none}
.intro-editorial-copy [data-word]{opacity:var(--word-opacity,1)}
.intro-token{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;font-size:.6em;letter-spacing:-.025em;line-height:1.15;text-indent:0;border-radius:100px;padding:.48em .8em;margin:.1em .12em .1em 0;min-height:1.9em;color:var(--ink);position:relative;transition:transform .35s var(--ease),background .35s;opacity:1}
.token-mint{background:var(--accent);transform:rotate(-2deg)}
.token-outline{border:1px solid #b5c2bb;background:#eef2ef;border-radius:.25em;transform:rotate(1deg)}
.token-ai{background:var(--ink);color:var(--accent);gap:.3em;font-size:.66em;padding:.35em .65em}
.token-ai svg{width:.8em;height:.8em;fill:currentColor}
.token-person{background:white;border:1px solid #d5ddd7;gap:.4em;padding:.12em .6em .12em .12em;font-size:.59em;box-shadow:0 3px 0 #1b1b1b05}
.token-person img{width:1.65em;height:1.65em;object-fit:cover;border-radius:50%;flex-shrink:0}
.intro-underline{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:.08em;text-underline-offset:.14em;white-space:nowrap}
.token-ideas{background:var(--mint);border:1px solid #bbdfd4;transform:rotate(-2deg);border-radius:.45em}
.token-space{background:var(--ink);color:white;gap:.55em}
.token-space svg{width:.8em;height:.8em;fill:none;stroke:var(--accent);stroke-width:1.5}
.inline-chart{display:inline-flex;align-items:flex-end;justify-content:center;gap:.075em;width:1.5em;height:.85em;background:#e0f3eb;border-radius:.16em;vertical-align:baseline;margin:0 .15em;padding:.15em .2em;text-indent:0;transform:rotate(3deg)}
.inline-chart i{display:block;width:.15em;background:#008f75;border-radius:.04em;height:36%;transform-origin:bottom;animation:chart-breathe 5s ease-in-out infinite alternate}
.inline-chart i:nth-child(2){height:58%;animation-delay:-1s}.inline-chart i:nth-child(3){height:76%;animation-delay:-2s}.inline-chart i:nth-child(4){height:100%;animation-delay:-3s}
.intro-token:hover{transform:translateY(-3px) rotate(0deg)}
.intro-editorial-footer{display:flex;align-items:center;justify-content:space-between;margin-top:62px;padding-top:28px;border-top:1px solid #dce3de}
.intro-editorial-footer .person-link{font-size:15px;gap:28px;white-space:normal}
.intro-editorial-footer .person-link small{font-size:12px;margin-top:6px}
.intro-link-arrow{display:grid;place-items:center;width:48px;height:48px;background:var(--accent);border-radius:50%;font-size:25px;flex-shrink:0}
.intro-flower{display:block;width:54px;height:54px;margin-right:5px;animation:turn 45s linear infinite}
.intro-flower svg{width:100%;height:100%;stroke:#008f75;stroke-width:8}
.intro-editorial+.video-section{padding-top:80px}
@keyframes chart-breathe{from{transform:scaleY(.8)}to{transform:scaleY(1)}}
@media(max-width:1180px){.intro-metrics{margin-left:0}.intro-metric dd{font-size:clamp(48px,5.4vw,72px)}.intro-metric dt{font-size:12px}.intro-metrics{gap:26px}.intro-editorial-copy{font-size:3.5vw}}
@media(max-width:900px){.intro-metrics{grid-template-columns:1.3fr 1fr;gap:42px 60px;margin-bottom:70px}.intro-metric dd{font-size:68px}.intro-metric dt{font-size:14px}.intro-editorial{padding-top:65px;padding-bottom:60px}.intro-editorial-copy{font-size:33px;text-indent:10%;line-height:1.6}}
@media(max-width:640px){.intro-editorial{padding-top:45px;padding-bottom:45px}.intro-metrics{grid-template-columns:1fr 1fr;gap:30px 20px;margin-bottom:50px}.intro-metric{flex-direction:column;gap:10px}.intro-metric dd{font-size:clamp(43px,12vw,68px)}.intro-metric dt{font-size:12px;padding-top:0}.intro-editorial-copy{font-size:26px;line-height:1.65;letter-spacing:-.035em;text-indent:0}.intro-token{font-size:.61em;max-width:100%;padding:.5em .7em}.token-person{font-size:.6em;padding:.12em .5em .12em .12em}.token-ai{font-size:.7em;padding:.35em .55em}.intro-editorial-footer{margin-top:38px;gap:25px;padding-top:24px}.intro-editorial-footer .person-link{font-size:13px;gap:16px}.intro-editorial-footer .person-link small{font-size:10px;max-width:185px;line-height:1.5}.intro-link-arrow{width:40px;height:40px;font-size:23px}.intro-flower{width:34px;height:34px;flex-shrink:0}.intro-editorial+.video-section{padding-top:60px}}
@media(max-width:365px){.intro-editorial-copy{font-size:24px}.intro-metric dd{font-size:41px}.intro-metric dt{font-size:11px}.intro-flower{display:none}}
@media(prefers-reduced-motion:reduce){.intro-token:hover{transform:none}.inline-chart i,.intro-flower{animation:none}.intro-editorial-copy [data-word]{opacity:1!important}}

/* Desktop refinement: inline bubbles, portrait and chart scale with the copy. */
@media(min-width:901px){.intro-editorial-copy{font-size:clamp(24px,2.5vw,48px)}.intro-link-arrow{width:40px;height:40px;font-size:21px}.intro-flower{width:44px;height:44px}}
@media(min-width:901px) and (max-width:1180px){.intro-editorial-copy{font-size:2.8vw}}

/* Pin the complete introduction directly after the service strip. */
@media(min-width:901px){
  .intro-editorial{padding:112px clamp(40px,6vw,112px)}
  .intro-metric dt{font-size:clamp(10px,.88vw,14px);line-height:1.25}
  .metric-copy-line{display:block;white-space:nowrap}
  .intro-sticky{position:relative}
  .intro-editorial-footer{position:absolute;right:0;bottom:-72px;margin:0;padding:0;border:0}
  .intro-editorial.is-scroll-reveal{overflow:visible;padding-top:0;padding-bottom:0}
  .is-scroll-reveal .intro-metrics{margin-bottom:clamp(52px,calc(24.444vh - 124px),120px)}
  .is-scroll-reveal .intro-scroll-track{position:relative}
  .is-scroll-reveal .intro-sticky{position:sticky;top:var(--intro-pin-top,76px);min-height:calc(100svh - var(--intro-pin-top,76px));display:flex;flex-direction:column;justify-content:center;padding:clamp(36px,6vh,72px) 0}
  .is-scroll-reveal .intro-editorial-footer{bottom:24px;margin:0;padding:0}
  .is-scroll-reveal .wave-word{
    opacity:1;transition:none;color:transparent;
    background-image:linear-gradient(90deg,var(--ink) calc(var(--wave-edge,0px) - var(--wave-band,280px)),var(--accent) calc(var(--wave-edge,0px) - var(--wave-band,280px) * .5),#a4aaa7 var(--wave-edge,0px));
    background-clip:text;-webkit-background-clip:text;
  }
  .is-scroll-reveal .intro-token,.is-scroll-reveal .inline-chart{opacity:calc(.55 + var(--token-progress,0) * .45);filter:grayscale(calc(1 - var(--token-progress,0)))}
}

/* Keep the original face in flow so the hover swap never rewraps the paragraph. */
.token-person-base{display:inline-flex;align-items:center;gap:.4em}
.token-person-experience{display:none}
@media(min-width:901px){
  .token-person{overflow:hidden;cursor:default;transition:transform .35s var(--ease),background .35s,border-color .35s}
  .token-person-experience{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;gap:.4em;padding:inherit;pointer-events:none;opacity:0}
  .token-person-base>span,.token-person-base>img,.token-person-experience{transition:opacity .3s ease,transform .5s var(--ease)}
  .token-person-experience{transform:translateY(65%)}
  .experience-icon{display:grid;place-items:center;width:1.65em;height:1.65em;border-radius:50%;background:var(--accent);flex-shrink:0;transform:rotate(-70deg) scale(.6);transition:transform .65s var(--ease)}
  .experience-icon svg{width:1.1em;height:1.1em;stroke:var(--ink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .token-person:is(:hover,:focus-visible){background:var(--mint);border-color:#88c9bb}
  .token-person:is(:hover,:focus-visible) .token-person-base>span{opacity:0;transform:translateY(-65%)}
  .token-person:is(:hover,:focus-visible) .token-person-base>img{opacity:0;transform:rotate(35deg) scale(.65)}
  .token-person:is(:hover,:focus-visible) .token-person-experience{opacity:1;transform:translateY(0)}
  .token-person:is(:hover,:focus-visible) .experience-icon{transform:rotate(0) scale(1)}
  .is-scroll-reveal .token-person:is(:hover,:focus-visible){opacity:1;filter:none}
  .motion-paused .token-person,.motion-paused .token-person *{transition:none}
}

/* Three phrases share the widest grid cell, keeping every text line stable. */
.ideas-phrase{display:none}
.ideas-phrase:first-child{display:block}
.ideas-progress{display:none}
@media(min-width:901px){
  .token-ideas{gap:.45em}
  .ideas-progress{display:block;width:.95em;height:.95em;flex-shrink:0;overflow:visible;transform:rotate(-90deg)}
  .ideas-progress circle{fill:none;stroke-width:2.4}
  .ideas-progress-track{stroke:#a5cec4}
  .ideas-progress-fill{stroke:#008f75;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;animation:ideas-progress 2s linear infinite}
  .ideas-rotator{display:inline-grid;overflow:hidden;vertical-align:middle}
  .ideas-phrase{display:block;grid-area:1/1;text-align:center;opacity:0;transform:translateY(70%);animation:ideas-cycle 6s linear infinite}
  .ideas-phrase:first-child{opacity:1;transform:none}
  .ideas-phrase:nth-child(2){animation-delay:-4s}
  .ideas-phrase:nth-child(3){animation-delay:-2s}
}
@keyframes ideas-cycle{
  0%,27.5%{opacity:1;transform:translateY(0)}
  33.333%{opacity:0;transform:translateY(-70%)}
  33.334%,94.167%{opacity:0;transform:translateY(70%)}
  100%{opacity:1;transform:translateY(0)}
}
@keyframes ideas-progress{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.ideas-progress{display:none}}

/* Verified overall client score, placed above the desktop hero headline. */
.hero-desktop-break{display:none}
.hero-rating{display:none}
@media(min-width:901px){
  :root{--desktop-section-space:clamp(88px,7.5vw,112px);--desktop-body-size:clamp(17.25px,1.62916705vw,19.55px);--desktop-copy-gap:24px;--desktop-action-gap:32px}
  .hero{--hero-padding-top:clamp(128px,15vh,160px);--hero-padding-bottom:calc(clamp(64px,8vh,96px) + 50px);padding-block:var(--hero-padding-top) var(--hero-padding-bottom)}
  /* Fit the text to the visible window while retaining the portrait's full-height canvas. */
  .hero-content{display:flex;flex-direction:column;align-items:flex-start;min-height:calc(100svh - var(--hero-padding-top) - var(--hero-padding-bottom))}
  .hero-portrait{margin-right:clamp(-56px,-3vw,-28px)}
  .hero-desktop-break{display:initial}
  /* Keep the headline's original box so the whole lower group moves up exactly 50px. */
  .hero h1{font-size:clamp(57px,6.0325vw,100.7px);font-weight:600;min-height:calc(2.07em / .95);white-space:nowrap}
  .hero h1>span{display:inline}
  .hero h1>span:last-child{display:inline-block}
  .hero-description{max-width:760px;margin-top:40px;font-size:var(--desktop-body-size);text-wrap:balance}
  .hero-eyebrow{margin-bottom:auto;padding-bottom:clamp(24px,calc(100svh - 670px),96px)}
  .hero-cta{margin-top:var(--desktop-action-gap)}
  .hero-rating{display:inline-flex;align-items:center;gap:14px;margin-bottom:24px;line-height:1.2;transition:opacity .2s}
  .hero-rating:hover{opacity:.75}
  .hero-rating-stars{position:relative;display:inline-block;color:#c6d1cc;font-size:20px;letter-spacing:2px;white-space:nowrap;line-height:1.1}
  .hero-rating-stars>span{position:absolute;inset:0 auto 0 0;width:98%;overflow:hidden;color:#008f75}
  .hero-rating-score{font-size:17px;font-weight:500;white-space:nowrap}
  .hero-rating-score>span{font-size:14px;color:#656a67;font-weight:400}
  .hero-rating-label{font-family:'Hellix',sans-serif;font-size:10px;font-weight:400;letter-spacing:.055em;color:#656a67;border-left:1px solid #c7d0cb;padding-left:14px}
}
@media(min-width:901px) and (max-width:1180px){.hero h1{font-size:5.985vw}}

/* Intro variant 2. Remove intro-clean from the section to restore variant 1. */
.intro-clean-eyebrow,.intro-drawn-underline{display:none}
@media(min-width:901px){
  .intro-clean{position:relative;isolation:isolate;background:#f1f2f1;padding:var(--desktop-section-space) var(--gutter);overflow:clip}
  /* Align the visible signature stroke, accounting for the SVG’s lower whitespace. */
  .intro-clean::before{content:"";position:absolute;z-index:0;top:auto;bottom:calc(-7.7441% + 17px);left:calc(60% + 75px);height:84%;width:auto;aspect-ratio:210 / 107.232;background:url("assets/signature.svg") center/contain no-repeat;opacity:.0288;pointer-events:none}
  .intro-clean::after{content:"";position:absolute;z-index:1;bottom:0;left:var(--gutter);right:var(--gutter);height:1px;background:#dce3de;pointer-events:none}
  .intro-clean + .projects{padding-top:72px}
  .intro-clean .intro-scroll-track{position:relative;z-index:1;height:auto}
  .intro-clean .intro-sticky{position:relative;display:flex;flex-direction:column;min-height:0;padding:0}
  .intro-clean .intro-clean-eyebrow{display:inline-block;width:auto;margin-right:clamp(16px,1.3vw,24px);font-size:clamp(10px,.84vw,13.6px);line-height:1;letter-spacing:.015em;color:var(--accent);vertical-align:middle;white-space:nowrap}
  .intro-clean .intro-clean-eyebrow>span{display:inline-block;padding:9px 12px;background:var(--ink);border-radius:100px}
  .intro-clean .intro-editorial-copy{order:1;font-size:clamp(28px,2.4vw,44px);line-height:1.6;letter-spacing:-.035em;text-indent:0;color:#777b78}
  .intro-clean .intro-editorial-copy [data-word]{opacity:1;background:none;color:inherit;transition:none}
  .intro-clean .intro-token{display:inline;position:static;vertical-align:baseline;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none;filter:none;opacity:1;font:inherit;letter-spacing:inherit;white-space:normal;color:inherit;transition:none;cursor:inherit;overflow:visible}
  .intro-clean .token-mint,.intro-clean .token-ai,.intro-clean .token-person,.intro-clean .token-space,.intro-clean .intro-underline{color:var(--ink)}
  .intro-clean .intro-word-group{white-space:nowrap}
  .intro-clean .intro-underline{text-decoration:none;white-space:normal}
  .intro-clean .intro-underline,.intro-clean .token-space{position:relative;display:inline-block;white-space:nowrap}
  .intro-clean .intro-copy .intro-drawn-underline{display:block;position:absolute;left:0;bottom:0;width:100%;height:.32em;pointer-events:none;fill:none;stroke:var(--accent);stroke-width:7;stroke-dasharray:220;stroke-dashoffset:0}
  .intro-clean .token-person{margin-right:0}
  .intro-clean .token-person-base,.intro-clean .ideas-rotator{display:inline;overflow:visible}
  .intro-clean .token-person .token-person-base>span{opacity:1;transform:none;transition:none}
  .intro-clean .token-person-experience,.intro-clean .token-person-base>img,.intro-clean .intro-token>svg,.intro-clean .inline-chart{display:none}
  .intro-clean .ideas-phrase{display:none;animation:none}
  .intro-clean .ideas-phrase:first-child{display:inline;opacity:1;transform:none}
  .intro-clean .intro-metrics{--metric-gap:clamp(28px,2.4vw,40px);order:2;width:100%;max-width:1000px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--metric-gap);margin:clamp(88px,8vw,128px) 0 0}
  .intro-clean .intro-metric{position:relative;display:flex;flex-direction:column;gap:8px;padding:0;border:0}
  .intro-clean .intro-metric + .intro-metric::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--metric-gap) / -2);width:1px;background:#dedfdd;pointer-events:none}
  .intro-clean .intro-metric dd{font-size:clamp(18px,1.45vw,24px);line-height:1.15;letter-spacing:-.025em;color:var(--ink)}
  .intro-clean .intro-metric dt{padding:0;font-size:clamp(13px,1.05vw,16px);line-height:1.4;letter-spacing:-.01em;color:#777b78}
  .intro-clean .intro-editorial-footer{display:none}
}

/* Four service tabs — desktop design, inspired by the bouncy content reference. */
.offering-section{--offering-card:#e7e9e7;background:#f1f2f1;padding:96px clamp(40px,6vw,112px) 112px}
.offering-shell{max-width:1320px;margin:0 auto}
.offering-section-title{text-align:center;font-size:clamp(36px,3.25vw,52px);line-height:1.12;margin-bottom:38px;letter-spacing:-.04em}
.offering-tablist{position:relative;isolation:isolate;display:flex;align-items:center;gap:4px;width:max-content;max-width:100%;margin:0 auto 32px;padding:6px;background:#e2e5e2;border-radius:100px}
.offering-tab-indicator{position:absolute;top:0;left:0;z-index:0;background:var(--ink);border-radius:100px;pointer-events:none}
.offering-tab{position:relative;z-index:1;flex-shrink:0;border-radius:100px;background:transparent;padding:15px clamp(16px,1.5vw,24px);font-size:clamp(13px,1.02vw,16px);font-weight:400;line-height:1.2;letter-spacing:-.015em;color:#606660;white-space:nowrap;transition:color .25s}
.offering-tab:hover{color:var(--ink)}
.offering-tab[aria-selected=true]{color:var(--accent)}
.offering-tab-indicator:not([style])~.offering-tab[aria-selected=true]{background:var(--ink)}
.offering-tab:focus-visible{outline-offset:3px}
.offering-stage{position:relative;min-height:528px;overflow-anchor:none;background:var(--offering-card);border-radius:36px;padding:14px}
.offering-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;min-height:500px;transform-origin:center center}
.offering-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:36px 24px 36px 38px}
.offering-index{font-family:'Hellix',sans-serif;font-size:11px;letter-spacing:.08em;color:#626863;margin-bottom:26px}
.offering-copy h3{font-size:clamp(30px,2.6vw,42px);font-weight:400;line-height:1.1;letter-spacing:-.04em;margin:0 0 23px;max-width:100%;text-wrap:balance}
.offering-copy>p{font-size:clamp(17px,1.3vw,20px);line-height:1.55;color:#626863;max-width:490px}
.offering-more{margin-top:32px;font-size:15px;min-height:54px;padding-left:23px;gap:26px}
.offering-more .button-arrow{width:40px;height:40px;font-size:25px}
.offering-visual{position:relative;min-height:470px;overflow:hidden;border-radius:25px;background:#dde2de;isolation:isolate}
.offering-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.offering-visual--manager{background:#dde2de}
.offering-visual--manager>img{object-position:65% center}
.offering-client-badge{position:absolute;z-index:1;left:20px;bottom:20px;max-width:calc(100% - 40px);display:flex;align-items:center;gap:12px;padding:14px 22px 14px 18px;border:1px solid rgba(255,255,255,.88);border-radius:100px;background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.24));-webkit-backdrop-filter:blur(24px) saturate(160%) brightness(1.12);backdrop-filter:blur(24px) saturate(160%) brightness(1.12);box-shadow:0 12px 32px rgba(27,27,27,.18),inset 0 1px 1px rgba(255,255,255,.9),inset 0 -1px 1px rgba(255,255,255,.25);color:var(--ink);font-size:clamp(13px,.93vw,14px);line-height:1.45;white-space:nowrap;text-shadow:0 1px 1px rgba(255,255,255,.25)}
.offering-client-badge strong{font-weight:600}
.offering-client-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(0,253,207,.13)}
.offering-visual--consultant>img{object-position:center}
.offering-visual--one-off>img{object-position:50% center}
.offering-visual--ai>img{object-fit:cover}
.offering-section + .projects{padding-top:72px}
/* Projects continue the same desktop section rhythm and neutral surface. */
.projects{--project-surface:#f1f2f1;--projects-heading-gap:clamp(56px,6.4vw,96px);position:relative;background:var(--project-surface)}
/* Work cards retain their image motion and captions across layout variants. */
.projects--work .section-heading{padding-right:0;margin-bottom:var(--projects-heading-gap)}
.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;row-gap:96px;align-items:start}
.work-card{display:block;min-width:0;text-decoration:none;color:var(--ink)}
.work-media{position:relative;aspect-ratio:1;overflow:hidden;border-radius:4px;margin-bottom:16px;background:#e5e8e6}
.work-drift{position:absolute;inset:0;transform:translate3d(0,var(--work-scroll-y,0px),0);pointer-events:none}
.work-media.is-parallax .work-drift{inset:-8% 0;will-change:transform}
.work-media img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;transform:translate3d(var(--work-x,0px),var(--work-y,0px),0) scale(var(--work-scale,1));transition:transform .6s cubic-bezier(.5,.02,.33,1)}
.work-title{max-width:100%;font-size:clamp(23px,1.6vw,30px);font-weight:400;line-height:1.2;letter-spacing:-.02em;text-wrap:balance}
.work-services{display:flex;flex-wrap:wrap;column-gap:14px;row-gap:6px;margin-top:14px;font-size:clamp(11px,.8vw,13px);line-height:1.4;color:#777b78}
.work-services>span{white-space:nowrap}
.work-card:focus-visible{outline:2px solid #008d76;outline-offset:8px;border-radius:4px}

/* Homepage work: staggered cards and open space inspired by SCR design. */
#projekty .work-feature-caption{display:block}
#projekty .work-client{margin:0 0 10px;font-size:11px;font-weight:500;line-height:1.4;letter-spacing:.065em;text-transform:uppercase;color:var(--muted)}
#projekty .work-title{max-width:100%;text-wrap:pretty}
#projekty .work-services{justify-content:flex-start;margin-top:14px}
#projekty .work-card--bookio .work-media{aspect-ratio:1}
#projekty .work-card--skriniar .work-media{aspect-ratio:4 / 3}
#projekty .work-card--skriniar img{object-position:32% center}
#projekty .work-card--dolne-mesto .work-media{aspect-ratio:8 / 5}
#projekty .work-card--kooperativa .work-media{aspect-ratio:1}
@media(min-width:901px){
  #projekty .work-grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(20px,2vw,32px);row-gap:clamp(80px,7.5vw,120px)}
  #projekty .work-card--bookio{grid-column:1 / span 5;grid-row:1}
  #projekty .work-card--skriniar{grid-column:8 / span 5;grid-row:1;margin-top:clamp(150px,16.7vw,260px)}
  #projekty .work-card--dolne-mesto{grid-column:1 / span 8;grid-row:2}
  #projekty .work-card--kooperativa{grid-column:6 / span 7;grid-row:3}
  #projekty .work-media{margin-bottom:24px;border-radius:4px}
  #projekty .work-title{font-size:clamp(23px,1.8vw,30px);line-height:1.2}
  #projekty .center-action{margin-top:clamp(64px,6vw,96px)}
}

.logo-wall{position:relative;background:#f1f2f1;padding-block:var(--desktop-section-space,112px)}
.logo-wall::before{content:"";position:absolute;top:0;left:var(--gutter);right:var(--gutter);height:1px;background:#dce3de}
.logo-wall-description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.logo-wall-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:32px;row-gap:32px;max-width:1320px;margin:0 auto;padding:0;list-style:none}
.logo-wall-cell{position:relative;min-width:0;height:clamp(100px,8vw,132px);overflow:hidden}
.logo-wall-item{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;mix-blend-mode:multiply}
.logo-wall-item img{display:block;width:var(--logo-width,160px);max-width:78%;height:var(--logo-height,68px);max-height:72%;object-fit:contain;filter:brightness(0);opacity:.72;user-select:none}
.logo-wall-item img:is([src$="sponsor-kooperativa-DAcZGQU3.svg"],[src$="istores-premium.png"],[src$="HPE.png"],[src$="Komunalna.png"]){filter:grayscale(1) brightness(.65) contrast(5)}
.logo-wall-item img[src$="sponsor-kooperativa-DAcZGQU3.svg"]{width:210px;height:85px;max-width:95%;max-height:85%}
.motion-paused .work-media img{transform:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.work-media img{transform:none!important;transition:none!important}.work-media .work-drift{inset:0!important;transform:none!important;will-change:auto}}
.project-title-accent{position:relative;display:inline-block;white-space:nowrap}
.project-title-underline{position:absolute;left:0;bottom:-.12em;width:100%;height:.32em;pointer-events:none;fill:none;stroke:var(--accent);stroke-width:7;stroke-dasharray:220;stroke-dashoffset:0}
@media(min-width:901px){
  .offering-section + .projects{padding-block:var(--desktop-section-space)}
  .projects::before{content:"";position:absolute;top:0;left:var(--gutter);right:var(--gutter);height:1px;background:#dce3de;pointer-events:none}
  .projects .section-heading{flex-direction:column;align-items:flex-start;gap:24px}
  .projects .projects-byline{max-width:720px;padding:0;font-size:var(--desktop-body-size);line-height:1.5;text-wrap:balance}
  /* Measure the divider gap to the letters, not the font's empty top leading. */
  .projects #projects-title{font-size:clamp(36px,3.25vw,52px);line-height:1.12;letter-spacing:-.04em;white-space:nowrap;text-box-trim:trim-start;text-box-edge:cap alphabetic}
  @supports not (text-box-trim:trim-start){.projects #projects-title{margin-top:-.16em}}
}
body.offering-detail-open{overflow:hidden}
.offering-detail-dialog{width:min(760px,calc(100vw - 80px));max-height:calc(100svh - 100px);margin:auto;padding:60px;background:#f1f2f1;color:var(--ink);border:0;border-radius:28px;overflow:auto}
.offering-detail-dialog::backdrop{background:#12181588;backdrop-filter:blur(8px)}
.offering-detail-close{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:50%;background:#e0e4e1;color:var(--ink);font-size:26px;line-height:1}
.offering-detail-close:hover{background:var(--accent)}
.offering-detail-kicker{display:block;font-family:'Hellix',sans-serif;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#008d76;margin-bottom:22px}
.offering-detail-dialog h2{font-size:40px;line-height:1.1;letter-spacing:-.04em;margin-bottom:24px;max-width:560px}
.offering-detail-dialog p{font-size:18px;line-height:1.6;color:#686e69}
.offering-detail-dialog ul{margin:28px 0 34px;padding:24px 0;border-top:1px solid #d6dcd7;border-bottom:1px solid #d6dcd7;display:grid;gap:14px}
.offering-detail-dialog li{display:flex;gap:12px;font-size:16px;line-height:1.4;color:#4b524c}
.offering-detail-dialog li::before{content:"↗";flex-shrink:0;color:#008d76}
.offering-detail-dialog .button{font-size:15px}

/* Desktop scroll sequence: a native sticky frame, then a normal page exit. */
@media(min-width:901px){
  .offering-section{position:relative;padding:var(--desktop-section-space) var(--gutter);overflow:clip}
  .offering-scroll-track{position:relative}
  .offering-section-title{margin-bottom:clamp(20px,calc(20px + (100svh - 720px) * .065),38px)}
  .offering-tablist{margin-bottom:clamp(20px,calc(20px + (100svh - 720px) * .043),32px)}
  .offering-stage{min-height:calc(clamp(360px,100svh - 330px,500px) + 28px)}
  .offering-panel{min-height:clamp(360px,100svh - 330px,500px)}
  .offering-visual{min-height:0}
  /* Stable title and action positions across all four services. */
  .offering-copy{justify-content:flex-start;padding-top:clamp(24px,4vh,36px);padding-bottom:clamp(24px,4vh,36px)}
  .offering-index{margin-bottom:var(--desktop-copy-gap)}
  .offering-copy h3{font-size:clamp(30px,2.6vw,40px);min-height:2.2em;margin-bottom:var(--desktop-copy-gap)}
  .offering-copy>p{font-size:var(--desktop-body-size);line-height:1.5;margin-bottom:var(--desktop-action-gap)}
  .offering-more{margin-top:auto;gap:28px}
  .offering-more .button-arrow{width:38px;height:38px;font-size:22px}
  .offering-section.is-scroll-driven .offering-scroll-track{height:var(--offering-track-height)}
  .offering-section.is-scroll-driven .offering-shell{position:sticky;top:var(--offering-pin-top,100px)}
  .offering-section.is-scroll-driven .offering-stage{display:grid;overflow:clip}
  .offering-section.is-scroll-driven .offering-panel{grid-area:1 / 1;background:var(--offering-card);will-change:transform}
  .offering-section.is-scroll-driven .offering-panel[aria-hidden=true]{pointer-events:none}
}

/* Contact: shared desktop columns, field baselines and spacing. */
@media(min-width:901px){
  .contact{padding-block:var(--desktop-section-space)}
  .contact .section-top{margin-bottom:32px}
  .contact h2>span{display:block}
  .contact h2>.muted{text-wrap:balance}
  .contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start;margin-top:64px}
  .contact-person{margin-bottom:24px}
  .contact-person div>span{margin:0 0 4px}
  .contact-data-title{margin:40px 0 16px}
  .contact-original-details p{display:grid;grid-template-columns:2ch minmax(0,1fr);column-gap:12px}
  .contact-form{min-width:0;gap:32px;align-content:start}
  .contact-form .form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
  .contact-form .form-row>label,.contact-form>label{min-width:0;gap:8px;line-height:18px}
  .contact-form .field-caption{display:block;color:var(--ink);line-height:18px}
  .contact-form .field-required{color:#00aa8c}
  .contact-form .form-row :is(input,select){box-sizing:border-box;height:52px;padding:12px 0 15px;line-height:24px}
  .contact-form .form-row select{appearance:none;padding-right:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%231b1b1b' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 2px center}
  .contact-form textarea{line-height:24px;padding:12px 0 15px}
  .contact-services>p{margin-bottom:24px}
  .contact-form .service-options{margin-bottom:24px}
  .contact-form .service-options:last-child{margin-bottom:0}
  .contact-form .service-options legend{padding:0;line-height:18px;margin-bottom:12px}
  .contact-form .service-options label>span{display:flex;align-items:center;min-height:40px}
  .contact-form .form-bottom{justify-content:flex-start}
  .contact-form .form-bottom .button{min-height:54px;gap:28px}
  .contact-form .form-bottom .button-arrow{width:38px;height:38px;font-size:22px}
}

/* Directory footer: the reference's open grid in Milan's own palette. */
.site-footer--directory{position:relative;isolation:isolate;background:#1b1e1d;color:#f1f2f1;padding-top:var(--desktop-section-space,96px);padding-bottom:32px}
.site-footer--directory::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 4% 100%,rgba(0,253,207,.1),transparent 65%),radial-gradient(ellipse at 95% 0%,rgba(255,255,255,.025),transparent 60%)}
.footer-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:40px;row-gap:64px;align-items:start}
.footer-directory>*{min-width:0}
.footer-brand{display:inline-block;transition:opacity .25s ease}
.footer-brand img{display:block;width:170px;height:87px;object-fit:contain;filter:invert(1)}
.footer-brand-block>p{margin-top:20px;color:#abb5b0;font-size:13px;line-height:1.65}
.footer-group h2{margin:0 0 20px;font-size:12px;font-weight:400;line-height:1.4;letter-spacing:.07em;text-transform:uppercase;color:#9aa9a2}
.footer-group :is(ul,address){display:grid;gap:12px;margin:0;padding:0;font-style:normal;list-style:none}
.footer-group :is(p,li,a,dt,dd){font-size:clamp(15px,1.1vw,18px);line-height:1.55;letter-spacing:0;font-weight:400}
.footer-group a{transition:color .2s ease;text-decoration:none;text-underline-offset:.2em}
.footer-group a:hover{color:var(--accent)}
.footer-group a:focus-visible,.footer-brand:focus-visible,.footer-return:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:3px}
.footer-billing dl{display:grid;gap:6px;margin-top:12px}
.footer-billing dl>div{display:flex;gap:8px}
.footer-billing dt{color:#abb5b0}
.footer-billing dd{margin:0}
.footer-register .footer-company-link{display:inline-flex;gap:9px;align-items:center;margin-top:16px;color:#abb5b0;font-size:13px}
.footer-register .footer-company-link:hover{color:var(--accent)}
.footer-socials{display:flex;align-items:center;gap:20px}
.footer-socials a{display:grid;place-items:center;min-width:32px;min-height:32px;transition:color .2s ease,transform .25s ease}
.footer-socials svg{width:28px;height:28px}
.footer-socials a:hover{transform:translateY(-3px)}
.footer-directory-bottom{display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid #ffffff24;margin-top:64px;padding-top:28px;color:#abb5b0;font-size:12px;line-height:1.5}
.footer-return{display:flex;align-items:center;gap:16px;color:#f1f2f1;transition:color .2s ease}
.footer-return-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff40;border-radius:50%;font-size:20px;transition:color .2s ease,background .2s ease,border-color .2s ease}
.footer-return:hover .footer-return-icon{background:var(--accent);border-color:var(--accent);color:#1b1b1b}
.footer-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.motion-paused .footer-socials a{transition:none}
@media(prefers-reduced-motion:reduce){.footer-socials a{transition:none}.footer-socials a:hover{transform:none}}

/* Desktop mega navigation: Osmo-inspired directional panels, persistent consultation. */
.mega-menu,.mega-backdrop{display:none}
@media(min-width:901px){
  .site-header,.site-header.is-scrolled{position:fixed;top:20px;left:var(--gutter);right:var(--gutter);width:auto;max-width:none;height:76px;margin-inline:0;padding:0 24px;gap:24px;overflow:visible;background:#f7f8f7;border:1px solid #dfe2df;border-radius:6px;box-shadow:0 6px 28px #14231d0a;backdrop-filter:none;animation:none;transform:none;transition:background .25s,box-shadow .25s,border-radius .2s}
  .site-header.is-scrolled{box-shadow:0 8px 32px #14231d12}
  .site-header.is-mega-open{background:#f1f2f1;border-radius:6px 6px 0 0;box-shadow:none}
  .site-header .brand,.site-header .brand img{width:108px;height:56px}
  .desktop-nav{align-items:center;gap:clamp(18px,2vw,32px);margin-left:auto;margin-right:0}
  .desktop-nav>a,.desktop-nav>.mega-toggle{display:inline-flex;align-items:center;min-height:44px;font-size:15px;white-space:nowrap}
  .desktop-nav>.mega-toggle{padding:0;background:none;gap:6px;transition:color .2s}
  .desktop-nav>.mega-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform .3s var(--ease)}
  .desktop-nav>.mega-toggle[aria-expanded="true"]{color:#007d69}
  .desktop-nav>.mega-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
  .desktop-nav:has(a:hover) a:not(:hover){opacity:1}
  .desktop-nav>a:hover,.desktop-nav>.mega-toggle:hover{color:#007d69}
  .mega-menu{display:block;position:absolute;top:100%;left:-1px;right:-1px;background:#f1f2f1;border:1px solid #dfe2df;border-top:0;border-radius:0 0 8px 8px;overflow:hidden;box-shadow:0 30px 65px #14231d18;max-height:calc(100dvh - 116px);overflow-y:auto;overscroll-behavior:contain}
  .mega-menu-inner{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);min-height:448px;padding:20px;gap:20px}
  .mega-stage{display:grid;min-width:0;overflow:hidden}
  .mega-panel{grid-area:1/1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;gap:20px}
  .mega-column{padding:32px clamp(24px,2.3vw,40px);min-width:0}
  .mega-column:first-child{border-radius:24px;background:rgba(255,255,255,.54);border:1px solid rgba(255,255,255,.6)}
  .mega-column+.mega-column{border-left:0}
  .mega-label{font-size:11px;font-weight:500;line-height:1.4;text-transform:uppercase;letter-spacing:.065em;color:#6f7772;margin:0 0 28px}
  .mega-link{display:block;margin-bottom:28px;max-width:310px}
  .mega-link>span{display:block;font-size:clamp(18px,1.45vw,23px);font-weight:500;line-height:1.22;letter-spacing:-.025em;transition:color .2s,text-decoration-color .2s}
  .mega-link small{display:block;margin-top:9px;font-size:14px;line-height:1.45;color:#777d79}
  .mega-link:hover>span,.mega-link:focus-visible>span{color:#007d69}
  .mega-link--compact{margin-bottom:20px}
  .mega-link--compact>span{font-size:20px}
  .mega-link--compact small{margin-top:4px}
  .mega-text-link{display:inline-flex;align-items:center;gap:20px;font-size:14px;font-weight:500;margin-top:8px;border-bottom:1px solid #bbc3bd;padding:0 0 5px;transition:color .2s}
  .mega-text-link:hover,.mega-socials a:hover{color:#007d69}
  .mega-socials{display:flex;flex-wrap:wrap;gap:20px;margin-top:36px;font-size:13px}
  .mega-consultation{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:26px;padding:30px clamp(24px,2.4vw,40px);background:#1b1e1d;color:white;overflow:hidden;border-radius:24px}
  .mega-consultation:before{content:'';position:absolute;z-index:-1;width:330px;height:330px;right:-150px;top:-170px;border:1px solid #00fdcf2b;border-radius:50%;box-shadow:0 0 0 60px #00fdcf03,0 0 0 61px #00fdcf12;pointer-events:none}
  .mega-consultation-person{display:flex;align-items:center;gap:14px}
  .mega-consultation-person img{width:58px;height:58px;border-radius:50%;object-fit:cover;object-position:center 21%;background:#d6f5f0}
  .mega-consultation-person span{display:block;font-size:15px}
  .mega-consultation-person small{display:block;margin-top:4px;font-size:12px;color:#a8b2ad}
  .mega-consultation .mega-label{color:var(--accent);margin-bottom:12px;font-size:10px}
  .mega-consultation h2{font-size:clamp(31px,2.8vw,44px);font-weight:400;line-height:1.03;letter-spacing:-.04em}
  .mega-consultation-copy{font-size:15px;line-height:1.5;color:#b4bcb7;max-width:280px;margin-top:15px}
  .mega-consultation-button,.site-header .header-cta{gap:18px;min-height:48px;padding:5px 5px 5px 18px;font-size:14px;background:var(--accent);border-color:var(--accent);color:#1b1b1b;white-space:nowrap}
  .mega-consultation-button{align-self:flex-start}
  .mega-consultation-button .button-arrow,.site-header .header-cta .button-arrow{width:36px;height:36px;background:#1b1e1d;color:var(--accent)}
  .mega-consultation-button:hover,.site-header .header-cta:hover{background:#7bffe7;border-color:#7bffe7}
  .mega-consultation-button:hover .button-arrow,.site-header .header-cta:hover .button-arrow{background:#1b1e1d;color:var(--accent)}
  .mega-backdrop{display:block;position:fixed;inset:0;z-index:29;background:#18211e38;backdrop-filter:blur(5px)}
  .motion-paused .mega-menu *,.motion-paused .mega-toggle,.motion-paused .mega-toggle svg{transition:none}
  .desktop-nav>a,.desktop-nav>.mega-toggle,.site-header .header-cta,.mega-link>span,.mega-text-link,.mega-socials a,.mega-consultation-button{font-weight:600}
  .desktop-nav>a,.desktop-nav>.mega-toggle,.mega-link>span,.mega-socials a{text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1.5px;text-underline-offset:.22em;transition:color .2s,text-decoration-color .2s}
  .desktop-nav>a:hover,.desktop-nav>a:focus-visible,.desktop-nav>.mega-toggle:hover,.desktop-nav>.mega-toggle:focus-visible,.desktop-nav>.mega-toggle[aria-expanded="true"],.mega-link:hover>span,.mega-link:focus-visible>span,.mega-socials a:hover,.mega-socials a:focus-visible{text-decoration-color:currentColor;color:#007d69}
}

/* Optional dark menu variant. Remove data-menu-theme="dark" to restore the light version. */
@media(min-width:901px){
  .site-header[data-menu-theme="dark"],.site-header[data-menu-theme="dark"].is-scrolled{background:#1b1b1b;color:#f7f8f7;border-color:#363c38;box-shadow:0 6px 28px #1017131f}
  .site-header[data-menu-theme="dark"].is-scrolled{box-shadow:0 8px 32px #1017132b}
  .site-header[data-menu-theme="dark"].is-mega-open{background:#1b1b1b;box-shadow:none}
  .site-header[data-menu-theme="dark"] .brand img{filter:brightness(0) invert(1)}
  .site-header[data-menu-theme="dark"] :focus-visible{outline-color:var(--accent)}
  .site-header[data-menu-theme="dark"] .desktop-nav>a:hover,
  .site-header[data-menu-theme="dark"] .mega-toggle:hover,
  .site-header[data-menu-theme="dark"] .mega-toggle[aria-expanded="true"]{color:var(--accent)}
  .site-header[data-menu-theme="dark"] .motion-toggle{color:#dce3de;border-color:#4d5650}
  .site-header[data-menu-theme="dark"] .motion-toggle:hover{color:var(--accent);border-color:var(--accent)}
  .site-header[data-menu-theme="dark"] .header-cta{background:var(--accent);border-color:var(--accent);color:#1b1b1b}
  .site-header[data-menu-theme="dark"] .header-cta:hover{background:#7bffe7;border-color:#7bffe7}
  .site-header[data-menu-theme="dark"] .header-cta .button-arrow{background:#1b1b1b;color:var(--accent)}
  .site-header[data-menu-theme="dark"] .mega-menu{background:#202321;border-color:#363c38;box-shadow:0 30px 65px #10171329}
  .site-header[data-menu-theme="dark"] .mega-column+.mega-column{border-color:#363c38}
  .site-header[data-menu-theme="dark"] .mega-column:first-child{background:#ffffff08;border-color:#ffffff0d}
  .site-header[data-menu-theme="dark"] .mega-panel .mega-label,
  .site-header[data-menu-theme="dark"] .mega-link small{color:#a7b0aa}
  .site-header[data-menu-theme="dark"] .mega-text-link{border-color:#4d5650}
  .site-header[data-menu-theme="dark"] .mega-link:hover>span,
  .site-header[data-menu-theme="dark"] .mega-text-link:hover,
  .site-header[data-menu-theme="dark"] .mega-socials a:hover{color:var(--accent)}
  .site-header[data-menu-theme="dark"] .mega-consultation{background:#141a17;border-left:1px solid #363c38}
}

/* Light frosted-glass variant. The bar's blur stays separate from the dropdown. */
@media(min-width:901px){
  .site-header[data-menu-theme="glass"],
  .site-header[data-menu-theme="glass"].is-scrolled,
  .site-header[data-menu-theme="glass"].is-mega-open{background:transparent;color:var(--ink);border-color:rgba(255,255,255,.82);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 8px 30px #14231d0d,0 0 0 1px #14231d08,inset 0 1px 0 #ffffffb3}
  .site-header[data-menu-theme="glass"]::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#f7f8f7;pointer-events:none}
  .site-header[data-menu-theme="glass"].is-scrolled{box-shadow:0 10px 34px #14231d14,0 0 0 1px #14231d08,inset 0 1px 0 #ffffffbf}
  .site-header[data-menu-theme="glass"].is-mega-open{border-bottom-color:#d2dad56b;box-shadow:0 0 0 1px #14231d08,inset 0 1px 0 #ffffffbf}
  .site-header[data-menu-theme="glass"] .motion-toggle{border-color:#1b1b1b26}
  .site-header[data-menu-theme="glass"] .header-cta{background:var(--accent);border-color:var(--accent)}
  .site-header[data-menu-theme="glass"] .header-cta:hover{background:#7bffe7;border-color:#7bffe7}
  .site-header[data-menu-theme="glass"] .mega-menu{background:#f1f3f1;border-color:#ffffffb3;box-shadow:0 24px 60px #14231d1a,0 0 0 1px #14231d08,inset 0 -1px 0 #ffffff8c}
  .site-header[data-menu-theme="glass"] .mega-column+.mega-column{border-color:#9ca9a033}
  .site-header[data-menu-theme="glass"] .mega-panel .mega-label,
  .site-header[data-menu-theme="glass"] .mega-link small{color:#47514a}
  @supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
    .site-header[data-menu-theme="glass"]::before{background:linear-gradient(120deg,rgba(255,255,255,.62),rgba(247,250,248,.46));backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%)}
    .site-header[data-menu-theme="glass"].is-mega-open::before{background:rgba(248,250,248,.78)}
    .site-header[data-menu-theme="glass"] .mega-menu{background:rgba(245,248,246,.78);backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%)}
  }
}

/* Crisp-inspired project reel: desktop entry only, never a blocking default. */
.site-preloader{display:none}
@media(min-width:901px){
  html{scrollbar-gutter:stable}
  html.preloader-pending,html.preloader-pending body{overflow:hidden}
  html.preloader-pending{overflow-anchor:none}
  .preloader-pending .site-header,.preloader-pending .hero-eyebrow,.preloader-pending .hero-rating{visibility:hidden}
  .preloader-pending .hero h1>span,.preloader-pending .hero-description,.preloader-pending .hero-cta,.preloader-pending .hero-portrait,.preloader-pending .hero-disc,.preloader-pending .headline-underline{animation-play-state:paused!important}
  .site-preloader{--preloader-tile:clamp(120px,12vw,180px);position:fixed;inset:0;z-index:100;align-items:center;justify-content:center;background:#f1f2f1;isolation:isolate;overflow:hidden}
  .site-preloader.is-active{display:flex}
  .preloader-window{position:relative;width:min(76vw,1120px);height:calc(var(--preloader-tile)*1.35);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
  .preloader-track{position:absolute;left:50%;top:50%;display:flex;align-items:center;width:max-content;gap:clamp(18px,2vw,30px);transform:translate(-50%,-50%);will-change:transform}
  .preloader-tile{flex:0 0 var(--preloader-tile);width:var(--preloader-tile);height:var(--preloader-tile);border-radius:12px;overflow:hidden;transform-origin:center;background:#e1e5e2}
  .preloader-tile img,.preloader-focus img{width:100%;height:100%;max-width:none;object-fit:cover;display:block}
  .preloader-focus{position:fixed;left:50%;top:50%;z-index:2;width:var(--preloader-tile);height:var(--preloader-tile);transform:translate(-50%,-50%);border-radius:12px;overflow:hidden;background:#e1e5e2}
  .preloader-skip{position:absolute;right:var(--gutter);bottom:32px;z-index:3;display:inline-flex;align-items:center;gap:20px;padding:10px 16px;background:#f1f2f1cc;border:1px solid #1b1b1b1a;border-radius:100px;color:var(--ink);font-size:13px;font-weight:500;line-height:1.2;backdrop-filter:blur(12px);transition:background .2s}
  .preloader-skip span{font-size:18px}
  .preloader-skip:hover{background:var(--accent)}
}

/* Current clients: a quiet, aligned row with velocity-driven hover cards. */
.projects-heading-copy{min-width:0}
.projects-heading-copy .projects-byline{margin-top:24px;color:var(--muted)}
.current-clients{--current-clients-width:clamp(360px,31vw,496px);position:relative;flex:none;width:var(--current-clients-width);padding:0 0 28px;isolation:isolate}
.current-clients-label{display:flex;align-items:center;gap:8px;margin:0 0 22px;color:#686e69;font-size:12px;font-weight:500;line-height:1.3;letter-spacing:.015em}
.current-clients-label>span{width:5px;height:5px;flex:none;border-radius:50%;background:#00967c}
.current-clients-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.current-clients-item{position:relative;min-width:0;aspect-ratio:2/3}
.current-client-card{display:grid;place-items:center;position:absolute;inset:0;padding:15px 12px;border:1px solid #1b1b1b06;border-radius:14px;background:#e7eae8;box-shadow:0 3px 8px #17211b04;transform-origin:50% 50%;pointer-events:none;user-select:none}
.current-client-card img{display:block;width:100%;height:auto;max-height:52px;object-fit:contain;pointer-events:none}
.current-client-card--freshnito{background:#e7edf9}
.current-client-card--catering{background:#262c29}
.current-client-card--catering img{width:94%}
.current-client-card--chlapci{background:#ede7eb;padding-inline:10px}
.current-clients-badge{position:absolute;z-index:2;right:calc(25% - 29px);bottom:0;width:64px;height:64px}
.current-clients-stamp{width:100%;height:100%;overflow:hidden;border-radius:50%;background:var(--accent);box-shadow:0 3px 10px #17211b0a;pointer-events:none;user-select:none}
.current-clients-stamp img{display:block;width:100%;height:100%;filter:grayscale(1) contrast(2.2);mix-blend-mode:multiply;pointer-events:none}
@media(min-width:1200px){
  .projects .section-heading.projects-heading{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}
  .current-clients{margin-top:-2px}
  .projects-heading-copy{align-self:start;margin-bottom:0}
  .projects--scattered .current-clients{align-self:end}
}
@media(min-width:901px) and (max-width:1199px){
  .projects .section-heading.projects-heading{display:flex;align-items:stretch;gap:40px}
  .current-clients{align-self:flex-end;width:420px}
}

/* Line reveal testimonials: keep all slides in one stable grid cell. */
.testimonial-track{display:grid;transform:none;transition:none}
.testimonial{grid-area:1/1;visibility:hidden}
.testimonial:first-child{visibility:visible}
.reviews--line-reveal .testimonial{visibility:hidden;opacity:0;pointer-events:none}
.reviews--line-reveal .testimonial:is(.is-active,.is-transitioning){visibility:visible;opacity:1;pointer-events:auto}
.review-line-mask{display:block;overflow:hidden;padding-bottom:.2em;margin-bottom:-.2em}
.review-line{display:block;transform-origin:50% 100%}
.reviews-controls .round-button:focus-visible{outline:2px solid #008d76;outline-offset:4px}
.reviews-controls .round-button:disabled{opacity:.4;cursor:default}


/* Shared desktop action system, matching the navigation CTA exactly. */
@media(min-width:901px){
  /* Small supporting copy retains a readable contrast on the light section surfaces. */
  .projects-heading-copy .projects-byline,
  .work-services,
  .intro-clean .intro-metric dt,
  .testimonial figcaption>div>span,
  .reviews-controls .review-index{color:#656a67}
  :root{--cta-height:48px;--cta-arrow-size:36px;--cta-font-size:14px;--cta-gap:18px;--cta-padding:5px 5px 5px 18px}
  .button{--cta-fill:var(--accent);--cta-text:var(--ink);--cta-hover:#7bffe7;--cta-icon-fill:var(--ink);--cta-icon-text:var(--accent)}
  .button-dark{--cta-fill:var(--ink);--cta-text:#fff;--cta-hover:#333;--cta-icon-fill:var(--accent);--cta-icon-text:var(--ink)}
  .button,.site-header .header-cta,.contact-form .form-bottom .button,.offering-detail-dialog .button{
    display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:max-content;max-width:100%;min-height:var(--cta-height);height:var(--cta-height);gap:var(--cta-gap);padding:var(--cta-padding);border:1px solid var(--cta-fill);border-radius:100px;background:var(--cta-fill);color:var(--cta-text);font-family:'Hellix',Arial,sans-serif;font-size:var(--cta-font-size);font-weight:600;line-height:1.2;letter-spacing:normal;white-space:nowrap;text-decoration:none;box-shadow:none;transition:background .25s,color .25s,border-color .25s;
  }
  .button>span:not(.button-arrow){font:inherit;letter-spacing:inherit}
  .button .button-arrow,.site-header .header-cta .button-arrow,.contact-form .form-bottom .button-arrow,.offering-detail-dialog .button-arrow{
    display:grid;place-items:center;flex:0 0 var(--cta-arrow-size);width:var(--cta-arrow-size);height:var(--cta-arrow-size);padding:0;border:0;border-radius:50%;background:var(--cta-icon-fill);color:var(--cta-icon-text);font-family:inherit;font-size:22px;font-weight:600;line-height:1;transition:transform .4s var(--ease),background .25s,color .25s;
  }
  .button:hover,.contact-form .form-bottom .button:hover{background:var(--cta-hover);border-color:var(--cta-hover);color:var(--cta-text)}
  .button:hover .button-arrow{background:var(--cta-icon-fill);color:var(--cta-icon-text);transform:rotate(45deg)}
  .button:hover .button-arrow--up{transform:translateY(-2px)}
  .button:focus-visible{outline:2px solid #008d76;outline-offset:4px;border-radius:100px}
  .button:disabled{opacity:.45;cursor:not-allowed}
  .button:disabled .button-arrow{transform:none}
  .site-footer .button:focus-visible{outline-color:var(--accent)}
  .preloader-skip.button{backdrop-filter:none}
  /* Directional and dismiss controls keep their purpose, using the same circular palette. */
  .round-button,.offering-detail-close{display:grid;place-items:center;width:var(--cta-height);height:var(--cta-height);padding:0;border:1px solid var(--ink);border-radius:50%;background:var(--ink);color:var(--accent);font-family:'Hellix',Arial,sans-serif;font-size:22px;font-weight:600;line-height:1;transition:background .25s,color .25s,border-color .25s}
  .offering-detail-close{font-size:28px}
  .round-button:hover,.offering-detail-close:hover{background:var(--accent);border-color:var(--accent);color:var(--ink)}
  .round-button:focus-visible,.offering-detail-close:focus-visible{outline:2px solid #008d76;outline-offset:4px}
  .offering-tab,.service-options label>span{font-family:'Hellix',Arial,sans-serif;font-weight:600}
}
@media(min-width:901px) and (prefers-reduced-motion:reduce){
  .button,.button .button-arrow,.round-button,.offering-detail-close{transition:none}
  .button:hover .button-arrow{transform:none}
}

/* Desktop audit: keep small secondary labels readable on the grey surface. */
@media(min-width:901px){
  :root{--muted:#626965}
  .contact-form .form-delivery-note{font-size:13px;line-height:1.5;color:#626965;margin-top:-8px;max-width:480px}
}

.contact-form .form-delivery-note a{text-decoration:underline;text-underline-offset:3px}
.contact-form button:disabled{opacity:.55;cursor:wait}
.contact-form .form-honeypot{display:none}
.contact-form .form-status{margin:0;padding:16px 18px;border:1px solid #b9c8c0;border-radius:14px;font-size:15px;line-height:1.5;overflow-wrap:anywhere;color:#263d33;background:#e7f4ec}
.contact-form .form-status[data-state="error"]{color:#7c2727;background:#fff0ed;border-color:#e6b6af}
.contact-form .form-status[data-state="pending"]{color:#4b5650;background:#e9eeeb;border-color:#c5cec8}
.contact-form[aria-busy="true"] .service-options label{cursor:wait}