:root{--paper:#f8f8f5;--white:#fff;--ink:#141423;--muted:#626579;--line:#e7e8ec;--violet:#6355ec;--blue:#405ff4;--mint:#c4f478;--pink:#f4b9e6;--lav:#e9e6ff;--shadow:0 22px 70px rgba(22,19,62,.085);--radius:24px;--max:1240px;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px;overflow-x:clip}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.12' filter='url(%23n)'/%3E%3C/svg%3E");z-index:99}::selection{background:#c9bfff;color:#18162a}a{color:inherit;text-decoration:none}img,svg{max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #7b71fe;outline-offset:4px}.container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.skip{position:absolute;left:16px;top:-80px;padding:12px 18px;background:white;z-index:150}.skip:focus{top:12px}.eyebrow{font:700 12px/1.3 'Space Grotesk',sans-serif;letter-spacing:.16em;text-transform:uppercase;display:flex;align-items:center;gap:10px;color:#4e4b82}.eyebrow:before{content:'';display:inline-block;width:19px;height:7px;border-radius:8px;background:var(--violet)}.display,.section-head h2,.page-intro h1,.banner h2,.story-lead,.contact-title{font-family:'Space Grotesk',sans-serif;letter-spacing:-.067em}.accent-text{background:linear-gradient(100deg,#4f46ed 0%,#7479f5 55%,#aa55d4 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.highlight-swoosh{position:relative;white-space:nowrap}.highlight-swoosh:after{content:'';position:absolute;bottom:-8px;left:5%;right:5%;height:12px;background:var(--mint);border-radius:40%;transform:rotate(-2deg);z-index:-1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:54px;padding:14px 22px;border-radius:13px;font-weight:700;font-size:14px;transition:transform .25s var(--ease),background .25s,box-shadow .25s,border-color .25s;white-space:nowrap}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--ink);color:white;box-shadow:0 8px 18px rgba(13,12,38,.13)}.btn-primary:hover{background:var(--violet);box-shadow:0 14px 34px rgba(91,77,238,.25)}.btn-ghost{border:1px solid #d7d8df;background:rgba(255,255,255,.75)}.btn-ghost:hover{border-color:#968bfd;background:var(--white)}.btn-purple{background:var(--violet);color:white}.btn-purple:hover{background:#4438cc}.arrow-circle{width:25px;height:25px;display:inline-grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.16);font-size:16px;transition:transform .2s}.btn:hover .arrow-circle{transform:rotate(40deg)}.dot-live{display:inline-block;vertical-align:middle;width:7px;height:7px;border-radius:50%;background:#35c78a;box-shadow:0 0 0 4px rgba(53,199,138,.12)}.status{text-transform:uppercase;letter-spacing:.07em;font:700 10px/1.3 'Space Grotesk',sans-serif;border-radius:100px;padding:9px 11px;background:#e5f8e9;color:#24794e;display:inline-flex;align-items:center;gap:9px}.status.private{background:#f0ecff;color:#5a4d9d}.status.ongoing{background:#fff0d8;color:#8c5b0d}.muted{color:var(--muted)}.fade-line{height:1px;background:var(--line)}
/* Navigation */
.nav-wrap{position:sticky;top:0;z-index:60;padding-top:10px;transition:padding .25s}.nav-wrap.scrolled{padding-top:0}.nav{min-height:78px;border:1px solid rgba(229,229,236,.92);border-radius:20px;padding:0 20px 0 25px;display:flex;align-items:center;gap:30px;justify-content:space-between;background:rgba(255,255,255,.87);backdrop-filter:blur(22px);box-shadow:0 5px 25px rgba(17,17,35,.035);transition:border-radius .25s}.nav-wrap.scrolled .nav{border-radius:0 0 18px 18px;box-shadow:0 8px 26px rgba(17,17,35,.065)}.brand{font:700 25px/1 'Space Grotesk',sans-serif;letter-spacing:-.075em;display:flex;align-items:center;gap:9px;white-space:nowrap}.brand-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:white;background:var(--ink);font:700 13px/1 monospace;letter-spacing:-.09em;border-radius:10px;transform:rotate(-6deg);transition:transform .3s}.brand:hover .brand-icon{transform:rotate(4deg)}.brand .brand-accent{color:var(--violet)}.nav-links{display:flex;align-items:center;gap:5px}.nav-links a{padding:12px 16px;border-radius:11px;font-size:13px;color:#555768;font-weight:700;transition:background .2s,color .2s}.nav-links a:hover,.nav-links a.active{background:#f0efff;color:var(--violet)}.nav-end{display:flex;align-items:center;gap:12px}.nav .btn{min-height:45px;padding:10px 16px;font-size:13px}.nav-toggle{display:none;border:1px solid var(--line);background:white;width:46px;height:44px;border-radius:12px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.nav-toggle span{height:2px;width:19px;background:var(--ink);transition:transform .3s,opacity .3s}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--violet),#af70f5,var(--mint));z-index:90;transition:width .1s linear}
/* Hero */
.hero{position:relative;padding:94px 0 87px;overflow:hidden}.hero:before{content:'';position:absolute;width:690px;height:690px;border-radius:50%;filter:blur(86px);background:radial-gradient(circle,rgba(189,178,255,.44),rgba(244,201,230,.17),transparent 65%);right:-160px;top:-160px;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.01fr .99fr;align-items:center;gap:36px}.hero-copy{position:relative;z-index:4}.hero-badge{display:inline-flex;align-items:center;gap:10px;border:1px solid #dedcf1;border-radius:999px;background:#fff;padding:9px 14px 9px 10px;font:700 11px/1.2 'Space Grotesk',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#55516b;margin-bottom:24px}.hero-badge span{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#eae7ff;color:var(--violet);font-size:12px}.display{font-size:clamp(61px,6.55vw,102px);font-weight:700;line-height:.995;margin:0;max-width:775px}.display em{font-weight:700;font-style:normal}.hero-description{font-size:17px;line-height:1.85;max-width:525px;color:#606075;margin:25px 0 30px}.hero-description strong{color:var(--ink)}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.hero-notes{margin-top:36px;display:flex;align-items:center;gap:24px;color:#6c6b7e;font-size:12px;font-weight:700;flex-wrap:wrap}.hero-notes span{display:inline-flex;align-items:center;gap:9px}.hero-notes .note-icon{width:24px;height:24px;display:inline-grid;place-items:center;background:#e9f6dc;border-radius:50%;color:#477c23}
/* Hero art */
.hero-art{height:558px;position:relative;perspective:1000px;display:flex;align-items:center;justify-content:center}.hero-art:before{content:'';position:absolute;inset:48px 3px 38px 25px;border-radius:41% 59% 65% 35% / 53% 43% 57% 47%;background:linear-gradient(135deg,#e6e2ff,#eecaf2 52%,#d6e4ff);animation:morph 14s ease-in-out infinite alternate}.hero-art:after{content:'';width:130px;height:130px;border-radius:50%;position:absolute;background:#bded73;left:-15px;bottom:37px;filter:blur(3px);opacity:.88;animation:bob 7s ease-in-out infinite}.hero-window{width:min(100%,535px);height:389px;position:relative;z-index:2;transform:rotate(-5deg) translateY(-4px);border:1px solid #d0c8fb;box-shadow:0 32px 75px rgba(68,56,132,.20),0 4px 14px rgba(68,56,132,.07);background:white;border-radius:21px;overflow:hidden;transition:transform .4s var(--ease)}.hero-window:hover{transform:rotate(-1deg) translateY(-7px)}.browser-top{height:43px;background:#f7f7fc;border-bottom:1px solid #e9eaf2;display:flex;align-items:center;gap:7px;padding:0 17px}.browser-top i{width:8px;height:8px;border-radius:50%;background:#f9abb7}.browser-top i:nth-child(2){background:#f9d68c}.browser-top i:nth-child(3){background:#a6db9e}.browser-address{margin:auto;border:1px solid #e7e8ee;border-radius:7px;height:22px;min-width:160px;text-align:center;font:500 10px/20px 'Space Grotesk',sans-serif;color:#9191a1;background:white}.showcase-ui{background:#1a1735;color:white;height:calc(100% - 43px);position:relative;overflow:hidden;padding:30px 33px}.showcase-ui:before{content:'';position:absolute;right:-150px;top:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#a487ff 0%,#574ad3 40%,transparent 70%);opacity:.76}.showcase-ui .inner-head{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.mini-brand{font:700 14px 'Space Grotesk',sans-serif}.mini-links{display:flex;gap:16px;color:#c4c1dd;font:500 9px 'Space Grotesk',sans-serif}.showcase-ui h3{font:700 clamp(31px,3.4vw,49px)/1.02 'Space Grotesk',sans-serif;letter-spacing:-.065em;max-width:285px;margin:40px 0 11px;position:relative;z-index:2}.showcase-ui h3 em{color:#bef77b;font-style:normal}.showcase-ui p{color:#b8b5d2;font-size:11px;line-height:1.7;max-width:225px;position:relative;z-index:2}.showcase-pills{display:flex;gap:7px;margin-top:17px;position:relative;z-index:2}.showcase-pills span{padding:8px 10px;border-radius:7px;background:rgba(255,255,255,.12);font-size:9px}.showcase-sphere{position:absolute;width:210px;height:210px;border-radius:38%;right:-1px;bottom:-70px;transform:rotate(24deg);background:repeating-linear-gradient(45deg,transparent 0 8px,rgba(255,255,255,.07) 8px 9px),linear-gradient(140deg,#c4f87b,#5b99f8 55%,#a77bfa);box-shadow:inset 20px 25px 50px rgba(255,255,255,.4);animation:spin-slow 18s linear infinite}.floating-badge{position:absolute;z-index:4;display:flex;align-items:center;gap:11px;padding:14px 16px;border:1px solid rgba(229,228,241,.8);border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 14px 42px rgba(46,37,115,.16);animation:bob 5s ease-in-out infinite}.floating-badge .badge-ico{width:36px;height:36px;background:#eeeaff;border-radius:10px;display:grid;place-items:center;color:var(--violet);font-weight:700}.floating-badge strong{display:block;font:700 12px 'Space Grotesk',sans-serif}.floating-badge small{font-size:10px;color:#78798f}.float-one{top:56px;left:-17px}.float-two{right:-10px;bottom:36px;animation-delay:-2.5s}.float-two .badge-ico{background:#ddfac8;color:#38652d}.code-fragment{position:absolute;z-index:3;top:34px;right:1px;border-radius:12px;background:#242044;color:#b4ffb3;padding:15px 20px;box-shadow:0 19px 45px rgba(42,34,84,.2);font:500 11px/1.8 monospace;transform:rotate(7deg);animation:bob 7s ease-in-out infinite;animation-delay:-1s}.code-fragment .code-purple{color:#c4b3ff}.code-fragment .code-white{color:#fff}
/* Chapter strip */
.marquee{overflow:hidden;background:var(--ink);color:#fff;transform:rotate(-1deg);width:100%;margin-left:0}.marquee-track{display:flex;align-items:center;width:max-content;animation:marquee 32s linear infinite;padding:18px 0;gap:39px}.marquee-item{display:inline-flex;align-items:center;gap:39px;font:600 14px 'Space Grotesk',sans-serif;white-space:nowrap;letter-spacing:.04em}.marquee-item b{color:var(--mint);font-size:20px}
/* Sections */
.section{padding:112px 0}.section-soft{background:#f0effb}.section-head{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:42px}.section-head h2{font-size:clamp(39px,5vw,65px);line-height:1.06;max-width:740px;margin:14px 0 0;font-weight:700}.section-head .head-description{color:#6d6c7c;font-size:15px;line-height:1.75;max-width:295px;margin:0 0 7px}.section-more{font-size:13px;font-weight:700;color:var(--violet);display:inline-flex;align-items:center;gap:10px;margin-top:16px}.section-more:hover{gap:16px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.project-card{background:white;border:1px solid #e6e7ef;border-radius:25px;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease);position:relative}.project-card:hover{transform:translateY(-9px);box-shadow:var(--shadow)}.project-visual{height:312px;position:relative;display:flex;justify-content:center;align-items:end;overflow:hidden;padding:35px 35px 0}.project-visual:before{content:'';position:absolute;left:-70px;top:-110px;width:300px;height:300px;border:1px solid rgba(255,255,255,.35);border-radius:50%;box-shadow:0 0 0 45px rgba(255,255,255,.04),0 0 0 90px rgba(255,255,255,.04)}.project-visual img{width:100%;max-width:500px;height:auto;filter:drop-shadow(0 23px 27px rgba(0,0,0,.17));transform:translateY(12px) rotate(-1.7deg);transition:transform .5s var(--ease);position:relative;z-index:2;border-radius:8px 8px 0 0}.project-card:hover .project-visual img{transform:translateY(-3px) rotate(0)}.visual-alliance{background:linear-gradient(125deg,#afa5fa,#d8c6fe)}.visual-chem{background:linear-gradient(120deg,#ffd6a8,#f4e5cc)}.visual-epilo{background:linear-gradient(120deg,#eac1df,#d3cefe)}.visual-zgame{background:linear-gradient(125deg,#97b9fc,#b0d8f8)}.visual-ink{background:linear-gradient(130deg,#a2e7da,#c0c6fc)}.project-toplabel{position:absolute;z-index:4;top:17px;left:19px;background:rgba(255,255,255,.91);border:1px solid rgba(255,255,255,.75);padding:8px 10px;border-radius:9px;font:700 10px 'Space Grotesk',sans-serif;color:#414154}.project-body{padding:27px 28px 29px}.project-kicker{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#74738a;font-size:11px;font-weight:700}.project-title{font:700 30px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.052em;margin:13px 0 11px}.project-body>p{font-size:14px;line-height:1.75;color:#68687a;margin:0;min-height:50px}.project-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.project-bottom .project-tech{color:#858497;font-size:11px}.project-link{display:inline-flex;align-items:center;gap:9px;font:700 13px 'Space Grotesk',sans-serif;color:#4c3ee3;transition:gap .2s}.project-link:hover{gap:15px}.project-featured{grid-column:span 2;display:grid;grid-template-columns:1.1fr .9fr;min-height:368px}.project-featured .project-visual{height:auto;min-height:368px;order:2;align-items:end}.project-featured .project-body{padding:48px 46px 34px;display:flex;flex-direction:column;justify-content:center}.project-featured .project-title{font-size:44px}.project-featured .project-body>p{max-width:425px;font-size:15px}.project-featured .project-bottom{margin-top:36px}.project-featured .project-visual img{max-width:490px;width:107%;transform:translate(18px,4px) rotate(-4deg)}.project-featured:hover .project-visual img{transform:translate(5px,-5px) rotate(-2deg)}.project-empty{display:none;grid-column:1/-1;padding:35px;border:1px dashed #ccc;background:#fff;border-radius:15px}
/* firms */
.collab{padding:85px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:white}.collab-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.collab h2{font:700 32px/1.15 'Space Grotesk',sans-serif;letter-spacing:-.05em;margin:10px 0 0}.collab-intro p{color:var(--muted);max-width:395px;font-size:13px;line-height:1.7}.firm-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.firm{position:relative;border:1px solid #e8e7f0;border-radius:20px;background:#fcfcfe;display:flex;gap:18px;align-items:center;padding:26px 27px;transition:transform .25s,border-color .25s}.firm:hover{transform:translateY(-4px);border-color:#c7c0f6}.firm-mark{width:65px;height:65px;border-radius:18px;background:#202337;color:white;flex-shrink:0;display:grid;place-items:center;font:700 22px 'Space Grotesk',sans-serif;letter-spacing:-.08em}.firm:nth-child(2) .firm-mark{background:#ece4d3;color:#6b4a28}.firm-copy h3{margin:4px 0 4px;font:700 21px 'Space Grotesk',sans-serif;letter-spacing:-.04em}.firm-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.firm-copy .firm-tag{color:#6555d6;font:700 10px 'Space Grotesk',sans-serif;text-transform:uppercase;letter-spacing:.1em}.firm-arrow{margin-left:auto;align-self:flex-start;display:grid;place-items:center;width:32px;height:32px;border:1px solid #e1dff0;border-radius:50%;color:var(--violet)}.company-disclaimer{font-size:11px;line-height:1.6;color:#9290a0;margin-top:18px}
/* Services */
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.service{background:white;border:1px solid var(--line);border-radius:22px;padding:29px 26px 25px;min-height:270px;position:relative;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s}.service:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.service .service-index{position:absolute;right:22px;top:20px;font:500 12px 'Space Grotesk',sans-serif;color:#c5c4d5}.service-icon{width:61px;height:61px;border-radius:18px;display:grid;place-items:center;background:#e9e7ff;color:#6456e6;margin-bottom:35px}.service:nth-child(2) .service-icon{background:#daf5eb;color:#2a956f}.service:nth-child(3) .service-icon{background:#fce5e9;color:#d45579}.service:nth-child(4) .service-icon{background:#fff1d2;color:#c98c23}.service-icon svg{width:27px;height:27px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.service h3{font:700 20px/1.22 'Space Grotesk',sans-serif;letter-spacing:-.045em;margin:0 0 11px}.service p{font-size:12px;line-height:1.75;color:#747388;margin:0}.service .service-bottom{margin-top:18px;color:#6254e3;font-size:12px;font-weight:700}
/* About mini */
.about-band{padding:106px 0;position:relative;overflow:hidden}.about-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.about-portrait{height:425px;background:#e7e5ff;border-radius:31px;position:relative;overflow:hidden;padding:45px;display:flex;align-items:center;justify-content:center}.about-portrait:before{content:'';position:absolute;width:420px;height:420px;border-radius:50%;background:#d6cdff;left:-80px;bottom:-220px}.about-portrait:after{content:'';position:absolute;width:210px;height:210px;border:40px solid rgba(255,255,255,.44);border-radius:50%;top:-92px;right:-90px}.about-code{position:relative;z-index:2;display:block;width:100%;border-radius:19px;background:#1a173a;color:#fff;padding:27px;box-shadow:0 30px 70px rgba(19,17,57,.25);font:500 13px/2 'Space Grotesk',monospace;transform:rotate(-3deg)}.about-code small{display:block;color:#9996c5;border-bottom:1px solid #3f3b62;padding-bottom:12px;margin-bottom:16px}.about-code .purple{color:#bcaaff}.about-code .green{color:#cbf38d}.about-code .yellow{color:#ffd69e}.about-signature{position:absolute;z-index:3;right:25px;bottom:30px;background:white;border-radius:12px;padding:15px 20px;box-shadow:0 13px 34px rgba(56,46,131,.14);font:700 15px 'Space Grotesk',sans-serif;transform:rotate(6deg)}.about-copy h2{font:700 clamp(38px,4.6vw,62px)/1.09 'Space Grotesk',sans-serif;letter-spacing:-.066em;margin:16px 0 22px}.about-copy p{font-size:15px;line-height:1.85;color:#656476}.skill-tags{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0 28px}.skill-tags span{background:#fff;border:1px solid #e0dfeb;border-radius:9px;padding:10px 12px;font:700 11px 'Space Grotesk',sans-serif;color:#4b4a68}
/* CTA */
.banner{border-radius:32px;padding:68px 70px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden;background:#1c1939;color:white}.banner:before{content:'';position:absolute;width:360px;height:360px;right:8%;top:-250px;border-radius:50%;background:#8872fb;filter:blur(24px);opacity:.75}.banner:after{content:'';position:absolute;width:270px;height:270px;border:70px solid #8176d9;border-radius:50%;right:-125px;bottom:-190px;opacity:.2}.banner h2{position:relative;z-index:1;font-size:clamp(35px,4vw,56px);line-height:1.1;margin:13px 0 0;max-width:690px}.banner .eyebrow{color:#c2baf6}.banner .eyebrow:before{background:var(--mint)}.banner .btn{position:relative;z-index:2;background:var(--mint);color:#1c1939}.banner .btn:hover{background:white}
/* Footer */
.footer{padding:80px 0 25px;background:white;border-top:1px solid var(--line);margin-top:100px}.footer-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:65px}.footer-top p{font-size:13px;line-height:1.75;color:#7a788c;max-width:330px;margin-top:19px}.footer-cta{font:700 26px 'Space Grotesk',sans-serif;letter-spacing:-.05em;margin:0 0 18px}.footer-links{display:flex;gap:19px;flex-wrap:wrap;align-items:center}.footer-links a{color:#626074;font-weight:700;font-size:12px}.footer-links a:hover{color:var(--violet)}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#8b8b9a}.footer-bottom a{color:#5346ca;font-weight:700}
/* inner pages */
.page-intro{padding:106px 0 78px;position:relative;overflow:hidden}.page-intro:before{content:'';position:absolute;inset:-160px -180px auto auto;background:radial-gradient(circle,#e6e1ff,transparent 66%);width:620px;height:570px;z-index:-1}.page-intro h1{font-size:clamp(56px,7vw,102px);line-height:1.03;max-width:950px;margin:20px 0 22px}.page-intro .intro-copy{font-size:17px;color:#676678;line-height:1.8;max-width:690px}.work-intro{padding-bottom:58px}.filter-row{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:30px}.filter-btn{background:white;border:1px solid #ddddeb;padding:13px 18px;border-radius:99px;font-size:12px;font-weight:700;color:#686778;transition:all .2s}.filter-btn:hover{border-color:var(--violet)}.filter-btn.active{background:var(--ink);color:white;border-color:var(--ink)}.work-section{padding:0 0 105px}.work-section .project-card[hidden]{display:none!important}.info-bar{display:flex;align-items:center;gap:14px;background:#f0eefc;border:1px solid #e1def8;border-radius:15px;padding:18px 21px;margin:42px 0 0;font-size:13px;color:#686187;line-height:1.6}.info-bar svg{flex-shrink:0;color:#675bd2}.private-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.private-card{background:white;border-radius:24px;border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column}.private-card .private-image{height:225px;background:linear-gradient(120deg,#dddafc,#f4edff);display:grid;place-items:center;padding:25px}.private-card:nth-child(2) .private-image{background:linear-gradient(120deg,#dbf3e9,#e6e9ff)}.private-card .private-image img{width:90%;max-width:450px;filter:drop-shadow(0 15px 20px rgba(56,47,90,.12))}.private-card .private-body{padding:26px 28px 31px}.private-card h3{font:700 27px 'Space Grotesk',sans-serif;letter-spacing:-.05em;margin:15px 0 8px}.private-card p{font-size:13px;line-height:1.8;color:#747385}.private-card ul{padding-left:18px;margin:14px 0 0;color:#656579;font-size:12px;line-height:2}
/* Services page */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{border-top:2px solid #cbc6f6;padding:25px 12px 18px 0}.step-num{font:700 12px 'Space Grotesk',sans-serif;color:var(--violet)}.step h3{font:700 24px 'Space Grotesk',sans-serif;letter-spacing:-.05em;margin:15px 0 10px}.step p{color:#6f6d80;font-size:14px;line-height:1.75}.faq{display:grid;grid-template-columns:.6fr 1fr;gap:70px}.faq h2{font:700 47px 'Space Grotesk',sans-serif;letter-spacing:-.06em;line-height:1.12;margin:12px 0}.faq details{border-bottom:1px solid #dfdfeb;padding:22px 0}.faq summary{list-style:none;display:flex;justify-content:space-between;gap:14px;font-weight:700;font-size:15px;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:23px;color:var(--violet);line-height:20px}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;line-height:1.9;color:#6d6c81;padding-right:25px}
/* About page */
.about-large{padding:0 0 100px}.story-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px}.story-card{padding:36px;border-radius:26px;background:#1b1936;color:white;position:relative;overflow:hidden;min-height:485px}.story-card:after{content:'</>';position:absolute;right:-60px;bottom:-90px;font:700 220px 'Space Grotesk',sans-serif;opacity:.08;letter-spacing:-.13em}.story-card span{font:700 12px 'Space Grotesk',sans-serif;color:#c4befb}.story-card h2{font:700 46px/1.06 'Space Grotesk',sans-serif;letter-spacing:-.06em;margin:34px 0}.story-card p{color:#c7c4d9;font-size:14px;line-height:1.9}.story-card .founder-block{position:absolute;bottom:35px;left:36px;display:flex;align-items:center;gap:14px}.founder-avatar{width:52px;height:52px;border-radius:16px;background:var(--mint);display:grid;place-items:center;font:700 20px 'Space Grotesk',sans-serif;color:#223c14}.founder-block strong{display:block;font:700 15px 'Space Grotesk',sans-serif}.founder-block small{color:#bbb7d6;font-size:11px}.story-text{padding-top:15px}.story-lead{font-size:clamp(27px,3.3vw,43px);line-height:1.2;margin:0 0 27px}.story-text p{line-height:2;color:#6b697e;font-size:15px}.story-text h3{font:700 21px 'Space Grotesk',sans-serif;margin:29px 0 15px}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.value{padding:31px;background:white;border-radius:20px;border:1px solid var(--line)}.value b{font:700 13px 'Space Grotesk',sans-serif;color:var(--violet)}.value h3{font:700 21px 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:15px 0 10px}.value p{color:#6d6a80;font-size:13px;line-height:1.8}
/* contact */
.contact-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:38px;align-items:start;padding-bottom:60px}.contact-panel{background:#1b1936;color:white;border-radius:27px;padding:40px;position:relative;overflow:hidden;min-height:500px}.contact-panel:after{content:'';position:absolute;bottom:-160px;right:-130px;width:380px;height:380px;border:65px solid rgba(139,120,255,.2);border-radius:50%}.contact-panel h2{font:700 46px/1.1 'Space Grotesk',sans-serif;letter-spacing:-.055em;margin:27px 0 17px}.contact-panel p{color:#c6c2df;font-size:14px;line-height:1.85}.contact-fact{display:flex;align-items:center;gap:12px;margin-top:36px;padding-top:23px;border-top:1px solid rgba(255,255,255,.17);font-size:13px;font-weight:700}.contact-fact i{font-style:normal;background:rgba(255,255,255,.15);padding:12px;border-radius:11px}.contact-links{margin-top:30px;position:relative;z-index:3;display:flex;gap:11px;flex-wrap:wrap}.contact-links a{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.15);padding:13px 16px;border-radius:10px;font-size:12px;font-weight:700}.contact-links a:hover{background:rgba(255,255,255,.25)}.contact-form{background:white;border:1px solid var(--line);border-radius:27px;padding:39px;box-shadow:0 22px 65px rgba(23,18,66,.045)}.contact-form h2{font:700 29px 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:0 0 10px}.contact-form>p{color:#777587;font-size:13px;line-height:1.8;margin:0 0 27px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.field.full{grid-column:1/-1}.field label{font:700 12px 'Space Grotesk',sans-serif;color:#343247}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe0e9;background:#fafaff;border-radius:11px;padding:15px 14px;color:#252438;outline:none;transition:border-color .2s,box-shadow .2s;font-size:13px}.field textarea{min-height:132px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8d7df7;box-shadow:0 0 0 4px rgba(128,112,255,.1)}.field input::placeholder,.field textarea::placeholder{color:#a2a0af}.form-status{font-size:12px;line-height:1.7;color:#55516e;min-height:20px;margin-top:15px}.contact-form small{display:block;color:#928fa1;line-height:1.8;font-size:11px;margin-top:18px}.contact-form .btn{width:100%;border:none}
/* privacy */
.legal{max-width:840px;margin:0 auto 120px;font-size:15px;line-height:1.9;color:#67667a}.legal h2{color:#181727;font:700 26px 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin-top:35px}
/* animation */
/* v6 progressive enhancement: ALWAYS show content even when JS observers do not run.
   Scroll reveals are gentle effects, never a prerequisite for seeing projects. */
.reveal{opacity:1;visibility:visible}
.reveal.visible{animation:cf-reveal-safe .42s ease-out both}
.reveal-delay-1{animation-delay:.07s}
.reveal-delay-2{animation-delay:.12s}
.reveal-delay-3{animation-delay:.17s}
@keyframes cf-reveal-safe{from{opacity:.84}to{opacity:1}}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes morph{0%{border-radius:41% 59% 65% 35%/53% 43% 57% 47%;transform:rotate(0)}100%{border-radius:65% 35% 43% 57%/42% 59% 41% 58%;transform:rotate(23deg)}}@keyframes spin-slow{to{transform:rotate(384deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:1100px){.hero-grid{gap:15px}.display{font-size:clamp(58px,6.2vw,82px)}.hero-art{height:510px}.project-featured .project-visual{min-height:340px}.service-grid{grid-template-columns:1fr 1fr}.service{min-height:245px}.about-layout{gap:40px}}@media(max-width:860px){.container{width:min(var(--max),calc(100% - 40px))}.nav-wrap{padding-top:8px}.nav{height:68px;min-height:68px;padding:0 13px 0 18px}.nav-toggle{display:flex}.nav .nav-end .btn{display:none}.nav-links{display:none;position:absolute;left:20px;right:20px;top:83px;background:rgba(255,255,255,.98);backdrop-filter:blur(15px);border:1px solid #e7e5ef;border-radius:18px;box-shadow:var(--shadow);padding:12px;flex-direction:column;align-items:stretch;z-index:70}.nav-links.open{display:flex}.nav-links a{padding:14px}.hero{padding:76px 0 65px}.hero-grid{grid-template-columns:1fr}.hero-description{max-width:680px}.hero-art{margin:30px auto 0;height:520px;width:min(600px,100%)}.hero-window{width:92%;max-width:510px}.float-one{left:-4px}.float-two{right:0}.section{padding:80px 0}.section-head{align-items:start;flex-direction:column;gap:14px}.section-head .head-description{max-width:500px}.project-visual{height:265px;padding:26px 23px 0}.project-featured{min-height:310px}.project-featured .project-visual{min-height:310px}.project-featured .project-body{padding:33px}.project-featured .project-title{font-size:34px}.about-layout{grid-template-columns:1fr}.about-portrait{max-width:540px}.banner{padding:50px;gap:20px}.story-layout,.contact-wrap,.faq{grid-template-columns:1fr;gap:35px}.story-card{min-height:405px}.story-card h2{font-size:42px}.about-large{padding-top:0}.faq{gap:8px}.footer{margin-top:70px}}@media(max-width:600px){.container{width:calc(100% - 30px)}.brand{font-size:23px}.hero{padding:65px 0 45px}.hero-badge{font-size:9px}.display{font-size:clamp(51px,13.4vw,76px);letter-spacing:-.073em}.hero-description{font-size:15px;line-height:1.8}.hero-actions{display:grid;grid-template-columns:1fr;gap:10px}.hero-actions .btn{width:100%;justify-content:space-between}.hero-notes{gap:15px 22px;margin-top:25px}.hero-art{height:365px;margin-top:37px}.hero-art:before{inset:15px 0 5px}.hero-art:after{width:80px;height:80px;bottom:0}.hero-window{width:94%;height:272px;border-radius:14px}.browser-top{height:34px;padding:0 12px}.showcase-ui{height:calc(100% - 34px);padding:20px 23px}.mini-links{gap:6px}.showcase-ui h3{font-size:32px;margin:25px 0 6px}.showcase-ui p{font-size:9px;max-width:220px}.showcase-pills span{padding:6px;font-size:8px}.showcase-sphere{width:150px;height:150px;right:-45px;bottom:-48px}.floating-badge{padding:9px;border-radius:10px;gap:7px}.floating-badge .badge-ico{width:27px;height:27px;font-size:12px}.floating-badge strong{font-size:10px}.floating-badge small{font-size:8px}.float-one{top:6px;left:0}.float-two{bottom:4px;right:0}.code-fragment{padding:9px 10px;font-size:8px;right:0;top:0}.section{padding:69px 0}.section-head h2{font-size:clamp(38px,10vw,55px)}.section-head{margin-bottom:28px}.project-grid{grid-template-columns:1fr;gap:18px}.project-featured{grid-column:span 1;display:flex;flex-direction:column}.project-featured .project-visual{order:0;min-height:0;height:250px}.project-featured .project-body{padding:25px}.project-featured .project-visual img{max-width:450px;width:100%;transform:translateY(5px) rotate(-2deg)}.project-visual{height:245px}.project-title,.project-featured .project-title{font-size:28px}.project-body{padding:24px}.project-body>p{min-height:0}.project-featured .project-body>p{font-size:14px}.project-bottom,.project-featured .project-bottom{margin-top:20px}.project-bottom .project-tech{font-size:10px}.collab{padding:57px 0}.collab-intro{flex-direction:column;align-items:start;gap:4px}.firm-grid{grid-template-columns:1fr;gap:13px}.firm{padding:19px}.firm-mark{height:56px;width:56px}.service-grid{grid-template-columns:1fr;gap:13px}.service{min-height:0;padding:25px}.service-icon{margin-bottom:24px}.about-band{padding:70px 0}.about-portrait{height:330px;padding:24px}.about-code{padding:19px;font-size:11px}.about-signature{font-size:12px}.about-copy h2{font-size:42px}.banner{padding:36px 25px;flex-direction:column;align-items:start;border-radius:23px}.banner h2{font-size:39px}.banner .btn{width:100%;justify-content:space-between}.footer{padding-top:50px;margin-top:65px}.footer-top{flex-direction:column;padding-bottom:45px}.footer-bottom{flex-direction:column;gap:12px}.page-intro{padding:75px 0 45px}.page-intro h1{font-size:clamp(52px,12.6vw,77px)}.page-intro .intro-copy{font-size:15px}.filter-btn{padding:11px 14px;font-size:11px}.private-grid{grid-template-columns:1fr}.private-card .private-image{height:205px}.steps{grid-template-columns:1fr;gap:5px}.steps .step{padding-bottom:11px}.faq h2{font-size:40px}.story-layout{gap:28px}.story-card{min-height:420px;padding:28px}.story-card .founder-block{left:28px}.story-lead{font-size:29px}.values-grid{grid-template-columns:1fr}.contact-panel{min-height:440px;padding:28px}.contact-panel h2{font-size:37px}.contact-form{padding:25px}.form-grid{grid-template-columns:1fr;gap:0}.field.full{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.marquee-track{animation:none}.hero-window:hover,.project-card:hover{transform:none}}


/* SEO v4 – retains CodeFrom v3 visual language */
.hero-seo-line{font-weight:700;color:#4e45b6;font-size:14px;letter-spacing:.01em;margin:18px 0 -13px;line-height:1.65}
.hero-seo-line:before{content:'✳';margin-right:9px;color:var(--violet)}
.search-intent{padding:84px 0 95px;background:linear-gradient(130deg,#f2efff 0%,#f7f8ff 42%,#ecfbf1 100%);border-top:1px solid #eceaf4}
.search-intent-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}
.search-intent h2{font:700 clamp(34px,4.3vw,61px)/1.07 'Space Grotesk',sans-serif;letter-spacing:-.06em;margin:17px 0 24px;max-width:720px}
.search-intent p,.seo-copy p{color:#616376;line-height:1.85;font-size:16px}
.search-intent ul,.seo-checklist{padding:0;margin:22px 0;list-style:none;display:grid;gap:13px}
.search-intent li,.seo-checklist li{position:relative;padding-left:29px;line-height:1.6;color:#414357}
.search-intent li:before,.seo-checklist li:before{content:'✓';color:#5647df;background:#e8e5ff;border-radius:50%;font-weight:900;font-size:12px;width:20px;height:20px;display:grid;place-items:center;position:absolute;left:0;top:2px}
.search-card{background:#fff;border:1px solid #e2e2ed;padding:32px;border-radius:28px;box-shadow:0 24px 70px #463b9412;transform:rotate(1deg);transition:transform .3s}
.search-card:hover{transform:rotate(0deg) translateY(-4px)}
.search-card .eyebrow{margin-bottom:10px}.search-card h3{font:700 27px/1.16 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:14px 0 18px}
.search-card a{display:flex;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid #ececf5;font-size:14px;font-weight:700;color:#39334b}
.search-card a:last-child{border-bottom:0}.search-card a:hover{color:var(--violet)}
.seo-guide{padding:78px 0 90px}.seo-guide .seo-tag{display:inline-flex;background:#ebe7ff;color:#574ad8;font-size:12px;font-weight:800;letter-spacing:.08em;border-radius:30px;padding:9px 14px;text-transform:uppercase}
.seo-guide h1{font:700 clamp(40px,5vw,74px)/1.05 'Space Grotesk',sans-serif;letter-spacing:-.067em;max-width:870px;margin:23px 0 24px}
.seo-guide .seo-lead{max-width:840px;font-size:19px;line-height:1.75;color:#5f6075}
.seo-guide-actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0 0}
.seo-colorbar{height:13px;border-radius:20px;background:linear-gradient(100deg,#5c50eb 10%,#f5a9d6 53%,#a7ee73 90%);width:190px;margin-top:24px}
.seo-content{padding:80px 0 90px;background:#fff}
.seo-two-col{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:70px;align-items:start}
.seo-copy h2,.seo-section-heading{font:700 clamp(29px,3.3vw,46px)/1.14 'Space Grotesk',sans-serif;letter-spacing:-.055em;margin:0 0 22px}
.seo-copy h3{font:700 22px/1.3 'Space Grotesk',sans-serif;letter-spacing:-.03em;margin:27px 0 10px}
.seo-copy p{margin:0 0 22px}.seo-copy a:not(.btn){color:#5144d2;text-decoration:underline;text-underline-offset:3px}
.seo-aside{position:sticky;top:120px;border-radius:25px;padding:32px;background:linear-gradient(160deg,#eeebff,#fff 60%,#edffed);border:1px solid #e9e6f5;box-shadow:0 22px 50px #3b2b6110}
.seo-aside h3{font:700 25px/1.17 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:0 0 18px}.seo-aside p{line-height:1.7;color:#55576e;font-size:14px}
.seo-feature-section{padding:78px 0;background:#f3f4fb}
.seo-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
.seo-feature{border:1px solid #e5e5f1;background:white;border-radius:24px;padding:27px;transition:transform .25s,box-shadow .25s}
.seo-feature:hover{transform:translateY(-5px);box-shadow:0 18px 45px #4c499d19}.seo-feature-number{font-weight:900;color:#6656ed;font:700 13px 'Space Grotesk',sans-serif}
.seo-feature h3{font:700 22px 'Space Grotesk',sans-serif;letter-spacing:-.035em;margin:15px 0}.seo-feature p{color:#616175;line-height:1.75;font-size:14px;margin:0}
.seo-faq{padding:80px 0}.seo-faq h2{font:700 clamp(30px,3.5vw,45px)/1.15 'Space Grotesk',sans-serif;letter-spacing:-.05em;margin:0 0 25px}
.seo-faq details{border-bottom:1px solid #e5e5ec;padding:19px 0}.seo-faq summary{cursor:pointer;font-weight:800;font-size:17px}.seo-faq details p{color:#616276;line-height:1.75;max-width:880px}
.seo-breadcrumb{padding:26px 0 0;font-size:12px;color:#67697b;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.seo-breadcrumb a{color:#5144d2;text-decoration:underline;text-underline-offset:3px}
.seo-cta-link{display:inline-flex;align-items:center;gap:9px;font-weight:800;color:#5748d9;margin-top:22px}
@media(max-width:900px){.search-intent-grid,.seo-two-col{grid-template-columns:1fr;gap:30px}.seo-aside{position:static}.seo-feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.search-intent{padding:56px 0}.search-intent h2{font-size:38px}.search-card{padding:25px;transform:none}.seo-guide{padding:48px 0}.seo-guide h1{font-size:43px}.seo-content{padding:46px 0}.seo-feature-grid{grid-template-columns:1fr}.seo-faq{padding:52px 0}}

/* v6 homepage spacing — use deliberate section rhythm instead of large blank areas. */
#selected-work{padding-top:78px;padding-bottom:66px}
#selected-work .section-head{margin-bottom:34px}
@media(max-width:860px){#selected-work{padding-top:58px;padding-bottom:50px}}
@media(max-width:540px){#selected-work{padding-top:45px;padding-bottom:44px}}
@media(prefers-reduced-motion:reduce){.reveal.visible{animation:none!important}}
@media print{.reveal,.reveal.visible{opacity:1!important;visibility:visible!important;animation:none!important}}


/* ------------------------------------------------------------------
   CODEFROM v7: reliable, accessible mobile navigation + mobile polish
   Uses native <details> so the hamburger works even without JavaScript.
   ------------------------------------------------------------------ */
.nav{position:relative;isolation:isolate}
.mobile-menu{display:none}
.mobile-menu-trigger{list-style:none;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}
.mobile-menu-trigger::-webkit-details-marker{display:none}
.mobile-menu-panel{display:none}
@media(max-width:860px){
  .nav-wrap{z-index:120}
  .nav-wrap .nav{overflow:visible;gap:10px}
  .mobile-menu{display:block;flex:0 0 auto}
  .mobile-menu-trigger{display:flex;align-items:center;justify-content:center;gap:9px;height:46px;min-width:80px;padding:0 11px;background:#f4f2ff;color:#4034c5;border:1px solid #e4defe;border-radius:13px;transition:background .2s,border-color .2s}
  .mobile-menu-trigger:hover,.mobile-menu[open] .mobile-menu-trigger{background:#eae5ff;border-color:#a79bff}
  .mobile-menu-trigger:focus-visible{outline:3px solid #8172ff;outline-offset:3px}
  .mobile-menu-label{font:700 12px 'Space Grotesk',sans-serif;letter-spacing:.01em}
  .mobile-menu-hamburger{display:flex;flex-direction:column;justify-content:center;gap:4px;width:18px;height:19px}
  .mobile-menu-hamburger i{display:block;width:18px;height:2px;border-radius:5px;background:currentColor;transform-origin:center;transition:transform .22s,opacity .16s}
  .mobile-menu[open] .mobile-menu-hamburger i:first-child{transform:translateY(6px) rotate(45deg)}
  .mobile-menu[open] .mobile-menu-hamburger i:nth-child(2){opacity:0}
  .mobile-menu[open] .mobile-menu-hamburger i:last-child{transform:translateY(-6px) rotate(-45deg)}
  .mobile-menu[open] .mobile-menu-panel{display:flex}
  .mobile-menu-panel{position:absolute;left:0;right:0;top:calc(100% + 10px);z-index:130;max-height:calc(100vh - 105px);max-height:calc(100dvh - 105px);overflow-y:auto;overscroll-behavior:contain;flex-direction:column;gap:3px;padding:12px;border:1px solid #ddd9f4;border-radius:18px;background:#fff;box-shadow:0 22px 70px rgba(24,21,70,.20);animation:cf-mobile-menu-in .18s ease-out both}
  .mobile-menu-panel>a{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;padding:12px 15px;color:#292844;font:700 14px 'DM Sans',sans-serif;border-radius:11px;transition:background .15s,color .15s}
  .mobile-menu-panel>a span{font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.1em;color:#a5a1b9}
  .mobile-menu-panel>a:hover,.mobile-menu-panel>a:focus-visible,.mobile-menu-panel>a.current{background:#f1efff;color:#4c40cf}
  .mobile-menu-panel>a.mobile-menu-cta{margin-top:7px;padding:14px 17px;background:#171627;color:white;font-size:14px;min-height:52px;border-radius:12px}
  .mobile-menu-panel>a.mobile-menu-cta span{font-size:19px;color:#c5f478}
  .mobile-menu-panel>a.mobile-menu-cta:hover{background:#5647de;color:#fff}
  .nav-links{display:none!important}
  .nav-end{margin-left:auto}
  .hero-grid>* ,.project-grid>*,.service-grid>*,.firm-grid>*,.cf-intent-layout>*,.cf-intent-offer-grid>*{min-width:0}
  .hero,.section,.collab,.about-band{max-width:100%}
  .project-title,.service h3,.section-head h2,.about-copy h2,.page-intro h1{overflow-wrap:break-word}
}
@keyframes cf-mobile-menu-in{from{transform:translateY(-5px);opacity:.92}to{transform:translateY(0);opacity:1}}
@media(max-width:540px){
  .nav-wrap{padding-top:6px}
  .nav{min-height:65px;height:65px;padding-left:12px;padding-right:10px;border-radius:15px}
  .brand{font-size:21px;gap:7px}
  .brand-icon{height:32px;width:32px}
  .mobile-menu-trigger{min-width:76px;height:43px;gap:6px;padding:0 9px}
  .mobile-menu-panel{top:calc(100% + 8px);padding:10px;border-radius:15px}
  .hero{padding-top:52px}
  .section{padding-top:58px;padding-bottom:58px}
  .section-head{margin-bottom:25px}
  .project-grid,.firm-grid,.service-grid{gap:15px}
  .project-body{padding:22px}
  .project-visual{height:225px}
  .project-featured .project-visual{height:230px}
  .project-bottom{flex-wrap:wrap;gap:10px}
  .project-bottom a{display:inline-flex;align-items:center;min-height:39px}
  .cf-intent-benefits{grid-template-columns:1fr 1fr;gap:12px}
  .cf-intent-benefits span{font-size:12px;line-height:1.5}
  .cf-intent-offer-grid{grid-template-columns:1fr;gap:12px}
  .cf-intent-offer{min-height:0;padding:19px;border-radius:18px}
  .cf-intent-offer h4{font-size:21px}
  .cf-intent-offer p{font-size:13px;line-height:1.6}
  .cf-intent-card-bottom{font-size:12px;margin-top:6px}
  .cf-intent-offers-top{gap:8px}
  .cf-intent-offers-symbol{display:none}
  .footer-bottom{overflow-wrap:anywhere}
}
@media(max-width:355px){
  .mobile-menu-label{display:none}
  .mobile-menu-trigger{min-width:46px;width:46px;padding:0}
  .brand{font-size:20px}
  .cf-intent-benefits{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.mobile-menu-panel{animation:none}.mobile-menu-hamburger i{transition:none}}