/* Qodli: editorial layout, immediate content and restrained geometry. */
:root{--paper:#f5f7f5;--ink:#202b29;--muted:#65716c;--green:#5cbf8c;--line:#d9e0da;--dark:#202e29;--radius:0px}h1,h2,h3{font-weight:700}h2{font-size:clamp(2rem,3.3vw,3.3rem);line-height:1.12}.header{background:rgba(245,247,245,.97);height:100px}.header nav>.nav-contact{padding:11px 13px 11px 24px}.nav-contact>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green);color:var(--ink)}.eyebrow{text-transform:none;letter-spacing:0;font-size:.78rem;color:var(--muted);margin-bottom:26px}.eyebrow::before{content:'';display:inline-block;width:7px;height:7px;background:#5cbf8c;border-radius:50%;margin-right:10px;vertical-align:1px}.section{padding-block:95px}.section-heading{margin-bottom:45px}.section-heading>p{max-width:400px}.cut{clip-path:polygon(0 0,calc(100% - 42px) 0,100% 42px,100% 100%,0 100%)}.l-hero{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:stretch;padding-block:20px 70px}.l-hero-copy{padding-block:65px 48px;align-self:center}.l-symbol{display:block;font-size:55px;line-height:1;color:#5cbf8c;margin-bottom:30px}.l-hero h1{font-size:clamp(3.2rem,5.4vw,5.6rem);line-height:1.06;letter-spacing:-.065em;max-width:670px;margin-bottom:30px}.l-intro{max-width:450px;color:var(--muted);font-size:1rem}.hero-actions{margin-top:35px}.primary{background:var(--green);color:var(--ink)}.primary:hover{background:#48aa79;color:var(--ink)}.button{padding:13px 15px 13px 25px;min-height:56px}.button>span{background:var(--ink);color:white;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-size:1rem}.l-showcase{min-height:620px;display:flex;flex-direction:column;background:#dce7d4;overflow:hidden;position:relative;padding:30px;transition:background .2s}.l-showcase:hover{background:#dcebe2}.l-showcase-top,.l-showcase-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.7rem}.l-showcase-top{letter-spacing:.08em;padding-right:15px}.l-showcase-top>span:last-child{font-size:24px}.l-showcase-title{padding:45px 12px 8px}.l-showcase-title>span{font-size:.75rem;color:#52634b}.l-showcase-title h2{font-size:clamp(2.4rem,4vw,4rem);margin-top:15px;max-width:500px}.l-showcase img{width:100%;margin:auto 0;mix-blend-mode:multiply}.l-showcase-bottom{border-top:1px solid #202e2940;padding-top:20px;font-size:.8rem}.l-showcase-bottom strong{font-size:1rem}.l-tint{background:#e9eeea}.l-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.l-card{background:var(--paper);padding:40px 35px;display:flex;flex-direction:column}.l-icon{font-size:36px;line-height:1;margin-bottom:35px;color:#668a42}.l-card h3{font-size:1.4rem;margin-bottom:18px}.l-card p{font-size:.95rem;color:var(--muted);margin:0}.l-card .text-link{margin-top:auto;padding-top:30px}.l-about{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;border-bottom:1px solid var(--line)}.l-lead{font-size:1.2rem;color:var(--muted)}.l-capabilities{display:flex;flex-wrap:wrap;gap:10px;margin-top:42px}.l-capabilities span{border:1px solid #bdc8bc;border-radius:30px;padding:7px 12px;font-size:.75rem}.l-services .service-row{padding-block:30px}.service-row h3{font-size:1.55rem}.service-row .round-arrow{background:var(--green);border:0}.work-section{padding-top:20px;padding-bottom:30px}.project-card{border-radius:0;clip-path:polygon(0 0,calc(100% - 42px) 0,100% 42px,100% 100%,0 100%)}.project-copy{padding:40px}.product-visual{background:#dce7d4}.product-window,.project-card:hover .product-window{transform:none;box-shadow:none;border-radius:0;border:0}.product-sign{border-radius:0;transform:none;box-shadow:none}.product-sign:hover{transform:none}.product-band{padding-block:80px}.step{font-size:2.3rem;color:#6c8e49}.process h3{margin-top:25px}.l-faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.l-faq h2{margin-bottom:25px}.l-faq>div>p:not(.eyebrow){color:var(--muted);max-width:340px}.l-faq details{border-bottom:1px solid var(--line)}.l-faq details:first-child{border-top:1px solid var(--line)}.l-faq summary{display:flex;align-items:center;justify-content:space-between;gap:22px;list-style:none;font-size:1rem;font-weight:600;padding:23px 0;cursor:pointer}.l-faq summary::-webkit-details-marker{display:none}.l-faq summary>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;flex-shrink:0;font-size:20px;font-weight:400;transition:transform .2s}.l-faq details[open] summary>span{transform:rotate(45deg);background:var(--green)}.l-faq details p{padding:0 40px 24px 0;color:var(--muted);font-size:.95rem;margin:0}.contact-cta{background:#deead1;padding:65px;margin-block:15px 75px;clip-path:polygon(0 0,calc(100% - 42px) 0,100% 42px,100% 100%,0 100%)}.contact-cta h2{font-size:clamp(2.5rem,4.5vw,4.5rem)}.cta-circle{background:var(--ink);color:var(--paper)}.footer{border-radius:0}.page-hero{position:relative;padding-block:75px 65px;border-bottom:1px solid var(--line);margin-bottom:65px}.page-hero h1{font-size:clamp(3rem,5.9vw,5.6rem);max-width:1050px}.page-hero::after{content:'✳';position:absolute;right:10px;top:60px;font-size:105px;color:#d9e4d2;z-index:-1}.page-intro{max-width:700px}.deliverables,.about-note{background:#e7eee1;border-radius:0;box-shadow:none}.product-hero h1,.hero h1{animation:none;opacity:1;transform:none}.feature-grid>article{border-radius:0}.case-image{border-radius:0}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid #48aa79;outline-offset:5px}
@media(min-width:1500px){.l-hero{width:min(1660px,calc(100% - 140px));gap:100px}.l-hero-copy{padding-left:40px}.l-showcase{min-height:700px}.l-showcase img{max-height:370px;object-fit:contain}}
@media(max-width:1000px){.l-hero{gap:35px}.l-showcase{min-height:560px;padding:24px}.l-showcase-title{padding:40px 0 10px}.l-hero h1{font-size:3.5rem}.l-card{padding:32px 25px}.l-about,.l-faq{gap:50px}.l-showcase-top{font-size:.6rem}.section{padding-block:75px}.contact-cta{padding:45px}}
@media(max-width:800px){.header{height:84px}.l-hero{grid-template-columns:1fr;gap:20px;padding-top:10px;padding-bottom:50px}.l-hero-copy{padding:28px 0}.l-symbol{font-size:38px;margin-bottom:22px}.l-hero h1{font-size:clamp(3rem,8vw,4.5rem);max-width:650px}.l-intro{max-width:560px}.l-showcase{min-height:0}.l-showcase-title{padding-top:25px}.l-showcase img{max-height:330px;object-fit:contain}.l-showcase-title h2{font-size:2.8rem}.l-cards{grid-template-columns:1fr;gap:16px}.l-card{padding:32px}.l-icon{margin-bottom:22px}.l-card p{max-width:560px}.l-about,.l-faq{grid-template-columns:1fr;gap:35px}.l-faq>div>p:not(.eyebrow){max-width:500px}.l-capabilities{margin-top:30px}.section{padding-block:60px}.page-hero{padding-block:45px;margin-bottom:40px}.page-hero::after{font-size:70px;top:30px}.contact-cta{padding:35px 25px;margin-bottom:50px}.l-faq summary{font-size:.95rem}.header nav{background:var(--paper)}.project-copy{padding:30px}.l-showcase-bottom{font-size:.72rem}.service-row h3{font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Match the reference's type, rhythm and sticky editorial columns. */
@font-face{font-family:Jakarta;src:url('/fonts/plus-jakarta-sans.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
:root{font-family:Jakarta,Arial,sans-serif;--paper:#f3f7f7;--ink:#242e34;--muted:#58656b;--line:#dfe6e6;--green:#5cbf8c;--dark:#242e34}
h1,h2{font-weight:800;letter-spacing:-.065em}h3{font-weight:700;letter-spacing:-.04em}h2{font-size:clamp(2rem,2.7vw,2.8rem);line-height:1.12}.wrap{width:min(1280px,calc(100% - 112px))}.header{width:100%;background:rgba(243,247,247,.96);box-shadow:none}.header::after{content:'';position:absolute;bottom:0;left:0;right:0;border-bottom:1px solid var(--line)}.header nav{font-size:.83rem;gap:30px}.eyebrow{display:table;background:#58656b;color:white;padding:3px 10px;border-radius:50px;font-size:.72rem;font-weight:600;line-height:1.3;margin-bottom:34px}.eyebrow::before{display:none}.l-hero{width:calc(100% - 112px);max-width:1720px;gap:70px;padding:20px 0 0;min-height:calc(100svh - 100px);align-items:stretch}.l-hero-copy{padding:75px 0 90px;position:relative}.l-hero-copy::after{content:'✳';position:absolute;top:80px;right:35px;font-size:145px;line-height:1;color:#e2e8e9;z-index:-1}.l-hero .eyebrow{background:none;color:var(--muted);padding:0;font-weight:400;font-size:.85rem;margin-bottom:34px}.l-symbol{width:44px;height:44px;margin-bottom:25px;color:var(--ink)}.l-symbol svg,.l-icon svg{width:100%;height:100%;display:block}.l-hero h1{font-size:clamp(3.7rem,5.3vw,6rem);line-height:1.01;letter-spacing:-.075em;margin-bottom:36px}.l-hero h1 em,.l-service-art em{font-style:normal;color:var(--muted)}.l-intro{font-size:.9rem;max-width:410px;line-height:1.8}.l-hero .hero-actions{position:relative;padding-top:35px;margin-top:35px;gap:30px}.l-hero .hero-actions::before{content:'';position:absolute;left:0;top:0;width:100px;border-top:1px dashed #aab5b6}.button{font-size:.8rem;min-height:60px}.text-link{border:0;font-size:.8rem}.l-showcase{align-self:stretch;min-height:650px;clip-path:polygon(0 0,calc(100% - 75px) 0,100% 75px,100% 100%,0 100%);background:#dde7dc;padding:35px;justify-content:space-between}.l-showcase-title{padding:55px 0 0}.l-showcase-title h2{font-size:clamp(2.3rem,3.8vw,4rem);letter-spacing:-.075em;overflow-wrap:anywhere}.l-showcase img{transform:scale(var(--hero-scale,1));transform-origin:center;will-change:transform;max-height:430px;object-fit:contain;margin:25px auto}.l-showcase-bottom{margin-top:20px}.l-tint{background:#e5eeef}.section{padding-block:100px}.section-heading{gap:70px;margin-bottom:70px}.section-heading>p{font-size:.9rem;max-width:315px}.l-cards{gap:20px}.l-card{padding:50px 35px;text-align:center;align-items:center;min-height:275px}.l-icon{width:45px;height:45px;font-size:32px;color:var(--ink);margin-bottom:25px}.l-card h3{font-size:1.05rem;margin-bottom:20px}.l-card p{font-size:.88rem;line-height:1.8}.l-card .text-link{margin-top:25px;padding-top:12px}.l-about{grid-template-columns:.85fr 1.15fr;gap:100px;align-items:start;border:0}.l-sticky{position:sticky;top:130px;align-self:start}.l-aside-copy{font-size:.9rem;color:var(--muted);max-width:370px;margin-top:40px;line-height:1.8}.l-about .hero-actions{gap:22px;margin-top:40px}.l-lead,.l-about-story>p{font-size:.92rem;line-height:1.85;color:var(--muted)}.l-editorial{height:340px;background:#e1e9de;margin-block:40px;display:flex;flex-direction:column;justify-content:space-between;padding:32px;position:relative;overflow:hidden}.l-editorial::before{content:'';position:absolute;width:350px;height:350px;right:-160px;bottom:-170px;border:45px solid #c4d7b8;border-radius:50%}.l-editorial img{width:65%;max-height:170px;object-fit:contain;margin:auto;position:relative}.l-editorial-label,.l-editorial-caption{font-size:.65rem;letter-spacing:.06em;position:relative}.l-about-story h3{font-size:1.25rem;margin-bottom:20px}.l-expertise{margin:35px 0}.l-expertise>div{display:flex;gap:25px;align-items:center;border-bottom:1px solid #cad4d3;padding:18px 0;font-size:.8rem}.l-expertise span{color:#759345}.l-service-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:start}.l-service-art{background:#e1e9de;padding:45px;min-height:525px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.l-service-art>span{font-size:clamp(2.2rem,3vw,3rem);font-weight:800;letter-spacing:-.07em;line-height:1.1}.l-service-art svg{width:150px;height:150px;margin:30px auto;color:#657f59}.l-service-art small{font-size:.65rem;letter-spacing:.08em}.l-service-split .service-row{grid-template-columns:35px 1fr 38px;gap:15px;padding:28px 0}.l-service-split .service-row h3{font-size:1.25rem}.l-service-split .service-row p{grid-column:2;grid-row:2;font-size:.88rem}.l-service-split .round-arrow{grid-column:3;grid-row:1;width:36px;height:36px;background:none;border:1px solid var(--line)}.l-faq{align-items:start}.l-faq>div:first-child{position:sticky;top:130px}.l-faq summary{font-size:.92rem;font-weight:700;padding-block:27px}.page-hero h1{font-size:clamp(3.5rem,5.7vw,6rem);line-height:1.06}.page-intro{font-size:1rem}.process h3{font-size:1.2rem}.process p{font-size:.9rem}.contact-cta h2{font-weight:800}.project-copy h2{font-weight:800}
@media(min-width:1500px){.l-hero{width:calc(100% - 180px);gap:100px}.l-hero-copy{padding-left:0}.l-showcase{min-height:760px}}
@media(max-width:1100px){.l-hero{gap:40px}.l-hero h1{font-size:4rem}.l-hero-copy{padding-block:50px}.l-showcase{min-height:600px;padding:25px}.l-showcase-title h2{font-size:2.45rem}.l-about{gap:60px}.l-service-split{gap:40px}.l-service-art{padding:30px}.header nav{gap:18px}.l-hero-copy::after{font-size:100px;right:0}.l-about .hero-actions{align-items:flex-start;flex-direction:column}}
@media(max-width:800px){.wrap,.l-hero{width:calc(100% - 40px)}.header-inner{height:84px}.l-hero{min-height:0;gap:30px;padding-bottom:0}.l-hero-copy{padding:30px 0 10px}.l-hero h1{font-size:clamp(3.5rem,11vw,5rem)}.l-hero-copy::after{font-size:100px;top:75px;right:5px}.l-hero .eyebrow{font-size:.78rem}.l-hero .hero-actions{margin-top:25px;padding-top:25px}.l-showcase{min-height:0;padding:30px 25px}.l-showcase-title{padding-top:40px}.l-showcase-title h2{font-size:2.7rem}.l-showcase img{max-height:320px}.section{padding-block:65px}.section-heading{gap:25px;margin-bottom:35px}.l-card{min-height:245px;padding:40px 30px}.l-about,.l-service-split{grid-template-columns:1fr;gap:40px}.l-sticky,.l-faq>div:first-child{position:static}.l-aside-copy{margin-top:25px}.l-about .hero-actions{flex-direction:row;align-items:center}.l-editorial{height:270px}.l-service-art{min-height:330px}.l-service-art svg{position:absolute;width:130px;right:30px;bottom:40px}.l-service-art>span{font-size:2.7rem}.l-service-art small{margin-top:60px}.page-hero h1{font-size:3rem}.l-showcase img{transform:none;will-change:auto}}
.header{width:100%;transition:box-shadow .28s}.header-inner{width:100%;height:110px;gap:45px;transition:height .28s;padding-inline:clamp(24px,4vw,56px)}.header.is-scrolled{box-shadow:0 1px 0 #dfe6e6}.header.is-scrolled .header-inner{height:86px}.header::after{display:none}.header nav{flex:1;display:flex;align-items:center;justify-content:space-between;gap:28px}.nav-primary{display:flex;align-items:center;justify-content:center;gap:32px;margin-inline:auto}.nav-primary>a,.nav-dropdown>summary{font-size:.83rem;font-weight:500;padding:24px 0;display:flex;align-items:center;gap:8px;white-space:nowrap;cursor:pointer}.nav-primary>a i{height:7px;width:7px;display:none;background:var(--green);border-radius:50%}.nav-primary>a[aria-current="page"] i{display:block}.nav-primary>a:hover,.nav-dropdown>summary:hover{color:var(--green)}.nav-actions{display:flex;gap:25px;align-items:center}.nav-contact{display:flex;align-items:center;gap:22px;background:var(--ink);color:white;padding:12px 13px 12px 28px;border-radius:50px;white-space:nowrap;font-size:.8rem}.nav-contact>span{height:38px;width:38px;transition:transform .3s,background .3s}.nav-contact svg{width:17px;height:17px}.nav-contact:hover>span{transform:rotate(-12deg);background:#bce5cf}.nav-dropdown{position:relative}.nav-dropdown>summary{list-style:none}.nav-dropdown>summary::-webkit-details-marker{display:none}.nav-dropdown>summary span{font-size:16px;transition:transform .25s}.nav-dropdown[open]>summary span{transform:rotate(180deg)}.nav-submenu{position:absolute;top:100%;left:-25px;min-width:265px;background:var(--ink);color:white;padding:15px 25px;box-shadow:0 18px 35px #242e3415;border-top:3px solid var(--green);animation:menu-enter .2s ease-out}.nav-submenu a{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:15px 0;font-size:.8rem;border-bottom:1px solid #ffffff20;transition:color .2s,transform .2s}.nav-submenu a:last-child{border:0}.nav-submenu a:hover{color:var(--green);transform:translateX(4px)}.nav-submenu a>span{color:var(--green)}@keyframes menu-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.scroll-enter{animation:content-enter .7s cubic-bezier(.2,.65,.3,1) both}@keyframes content-enter{from{opacity:.35;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.l-editorial img{transition:transform .6s}.l-editorial:hover img{transform:scale(1.05)}.l-card{transition:background .3s,transform .3s}.l-card:hover{background:white;transform:translateY(-5px)}.button>span,.round-arrow{transition:transform .3s}.button:hover>span{transform:rotate(45deg)}}
@media(max-width:1150px){.header-inner{gap:25px}.nav-primary{gap:20px}.nav-actions{gap:15px}.nav-contact{gap:15px;padding-left:20px}.header nav{gap:20px}.nav-primary>a,.nav-dropdown>summary{font-size:.76rem}.nav-contact{font-size:.75rem}}
@media(max-width:1000px){.header-inner{height:84px}.header.is-scrolled .header-inner{height:76px}.menu-toggle{display:flex;align-items:center;gap:16px;background:var(--ink);color:white;border:0;padding:12px 18px;border-radius:99px;font-size:.85rem}.menu-toggle span{font-size:1.3rem;line-height:1;transition:transform .25s}.menu-toggle[aria-expanded="true"] span{transform:rotate(45deg)}.header nav{display:none;position:absolute;top:calc(100% - 1px);left:0;right:0;background:var(--paper);border:0;border-radius:0;padding:15px 30px 30px;z-index:10;box-shadow:0 20px 30px #242e3410;max-height:calc(100dvh - 90px);overflow:auto}.header nav.is-open{display:flex;align-items:stretch;flex-direction:column;gap:20px;animation:menu-enter .25s ease-out}.nav-primary{flex-direction:column;align-items:stretch;gap:0;margin:0}.nav-primary>a,.nav-dropdown>summary{padding:17px 0;font-size:1rem;border-bottom:1px solid var(--line)}.nav-primary>a i{margin-left:auto}.nav-dropdown>summary{justify-content:space-between}.nav-submenu{position:static;box-shadow:none;margin-block:10px;min-width:0;padding:10px 20px}.nav-actions{justify-content:space-between;flex-wrap:wrap;gap:20px}.nav-contact{font-size:.85rem}.languages{margin:0;gap:15px}.l-sticky,.l-faq-sticky-card{top:105px}}
h1,h2,.l-hero h1,.l-showcase-title h2,.l-service-art>span{letter-spacing:-.055em}h3{letter-spacing:-.035em}
.l-showcase.l-photo-hero{padding:0;position:relative;isolation:isolate;background:#c3baa8;min-height:650px}.l-photo-hero img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:43% center;margin:0;mix-blend-mode:normal;transform:scale(var(--hero-scale,1));transition:filter .4s}.l-photo-hero::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(16,23,20,.78));pointer-events:none}.l-photo-caption{position:absolute;inset:auto 35px 35px;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:20px;color:white}.l-photo-caption small{display:block;font-size:.6rem;letter-spacing:.1em;margin-bottom:14px}.l-photo-caption strong{display:block;font-size:clamp(1.6rem,2.2vw,2.3rem);font-weight:600;letter-spacing:-.04em;line-height:1.2}.l-photo-link{display:flex;align-items:center;gap:13px;font-size:.72rem}.l-photo-link i{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:var(--green);color:var(--ink);font-size:21px;font-style:normal;transition:transform .3s}.l-photo-hero:hover .l-photo-link i{transform:rotate(45deg)}
@media(min-width:1500px){.l-showcase.l-photo-hero{min-height:760px}}
@media(max-width:800px){.l-showcase.l-photo-hero{min-height:0;aspect-ratio:4/5}.l-photo-hero img{max-height:none;object-position:43% center;transform:none}.l-photo-caption{inset:auto 22px 25px;align-items:start;flex-direction:column;gap:20px}.l-photo-caption strong{font-size:1.8rem}.l-photo-link{font-size:.75rem}.l-photo-caption small{font-size:.55rem}.l-photo-hero::after{inset:40% 0 0}}
@media(prefers-reduced-motion:reduce){.l-photo-hero img{transform:none}.l-photo-link i{transition:none}}

/* Keep both collaborators visible in the portrait-oriented hero asset. */
.l-photo-hero img{object-position:50% 44%}
/* Full-bleed hero and the original vector wordmark's one-shot signature. */
.l-hero.wrap{width:100%;max-width:none;margin:0;padding:0;gap:0;grid-template-columns:52% 48%;min-height:calc(100svh - 110px)}
.l-hero-copy{padding:105px clamp(32px,5vw,100px) 70px;position:relative;width:100%}
.l-hero-copy::after{display:none}
.l-hero h1{font-size:clamp(4.6rem,7.1vw,8.5rem);max-width:none;line-height:1.01;letter-spacing:-.06em}
.l-hero .l-intro{max-width:470px;font-size:1rem}
.l-hero .l-showcase.l-photo-hero{min-height:100%;height:auto;align-self:stretch}
.logo-motion-play{display:inline-flex;align-items:center;justify-content:center;position:relative;top:auto;left:auto;right:auto;bottom:auto;width:145px;height:62px;padding:0;border:0;background:transparent;cursor:pointer}
.qodli-motion{display:block;width:100%;height:100%;overflow:visible}
.qodli-motion g{transform-box:view-box;transform-origin:437px 130px}
.is-playing .qm-stage{animation:qm-stage 3.6s ease both}
.is-playing .qm-colon{animation:qm-colon 3.6s ease both}
.is-playing .qm-q{animation:qm-q 3.6s ease both}
.is-playing .qm-o{animation:qm-o 3.6s ease both}
.is-playing .qm-d{animation:qm-d 3.6s ease both}
.is-playing .qm-l{animation:qm-l 3.6s ease both}
.is-playing .qm-i{animation:qm-i 3.6s ease both}
@keyframes qm-stage{0%,84%{transform:translateX(0)}100%{transform:translateX(-190px)}}
@keyframes qm-colon{0%,70%{transform:translateX(0)}80%{transform:translateX(-95px) scale(.78)}88%{transform:translateX(-95px) scale(1.14)}100%{transform:translateX(-95px) scale(1)}}
@keyframes qm-q{0%,12%{transform:translateX(420px)}32%,70%{transform:translateX(0)}80%{transform:translateX(190px) scale(.8)}88%{transform:translateX(190px) scale(1.04)}100%{transform:translateX(190px) scale(1)}}
@keyframes qm-o{0%,24%{opacity:1;transform:translateX(280px)}44%,70%{opacity:1;transform:translateX(0)}80%,100%{opacity:0;transform:translateX(280px)}}
@keyframes qm-d{0%,36%{opacity:1;transform:translateX(145px)}56%,70%{opacity:1;transform:translateX(0)}80%,100%{opacity:0;transform:translateX(145px)}}
@keyframes qm-l{0%,24%{opacity:1;transform:translateX(-110px)}44%,70%{opacity:1;transform:translateX(0)}80%,100%{opacity:0;transform:translateX(-110px)}}
@keyframes qm-i{0%,36%{opacity:1;transform:translateX(-155px)}56%,70%{opacity:1;transform:translateX(0)}80%,100%{opacity:0;transform:translateX(-155px)}}
@media(max-width:1000px){.l-hero.wrap{min-height:calc(100svh - 84px)}.l-hero-copy{padding:110px 32px 60px}.l-hero h1{font-size:clamp(3.6rem,7.2vw,5rem)}.logo-motion-play{width:125px;height:54px}.l-photo-caption{inset:auto 25px 30px;flex-direction:column;align-items:start}}
@media(max-width:800px){.l-hero.wrap{grid-template-columns:1fr;min-height:0}.l-hero-copy{padding:105px 24px 50px}.l-hero h1{font-size:clamp(3.8rem,12.5vw,6.7rem)}.l-hero .l-showcase.l-photo-hero{min-height:0;aspect-ratio:4/5}.logo-motion-play{width:115px;height:48px}.l-hero .eyebrow{margin-bottom:26px}.l-hero .l-intro{font-size:.96rem}.l-photo-caption{inset:auto 24px 28px}}
@media(prefers-reduced-motion:reduce){.is-playing .qodli-motion g{animation:none;transform:none;opacity:1}.logo-motion-play{cursor:default}}

/* Companion office photograph in the about story. */
.l-editorial.l-editorial-photo{height:auto;aspect-ratio:3/2;padding:0;background:#e1e9de;display:block}.l-editorial-photo::before{display:none}.l-editorial.l-editorial-photo img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;margin:0}

/* One role per section; numbering belongs to the working process. */
.l-services .service-number{display:none}.l-service-split .service-row{grid-template-columns:1fr 38px}.l-service-split .service-row h3,.l-service-split .service-row p{grid-column:1}.l-service-split .round-arrow{grid-column:2}
.process .step{font-size:1rem;font-weight:600;letter-spacing:.03em}.process article{border-top:1px solid var(--line);padding-top:24px}
.contact-cta{background:transparent;clip-path:none;padding:65px 0;margin-block:0;border-top:1px solid var(--line)}
.l-faq{grid-template-columns:1fr 1fr;gap:70px;align-items:stretch;padding-top:80px;padding-bottom:0;position:relative}
.l-faq>.l-faq-intro{position:relative;top:0;isolation:isolate;padding:60px 45px 60px 0;min-height:440px}
.l-faq-intro::before{content:'';position:absolute;z-index:-1;inset:var(--faq-fold-top,0px) 0 0 min(-56px,calc((1280px - 100vw)/2));background:#ebf1ec;clip-path:polygon(0 0,calc(100% - 55px) 0,100% 55px,100% 100%,0 100%)}
.l-faq-sticky-card{position:sticky;top:190px}
.l-faq-intro .button{margin-top:28px}.l-faq-questions{padding-top:32px;padding-bottom:0}.l-faq summary{padding-block:30px}.l-faq details p{padding-bottom:30px}.l-faq details:first-child{border-top:0}
@media(max-width:800px){.l-faq{grid-template-columns:1fr;gap:24px;padding-top:40px;padding-bottom:0}.l-faq>.l-faq-intro{position:static;min-height:0;padding:40px 25px 0 0;height:auto}.l-faq-sticky-card{position:static}.l-faq-intro::before{left:-20px}.l-faq-questions{padding:0}.contact-cta{padding-block:45px}.process .step{font-size:1rem}}



/* Monochrome Qodli mark: outline, fill, then connections. */
.l-connect-art{background:#e5e9e9;color:#293134}.l-connect-art em{color:#737d80}.l-connect-art .q-connect{position:static;width:100%;height:auto;max-width:420px;margin:15px auto;color:#687276;overflow:visible}
.qc-mark{fill:#293134;fill-opacity:1;stroke:#293134;stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:0}.qc-lines path{stroke-dasharray:1;stroke-dashoffset:0}.qc-nodes{fill:#e5e9e9}
.q-connect.is-connected .qc-mark{animation:qc-reveal 4s ease both}.q-connect.is-connected .qc-lines path{animation:qc-link 4s ease both}.q-connect.is-connected .qc-nodes{animation:qc-node 4s ease both}
@keyframes qc-reveal{0%{stroke-dashoffset:1;fill-opacity:0}35%{stroke-dashoffset:0;fill-opacity:0}65%,100%{stroke-dashoffset:0;fill-opacity:1}}
@keyframes qc-link{0%,55%{stroke-dashoffset:1;opacity:0}60%{opacity:1}100%{stroke-dashoffset:0;opacity:1}}
@keyframes qc-node{0%,80%{opacity:0}100%{opacity:1}}
@media(max-width:800px){.l-connect-art .q-connect{position:static;width:100%;max-width:320px;height:auto;margin:15px auto}.l-connect-art small{margin-top:0}}
@media(prefers-reduced-motion:reduce){.q-connect.is-connected .qc-mark,.q-connect.is-connected .qc-lines path,.q-connect.is-connected .qc-nodes{animation:none}}

/* A single signal visits all three endpoints; the brand stays still. */
.l-connect-art .q-connect{animation:none;transform:none}
.qc-traveller{opacity:0;offset-path:path("M48 100H95V192Q95 212 115 212H175C250 212 300 174 380 174H435Q455 174 455 154V90H512H455V154Q455 174 435 174H380C350 174 350 267 380 267H435Q455 267 455 287V330H512H455V287Q455 267 435 267H380C300 267 250 212 175 212H115Q95 212 95 192V100H48");offset-distance:0%;offset-rotate:0deg}
.q-connect.is-connected .qc-traveller{animation:qc-travel 10s linear 4s infinite}
@keyframes qc-travel{0%{opacity:1;offset-distance:0%}100%{opacity:1;offset-distance:100%}}
@media(prefers-reduced-motion:reduce){.q-connect.is-connected .qc-traveller{animation:none;opacity:0}}

/* Strengths progress bars in 'En partner att tänka högt med' */
.l-strengths{margin-top:42px;padding-top:32px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:22px}
.l-strengths-title{font-size:1.15rem;font-weight:700;letter-spacing:-.03em;margin-bottom:6px;color:var(--ink)}
.strength-item{display:flex;flex-direction:column;gap:6px}
.strength-header{display:flex;justify-content:space-between;align-items:center;font-size:.92rem;font-weight:600;color:var(--ink)}
.strength-value{font-weight:700;color:#28734e;font-variant-numeric:tabular-nums}
.strength-bar-track{width:100%;height:8px;background:var(--line);border-radius:99px;overflow:hidden;position:relative}
.strength-bar-fill{height:100%;background:var(--green);border-radius:99px;width:var(--target-width,100%);transition:width 1.2s cubic-bezier(.25,1,.5,1)}
.strength-desc{font-size:.82rem;line-height:1.55;color:var(--muted);margin:2px 0 0}
.strength-pending .strength-bar-fill{transform:scaleX(0);transform-origin:left;transition:none}
.strength-pending.strength-visible .strength-bar-fill{transform:scaleX(1);transition:transform 1.1s cubic-bezier(.25,1,.5,1)}
@media(prefers-reduced-motion:reduce){.strength-pending .strength-bar-fill{transform:none;transition:none}}

/* Qodli & QookieQloud character visual language (Bildspråk) */
.l-showcase.l-illustration-hero{position:relative;isolation:isolate;background:#ebf1ec;min-height:650px;padding:0;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.l-illustration-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;margin:0;mix-blend-mode:normal;transform:scale(var(--hero-scale,1));transition:transform .4s ease}
.l-illustration-hero::after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(24,37,30,.82));pointer-events:none}
.product-illustration-card{margin-top:50px;background:#ebf1ec;padding:35px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}
.product-illustration-card img{width:100%;max-width:720px;height:auto;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s ease}
.product-illustration-card:hover img{transform:scale(1.02)}
.product-illustration-caption{width:100%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:16px;font-size:.8rem;color:var(--muted)}
.product-illustration-caption span{font-size:.65rem;letter-spacing:.08em;font-weight:700}
.product-illustration-caption strong{color:var(--ink)}

.product-feature-pills{display:flex;gap:16px;flex-wrap:wrap;margin-block:22px 30px}
.product-feature-pills span{display:inline-flex;align-items:center;gap:8px;font-size:.84rem;color:#dce7d4;font-weight:600}
.product-feature-pills .dot-accent{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block}

.product-sign-character{min-height:380px;padding:30px 35px;background:#5cbf8c;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.sign-character-visual{position:relative;display:flex;align-items:center;justify-content:center;margin-block:15px;height:180px}
.sign-mascot-img{position:absolute;left:-10px;bottom:-20px;height:180px;width:auto;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 8px 16px rgba(0,0,0,0.15));transition:transform .35s ease}
.product-sign:hover .sign-mascot-img{transform:scale(1.06) rotate(-3deg)}
.sign-logo-img{margin-left:auto;max-width:200px;height:auto;mix-blend-mode:multiply}

.service-character-wrap{margin-block:20px auto;width:100%;display:flex;justify-content:center}
.service-character-img{max-height:220px;width:auto;object-fit:contain;mix-blend-mode:multiply;opacity:.9}



/* Working process between the hero and About Qodli. */
.l-home-process{width:100%;background:#ebf1ec}
.l-home-process .section{padding-block:70px}
.l-home-process .section-heading{margin-bottom:45px}
@media(max-width:800px){.l-home-process .section{padding-block:45px}.l-home-process .section-heading{margin-bottom:30px}}

/* Light editorial cards on the green process band. */
.l-home-process .process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.l-home-process .process article{background:var(--paper);border:0;padding:34px 28px 36px;min-height:260px;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%)}
.l-home-process .process .step{display:block;font-size:1rem;font-weight:600;color:var(--muted)}
.l-home-process .process h3{margin:28px 0 16px;font-size:1.15rem}
.l-home-process .process p{margin:0;font-size:.9rem;line-height:1.8;color:var(--muted)}
@media(max-width:1100px){.l-home-process .process{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.l-home-process .process{grid-template-columns:1fr;gap:16px}.l-home-process .process article{min-height:0;padding:28px}.l-home-process .process h3{margin-top:22px}}

.l-home-process .process-card-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.l-home-process .process-brand-icon{display:block;width:42px;height:42px;flex:none;color:var(--ink)}.l-home-process .process-card-top .step{font-size:.8rem;color:var(--muted)}

/* QQ-style directional glyphs and generous service-row hover surfaces. */
.qq-direction-icon{display:block;width:20px;height:20px;flex:none}
.l-service-split .service-row{position:relative;isolation:isolate;grid-template-columns:minmax(0,1fr) 48px;padding:30px 0;gap:14px 24px;transition:none}
.l-service-split .service-row::before{content:'';position:absolute;inset:0 -22px;z-index:-1;background:#eaf4ef;opacity:0;transition:opacity .2s;pointer-events:none}
.l-service-split .service-row:hover,.l-service-split .service-row:focus-visible{padding-inline:0;background:transparent}
.l-service-split .service-row:hover::before,.l-service-split .service-row:focus-visible::before{opacity:1}
.l-service-split .service-row .round-arrow{width:48px;height:48px;grid-column:2;grid-row:1/3;align-self:center;padding:13px;box-sizing:border-box}
.l-service-split .service-row h3{margin:0}
.l-service-split .service-row p{padding-right:8px}
@media(max-width:800px){.l-service-split .service-row::before{inset:0 -12px}.l-service-split .service-row{gap:12px 18px}}

/* FAQ controls share the QQ line style and comfortable circular spacing. */
.l-faq summary>span{width:44px;height:44px;flex:0 0 44px;padding:11px;box-sizing:border-box}.l-faq summary>span svg{display:block;width:20px;height:20px}.l-faq summary{gap:24px}

/* Full-width separator between About and Services on the homepage. */
.l-about-divider{width:100%;border-top:1px solid var(--line)}

.project-showcase{background:#e5eee8;margin-top:70px}.project-showcase-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:60px;align-items:center}.project-showcase-copy h2{font-size:clamp(2.5rem,4vw,4.4rem);margin:15px 0 28px}.project-showcase-copy h2 span{color:var(--green)}.project-showcase-type{font-size:.8rem;color:var(--muted)}.project-showcase-lead{font-size:1.35rem;font-weight:600;line-height:1.4}.project-showcase-copy>p:not(.project-showcase-lead){color:var(--muted);font-size:.95rem;line-height:1.8}.project-showcase-tags{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.project-showcase-tags span{font-size:.72rem;border:1px solid #bdcec2;padding:7px 11px;border-radius:30px}.project-showcase-copy .hero-actions{flex-wrap:wrap;gap:20px}.project-demo-note{font-size:.75rem;line-height:1.6;color:var(--muted);margin:18px 12px 0}.project-showcase-demo{min-width:0}.project-showcase .qq-preview-root button{letter-spacing:normal}.project-showcase .qq-preview-root ul{padding-left:0}.project-showcase .qq-preview-root p{letter-spacing:normal}
@media(max-width:1100px){.project-showcase-grid{grid-template-columns:1fr;gap:40px}.project-showcase-copy{max-width:700px}.project-showcase-demo{max-width:920px;width:100%}}
@media(max-width:560px){.project-showcase{margin-top:30px}.project-showcase .section{padding-block:50px}.project-showcase-grid{gap:30px}}

@media(max-width:640px){.project-showcase .tab-button-dsr .tab-label-full{display:none}.project-showcase .qq-preview-root .tab-navigation{display:flex;width:100%}.project-showcase .qq-preview-root .tab-navigation li{min-width:0;flex:1}.project-showcase .qq-preview-root .tab-navigation .tab-button{width:100%;padding:12px 5px;font-size:12px}.project-showcase .qq-preview-header-bar{padding-inline:0;gap:8px}.project-showcase .qq-preview-badge{padding:5px 7px}.project-showcase .qq-badge-label{font-size:10px}.project-showcase .qq-theme-btn{padding:5px 7px}}

@media(max-width:640px){.project-showcase .qq-preview-root .tab-navigation .tab-button-dsr .tab-label-full{display:none!important}.project-showcase .qq-preview-root .tab-navigation .tab-button-dsr .tab-label-short{display:inline!important}}

/* Shared subpage language: typography, QQ icons and calm cut-corner surfaces. */
.cta-circle .qq-direction-icon{width:32px;height:32px}.cta-circle{display:grid;place-items:center}
.page-hero::after{display:none}.page-hero{padding-block:80px 60px;margin-bottom:0}.page-hero .page-intro{line-height:1.8;max-width:760px;color:var(--muted)}
.subpage-services{padding-top:55px}.service-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.service-overview-card{display:flex;flex-direction:column;align-items:start;background:#ebf1ec;padding:36px;min-height:360px;transition:background .2s}.service-overview-card:hover{background:#dfebe3}.service-overview-top{display:flex;width:100%;justify-content:space-between;align-items:center;margin-bottom:42px}.service-brand-icon{width:44px;height:44px;display:block;flex:none}.service-overview-card h2{font-size:1.65rem;letter-spacing:-.04em;margin-bottom:20px}.service-overview-card p{font-size:.92rem;color:var(--muted);line-height:1.8}.service-overview-card .text-link{margin-top:auto;padding-top:24px}.service-overview-card .round-arrow{width:44px;height:44px}
.detail-grid{padding-block:65px 90px;align-items:start}.deliverables{position:sticky;top:125px;background:#ebf1ec;padding:35px;border:0}.deliverables>.service-brand-icon{margin-bottom:30px}.deliverables ul{padding-left:20px}.deliverables li{padding-block:9px;line-height:1.6}.deliverables .button{margin-top:25px}.prose h2{font-size:1.8rem;letter-spacing:-.045em;margin-top:40px}.prose h2:first-child{margin-top:0}.prose p{line-height:1.85}.about-photo img{width:100%;height:auto;display:block}.about-photo{position:sticky;top:125px}.about-detail+.l-home-process .process{margin-top:40px}
.product-hero .product-live-preview{margin:0;padding:0;background:transparent;min-width:0}.case-demo-band{background:#ebf1ec;padding:60px 0}.case-demo-band>.project-showcase{background:none;margin:0 auto;max-width:920px}.page-hero+.project-showcase{margin-top:0}.contact-grid{padding-block:60px 90px}.form-panel{border-radius:0;background:#ebf1ec;box-shadow:none}.form-panel input,.form-panel textarea{background:var(--paper);border-radius:6px}
@media(max-width:1000px){.service-overview{grid-template-columns:1fr}.service-overview-card{min-height:0}.service-overview-top{margin-bottom:25px}.deliverables,.about-photo{position:static}.product-hero{grid-template-columns:1fr}.product-live-preview{width:100%}}
@media(max-width:800px){.page-hero{padding-block:45px 40px}.detail-grid{padding-block:40px 55px}.service-overview-card{padding:28px}.cta-circle .qq-direction-icon{width:26px;height:26px}.contact-grid{padding-block:35px 55px}.case-demo-band{padding-block:35px}}

/* Brand-consistent button hover colors. */
.nav-contact:hover{background:#304b40}.primary:hover,.primary:focus-visible{background:#48aa79;color:var(--ink)}

.project-showcase .cookie-categories .cookie-category{display:flex;flex-direction:column}.project-showcase .cookie-categories .cookie-category p{margin-bottom:18px}.project-showcase .cookie-categories .cookie-category .switch{position:relative;left:auto;bottom:auto;flex-shrink:0;margin: auto 0 0}

/* QookieQloud uses the same editorial rhythm as the Qodli pages. */
.qq-product-intro-bottom{display:flex;align-items:center;justify-content:space-between;gap:50px}.qq-product-intro-bottom .page-intro{max-width:760px;margin:0}.qq-product-intro-bottom .button{flex-shrink:0}.qq-product-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.qq-product-story .text-link{margin-top:35px}.qq-product-art{margin-top:35px;background:#ebf1ec;display:grid;place-items:center}.qq-product-art img{display:block;width:100%;max-width:460px;height:auto}.qq-product-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.qq-product-feature{padding:35px 0;border-top:1px solid var(--line)}.qq-product-feature .service-brand-icon{margin-bottom:32px}.qq-product-feature h3{font-size:1.6rem;line-height:1.2;margin-bottom:22px}.qq-product-feature p{font-size:.95rem;line-height:1.8;color:var(--muted)}.qq-product-demo-band{margin:0;background:#ebf1ec}.qq-product-demo-inner{max-width:920px;margin:0 auto}.qq-product-platforms{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 0;border-block:1px solid var(--line);font-size:1.4rem;font-weight:700;gap:24px;margin-bottom:30px}.qq-product-connect .section-heading{margin-bottom:40px}
@media(max-width:1000px){.qq-product-intro-bottom{align-items:start;flex-direction:column;gap:30px}.qq-product-story{gap:45px}.qq-product-platforms{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.qq-product-story,.qq-product-features{grid-template-columns:1fr;gap:30px}.qq-product-story .l-sticky{position:static}.qq-product-feature{padding:25px 0 0}.qq-product-art img{max-width:350px}.qq-product-platforms{font-size:1.15rem}}

.qq-product-intro h1{margin-bottom:32px}

/* Codename Acke: private client work in the Qodli portfolio. */
.acke-showcase{background:#e8eded}.acke-preview-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:center}.acke-lead{font-size:clamp(1.5rem,2.4vw,2.2rem);line-height:1.25;font-weight:650;letter-spacing:-.04em}.acke-preview-grid .button{margin-top:20px}.acke-window{margin:0;background:#fff;border:1px solid #ccd8d1;border-radius:16px;overflow:hidden;box-shadow:0 18px 40px #20352c12}.acke-window-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#20352c;color:#e5eee8;padding:14px 20px;font-size:.72rem}.acke-window-dots{display:flex;gap:6px;flex-shrink:0}.acke-window-dots i{width:9px;height:9px;background:#ff5f56;border-radius:50%}.acke-window-dots i:nth-child(2){background:#ffbd2e}.acke-window-dots i:nth-child(3){background:#27c93f}.acke-private{opacity:.65;font-size:.65rem}.acke-window img{display:block;width:100%;height:auto}.acke-window a{display:block}.acke-case-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.acke-gallery-band{background:#e8eded}.acke-gallery-item{margin-top:65px}.acke-gallery-item h3{font-size:1.1rem;margin-bottom:20px}.acke-gallery-item+.acke-gallery-item{margin-top:70px}.acke-flow-band{background:#ebf1ec}.acke-flow-svg{width:100%;height:auto;display:block;color:#65746d}.acke-flow-node rect{fill:var(--paper);stroke:#bdcec3;filter:drop-shadow(0 5px 7px #20352c14)}.acke-flow-node.is-core rect{fill:#263d32;stroke:#263d32}.acke-flow-node text{fill:var(--ink);font:600 17px Jakarta,Arial,sans-serif;letter-spacing:-.02em}.acke-flow-node.is-core text{fill:#fff}.acke-flow-description{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:10px 0 45px;padding:0;list-style:none;counter-reset:acke-step}.acke-flow-description li{font-size:.85rem;line-height:1.8;color:var(--muted);border-top:1px solid #c7d7cb;padding-top:20px}.acke-ai-note{border:1px dashed #9db6a6;padding:28px 32px;display:grid;grid-template-columns:1fr 2fr;gap:35px}.acke-ai-note p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.8}
@media(max-width:1000px){.acke-preview-grid,.acke-case-intro{grid-template-columns:1fr;gap:35px}.acke-flow-description{gap:20px}.acke-window-bar{padding:12px 15px}}
@media(max-width:700px){.acke-flow-svg{display:none}.acke-flow-description,.acke-ai-note{grid-template-columns:1fr;gap:20px}.acke-ai-note{padding:25px}.acke-private{display:none}.acke-gallery-item{margin-top:40px}.acke-window-bar{font-size:.65rem}.acke-window{border-radius:10px}}

/* Navigation readability review. */
.human-targets{display:flex!important;justify-content:space-between;margin-left:calc(33.333% - 13px)!important}.human-targets>span{width:38px;flex:0 0 38px}
.human-check{margin:28px 0;padding:24px;background:var(--paper);border:1px solid var(--line)}.human-check-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.human-check h3{font-size:1rem}.human-refresh{border:0;background:none;color:var(--ink);font-size:.8rem;text-decoration:underline;cursor:pointer}.human-instruction{font-size:.85rem;color:var(--muted);margin:18px 0}.human-slider{appearance:none;width:100%;height:42px;padding:0;border:0;border-radius:24px;background:#dde6df;touch-action:pan-y;cursor:grab}.human-slider::-webkit-slider-thumb{appearance:none;width:38px;height:38px;border-radius:50%;border:2px solid #987449;background:#d3a66b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 38'%3E%3Cg fill='%2361442b'%3E%3Ccircle cx='12' cy='11' r='3'/%3E%3Ccircle cx='25' cy='16' r='3'/%3E%3Ccircle cx='16' cy='26' r='3'/%3E%3C/g%3E%3C/svg%3E")}.human-slider::-moz-range-thumb{width:34px;height:34px;border:2px solid #987449;border-radius:50%;background:#d3a66b}.human-targets{display:grid;grid-template-columns:repeat(3,1fr);margin-left:25%;font-size:1.5rem;text-align:center;margin-top:8px}.human-status{font-size:.85rem;margin:16px 0 0;min-height:1.5em}.is-verified .human-check{border-color:var(--green)}.email-check-fix[hidden]{display:none}.email-check-fix{background:none;border:0;padding:0;margin:0 0 22px;cursor:pointer;color:var(--ink)}
.footer-company-extra{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:22px}.footer-company-extra .company-tax{margin:0}.footer-social>div{display:flex;gap:8px}.footer-social a{display:grid;place-items:center;width:40px;height:44px;color:#eff4eb;transition:color .2s}.footer-social a:hover{color:var(--green)}.footer-social svg{width:19px;height:19px;fill:currentColor}@media(max-width:560px){.footer-company-extra{flex-wrap:wrap}.footer-social{margin-left:auto}}
.nav-primary>a,.nav-dropdown>summary{font-size:1rem}.nav-contact{font-size:.9rem}.nav-submenu a{font-size:.92rem}.languages{font-size:.85rem}.logo-motion-play{display:block}
@media(min-width:1001px) and (max-width:1200px){.header-inner{gap:18px;padding-inline:24px}.nav-primary{gap:18px}.nav-primary>a,.nav-dropdown>summary{font-size:.9rem}.nav-actions{gap:14px}.nav-contact{font-size:.82rem;gap:12px}.header nav{gap:16px}}
@media(max-width:1000px){.nav-primary>a,.nav-dropdown>summary{font-size:1.1rem}.nav-submenu a{font-size:1rem}}

/* Keep focused content clear of the sticky navigation. */
main [id],.form-panel input,.form-panel textarea{scroll-margin-top:120px}.page-body{padding-top:55px}.prose a{overflow-wrap:anywhere}
.prose{overflow-wrap:anywhere}
@media(max-width:360px){.project-showcase .qq-preview-header-bar{flex-wrap:wrap;gap:12px}}