:root{--ink:#211d1b;--paper:#f4eee6;--plum:#60435b;--rose:#c5b2b2;--blue:#5e7d8b;--acid:#d7e762;--orange:#e8653d;--line:rgba(33,29,27,.22);--display:'Playfair Display',Georgia,serif;--sans:'Manrope',Arial,sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}.noise{position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}.site-header{height:82px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-weight:800;letter-spacing:.12em;font-size:.78rem}.brand img{width:50px;height:34px;object-fit:contain}.desktop-nav{display:flex;gap:30px}.desktop-nav a{color:var(--ink);text-decoration:none;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.desktop-nav a:hover{text-decoration:underline;text-underline-offset:5px}.nav-cta{color:var(--paper);background:var(--ink);padding:12px 16px;text-decoration:none;text-transform:uppercase;font-size:.7rem;letter-spacing:.08em;font-weight:700}.nav-cta span{margin-left:14px}.hero{padding:clamp(52px,7vw,100px) clamp(20px,4vw,64px) clamp(64px,8vw,120px)}.hero-intro{display:grid;grid-template-columns:1.45fr .55fr;align-items:end;gap:40px;margin-bottom:52px}.kicker,.section-tag{font-family:var(--mono);font-size:.68rem;letter-spacing:.09em;text-transform:uppercase}.kicker{grid-column:1/-1;margin:0 0 -14px}.kicker span{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:8px}.hero h1,.section-head h2,.manifesto h2,.process h2,.contact h2{font-family:var(--display);font-size:clamp(3.7rem,8.3vw,9rem);line-height:.82;letter-spacing:-.055em;margin:0;font-weight:700}.hero h1 em,.section-head h2 em,.manifesto h2 em,.process h2 em,.contact h2 em{font-weight:700;color:var(--plum)}.hero-copy{max-width:410px;padding-bottom:5px}.hero-copy p{font-size:clamp(.95rem,1.25vw,1.15rem);line-height:1.65;margin:0 0 20px}.text-link{color:var(--ink);font-weight:800;text-transform:uppercase;letter-spacing:.09em;font-size:.72rem;text-decoration:none;border-bottom:1px solid;padding-bottom:6px}.text-link span{margin-left:14px}.collage-wrap{position:relative}.tap-note{text-align:right;font-family:var(--mono);font-size:.68rem;text-transform:uppercase;margin:0 0 10px}.tap-note span{margin-left:8px}.collage{position:relative;height:min(57vw,720px);min-height:520px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:12px;perspective:1600px}.flip-card{appearance:none;border:0;padding:0;background:transparent;cursor:pointer;perspective:1300px;min-width:0}.flip-inner{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.2,.75,.2,1)}.flip-card.is-flipped .flip-inner{transform:rotateY(180deg)}.face{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;padding:clamp(18px,2vw,32px);display:flex;flex-direction:column;text-align:left;color:var(--paper);border-radius:3px}.front small,.back small{font-family:var(--mono);font-size:.67rem;letter-spacing:.1em}.front b{font-size:clamp(1.25rem,2.6vw,3rem);line-height:.92;letter-spacing:-.055em;margin-top:auto}.front i{font-family:var(--display);font-size:clamp(2rem,4vw,5rem);font-style:normal;position:absolute;right:8%;top:8%}.back{transform:rotateY(180deg);justify-content:flex-end;gap:14px;background:var(--ink)!important}.back strong{font-family:var(--display);font-size:clamp(1.45rem,2.4vw,2.8rem);line-height:1.05}.back span{font-family:var(--mono);font-size:.66rem;text-transform:uppercase;opacity:.7}.tile-one .front{background:var(--plum)}.tile-two .front{background:var(--orange);color:#211d1b}.tile-three .front{background:var(--blue)}.tile-four .front{background:var(--rose);color:#211d1b}.tile-five .front{background:var(--acid);color:#211d1b}.tile-six .front{background:#272622}.tile-one{clip-path:polygon(0 0,96% 4%,100% 92%,5% 100%)}.tile-two{clip-path:polygon(4% 3%,100% 0,95% 100%,0 93%)}.tile-three{clip-path:polygon(0 6%,96% 0,100% 100%,4% 94%)}.tile-four{clip-path:polygon(3% 0,100% 5%,94% 95%,0 100%)}.tile-five{clip-path:polygon(0 5%,95% 0,100% 93%,5% 100%)}.tile-six{clip-path:polygon(5% 0,100% 4%,95% 100%,0 94%)}.flip-card:focus-visible{outline:4px solid var(--ink);outline-offset:5px}.hero-mark{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-2deg);width:42%;height:33%;background:var(--paper);display:grid;place-items:center;pointer-events:none;clip-path:polygon(3% 7%,96% 0,100% 90%,0 100%);box-shadow:0 12px 0 rgba(33,29,27,.12)}.hero-mark img{width:72%;height:72%;object-fit:contain;filter:drop-shadow(0 7px 0 rgba(96,67,91,.14))}.ticker{background:var(--plum);color:var(--paper);padding:14px 0;overflow:hidden;transform:rotate(-1.3deg) scale(1.02);position:relative;z-index:5}.ticker-track{display:flex;width:max-content;animation:ticker 25s linear infinite;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em}.ticker-track span{padding-right:1em}@keyframes ticker{to{transform:translateX(-50%)}}.manifesto,.services,.process,.contact{padding:clamp(90px,11vw,170px) clamp(20px,4vw,64px)}.manifesto{display:grid;grid-template-columns:.3fr 1.45fr .5fr;gap:clamp(32px,5vw,90px);align-items:start}.manifesto h2,.section-head h2,.process h2,.contact h2{font-size:clamp(3rem,6.3vw,7rem);line-height:.92}.manifesto>div>p{font-size:clamp(1rem,1.5vw,1.35rem);line-height:1.65;max-width:700px;margin:34px 0 0 12%}.manifesto aside{background:var(--acid);padding:26px;transform:rotate(3deg);box-shadow:8px 8px 0 var(--ink)}.manifesto aside span{font-family:var(--mono);font-size:.62rem}.manifesto aside strong{display:block;font-family:var(--display);font-size:clamp(2rem,3vw,3.5rem);line-height:.9;margin:30px 0}.manifesto aside p{font-size:.8rem;line-height:1.5}.services{background:var(--ink);color:var(--paper)}.section-head{display:grid;grid-template-columns:1fr .38fr;gap:40px;align-items:end;margin-bottom:70px}.section-head h2 em{color:var(--rose)}.section-head>p{line-height:1.7;color:rgba(244,238,230,.72)}.service-list{border-top:1px solid rgba(244,238,230,.3)}.service-list a{display:grid;grid-template-columns:60px 1fr .8fr 40px;gap:24px;align-items:center;color:var(--paper);text-decoration:none;padding:28px 12px;border-bottom:1px solid rgba(244,238,230,.3);transition:background .25s,color .25s,padding .25s}.service-list a:hover{background:var(--acid);color:var(--ink);padding-left:24px}.service-list span,.service-list p{font-family:var(--mono);font-size:.68rem}.service-list h3{font-family:var(--display);font-size:clamp(1.6rem,3vw,3.2rem);margin:0}.service-list p{margin:0;text-transform:uppercase}.service-list b{font-size:1.5rem}.process{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.process ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.process li{display:grid;grid-template-columns:65px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}.process li>span{font-family:var(--mono);font-size:.7rem}.process h3{font-family:var(--display);font-size:2rem;margin:0 0 6px}.process li p{margin:0;line-height:1.6;max-width:420px}.contact{background:var(--rose);position:relative;overflow:hidden;text-align:center}.contact .section-tag{margin-bottom:28px}.contact h2 em{color:var(--plum)}.contact>p:not(.section-tag){max-width:610px;margin:34px auto;font-size:1.1rem;line-height:1.7}.contact>a{display:inline-flex;gap:30px;align-items:center;color:var(--paper);background:var(--plum);padding:18px 22px;text-decoration:none;font-weight:700;font-size:clamp(.8rem,1.5vw,1.1rem)}.contact-sticker{position:absolute;right:6%;top:18%;background:var(--acid);border-radius:50%;width:130px;height:130px;display:grid;place-items:center;padding:22px;font-family:var(--mono);font-size:.67rem;line-height:1.5;transform:rotate(10deg);box-shadow:5px 7px 0 var(--ink)}.contact-sticker span{font-size:1.3rem}footer{padding:34px clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:20px;font-family:var(--mono);font-size:.65rem;text-transform:uppercase}.footer-brand{font-family:var(--sans)}
@media(max-width:850px){.desktop-nav{display:none}.hero-intro{grid-template-columns:1fr}.hero-copy{max-width:570px}.collage{height:830px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.hero-mark{width:64%;height:21%}.manifesto{grid-template-columns:1fr}.manifesto>div>p{margin-left:0}.manifesto aside{max-width:330px;margin-left:auto}.section-head,.process{grid-template-columns:1fr}.section-head>p{max-width:580px}.contact-sticker{width:100px;height:100px;top:8%;right:-12px}footer{flex-wrap:wrap}}
@media(max-width:520px){.site-header{height:70px}.brand span{display:none}.nav-cta{font-size:.6rem}.hero{padding-top:46px}.hero h1{font-size:clamp(3.2rem,18vw,5rem)}.tap-note{text-align:left}.collage{height:720px;min-height:0;gap:7px}.face{padding:14px}.front b{font-size:1.2rem}.front i{font-size:2rem}.back{gap:8px}.back strong{font-size:1.12rem}.back span{font-size:.52rem}.hero-mark{width:70%;height:18%}.service-list a{grid-template-columns:34px 1fr 24px;gap:10px}.service-list a p{display:none}.manifesto aside{margin:0}.contact>a{font-size:.66rem;gap:12px}.contact-sticker{display:none}footer{align-items:flex-start;flex-direction:column}.footer-brand span{display:inline}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track{animation:none}.flip-inner{transition:none}}

/* The six fronts are one continuous, exact Bizzapt mark. */
.hero-mark{display:none}
.front{background-color:#fff!important;background-image:url('assets/logo.svg')!important;background-repeat:no-repeat!important;background-size:300% 200%!important;color:transparent!important}
.tile-one .front{background-position:0 0!important}.tile-two .front{background-position:50% 0!important}.tile-three .front{background-position:100% 0!important}.tile-four .front{background-position:0 100%!important}.tile-five .front{background-position:50% 100%!important}.tile-six .front{background-position:100% 100%!important}
@media(max-width:850px){.front{background-size:200% 300%!important}.tile-one .front{background-position:0 0!important}.tile-two .front{background-position:100% 0!important}.tile-three .front{background-position:0 50%!important}.tile-four .front{background-position:100% 50%!important}.tile-five .front{background-position:0 100%!important}.tile-six .front{background-position:100% 100%!important}}

/* Clean, uniform card grid. */
.collage{gap:14px;align-items:stretch}
.flip-card{clip-path:none!important;width:100%;height:100%;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(33,29,27,.12)}
.flip-inner,.face{border-radius:16px}
.flip-card:hover{transform:translateY(-3px)}
.flip-card{transition:transform .22s ease,box-shadow .22s ease}
.flip-card:hover{box-shadow:0 14px 32px rgba(33,29,27,.17)}
@media(max-width:520px){.collage{gap:9px}.flip-card,.flip-inner,.face{border-radius:10px}}

/* Brand-guideline color stories for the card reveals. */
.back{padding:clamp(20px,2.2vw,36px);justify-content:flex-start!important;gap:0!important}
.back small{display:block;margin-bottom:auto;font-size:clamp(.5rem,.58vw,.62rem);font-weight:500;line-height:1.35}
.back strong{display:block;max-width:94%;font-size:clamp(1.15rem,1.8vw,2.05rem);line-height:1.02;letter-spacing:-.025em}
.back p{max-width:94%;margin:9px 0 14px;font-size:clamp(.63rem,.78vw,.78rem);line-height:1.45}
.back>span:last-child{margin-top:0;font-size:clamp(.48rem,.56vw,.6rem);font-weight:500;line-height:1.35;letter-spacing:.035em}
.tile-one .back{background:#a98ca0!important;color:#1a1a1a}
.tile-two .back{background:#8dd4d9!important;color:#1a1a1a}
.tile-three .back{background:#bfa26a!important;color:#1a1a1a}
.tile-four .back{background:#1a1a1a!important;color:#fff}
.tile-five .back{background:#d7d7d7!important;color:#1a1a1a}
.tile-six .back{background:linear-gradient(135deg,#a98ca0 0%,#a98ca0 52%,#bfa26a 52%,#bfa26a 100%)!important;color:#1a1a1a}
@media(max-width:850px){.back strong{font-size:clamp(1.05rem,2.8vw,1.6rem)}.back p{font-size:.66rem;margin:8px 0 11px}}
@media(max-width:520px){.back{padding:15px}.back small{font-size:.46rem}.back strong{font-size:1rem;line-height:1}.back p{font-size:.53rem;line-height:1.35;margin:6px 0 8px}.back>span:last-child{font-size:.42rem}}

/* Nine-card fact wall with the logo held in the true center. */
.collage{height:min(76vw,900px);min-height:720px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}
.front{background-image:none!important;background-size:auto!important;background-position:center!important;padding:clamp(20px,2.2vw,34px);color:#1a1a1a!important}
.fact-front{justify-content:flex-start;background:#fff!important}
.fact-front small{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;margin-bottom:auto}
.fact-front strong{font-family:var(--display);font-size:clamp(1.5rem,2.45vw,2.9rem);line-height:1;letter-spacing:-.035em;max-width:94%}
.fact-front>span{font-family:var(--mono);font-size:.58rem;letter-spacing:.06em;margin-top:18px}
.tile-one .fact-front,.tile-eight .fact-front{background:#d7d7d7!important}
.tile-two .fact-front,.tile-seven .fact-front{background:#c5b2b2!important}
.tile-three .fact-front{background:#8dd4d9!important}
.tile-four .fact-front,.tile-nine .fact-front{background:#f7f4ef!important}
.tile-six .fact-front{background:#bfa26a!important}
.logo-front{display:flex!important;align-items:center!important;justify-content:center!important;background:#000!important;padding:0!important}
.logo-front img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center;margin:0!important;transform:none!important}
.tile-seven .back{background:#8dd4d9!important;color:#1a1a1a}
.tile-eight .back{background:#a98ca0!important;color:#1a1a1a}
.tile-nine .back{background:#bfa26a!important;color:#1a1a1a}
@media(max-width:850px){.collage{height:860px;min-height:0;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.front{background-size:auto!important}.fact-front strong{font-size:clamp(1.1rem,3.2vw,1.75rem)}.fact-front>span{font-size:.48rem}.logo-front img{width:100%;height:100%;max-height:none;transform:none!important}}
@media(max-width:520px){.collage{height:720px}.fact-front{padding:13px}.fact-front small{font-size:.43rem}.fact-front strong{font-size:.92rem}.fact-front>span{font-size:.38rem;margin-top:10px}.logo-front img{width:100%;height:100%;max-height:none;transform:none!important}}

/* Expanded site system */
.menu-toggle{display:none;border:0;background:none;font:500 .65rem var(--mono);letter-spacing:.1em}.desktop-nav a.active{color:var(--plum);text-decoration:underline;text-underline-offset:6px}.work-collage,.partners{padding:clamp(90px,10vw,150px) clamp(20px,4vw,64px)}.work-collage header{display:flex;justify-content:space-between;align-items:start;gap:30px;margin-bottom:50px}.work-collage h2,.page-hero h1,.world-copy h2,.projects-intro h1,.team-intro h1,.about-intro h1{font-family:var(--display);font-size:clamp(3rem,6.4vw,7rem);line-height:.9;letter-spacing:-.05em;margin:0}.work-collage h2 em,.page-hero h1 em,.projects-intro h1 em,.team-intro h1 em,.about-intro h1 em{color:var(--plum)}.mini-collage{display:grid;grid-template-columns:1.15fr .85fr 1fr;grid-template-rows:280px 240px;gap:14px}.mc{padding:24px;color:var(--ink);text-decoration:none;border-radius:14px;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .25s}.mc:hover{transform:translateY(-5px)}.mc>span{font:500 .62rem var(--mono);letter-spacing:.08em}.mc>small{font:500 .68rem var(--mono);margin-top:auto}.mc-brand{grid-row:span 2;background:var(--plum);color:#fff}.mc-brand b{font-size:clamp(5rem,11vw,11rem);line-height:.65;letter-spacing:-.12em;margin:auto 0}.mc-data{background:#8dd4d9}.data-orbit{margin:auto;font:700 5rem var(--display);width:130px;height:130px;border:1px solid;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 14px rgba(255,255,255,.2),0 0 0 28px rgba(255,255,255,.12)}.mc-web{grid-row:span 2;background:#d7d7d7}.browser-mini{background:#fff;border:1px solid;padding:18px;margin:30px 0;height:280px}.browser-mini i{display:inline-block;width:7px;height:7px;background:var(--rose);border-radius:50%;margin-right:4px}.browser-mini strong{display:block;font:700 3rem/1 var(--display);margin-top:55px}.mc-ui{background:#bfa26a}.phone-mini{width:140px;height:180px;background:#1a1a1a;color:#fff;border-radius:22px;margin:18px auto -55px;padding:16px;text-align:center}.phone-mini i{display:block;background:#444;width:40px;height:5px;border-radius:5px;margin:auto}.phone-mini strong{display:block;font:700 2rem var(--display);margin:38px 0 20px}.phone-mini small{font-size:.6rem}.partners{border-top:1px solid var(--line)}.partner-group{display:grid;grid-template-columns:240px 1fr;border-bottom:1px solid var(--line);padding:30px 0;align-items:start}.partner-group>span{font:500 .65rem var(--mono);letter-spacing:.09em}.partner-group p{font:700 clamp(1.6rem,3vw,3.4rem)/1.3 var(--display);margin:0}.partner-group i{color:var(--plum);font-style:normal;margin:0 .18em}
@media(max-width:900px){.site-header{flex-wrap:wrap}.menu-toggle{display:block;margin-left:auto}.desktop-nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);padding:24px;flex-direction:column;border-bottom:1px solid var(--line)}.desktop-nav.is-open{display:flex}.nav-cta{margin-left:10px}.mini-collage{grid-template-columns:1fr 1fr}.mc-brand,.mc-web{grid-row:auto}.work-collage header{display:block}.work-collage header .section-tag{margin-bottom:20px}.partner-group{grid-template-columns:1fr;gap:16px}}
@media(max-width:560px){.nav-cta{padding:10px;font-size:.52rem}.mini-collage{grid-template-columns:1fr;grid-template-rows:none}.mc{min-height:260px}.mc-brand,.mc-web{min-height:330px}.partner-group p{font-size:1.6rem}}

/* Inner pages */
.page-hero,.projects-intro,.team-intro,.about-intro{padding:clamp(80px,10vw,150px) clamp(20px,4vw,64px) clamp(60px,8vw,110px)}.page-hero>p:last-child,.projects-intro>p:last-child,.team-intro>p:last-child{max-width:630px;font-size:1.05rem;line-height:1.7;margin:32px 0 0 auto}.service-studio{padding:0 clamp(20px,4vw,64px) 120px}.service-tabs{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);position:sticky;top:0;z-index:10;background:var(--paper)}.service-tabs button{border:0;border-right:1px solid var(--line);background:transparent;padding:19px;font:600 .7rem var(--mono);text-transform:uppercase;cursor:pointer}.service-tabs button:last-child{border:0}.service-tabs button.active{background:var(--ink);color:#fff}.service-world{display:none;grid-template-columns:.75fr 1.25fr;gap:7vw;min-height:720px;padding:clamp(55px,7vw,100px);border:1px solid var(--line);border-top:0}.service-world.active{display:grid}.world-copy>p:not(.section-tag){font-size:1rem;line-height:1.7;max-width:540px}.world-copy ul{list-style:none;padding:0;margin:35px 0 0;border-top:1px solid currentColor}.world-copy li{padding:12px 0;border-bottom:1px solid currentColor;font:500 .7rem var(--mono);text-transform:uppercase}.brand-world{background:#c5b2b2}.brand-board{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1.2fr .55fr .9fr;gap:12px;position:relative}.brand-board>div{padding:18px;background:#fff;display:flex;align-items:flex-end;font:500 .6rem var(--mono)}.bb-logo{grid-column:span 3;align-items:center!important;justify-content:center}.bb-logo img{width:48%}.swatch.s1{background:#60435b;color:#fff}.swatch.s2{background:#8dd4d9}.swatch.s3{background:#bfa26a}.type-card{grid-column:span 2;font:700 5rem/1 var(--display)!important;display:block!important}.type-card small{font:500 .6rem var(--mono)}.sticker{background:#1a1a1a!important;color:#fff!important;border-radius:50%;justify-content:center;text-align:center;transform:rotate(8deg)}.data-world{background:#0d252c;color:#fff}.aura-console{border:1px solid #8dd4d9;padding:26px;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 45%,rgba(141,212,217,.26),transparent 42%)}.console-head{display:flex;justify-content:space-between;font:500 .65rem var(--mono)}.console-head i{color:#8dd4d9;font-style:normal}.aura-core{width:190px;height:190px;border:1px solid #8dd4d9;border-radius:50%;display:grid;place-items:center;margin:auto;font:700 6rem var(--display);position:relative}.aura-core:before,.aura-core:after{content:"";position:absolute;border:1px solid rgba(141,212,217,.4);border-radius:50%;inset:-25px}.aura-core:after{inset:-50px}.console-msg{font:500 clamp(1.2rem,2vw,2rem)/1.3 var(--display);max-width:560px}.metric-row{display:flex;gap:50px;margin-top:35px}.metric-row b{font:700 2rem var(--display)}.metric-row small{display:block;font:400 .55rem var(--mono);text-transform:uppercase}.design-world{background:#d7d7d7}.figma-board{position:relative;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:32px 32px;min-height:530px}.wireframe{position:absolute;width:70%;height:52%;background:#fff;border:1px solid;left:5%;top:8%;padding:18px}.wireframe i{display:inline-block;width:8px;height:8px;background:#c5b2b2;border-radius:50%}.wireframe strong{display:block;font:700 3rem var(--display);margin-top:90px}.mobile-ui{position:absolute;width:210px;height:390px;background:#60435b;color:#fff;right:5%;bottom:3%;border-radius:28px;padding:24px;box-shadow:10px 12px 0 #bfa26a}.mobile-ui span{font:.55rem var(--mono)}.mobile-ui b{display:block;font:700 2.2rem/1 var(--display);margin:70px 0}.mobile-ui button{border:0;background:#8dd4d9;padding:12px}.cursor-tag{position:absolute;left:8%;bottom:12%;background:#1a1a1a;color:#fff;padding:10px;font:.55rem var(--mono)}.dev-world{background:#1a1a1a;color:#fff}.dev-stack{display:flex;flex-direction:column;gap:22px}.code-window{border:1px solid #666;background:#111}.code-window>span{display:block;border-bottom:1px solid #555;padding:14px;color:#a98ca0;font:.6rem var(--mono)}.code-window pre{padding:30px;white-space:pre-wrap;color:#8dd4d9;font:500 1rem/1.8 var(--mono)}.tech-cloud{display:flex;flex-wrap:wrap;gap:8px}.tech-cloud b{padding:11px 14px;border:1px solid #777;font:.55rem var(--mono)}.dev-stack>a{background:#bfa26a;color:#1a1a1a;text-decoration:none;padding:18px;font:600 .65rem var(--mono);text-align:center;margin-top:auto}.compact-contact{padding-block:90px}.projects-intro,.team-intro,.about-intro{border-bottom:1px solid var(--line)}.project-gallery{padding:clamp(60px,8vw,110px) clamp(20px,4vw,64px);display:grid;grid-template-columns:1fr 1fr;gap:70px 22px}.project-card:nth-child(even){margin-top:100px}.project-visual{height:520px;padding:28px;display:flex;flex-direction:column;overflow:hidden}.project-visual>span,.project-visual>i{font:500 .6rem var(--mono);font-style:normal}.project-visual>i{margin-top:auto}.aura-v{background:#0d252c;color:#8dd4d9}.aura-v b{margin:auto;text-align:center;font:700 12rem var(--display);text-shadow:0 0 50px #8dd4d9}.watania-v{background:#bfa26a}.watania-v strong{margin:auto 0;font:700 clamp(3rem,6vw,6rem)/.85 var(--display)}.digits-v{background:#a98ca0}.digits-v b{margin:auto;font:700 10rem var(--display);transform:rotate(-8deg)}.bizz-v{background:#fff;justify-content:center}.bizz-v img{width:70%;margin:auto}.project-meta{padding:22px 8px}.project-meta>span{font:500 .6rem var(--mono)}.project-meta h2{font:700 2.7rem var(--display);margin:12px 0}.project-meta p{line-height:1.65;max-width:520px}.project-meta a{color:var(--ink);font:600 .65rem var(--mono)}.project-note{padding:100px 4vw;background:var(--plum);color:#fff}.project-note h2,.team-note h2,.about-manifesto h2{font:700 clamp(3rem,6vw,6rem)/.9 var(--display);margin:20px 0}.project-note h2 em,.about-manifesto h2 em{color:#c5b2b2}.team-grid{padding:80px 4vw 130px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.person-card{border:1px solid var(--line);background:#fff}.portrait-placeholder{height:470px;background:#bfa26a;padding:25px;display:flex;flex-direction:column;justify-content:space-between}.portrait-placeholder.rose{background:#a98ca0}.portrait-placeholder.cyan{background:#8dd4d9}.portrait-placeholder span{font:.6rem var(--mono)}.portrait-placeholder i{font:italic 8rem/.75 var(--display);align-self:flex-end}.person-card>div:last-child{padding:25px}.person-card>div>span{font:500 .58rem var(--mono)}.person-card h2{font:700 2rem var(--display);margin:12px 0}.person-card p{line-height:1.6;font-size:.9rem}.person-card a{color:var(--ink);font:600 .6rem var(--mono)}.team-note{padding:90px 4vw;background:#d7d7d7}.team-note>span{font:.6rem var(--mono)}.about-story{padding:90px 4vw;display:grid;grid-template-columns:1fr .65fr;gap:10vw;align-items:center}.about-story .lead{font:700 clamp(2rem,4vw,4rem)/1.05 var(--display)}.about-story p:not(.lead){line-height:1.7;max-width:700px}.about-story aside{background:#fff;padding:60px;min-height:440px;display:flex;flex-direction:column;justify-content:space-between}.about-story aside img{width:75%}.about-story aside span{font:700 3rem/1 var(--display);color:var(--plum)}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:0 4vw 120px}.values-grid article{padding:35px;border:1px solid var(--line)}.values-grid article:nth-child(2){background:#c5b2b2}.values-grid article:nth-child(3){background:#5e7d8b;color:#fff}.values-grid span{font:.6rem var(--mono)}.values-grid h2{font:700 3rem var(--display);margin:50px 0 15px}.about-manifesto{padding:100px 4vw;background:#1a1a1a;color:#fff}.about-manifesto>p{font:.6rem var(--mono)}.about-manifesto>a{color:#8dd4d9;font:600 .65rem var(--mono)}
@media(max-width:900px){.service-tabs{grid-template-columns:1fr 1fr}.service-tabs button{border-bottom:1px solid var(--line)}.service-world{grid-template-columns:1fr;padding:45px 24px}.brand-board,.figma-board,.aura-console{min-height:520px}.project-gallery{grid-template-columns:1fr}.project-card:nth-child(even){margin-top:0}.team-grid{grid-template-columns:1fr 1fr}.about-story{grid-template-columns:1fr}.values-grid{grid-template-columns:1fr}}
@media(max-width:560px){.service-tabs{position:relative}.service-world{padding:35px 18px}.brand-board{grid-template-rows:200px 100px 180px}.aura-core{width:130px;height:130px}.figma-board{min-height:430px}.mobile-ui{width:160px;height:320px}.project-visual{height:390px}.team-grid{grid-template-columns:1fr}.portrait-placeholder{height:390px}.about-story aside{padding:35px;min-height:330px}}

/* Compact home opening with animated brand geometry. */
.site-header{height:66px;background:rgba(244,238,230,.88);backdrop-filter:blur(16px)}
.site-header .brand img{width:43px;height:29px}.site-header .nav-cta{padding:10px 14px}.hero{position:relative;padding-top:clamp(38px,5vw,68px);overflow:hidden}.hero-intro{position:relative;z-index:2;grid-template-columns:1.25fr .55fr;margin-bottom:34px}.hero h1{font-size:clamp(3.5rem,6.8vw,7.1rem);line-height:.84}.hero-ambient{position:absolute;inset:0 0 auto 0;height:min(48vw,570px);pointer-events:none;overflow:hidden;z-index:0}.ambient-ring{position:absolute;width:clamp(240px,34vw,520px);aspect-ratio:1;border:1px solid rgba(96,67,91,.28);border-radius:50%;right:-6%;top:-20%;animation:ambientSpin 24s linear infinite}.ambient-ring:before,.ambient-ring:after{content:"";position:absolute;border:1px solid rgba(94,125,139,.2);border-radius:50%;inset:12%}.ambient-ring:after{inset:27%}.ambient-cut{position:absolute;width:170px;height:38px;background:#a98ca0;opacity:.34;transform:rotate(-42deg);animation:ambientFloat 9s ease-in-out infinite alternate}.cut-a{left:42%;top:18%}.cut-b{left:62%;top:52%;background:#8dd4d9;animation-delay:-3s}.hero-ambient>span{position:absolute;right:9%;bottom:8%;font:500 .58rem var(--mono);letter-spacing:.22em;color:rgba(33,29,27,.35);transform:rotate(90deg);transform-origin:right bottom}.hero-intro:after{content:"";position:absolute;width:80px;height:80px;border:1px solid var(--plum);left:54%;bottom:3%;transform:rotate(12deg);opacity:.2;animation:ambientFloat 7s ease-in-out infinite alternate-reverse}@keyframes ambientSpin{to{transform:rotate(360deg)}}@keyframes ambientFloat{to{transform:translate(30px,-22px) rotate(-34deg)}}.collage-wrap{position:relative;z-index:2}.hero-copy{background:rgba(244,238,230,.72);backdrop-filter:blur(8px);padding:18px;border-left:2px solid var(--plum)}
@media(max-width:850px){.site-header{height:62px}.desktop-nav{top:62px}.hero-intro{grid-template-columns:1fr}.hero h1{font-size:clamp(3.4rem,13vw,6rem)}.hero-ambient{height:520px}.ambient-ring{right:-25%;top:5%}.hero-intro:after{left:auto;right:7%;bottom:14%}}
@media(max-width:520px){.site-header{height:58px;padding-inline:16px}.desktop-nav{top:58px}.site-header .brand img{width:38px}.hero{padding-top:32px}.hero h1{font-size:clamp(3rem,16vw,4.4rem)}.hero-copy{padding:14px}.ambient-cut{width:100px;height:25px}.hero-ambient>span{display:none}}
@media(prefers-reduced-motion:reduce){.ambient-ring,.ambient-cut,.hero-intro:after{animation:none}}

/* Clean home service collages */
.services{padding:clamp(80px,9vw,130px) clamp(20px,4vw,64px)}.clean-service-head{display:grid;grid-template-columns:1fr minmax(260px,430px);gap:50px;align-items:end;margin-bottom:52px}.clean-service-head h2{font:700 clamp(2.8rem,5.4vw,5.8rem)/.92 var(--display);letter-spacing:-.05em;margin:0}.clean-service-head h2 em{color:var(--rose)}.clean-service-head>p{color:rgba(244,238,230,.72);line-height:1.7;margin:0}.service-collage-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.service-collage-card{display:grid;grid-template-columns:.92fr 1.08fr;min-height:370px;background:#f4eee6;color:var(--ink);text-decoration:none;border-radius:14px;overflow:hidden;transition:transform .25s,box-shadow .25s}.service-collage-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(0,0,0,.25)}.sc-visual{position:relative;overflow:hidden;min-height:100%;padding:22px}.sc-content{padding:30px;display:flex;flex-direction:column}.sc-content>span,.sc-content strong{font:500 .58rem var(--mono);letter-spacing:.07em}.sc-content h3{font:700 clamp(1.7rem,2.5vw,2.8rem)/1 var(--display);letter-spacing:-.03em;margin:45px 0 16px}.sc-content p{font-size:.82rem;line-height:1.65;margin:0 0 30px}.sc-content strong{margin-top:auto;color:var(--plum)}.brand-visual{background:#c5b2b2}.mini-logo{position:absolute;background:#fff;width:72%;height:34%;left:14%;top:15%;display:grid;place-items:center;transform:rotate(-4deg);box-shadow:7px 8px 0 #60435b}.mini-logo img{width:72%}.brand-chip{position:absolute;width:62px;height:62px;border-radius:50%;bottom:18%;left:12%;background:#8dd4d9}.brand-chip.chip-two{left:36%;background:#bfa26a}.brand-visual>b{position:absolute;right:9%;bottom:8%;font:700 5rem var(--display);color:#60435b}.data-visual{background:#0d252c;color:#8dd4d9}.data-visual>span,.data-visual>small{font:500 .53rem var(--mono)}.data-visual>b{width:115px;height:115px;border:1px solid;border-radius:50%;display:grid;place-items:center;margin:48px auto 28px;font:700 4.5rem var(--display);box-shadow:0 0 0 13px rgba(141,212,217,.12)}.data-bars{display:flex;align-items:end;gap:7px;height:55px}.data-bars i{display:block;width:18%;height:32%;background:#8dd4d9}.data-bars i:nth-child(2){height:70%}.data-bars i:nth-child(3){height:48%}.data-bars i:nth-child(4){height:94%}.data-visual>small{position:absolute;bottom:18px}.design-visual{background:#d7d7d7;background-image:linear-gradient(rgba(26,26,26,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(26,26,26,.1) 1px,transparent 1px);background-size:24px 24px}.ui-window{width:82%;height:62%;background:#fff;border:1px solid;padding:14px}.ui-window>i{display:inline-block;width:6px;height:6px;background:#a98ca0;border-radius:50%}.ui-window b{display:block;font:700 1.8rem/1 var(--display);margin-top:38px}.ui-phone{position:absolute;width:90px;height:175px;background:#60435b;color:#fff;border-radius:14px;right:9%;bottom:10%;padding:12px;box-shadow:5px 6px 0 #bfa26a}.ui-phone span{font:.42rem var(--mono)}.ui-phone i{display:block;height:38px;background:#c5b2b2;margin-top:22px}.ui-phone i+i{height:22px;margin-top:7px;background:#8dd4d9}.design-visual>small{position:absolute;left:20px;bottom:15px;font:.48rem var(--mono)}.dev-visual{background:#111;color:#8dd4d9;border:1px solid #555}.dev-visual>span{font:.48rem var(--mono);color:#a98ca0}.dev-visual code{display:block;font:500 .82rem/1.8 var(--mono);margin:65px 0 40px}.dev-visual>div{display:flex;flex-wrap:wrap;gap:6px}.dev-visual i{border:1px solid #666;padding:7px;font:normal .48rem var(--mono);color:#fff}
@media(max-width:1000px){.service-collage-card{grid-template-columns:1fr;min-height:620px}.sc-visual{min-height:330px}.sc-content{min-height:280px}}
@media(max-width:760px){.clean-service-head{grid-template-columns:1fr}.service-collage-grid{grid-template-columns:1fr}.service-collage-card{grid-template-columns:1fr 1fr;min-height:370px}.sc-visual{min-height:100%}.sc-content{min-height:0}}
@media(max-width:540px){.service-collage-card{grid-template-columns:1fr;min-height:570px}.sc-visual{min-height:300px}.sc-content{min-height:270px;padding:24px}.sc-content h3{margin-top:28px}}

/* Stacked service folders — intentionally brief on Home. */
.folder-head{margin-bottom:70px}.service-folders{max-width:1180px;margin:0 auto;padding-top:46px}.service-folder{position:relative;display:block;height:190px;margin-top:-38px;padding:54px clamp(24px,4vw,58px) 28px;color:var(--ink);text-decoration:none;border-radius:22px 22px 0 0;box-shadow:0 -8px 24px rgba(0,0,0,.08);transition:transform .28s ease,height .28s ease}.service-folder:first-child{margin-top:0}.service-folder:last-child{border-radius:22px;box-shadow:0 -8px 24px rgba(0,0,0,.12)}.service-folder:hover{transform:translateY(-10px);z-index:5}.folder-tab{position:absolute;top:-42px;height:48px;min-width:190px;padding:16px 28px 12px;border-radius:22px 22px 0 0;font:600 .65rem var(--mono);letter-spacing:.09em;text-align:center}.service-folder:nth-child(odd) .folder-tab{left:8%}.service-folder:nth-child(even) .folder-tab{right:8%}.service-folder>div{display:grid;grid-template-columns:140px 1fr auto;align-items:end;gap:25px}.service-folder small,.service-folder b{font:500 .58rem var(--mono);letter-spacing:.07em}.service-folder h3{font:700 clamp(1.8rem,3.6vw,4rem)/.95 var(--display);letter-spacing:-.04em;margin:0}.folder-brand,.folder-brand .folder-tab{background:#a98ca0}.folder-data,.folder-data .folder-tab{background:#8dd4d9}.folder-design,.folder-design .folder-tab{background:#d7d7d7}.folder-dev,.folder-dev .folder-tab{background:#bfa26a}
@media(max-width:720px){.service-folders{padding-top:36px}.service-folder{height:165px;padding-top:48px}.service-folder>div{grid-template-columns:1fr auto}.service-folder small{display:none}.folder-tab{min-width:150px;height:42px;top:-36px;padding:13px 20px 10px}.service-folder h3{font-size:clamp(1.45rem,6vw,2.5rem)}}
@media(max-width:480px){.service-folder{height:145px;margin-top:-25px;padding:42px 18px 22px;border-radius:16px 16px 0 0}.service-folder>div{display:block}.service-folder b{display:block;margin-top:16px}.folder-tab{min-width:125px;font-size:.52rem}.service-folder:nth-child(odd) .folder-tab{left:5%}.service-folder:nth-child(even) .folder-tab{right:5%}}

/* Folder opening interaction */
.service-folder{padding:0;height:190px;overflow:visible}.folder-summary{position:relative;width:100%;height:100%;padding:54px clamp(24px,4vw,58px) 28px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;display:grid;grid-template-columns:140px 1fr auto;align-items:end;gap:25px}.folder-summary .folder-tab{display:block}.folder-summary small,.folder-summary b{font:500 .58rem var(--mono);letter-spacing:.07em}.folder-summary h3{font:700 clamp(1.8rem,3.6vw,4rem)/.95 var(--display);letter-spacing:-.04em;margin:0}.folder-summary b{white-space:nowrap}.folder-reveal{display:grid!important;grid-template-columns:1fr auto;align-items:end;gap:25px;max-height:0;opacity:0;overflow:hidden;padding:0 clamp(24px,4vw,58px);transition:max-height .4s ease,opacity .25s ease,padding .4s ease}.service-folder.is-open{height:440px;z-index:8;transform:translateY(-10px)}.service-folder.is-open .folder-reveal{max-height:230px;opacity:1;padding-bottom:34px}.folder-art{height:190px;position:relative;overflow:hidden;border:1px solid rgba(26,26,26,.25);background:rgba(255,255,255,.2)}.folder-cta{background:#1a1a1a;color:#fff;text-decoration:none;padding:16px 18px;font:600 .58rem var(--mono);white-space:nowrap}.art-brand{display:flex;align-items:center;gap:18px;padding:25px}.art-brand img{width:32%}.art-brand i{width:62px;height:62px;border-radius:50%;background:#8dd4d9}.art-brand i+i{background:#bfa26a}.art-brand strong{font:700 5rem var(--display);margin-left:auto}.art-data{display:flex;align-items:center;padding:25px}.art-data>span,.art-data>i{font:500 .55rem var(--mono);font-style:normal}.art-data strong{font:700 6rem var(--display);margin:auto;border:1px solid;border-radius:50%;width:120px;height:120px;display:grid;place-items:center}.art-design{padding:22px}.art-design>div{width:72%;height:100%;background:#fff;border:1px solid;padding:14px}.art-design i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a98ca0}.art-design strong{display:block;font:700 2.5rem var(--display);margin-top:45px}.art-design>span{position:absolute;right:7%;bottom:12%;font:600 .62rem var(--mono);transform:rotate(-90deg)}.art-dev{background:#111;color:#8dd4d9;padding:24px}.art-dev span{display:block;font:.5rem var(--mono);color:#a98ca0}.art-dev code{display:block;font:500 1.2rem var(--mono);margin-top:55px}
@media(max-width:720px){.folder-summary{grid-template-columns:1fr auto}.folder-summary small{display:none}.service-folder.is-open{height:390px}.folder-reveal{grid-template-columns:1fr}.service-folder.is-open .folder-reveal{max-height:210px}.folder-art{height:135px}.folder-cta{text-align:center}.folder-summary h3{font-size:clamp(1.45rem,6vw,2.5rem)}}
@media(max-width:480px){.service-folder{height:145px}.folder-summary{padding:42px 18px 22px;display:block}.folder-summary b{display:block;margin-top:16px}.service-folder.is-open{height:360px}.folder-reveal{padding-inline:18px;gap:10px}.service-folder.is-open .folder-reveal{padding-bottom:22px}.folder-art{height:125px}.art-brand strong{font-size:3rem}.art-brand i{width:35px;height:35px}.art-data strong{width:80px;height:80px;font-size:4rem}}

/* Keep the folder cover fixed while the content opens below it. */
.folder-summary{height:190px!important}
@media(max-width:720px){.folder-summary{height:165px!important}}
@media(max-width:480px){.folder-summary{height:145px!important}}

/* Editorial contents inside each opened folder. */
.service-folder.is-open{height:590px}.folder-reveal{grid-template-columns:.65fr .8fr 1fr!important;align-items:center!important;gap:clamp(22px,4vw,60px)!important}.service-folder.is-open .folder-reveal{max-height:390px;padding-top:12px;padding-bottom:38px}.folder-list{list-style:none;margin:0;padding:0}.folder-list li{font-size:clamp(.82rem,1.2vw,1rem);padding:8px 0}.folder-list li:before{content:"•";margin-right:12px;color:rgba(26,26,26,.35)}.polaroid-placeholder{background:#f7f4ef;padding:14px 14px 36px;box-shadow:3px 6px 18px rgba(26,26,26,.18);transform:rotate(2deg);position:relative}.polaroid-placeholder:after{content:"";position:absolute;width:12px;height:64px;border:2px solid rgba(26,26,26,.35);border-radius:8px;right:12px;top:-22px}.polaroid-placeholder>span{position:absolute;bottom:12px;left:14px;font:500 .48rem var(--mono);letter-spacing:.06em}.polaroid-art{height:205px;position:relative;overflow:hidden;background:#fff}.polaroid-brand{display:flex;align-items:center;justify-content:center;gap:10px;background:#c5b2b2}.polaroid-brand img{width:52%}.polaroid-brand i{position:absolute;width:42px;height:42px;border-radius:50%;background:#8dd4d9;left:8%;bottom:8%}.polaroid-brand i+i{background:#bfa26a;left:auto;right:8%}.polaroid-data{background:#0d252c;color:#8dd4d9;display:flex;align-items:center;justify-content:center}.polaroid-data>span,.polaroid-data>i{position:absolute;font:500 .48rem var(--mono);top:12px;left:12px;font-style:normal}.polaroid-data>i{top:auto;bottom:12px}.polaroid-data strong{font:700 6rem var(--display);border:1px solid;border-radius:50%;width:115px;height:115px;display:grid;place-items:center}.polaroid-design{background:#d7d7d7;padding:15px}.polaroid-design>div{background:#fff;border:1px solid;width:78%;height:100%;padding:10px}.polaroid-design i{display:inline-block;width:6px;height:6px;background:#a98ca0;border-radius:50%}.polaroid-design b{display:block;font:700 1.45rem/1 var(--display);margin-top:42px}.polaroid-design>span{position:absolute;right:9%;bottom:12%;font:500 .5rem var(--mono);transform:rotate(-90deg)}.polaroid-dev{background:#111;color:#8dd4d9;padding:16px}.polaroid-dev span{font:.45rem var(--mono);color:#a98ca0}.polaroid-dev code{display:block;font:500 1rem/1.6 var(--mono);margin-top:48px}.folder-why em{display:inline-block;font:italic 2.2rem var(--display);border:1px solid;border-radius:50%;padding:3px 20px;transform:rotate(-4deg)}.folder-why p{font-size:.82rem;line-height:1.55;margin:20px 0 24px}.folder-why .folder-cta{display:inline-block}
@media(max-width:850px){.service-folder.is-open{height:760px}.folder-reveal{grid-template-columns:1fr 1fr!important}.service-folder.is-open .folder-reveal{max-height:590px}.folder-why{grid-column:1/-1}.polaroid-art{height:190px}}
@media(max-width:560px){.service-folder.is-open{height:900px}.folder-reveal{grid-template-columns:1fr!important}.service-folder.is-open .folder-reveal{max-height:740px;overflow:auto}.polaroid-placeholder{max-width:280px}.folder-why{grid-column:auto}.folder-list li{padding:5px 0}.folder-why em{font-size:1.8rem}}

/* Uploaded clipped Polaroid, floating above the open folder edge. */
.service-folder.is-open{height:520px}.service-folder.is-open .folder-reveal{max-height:320px;min-height:320px;overflow:visible}.folder-reveal{position:relative;grid-template-columns:.7fr 1.15fr!important}.folder-list{grid-column:1}.folder-why{grid-column:2;padding-right:min(30vw,360px)}.polaroid-placeholder{position:absolute;z-index:4;width:clamp(210px,24vw,330px);right:2%;top:-235px;background:transparent;padding:0;box-shadow:none;transform:rotate(3deg);pointer-events:none}.polaroid-placeholder:after{display:none}.polaroid-stack-asset{display:block;width:100%;height:auto;filter:drop-shadow(6px 10px 12px rgba(26,26,26,.2))}.polaroid-placeholder>span{bottom:10%;left:26%;z-index:2;color:#777;font-size:.42rem}.service-folder:nth-child(even) .polaroid-placeholder{transform:rotate(-3deg);right:4%}
@media(max-width:900px){.service-folder.is-open{height:650px}.service-folder.is-open .folder-reveal{max-height:470px;min-height:470px}.folder-reveal{grid-template-columns:1fr!important}.folder-list,.folder-why{grid-column:1;padding-right:0;max-width:52%}.polaroid-placeholder{width:300px;right:2%;top:-185px}.folder-why{margin-top:24px}}
@media(max-width:620px){.service-folder.is-open{height:820px}.service-folder.is-open .folder-reveal{max-height:660px;min-height:660px;overflow:visible}.folder-list,.folder-why{max-width:100%}.polaroid-placeholder{position:relative;right:auto!important;top:auto;width:min(260px,80vw);grid-row:2;margin:12px auto -15px}.folder-reveal{display:flex!important;flex-direction:column;align-items:flex-start!important}.folder-why{margin-top:0}.polaroid-placeholder>span{font-size:.38rem}}

/* Alternate clipped-photo placement across the folder stack. */
.service-folder:nth-child(odd) .polaroid-placeholder{left:auto!important;right:2%!important;transform:rotate(3deg)}
.service-folder:nth-child(even) .polaroid-placeholder{right:auto!important;left:2%!important;transform:rotate(-3deg)}
.service-folder:nth-child(even) .folder-list{padding-left:min(28vw,350px)}
@media(max-width:900px) and (min-width:621px){.service-folder:nth-child(even) .folder-list,.service-folder:nth-child(even) .folder-why{margin-left:auto;padding-left:0;max-width:52%}.service-folder:nth-child(even) .polaroid-placeholder{left:2%!important;right:auto!important}}
@media(max-width:620px){.service-folder:nth-child(odd) .polaroid-placeholder,.service-folder:nth-child(even) .polaroid-placeholder{position:relative;left:auto!important;right:auto!important;margin-inline:auto;transform:rotate(2deg)}.service-folder:nth-child(even) .folder-list{padding-left:0}}

/* Reserve headline space for the floating Polaroid on its alternating side. */
@media(min-width:901px){.service-folder.is-open:nth-child(odd) .folder-summary{padding-right:clamp(340px,29vw,430px);grid-template-columns:120px 1fr auto}.service-folder.is-open:nth-child(even) .folder-summary{padding-left:clamp(340px,29vw,430px);grid-template-columns:120px 1fr auto}.service-folder.is-open .folder-summary h3{font-size:clamp(1.8rem,3vw,3.35rem)}}
@media(min-width:621px) and (max-width:900px){.service-folder.is-open:nth-child(odd) .folder-summary{padding-right:315px}.service-folder.is-open:nth-child(even) .folder-summary{padding-left:315px}.service-folder.is-open .folder-summary{grid-template-columns:1fr}.service-folder.is-open .folder-summary b{margin-top:12px}.service-folder.is-open .folder-summary h3{font-size:clamp(1.4rem,3.8vw,2.2rem)}}

/* Quiet folder covers: tab label + Bizzapt watermark only. */
.folder-summary{display:block!important;padding:0!important;overflow:hidden}.folder-summary>small,.folder-summary>h3,.folder-summary>b{display:none!important}.folder-summary:after{content:"";position:absolute;inset:22% 30%;background:url('assets/logo.svg') center/contain no-repeat;opacity:.14;pointer-events:none;transition:opacity .25s,transform .3s}.folder-summary:hover:after{opacity:.22;transform:scale(1.04)}.service-folder.is-open .folder-summary:after{opacity:.1}.folder-summary:focus-visible{outline:3px solid #fff;outline-offset:-6px}.folder-tab{z-index:2}
@media(max-width:620px){.folder-summary:after{inset:25% 24%}}

/* Folder labels sit above the cover edge. */
.folder-summary{overflow:visible!important}

/* Service artifacts peeking through the closed folder covers. */
.folder-summary:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.68;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s}.folder-summary:hover:before{transform:translateY(-7px);opacity:.88}.folder-tab:after{content:"+";display:inline-grid;place-items:center;width:18px;height:18px;margin-left:12px;border:1px solid currentColor;border-radius:50%;font-size:.7rem;vertical-align:middle}.folder-tab:before{position:absolute;top:-20px;padding:5px 9px;background:#1a1a1a;color:#fff;font:500 .45rem var(--mono);letter-spacing:.07em;transform:rotate(-4deg);box-shadow:3px 3px 0 rgba(255,255,255,.35)}
.folder-brand .folder-tab:before{content:"MAKE IT STICK";left:-34px}.folder-data .folder-tab:before{content:"● LIVE";right:-18px;color:#8dd4d9}.folder-design .folder-tab:before{content:"FIGMA / 01";left:-22px}.folder-dev .folder-tab:before{content:"SSL ✓";right:-15px;color:#bfa26a}
.folder-brand .folder-summary:before{background:linear-gradient(12deg,transparent 0 11%,rgba(255,255,255,.38) 11% 25%,transparent 25%) 4% 44%/150px 90px no-repeat,linear-gradient(-8deg,transparent 0 13%,rgba(96,67,91,.38) 13% 28%,transparent 28%) 18% 12%/170px 110px no-repeat,radial-gradient(circle,#8dd4d9 0 28px,transparent 29px) 82% 25%/80px 80px no-repeat,radial-gradient(circle,#bfa26a 0 20px,transparent 21px) 89% 58%/58px 58px no-repeat}.folder-brand .folder-summary:after{inset:28% 38% 18% 38%;transform:rotate(-7deg)}
.folder-data .folder-summary:before{background:linear-gradient(rgba(26,26,26,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(26,26,26,.12) 1px,transparent 1px),radial-gradient(circle at 14% 28%,rgba(26,26,26,.5) 0 5px,transparent 6px),radial-gradient(circle at 22% 62%,rgba(26,26,26,.4) 0 4px,transparent 5px),radial-gradient(circle at 84% 32%,rgba(26,26,26,.5) 0 6px,transparent 7px),linear-gradient(72deg,transparent 0 46%,rgba(26,26,26,.25) 47% 48%,transparent 49%) 8% 20%/210px 120px no-repeat;background-size:34px 34px,34px 34px,auto,auto,auto,210px 120px}.folder-data .folder-summary:after{inset:18% 10% 26% 68%;transform:rotate(6deg)}
.folder-design .folder-summary:before{background:linear-gradient(rgba(96,67,91,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(96,67,91,.1) 1px,transparent 1px),linear-gradient(#fff,#fff) 7% 28%/190px 95px no-repeat,linear-gradient(#60435b,#60435b) 12% 45%/80px 9px no-repeat,linear-gradient(#c5b2b2,#c5b2b2) 12% 58%/125px 7px no-repeat,linear-gradient(#8dd4d9,#8dd4d9) 88% 42%/75px 115px no-repeat;background-size:28px 28px,28px 28px,190px 95px,80px 9px,125px 7px,75px 115px}.folder-design .folder-summary:after{inset:25% 34% 18% 42%;transform:rotate(-5deg)}
.folder-dev .folder-summary:before{background:linear-gradient(#111,#111) 7% 28%/230px 115px no-repeat,linear-gradient(#a98ca0,#a98ca0) 10% 40%/95px 5px no-repeat,linear-gradient(#8dd4d9,#8dd4d9) 10% 50%/160px 5px no-repeat,linear-gradient(#d7d7d7,#d7d7d7) 10% 60%/120px 5px no-repeat,repeating-linear-gradient(90deg,rgba(26,26,26,.18) 0 1px,transparent 1px 34px)}.folder-dev .folder-summary:after{inset:20% 10% 22% 67%;transform:rotate(8deg)}
.service-folder.is-open .folder-summary:before{opacity:.25}.service-folder.is-open .folder-tab:after{content:"−"}
@media(max-width:700px){.folder-summary:before{opacity:.5}.folder-tab:before{display:none}.folder-brand .folder-summary:after,.folder-data .folder-summary:after,.folder-design .folder-summary:after,.folder-dev .folder-summary:after{inset:28% 34%;transform:none}.folder-brand .folder-summary:before,.folder-data .folder-summary:before,.folder-design .folder-summary:before,.folder-dev .folder-summary:before{background-size:80px 55px,24px 24px}}

/* Core Values — adapted from Bizzapt's social-post visual language. */
.core-values{position:relative;overflow:hidden;background:#f8f3f7;color:#211d1b;padding:clamp(90px,10vw,150px) clamp(20px,6vw,100px);border-top:1px solid rgba(96,67,91,.15);border-bottom:1px solid rgba(96,67,91,.15)}.values-bg{position:absolute;inset:0;pointer-events:none;color:#60435b}.values-bg>b{position:absolute;left:3%;top:26%;font:400 clamp(8rem,18vw,20rem)/1 var(--sans);color:transparent;-webkit-text-stroke:2px rgba(96,67,91,.24);transform:rotate(-8deg)}.values-bg>span{position:absolute;left:3%;top:9%;font-size:1rem;letter-spacing:.15em;transform:rotate(-8deg);color:#60435b}.burst{position:absolute;width:150px;height:150px;opacity:.22;animation:valueFloat 8s ease-in-out infinite alternate}.burst:before,.burst:after{content:"";position:absolute;inset:35% -18%;border:3px solid #60435b;border-radius:50%}.burst:after{transform:rotate(90deg)}.burst{border:3px solid #60435b;border-radius:50% 10% 50% 10%;transform:rotate(45deg)}.burst-one{right:-35px;top:8%}.burst-two{left:-55px;bottom:-25px;transform:rotate(22deg);animation-delay:-4s}.values-head{position:relative;z-index:2;display:grid;grid-template-columns:1fr minmax(260px,420px);align-items:end;gap:50px;margin-bottom:58px}.values-head .section-tag{margin:0 0 18px}.values-pill{display:inline-block;background:#60435b;color:#fff;border-radius:100px;padding:5px 22px;font-size:clamp(1rem,1.7vw,1.5rem);line-height:1}.values-head h2{font:800 clamp(4.5rem,10vw,10rem)/.75 var(--sans);letter-spacing:-.07em;color:#60435b;margin:20px 0 0}.values-head>p{font-size:1rem;line-height:1.65;margin:0}.values-cards{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:1050px;margin:auto}.values-cards article{position:relative;min-height:210px;padding:26px 28px;background:rgba(239,247,249,.94);border:2px solid #60435b;border-radius:14px;overflow:hidden;transition:transform .25s,background .25s}.values-cards article:hover{transform:translateY(-5px);background:#fff}.values-cards article:after{content:"";position:absolute;width:120px;height:120px;border:1px solid rgba(96,67,91,.2);border-radius:50%;right:-42px;bottom:-55px;box-shadow:0 0 0 22px rgba(96,67,91,.05)}.values-cards article>span{position:absolute;left:28px;bottom:22px;color:#60435b;font:500 .7rem var(--mono)}.values-cards h3{font:800 clamp(1.5rem,2.4vw,2.4rem)/1 var(--sans);margin:0 0 12px}.values-cards p{max-width:70%;font-size:.82rem;line-height:1.5;margin:0}.value-icon{position:absolute;right:27px;top:24px;width:52px;height:52px;border:1px solid #60435b;border-radius:50%;display:grid;place-items:center;color:#60435b;font-size:1.5rem}.people-icon{font-size:.55rem;letter-spacing:1px}.values-footer{position:relative;z-index:2;max-width:1050px;margin:22px auto 0;display:flex;align-items:center;justify-content:flex-end;gap:18px;color:#60435b;font:700 .65rem var(--mono)}.values-footer i{font:normal 1.6rem var(--sans);animation:valueArrow 1.6s ease-in-out infinite}@keyframes valueFloat{to{translate:18px -15px;rotate:12deg}}@keyframes valueArrow{50%{transform:translate(6px,6px)}}
@media(max-width:760px){.values-head{grid-template-columns:1fr}.values-cards{grid-template-columns:1fr}.values-bg>b{top:43%}.values-cards article{min-height:190px}.values-head h2{font-size:clamp(4.5rem,22vw,7rem)}}
@media(max-width:480px){.core-values{padding-inline:18px}.values-cards article{padding:22px}.values-cards p{max-width:78%}.values-cards article>span{left:22px}.burst{width:100px;height:100px}}
@media(prefers-reduced-motion:reduce){.burst,.values-footer i{animation:none}}

/* Core Values collage refinement */
.core-values{background:radial-gradient(circle at 80% 15%,rgba(141,212,217,.16),transparent 25%),radial-gradient(circle at 12% 84%,rgba(169,140,160,.18),transparent 28%),#f8f3f7;padding-block:clamp(100px,11vw,170px)}.core-values:before{content:"";position:absolute;width:clamp(260px,35vw,520px);height:clamp(140px,18vw,260px);right:-6%;bottom:5%;background:url('assets/logo.svg') center/contain no-repeat;opacity:.035;transform:rotate(-7deg)}.values-head{grid-template-columns:.9fr 1.1fr;align-items:center;max-width:1180px;margin-inline:auto;margin-bottom:75px}.values-head>div{position:relative}.values-pill{font-family:var(--display);font-style:italic;padding:7px 26px;transform:rotate(-3deg);box-shadow:5px 6px 0 #c5b2b2}.values-head h2{font-family:var(--display);font-weight:700;font-size:clamp(5rem,10vw,10rem);letter-spacing:-.075em;color:#60435b;margin-top:28px}.values-head>p{font:700 clamp(1.7rem,3vw,3.3rem)/1.08 var(--display);max-width:620px;color:#30272e}.values-head>p:before{content:"“";display:block;font-size:4rem;line-height:.5;color:#a98ca0}.values-cards{max-width:1160px;gap:26px 30px;align-items:start}.values-cards article{min-height:275px;padding:34px 36px;border:0;border-radius:8px;box-shadow:10px 12px 0 rgba(96,67,91,.14),0 20px 45px rgba(49,35,46,.08);transform-origin:center;overflow:visible}.values-cards article:nth-child(1){background:#c5b2b2;transform:rotate(-2deg)}.values-cards article:nth-child(2){background:#8dd4d9;transform:rotate(1.6deg) translateY(25px)}.values-cards article:nth-child(3){background:#d7d7d7;transform:rotate(1.2deg) translateX(18px)}.values-cards article:nth-child(4){background:#bfa26a;transform:rotate(-1.7deg) translate(4px,34px)}.values-cards article:hover{transform:translateY(-7px) rotate(0);background:var(--paper);z-index:3}.values-cards article:before{content:"";position:absolute;width:86px;height:24px;background:rgba(255,255,255,.54);top:-11px;left:50%;transform:translateX(-50%) rotate(-2deg);box-shadow:0 2px 5px rgba(0,0,0,.06)}.values-cards article:nth-child(even):before{transform:translateX(-50%) rotate(3deg)}.values-cards article:after{width:135px;height:135px;right:-30px;bottom:-38px;border:2px solid rgba(96,67,91,.22);box-shadow:0 0 0 18px rgba(255,255,255,.12),0 0 0 36px rgba(96,67,91,.06)}.values-cards h3{font:700 clamp(2.1rem,3.5vw,3.6rem)/.95 var(--display);letter-spacing:-.045em;margin-top:30px;color:#30272e}.values-cards p{max-width:72%;font-size:.9rem;line-height:1.6;color:#30272e}.values-cards article>span{bottom:30px;left:36px;background:#60435b;color:#fff;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:.55rem}.value-icon{right:30px;top:30px;width:66px;height:66px;background:rgba(255,255,255,.28);border:1.5px solid #60435b;font-size:1.8rem;box-shadow:4px 5px 0 rgba(96,67,91,.2)}.values-footer{max-width:1160px;margin-top:78px;justify-content:center}.values-footer span{background:#60435b;color:#fff;padding:12px 22px;transform:rotate(-2deg)}.values-bg>b{left:auto;right:4%;top:4%;font-size:clamp(8rem,15vw,16rem);opacity:.55}.values-bg>span{left:5%;top:48%;font-size:1.15rem}.burst-one{right:-25px;top:32%}.burst-two{left:-35px;bottom:3%}
@media(max-width:800px){.values-head{grid-template-columns:1fr}.values-head>p{font-size:clamp(1.6rem,6vw,2.5rem)}.values-cards article:nth-child(n){transform:none}.values-cards article:nth-child(even){transform:translateY(0)}.values-cards article{min-height:250px}.values-footer{margin-top:35px}}
@media(max-width:480px){.values-head{margin-bottom:45px}.values-head h2{font-size:clamp(4.5rem,24vw,7rem)}.values-cards{gap:18px}.values-cards article{padding:28px 24px;min-height:240px}.values-cards p{max-width:78%;font-size:.82rem}.values-cards article>span{left:24px}.value-icon{right:22px;top:22px}.values-cards h3{font-size:2.3rem}}

/* Core Values — warm-paper collage using the supplied Bizzapt artwork. */
.core-values{background:var(--paper);padding-block:clamp(90px,10vw,145px)}
.core-values:before{display:none}
.values-bg{z-index:0}
.values-asset{position:absolute;display:block;object-fit:contain;pointer-events:none;user-select:none}
.values-smiley{width:clamp(110px,13vw,190px);left:-18px;top:30%;transform:rotate(-10deg);opacity:.9}
.values-triangles{width:clamp(290px,43vw,650px);right:-80px;top:25px;opacity:.28}
.values-flower{width:clamp(280px,40vw,590px);right:-145px;bottom:-110px;opacity:.36;transform:rotate(12deg)}
.values-head{grid-template-columns:1fr minmax(250px,390px);align-items:end;margin-bottom:65px}
.values-pill{font:700 clamp(.82rem,1.2vw,1.05rem)/1 var(--sans);font-style:normal;text-transform:uppercase;letter-spacing:.08em;padding:10px 18px;transform:rotate(-2deg);box-shadow:4px 4px 0 #c5b2b2}
.values-head h2{font:800 clamp(4.8rem,10vw,9.4rem)/.76 var(--sans);letter-spacing:-.075em;margin-top:24px}
.values-head>p{font:700 clamp(1.35rem,2.4vw,2.4rem)/1.05 var(--sans);letter-spacing:-.04em;max-width:380px;padding-bottom:8px}
.values-head>p:before{display:none}
.values-cards article:after{display:none!important}
.values-cards article{overflow:hidden;border:1px solid rgba(48,39,46,.12);box-shadow:8px 10px 0 rgba(96,67,91,.12),0 18px 38px rgba(49,35,46,.07)}
.value-icon{width:58px;height:58px;border:0;border-radius:12px;background:rgba(244,238,230,.62);box-shadow:none}
.value-icon svg{width:28px;height:28px;stroke-width:1.65}
.values-cards article>span{border-radius:8px;width:auto;height:auto;padding:8px 10px}
.values-footer{margin-top:68px}
@media(max-width:800px){.values-triangles{right:-180px;opacity:.2}.values-smiley{left:-35px;top:20%}.values-flower{right:-210px}.values-head{align-items:start}.values-head>p{padding-left:3px}}
@media(max-width:480px){.values-head h2{font-size:clamp(4.2rem,22vw,6.4rem)}.values-smiley{width:95px;top:23%}.values-triangles{width:360px;right:-230px}.values-flower{width:330px;right:-210px;bottom:-40px}.value-icon{width:48px;height:48px}.value-icon svg{width:23px;height:23px}}

/* Match the Core Values headline to the home hero typography. */
.values-head h2{font-family:var(--display);font-size:clamp(3.7rem,8.3vw,9rem);font-weight:700;line-height:.82;letter-spacing:-.055em;color:var(--ink);margin:0}
.values-head h2 em{font-weight:700;color:var(--plum)}
.values-head .section-tag{margin-bottom:22px}
.value-icon svg{display:block;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;shape-rendering:geometricPrecision;overflow:visible}
.value-icon svg *{vector-effect:non-scaling-stroke}
.value-icon .solid-value-mark{width:27px;height:27px;fill:currentColor;stroke:none;overflow:visible}
.values-cards article:nth-child(1) .value-icon{color:#52394e;background:rgba(255,255,255,.48)}
.values-cards article:nth-child(2) .value-icon{color:#294f58;background:rgba(255,255,255,.42)}
.values-cards article:nth-child(3) .value-icon{color:#4f3b4b;background:rgba(255,255,255,.58)}
.values-cards article:nth-child(4) .value-icon{color:#503b22;background:rgba(255,255,255,.38)}
@media(max-width:800px){.values-head h2{font-size:clamp(3.4rem,13vw,6rem)}}
@media(max-width:480px){.values-head h2{font-size:clamp(3rem,16vw,4.4rem)}}

/* Give the home hero the same breathing room as the Values section. */
.hero{padding:clamp(90px,9vw,145px) clamp(24px,6vw,100px) clamp(110px,11vw,175px)}
.hero-intro{max-width:1320px;margin:0 auto clamp(72px,8vw,125px);grid-template-columns:1.15fr minmax(260px,.48fr);gap:clamp(45px,7vw,110px)}
.hero h1{font-size:clamp(3.4rem,6vw,6.6rem);line-height:.86}
.hero-copy{max-width:370px;padding:22px 0 6px 22px;background:transparent;backdrop-filter:none}
.collage-wrap{width:min(100%,1280px);margin-inline:auto}
.collage{height:min(66vw,790px);min-height:630px}
.tap-note{margin-bottom:18px}
@media(max-width:850px){.hero{padding:clamp(75px,11vw,110px) clamp(22px,5vw,52px) clamp(95px,13vw,135px)}.hero-intro{grid-template-columns:1fr;gap:34px;margin-bottom:72px}.hero h1{font-size:clamp(3.25rem,11vw,5.6rem)}.hero-copy{max-width:560px}.collage{height:800px;min-height:0}}
@media(max-width:520px){.hero{padding:64px 18px 90px}.hero-intro{gap:28px;margin-bottom:58px}.hero h1{font-size:clamp(2.8rem,14vw,4rem)}.hero-copy{padding:16px 0 4px 16px}.collage{height:660px}.tap-note{margin-bottom:14px}}

/* Continuous Bizzapt cutout atmosphere. */
main{position:relative;isolation:isolate;background:var(--paper)}
main>section{position:relative;z-index:1}
.hero,.core-values,.work-collage,.partners,.process{background-color:transparent}
.page-atmosphere{position:fixed;inset:66px 0 0;z-index:0;pointer-events:none;overflow:hidden}
.atmo-art{position:absolute;display:block;object-fit:contain;mix-blend-mode:multiply;user-select:none;will-change:transform}
.atmo-arrows{width:clamp(105px,12vw,190px);right:3vw;top:13%;opacity:.16;animation:atmoFloat 7s ease-in-out infinite alternate}
.atmo-asterisk{width:clamp(170px,22vw,340px);left:-7vw;top:48%;opacity:.07;animation:atmoSpin 42s linear infinite}
.atmo-triangles{width:clamp(145px,18vw,260px);right:-3vw;bottom:7%;opacity:.11;transform:rotate(8deg)}
.atmo-dots{width:clamp(150px,19vw,280px);left:5vw;bottom:8%;opacity:.13}
.atmo-sparkles{width:clamp(105px,14vw,210px);right:15vw;top:44%;opacity:.09;animation:atmoFloatSoft 9s ease-in-out infinite alternate-reverse}
.services{overflow:visible}
.services-hand{position:absolute;z-index:4;width:clamp(190px,19vw,300px);height:auto;right:6vw;top:clamp(-125px,-7vw,-82px);filter:drop-shadow(0 12px 18px rgba(0,0,0,.2));transform:rotate(9deg);animation:handPull 5.5s ease-in-out infinite;pointer-events:none}
@keyframes atmoFloat{from{transform:translateY(-8px)}to{transform:translateY(13px)}}
@keyframes atmoFloatSoft{from{transform:translateY(-6px) rotate(-3deg)}to{transform:translateY(10px) rotate(3deg)}}
@keyframes atmoSpin{to{transform:rotate(360deg)}}
@keyframes handPull{0%,100%{transform:translateY(0) rotate(9deg)}50%{transform:translateY(10px) rotate(7deg)}}
@media(max-width:800px){.page-atmosphere{inset:62px 0 0}.atmo-asterisk{left:-15vw}.atmo-triangles{right:-10vw}.atmo-sparkles{display:none}.services-hand{width:210px;right:3vw;top:-82px}}
@media(max-width:520px){.page-atmosphere{inset:58px 0 0}.atmo-arrows{right:-25px;opacity:.12}.atmo-asterisk{width:190px;left:-85px}.atmo-dots{left:-45px;opacity:.1}.atmo-triangles{width:150px;right:-70px}.services-hand{width:155px;right:10px;top:-60px}}
@media(prefers-reduced-motion:reduce){.atmo-arrows,.atmo-asterisk,.atmo-sparkles,.services-hand{animation:none}}

/* Mission + Vision bridge */
.mission-vision{padding:clamp(90px,10vw,145px) clamp(24px,6vw,100px);background:rgba(244,238,230,.9);border-top:1px solid rgba(96,67,91,.16);border-bottom:1px solid rgba(96,67,91,.16)}
.mission-vision-head{display:grid;grid-template-columns:.55fr 1.45fr;gap:clamp(40px,7vw,110px);align-items:start;max-width:1320px;margin:0 auto clamp(55px,6vw,85px)}
.mission-vision-head .section-tag{margin:8px 0 0}
.mission-vision-head h2{font:700 clamp(2.8rem,5.4vw,5.8rem)/.9 var(--display);letter-spacing:-.05em;margin:0}
.mission-vision-head h2 em{color:var(--plum)}
.mission-vision-grid{display:grid;grid-template-columns:1fr 1fr;max-width:1320px;margin:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mission-vision-grid article{position:relative;min-height:300px;padding:clamp(30px,4vw,58px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.mission-vision-grid article+article{border-left:1px solid var(--line)}
.vision-card{background:rgba(197,178,178,.42)}
.mission-card{background:rgba(141,212,217,.34)}
.mv-label{display:flex;align-items:center;gap:18px}
.mv-label span{font:600 .58rem var(--mono);padding:7px 9px;background:var(--ink);color:var(--paper);border-radius:5px}
.mv-label h3{font:700 clamp(1.8rem,3vw,3rem)/1 var(--display);margin:0}
.mission-vision-grid article>p{font:600 clamp(1.2rem,2vw,2rem)/1.15 var(--sans);letter-spacing:-.035em;max-width:590px;margin:50px 0 0}
.mission-vision-grid article:after{content:"";position:absolute;width:150px;height:150px;right:-75px;top:-75px;transform:rotate(45deg);border:1px solid rgba(96,67,91,.16)}
.mission-card:after{border-radius:50%}
@media(max-width:760px){.mission-vision-head{grid-template-columns:1fr;gap:20px}.mission-vision-grid{grid-template-columns:1fr}.mission-vision-grid article{min-height:260px}.mission-vision-grid article+article{border-left:0;border-top:1px solid var(--line)}.mission-vision-grid article>p{margin-top:42px}}
@media(max-width:480px){.mission-vision{padding:72px 18px}.mission-vision-head h2{font-size:clamp(2.7rem,13vw,4rem)}.mission-vision-grid article{padding:28px 24px;min-height:245px}.mission-vision-grid article>p{font-size:1.15rem}}
.who-trigger{width:max-content;padding:9px 11px;border:1px solid rgba(96,67,91,.35);background:rgba(255,255,255,.42);color:var(--ink);cursor:pointer;text-align:left;transition:background .2s,color .2s,transform .2s}.who-trigger span{margin-left:9px}.who-trigger:hover,.who-trigger:focus-visible{background:var(--ink);color:var(--paper);transform:translateY(-2px);outline:none}.bizzapt-overview{position:relative;max-width:1320px;min-height:470px;margin:0 auto 36px;padding:clamp(58px,7vw,95px) clamp(38px,8vw,125px);display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 78% 20%,rgba(141,212,217,.18),transparent 29%),linear-gradient(135deg,rgba(255,255,255,.48),rgba(244,238,230,.7))}.bizzapt-overview:before{content:"";position:absolute;width:420px;height:110px;left:-75px;bottom:45px;background:rgba(141,212,217,.28);transform:rotate(-43deg)}.bizzapt-overview:after{content:"BUILD · GROW · SCALE";position:absolute;right:22px;bottom:38px;color:rgba(33,29,27,.3);font:500 .55rem var(--mono);letter-spacing:.18em;writing-mode:vertical-rl}.bizzapt-overview>div{position:relative;z-index:1;width:min(100%,760px);padding-left:44px;border-left:4px solid var(--plum)}.bizzapt-overview>div>span{display:block;margin-bottom:28px;font:600 .58rem var(--mono);letter-spacing:.09em;color:var(--plum)}.bizzapt-overview p{margin:0;font:500 clamp(1.75rem,3.2vw,3.25rem)/1.35 var(--sans);letter-spacing:-.035em}.bizzapt-overview a{display:flex;width:min(100%,390px);align-items:center;justify-content:space-between;margin-top:43px;padding:0 0 12px;color:var(--ink);border-bottom:2px solid var(--ink);text-decoration:none;font:700 clamp(.75rem,1.3vw,1rem) var(--sans);letter-spacing:.08em}.bizzapt-overview a b{font-size:1.4rem}.mission-vision-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mission-vision-grid article{min-height:310px}.who-dialog{width:min(calc(100% - 32px),790px);max-height:calc(100dvh - 32px);padding:0;border:0;background:transparent;color:var(--ink);overflow:auto}.who-dialog::backdrop{background:rgba(20,18,19,.74);backdrop-filter:blur(9px)}.who-dialog-inner{position:relative;padding:clamp(35px,6vw,68px);background:linear-gradient(135deg,rgba(244,238,230,.98),rgba(225,237,239,.97));border:1px solid rgba(255,255,255,.6);box-shadow:0 32px 100px rgba(0,0,0,.38)}.who-dialog-close{position:absolute;right:18px;top:18px;width:42px;height:42px;border:1px solid rgba(33,29,27,.25);border-radius:50%;background:rgba(255,255,255,.48);font-size:1.5rem;cursor:pointer}.who-dialog-inner>h2{margin:24px 0;font:700 clamp(2.5rem,5vw,4.8rem)/.9 var(--display);letter-spacing:-.05em}.who-dialog-inner>h2 em{color:var(--plum)}.who-dialog-inner>p{max-width:610px;font-size:.95rem;line-height:1.7}.who-email-block{margin:38px 0 25px;padding:19px;background:rgba(255,255,255,.55);border:1px solid rgba(96,67,91,.2)}.who-email-block>span{display:block;margin-bottom:11px;font:600 .52rem var(--mono);letter-spacing:.08em}.who-email-block>div{display:grid;grid-template-columns:1fr auto;border:1px solid rgba(33,29,27,.22);background:#fff}.who-email-block code{min-width:0;padding:14px;font:500 clamp(.65rem,2vw,.86rem) var(--mono);overflow:hidden;text-overflow:ellipsis}.who-email-block button{border:0;border-left:1px solid rgba(33,29,27,.22);padding:0 17px;background:var(--plum);color:#fff;font:600 .52rem var(--mono);cursor:pointer}.copy-status{display:block;margin-top:10px;color:rgba(33,29,27,.58);font:.5rem var(--mono)}.who-dialog-cta{display:inline-flex;align-items:center;gap:24px;padding:14px 17px;background:var(--ink);color:#fff;text-decoration:none;font:600 .57rem var(--mono)}@media(max-width:900px){.bizzapt-overview{min-height:390px}.mission-vision-grid{grid-template-columns:1fr}.mission-vision-grid article{min-height:260px}.mission-vision-grid article+article{border-left:0;border-top:1px solid var(--line)}}@media(max-width:480px){.bizzapt-overview{min-height:350px;margin-bottom:20px;padding:45px 23px}.bizzapt-overview>div{padding-left:20px;border-left-width:3px}.bizzapt-overview>div>span{margin-bottom:18px;font-size:.48rem}.bizzapt-overview p{font-size:1.35rem;line-height:1.45}.bizzapt-overview a{margin-top:30px;font-size:.67rem}.bizzapt-overview:after{display:none}.who-dialog{width:calc(100% - 18px);max-height:calc(100dvh - 18px)}.who-dialog-inner{padding:55px 20px 25px}.who-dialog-inner>h2{font-size:2.65rem}.who-email-block{padding:12px;margin-top:28px}.who-email-block>div{grid-template-columns:1fr}.who-email-block code{font-size:.61rem}.who-email-block button{min-height:42px;border-left:0;border-top:1px solid rgba(33,29,27,.22)}.who-dialog-cta{width:100%;justify-content:space-between}}

/* Focused CTA replacing the home project-preview collage. */
.home-cta{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:clamp(35px,7vw,100px);align-items:end;padding:clamp(90px,10vw,150px) clamp(24px,6vw,100px);background:var(--plum);color:var(--paper)}
.home-cta-copy{position:relative;z-index:2}
.home-cta .section-tag{margin:0 0 28px;color:rgba(244,238,230,.72)}
.home-cta h2{font:700 clamp(3.2rem,6.5vw,7rem)/.86 var(--display);letter-spacing:-.055em;margin:0;max-width:1100px}
.home-cta h2 em{color:#8dd4d9}
.home-cta>a{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:35px;min-width:220px;padding:19px 22px;background:var(--paper);color:var(--ink);text-decoration:none;font:700 .68rem var(--mono);letter-spacing:.06em;transition:transform .25s,box-shadow .25s}
.home-cta>a:hover{transform:translate(-5px,-5px);box-shadow:7px 7px 0 #8dd4d9}
.home-cta>a span{font:400 1.25rem var(--sans)}
.home-cta-mark{position:absolute;width:clamp(330px,48vw,760px);right:-8%;top:50%;transform:translateY(-50%) rotate(-8deg);opacity:.075}
.home-cta-mark img{display:block;width:100%;filter:brightness(0) invert(1)}
@media(max-width:850px){.home-cta{grid-template-columns:1fr;align-items:start}.home-cta>a{width:max-content}.home-cta-mark{right:-20%;width:620px}}
@media(max-width:520px){.home-cta{padding:78px 18px}.home-cta h2{font-size:clamp(2.75rem,13vw,4.2rem)}.home-cta>a{width:100%;min-width:0}.home-cta-mark{width:420px;right:-45%}}

/* Filterable partner directory */
.partners{padding-block:clamp(90px,10vw,145px)}
.partners-head{display:grid;grid-template-columns:1fr auto;gap:45px;align-items:end;margin-bottom:55px}
.partners-head .section-tag{margin:0 0 22px}
.partners-head h2{font:700 clamp(3rem,5.8vw,6.2rem)/.88 var(--display);letter-spacing:-.055em;margin:0}
.partners-head h2 em{color:var(--plum)}
.partner-filters{display:flex;border:1px solid var(--line);background:rgba(244,238,230,.8)}
.partner-filters button{appearance:none;border:0;border-right:1px solid var(--line);background:transparent;color:var(--ink);padding:14px 16px;font:600 .58rem var(--mono);letter-spacing:.06em;cursor:pointer}
.partner-filters button:last-child{border-right:0}
.partner-filters button.active{background:var(--ink);color:var(--paper)}
.partner-filters button:focus-visible{outline:3px solid var(--plum);outline-offset:3px}
.partner-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.partner-card{background:rgba(244,238,230,.92);border:1px solid var(--line);min-width:0;transition:transform .25s,box-shadow .25s}
.partner-card:hover{transform:translateY(-5px);box-shadow:7px 8px 0 rgba(96,67,91,.16)}
.partner-card[hidden]{display:none}
.partner-image{position:relative;aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden;background:#d7d7d7;border-bottom:1px solid var(--line)}
.partner-card:nth-child(4n+2) .partner-image{background:#c5b2b2}
.partner-card:nth-child(4n+3) .partner-image{background:#8dd4d9}
.partner-card:nth-child(4n+4) .partner-image{background:#bfa26a}
.partner-image span{position:absolute;left:14px;top:14px;font:600 .48rem var(--mono);letter-spacing:.08em}
.partner-image b{font:700 clamp(3.5rem,6vw,6.5rem)/1 var(--display);color:rgba(96,67,91,.34);letter-spacing:-.08em}
.partner-image.has-logo{padding:clamp(14px,2vw,28px);background:#fff!important}
.partner-image.has-logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.partner-card>div:last-child{padding:22px;min-height:135px}
.partner-card small{font:500 .5rem var(--mono);letter-spacing:.07em;color:var(--plum)}
.partner-card h3{font:700 clamp(1.3rem,2vw,2rem)/1.05 var(--display);margin:25px 0 0}
@media(max-width:980px){.partner-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.partners-head{grid-template-columns:1fr}.partner-filters{width:max-content}}
@media(max-width:560px){.partners-head h2{font-size:clamp(2.8rem,13vw,4.2rem)}.partner-filters{width:100%;overflow-x:auto}.partner-filters button{flex:1;padding-inline:11px}.partner-cards{grid-template-columns:1fr}.partner-image{aspect-ratio:16/10}.partner-card>div:last-child{min-height:115px}}

/* Airier partner directory and explicit filter state. */
.partners{padding:clamp(120px,13vw,190px) clamp(24px,7vw,120px)}
.partners-head,.partner-cards{width:min(100%,1180px);margin-inline:auto}
.partners-head{grid-template-columns:minmax(0,1fr) auto;gap:70px;margin-bottom:clamp(75px,8vw,115px)}
.partners-head h2{font-size:clamp(2.8rem,4.6vw,5rem);line-height:.92;max-width:760px}
.partner-filters{align-self:end;margin-bottom:5px}
.partner-filters button{padding:12px 15px}
.partner-cards{gap:24px 18px}
.partner-card.is-filtered-out,.partner-card[hidden]{display:none!important}
.partner-image{aspect-ratio:16/9}
.partner-image b{font-size:clamp(2.7rem,4vw,4.5rem)}
.partner-card>div:last-child{padding:19px 20px;min-height:110px}
.partner-card h3{font-size:clamp(1.15rem,1.55vw,1.55rem);margin-top:18px}
@media(max-width:980px){.partners-head{grid-template-columns:1fr;gap:38px}.partner-filters{margin-bottom:0}.partner-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.partners{padding:90px 18px 110px}.partners-head{margin-bottom:55px}.partners-head h2{font-size:clamp(2.6rem,12vw,3.8rem)}.partner-cards{grid-template-columns:1fr;gap:18px}.partner-image{aspect-ratio:2/1}}

/* Editorial process runway */
.process{position:relative;padding:clamp(115px,12vw,180px) clamp(24px,7vw,120px);grid-template-columns:minmax(300px,.78fr) minmax(500px,1.22fr);gap:clamp(65px,9vw,145px);background:rgba(244,238,230,.94);overflow:hidden}
.process-title{position:sticky;top:105px;align-self:start}
.process-title .section-tag{margin:0 0 28px}
.process-title h2{font-size:clamp(3.1rem,5.5vw,6rem);line-height:.87;max-width:650px}
.process-intro{max-width:470px;margin:38px 0 0;font-size:.95rem;line-height:1.7;color:rgba(33,29,27,.7)}
.process-direction{display:block;width:48px;height:auto;margin:45px 0 0 6px;opacity:.45;animation:processDrift 3.5s ease-in-out infinite alternate}
.process ol{position:relative;border-top:0;display:grid;gap:16px}
.process ol:before{content:"";position:absolute;left:31px;top:45px;bottom:45px;width:1px;background:rgba(96,67,91,.25)}
.process li{position:relative;z-index:1;grid-template-columns:64px 1fr;gap:25px;align-items:center;min-height:170px;padding:28px 32px 28px 0;border:1px solid rgba(96,67,91,.18);background:rgba(255,255,255,.5);transition:transform .25s,box-shadow .25s,background .25s}
.process li:nth-child(2){background:rgba(197,178,178,.35)}
.process li:nth-child(3){background:rgba(141,212,217,.28)}
.process li:nth-child(4){background:rgba(191,162,106,.3)}
.process li:hover{transform:translateX(8px);box-shadow:-7px 8px 0 rgba(96,67,91,.12);background:var(--paper)}
.process li>span{position:relative;width:64px;height:64px;display:grid;place-items:center;background:var(--ink);color:var(--paper);font-size:.62rem}
.process li small{font:600 .52rem var(--mono);letter-spacing:.09em;color:var(--plum)}
.process li h3{font-size:clamp(2rem,3vw,3.2rem);line-height:.9;margin:12px 0}
.process li p{font-size:.88rem;line-height:1.6;color:rgba(33,29,27,.72)}
@keyframes processDrift{to{transform:translateY(13px)}}
@media(max-width:900px){.process{grid-template-columns:1fr;gap:65px}.process-title{position:relative;top:auto}.process-direction{width:38px;transform:rotate(-90deg);margin-top:32px}.process ol{max-width:720px}.process li:hover{transform:translateY(-4px)}}
@media(max-width:560px){.process{padding:95px 18px}.process-title h2{font-size:clamp(2.8rem,13vw,4.2rem)}.process li{grid-template-columns:48px 1fr;gap:18px;min-height:155px;padding:23px 20px 23px 0}.process li>span{width:48px;height:48px}.process ol:before{left:23px}.process li h3{font-size:2.25rem}.process-intro{font-size:.88rem}}
@media(prefers-reduced-motion:reduce){.process-direction{animation:none}}

/* Extra breathing room around the process runway. */
.process{margin-top:clamp(70px,8vw,125px);padding-top:clamp(135px,14vw,210px);padding-bottom:clamp(145px,15vw,225px);gap:clamp(90px,11vw,175px)}
.process-title h2{max-width:590px;font-size:clamp(2.8rem,4.1vw,4.5rem);line-height:.94}
.process-intro{margin-top:46px}
.process ol{gap:26px}
.process li{min-height:155px;padding-block:34px}
@media(max-width:900px){.process{margin-top:80px;padding-top:125px;padding-bottom:145px;gap:85px}.process ol{gap:22px}}
@media(max-width:560px){.process{margin-top:58px;padding-top:100px;padding-bottom:120px;gap:65px}.process-title h2{font-size:clamp(2.7rem,12vw,3.9rem)}.process li{min-height:145px;padding-block:28px}}

/* One continuous canvas and matching rhythm for Process + Partners. */
.process,.partners{background:transparent;margin-top:0;padding-top:clamp(120px,12vw,175px);padding-bottom:clamp(120px,12vw,175px)}
.process{border-bottom:1px solid rgba(96,67,91,.16)}
.partners{border-top:0}
@media(max-width:900px){.process,.partners{padding-top:125px;padding-bottom:125px}}
@media(max-width:560px){.process,.partners{padding-top:95px;padding-bottom:105px}}

/* Clean closing enquiry form */
.contact{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:clamp(60px,8vw,130px);padding:clamp(110px,11vw,175px) clamp(24px,6vw,100px);background:#171516;color:var(--paper);text-align:left}
.contact:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 22%,rgba(96,67,91,.24),transparent 27%),radial-gradient(circle at 75% 5%,rgba(141,212,217,.1),transparent 24%);pointer-events:none}
.contact-copy,.contact-form{position:relative;z-index:1}
.contact-copy>.section-tag{margin:8px 0 32px;color:#c5b2b2}
.contact h2{font-size:clamp(3.4rem,6.3vw,7rem);line-height:.88;max-width:770px}
.contact h2 em{color:#c5b2b2}
.contact-lead{max-width:650px;margin:42px 0 52px;font-size:clamp(.95rem,1.2vw,1.12rem);line-height:1.75;color:rgba(244,238,230,.72)}
.contact-promises{display:grid;gap:13px}
.contact-promises article{display:grid;grid-template-columns:52px 1fr;gap:20px;align-items:center;padding:20px;border:1px solid rgba(244,238,230,.15);background:rgba(0,0,0,.12)}
.contact-promises article>span{width:52px;height:52px;display:grid;place-items:center;background:rgba(96,67,91,.25);color:#c5b2b2;border-radius:8px}
.contact-promises svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.contact-promises h3{font:700 1rem var(--sans);margin:0 0 7px}
.contact-promises p{font-size:.76rem;line-height:1.5;color:rgba(244,238,230,.62);margin:0}
.contact-form{padding:clamp(30px,4vw,56px);border:1px solid rgba(244,238,230,.17);border-radius:18px;background:rgba(5,5,5,.5);box-shadow:0 28px 70px rgba(0,0,0,.22)}
.form-heading{margin-bottom:38px}
.form-heading .section-tag{margin:0 0 20px;color:#a98ca0}
.form-heading h3{font:700 clamp(2rem,3vw,3.1rem)/1 var(--display);margin:0}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 18px}
.form-grid label{display:grid;gap:10px}
.form-grid label>span{font:600 .58rem var(--mono);letter-spacing:.05em;text-transform:uppercase;color:rgba(244,238,230,.68)}
.form-wide{grid-column:1/-1}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid rgba(244,238,230,.16);border-radius:10px;background:rgba(0,0,0,.28);color:var(--paper);padding:16px 17px;font:400 .92rem var(--sans);outline:none;transition:border-color .2s,box-shadow .2s}
.contact-form input,.contact-form select{height:55px}
.contact-form textarea{resize:vertical;min-height:145px;line-height:1.5}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:rgba(244,238,230,.3)}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#a98ca0;box-shadow:0 0 0 3px rgba(169,140,160,.14)}
.contact-form select{appearance:auto}
.contact-form button{width:100%;margin-top:28px;border:0;background:var(--plum);color:var(--paper);padding:18px 22px;display:flex;justify-content:center;align-items:center;gap:22px;font:700 .68rem var(--mono);letter-spacing:.06em;cursor:pointer;transition:background .2s,transform .2s}
.contact-form button:hover{background:#75536f;transform:translateY(-2px)}
.contact-form button:disabled{cursor:wait;opacity:.7;transform:none}
.contact-form button span{font:400 1.15rem var(--sans)}
.form-note{text-align:center;margin:13px 0 0;font-size:.65rem;color:rgba(244,238,230,.42)}
.form-status{margin:14px 0 0;padding:12px 14px;border:1px solid currentColor;text-align:center;font:600 .65rem/1.5 var(--mono)}
.form-status.is-success{color:#8dd4d9;background:rgba(141,212,217,.08)}
.form-status.is-error{color:#ef9a9a;background:rgba(239,97,114,.08)}
@media(max-width:1050px){.contact{grid-template-columns:1fr}.contact-copy{max-width:780px}.contact-form{max-width:850px;width:100%}}
@media(max-width:600px){.contact{padding:90px 18px}.contact h2{font-size:clamp(3rem,15vw,4.7rem)}.contact-lead{margin:35px 0 42px}.contact-promises article{grid-template-columns:44px 1fr;padding:16px}.contact-promises article>span{width:44px;height:44px}.contact-form{padding:28px 20px;border-radius:12px}.form-grid{grid-template-columns:1fr;gap:20px}.form-wide{grid-column:auto}.form-heading{margin-bottom:32px}}

/* Guideline accent roles for the contact experience. */
.contact{border-top:8px solid transparent;border-image:linear-gradient(90deg,#60435b 0 25%,#8dd4d9 25% 50%,#bfa26a 50% 75%,#a98ca0 75%) 1}
.contact:before{background:radial-gradient(circle at 12% 18%,rgba(169,140,160,.2),transparent 26%),radial-gradient(circle at 78% 6%,rgba(141,212,217,.12),transparent 25%),radial-gradient(circle at 92% 85%,rgba(191,162,106,.09),transparent 23%)}
.contact-copy>.section-tag{color:#8dd4d9}
.contact h2 em{color:#bfa26a}
.contact-promises article:nth-child(1)>span{background:rgba(141,212,217,.14);color:#8dd4d9}
.contact-promises article:nth-child(2)>span{background:rgba(191,162,106,.15);color:#bfa26a}
.contact-promises article:nth-child(3)>span{background:rgba(169,140,160,.17);color:#c5b2b2}
.contact-promises article:nth-child(1){border-left:2px solid #8dd4d9}
.contact-promises article:nth-child(2){border-left:2px solid #bfa26a}
.contact-promises article:nth-child(3){border-left:2px solid #a98ca0}
.contact-form{border-color:rgba(141,212,217,.22);background:linear-gradient(145deg,rgba(13,37,44,.48),rgba(5,5,5,.62) 52%,rgba(96,67,91,.18))}
.form-heading .section-tag{color:#8dd4d9}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#8dd4d9;box-shadow:0 0 0 3px rgba(141,212,217,.13)}
.contact-form button{background:#bfa26a;color:#171516}
.contact-form button:hover{background:#8dd4d9;color:#171516}

/* Subtle glass depth for the closing section. */
.contact-form{backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 30px 80px rgba(0,0,0,.34),0 0 55px rgba(141,212,217,.055)}
.contact-form:before{content:"";position:absolute;inset:1px 1px auto;height:32%;border-radius:17px 17px 45% 45%;background:linear-gradient(180deg,rgba(255,255,255,.045),transparent);pointer-events:none}
.contact-promises article{backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);background:linear-gradient(110deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 14px 35px rgba(0,0,0,.13);transition:transform .25s,border-color .25s,background .25s}
.contact-promises article:hover{transform:translateY(-3px);background:linear-gradient(110deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border-color:rgba(244,238,230,.25)}
.contact-form input,.contact-form select,.contact-form textarea{background:rgba(0,0,0,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}

/* More breathing room in the contact close. */
.contact{padding:clamp(145px,15vw,230px) clamp(32px,8vw,145px);gap:clamp(85px,10vw,165px)}
.contact-copy{padding-block:18px}
.contact-copy>.section-tag{margin-bottom:42px}
.contact-lead{margin-top:52px;margin-bottom:68px}
.contact-promises{gap:18px}
.contact-form{padding:clamp(38px,4.5vw,66px)}
.form-heading{margin-bottom:50px}
.form-grid{gap:30px 22px}
.contact-form button{margin-top:36px}
@media(max-width:1050px){.contact{padding:135px clamp(28px,7vw,85px);gap:95px}.contact-copy{padding-block:0}}
@media(max-width:600px){.contact{padding:105px 18px 120px;gap:72px}.contact-copy>.section-tag{margin-bottom:30px}.contact-lead{margin:40px 0 52px}.contact-form{padding:32px 21px}.form-heading{margin-bottom:38px}.form-grid{gap:23px}}

/* Contact composition follows the supplied reference: balanced, full-width halves. */
.contact{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:900px;padding:70px clamp(36px,3.6vw,72px);column-gap:clamp(65px,6vw,120px);row-gap:70px}
.contact-copy{padding:0}
.contact-copy>.section-tag{margin-bottom:34px}
.contact h2{font-size:clamp(3.6rem,5.7vw,6.7rem)}
.contact-lead{margin:38px 0 48px;max-width:720px}
.contact-promises{gap:14px}
.contact-promises article{padding:18px 22px}
.contact-form{width:100%;max-width:none;padding:clamp(38px,3.2vw,58px)}
.form-heading{margin-bottom:38px}
.form-grid{gap:23px 18px}
.contact-form button{margin-top:28px}
@media(max-width:1050px){.contact{grid-template-columns:1fr;min-height:0;padding:110px clamp(28px,6vw,70px);gap:80px}.contact-copy,.contact-form{max-width:850px}.contact-form{width:100%}}
@media(max-width:600px){.contact{padding:90px 18px 105px;gap:65px}.contact h2{font-size:clamp(3rem,14vw,4.5rem)}.contact-lead{margin:34px 0 44px}.contact-form{padding:30px 20px}.form-heading{margin-bottom:32px}.form-grid{gap:20px}}

/* Quiet collage layer behind the glass contact layout. */
.contact-art{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.contact-art img{position:absolute;display:block;object-fit:contain;user-select:none}
.contact-art-asterisk{width:clamp(270px,31vw,520px);left:-11%;bottom:-21%;opacity:.13;animation:atmoSpin 52s linear infinite}
.contact-art-dots{width:clamp(190px,20vw,330px);left:35%;top:7%;opacity:.13;transform:rotate(-5deg)}
.contact-art-smiley{width:clamp(80px,8vw,125px);left:43%;bottom:8%;opacity:.42;transform:rotate(11deg);filter:drop-shadow(0 8px 12px rgba(0,0,0,.2))}
.contact-art-arrows{width:clamp(120px,13vw,210px);right:2%;top:4%;opacity:.16;animation:atmoFloatSoft 8s ease-in-out infinite alternate}
.contact-copy,.contact-form{z-index:2}
@media(max-width:1050px){.contact-art-dots{left:auto;right:4%;top:32%}.contact-art-smiley{left:auto;right:8%;bottom:45%}.contact-art-arrows{right:-25px}.contact-art-asterisk{left:-18%;bottom:-10%}}
@media(max-width:600px){.contact-art-dots{width:180px;right:-65px;top:26%}.contact-art-smiley{width:72px;right:8px;bottom:49%}.contact-art-arrows{width:120px;top:2%;right:-35px}.contact-art-asterisk{width:260px;left:-135px;bottom:-45px}}
@media(prefers-reduced-motion:reduce){.contact-art-asterisk,.contact-art-arrows{animation:none}}

/* Primary brand lockups + full site footer */
.site-header .brand-lockup{display:block;width:clamp(170px,15vw,220px)!important;height:auto!important;object-fit:contain}
.site-header .brand{flex:0 0 auto}
.site-footer{display:block;background:#111;color:var(--paper);padding:0;font-family:var(--sans);text-transform:none;border-top:1px solid rgba(244,238,230,.14)}
.footer-main{display:grid;grid-template-columns:minmax(300px,1.45fr) .55fr .55fr minmax(260px,.9fr);gap:clamp(40px,6vw,100px);padding:clamp(75px,8vw,125px) clamp(24px,6vw,100px)}
.footer-logo{display:block;align-self:start;max-width:460px}
.footer-logo img{display:block;width:100%;height:auto}
.footer-column,.footer-connect{display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.site-footer h2{font:600 .61rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#8dd4d9;margin:0 0 17px}
.footer-column a,.footer-email{color:rgba(244,238,230,.76);text-decoration:none;font-size:.82rem;line-height:1.4;transition:color .2s,transform .2s}
.footer-column a:hover,.footer-email:hover{color:#bfa26a;transform:translateX(3px)}
.footer-email{overflow-wrap:anywhere}
.social-links{display:flex;gap:10px;margin-top:12px}
.social-links :is(a,button){width:45px;height:45px;border:1px solid rgba(244,238,230,.22);background:rgba(255,255,255,.04);color:var(--paper);display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.social-links :is(a,button):hover{background:#8dd4d9;color:#111;transform:translateY(-3px)}
.social-links :is(a,button):focus-visible{outline:3px solid #bfa26a;outline-offset:3px}
.social-links svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.footer-connect small{font-size:.58rem;color:rgba(244,238,230,.38);line-height:1.45;margin-top:4px}
.footer-bottom{display:grid;grid-template-columns:1fr auto 1fr;gap:25px;align-items:center;padding:25px clamp(24px,6vw,100px);border-top:1px solid rgba(244,238,230,.13);font:500 .57rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:rgba(244,238,230,.5)}
.footer-bottom p{margin:0}.footer-bottom a{justify-self:end;color:#bfa26a;text-decoration:none}.footer-bottom a:hover{color:#8dd4d9}
@media(max-width:980px){.footer-main{grid-template-columns:1.2fr 1fr 1fr}.footer-logo{grid-column:1/-1;max-width:400px}.footer-connect{grid-column:2/4}}
@media(max-width:700px){.site-header .brand-lockup{width:155px!important}.footer-main{grid-template-columns:1fr 1fr;padding-block:75px}.footer-logo{grid-column:1/-1;width:min(100%,340px)}.footer-connect{grid-column:1/-1;margin-top:20px}.footer-bottom{grid-template-columns:1fr;align-items:start}.footer-bottom a{justify-self:start}}
@media(max-width:430px){.site-header .brand-lockup{width:132px!important}.footer-main{grid-template-columns:1fr;gap:42px}.footer-logo,.footer-connect{grid-column:auto}.footer-column{grid-column:auto}}

/* Keep the full horizontal lockup compact inside the navbar. */
.site-header .brand-lockup{width:auto!important;height:30px!important;max-width:175px;object-fit:contain;object-position:left center}
.site-header .brand{height:34px;display:flex;align-items:center;overflow:visible}
@media(max-width:700px){.site-header .brand-lockup{height:26px!important;max-width:150px}}
@media(max-width:430px){.site-header .brand-lockup{height:23px!important;max-width:128px}}

.site-header .brand-lockup{display:block;object-fit:contain;object-position:left center;clip-path:none;overflow:visible}

/* Persistent navigation */
html{scroll-padding-top:86px}
body{padding-top:66px}
.site-header{position:fixed;top:0;left:0;right:0;width:100%;z-index:100;background:rgba(244,238,230,.9);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);box-shadow:0 1px 0 rgba(96,67,91,.14)}
@media(max-width:850px){html{scroll-padding-top:80px}body{padding-top:62px}}
@media(max-width:520px){html{scroll-padding-top:74px}body{padding-top:58px}}

/* Services page breathing room */
.inner-page .page-hero{padding:clamp(105px,11vw,165px) clamp(24px,7vw,120px) clamp(125px,13vw,190px)}
.inner-page .page-hero>*{max-width:1260px;margin-left:auto;margin-right:auto}
.inner-page .page-hero .section-tag{margin-bottom:34px}
.inner-page .page-hero h1{font-size:clamp(3.4rem,6vw,6.5rem);line-height:.86}
.inner-page .page-hero>p:last-child{max-width:560px;margin-top:45px;margin-right:auto;margin-left:calc((100% - min(100%,1260px))/2)}
.service-studio{padding:0 clamp(24px,6vw,100px) clamp(130px,13vw,195px)}
.service-tabs{max-width:1320px;margin-inline:auto}
.service-world{max-width:1320px;margin-inline:auto}

/* Branding as an editorial design-studio spread. */
.brand-world.active{display:flex;flex-direction:column;align-items:center;gap:clamp(65px,7vw,105px);padding:clamp(110px,11vw,165px) clamp(28px,7vw,105px);background:#f8f3e7;text-align:center;overflow:hidden}
.brand-world .world-copy{width:100%;max-width:1080px;position:relative;z-index:2}
.brand-world .world-copy .section-tag{margin:0 0 28px;color:#60435b}
.brand-world .world-copy h2{font:700 clamp(4rem,8vw,8.4rem)/.78 var(--display);letter-spacing:-.07em;margin:0;color:#53382d}
.brand-world .world-copy>p:not(.section-tag){max-width:600px;margin:44px auto 52px;font-size:.92rem;line-height:1.75}
.brand-world .world-copy ul{display:grid;grid-template-columns:repeat(3,1fr);margin:0 auto;padding:0;max-width:900px;border:1px solid rgba(83,56,45,.2);background:rgba(255,255,255,.35)}
.brand-world .world-copy li{display:grid;place-items:center;min-height:58px;padding:13px;border:0;border-right:1px solid rgba(83,56,45,.16);border-bottom:1px solid rgba(83,56,45,.16);font-size:.55rem;letter-spacing:.06em}
.brand-world .world-copy li:nth-child(3n){border-right:0}
.brand-world .world-copy li:nth-last-child(-n+3){border-bottom:0}
.brand-board{display:block;position:relative;width:min(100%,780px);height:420px;margin:0 auto;background:transparent}
.brand-board>div{position:absolute;padding:18px;border:1px solid rgba(83,56,45,.18);box-shadow:8px 10px 25px rgba(83,56,45,.12);display:flex;align-items:flex-end;justify-content:flex-start;font:500 .55rem var(--mono)}
.brand-board .bb-logo{width:48%;height:54%;left:26%;top:15%;display:grid!important;place-items:center!important;background:#fff;transform:rotate(-2deg);z-index:2}
.brand-board .bb-logo img{width:68%;height:68%;object-fit:contain}
.brand-board .swatch{width:24%;height:36%;color:inherit}
.brand-board .s1{left:5%;top:4%;transform:rotate(-5deg);color:#fff}
.brand-board .s2{right:4%;top:2%;transform:rotate(6deg)}
.brand-board .s3{left:10%;bottom:2%;transform:rotate(4deg)}
.brand-board .type-card{width:34%;height:38%;right:8%;bottom:0;display:block!important;padding-top:28px;font-size:clamp(3.6rem,7vw,6.3rem)!important;line-height:.72!important;transform:rotate(-4deg);z-index:3}
.brand-board .sticker{width:130px;height:130px;left:50%;bottom:-18px;translate:-50% 0;border-radius:50%;display:grid!important;place-items:center!important;transform:rotate(7deg);z-index:4}
@media(max-width:800px){.inner-page .page-hero{padding:90px 28px 125px}.inner-page .page-hero h1{font-size:clamp(3.2rem,11vw,5.5rem)}.inner-page .page-hero>p:last-child{margin-left:auto}.service-studio{padding-inline:22px}.brand-world.active{padding:95px 28px 120px}.brand-world .world-copy h2{font-size:clamp(3.8rem,13vw,6.8rem)}.brand-board{height:380px}.brand-world .world-copy ul{grid-template-columns:1fr 1fr}.brand-world .world-copy li:nth-child(n){border-right:1px solid rgba(83,56,45,.16);border-bottom:1px solid rgba(83,56,45,.16)}.brand-world .world-copy li:nth-child(2n){border-right:0}.brand-world .world-copy li:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:520px){.inner-page .page-hero{padding:75px 18px 100px}.inner-page .page-hero h1{font-size:clamp(2.9rem,14vw,4.2rem)}.service-studio{padding-inline:14px}.brand-world.active{padding:78px 18px 105px;gap:55px}.brand-world .world-copy h2{font-size:clamp(3.4rem,16vw,5rem)}.brand-world .world-copy>p:not(.section-tag){margin-block:34px 40px}.brand-world .world-copy ul{grid-template-columns:1fr}.brand-world .world-copy li:nth-child(n){border-right:0;border-bottom:1px solid rgba(83,56,45,.16)}.brand-world .world-copy li:last-child{border-bottom:0}.brand-board{height:320px}.brand-board .bb-logo{width:58%;left:21%;height:48%}.brand-board .swatch{width:30%;height:31%}.brand-board .type-card{width:42%;height:34%;font-size:3.4rem!important}.brand-board .sticker{width:95px;height:95px;font-size:.48rem}}

.service-tabs{top:66px}
.compact-contact{display:flex;min-height:auto;align-items:center;justify-content:center;gap:26px;padding:clamp(100px,11vw,155px) 24px;background:var(--rose);text-align:center}
.compact-contact:before{display:none}.compact-contact .section-tag{margin:0}.compact-contact h2{font-size:clamp(3.2rem,6vw,6.5rem)}.compact-contact>a{margin-top:10px}
@media(max-width:850px){.service-tabs{top:62px}}
@media(max-width:520px){.service-tabs{top:58px}.compact-contact{padding-block:90px}.compact-contact h2{font-size:clamp(3rem,14vw,4.5rem)}}

/* Larger service copy and a quiet cutout background. */
.inner-page .page-hero{position:relative;overflow:hidden}
.inner-page .page-hero:before,.inner-page .page-hero:after{content:"";position:absolute;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:contain;z-index:0}
.inner-page .page-hero:before{width:clamp(150px,18vw,280px);height:clamp(80px,10vw,150px);right:4%;top:13%;background-image:url('assets/design-library/arrows-cyan.png');opacity:.13;animation:atmoFloat 8s ease-in-out infinite alternate}
.inner-page .page-hero:after{width:clamp(180px,22vw,330px);height:clamp(70px,9vw,125px);left:3%;bottom:7%;background-image:url('assets/design-library/dots-gold.png');opacity:.12;transform:rotate(-4deg)}
.inner-page .page-hero>*{position:relative;z-index:1}
.brand-world{position:relative;isolation:isolate}
.brand-world:before,.brand-world:after{content:"";position:absolute;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:contain;z-index:0}
.brand-world:before{width:clamp(180px,22vw,330px);height:clamp(210px,27vw,390px);left:-7%;top:11%;background-image:url('assets/design-library/triangles-outline-large.png');opacity:.1;transform:rotate(-8deg)}
.brand-world:after{width:clamp(105px,12vw,175px);height:clamp(100px,12vw,175px);right:5%;top:8%;background-image:url('assets/design-library/crown-paper.png');opacity:.38;transform:rotate(-8deg);filter:drop-shadow(0 8px 12px rgba(83,56,45,.12));animation:atmoFloatSoft 9s ease-in-out infinite alternate}
.brand-world .world-copy>p:not(.section-tag){font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.8;max-width:680px}
.brand-world .world-copy li{min-height:72px;padding:18px 20px;font-size:clamp(.68rem,.75vw,.82rem);line-height:1.35;letter-spacing:.045em}
.brand-world .world-copy .section-tag{font-size:.72rem}
.brand-world .brand-board{z-index:1}
@media(max-width:800px){.inner-page .page-hero:before{right:-7%;top:10%}.inner-page .page-hero:after{left:-8%}.brand-world:before{left:-18%;opacity:.075}.brand-world:after{right:2%}.brand-world .world-copy li{min-height:68px;font-size:.72rem}}
@media(max-width:520px){.inner-page .page-hero:before{width:145px;right:-45px;opacity:.1}.inner-page .page-hero:after{width:180px;left:-75px}.brand-world:before{width:190px;left:-95px}.brand-world:after{width:75px;right:-8px;top:3%}.brand-world .world-copy li{min-height:62px;font-size:.68rem;padding:15px}.brand-world .world-copy>p:not(.section-tag){font-size:.96rem}}
@media(prefers-reduced-motion:reduce){.inner-page .page-hero:before,.brand-world:after{animation:none}}

/* Data Analytics — dark live-signal editorial world. */
.data-world{position:relative;isolation:isolate;overflow:hidden;background:#1a1a1a;color:#edf5f3}
.data-world.active{display:flex;flex-direction:column;align-items:center;gap:clamp(70px,8vw,115px);padding:clamp(110px,11vw,170px) clamp(28px,7vw,105px)}
.data-world:before,.data-world:after{content:"";position:absolute;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:contain;z-index:0}
.data-world:before{width:clamp(210px,28vw,430px);height:90px;left:-5%;bottom:8%;background-image:url('assets/design-library/circles-plum.png');opacity:.22;transform:rotate(-7deg)}
.data-world:after{width:clamp(190px,25vw,390px);height:70px;right:-4%;top:6%;background-image:url('assets/design-library/crosses-blue.png');opacity:.34;animation:atmoFloat 8s ease-in-out infinite alternate}
.data-world .world-copy{position:relative;z-index:2;width:100%;max-width:1080px;text-align:center}
.data-world .world-copy .section-tag{margin:0 0 28px;color:#8dd4d9;font-size:.72rem}
.data-world .world-copy h2{font:700 clamp(4rem,8vw,8.3rem)/.79 var(--display);letter-spacing:-.07em;margin:0;color:#f4eee6}
.data-world .world-copy h2 br+*{color:#8dd4d9}
.data-world .world-copy>p:not(.section-tag){max-width:690px;margin:44px auto 52px;font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.8;color:rgba(237,245,243,.72)}
.data-world .world-copy ul{display:grid;grid-template-columns:repeat(3,1fr);max-width:930px;margin:0 auto;padding:0;border:1px solid rgba(141,212,217,.3);background:rgba(141,212,217,.035)}
.data-world .world-copy li{display:grid;place-items:center;min-height:76px;padding:18px 20px;border:0;border-right:1px solid rgba(141,212,217,.22);border-bottom:1px solid rgba(141,212,217,.22);font-size:clamp(.68rem,.75vw,.82rem);line-height:1.35;letter-spacing:.045em;color:#edf5f3}
.data-world .world-copy li:nth-child(3n){border-right:0}
.data-world .world-copy li:nth-last-child(-n+3){border-bottom:0}
.aura-console{position:relative;z-index:2;width:min(100%,980px);height:570px;min-height:0;padding:30px;border:1px solid rgba(141,212,217,.4);overflow:hidden;background:radial-gradient(circle at 38% 48%,rgba(0,174,214,.13),transparent 38%),linear-gradient(rgba(141,212,217,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(141,212,217,.08) 1px,transparent 1px),#0c1417;background-size:auto,32px 32px,32px 32px,auto;box-shadow:0 30px 75px rgba(0,0,0,.32)}
.aura-console:after{content:"";position:absolute;width:36%;aspect-ratio:1.12;right:4%;top:15%;background:url('assets/design-library/data-radar.png') center/contain no-repeat,rgba(244,238,230,.94);border:1px solid rgba(141,212,217,.35);box-shadow:10px 13px 0 rgba(96,67,91,.3);transform:rotate(2deg)}
.aura-console .console-head{position:relative;z-index:3;color:#8dd4d9}
.aura-console .aura-core{position:absolute;z-index:3;width:120px;height:120px;left:22%;top:40%;margin:0;font-size:4rem;background:rgba(12,20,23,.72);backdrop-filter:blur(8px);box-shadow:0 0 40px rgba(141,212,217,.2)}
.aura-console .aura-core:before{inset:-16px}.aura-console .aura-core:after{inset:-32px}
.aura-console .console-msg{position:absolute;z-index:3;left:32px;bottom:35px;max-width:470px;font-size:clamp(1.25rem,2vw,2rem);color:#f4eee6}
.aura-console .metric-row{position:absolute;z-index:3;right:34px;bottom:32px;margin:0;gap:28px;text-align:right}
.aura-console .metric-row b{color:#bfa26a}
@keyframes dataPulse{to{transform:scale(1.035);opacity:1;filter:drop-shadow(0 0 14px rgba(141,212,217,.18))}}
@media(max-width:800px){.data-world.active{padding:95px 28px 125px}.data-world .world-copy h2{font-size:clamp(3.8rem,13vw,6.8rem)}.data-world .world-copy ul{grid-template-columns:1fr 1fr}.data-world .world-copy li:nth-child(n){border-right:1px solid rgba(141,212,217,.22);border-bottom:1px solid rgba(141,212,217,.22)}.data-world .world-copy li:nth-child(2n){border-right:0}.data-world .world-copy li:nth-last-child(-n+2){border-bottom:0}.aura-console{height:650px}.aura-console:before{width:70%;left:-5%}.aura-console:after{width:43%;right:4%;top:26%}.aura-console .aura-core{left:24%;top:30%}.aura-console .metric-row{left:32px;right:auto;bottom:105px;text-align:left}}
@media(max-width:520px){.data-world.active{padding:78px 18px 105px;gap:55px}.data-world .world-copy h2{font-size:clamp(3.3rem,15vw,4.9rem)}.data-world .world-copy>p:not(.section-tag){font-size:.96rem;margin-block:34px 40px}.data-world .world-copy ul{grid-template-columns:1fr}.data-world .world-copy li:nth-child(n){border-right:0;border-bottom:1px solid rgba(141,212,217,.22);min-height:64px;font-size:.68rem}.data-world .world-copy li:last-child{border-bottom:0}.aura-console{height:690px;padding:22px}.aura-console:before{width:100%;left:-20%;top:8%}.aura-console:after{width:68%;right:4%;top:35%}.aura-console .aura-core{width:90px;height:90px;left:24%;top:25%;font-size:3rem}.aura-console .console-msg{left:22px;right:22px;bottom:30px}.aura-console .metric-row{left:22px;bottom:115px}.data-world:before{left:-25%}.data-world:after{right:-25%}}
@media(prefers-reduced-motion:reduce){.data-world:after,.aura-console:before{animation:none}}

/* Structured analytics dashboard — no collage artifacts. */
.data-world:before{display:none}
.analytics-console{height:auto;min-height:0;width:min(100%,1120px);padding:28px;background:#111;box-shadow:0 32px 85px rgba(0,0,0,.38)}
.analytics-console:before,.analytics-console:after{display:none}
.analytics-console .console-head{padding-bottom:24px;border-bottom:1px solid rgba(141,212,217,.2)}
.analytics-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:14px;padding-top:14px}
.analytics-panel,.analytics-kpis article{position:relative;border:1px solid rgba(141,212,217,.2);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));overflow:hidden}
.analytics-panel{padding:22px}
.panel-label{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;font:500 .55rem var(--mono);letter-spacing:.08em;color:rgba(237,245,243,.58)}
.panel-label b{font-size:.62rem;color:#8dd4d9}
.trend-panel{min-height:340px}
.trend-chart{display:block;width:100%;height:235px;overflow:visible}
.trend-chart:before{content:""}
.trend-area{fill:url(#trendFill)}
.trend-path{fill:none;stroke:#8dd4d9;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(141,212,217,.3))}
.trend-dots circle{fill:#111;stroke:#8dd4d9;stroke-width:3}
.axis-row{display:flex;justify-content:space-between;color:rgba(237,245,243,.36);font:500 .48rem var(--mono);letter-spacing:.06em}
.radar-panel{grid-column:2;grid-row:1/3;min-height:520px;display:flex;flex-direction:column}
.radar-panel img{display:block;width:100%;height:100%;min-height:430px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(141,212,217,.08))}
.bars-panel{min-height:240px}
.bar-chart{height:155px;display:flex;align-items:flex-end;gap:clamp(12px,2vw,25px);padding:8px 8px 0;border-bottom:1px solid rgba(141,212,217,.25);background:repeating-linear-gradient(to top,rgba(141,212,217,.07) 0 1px,transparent 1px 38px)}
.bar-chart>span{position:relative;flex:1;height:var(--v);min-width:28px;background:linear-gradient(180deg,#8dd4d9,#257f9b);box-shadow:0 0 18px rgba(141,212,217,.12);transition:height .45s ease}
.bar-chart>span:nth-child(2),.bar-chart>span:nth-child(5){background:linear-gradient(180deg,#a98ca0,#60435b)}
.bar-chart>span:nth-child(4){background:linear-gradient(180deg,#dfbd7d,#bfa26a)}
.bar-chart i{position:absolute;left:50%;bottom:-25px;transform:translateX(-50%) rotate(-35deg);transform-origin:center;color:rgba(237,245,243,.48);font:normal .46rem var(--mono);white-space:nowrap}
.analytics-kpis{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.analytics-kpis article{padding:25px}
.analytics-kpis small{display:block;font:500 .5rem var(--mono);letter-spacing:.08em;color:rgba(237,245,243,.46)}
.analytics-kpis b{display:block;font:700 clamp(2rem,3.5vw,3.5rem)/1 var(--display);color:#f4eee6;margin:18px 0 8px}
.analytics-kpis span{font:500 .58rem var(--mono);color:#8dd4d9}
@media(max-width:850px){.analytics-grid{grid-template-columns:1fr}.radar-panel{grid-column:auto;grid-row:auto;min-height:440px}.radar-panel img{min-height:350px}.analytics-kpis{grid-column:auto}.trend-panel{min-height:320px}}
@media(max-width:520px){.analytics-console{padding:16px}.analytics-panel{padding:17px}.trend-panel{min-height:275px}.trend-chart{height:185px}.radar-panel{min-height:350px}.radar-panel img{min-height:285px}.analytics-kpis{grid-template-columns:1fr}.bar-chart{gap:9px}.bar-chart i{font-size:.4rem}.analytics-kpis article{padding:22px}}

/* Web Design — a light, live collaborative workspace. */
.design-world{position:relative;isolation:isolate;overflow:hidden;background:#f5f1e9;color:#211d1b}
.design-world.active{display:flex;flex-direction:column;align-items:center;gap:clamp(70px,8vw,115px);padding:clamp(110px,11vw,170px) clamp(28px,7vw,105px)}
.design-world:before{content:"";position:absolute;z-index:0;pointer-events:none;width:clamp(420px,62vw,900px);aspect-ratio:1.08;right:-12%;top:4%;background:url('assets/design-library/code-lines-transparent.png') center/contain no-repeat;opacity:.065;filter:saturate(.6);transform:rotate(3deg)}
.design-world:after{content:"DESIGN / TEST / REFINE /";position:absolute;z-index:0;left:-36px;bottom:12%;color:rgba(96,67,91,.09);font:500 clamp(.8rem,1.4vw,1.25rem) var(--mono);letter-spacing:.32em;transform:rotate(-90deg)}
.design-world .world-copy{position:relative;z-index:2;width:100%;max-width:1080px;text-align:center}
.design-world .world-copy .section-tag{margin:0 0 28px;color:#60435b;font-size:.72rem}
.design-world .world-copy h2{font:700 clamp(4rem,8vw,8.3rem)/.79 var(--display);letter-spacing:-.07em;margin:0;color:#26201f}
.design-world .world-copy h2 em{color:#60435b}
.design-world .world-copy>p:not(.section-tag){max-width:680px;margin:44px auto 52px;font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.8;color:rgba(33,29,27,.72)}
.design-world .world-copy ul{display:grid;grid-template-columns:repeat(3,1fr);max-width:930px;margin:0 auto;padding:0;border:1px solid rgba(96,67,91,.22);background:rgba(255,255,255,.48)}
.design-world .world-copy li{display:grid;place-items:center;min-height:76px;padding:18px 20px;border:0;border-right:1px solid rgba(96,67,91,.18);border-bottom:1px solid rgba(96,67,91,.18);font-size:clamp(.68rem,.75vw,.82rem);line-height:1.35;letter-spacing:.045em}
.design-world .world-copy li:nth-child(3n){border-right:0}.design-world .world-copy li:nth-last-child(-n+3){border-bottom:0}
.design-workspace{position:relative;z-index:2;width:min(100%,1120px);min-height:650px;border:1px solid rgba(33,29,27,.2);background:rgba(255,255,255,.9);box-shadow:0 34px 85px rgba(71,53,62,.16);overflow:hidden;backdrop-filter:blur(12px)}
.workspace-top,.workspace-footer{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid rgba(33,29,27,.13);background:rgba(250,248,244,.92);font:500 .53rem var(--mono);letter-spacing:.07em}
.workspace-top>div{display:flex;align-items:center;gap:7px}.workspace-top>div>i{width:8px;height:8px;border-radius:50%;background:#d66570}.workspace-top>div>i:nth-child(2){background:#bfa26a}.workspace-top>div>i:nth-child(3){background:#8dd4d9}.workspace-top>div span{margin-left:10px}
.workspace-top>b{font-weight:500;color:#60435b}.workspace-top>b i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#43a860;box-shadow:0 0 0 4px rgba(67,168,96,.12)}
.workspace-body{display:grid;grid-template-columns:230px 1fr;min-height:540px}
.workspace-files{padding:24px 15px;border-right:1px solid rgba(33,29,27,.12);background:#f7f4ee}
.workspace-files>p{margin:0 8px 18px;font:500 .5rem var(--mono);letter-spacing:.12em;color:rgba(33,29,27,.44)}
.workspace-files>button{width:100%;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;border:0;background:transparent;padding:10px 9px;text-align:left;color:#211d1b;cursor:default}
.workspace-files>button.active{background:#fff;box-shadow:0 7px 20px rgba(71,53,62,.08)}
.workspace-files>button>span{width:32px;height:32px;display:grid;place-items:center;border-radius:7px;background:#60435b;color:#fff;font:600 .66rem var(--mono)}
.workspace-files>button:nth-of-type(2)>span{background:#8dd4d9;color:#183138}.workspace-files>button:nth-of-type(3)>span{background:#bfa26a;color:#332713}.workspace-files>button:nth-of-type(4)>span{background:#a98ca0}
.workspace-files button b{font:600 .61rem var(--mono)}.workspace-files button small{display:block;margin-top:4px;color:rgba(33,29,27,.48);font:400 .48rem var(--mono)}
.handoff-status{margin:30px 8px 0;padding-top:18px;border-top:1px solid rgba(33,29,27,.12)}.handoff-status small{font:500 .48rem var(--mono);color:rgba(33,29,27,.48)}.handoff-status strong{display:block;margin:8px 0;font:700 1.8rem var(--display);color:#60435b}.handoff-status>i{display:block;height:5px;background:rgba(96,67,91,.12)}.handoff-status>i b{display:block;width:87%;height:100%;background:#60435b}
.design-canvas{position:relative;overflow:hidden;padding:54px 42px 42px;background-color:#f0eee9;background-image:linear-gradient(rgba(96,67,91,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(96,67,91,.065) 1px,transparent 1px);background-size:26px 26px}
.canvas-label{position:absolute;left:24px;right:24px;top:18px;display:flex;justify-content:space-between;font:500 .48rem var(--mono);color:rgba(33,29,27,.45)}
.browser-frame{width:72%;height:350px;background:#fff;border:1px solid rgba(33,29,27,.18);box-shadow:8px 10px 0 rgba(169,140,160,.28)}
.browser-bar{height:36px;display:flex;align-items:center;gap:18px;padding:0 13px;border-bottom:1px solid rgba(33,29,27,.12);font:500 .45rem var(--mono);color:#a98ca0}.browser-bar i{font-style:normal;color:rgba(33,29,27,.4)}
.browser-layout{position:relative;height:calc(100% - 36px);padding:34px;background:linear-gradient(135deg,#f7f2e9,#fff)}.browser-layout small{font:500 .45rem var(--mono);letter-spacing:.1em}.browser-layout h3{margin:26px 0 20px;font:700 clamp(2.4rem,4vw,4.5rem)/.79 var(--display);letter-spacing:-.06em}.browser-layout h3 em{color:#60435b}.ui-button{display:inline-block;padding:10px 14px;background:#211d1b;color:#fff;font:500 .46rem var(--mono)}
.ui-cards{position:absolute;display:flex;gap:8px;right:24px;bottom:24px}.ui-cards i{display:block;width:54px;height:65px;background:#a98ca0}.ui-cards i:nth-child(2){background:#8dd4d9;transform:translateY(-13px)}.ui-cards i:nth-child(3){background:#bfa26a}
.phone-frame{position:absolute;right:6%;top:18%;width:178px;height:360px;padding:19px;border:6px solid #211d1b;border-radius:27px;background:#60435b;color:#fff;box-shadow:10px 13px 0 rgba(191,162,106,.55)}.phone-frame>small{font:500 .42rem var(--mono)}.phone-mark{width:48px;height:48px;margin:45px 0 24px;border:1px solid rgba(255,255,255,.5);display:grid;place-items:center;font:700 2rem var(--display)}.phone-frame h4{margin:0;font:700 1.55rem/.95 var(--display)}.phone-frame button{margin-top:30px;padding:9px 12px;border:0;background:#8dd4d9;color:#17292c;font:600 .46rem var(--mono)}.phone-frame nav{display:flex;gap:8px;position:absolute;left:19px;bottom:20px}.phone-frame nav i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.4)}.phone-frame nav i:first-child{width:22px;border-radius:4px;background:#fff}
.flow-note{position:absolute;left:8%;bottom:32px;width:280px;padding:17px 18px;border:1px solid rgba(33,29,27,.14);background:rgba(255,255,255,.84);box-shadow:6px 7px 0 rgba(141,212,217,.3)}.flow-note small{font:500 .45rem var(--mono);color:#60435b}.flow-note b{display:block;margin:8px 0 5px;font:700 1rem var(--display)}.flow-note span{font-size:.65rem;color:rgba(33,29,27,.6)}
.collab-cursor{--cursor:#60435b;position:absolute;z-index:8;display:block;width:max-content;filter:drop-shadow(0 4px 6px rgba(33,29,27,.18));will-change:transform;pointer-events:none}.collab-cursor>i{position:absolute;left:0;top:0;width:18px;height:24px;background:var(--cursor);clip-path:polygon(4% 2%,96% 70%,59% 75%,43% 98%);filter:drop-shadow(1px 0 rgba(27,25,24,.9)) drop-shadow(-1px 0 rgba(27,25,24,.9)) drop-shadow(0 1px rgba(27,25,24,.9)) drop-shadow(0 -1px rgba(255,255,255,.8))}.collab-cursor>i:after{display:none}.collab-cursor>span{display:block;margin:19px 0 0 12px;padding:7px 10px;border:1px solid rgba(27,25,24,.42);border-radius:2px;background:var(--cursor);box-shadow:2px 3px 0 rgba(33,29,27,.12);color:#fff;font:600 .5rem var(--mono);letter-spacing:.005em;white-space:nowrap}.collab-cursor>span:before{display:none}
.cursor-ayesha{--cursor:#e2a126;left:13%;top:18%;animation:cursorA 10s cubic-bezier(.45,.05,.55,.95) infinite alternate}.cursor-rida{--cursor:#49b9cb;right:20%;top:12%;animation:cursorB 12s cubic-bezier(.45,.05,.55,.95) infinite alternate}.cursor-noor{--cursor:#607f91;left:37%;bottom:22%;animation:cursorC 11s cubic-bezier(.45,.05,.55,.95) infinite alternate}.cursor-client{--cursor:#9a728f;right:6%;bottom:13%;animation:cursorD 13s cubic-bezier(.45,.05,.55,.95) infinite alternate}
.workspace-footer{height:54px;border-top:1px solid rgba(33,29,27,.13);border-bottom:0;justify-content:flex-start;gap:24px;color:rgba(33,29,27,.45)}.workspace-footer b{margin-left:auto;color:#43a860;font-weight:500}
@keyframes cursorA{0%,22%{transform:translate(0,0)}42%,56%{transform:translate(34px,18px)}76%{transform:translate(22px,55px)}100%{transform:translate(68px,42px)}}
@keyframes cursorB{0%,18%{transform:translate(0,0)}38%,52%{transform:translate(-42px,24px)}72%{transform:translate(-26px,64px)}100%{transform:translate(-72px,46px)}}
@keyframes cursorC{0%,24%{transform:translate(0,0)}44%,58%{transform:translate(-32px,-20px)}78%{transform:translate(28px,-43px)}100%{transform:translate(55px,-15px)}}
@keyframes cursorD{0%,20%{transform:translate(0,0)}40%,55%{transform:translate(-30px,-14px)}75%{transform:translate(-58px,12px)}100%{transform:translate(-78px,-36px)}}
@media(max-width:850px){.design-world.active{padding:95px 28px 125px}.design-world .world-copy h2{font-size:clamp(3.8rem,13vw,6.8rem)}.design-world .world-copy ul{grid-template-columns:1fr 1fr}.design-world .world-copy li:nth-child(n){border-right:1px solid rgba(96,67,91,.18);border-bottom:1px solid rgba(96,67,91,.18)}.design-world .world-copy li:nth-child(2n){border-right:0}.design-world .world-copy li:nth-last-child(-n+2){border-bottom:0}.workspace-body{grid-template-columns:190px 1fr}.design-canvas{padding-inline:25px}.browser-frame{width:80%}.phone-frame{right:3%;transform:scale(.9);transform-origin:right top}.workspace-footer span:nth-child(3),.workspace-footer span:nth-child(4){display:none}}
@media(max-width:620px){.design-world.active{padding:78px 18px 105px;gap:55px}.design-world .world-copy h2{font-size:clamp(3.3rem,15vw,4.9rem)}.design-world .world-copy>p:not(.section-tag){font-size:.96rem;margin-block:34px 40px}.design-world .world-copy ul{grid-template-columns:1fr}.design-world .world-copy li:nth-child(n){border-right:0;border-bottom:1px solid rgba(96,67,91,.18);min-height:64px;font-size:.68rem}.design-world .world-copy li:last-child{border-bottom:0}.design-workspace{min-height:850px}.workspace-top{padding-inline:13px}.workspace-top>div span{display:none}.workspace-body{display:block}.workspace-files{display:grid;grid-template-columns:1fr 1fr;border-right:0;border-bottom:1px solid rgba(33,29,27,.12);padding:15px}.workspace-files>p,.handoff-status{display:none}.workspace-files>button{padding:7px}.design-canvas{height:610px;padding:46px 15px 20px}.browser-frame{width:91%;height:310px}.browser-layout{padding:25px}.browser-layout h3{font-size:2.6rem}.phone-frame{top:24%;right:1%;transform:scale(.72);transform-origin:right top}.flow-note{left:5%;bottom:25px;width:240px}.workspace-footer{padding-inline:14px;gap:12px}.workspace-footer span:nth-child(2){display:none}.collab-cursor>span{font-size:.42rem;padding:6px 8px}.cursor-client{display:none}}
@media(prefers-reduced-motion:reduce){.collab-cursor{animation:none!important}}

/* Web Development — vibrant dark production environment. */
.dev-world{position:relative;isolation:isolate;overflow:hidden;background:#171717;color:#f4eee6}
.dev-world.active{display:flex;flex-direction:column;align-items:center;gap:clamp(70px,8vw,115px);padding:clamp(110px,11vw,170px) clamp(28px,7vw,105px)}
.dev-world:before{content:"";position:absolute;z-index:0;pointer-events:none;width:clamp(520px,72vw,1040px);aspect-ratio:1.08;right:-18%;top:1%;background:url('assets/design-library/code-lines-transparent.png') center/contain no-repeat;opacity:.16;filter:saturate(1.2) brightness(1.04);transform:rotate(2deg)}
.dev-world:after{content:"</>";position:absolute;z-index:0;left:3%;bottom:5%;font:700 clamp(8rem,18vw,17rem)/1 var(--mono);color:rgba(141,212,217,.035);letter-spacing:-.18em}
.dev-world .world-copy{position:relative;z-index:2;width:100%;max-width:1080px;text-align:center}
.dev-world .world-copy .section-tag{margin:0 0 28px;color:#8dd4d9;font-size:.72rem}
.dev-world .world-copy h2{font:700 clamp(4rem,8vw,8.3rem)/.79 var(--display);letter-spacing:-.07em;margin:0;color:#f4eee6}
.dev-world .world-copy h2 br+*{color:#8dd4d9}
.dev-world .world-copy>p:not(.section-tag){max-width:690px;margin:44px auto 52px;font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.8;color:rgba(244,238,230,.68)}
.dev-world .world-copy ul{display:grid;grid-template-columns:repeat(3,1fr);max-width:930px;margin:0 auto;padding:0;border:1px solid rgba(141,212,217,.28);background:rgba(255,255,255,.025)}
.dev-world .world-copy li{display:grid;place-items:center;min-height:76px;padding:18px 20px;border:0;border-right:1px solid rgba(141,212,217,.2);border-bottom:1px solid rgba(141,212,217,.2);font-size:clamp(.68rem,.75vw,.82rem);line-height:1.35;letter-spacing:.045em}
.dev-world .world-copy li:nth-child(3n){border-right:0}.dev-world .world-copy li:nth-last-child(-n+3){border-bottom:0}
.dev-workbench{position:relative;z-index:2;width:min(100%,1160px);border:1px solid rgba(141,212,217,.28);background:#101112;box-shadow:0 38px 90px rgba(0,0,0,.52);overflow:hidden}
.dev-topbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 21px;border-bottom:1px solid rgba(255,255,255,.1);background:#1d1e20;font:500 .52rem var(--mono);letter-spacing:.06em;color:rgba(244,238,230,.64)}
.dev-topbar>div{display:flex;align-items:center;gap:7px}.dev-topbar>div>i{width:8px;height:8px;border-radius:50%;background:#ef6172}.dev-topbar>div>i:nth-child(2){background:#ffc755}.dev-topbar>div>i:nth-child(3){background:#6fd0b3}.dev-topbar>div span{margin-left:10px}
.dev-topbar>b{font-weight:500;color:#6fd0b3}.dev-topbar>b i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6fd0b3;box-shadow:0 0 0 4px rgba(111,208,179,.1)}
.dev-layout{display:grid;grid-template-columns:178px minmax(360px,1fr) minmax(260px,.72fr);grid-template-rows:440px 122px}
.dev-sidebar{grid-row:1/3;padding:21px 12px;border-right:1px solid rgba(255,255,255,.08);background:#161719;font:500 .53rem/1.8 var(--mono);color:rgba(244,238,230,.54)}
.dev-sidebar p{margin:0 8px 15px;font-size:.48rem;letter-spacing:.12em;color:rgba(244,238,230,.34)}.dev-sidebar b,.dev-sidebar span{display:block;padding:4px 8px}.dev-sidebar b{color:#f4eee6}.dev-sidebar .selected{border-left:2px solid #8dd4d9;background:rgba(141,212,217,.1);color:#8dd4d9}
.dev-editor{min-width:0;border-right:1px solid rgba(255,255,255,.08);background:#111214}.editor-tabs{height:39px;display:flex;border-bottom:1px solid rgba(255,255,255,.08);background:#191a1d}.editor-tabs span{min-width:108px;padding:12px 15px;border-right:1px solid rgba(255,255,255,.07);font:500 .5rem var(--mono);color:rgba(244,238,230,.42)}.editor-tabs .active{border-top:2px solid #8dd4d9;background:#111214;color:#f4eee6;padding-top:10px}
.editor-code{height:calc(100% - 39px);overflow:hidden;padding:17px 0;background:linear-gradient(90deg,rgba(141,212,217,.035),transparent 22%)}.editor-code ol{margin:0;padding-left:50px;color:rgba(244,238,230,.26);font:500 .65rem/1.68 var(--mono)}.editor-code code{display:block;padding-left:12px;color:#cbd3d0;white-space:nowrap}.editor-code em{font-style:normal;color:#ef6172}.editor-code strong{font-weight:500;color:#ffe21f}.editor-code b{font-weight:500;color:#6fd0b3}.editor-code i{font-style:normal;color:#a97af5}.editor-code mark{padding:0;background:transparent;color:#8dd4d9}
.site-preview{margin:18px;background:#f4eee6;color:#211d1b;border:1px solid rgba(141,212,217,.32);box-shadow:8px 9px 0 rgba(96,67,91,.35);overflow:hidden}.preview-browser{height:34px;display:flex;align-items:center;gap:14px;padding:0 11px;background:#e7e2da;border-bottom:1px solid rgba(33,29,27,.14);font:500 .43rem var(--mono);color:#a98ca0}.preview-browser i{font-style:normal;color:rgba(33,29,27,.42)}.preview-browser b{margin-left:auto;color:#211d1b}.preview-page{position:relative;height:calc(100% - 34px);padding:29px 24px;overflow:hidden;background:linear-gradient(145deg,#f8f4ec,#fff)}.preview-page small{font:500 .42rem var(--mono);letter-spacing:.09em}.preview-page h3{margin:38px 0 25px;font:700 clamp(2rem,3vw,3.4rem)/.82 var(--display);letter-spacing:-.055em}.preview-page h3 em{color:#60435b}.preview-page button{border:0;background:#211d1b;color:#fff;padding:10px 13px;font:500 .45rem var(--mono)}.preview-page>div{position:absolute;right:-12px;bottom:20px;display:flex;gap:6px;transform:rotate(-5deg)}.preview-page>div i{width:39px;height:76px;background:#ef6172}.preview-page>div i:nth-child(2){background:#ffe21f;transform:translateY(-18px)}.preview-page>div i:nth-child(3){background:#6fd0b3}
.dev-terminal{grid-column:2/4;border-top:1px solid rgba(255,255,255,.08);padding:12px 17px;background:#0c0d0e;font:500 .51rem/1.55 var(--mono);color:rgba(244,238,230,.6)}.dev-terminal>div{display:flex;gap:25px;margin-bottom:9px;color:rgba(244,238,230,.35)}.dev-terminal>div span:first-child{color:#f4eee6;border-bottom:1px solid #8dd4d9}.dev-terminal p{margin:3px 0}.dev-terminal p i{font-style:normal;color:#8dd4d9}.dev-terminal p b{color:#6fd0b3}
.dev-status-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.09)}.dev-status-grid article{position:relative;min-height:125px;padding:22px;border-right:1px solid rgba(255,255,255,.09)}.dev-status-grid article:last-child{border-right:0}.dev-status-grid small{display:block;font:500 .46rem var(--mono);letter-spacing:.09em;color:rgba(244,238,230,.36)}.dev-status-grid b{display:inline-block;margin:17px 5px 13px 0;font:700 clamp(1.5rem,2.5vw,2.6rem)/1 var(--display);color:#f4eee6}.dev-status-grid span{font:500 .45rem var(--mono);color:#6fd0b3}.dev-status-grid>article>i{display:block;height:3px;background:rgba(255,255,255,.1)}.dev-status-grid>article>i:after{content:"";display:block;width:var(--score);height:100%;background:linear-gradient(90deg,#8dd4d9,#6fd0b3)}.dev-status-grid article:nth-child(2)>i:after{background:linear-gradient(90deg,#a97af5,#ef6172)}.dev-status-grid article:nth-child(3)>i:after{background:linear-gradient(90deg,#ffe21f,#ef6172)}
.dev-workbench .tech-cloud{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid rgba(255,255,255,.09)}.dev-workbench .tech-cloud b{flex:1;min-width:90px;padding:17px 12px;border:0;border-right:1px solid rgba(255,255,255,.09);font:500 .5rem var(--mono);text-align:center;color:rgba(244,238,230,.65)}.dev-workbench .tech-cloud b:nth-child(3n+1){color:#ef6172}.dev-workbench .tech-cloud b:nth-child(3n+2){color:#8dd4d9}.dev-workbench .tech-cloud b:nth-child(3n){color:#ffe21f}
.dev-showcase-link{display:flex!important;justify-content:space-between;align-items:center;margin:0!important;padding:23px 25px!important;background:#60435b!important;color:#fff!important;font-size:.62rem!important;letter-spacing:.08em}.dev-showcase-link span{font-size:1.15rem;color:#8dd4d9}
@media(max-width:900px){.dev-world.active{padding:95px 28px 125px}.dev-world .world-copy h2{font-size:clamp(3.8rem,13vw,6.8rem)}.dev-world .world-copy ul{grid-template-columns:1fr 1fr}.dev-world .world-copy li:nth-child(n){border-right:1px solid rgba(141,212,217,.2);border-bottom:1px solid rgba(141,212,217,.2)}.dev-world .world-copy li:nth-child(2n){border-right:0}.dev-world .world-copy li:nth-last-child(-n+2){border-bottom:0}.dev-layout{grid-template-columns:150px 1fr;grid-template-rows:420px 360px 120px}.site-preview{grid-column:1/3;grid-row:2;margin:18px}.dev-terminal{grid-column:2;grid-row:3}.dev-sidebar{grid-row:1/4}.dev-status-grid{grid-template-columns:1fr 1fr}.dev-status-grid article:nth-child(2){border-right:0}.dev-status-grid article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.09)}}
@media(max-width:620px){.dev-world.active{padding:78px 18px 105px;gap:55px}.dev-world .world-copy h2{font-size:clamp(3.3rem,15vw,4.9rem)}.dev-world .world-copy>p:not(.section-tag){font-size:.96rem;margin-block:34px 40px}.dev-world .world-copy ul{grid-template-columns:1fr}.dev-world .world-copy li:nth-child(n){border-right:0;border-bottom:1px solid rgba(141,212,217,.2);min-height:64px;font-size:.68rem}.dev-world .world-copy li:last-child{border-bottom:0}.dev-topbar{padding-inline:13px}.dev-topbar>div span{display:none}.dev-topbar>b{font-size:.43rem}.dev-layout{display:block}.dev-sidebar{display:none}.dev-editor{height:390px;border-right:0}.editor-code ol{padding-left:42px;font-size:.54rem}.site-preview{height:360px;margin:14px}.dev-terminal{height:125px}.dev-status-grid{grid-template-columns:1fr 1fr}.dev-status-grid article{padding:18px}.dev-workbench .tech-cloud b{min-width:33.33%}.dev-showcase-link{padding:20px!important}.dev-world:before{width:720px;right:-75%;opacity:.1}}

/* Projects — continuous homepage canvas and partner-style directory. */
.inner-page main:has(.projects-intro){background:var(--paper);isolation:isolate}
.inner-page main:has(.projects-intro)>section{background:transparent}
.projects-intro{width:min(100%,1320px);margin-inline:auto;padding:clamp(120px,13vw,190px) clamp(24px,7vw,120px) clamp(125px,13vw,190px);border-bottom:0}
.projects-intro .section-tag{margin:0 0 32px}
.projects-intro h1{font-size:clamp(3.4rem,6vw,6.6rem);line-height:.86}
.projects-intro>p:last-child{max-width:560px;margin:46px 0 0 auto;font-size:clamp(1rem,1.2vw,1.12rem);line-height:1.75}
.project-gallery{position:relative;width:min(calc(100% - 48px),1180px);margin-inline:auto;padding:0 0 clamp(135px,14vw,205px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
.project-card{position:relative;min-width:0;border:1px solid rgba(96,67,91,.2);background:rgba(244,238,230,.94);box-shadow:0 18px 45px rgba(72,51,67,.07);transition:transform .25s ease,box-shadow .25s ease}
.project-card:before{position:absolute;z-index:3;left:18px;top:18px;display:grid;place-items:center;width:34px;height:34px;border:1px solid currentColor;border-radius:50%;background:rgba(244,238,230,.9);color:#211d1b;font:600 .48rem var(--mono);box-shadow:3px 4px 0 rgba(33,29,27,.12)}
.project-card:nth-child(1):before{content:"01"}.project-card:nth-child(2):before{content:"02"}.project-card:nth-child(3):before{content:"03"}.project-card:nth-child(4):before{content:"04"}
.project-card:nth-child(even){margin-top:0}
.project-card:hover{transform:translateY(-5px);box-shadow:8px 9px 0 rgba(96,67,91,.14)}
.project-visual{position:relative;height:auto;aspect-ratio:16/10;padding:23px;border-bottom:1px solid rgba(96,67,91,.2);isolation:isolate}
.project-visual:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 45%),repeating-linear-gradient(90deg,transparent 0 39px,rgba(255,255,255,.045) 40px);pointer-events:none}
.project-visual>span,.project-visual>i{font-size:.52rem;letter-spacing:.07em}
.project-visual:after{content:"VIEW CASE / ↗︎";position:absolute;right:20px;top:20px;padding:7px 9px;border:1px solid currentColor;background:rgba(244,238,230,.16);font:500 .45rem var(--mono);letter-spacing:.05em;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}
.project-card:hover .project-visual:after{opacity:1;transform:translateY(0)}
.aura-v{background:#1a1a1a;color:#8dd4d9}.aura-v b{font-size:clamp(6rem,11vw,10rem);text-shadow:0 0 38px rgba(141,212,217,.4)}
.watania-v{background:#bfa26a}.watania-v strong{font-size:clamp(3.5rem,6vw,5.8rem)}
.digits-v{background:#a98ca0}.digits-v b{font-size:clamp(6rem,10vw,9rem)}
.bizz-v{background:rgba(255,255,255,.9)}.bizz-v img{width:min(62%,340px);height:62%;object-fit:contain}
.project-meta{display:grid;grid-template-columns:1fr auto;grid-template-areas:"type link" "title link" "copy link";align-items:start;gap:0 24px;min-height:250px;padding:30px 31px 33px}
.project-meta>span{grid-area:type;color:var(--plum);font-size:.52rem;letter-spacing:.07em}
.project-meta h2{grid-area:title;margin:22px 0 13px;font-size:clamp(1.9rem,3vw,3rem);line-height:.95}
.project-meta p{grid-area:copy;margin:0;max-width:460px;font-size:.88rem;line-height:1.65;color:rgba(33,29,27,.7)}
.project-meta a{grid-area:link;align-self:end;display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--line);overflow:hidden;color:transparent;font-size:0;text-decoration:none;transition:background .2s,color .2s}
.project-meta a:after{content:"↗︎";color:var(--ink);font:500 1rem var(--mono)}
.project-meta a:hover{background:var(--ink)}.project-meta a:hover:after{color:var(--paper)}
.inner-page main:has(.projects-intro)>.project-note{position:relative;display:block;width:min(calc(100% - 48px),1180px);margin:0 auto clamp(130px,13vw,195px);padding:clamp(75px,8vw,110px);overflow:hidden;background:linear-gradient(135deg,#60435b 0%,#74536d 100%);color:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:12px 14px 0 rgba(169,140,160,.3)}
.project-note:after{content:"";position:absolute;width:clamp(190px,28vw,380px);aspect-ratio:1;right:-7%;bottom:-40%;background:url('assets/design-library/asterisk-plum.png') center/contain no-repeat;filter:brightness(0) invert(1);opacity:.055}
.project-note:before{content:"WORK IN PROGRESS / PRIVATE BUILDS / NEXT RELEASE";position:absolute;right:-74px;top:50%;transform:translateY(-50%) rotate(90deg);font:500 .48rem var(--mono);letter-spacing:.14em;color:rgba(255,255,255,.26)}
.project-note>*{position:relative;z-index:1}.project-note .section-tag{margin:0 0 25px;color:#8dd4d9}.project-note h2{font-size:clamp(3rem,5.6vw,5.8rem);max-width:920px}.project-note>p:last-child{max-width:560px;margin:32px 0 0;font-size:1rem;line-height:1.7;color:rgba(255,255,255,.7)}
@media(max-width:850px){.projects-intro{padding:100px 42px 135px}.projects-intro h1{font-size:clamp(3.2rem,11vw,5.5rem)}.project-gallery{grid-template-columns:1fr;width:min(calc(100% - 44px),680px);gap:25px}.inner-page main:has(.projects-intro)>.project-note{width:calc(100% - 44px);margin-bottom:125px;padding:72px 42px}}
@media(max-width:520px){.projects-intro{padding:78px 18px 105px}.projects-intro h1{font-size:clamp(2.9rem,14vw,4.2rem)}.projects-intro>p:last-child{margin-top:35px}.project-gallery{width:calc(100% - 28px);padding-bottom:105px;gap:18px}.project-visual{aspect-ratio:4/3;padding:18px}.project-visual:after{display:none}.project-card:before{left:13px;top:13px;width:30px;height:30px}.project-meta{grid-template-columns:1fr auto;min-height:230px;padding:23px 21px}.project-meta h2{font-size:2rem}.inner-page main:has(.projects-intro)>.project-note{width:calc(100% - 28px);margin-bottom:100px;padding:62px 23px}.project-note h2{font-size:clamp(2.7rem,12vw,4rem)}.project-note:before{display:none}}

/* Three-across showcase and research archive. */
.project-gallery{grid-template-columns:repeat(3,minmax(0,1fr));width:min(calc(100% - 48px),1260px);gap:24px 18px}
.project-card:nth-child(5):before{content:"05"}.project-card:nth-child(6):before{content:"06"}.project-card:nth-child(7):before{content:"07"}.project-card:nth-child(8):before{content:"08"}
.project-visual{aspect-ratio:16/11}
.project-placeholder{display:flex;align-items:center;justify-content:center;text-align:center}
.project-placeholder>span{position:absolute;left:22px;bottom:21px;top:auto}
.project-placeholder>i{position:absolute;right:22px;bottom:21px;margin:0}
.project-placeholder>b{margin:0;font:700 clamp(4rem,6.5vw,7rem)/1 var(--display);letter-spacing:-.09em;color:rgba(33,29,27,.23)}
.project-placeholder.tone-dark>b{color:rgba(141,212,217,.27)}
.tone-cyan{background:#8dd4d9}.tone-plum{background:#60435b;color:#fff}.tone-plum>b{color:rgba(255,255,255,.22)}.tone-gold{background:#bfa26a}.tone-dark{background:#1a1a1a;color:#8dd4d9}.tone-rose{background:#c5b2b2}.tone-blue{background:#5e7d8b;color:#fff}.tone-blue>b{color:rgba(255,255,255,.22)}
.project-meta{min-height:290px;padding:27px 25px 28px}
.project-meta h2{font-size:clamp(1.65rem,2.2vw,2.35rem);margin-top:20px}
.project-meta p{font-size:.82rem;line-height:1.62}
.research-section{position:relative;width:min(calc(100% - 48px),1260px);margin:0 auto clamp(140px,14vw,210px);padding:clamp(95px,10vw,145px) clamp(26px,5vw,70px);background:rgba(255,255,255,.52);border:1px solid rgba(96,67,91,.18);backdrop-filter:blur(8px);overflow:hidden}
.research-section:before{content:"";position:absolute;width:260px;height:170px;right:-40px;top:30px;background:url('assets/design-library/dots-gold.png') center/contain no-repeat;opacity:.1;transform:rotate(4deg)}
.research-head{position:relative;z-index:1;display:grid;grid-template-columns:.42fr 1.1fr .62fr;gap:clamp(28px,5vw,70px);align-items:start;margin-bottom:clamp(70px,8vw,105px)}
.research-head .section-tag{margin:9px 0 0}.research-head h2{margin:0;font:700 clamp(3rem,5.2vw,5.7rem)/.86 var(--display);letter-spacing:-.055em}.research-head h2 em{color:var(--plum)}.research-head>p:last-child{margin:8px 0 0;font-size:.93rem;line-height:1.72;color:rgba(33,29,27,.68)}
.research-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(96,67,91,.22);border-left:1px solid rgba(96,67,91,.22)}
.research-card{position:relative;display:flex;flex-direction:column;min-height:390px;padding:32px;border-right:1px solid rgba(96,67,91,.22);border-bottom:1px solid rgba(96,67,91,.22);background:rgba(244,238,230,.74);transition:background .25s,transform .25s}
.research-card:hover{z-index:2;background:#fff;transform:translateY(-4px);box-shadow:7px 8px 0 rgba(96,67,91,.12)}
.research-card>span{font:500 .5rem var(--mono);letter-spacing:.08em;color:var(--plum)}
.research-mark{display:grid;place-items:center;width:64px;height:64px;margin:34px 0 28px;border:1px solid var(--plum);border-radius:50%;background:#fff;color:var(--plum);font:700 1.25rem var(--display);box-shadow:5px 6px 0 rgba(169,140,160,.25)}
.research-card:nth-child(2) .research-mark{border-color:#5e7d8b;color:#5e7d8b;box-shadow:5px 6px 0 rgba(141,212,217,.35)}.research-card:nth-child(3) .research-mark{border-color:#9b742d;color:#9b742d;box-shadow:5px 6px 0 rgba(191,162,106,.35)}
.research-card h3{margin:0 0 18px;font:700 clamp(1.55rem,2.2vw,2.3rem)/1.05 var(--display);letter-spacing:-.035em}
.research-card p{margin:0 0 30px;font-size:.85rem;line-height:1.65;color:rgba(33,29,27,.68)}
.research-card a{width:max-content;margin-top:auto;color:var(--ink);font:600 .56rem var(--mono);letter-spacing:.06em;text-decoration:none;border-bottom:1px solid;padding-bottom:5px}.research-card a:hover{color:var(--plum)}
@media(max-width:1050px){.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr));width:min(calc(100% - 44px),850px)}.research-head{grid-template-columns:1fr 1.4fr}.research-head>p:last-child{grid-column:2}.project-meta{min-height:270px}}
@media(max-width:720px){.project-gallery{grid-template-columns:1fr;width:min(calc(100% - 36px),590px)}.project-meta{min-height:235px}.research-section{width:calc(100% - 36px);padding:80px 24px}.research-head{grid-template-columns:1fr}.research-head>p:last-child{grid-column:auto;max-width:520px}.research-grid{grid-template-columns:1fr}.research-card{min-height:350px}}
@media(max-width:520px){.project-gallery{width:calc(100% - 28px)}.project-visual{aspect-ratio:16/11}.project-meta{min-height:245px}.research-section{width:calc(100% - 28px);margin-bottom:105px;padding:68px 16px}.research-head{margin-bottom:55px}.research-head h2{font-size:clamp(2.7rem,12vw,4rem)}.research-card{min-height:340px;padding:25px}.research-card h3{font-size:1.65rem}}

/* Live miniature websites inside project cards. */
.project-card[data-live-preview] .project-visual{--preview-scale:.32;background:#161616}
.project-card[data-live-preview] .project-visual>span,.project-card[data-live-preview] .project-visual>i,.project-card[data-live-preview] .project-visual>b{z-index:4;transition:opacity .3s ease,transform .3s ease}
.project-card[data-live-preview] .project-visual>span{padding:7px 9px;background:rgba(244,238,230,.88);color:#211d1b;border:1px solid rgba(33,29,27,.25);backdrop-filter:blur(5px)}
.project-card[data-live-preview] .project-visual>i{padding:7px 9px;background:rgba(26,26,26,.82);color:#fff;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(5px)}
.project-card[data-live-preview] .project-visual:after{z-index:6;content:"OPEN LIVE / ↗︎";background:rgba(244,238,230,.92);color:#211d1b}
.project-live-frame{position:absolute;z-index:2;left:0;top:0;width:1200px;height:1450px;border:0;background:#f4eee6;pointer-events:none;transform-origin:top left;transform:scale(var(--preview-scale)) translateY(0);opacity:0;filter:saturate(.9) contrast(.98);transition:opacity .45s ease,transform 5.8s cubic-bezier(.2,.65,.25,1),filter .35s ease}
.project-card.preview-ready .project-live-frame{opacity:.82}
.project-card.preview-loading .project-visual:before{z-index:5;opacity:1;background:linear-gradient(100deg,rgba(244,238,230,.08) 30%,rgba(244,238,230,.4) 48%,rgba(244,238,230,.08) 66%);background-size:230% 100%;animation:previewShimmer 1.2s linear infinite}
.project-card.preview-loading .project-visual>span:after{content:" · LOADING";color:var(--plum)}
.project-card.preview-ready .project-visual>b{opacity:.1;transform:scale(.94)}
.project-card.is-previewing .project-live-frame,.project-card:hover .project-live-frame,.project-card:focus-within .project-live-frame{opacity:1;filter:saturate(1) contrast(1);transform:scale(var(--preview-scale)) translateY(-560px)}
.project-card.is-previewing .project-visual>span,.project-card:hover .project-visual>span,.project-card:focus-within .project-visual>span{transform:translateY(-4px)}
.project-card.is-previewing .project-visual>b,.project-card:hover .project-visual>b,.project-card:focus-within .project-visual>b{opacity:0}
.project-card[data-live-preview] .project-visual:before{z-index:3;background:linear-gradient(180deg,rgba(17,17,17,.05),transparent 45%,rgba(17,17,17,.28));transition:opacity .3s}
.project-card.is-previewing .project-visual:before,.project-card[data-live-preview]:hover .project-visual:before{opacity:.2}
@media(hover:none){.project-live-frame{transition:opacity .4s ease}.project-card.preview-ready .project-live-frame{opacity:1}.project-card.preview-ready .project-visual>b{opacity:0}.project-card[data-live-preview] .project-visual>i{display:none}}
@media(prefers-reduced-motion:reduce){.project-live-frame{transition:opacity .25s ease;transform:scale(var(--preview-scale))!important}}
@keyframes previewShimmer{to{background-position:-230% 0}}

/* Website, GitHub and PDF resource indicators. */
.resource-icon{display:grid;place-items:center;flex:0 0 auto}.resource-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.resource-icon svg path{vector-effect:non-scaling-stroke}a[data-resource-type="github"] .resource-icon svg{fill:currentColor;stroke:none}
.resource-kind{font:600 .42rem var(--mono);letter-spacing:.08em}
.project-meta a[data-resource-type]{width:72px;height:58px;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;color:var(--ink);font-size:0;background:rgba(255,255,255,.35)}
.project-meta a[data-resource-type]:after{display:none}.project-meta a[data-resource-type] .resource-action{display:none}.project-meta a[data-resource-type]:hover{background:var(--ink);color:var(--paper)}
.project-meta a[data-resource-type="github"]{background:rgba(33,29,27,.08)}.project-meta a[data-resource-type="github"]:hover{background:#211d1b}
.research-card a[data-resource-type]{display:flex;align-items:center;gap:9px;width:max-content;padding:8px 11px 8px 9px;border:1px solid rgba(96,67,91,.28);border-bottom:1px solid rgba(96,67,91,.28);background:rgba(255,255,255,.58);transition:background .2s,color .2s,transform .2s}
.research-card a[data-resource-type] .resource-icon svg{width:18px;height:18px}.research-card a[data-resource-type] .resource-kind{padding-right:9px;border-right:1px solid rgba(96,67,91,.24);color:var(--plum)}.research-card a[data-resource-type] .resource-action{font:600 .5rem var(--mono);letter-spacing:.04em}.research-card a[data-resource-type]:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px)}.research-card a[data-resource-type]:hover .resource-kind{color:#8dd4d9;border-color:rgba(255,255,255,.2)}
@media(max-width:520px){.research-card a[data-resource-type] .resource-action{display:none}.research-card a[data-resource-type] .resource-kind{border-right:0;padding-right:0}}

/* Compact 3 × 3 fact wall on phones. */
@media(max-width:620px){
  .hero{padding-inline:14px;padding-bottom:72px}
  .collage-wrap{width:100%}
  .tap-note{margin:0 2px 10px;font-size:.52rem;letter-spacing:.06em;text-align:right}
  .collage{
    height:clamp(430px,122vw,510px)!important;
    min-height:0!important;
    width:100%;
    margin:0;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:repeat(3,minmax(0,1fr))!important;
    grid-auto-flow:row;
    gap:7px!important;
    overflow:visible;
    padding:0
  }
  .flip-card{
    width:100%;
    height:100%!important;
    min-height:0;
    border-radius:10px!important
  }
  .flip-card:hover{transform:none}
  .face{border-radius:10px!important}
  .fact-front,.back{padding:11px!important}
  .fact-front small,.back small{font-size:.38rem!important;line-height:1.2;letter-spacing:.07em}
  .fact-front strong{font-size:clamp(.8rem,3.7vw,1.02rem)!important;line-height:.94;max-width:100%}
  .fact-front>span{font-size:.32rem!important;margin-top:7px!important;letter-spacing:.025em}
  .back{gap:4px!important;justify-content:flex-end}
  .back strong{font-size:clamp(.75rem,3.45vw,.94rem)!important;line-height:.94!important}
  .back p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:.42rem!important;line-height:1.3!important;margin:2px 0 3px!important}
  .back>span:last-child{font-size:.3rem!important;line-height:1.2;letter-spacing:.02em}
  .logo-front img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;transform:none!important}
  .flip-card:focus-visible{outline-width:3px;outline-offset:2px}
}
@media(max-width:380px){
  .collage{height:420px!important;gap:6px!important}
  .fact-front,.back{padding:9px!important}
  .fact-front strong{font-size:.76rem!important}
  .back strong{font-size:.7rem!important}
  .back p{font-size:.38rem!important}
}
.hero-cta-card .back{background:var(--plum)!important;color:#fff!important}
.hero-cta-card .card-cta-label{display:inline-flex;align-items:center;width:max-content;padding:9px 12px;background:var(--acid);color:var(--ink);font-weight:800;opacity:1}

/* Four distinct service folders in a compact 2 × 2 mobile cabinet. */
@media(max-width:620px){
  .services{padding-inline:14px}
  .service-folders{
    width:100%;
    max-width:none;
    padding-top:0;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    align-items:start
  }
  .service-folder,
  .service-folder:first-child,
  .service-folder:last-child{
    width:100%;
    height:238px;
    min-width:0;
    margin:0;
    padding:0;
    border-radius:18px;
    overflow:visible;
    box-shadow:0 10px 25px rgba(0,0,0,.2);
    transform:none
  }
  .service-folder:hover{transform:none}
  .folder-summary{
    height:238px!important;
    min-height:0;
    border-radius:18px;
    overflow:hidden!important
  }
  .service-folder:nth-child(n) .folder-tab{
    top:12px;
    left:12px!important;
    right:auto!important;
    width:calc(100% - 24px);
    min-width:0;
    height:40px;
    padding:11px 8px 9px;
    border:1px solid rgba(26,26,26,.16);
    border-radius:12px;
    background:rgba(255,255,255,.3);
    backdrop-filter:blur(7px);
    font-size:.46rem;
    text-align:left;
    white-space:nowrap
  }
  .folder-tab:after{
    float:right;
    width:17px;
    height:17px;
    margin:-1px 0 0 5px;
    font-size:.62rem
  }
  .folder-summary:before{opacity:.34!important}
  .folder-summary:after,
  .folder-brand .folder-summary:after,
  .folder-data .folder-summary:after,
  .folder-design .folder-summary:after,
  .folder-dev .folder-summary:after{
    content:"";
    position:absolute;
    inset:62px 9px 9px!important;
    background:url('assets/polaroid-stack.png') center/contain no-repeat!important;
    opacity:.94!important;
    transform:none!important;
    filter:drop-shadow(4px 7px 7px rgba(26,26,26,.22));
    pointer-events:none
  }
  .service-folder.is-open{
    grid-column:1/-1;
    height:820px;
    border-radius:18px;
    transform:none
  }
  .service-folder.is-open .folder-summary{height:150px!important}
  .service-folder.is-open .folder-summary:after{opacity:0!important}
  .service-folder.is-open .folder-reveal{
    max-height:660px;
    min-height:660px;
    padding-inline:18px;
    overflow:visible
  }
}
@media(max-width:380px){
  .service-folders{gap:10px}
  .service-folder,
  .service-folder:first-child,
  .service-folder:last-child,
  .folder-summary{height:218px!important}
  .service-folder:nth-child(n) .folder-tab{top:10px;left:10px!important;width:calc(100% - 20px);font-size:.4rem;padding-inline:7px}
  .folder-summary:after,
  .folder-brand .folder-summary:after,
  .folder-data .folder-summary:after,
  .folder-design .folder-summary:after,
  .folder-dev .folder-summary:after{inset:58px 6px 7px!important}
  .service-folder.is-open{height:800px!important}
  .service-folder.is-open .folder-summary{height:140px!important}
}

/* Mobile file-browser styling: clean outlined folders with preview sheets. */
@media(max-width:620px){
  .service-folder,
  .service-folder:first-child,
  .service-folder:last-child{
    position:relative;
    height:220px!important;
    background:transparent;
    border:0;
    border-radius:0;
    box-shadow:none
  }
  .service-folder:before{
    content:"";
    position:absolute;
    z-index:0;
    top:0;
    left:0;
    width:55%;
    height:46px;
    border:0;
    border-radius:15px 15px 0 0;
    background:var(--folder-mobile-color)
  }
  .service-folder:nth-child(even):before{left:auto;right:0}
  .folder-brand{--folder-mobile-color:#c5b2b2}
  .folder-data{--folder-mobile-color:#8dd4d9}
  .folder-design{--folder-mobile-color:#d7d7d7}
  .folder-dev{--folder-mobile-color:#d1b06d}
  .folder-summary{
    position:absolute!important;
    z-index:1;
    left:0;
    right:0;
    bottom:0;
    top:27px!important;
    bottom:auto!important;
    height:193px!important;
    border:0!important;
    border-radius:10px 15px 15px 15px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.2),transparent 55%),var(--folder-mobile-color)!important;
    box-shadow:none
  }
  .folder-summary:before{display:none!important}
  .folder-summary:after,
  .folder-brand .folder-summary:after,
  .folder-data .folder-summary:after,
  .folder-design .folder-summary:after,
  .folder-dev .folder-summary:after{
    inset:auto!important;
    left:50%!important;
    top:46%!important;
    width:48%!important;
    height:40%!important;
    background:url('assets/logo.svg') center/contain no-repeat!important;
    opacity:.1!important;
    transform:translate(-50%,-50%)!important;
    filter:none
  }
  .service-folder:nth-child(n) .folder-tab{
    z-index:4;
    top:auto!important;
    bottom:11px!important;
    left:12px!important;
    right:auto!important;
    width:auto!important;
    max-width:calc(100% - 24px);
    height:34px!important;
    padding:8px 9px 7px!important;
    border:1px solid rgba(33,29,27,.45);
    border-radius:6px;
    background:rgba(255,255,255,.24)!important;
    backdrop-filter:none;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:.52rem!important;
    line-height:1;
    color:#211d1b
  }
  .folder-tab:after{
    float:none;
    display:inline-grid;
    width:16px;
    height:16px;
    margin:-1px 0 0 6px;
    border-width:1px;
    font-size:.62rem
  }
  .service-folder.is-open{
    height:820px!important;
    border-radius:18px;
    background:var(--folder-mobile-color);
    box-shadow:0 12px 30px rgba(0,0,0,.2)
  }
  .service-folder.is-open:before{display:none}
  .service-folder.is-open .folder-summary{
    position:relative!important;
    top:0!important;
    height:150px!important;
    border-width:0 0 2px!important;
    border-radius:18px 18px 0 0!important
  }
  .service-folder.is-open .folder-tab{top:14px!important;bottom:auto!important}
  .service-folder.is-open .folder-summary:after{opacity:0!important}
}
@media(max-width:380px){
  .service-folder,
  .service-folder:first-child,
  .service-folder:last-child{height:202px!important}
  .service-folder:before{height:43px;border-radius:14px 14px 0 0}
  .folder-summary{top:24px!important;height:178px!important;border-radius:9px 13px 13px 13px!important}
  .folder-summary:after,
  .folder-brand .folder-summary:after,
  .folder-data .folder-summary:after,
  .folder-design .folder-summary:after,
  .folder-dev .folder-summary:after{inset:auto!important;left:50%!important;top:45%!important;width:46%!important;height:38%!important}
  .service-folder:nth-child(n) .folder-tab{left:9px!important;bottom:8px!important;max-width:calc(100% - 18px);font-size:.46rem!important}
  .service-folder.is-open{height:800px!important}
  .service-folder.is-open .folder-summary{top:0!important;height:140px!important}
}

/* Structured open-folder layout on phones. */
@media(max-width:700px){
  .service-folder.is-open{height:565px!important;overflow:visible}
  .service-folder.is-open .folder-summary{height:118px!important}
  .service-folder.is-open .folder-reveal{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto 1fr;
    align-items:start!important;
    gap:24px 14px!important;
    max-height:447px!important;
    min-height:447px!important;
    padding:24px 18px 20px!important;
    overflow:visible!important
  }
  .service-folder.is-open .folder-list{
    grid-column:1;
    grid-row:1;
    max-width:none;
    margin:0;
    padding:0
  }
  .service-folder.is-open .folder-list li{
    padding:7px 0;
    font-size:.72rem;
    line-height:1.25;
    border-bottom:1px solid rgba(33,29,27,.12)
  }
  .service-folder.is-open .folder-list li:last-child{border-bottom:0}
  .service-folder.is-open .folder-list li:before{margin-right:7px}
  .service-folder.is-open .polaroid-placeholder,
  .service-folder.is-open:nth-child(odd) .polaroid-placeholder,
  .service-folder.is-open:nth-child(even) .polaroid-placeholder{
    display:none!important
  }
  .service-folder.is-open .polaroid-stack-asset{width:100%!important;height:auto!important}
  .service-folder.is-open .polaroid-placeholder>span{display:none}
  .service-folder.is-open .folder-why{
    grid-column:1/-1;
    grid-row:2;
    align-self:end;
    max-width:none;
    margin:0;
    padding:18px;
    border-top:1px solid rgba(33,29,27,.2);
    background:rgba(255,255,255,.2)
  }
  .service-folder.is-open .folder-why em{
    padding:2px 14px;
    font-size:1.45rem;
    line-height:1
  }
  .service-folder.is-open .folder-why p{
    margin:14px 0 17px;
    font-size:.74rem;
    line-height:1.5
  }
  .service-folder.is-open .folder-cta{
    display:flex;
    width:100%;
    min-height:45px;
    align-items:center;
    justify-content:center;
    padding:12px 10px;
    font-size:.48rem;
    text-align:center
  }
}
@media(max-width:380px){
  .service-folder.is-open{height:540px!important}
  .service-folder.is-open .folder-summary{height:108px!important}
  .service-folder.is-open .folder-reveal{max-height:432px!important;min-height:432px!important;padding:21px 14px 16px!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
  .service-folder.is-open .polaroid-placeholder,
  .service-folder.is-open:nth-child(odd) .polaroid-placeholder,
  .service-folder.is-open:nth-child(even) .polaroid-placeholder{top:-84px!important;right:8px!important;width:125px!important;max-width:125px!important}
  .service-folder.is-open .folder-list li{font-size:.65rem;padding:6px 0}
  .service-folder.is-open .folder-why{padding:15px}
  .service-folder.is-open .folder-why p{font-size:.68rem}
}

/* Three partner cards per row on phones. */
@media(max-width:560px){
  .partners{padding-inline:14px}
  .partner-cards{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:9px!important
  }
  .partner-card{border-radius:0!important;overflow:hidden}
  .partner-image{aspect-ratio:1/1!important;border-radius:0!important}
  .partner-image.has-logo{padding:7px!important}
  .partner-image span{display:none}
  .partner-image b{font-size:clamp(1.75rem,9vw,2.6rem)!important}
  .partner-card>div:last-child{
    min-height:92px!important;
    padding:10px 8px!important
  }
  .partner-card small{font-size:.34rem;line-height:1.25;letter-spacing:.035em}
  .partner-card h3{
    margin-top:9px!important;
    font-size:clamp(.7rem,3.25vw,.88rem)!important;
    line-height:1.02;
    overflow-wrap:anywhere
  }
}
@media(max-width:360px){
  .partner-cards{gap:6px!important}
  .partner-card>div:last-child{min-height:86px!important;padding:8px 6px!important}
  .partner-card h3{font-size:.66rem!important}
}

/* Compact process timeline on phones. */
@media(max-width:560px){
  .process{
    margin-top:0;
    padding:70px 14px 78px!important;
    gap:34px!important
  }
  .process-title .section-tag{margin-bottom:16px}
  .process-title h2{
    max-width:340px;
    font-size:clamp(2.25rem,10.5vw,3rem)!important;
    line-height:.9
  }
  .process-intro{
    max-width:360px;
    margin-top:20px!important;
    font-size:.78rem!important;
    line-height:1.55
  }
  .process-direction{display:none}
  .process ol{gap:9px!important}
  .process ol:before{left:19px;top:30px;bottom:30px}
  .process li{
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:12px!important;
    min-height:0!important;
    padding:15px 13px 15px 0!important
  }
  .process li>span{
    width:40px!important;
    height:40px!important;
    font-size:.48rem
  }
  .process li small{font-size:.4rem;letter-spacing:.06em}
  .process li h3{
    margin:6px 0 5px!important;
    font-size:1.48rem!important;
    line-height:.95
  }
  .process li p{
    max-width:none;
    font-size:.7rem!important;
    line-height:1.45
  }
}

/* Team directory and expandable profile sheets. */
.team-intro{width:min(100%,1320px);margin-inline:auto;padding:clamp(120px,13vw,190px) clamp(24px,7vw,120px) clamp(115px,12vw,175px);border-bottom:0}
.team-intro .section-tag{margin:0 0 32px}.team-intro h1{font-size:clamp(3.4rem,6vw,6.6rem);line-height:.86}.team-intro>p:last-child{max-width:560px;margin:46px 0 0 auto;font-size:clamp(1rem,1.2vw,1.12rem);line-height:1.75}
.team-directory{width:min(calc(100% - 48px),1320px);margin-inline:auto;padding:0 0 clamp(135px,14vw,205px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.6vw,38px);align-items:start}
.team-directory .profile-card{border:0;background:transparent;text-align:center}
.profile-portrait{position:relative;display:block;width:min(100%,310px);aspect-ratio:1;margin:0 auto 30px;padding:0;border:1px solid rgba(96,67,91,.28);border-radius:50%;background:#bfa26a;overflow:hidden;cursor:pointer;box-shadow:10px 12px 0 rgba(96,67,91,.13);transition:transform .25s,box-shadow .25s}
.profile-portrait.rose{background:#a98ca0}.profile-portrait:hover,.profile-portrait:focus-visible{transform:translateY(-7px) rotate(-1deg);box-shadow:18px 21px 0 rgba(96,67,91,.18);outline:none}.profile-portrait:focus-visible{outline:3px solid var(--plum);outline-offset:6px}
.profile-portrait img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.88);transition:transform .45s,filter .35s}.profile-portrait:hover img,.profile-portrait:focus-visible img{transform:scale(1.045);filter:saturate(1)}
.profile-portrait[data-profile="reda"] img{object-position:50% 28%}
.profile-portrait>span{position:absolute;left:50%;bottom:24px;transform:translateX(-50%) translateY(8px);padding:10px 13px;background:rgba(26,26,26,.88);color:#fff;border:1px solid rgba(255,255,255,.25);font:600 .52rem var(--mono);letter-spacing:.06em;white-space:nowrap;opacity:0;transition:opacity .25s,transform .25s;backdrop-filter:blur(8px)}.profile-portrait:hover>span,.profile-portrait:focus-visible>span{opacity:1;transform:translateX(-50%) translateY(0)}
.profile-summary{padding:0 8px!important}.profile-summary>span{display:flex;align-items:center;justify-content:center;min-height:2.4em;font:600 .51rem/1.4 var(--mono)!important;letter-spacing:.075em;color:var(--plum)}.profile-summary h2{display:flex;align-items:flex-start;justify-content:center;min-height:1.95em;margin:13px 0 11px!important;font-size:clamp(1.85rem,2.25vw,2.65rem)!important;line-height:.95!important;letter-spacing:-.045em}.profile-summary p{max-width:290px;min-height:6.1em;margin:0 auto 18px;font-size:.8rem!important;line-height:1.6!important;color:rgba(33,29,27,.68)}.profile-summary a{display:inline-block;padding-bottom:5px;border-bottom:1px solid;color:var(--ink);font-size:.53rem!important;text-decoration:none}.profile-summary a:hover{color:var(--plum)}
.team-note{width:min(calc(100% - 48px),1180px);margin:0 auto clamp(130px,13vw,195px);padding:clamp(75px,8vw,110px);background:rgba(215,215,215,.75);border:1px solid rgba(96,67,91,.18);backdrop-filter:blur(8px)}
.profile-modal-open{overflow:hidden}.profile-dialog{width:min(calc(100% - 32px),980px);max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:28px;background:#f8f6f1;color:#211d1b;box-shadow:0 40px 120px rgba(0,0,0,.48);overflow:auto}.profile-dialog::backdrop{background:rgba(19,17,18,.72);backdrop-filter:blur(10px)}.profile-dialog[open]{animation:profileEnter .3s ease both}.profile-modal{position:relative;padding-bottom:42px}.profile-close{position:sticky;z-index:10;float:right;top:16px;margin:16px 16px -60px 0;width:42px;height:42px;border:1px solid rgba(33,29,27,.18);border-radius:50%;background:rgba(248,246,241,.88);color:#211d1b;font:400 1.6rem/1 sans-serif;cursor:pointer;backdrop-filter:blur(8px)}.profile-close:hover{background:#211d1b;color:#fff}
.profile-banner-placeholder{height:clamp(190px,27vw,290px);margin:20px;border:1px solid rgba(96,67,91,.18);border-radius:24px;background:linear-gradient(135deg,rgba(141,212,217,.5),rgba(169,140,160,.3)),linear-gradient(rgba(96,67,91,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(96,67,91,.08) 1px,transparent 1px);background-size:auto,30px 30px,30px 30px;display:grid;place-items:center}.profile-banner-placeholder span{font:600 .54rem var(--mono);letter-spacing:.08em;color:rgba(33,29,27,.48);padding:9px 12px;background:rgba(248,246,241,.7)}
.profile-modal-head{position:relative;display:grid;grid-template-columns:150px 1fr auto;gap:25px;align-items:end;padding:0 58px;margin-top:-82px}.profile-modal-head>img{width:150px;height:150px;border:7px solid #f8f6f1;border-radius:50%;object-fit:cover;background:#d7d7d7}.profile-modal-head>div{padding-bottom:9px}.profile-modal-head p{margin:0 0 8px;font:600 .55rem var(--mono);letter-spacing:.08em;color:var(--plum)}.profile-modal-head h2{margin:0;font:700 clamp(2.2rem,4vw,3.8rem)/.95 var(--display);letter-spacing:-.045em}.profile-modal-head>div>span{display:block;margin-top:8px;color:rgba(33,29,27,.48);font:.72rem var(--mono)}.profile-modal-head>a{margin-bottom:12px;padding:13px 16px;border:1px solid rgba(33,29,27,.2);color:#211d1b;text-decoration:none;font:600 .55rem var(--mono);letter-spacing:.05em}.profile-modal-head>a:hover{background:#211d1b;color:#fff}
.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:48px 58px 0;padding:30px 0;border-top:1px solid rgba(96,67,91,.14);border-bottom:1px solid rgba(96,67,91,.14)}.profile-stats>div{padding:0 24px;border-right:1px solid rgba(96,67,91,.14)}.profile-stats>div:first-child{padding-left:0}.profile-stats>div:last-child{border-right:0}.profile-stats small{display:block;margin-bottom:12px;font:500 .48rem var(--mono);letter-spacing:.06em;color:rgba(33,29,27,.42)}.profile-stats strong{font:600 clamp(.9rem,1.7vw,1.25rem) var(--body)}
.profile-details{display:grid;grid-template-columns:1.25fr .75fr;gap:65px;padding:48px 58px 12px}.profile-details .section-tag{margin:0 0 21px}.profile-details h3{margin:0 0 20px;font:700 clamp(2rem,3.2vw,3.2rem)/1.03 var(--display);letter-spacing:-.04em}.profile-details section>p:last-child{font-size:.92rem;line-height:1.75;color:rgba(33,29,27,.68)}.profile-details aside{padding-left:35px;border-left:1px solid rgba(96,67,91,.14)}.profile-details ul{list-style:none;margin:0 0 32px;padding:0}.profile-details li{padding:11px 0;border-bottom:1px solid rgba(96,67,91,.13);font:500 .58rem var(--mono);text-transform:uppercase}.profile-details aside>a{display:inline-block;padding:13px 15px;background:#60435b;color:#fff;text-decoration:none;font:600 .54rem var(--mono);letter-spacing:.06em}
@keyframes profileEnter{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:720px){.team-directory{grid-template-columns:1fr;width:calc(100% - 36px)}.profile-portrait{width:min(82vw,330px)}.profile-summary h2{min-height:0;font-size:clamp(2.2rem,10vw,3rem)!important}.profile-summary p{min-height:0}.profile-modal-head{grid-template-columns:105px 1fr;padding-inline:28px;margin-top:-62px}.profile-modal-head>img{width:105px;height:105px;border-width:5px}.profile-modal-head>a{grid-column:1/-1;width:max-content;margin:0}.profile-stats{margin-inline:28px}.profile-details{grid-template-columns:1fr;padding-inline:28px;gap:38px}.profile-details aside{padding:0;border-left:0;border-top:1px solid rgba(96,67,91,.14);padding-top:35px}}
@media(max-width:520px){.team-intro{padding:78px 18px 105px}.team-intro h1{font-size:clamp(2.9rem,14vw,4.2rem)}.team-directory{width:calc(100% - 28px);padding-bottom:105px;gap:75px}.team-note{width:calc(100% - 28px);margin-bottom:100px;padding:62px 23px}.profile-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:20px}.profile-banner-placeholder{height:175px;margin:10px}.profile-modal-head{grid-template-columns:88px 1fr;padding-inline:18px;gap:14px}.profile-modal-head>img{width:88px;height:88px}.profile-modal-head h2{font-size:2rem}.profile-stats{grid-template-columns:1fr;margin:35px 18px 0;padding:15px 0}.profile-stats>div{padding:14px 0;border-right:0;border-bottom:1px solid rgba(96,67,91,.12)}.profile-stats>div:last-child{border-bottom:0}.profile-details{padding:35px 18px 5px}.profile-close{top:8px;margin:8px 8px -50px 0}}
@media(prefers-reduced-motion:reduce){.profile-dialog[open]{animation:none}}

/* Actionable links inside the service mockups. */
.phone-frame>a{display:inline-block;margin-top:30px;padding:9px 12px;border:0;background:#8dd4d9;color:#17292c;font:600 .46rem var(--mono);text-decoration:none}
.preview-page>a{display:inline-block;border:0;background:#211d1b;color:#fff;padding:10px 13px;font:500 .45rem var(--mono);text-decoration:none}
.project-card .project-visual[role="link"]{cursor:pointer}.project-card .project-visual[role="link"]:focus-visible{outline:3px solid var(--plum);outline-offset:4px}.workspace-files>button{cursor:pointer}.social-links button:disabled{cursor:not-allowed;opacity:.42}.social-links button:disabled:hover{background:rgba(255,255,255,.04);color:var(--paper);transform:none}
/* Editorial Bizzapt introduction: collage assets replace the pale card. */
.hero-intro{grid-template-columns:1fr}
.hero-intro h1{max-width:1040px}
.bizzapt-overview{background-color:#c5b2b2;background-image:url('assets/design-library/dots-plum.png');background-repeat:no-repeat;background-position:right clamp(22px,5vw,80px) center;background-size:clamp(180px,25vw,350px) auto;background-blend-mode:soft-light;border:1px solid rgba(96,67,91,.22)}
.bizzapt-overview:before{width:clamp(180px,24vw,360px);height:auto;aspect-ratio:1;left:auto;right:3%;bottom:-42%;background:transparent url('assets/design-library/flower-outline.png') center/contain no-repeat;transform:none;opacity:.17;animation:ambientSpin 30s linear infinite}
@media(max-width:700px){.bizzapt-overview{min-height:auto;padding:48px 28px 46px;background-position:right -70px center;background-size:230px auto}.bizzapt-overview>div{width:100%;padding-left:22px;border-left-width:3px}.bizzapt-overview>div>span{margin-bottom:18px}.bizzapt-overview p{max-width:92%;font-size:clamp(1.35rem,6vw,1.8rem);line-height:1.38}.bizzapt-overview a{width:min(100%,320px);margin-top:30px;font-size:.7rem}.bizzapt-overview:before{right:-22%;bottom:-18%;opacity:.09}.bizzapt-overview:after{display:none}}
@media(max-width:420px){.bizzapt-overview{padding:38px 18px 36px;background-position:right -90px bottom 20px;background-size:200px auto}.bizzapt-overview>div{padding-left:16px}.bizzapt-overview p{max-width:100%;font-size:1.28rem}.bizzapt-overview a{font-size:.62rem;letter-spacing:.06em}.bizzapt-overview a b{font-size:1rem}}

/* Shared keyboard, touch, and motion accessibility. */
.skip-link{position:fixed;left:18px;top:12px;z-index:10000;padding:12px 16px;background:#211d1b;color:#fff;font:700 .82rem var(--sans);text-decoration:none;transform:translateY(-160%);transition:transform .18s}
.skip-link:focus{transform:translateY(0)}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #e8653d;outline-offset:3px}
:where(button,a,input,select){min-height:44px}
main:focus{outline:none}
[hidden]{display:none!important}
.service-world[role="tabpanel"]:focus{outline:none}
.desktop-nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.folder-summary,.service-tabs button,.partner-filters button,.who-dialog-close,.profile-close{touch-action:manipulation}
section[id],article[id],#contact{scroll-margin-top:90px}
@media(max-width:850px){.desktop-nav.is-open{max-height:calc(100dvh - 62px);overflow-y:auto}.desktop-nav a{display:flex;align-items:center;min-height:48px}.service-tabs{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.service-tabs button{min-width:145px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.project-live-frame{display:none!important}}
@media(forced-colors:active){:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid Highlight}.bizzapt-overview,.contact-form,.person-card,.partner-card{border:1px solid CanvasText}.flip-inner{transform:none!important}.flip-card.is-flipped .front{display:none}.flip-card:not(.is-flipped) .back{display:none}}

/* Compact editorial grid inside opened service folders. */
@media(min-width:901px){
  .service-folder.is-open{height:465px;overflow:visible}
  .service-folder.is-open .folder-summary{height:118px!important}
  .service-folder.is-open .folder-reveal{
    display:grid!important;
    grid-template-columns:minmax(0,1.15fr) minmax(240px,.9fr) minmax(180px,.62fr)!important;
    grid-template-rows:1fr;
    align-items:stretch!important;
    gap:18px!important;
    max-height:347px;
    min-height:347px;
    padding:14px clamp(24px,3vw,46px) 34px!important;
    overflow:visible
  }
  .service-folder.is-open .folder-list,
  .service-folder.is-open:nth-child(even) .folder-list{
    grid-column:1;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-content:stretch;
    gap:8px;
    margin:0;
    padding:0;
    max-width:none
  }
  .service-folder.is-open .folder-list li{
    display:flex;
    align-items:flex-end;
    min-height:76px;
    padding:15px;
    border:1px solid rgba(33,29,27,.16);
    background:rgba(255,255,255,.18);
    font:600 clamp(.64rem,.78vw,.78rem)/1.35 var(--mono);
    letter-spacing:.025em;
    text-transform:uppercase
  }
  .service-folder.is-open .folder-list li:before{content:"↗︎";align-self:flex-start;margin:0 auto 0 0;color:rgba(33,29,27,.45);font-size:.7rem}
  .service-folder.is-open .folder-why,
  .service-folder.is-open:nth-child(even) .folder-why{
    grid-column:2;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    max-width:none;
    margin:0;
    padding:22px;
    border:1px solid rgba(33,29,27,.16);
    background:rgba(255,255,255,.2)
  }
  .service-folder.is-open .folder-why>small{font:600 .48rem var(--mono);letter-spacing:.1em;opacity:.58}
  .service-folder.is-open .folder-why em{margin:15px 0 0;padding:2px 15px;font-size:clamp(1.6rem,2vw,2.15rem)}
  .service-folder.is-open .folder-why p{margin:17px 0 20px;font-size:clamp(.73rem,.8vw,.82rem);line-height:1.55}
  .service-folder.is-open .folder-why .folder-cta{width:100%;margin-top:auto;padding:14px 13px;text-align:center;font-size:.5rem}
  .service-folder.is-open .polaroid-placeholder,
  .service-folder.is-open:nth-child(odd) .polaroid-placeholder,
  .service-folder.is-open:nth-child(even) .polaroid-placeholder{
    position:relative;
    grid-column:3;
    grid-row:1;
    align-self:start;
    top:-78px;
    right:auto!important;
    left:auto!important;
    width:100%;
    max-width:245px;
    margin:0 auto;
    transform:rotate(3deg)
  }
  .service-folder.is-open:nth-child(even) .folder-list{grid-column:2}
  .service-folder.is-open:nth-child(even) .folder-why{grid-column:3}
  .service-folder.is-open:nth-child(even) .polaroid-placeholder{grid-column:1;transform:rotate(-3deg)}
  .service-folder.is-open:nth-child(even) .folder-reveal{grid-template-columns:minmax(180px,.62fr) minmax(0,1.15fr) minmax(240px,.9fr)!important}
}

/* Maisan Sale hover/focus slideshow. */
.project-slideshow{background:#191919;color:#fff}
.project-slides{position:absolute;inset:0;overflow:hidden;background:#191919}
.project-slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.025);transition:opacity .55s ease,transform 1.8s ease}
.project-slides img.active{opacity:1;transform:scale(1)}
.project-slideshow>span,.project-slideshow>i{position:relative;z-index:2;padding:7px 9px;background:rgba(26,26,26,.82);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(7px)}
.project-slideshow>i{width:max-content;margin-top:auto}
.project-status{align-self:end;font:600 .55rem var(--mono);color:var(--plum)}

/* Repair the Core Values composition at phone and small-tablet widths. */
@media(max-width:800px){.core-values{padding:76px 20px 90px}.values-head{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;margin-bottom:45px}.values-head>div,.values-head>p{min-width:0;max-width:100%}.values-head h2{font-size:clamp(3.2rem,15vw,5.5rem);line-height:.82;overflow-wrap:normal}.values-head>p{font-size:clamp(1.15rem,5vw,1.65rem);line-height:1.15}.values-cards{grid-template-columns:minmax(0,1fr);width:100%;gap:16px}.values-cards article{width:100%;min-height:220px;margin:0;transform:none!important}.values-triangles{right:-235px;top:1%;width:390px}.values-smiley{left:-45px;top:36%}}
@media(max-width:430px){.core-values{padding-inline:16px}.values-head h2{font-size:clamp(3rem,16vw,4.35rem)}.values-pill{font-size:.92rem;padding:6px 17px}.values-cards article{min-height:210px;padding:25px 21px}.values-cards h3{font-size:2rem}.values-cards p{max-width:76%;font-size:.8rem}.value-icon{width:46px;height:46px;right:18px;top:18px}}

/* Founder note and Hajra Iqbal profile. */
.founder-note{position:relative;width:min(calc(100% - 48px),1180px);margin:0 auto 35px;padding:clamp(55px,7vw,92px);display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(38px,7vw,100px);overflow:hidden;background:#60435b;color:#f4eee6;border:1px solid rgba(244,238,230,.16)}
.founder-note:after{content:"";position:absolute;right:-75px;bottom:-105px;width:300px;aspect-ratio:1;background:url('assets/design-library/flower-outline.png') center/contain no-repeat;opacity:.08}
.founder-note-mark{position:absolute;right:5%;top:-34px;color:rgba(197,178,178,.18);font:700 16rem/1 var(--display)}
.founder-note-heading,.founder-note blockquote{position:relative;z-index:1;margin:0}
.founder-note-heading h2{margin:22px 0 0;font:700 clamp(2.5rem,4.6vw,5rem)/.92 var(--display);letter-spacing:-.05em}
.founder-note-heading h2 em{color:#c5b2b2}
.founder-note blockquote{align-self:end;padding-left:32px;border-left:2px solid #8dd4d9}
.founder-note blockquote>p{margin:0;font-size:clamp(1rem,1.45vw,1.25rem);line-height:1.75}
.founder-note-signature{display:flex;flex-direction:column;gap:5px;margin-top:32px;padding:0;color:#f4eee6;text-transform:none}
.founder-note-signature strong{font:700 1rem var(--sans)}
.founder-note-signature span{color:#8dd4d9;font:500 .59rem var(--mono);letter-spacing:.07em;text-transform:uppercase}
.founder-portrait{display:grid;place-items:center;background:#d7d7d7}
.profile-portrait .profile-view-label{z-index:2}
.initials-portrait{display:grid;place-items:center;background:#8dd4d9}
.profile-portrait>.member-initials,.profile-portrait:hover>.member-initials,.profile-portrait:focus-visible>.member-initials{position:static;opacity:1;transform:none;padding:0;background:none;border:0;color:#60435b;font:700 clamp(3.7rem,7vw,6.4rem)/1 var(--display);letter-spacing:-.08em;backdrop-filter:none}
@media(max-width:1050px) and (min-width:721px){.team-directory{grid-template-columns:repeat(2,minmax(0,1fr));width:min(calc(100% - 44px),760px)}}
@media(max-width:760px){.founder-note{grid-template-columns:1fr;width:calc(100% - 36px);padding:55px 30px}.founder-note blockquote{padding-left:22px}.founder-note-mark{right:3%;font-size:11rem}}
@media(max-width:520px){.founder-note{width:calc(100% - 28px);margin-bottom:15px;padding:44px 21px;gap:34px}.founder-note-heading h2{font-size:2.55rem}.founder-note blockquote>p{font-size:.94rem;line-height:1.7}.founder-note-signature{align-items:flex-start}}

/* ===== Inverted colours for the moon/sun switch (generated from the rules above — keep at end of file) ===== */
html[data-theme="inverted"] { --blue: #5e7d8b; --acid: #d7e762; }
html[data-theme="inverted"] body { background: #271c24; color: #e1dddb; }
html[data-theme="inverted"] .noise { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E"); }
html[data-theme="inverted"] .brand { color: #e1dddb; }
html[data-theme="inverted"] .desktop-nav a { color: #e1dddb; }
html[data-theme="inverted"] .nav-cta { color: #382d1e; background: #f2ece3; }
html[data-theme="inverted"] .kicker span { background: #e8653d; }
html[data-theme="inverted"] .hero h1 em,
html[data-theme="inverted"] .section-head h2 em,
html[data-theme="inverted"] .manifesto h2 em,
html[data-theme="inverted"] .process h2 em,
html[data-theme="inverted"] .contact h2 em { color: #d2bfcf; }
html[data-theme="inverted"] .text-link { color: #e1dddb; border-bottom: 1px solid; }
html[data-theme="inverted"] .flip-card { border: 0; background: transparent; }
html[data-theme="inverted"] .face { color: #382d1e; }
html[data-theme="inverted"] .back { background: #f2ece3 !important; }
html[data-theme="inverted"] .tile-one .front { background: #60435b; }
html[data-theme="inverted"] .tile-two .front { background: #e8653d; color: #211d1b; }
html[data-theme="inverted"] .tile-three .front { background: var(--blue); }
html[data-theme="inverted"] .tile-four .front { background: #c5b2b2; color: #211d1b; }
html[data-theme="inverted"] .tile-five .front { background: var(--acid); color: #e1dddb; }
html[data-theme="inverted"] .tile-six .front { background: #f1eae0; }
html[data-theme="inverted"] .flip-card:focus-visible { outline: 4px solid #e1dddb; }
html[data-theme="inverted"] .hero-mark { background: #271c24; }
html[data-theme="inverted"] .ticker { background: #60435b; color: var(--paper); }
html[data-theme="inverted"] .manifesto aside { background: var(--acid); }
html[data-theme="inverted"] .services { background: #f2ece3; color: #382d1e; }
html[data-theme="inverted"] .section-head h2 em { color: #503c3c; }
html[data-theme="inverted"] .section-head>p { color: rgba(56, 45, 30, 0.72); }
html[data-theme="inverted"] .service-list { border-top: 1px solid rgba(56, 45, 30, 0.3); }
html[data-theme="inverted"] .service-list a { color: #382d1e; border-bottom: 1px solid rgba(56, 45, 30, 0.3); }
html[data-theme="inverted"] .service-list a:hover { background: var(--acid); color: #e1dddb; }
html[data-theme="inverted"] .process ol { border-top: 1px solid rgba(225, 221, 219, 0.22); }
html[data-theme="inverted"] .process li { border-bottom: 1px solid rgba(225, 221, 219, 0.22); }
html[data-theme="inverted"] .contact { background: #c5b2b2; }
html[data-theme="inverted"] .contact h2 em { color: #d2bfcf; }
html[data-theme="inverted"] .contact>a { color: var(--paper); background: #60435b; }
html[data-theme="inverted"] .contact-sticker { background: var(--acid); }
html[data-theme="inverted"] .front { background-color: #2e212b !important; background-image: url("assets/logo.svg") !important; color: transparent !important; }
html[data-theme="inverted"] .tile-one .back { background: #a98ca0 !important; color: #1a1a1a; }
html[data-theme="inverted"] .tile-two .back { background: #8dd4d9 !important; color: #1a1a1a; }
html[data-theme="inverted"] .tile-three .back { background: #bfa26a !important; color: #1a1a1a; }
html[data-theme="inverted"] .tile-four .back { background: #f3ede5 !important; color: #212121; }
html[data-theme="inverted"] .tile-five .back { background: #1e151c !important; color: #e0e0e0; }
html[data-theme="inverted"] .tile-six .back { background: linear-gradient(135deg,#a98ca0 0%,#a98ca0 52%,#bfa26a 52%,#bfa26a 100%) !important; color: #1a1a1a; }
html[data-theme="inverted"] .front { background-image: none !important; color: #e0e0e0 !important; }
html[data-theme="inverted"] .fact-front { background: #2e212b !important; }
html[data-theme="inverted"] .tile-one .fact-front,
html[data-theme="inverted"] .tile-eight .fact-front { background: #1e151c !important; }
html[data-theme="inverted"] .tile-two .fact-front,
html[data-theme="inverted"] .tile-seven .fact-front { background: #c5b2b2 !important; }
html[data-theme="inverted"] .tile-three .fact-front { background: #8dd4d9 !important; }
html[data-theme="inverted"] .tile-four .fact-front,
html[data-theme="inverted"] .tile-nine .fact-front { background: #291e26 !important; }
html[data-theme="inverted"] .tile-six .fact-front { background: #bfa26a !important; }
html[data-theme="inverted"] .logo-front { background: #f8f4ef !important; }
html[data-theme="inverted"] .tile-seven .back { background: #8dd4d9 !important; color: #1a1a1a; }
html[data-theme="inverted"] .tile-eight .back { background: #a98ca0 !important; color: #1a1a1a; }
html[data-theme="inverted"] .tile-nine .back { background: #bfa26a !important; color: #1a1a1a; }
html[data-theme="inverted"] .menu-toggle { border: 0; background: none; }
html[data-theme="inverted"] .desktop-nav a.active { color: #d2bfcf; }
html[data-theme="inverted"] .work-collage h2 em,
html[data-theme="inverted"] .page-hero h1 em,
html[data-theme="inverted"] .projects-intro h1 em,
html[data-theme="inverted"] .team-intro h1 em,
html[data-theme="inverted"] .about-intro h1 em { color: #d2bfcf; }
html[data-theme="inverted"] .mc { color: #e1dddb; }
html[data-theme="inverted"] .mc-brand { background: #60435b; color: #fff; }
html[data-theme="inverted"] .mc-data { background: #8dd4d9; }
html[data-theme="inverted"] .data-orbit { border: 1px solid; }
html[data-theme="inverted"] .mc-web { background: #1e151c; }
html[data-theme="inverted"] .browser-mini { background: #2e212b; border: 1px solid; }
html[data-theme="inverted"] .browser-mini i { background: #c5b2b2; }
html[data-theme="inverted"] .mc-ui { background: #bfa26a; }
html[data-theme="inverted"] .phone-mini { background: #f3ede5; color: #212121; }
html[data-theme="inverted"] .phone-mini i { background: #444; }
html[data-theme="inverted"] .partners { border-top: 1px solid rgba(225, 221, 219, 0.22); }
html[data-theme="inverted"] .partner-group { border-bottom: 1px solid rgba(225, 221, 219, 0.22); }
html[data-theme="inverted"] .partner-group i { color: #d2bfcf; }
@media(max-width:900px){
  html[data-theme="inverted"] .desktop-nav { background: #271c24; border-bottom: 1px solid rgba(225, 221, 219, 0.22); }
}
html[data-theme="inverted"] .service-tabs { border: 1px solid rgba(225, 221, 219, 0.22); background: #271c24; }
html[data-theme="inverted"] .service-tabs button { border: 0; border-right: 1px solid rgba(225, 221, 219, 0.22); background: transparent; }
html[data-theme="inverted"] .service-tabs button:last-child { border: 0; }
html[data-theme="inverted"] .service-tabs button.active { background: #f2ece3; color: #212121; }
html[data-theme="inverted"] .service-world { border: 1px solid rgba(225, 221, 219, 0.22); border-top: 0; }
html[data-theme="inverted"] .world-copy ul { border-top: 1px solid currentColor; }
html[data-theme="inverted"] .world-copy li { border-bottom: 1px solid currentColor; }
html[data-theme="inverted"] .brand-world { background: #c5b2b2; }
html[data-theme="inverted"] .brand-board>div { background: #2e212b; }
html[data-theme="inverted"] .swatch.s1 { background: #60435b; color: #fff; }
html[data-theme="inverted"] .swatch.s2 { background: #8dd4d9; }
html[data-theme="inverted"] .swatch.s3 { background: #bfa26a; }
html[data-theme="inverted"] .sticker { background: #f3ede5 !important; color: #212121 !important; }
html[data-theme="inverted"] .data-world { background: #e5eef1; color: #212121; }
html[data-theme="inverted"] .aura-console { border: 1px solid #345e61; background: radial-gradient(circle at 50% 45%,rgba(141,212,217,.26),transparent 42%); }
html[data-theme="inverted"] .console-head i { color: #345e61; }
html[data-theme="inverted"] .aura-core { border: 1px solid #345e61; }
html[data-theme="inverted"] .aura-core:before,
html[data-theme="inverted"] .aura-core:after { border: 1px solid rgba(52, 94, 97, 0.4); }
html[data-theme="inverted"] .design-world { background: #1e151c; }
html[data-theme="inverted"] .figma-board { background-image: linear-gradient(rgba(242, 236, 227, 0.22) 1px,transparent 1px),linear-gradient(90deg,rgba(242, 236, 227, 0.22) 1px,transparent 1px); }
html[data-theme="inverted"] .wireframe { background: #2e212b; border: 1px solid; }
html[data-theme="inverted"] .wireframe i { background: #c5b2b2; }
html[data-theme="inverted"] .mobile-ui { background: #60435b; color: #fff; }
html[data-theme="inverted"] .mobile-ui button { border: 0; background: #8dd4d9; }
html[data-theme="inverted"] .cursor-tag { background: #f3ede5; color: #212121; }
html[data-theme="inverted"] .dev-world { background: #f3ede5; color: #212121; }
html[data-theme="inverted"] .code-window { border: 1px solid #c0c0c0; background: #f5efe8; }
html[data-theme="inverted"] .code-window>span { border-bottom: 1px solid #c7c7c7; color: #654c5d; }
html[data-theme="inverted"] .code-window pre { color: #345e61; }
html[data-theme="inverted"] .tech-cloud b { border: 1px solid #b9b9b9; }
html[data-theme="inverted"] .dev-stack>a { background: #bfa26a; color: #1a1a1a; }
html[data-theme="inverted"] .projects-intro,
html[data-theme="inverted"] .team-intro,
html[data-theme="inverted"] .about-intro { border-bottom: 1px solid rgba(225, 221, 219, 0.22); }
html[data-theme="inverted"] .aura-v { background: #e5eef1; color: #345e61; }
html[data-theme="inverted"] .watania-v { background: #bfa26a; }
html[data-theme="inverted"] .digits-v { background: #a98ca0; }
html[data-theme="inverted"] .bizz-v { background: #2e212b; }
html[data-theme="inverted"] .project-meta a { color: #e1dddb; }
html[data-theme="inverted"] .project-note { background: #60435b; color: #fff; }
html[data-theme="inverted"] .project-note h2 em,
html[data-theme="inverted"] .about-manifesto h2 em { color: #503c3c; }
html[data-theme="inverted"] .person-card { border: 1px solid rgba(225, 221, 219, 0.22); background: #2e212b; }
html[data-theme="inverted"] .portrait-placeholder { background: #bfa26a; }
html[data-theme="inverted"] .portrait-placeholder.rose { background: #a98ca0; }
html[data-theme="inverted"] .portrait-placeholder.cyan { background: #8dd4d9; }
html[data-theme="inverted"] .person-card a { color: #e1dddb; }
html[data-theme="inverted"] .team-note { background: #1e151c; }
html[data-theme="inverted"] .about-story aside { background: #2e212b; }
html[data-theme="inverted"] .about-story aside span { color: #d2bfcf; }
html[data-theme="inverted"] .values-grid article { border: 1px solid rgba(225, 221, 219, 0.22); }
html[data-theme="inverted"] .values-grid article:nth-child(2) { background: #c5b2b2; }
html[data-theme="inverted"] .values-grid article:nth-child(3) { background: #5e7d8b; color: #fff; }
html[data-theme="inverted"] .about-manifesto { background: #f3ede5; color: #212121; }
html[data-theme="inverted"] .about-manifesto>a { color: #345e61; }
@media(max-width:900px){
  html[data-theme="inverted"] .service-tabs button { border-bottom: 1px solid rgba(225, 221, 219, 0.22); }
}
html[data-theme="inverted"] .ambient-ring { border: 1px solid rgba(210, 191, 207, 0.28); }
html[data-theme="inverted"] .ambient-ring:before,
html[data-theme="inverted"] .ambient-ring:after { border: 1px solid rgba(172, 191, 199, 0.2); }
html[data-theme="inverted"] .ambient-cut { background: #a98ca0; }
html[data-theme="inverted"] .cut-b { background: #8dd4d9; }
html[data-theme="inverted"] .hero-ambient>span { color: rgba(225, 221, 219, 0.35); }
html[data-theme="inverted"] .hero-intro:after { border: 1px solid #d2bfcf; }
html[data-theme="inverted"] .hero-copy { background: rgba(39, 28, 36, 0.72); border-left: 2px solid #d2bfcf; }
html[data-theme="inverted"] .clean-service-head h2 em { color: #503c3c; }
html[data-theme="inverted"] .clean-service-head>p { color: rgba(56, 45, 30, 0.72); }
html[data-theme="inverted"] .service-collage-card { background: #271c24; color: #e1dddb; }
html[data-theme="inverted"] .sc-content strong { color: #d2bfcf; }
html[data-theme="inverted"] .brand-visual { background: #c5b2b2; }
html[data-theme="inverted"] .mini-logo { background: #2e212b; }
html[data-theme="inverted"] .brand-chip { background: #8dd4d9; }
html[data-theme="inverted"] .brand-chip.chip-two { background: #bfa26a; }
html[data-theme="inverted"] .brand-visual>b { color: #d2bfcf; }
html[data-theme="inverted"] .data-visual { background: #e5eef1; color: #345e61; }
html[data-theme="inverted"] .data-visual>b { border: 1px solid; }
html[data-theme="inverted"] .data-bars i { background: #8dd4d9; }
html[data-theme="inverted"] .design-visual { background: #1e151c; background-image: linear-gradient(rgba(243, 237, 229, 0.1) 1px,transparent 1px),linear-gradient(90deg,rgba(243, 237, 229, 0.1) 1px,transparent 1px); background-size: 24px 24px; }
html[data-theme="inverted"] .ui-window { background: #2e212b; border: 1px solid; }
html[data-theme="inverted"] .ui-window>i { background: #a98ca0; }
html[data-theme="inverted"] .ui-phone { background: #60435b; color: #fff; }
html[data-theme="inverted"] .ui-phone i { background: #c5b2b2; }
html[data-theme="inverted"] .ui-phone i+i { background: #8dd4d9; }
html[data-theme="inverted"] .dev-visual { background: #f5efe8; color: #345e61; border: 1px solid #c7c7c7; }
html[data-theme="inverted"] .dev-visual>span { color: #654c5d; }
html[data-theme="inverted"] .dev-visual i { border: 1px solid #c0c0c0; color: #212121; }
html[data-theme="inverted"] .service-folder { color: #e1dddb; }
html[data-theme="inverted"] .folder-brand,
html[data-theme="inverted"] .folder-brand .folder-tab { background: #a98ca0; }
html[data-theme="inverted"] .folder-data,
html[data-theme="inverted"] .folder-data .folder-tab { background: #8dd4d9; }
html[data-theme="inverted"] .folder-design,
html[data-theme="inverted"] .folder-design .folder-tab { background: #1e151c; }
html[data-theme="inverted"] .folder-dev,
html[data-theme="inverted"] .folder-dev .folder-tab { background: #bfa26a; }
html[data-theme="inverted"] .folder-summary { border: 0; background: transparent; color: inherit; }
html[data-theme="inverted"] .folder-art { border: 1px solid rgba(224, 224, 224, 0.25); background: rgba(46, 33, 43, 0.2); }
html[data-theme="inverted"] .folder-cta { background: #f3ede5; color: #212121; }
html[data-theme="inverted"] .art-brand i { background: #8dd4d9; }
html[data-theme="inverted"] .art-brand i+i { background: #bfa26a; }
html[data-theme="inverted"] .art-data strong { border: 1px solid; }
html[data-theme="inverted"] .art-design>div { background: #2e212b; border: 1px solid; }
html[data-theme="inverted"] .art-design i { background: #a98ca0; }
html[data-theme="inverted"] .art-dev { background: #f5efe8; color: #345e61; }
html[data-theme="inverted"] .art-dev span { color: #654c5d; }
html[data-theme="inverted"] .folder-list li:before { color: rgba(224, 224, 224, 0.35); }
html[data-theme="inverted"] .polaroid-placeholder { background: #291e26; }
html[data-theme="inverted"] .polaroid-placeholder:after { border: 2px solid rgba(224, 224, 224, 0.35); }
html[data-theme="inverted"] .polaroid-art { background: #2e212b; }
html[data-theme="inverted"] .polaroid-brand { background: #c5b2b2; }
html[data-theme="inverted"] .polaroid-brand i { background: #8dd4d9; }
html[data-theme="inverted"] .polaroid-brand i+i { background: #bfa26a; }
html[data-theme="inverted"] .polaroid-data { background: #e5eef1; color: #345e61; }
html[data-theme="inverted"] .polaroid-data strong { border: 1px solid; }
html[data-theme="inverted"] .polaroid-design { background: #1e151c; }
html[data-theme="inverted"] .polaroid-design>div { background: #2e212b; border: 1px solid; }
html[data-theme="inverted"] .polaroid-design i { background: #a98ca0; }
html[data-theme="inverted"] .polaroid-dev { background: #f5efe8; color: #345e61; }
html[data-theme="inverted"] .polaroid-dev span { color: #654c5d; }
html[data-theme="inverted"] .folder-why em { border: 1px solid; }
html[data-theme="inverted"] .polaroid-placeholder { background: transparent; }
html[data-theme="inverted"] .polaroid-placeholder>span { color: #b9b9b9; }
html[data-theme="inverted"] .folder-summary:after { background: url("assets/logo.svg") center/contain no-repeat; }
html[data-theme="inverted"] .folder-summary:focus-visible { outline: 3px solid #212121; }
html[data-theme="inverted"] .folder-tab:after { border: 1px solid currentColor; }
html[data-theme="inverted"] .folder-tab:before { background: #f3ede5; color: #212121; }
html[data-theme="inverted"] .folder-data .folder-tab:before { color: #345e61; }
html[data-theme="inverted"] .folder-dev .folder-tab:before { color: #bfa26a; }
html[data-theme="inverted"] .folder-brand .folder-summary:before { background: linear-gradient(12deg,transparent 0 11%,rgba(46, 33, 43, 0.38) 11% 25%,transparent 25%) 4% 44%/150px 90px no-repeat,linear-gradient(-8deg,transparent 0 13%,rgba(96,67,91,.38) 13% 28%,transparent 28%) 18% 12%/170px 110px no-repeat,radial-gradient(circle,#8dd4d9 0 28px,transparent 29px) 82% 25%/80px 80px no-repeat,radial-gradient(circle,#bfa26a 0 20px,transparent 21px) 89% 58%/58px 58px no-repeat; }
html[data-theme="inverted"] .folder-data .folder-summary:before { background: linear-gradient(rgba(243, 237, 229, 0.12) 1px,transparent 1px),linear-gradient(90deg,rgba(243, 237, 229, 0.12) 1px,transparent 1px),radial-gradient(circle at 14% 28%,rgba(243, 237, 229, 0.5) 0 5px,transparent 6px),radial-gradient(circle at 22% 62%,rgba(243, 237, 229, 0.4) 0 4px,transparent 5px),radial-gradient(circle at 84% 32%,rgba(243, 237, 229, 0.5) 0 6px,transparent 7px),linear-gradient(72deg,transparent 0 46%,rgba(243, 237, 229, 0.25) 47% 48%,transparent 49%) 8% 20%/210px 120px no-repeat; background-size: 34px 34px,34px 34px,auto,auto,auto,210px 120px; }
html[data-theme="inverted"] .folder-design .folder-summary:before { background: linear-gradient(rgba(96,67,91,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(96,67,91,.1) 1px,transparent 1px),linear-gradient(#2e212b,#2e212b) 7% 28%/190px 95px no-repeat,linear-gradient(#60435b,#60435b) 12% 45%/80px 9px no-repeat,linear-gradient(#c5b2b2,#c5b2b2) 12% 58%/125px 7px no-repeat,linear-gradient(#8dd4d9,#8dd4d9) 88% 42%/75px 115px no-repeat; background-size: 28px 28px,28px 28px,190px 95px,80px 9px,125px 7px,75px 115px; }
html[data-theme="inverted"] .folder-dev .folder-summary:before { background: linear-gradient(#f5efe8,#f5efe8) 7% 28%/230px 115px no-repeat,linear-gradient(#a98ca0,#a98ca0) 10% 40%/95px 5px no-repeat,linear-gradient(#8dd4d9,#8dd4d9) 10% 50%/160px 5px no-repeat,linear-gradient(#1e151c,#1e151c) 10% 60%/120px 5px no-repeat,repeating-linear-gradient(90deg,rgba(243, 237, 229, 0.18) 0 1px,transparent 1px 34px); }
html[data-theme="inverted"] .core-values { background: #2a1e27; color: #e1dddb; border-top: 1px solid rgba(210, 191, 207, 0.15); border-bottom: 1px solid rgba(210, 191, 207, 0.15); }
html[data-theme="inverted"] .values-bg { color: #d2bfcf; }
html[data-theme="inverted"] .values-bg>b { color: transparent; }
html[data-theme="inverted"] .values-bg>span { color: #d2bfcf; }
html[data-theme="inverted"] .burst:before,
html[data-theme="inverted"] .burst:after { border: 3px solid #d2bfcf; }
html[data-theme="inverted"] .burst { border: 3px solid #d2bfcf; }
html[data-theme="inverted"] .values-pill { background: #60435b; color: #fff; }
html[data-theme="inverted"] .values-head h2 { color: #d2bfcf; }
html[data-theme="inverted"] .values-cards article { background: rgba(31, 39, 41, 0.94); border: 2px solid #d2bfcf; }
html[data-theme="inverted"] .values-cards article:hover { background: #2e212b; }
html[data-theme="inverted"] .values-cards article:after { border: 1px solid rgba(210, 191, 207, 0.2); }
html[data-theme="inverted"] .values-cards article>span { color: #d2bfcf; }
html[data-theme="inverted"] .value-icon { border: 1px solid #d2bfcf; color: #d2bfcf; }
html[data-theme="inverted"] .values-footer { color: #d2bfcf; }
html[data-theme="inverted"] .core-values { background: radial-gradient(circle at 80% 15%,rgba(141,212,217,.16),transparent 25%),radial-gradient(circle at 12% 84%,rgba(169,140,160,.18),transparent 28%),#2a1e27; }
html[data-theme="inverted"] .core-values:before { background: url("assets/logo.svg") center/contain no-repeat; }
html[data-theme="inverted"] .values-head h2 { color: #d2bfcf; }
html[data-theme="inverted"] .values-head>p { color: #dcd4db; }
html[data-theme="inverted"] .values-head>p:before { color: #654c5d; }
html[data-theme="inverted"] .values-cards article { border: 0; }
html[data-theme="inverted"] .values-cards article:nth-child(1) { background: #c5b2b2; }
html[data-theme="inverted"] .values-cards article:nth-child(2) { background: #8dd4d9; }
html[data-theme="inverted"] .values-cards article:nth-child(3) { background: #1e151c; }
html[data-theme="inverted"] .values-cards article:nth-child(4) { background: #bfa26a; }
html[data-theme="inverted"] .values-cards article:hover { background: #271c24; }
html[data-theme="inverted"] .values-cards article:before { background: rgba(46, 33, 43, 0.54); }
html[data-theme="inverted"] .values-cards article:after { border: 2px solid rgba(210, 191, 207, 0.22); }
html[data-theme="inverted"] .values-cards h3 { color: #dcd4db; }
html[data-theme="inverted"] .values-cards p { color: #dcd4db; }
html[data-theme="inverted"] .values-cards article>span { background: #60435b; color: #fff; }
html[data-theme="inverted"] .value-icon { background: rgba(46, 33, 43, 0.28); border: 1.5px solid #d2bfcf; }
html[data-theme="inverted"] .values-footer span { background: #60435b; color: #fff; }
html[data-theme="inverted"] .core-values { background: #271c24; }
html[data-theme="inverted"] .values-cards article { border: 1px solid rgba(220, 212, 219, 0.12); }
html[data-theme="inverted"] .value-icon { border: 0; background: rgba(39, 28, 36, 0.62); }
html[data-theme="inverted"] .values-head h2 { color: #e1dddb; }
html[data-theme="inverted"] .values-head h2 em { color: #d2bfcf; }
html[data-theme="inverted"] .value-icon svg { fill: none; stroke: currentColor; }
html[data-theme="inverted"] .value-icon .solid-value-mark { fill: currentColor; stroke: none; }
html[data-theme="inverted"] .values-cards article:nth-child(1) .value-icon { color: #d6c4d3; background: rgba(46, 33, 43, 0.48); }
html[data-theme="inverted"] .values-cards article:nth-child(2) .value-icon { color: #bedae1; background: rgba(46, 33, 43, 0.42); }
html[data-theme="inverted"] .values-cards article:nth-child(3) .value-icon { color: #d5c6d2; background: rgba(46, 33, 43, 0.58); }
html[data-theme="inverted"] .values-cards article:nth-child(4) .value-icon { color: #e4d4c2; background: rgba(46, 33, 43, 0.38); }
html[data-theme="inverted"] .hero-copy { background: transparent; }
html[data-theme="inverted"] main { background: #271c24; }
html[data-theme="inverted"] .hero,
html[data-theme="inverted"] .core-values,
html[data-theme="inverted"] .work-collage,
html[data-theme="inverted"] .partners,
html[data-theme="inverted"] .process { background-color: transparent; }
html[data-theme="inverted"] .mission-vision { background: rgba(39, 28, 36, 0.9); border-top: 1px solid rgba(210, 191, 207, 0.16); border-bottom: 1px solid rgba(210, 191, 207, 0.16); }
html[data-theme="inverted"] .mission-vision-head h2 em { color: #d2bfcf; }
html[data-theme="inverted"] .mission-vision-grid { border-top: 1px solid rgba(225, 221, 219, 0.22); border-bottom: 1px solid rgba(225, 221, 219, 0.22); }
html[data-theme="inverted"] .mission-vision-grid article+article { border-left: 1px solid rgba(225, 221, 219, 0.22); }
html[data-theme="inverted"] .vision-card { background: rgba(197,178,178,.42); }
html[data-theme="inverted"] .mission-card { background: rgba(141,212,217,.34); }
html[data-theme="inverted"] .mv-label span { background: #f2ece3; color: #382d1e; }
html[data-theme="inverted"] .mission-vision-grid article:after { border: 1px solid rgba(210, 191, 207, 0.16); }
@media(max-width:760px){
  html[data-theme="inverted"] .mission-vision-grid article+article { border-left: 0; border-top: 1px solid rgba(225, 221, 219, 0.22); }
}
html[data-theme="inverted"] .who-trigger { border: 1px solid rgba(210, 191, 207, 0.35); background: rgba(46, 33, 43, 0.42); color: #e1dddb; }
html[data-theme="inverted"] .who-trigger:hover,
html[data-theme="inverted"] .who-trigger:focus-visible { background: #f2ece3; color: #382d1e; outline: none; }
html[data-theme="inverted"] .bizzapt-overview { background: radial-gradient(circle at 78% 20%,rgba(141,212,217,.18),transparent 29%),linear-gradient(135deg,rgba(46, 33, 43, 0.48),rgba(39, 28, 36, 0.7)); }
html[data-theme="inverted"] .bizzapt-overview:before { background: rgba(141,212,217,.28); }
html[data-theme="inverted"] .bizzapt-overview:after { color: rgba(225, 221, 219, 0.3); }
html[data-theme="inverted"] .bizzapt-overview>div { border-left: 4px solid #d2bfcf; }
html[data-theme="inverted"] .bizzapt-overview>div>span { color: #d2bfcf; }
html[data-theme="inverted"] .bizzapt-overview a { color: #e1dddb; border-bottom: 2px solid #e1dddb; }
html[data-theme="inverted"] .who-dialog { border: 0; background: transparent; color: #e1dddb; }
html[data-theme="inverted"] .who-dialog::backdrop { background: rgba(244, 239, 232, 0.74); }
html[data-theme="inverted"] .who-dialog-inner { background: linear-gradient(135deg,rgba(39, 28, 36, 0.98),rgba(37, 26, 34, 0.97)); border: 1px solid rgba(33, 33, 33, 0.6); }
html[data-theme="inverted"] .who-dialog-close { border: 1px solid rgba(225, 221, 219, 0.25); background: rgba(46, 33, 43, 0.48); }
html[data-theme="inverted"] .who-dialog-inner>h2 em { color: #d2bfcf; }
html[data-theme="inverted"] .who-email-block { background: rgba(46, 33, 43, 0.55); border: 1px solid rgba(210, 191, 207, 0.2); }
html[data-theme="inverted"] .who-email-block>div { border: 1px solid rgba(225, 221, 219, 0.22); background: #2e212b; }
html[data-theme="inverted"] .who-email-block button { border: 0; border-left: 1px solid rgba(225, 221, 219, 0.22); background: #60435b; color: #fff; }
html[data-theme="inverted"] .copy-status { color: rgba(225, 221, 219, 0.58); }
html[data-theme="inverted"] .who-dialog-cta { background: #f2ece3; color: #212121; }
@media(max-width:900px){
  html[data-theme="inverted"] .mission-vision-grid article+article { border-left: 0; border-top: 1px solid rgba(225, 221, 219, 0.22); }
}
@media(max-width:480px){
  html[data-theme="inverted"] .who-email-block button { border-left: 0; border-top: 1px solid rgba(225, 221, 219, 0.22); }
}
html[data-theme="inverted"] .home-cta { background: #60435b; color: var(--paper); }
html[data-theme="inverted"] .home-cta .section-tag { color: rgba(56, 45, 30, 0.72); }
html[data-theme="inverted"] .home-cta h2 em { color: #345e61; }
html[data-theme="inverted"] .home-cta>a { background: #271c24; color: #e1dddb; }
html[data-theme="inverted"] .partners-head h2 em { color: #d2bfcf; }
html[data-theme="inverted"] .partner-filters { border: 1px solid rgba(225, 221, 219, 0.22); background: rgba(39, 28, 36, 0.8); }
html[data-theme="inverted"] .partner-filters button { border: 0; border-right: 1px solid rgba(225, 221, 219, 0.22); background: transparent; color: #e1dddb; }
html[data-theme="inverted"] .partner-filters button:last-child { border-right: 0; }
html[data-theme="inverted"] .partner-filters button.active { background: #f2ece3; color: #382d1e; }
html[data-theme="inverted"] .partner-filters button:focus-visible { outline: 3px solid #d2bfcf; }
html[data-theme="inverted"] .partner-card { background: rgba(39, 28, 36, 0.92); border: 1px solid rgba(225, 221, 219, 0.22); }
html[data-theme="inverted"] .partner-card small { color: #d2bfcf; }
html[data-theme="inverted"] .process { background: rgba(39, 28, 36, 0.94); }
html[data-theme="inverted"] .process-intro { color: rgba(225, 221, 219, 0.7); }
html[data-theme="inverted"] .process ol { border-top: 0; }
html[data-theme="inverted"] .process ol:before { background: rgba(96,67,91,.25); }
html[data-theme="inverted"] .process li { border: 1px solid rgba(210, 191, 207, 0.18); background: rgba(46, 33, 43, 0.5); }
html[data-theme="inverted"] .process li:nth-child(2) { background: rgba(197,178,178,.35); }
html[data-theme="inverted"] .process li:nth-child(3) { background: rgba(141,212,217,.28); }
html[data-theme="inverted"] .process li:nth-child(4) { background: rgba(191,162,106,.3); }
html[data-theme="inverted"] .process li:hover { background: #271c24; }
html[data-theme="inverted"] .process li>span { background: #f2ece3; color: #382d1e; }
html[data-theme="inverted"] .process li small { color: #d2bfcf; }
html[data-theme="inverted"] .process li p { color: rgba(225, 221, 219, 0.72); }
html[data-theme="inverted"] .process,
html[data-theme="inverted"] .partners { background: transparent; }
html[data-theme="inverted"] .process { border-bottom: 1px solid rgba(210, 191, 207, 0.16); }
html[data-theme="inverted"] .partners { border-top: 0; }
html[data-theme="inverted"] .contact { background: #f4eee6; color: #382d1e; }
html[data-theme="inverted"] .contact:before { background: radial-gradient(circle at 15% 22%,rgba(96,67,91,.24),transparent 27%),radial-gradient(circle at 75% 5%,rgba(141,212,217,.1),transparent 24%); }
html[data-theme="inverted"] .contact-copy>.section-tag { color: #503c3c; }
html[data-theme="inverted"] .contact h2 em { color: #503c3c; }
html[data-theme="inverted"] .contact-lead { color: rgba(56, 45, 30, 0.72); }
html[data-theme="inverted"] .contact-promises article { border: 1px solid rgba(56, 45, 30, 0.15); background: rgba(248, 244, 239, 0.12); }
html[data-theme="inverted"] .contact-promises article>span { background: rgba(96,67,91,.25); color: #503c3c; }
html[data-theme="inverted"] .contact-promises svg { fill: none; stroke: currentColor; }
html[data-theme="inverted"] .contact-promises p { color: rgba(56, 45, 30, 0.62); }
html[data-theme="inverted"] .contact-form { border: 1px solid rgba(56, 45, 30, 0.17); background: rgba(247, 243, 237, 0.5); }
html[data-theme="inverted"] .form-heading .section-tag { color: #654c5d; }
html[data-theme="inverted"] .form-grid label>span { color: rgba(56, 45, 30, 0.68); }
html[data-theme="inverted"] .contact-form input,
html[data-theme="inverted"] .contact-form select,
html[data-theme="inverted"] .contact-form textarea { border: 1px solid rgba(56, 45, 30, 0.16); background: rgba(248, 244, 239, 0.28); color: #382d1e; outline: none; }
html[data-theme="inverted"] .contact-form input::placeholder,
html[data-theme="inverted"] .contact-form textarea::placeholder { color: rgba(56, 45, 30, 0.3); }
html[data-theme="inverted"] .contact-form input:focus,
html[data-theme="inverted"] .contact-form select:focus,
html[data-theme="inverted"] .contact-form textarea:focus { border-color: #654c5d; }
html[data-theme="inverted"] .contact-form button { border: 0; background: #60435b; color: var(--paper); }
html[data-theme="inverted"] .contact-form button:hover { background: #75536f; }
html[data-theme="inverted"] .form-note { color: rgba(56, 45, 30, 0.42); }
html[data-theme="inverted"] .form-status { border: 1px solid currentColor; }
html[data-theme="inverted"] .form-status.is-success { color: #345e61; background: rgba(141,212,217,.08); }
html[data-theme="inverted"] .form-status.is-error { color: #552e2e; background: rgba(239,97,114,.08); }
html[data-theme="inverted"] .contact { border-top: 8px solid transparent; }
html[data-theme="inverted"] .contact:before { background: radial-gradient(circle at 12% 18%,rgba(169,140,160,.2),transparent 26%),radial-gradient(circle at 78% 6%,rgba(141,212,217,.12),transparent 25%),radial-gradient(circle at 92% 85%,rgba(191,162,106,.09),transparent 23%); }
html[data-theme="inverted"] .contact-copy>.section-tag { color: #345e61; }
html[data-theme="inverted"] .contact h2 em { color: #bfa26a; }
html[data-theme="inverted"] .contact-promises article:nth-child(1)>span { background: rgba(141,212,217,.14); color: #345e61; }
html[data-theme="inverted"] .contact-promises article:nth-child(2)>span { background: rgba(191,162,106,.15); color: #bfa26a; }
html[data-theme="inverted"] .contact-promises article:nth-child(3)>span { background: rgba(169,140,160,.17); color: #503c3c; }
html[data-theme="inverted"] .contact-promises article:nth-child(1) { border-left: 2px solid #345e61; }
html[data-theme="inverted"] .contact-promises article:nth-child(2) { border-left: 2px solid #bfa26a; }
html[data-theme="inverted"] .contact-promises article:nth-child(3) { border-left: 2px solid #654c5d; }
html[data-theme="inverted"] .contact-form { border-color: rgba(52, 94, 97, 0.22); background: linear-gradient(145deg,rgba(229, 238, 241, 0.48),rgba(247, 243, 237, 0.62) 52%,rgba(96,67,91,.18)); }
html[data-theme="inverted"] .form-heading .section-tag { color: #345e61; }
html[data-theme="inverted"] .contact-form input:focus,
html[data-theme="inverted"] .contact-form select:focus,
html[data-theme="inverted"] .contact-form textarea:focus { border-color: #345e61; }
html[data-theme="inverted"] .contact-form button { background: #bfa26a; color: #171516; }
html[data-theme="inverted"] .contact-form button:hover { background: #8dd4d9; color: #171516; }
html[data-theme="inverted"] .contact-form:before { background: linear-gradient(180deg,rgba(46, 33, 43, 0.045),transparent); }
html[data-theme="inverted"] .contact-promises article { background: linear-gradient(110deg,rgba(46, 33, 43, 0.055),rgba(46, 33, 43, 0.018)); }
html[data-theme="inverted"] .contact-promises article:hover { background: linear-gradient(110deg,rgba(46, 33, 43, 0.08),rgba(46, 33, 43, 0.025)); border-color: rgba(56, 45, 30, 0.25); }
html[data-theme="inverted"] .contact-form input,
html[data-theme="inverted"] .contact-form select,
html[data-theme="inverted"] .contact-form textarea { background: rgba(248, 244, 239, 0.22); }
html[data-theme="inverted"] .site-footer { background: #f5efe8; color: #382d1e; border-top: 1px solid rgba(56, 45, 30, 0.14); }
html[data-theme="inverted"] .site-footer h2 { color: #345e61; }
html[data-theme="inverted"] .footer-column a,
html[data-theme="inverted"] .footer-email { color: rgba(56, 45, 30, 0.76); }
html[data-theme="inverted"] .footer-column a:hover,
html[data-theme="inverted"] .footer-email:hover { color: #bfa26a; }
html[data-theme="inverted"] .social-links :is(a,button) { border: 1px solid rgba(56, 45, 30, 0.22); background: rgba(46, 33, 43, 0.04); color: #382d1e; }
html[data-theme="inverted"] .social-links :is(a,button):hover { background: #8dd4d9; color: #111; }
html[data-theme="inverted"] .social-links :is(a,button):focus-visible { outline: 3px solid #bfa26a; }
html[data-theme="inverted"] .social-links svg { fill: none; stroke: currentColor; }
html[data-theme="inverted"] .footer-connect small { color: rgba(56, 45, 30, 0.38); }
html[data-theme="inverted"] .footer-bottom { border-top: 1px solid rgba(56, 45, 30, 0.13); color: rgba(56, 45, 30, 0.5); }
html[data-theme="inverted"] .footer-bottom a { color: #bfa26a; }
html[data-theme="inverted"] .footer-bottom a:hover { color: #345e61; }
html[data-theme="inverted"] .brand-world.active { background: #281d25; }
html[data-theme="inverted"] .brand-world .world-copy .section-tag { color: #d2bfcf; }
html[data-theme="inverted"] .brand-world .world-copy h2 { color: #decac2; }
html[data-theme="inverted"] .brand-world .world-copy ul { border: 1px solid rgba(222, 202, 194, 0.2); background: rgba(46, 33, 43, 0.35); }
html[data-theme="inverted"] .brand-world .world-copy li { border: 0; border-right: 1px solid rgba(222, 202, 194, 0.16); border-bottom: 1px solid rgba(222, 202, 194, 0.16); }
html[data-theme="inverted"] .brand-world .world-copy li:nth-child(3n) { border-right: 0; }
html[data-theme="inverted"] .brand-world .world-copy li:nth-last-child(-n/**/+3) { border-bottom: 0; }
html[data-theme="inverted"] .brand-board { background: transparent; }
html[data-theme="inverted"] .brand-board>div { border: 1px solid rgba(222, 202, 194, 0.18); }
html[data-theme="inverted"] .brand-board .bb-logo { background: #2e212b; }
html[data-theme="inverted"] .brand-board .swatch { color: inherit; }
html[data-theme="inverted"] .brand-board .s1 { color: #212121; }
@media(max-width:800px){
  html[data-theme="inverted"] .brand-world .world-copy li:nth-child(n) { border-right: 1px solid rgba(222, 202, 194, 0.16); border-bottom: 1px solid rgba(222, 202, 194, 0.16); }
  html[data-theme="inverted"] .brand-world .world-copy li:nth-child(2n) { border-right: 0; }
  html[data-theme="inverted"] .brand-world .world-copy li:nth-last-child(-n/**/+2) { border-bottom: 0; }
}
@media(max-width:520px){
  html[data-theme="inverted"] .brand-world .world-copy li:nth-child(n) { border-right: 0; border-bottom: 1px solid rgba(222, 202, 194, 0.16); }
  html[data-theme="inverted"] .brand-world .world-copy li:last-child { border-bottom: 0; }
}
html[data-theme="inverted"] .compact-contact { background: #c5b2b2; }
html[data-theme="inverted"] .inner-page .page-hero:before { background-image: url("assets/design-library/arrows-cyan.png"); }
html[data-theme="inverted"] .inner-page .page-hero:after { background-image: url("assets/design-library/dots-gold.png"); }
html[data-theme="inverted"] .brand-world:before { background-image: url("assets/design-library/triangles-outline-large.png"); }
html[data-theme="inverted"] .brand-world:after { background-image: url("assets/design-library/crown-paper.png"); }
html[data-theme="inverted"] .data-world { background: #f3ede5; color: #1d352f; }
html[data-theme="inverted"] .data-world:before { background-image: url("assets/design-library/circles-plum.png"); }
html[data-theme="inverted"] .data-world:after { background-image: url("assets/design-library/crosses-blue.png"); }
html[data-theme="inverted"] .data-world .world-copy .section-tag { color: #345e61; }
html[data-theme="inverted"] .data-world .world-copy h2 { color: #382d1e; }
html[data-theme="inverted"] .data-world .world-copy h2 br+* { color: #345e61; }
html[data-theme="inverted"] .data-world .world-copy>p:not(.section-tag) { color: rgba(29, 53, 47, 0.72); }
html[data-theme="inverted"] .data-world .world-copy ul { border: 1px solid rgba(52, 94, 97, 0.3); background: rgba(141,212,217,.035); }
html[data-theme="inverted"] .data-world .world-copy li { border: 0; border-right: 1px solid rgba(52, 94, 97, 0.22); border-bottom: 1px solid rgba(52, 94, 97, 0.22); color: #1d352f; }
html[data-theme="inverted"] .data-world .world-copy li:nth-child(3n) { border-right: 0; }
html[data-theme="inverted"] .data-world .world-copy li:nth-last-child(-n/**/+3) { border-bottom: 0; }
html[data-theme="inverted"] .aura-console { border: 1px solid rgba(52, 94, 97, 0.4); background: radial-gradient(circle at 38% 48%,rgba(0,174,214,.13),transparent 38%),linear-gradient(rgba(141,212,217,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(141,212,217,.08) 1px,transparent 1px),#f5efe8; background-size: auto,32px 32px,32px 32px,auto; }
html[data-theme="inverted"] .aura-console:after { background: url("assets/design-library/data-radar.png") center/contain no-repeat,rgba(39, 28, 36, 0.94); border: 1px solid rgba(52, 94, 97, 0.35); }
html[data-theme="inverted"] .aura-console .console-head { color: #345e61; }
html[data-theme="inverted"] .aura-console .aura-core { background: rgba(245, 239, 232, 0.72); }
html[data-theme="inverted"] .aura-console .console-msg { color: #382d1e; }
html[data-theme="inverted"] .aura-console .metric-row b { color: #bfa26a; }
@media(max-width:800px){
  html[data-theme="inverted"] .data-world .world-copy li:nth-child(n) { border-right: 1px solid rgba(52, 94, 97, 0.22); border-bottom: 1px solid rgba(52, 94, 97, 0.22); }
  html[data-theme="inverted"] .data-world .world-copy li:nth-child(2n) { border-right: 0; }
  html[data-theme="inverted"] .data-world .world-copy li:nth-last-child(-n/**/+2) { border-bottom: 0; }
}
@media(max-width:520px){
  html[data-theme="inverted"] .data-world .world-copy li:nth-child(n) { border-right: 0; border-bottom: 1px solid rgba(52, 94, 97, 0.22); }
  html[data-theme="inverted"] .data-world .world-copy li:last-child { border-bottom: 0; }
}
html[data-theme="inverted"] .analytics-console { background: #f5efe8; }
html[data-theme="inverted"] .analytics-console .console-head { border-bottom: 1px solid rgba(52, 94, 97, 0.2); }
html[data-theme="inverted"] .analytics-panel,
html[data-theme="inverted"] .analytics-kpis article { border: 1px solid rgba(52, 94, 97, 0.2); background: linear-gradient(145deg,rgba(46, 33, 43, 0.045),rgba(46, 33, 43, 0.012)); }
html[data-theme="inverted"] .panel-label { color: rgba(29, 53, 47, 0.58); }
html[data-theme="inverted"] .panel-label b { color: #345e61; }
html[data-theme="inverted"] .trend-area { fill: url(#trendFill); }
html[data-theme="inverted"] .trend-path { fill: none; stroke: #345e61; }
html[data-theme="inverted"] .trend-dots circle { fill: #e3e3e3; stroke: #345e61; }
html[data-theme="inverted"] .axis-row { color: rgba(29, 53, 47, 0.36); }
html[data-theme="inverted"] .bar-chart { border-bottom: 1px solid rgba(52, 94, 97, 0.25); background: repeating-linear-gradient(to top,rgba(141,212,217,.07) 0 1px,transparent 1px 38px); }
html[data-theme="inverted"] .bar-chart>span { background: linear-gradient(180deg,#8dd4d9,#257f9b); }
html[data-theme="inverted"] .bar-chart>span:nth-child(2),
html[data-theme="inverted"] .bar-chart>span:nth-child(5) { background: linear-gradient(180deg,#a98ca0,#60435b); }
html[data-theme="inverted"] .bar-chart>span:nth-child(4) { background: linear-gradient(180deg,#dfbd7d,#bfa26a); }
html[data-theme="inverted"] .bar-chart i { color: rgba(29, 53, 47, 0.48); }
html[data-theme="inverted"] .analytics-kpis small { color: rgba(29, 53, 47, 0.46); }
html[data-theme="inverted"] .analytics-kpis b { color: #382d1e; }
html[data-theme="inverted"] .analytics-kpis span { color: #345e61; }
html[data-theme="inverted"] .design-world { background: #271c25; color: #e1dddb; }
html[data-theme="inverted"] .design-world:before { background: url("assets/design-library/code-lines-transparent.png") center/contain no-repeat; }
html[data-theme="inverted"] .design-world:after { color: rgba(210, 191, 207, 0.09); }
html[data-theme="inverted"] .design-world .world-copy .section-tag { color: #d2bfcf; }
html[data-theme="inverted"] .design-world .world-copy h2 { color: #e0dad9; }
html[data-theme="inverted"] .design-world .world-copy h2 em { color: #d2bfcf; }
html[data-theme="inverted"] .design-world .world-copy>p:not(.section-tag) { color: rgba(225, 221, 219, 0.72); }
html[data-theme="inverted"] .design-world .world-copy ul { border: 1px solid rgba(210, 191, 207, 0.22); background: rgba(46, 33, 43, 0.48); }
html[data-theme="inverted"] .design-world .world-copy li { border: 0; border-right: 1px solid rgba(210, 191, 207, 0.18); border-bottom: 1px solid rgba(210, 191, 207, 0.18); }
html[data-theme="inverted"] .design-world .world-copy li:nth-child(3n) { border-right: 0; }
html[data-theme="inverted"] .design-world .world-copy li:nth-last-child(-n/**/+3) { border-bottom: 0; }
html[data-theme="inverted"] .design-workspace { border: 1px solid rgba(225, 221, 219, 0.2); background: rgba(46, 33, 43, 0.9); }
html[data-theme="inverted"] .workspace-top,
html[data-theme="inverted"] .workspace-footer { border-bottom: 1px solid rgba(225, 221, 219, 0.13); background: rgba(43, 31, 40, 0.92); }
html[data-theme="inverted"] .workspace-top>div>i { background: #d66570; }
html[data-theme="inverted"] .workspace-top>div>i:nth-child(2) { background: #bfa26a; }
html[data-theme="inverted"] .workspace-top>div>i:nth-child(3) { background: #8dd4d9; }
html[data-theme="inverted"] .workspace-top>b { color: #d2bfcf; }
html[data-theme="inverted"] .workspace-top>b i { background: #43a860; }
html[data-theme="inverted"] .workspace-files { border-right: 1px solid rgba(225, 221, 219, 0.12); background: #291e26; }
html[data-theme="inverted"] .workspace-files>p { color: rgba(225, 221, 219, 0.44); }
html[data-theme="inverted"] .workspace-files>button { border: 0; background: transparent; color: #e1dddb; }
html[data-theme="inverted"] .workspace-files>button.active { background: #2e212b; }
html[data-theme="inverted"] .workspace-files>button>span { background: #60435b; color: #fff; }
html[data-theme="inverted"] .workspace-files>button:nth-of-type(2)>span { background: #8dd4d9; color: #183138; }
html[data-theme="inverted"] .workspace-files>button:nth-of-type(3)>span { background: #bfa26a; color: #332713; }
html[data-theme="inverted"] .workspace-files>button:nth-of-type(4)>span { background: #a98ca0; }
html[data-theme="inverted"] .workspace-files button small { color: rgba(225, 221, 219, 0.48); }
html[data-theme="inverted"] .handoff-status { border-top: 1px solid rgba(225, 221, 219, 0.12); }
html[data-theme="inverted"] .handoff-status small { color: rgba(225, 221, 219, 0.48); }
html[data-theme="inverted"] .handoff-status strong { color: #d2bfcf; }
html[data-theme="inverted"] .handoff-status>i { background: rgba(96,67,91,.12); }
html[data-theme="inverted"] .handoff-status>i b { background: #60435b; }
html[data-theme="inverted"] .design-canvas { background-color: #261c24; background-image: linear-gradient(rgba(96,67,91,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(96,67,91,.065) 1px,transparent 1px); }
html[data-theme="inverted"] .canvas-label { color: rgba(225, 221, 219, 0.45); }
html[data-theme="inverted"] .browser-frame { background: #2e212b; border: 1px solid rgba(225, 221, 219, 0.18); }
html[data-theme="inverted"] .browser-bar { border-bottom: 1px solid rgba(225, 221, 219, 0.12); color: #654c5d; }
html[data-theme="inverted"] .browser-bar i { color: rgba(225, 221, 219, 0.4); }
html[data-theme="inverted"] .browser-layout { background: linear-gradient(135deg,#281d25,#2e212b); }
html[data-theme="inverted"] .browser-layout h3 em { color: #d2bfcf; }
html[data-theme="inverted"] .ui-button { background: #f2ece3; color: #212121; }
html[data-theme="inverted"] .ui-cards i { background: #a98ca0; }
html[data-theme="inverted"] .ui-cards i:nth-child(2) { background: #8dd4d9; }
html[data-theme="inverted"] .ui-cards i:nth-child(3) { background: #bfa26a; }
html[data-theme="inverted"] .phone-frame { border: 6px solid #e1dddb; background: #60435b; color: #fff; }
html[data-theme="inverted"] .phone-mark { border: 1px solid rgba(33, 33, 33, 0.5); }
html[data-theme="inverted"] .phone-frame button { border: 0; background: #8dd4d9; color: #17292c; }
html[data-theme="inverted"] .phone-frame nav i { background: rgba(46, 33, 43, 0.4); }
html[data-theme="inverted"] .phone-frame nav i:first-child { background: #2e212b; }
html[data-theme="inverted"] .flow-note { border: 1px solid rgba(225, 221, 219, 0.14); background: rgba(46, 33, 43, 0.84); }
html[data-theme="inverted"] .flow-note small { color: #d2bfcf; }
html[data-theme="inverted"] .flow-note span { color: rgba(225, 221, 219, 0.6); }
html[data-theme="inverted"] .collab-cursor { --cursor: #60435b; }
html[data-theme="inverted"] .collab-cursor>i { background: var(--cursor); }
html[data-theme="inverted"] .collab-cursor>span { border: 1px solid rgba(226, 223, 222, 0.42); background: var(--cursor); color: #212121; }
html[data-theme="inverted"] .cursor-ayesha { --cursor: #e2a126; }
html[data-theme="inverted"] .cursor-rida { --cursor: #49b9cb; }
html[data-theme="inverted"] .cursor-noor { --cursor: #607f91; }
html[data-theme="inverted"] .cursor-client { --cursor: #9a728f; }
html[data-theme="inverted"] .workspace-footer { border-top: 1px solid rgba(225, 221, 219, 0.13); border-bottom: 0; color: rgba(225, 221, 219, 0.45); }
html[data-theme="inverted"] .workspace-footer b { color: #9fd4ae; }
@media(max-width:850px){
  html[data-theme="inverted"] .design-world .world-copy li:nth-child(n) { border-right: 1px solid rgba(210, 191, 207, 0.18); border-bottom: 1px solid rgba(210, 191, 207, 0.18); }
  html[data-theme="inverted"] .design-world .world-copy li:nth-child(2n) { border-right: 0; }
  html[data-theme="inverted"] .design-world .world-copy li:nth-last-child(-n/**/+2) { border-bottom: 0; }
}
@media(max-width:620px){
  html[data-theme="inverted"] .design-world .world-copy li:nth-child(n) { border-right: 0; border-bottom: 1px solid rgba(210, 191, 207, 0.18); }
  html[data-theme="inverted"] .design-world .world-copy li:last-child { border-bottom: 0; }
  html[data-theme="inverted"] .workspace-files { border-right: 0; border-bottom: 1px solid rgba(225, 221, 219, 0.12); }
}
html[data-theme="inverted"] .dev-world { background: #f4eee6; color: #382d1e; }
html[data-theme="inverted"] .dev-world:before { background: url("assets/design-library/code-lines-transparent.png") center/contain no-repeat; }
html[data-theme="inverted"] .dev-world:after { color: rgba(52, 94, 97, 0.035); }
html[data-theme="inverted"] .dev-world .world-copy .section-tag { color: #345e61; }
html[data-theme="inverted"] .dev-world .world-copy h2 { color: #382d1e; }
html[data-theme="inverted"] .dev-world .world-copy h2 br+* { color: #345e61; }
html[data-theme="inverted"] .dev-world .world-copy>p:not(.section-tag) { color: rgba(56, 45, 30, 0.68); }
html[data-theme="inverted"] .dev-world .world-copy ul { border: 1px solid rgba(52, 94, 97, 0.28); background: rgba(46, 33, 43, 0.025); }
html[data-theme="inverted"] .dev-world .world-copy li { border: 0; border-right: 1px solid rgba(52, 94, 97, 0.2); border-bottom: 1px solid rgba(52, 94, 97, 0.2); }
html[data-theme="inverted"] .dev-world .world-copy li:nth-child(3n) { border-right: 0; }
html[data-theme="inverted"] .dev-world .world-copy li:nth-last-child(-n/**/+3) { border-bottom: 0; }
html[data-theme="inverted"] .dev-workbench { border: 1px solid rgba(52, 94, 97, 0.28); background: #f5efe8; }
html[data-theme="inverted"] .dev-topbar { border-bottom: 1px solid rgba(33, 33, 33, 0.1); background: #f2ece3; color: rgba(56, 45, 30, 0.64); }
html[data-theme="inverted"] .dev-topbar>div>i { background: #ef6172; }
html[data-theme="inverted"] .dev-topbar>div>i:nth-child(2) { background: #ffc755; }
html[data-theme="inverted"] .dev-topbar>div>i:nth-child(3) { background: #6fd0b3; }
html[data-theme="inverted"] .dev-topbar>b { color: #3c6f60; }
html[data-theme="inverted"] .dev-topbar>b i { background: #6fd0b3; }
html[data-theme="inverted"] .dev-sidebar { border-right: 1px solid rgba(33, 33, 33, 0.08); background: #f4eee6; color: rgba(56, 45, 30, 0.54); }
html[data-theme="inverted"] .dev-sidebar p { color: rgba(56, 45, 30, 0.34); }
html[data-theme="inverted"] .dev-sidebar b { color: #382d1e; }
html[data-theme="inverted"] .dev-sidebar .selected { border-left: 2px solid #345e61; background: rgba(141,212,217,.1); color: #345e61; }
html[data-theme="inverted"] .dev-editor { border-right: 1px solid rgba(33, 33, 33, 0.08); background: #f5efe8; }
html[data-theme="inverted"] .editor-tabs { border-bottom: 1px solid rgba(33, 33, 33, 0.08); background: #f3ede4; }
html[data-theme="inverted"] .editor-tabs span { border-right: 1px solid rgba(33, 33, 33, 0.07); color: rgba(56, 45, 30, 0.42); }
html[data-theme="inverted"] .editor-tabs .active { border-top: 2px solid #345e61; background: #f5efe8; color: #382d1e; }
html[data-theme="inverted"] .editor-code { background: linear-gradient(90deg,rgba(141,212,217,.035),transparent 22%); }
html[data-theme="inverted"] .editor-code ol { color: rgba(56, 45, 30, 0.26); }
html[data-theme="inverted"] .editor-code code { color: #37413d; }
html[data-theme="inverted"] .editor-code em { color: #69393f; }
html[data-theme="inverted"] .editor-code strong { color: #ffe21f; }
html[data-theme="inverted"] .editor-code b { color: #3c6f60; }
html[data-theme="inverted"] .editor-code i { color: #43335e; }
html[data-theme="inverted"] .editor-code mark { background: transparent; color: #345e61; }
html[data-theme="inverted"] .site-preview { background: #271c24; color: #e1dddb; border: 1px solid rgba(52, 94, 97, 0.32); }
html[data-theme="inverted"] .preview-browser { background: #21181f; border-bottom: 1px solid rgba(225, 221, 219, 0.14); color: #654c5d; }
html[data-theme="inverted"] .preview-browser i { color: rgba(225, 221, 219, 0.42); }
html[data-theme="inverted"] .preview-browser b { color: #e1dddb; }
html[data-theme="inverted"] .preview-page { background: linear-gradient(145deg,#291d26,#2e212b); }
html[data-theme="inverted"] .preview-page h3 em { color: #d2bfcf; }
html[data-theme="inverted"] .preview-page button { border: 0; background: #f2ece3; color: #212121; }
html[data-theme="inverted"] .preview-page>div i { background: #ef6172; }
html[data-theme="inverted"] .preview-page>div i:nth-child(2) { background: #ffe21f; }
html[data-theme="inverted"] .preview-page>div i:nth-child(3) { background: #6fd0b3; }
html[data-theme="inverted"] .dev-terminal { border-top: 1px solid rgba(33, 33, 33, 0.08); background: #f6f1ea; color: rgba(56, 45, 30, 0.6); }
html[data-theme="inverted"] .dev-terminal>div { color: rgba(56, 45, 30, 0.35); }
html[data-theme="inverted"] .dev-terminal>div span:first-child { color: #382d1e; border-bottom: 1px solid #345e61; }
html[data-theme="inverted"] .dev-terminal p i { color: #345e61; }
html[data-theme="inverted"] .dev-terminal p b { color: #3c6f60; }
html[data-theme="inverted"] .dev-status-grid { border-top: 1px solid rgba(33, 33, 33, 0.09); }
html[data-theme="inverted"] .dev-status-grid article { border-right: 1px solid rgba(33, 33, 33, 0.09); }
html[data-theme="inverted"] .dev-status-grid article:last-child { border-right: 0; }
html[data-theme="inverted"] .dev-status-grid small { color: rgba(56, 45, 30, 0.36); }
html[data-theme="inverted"] .dev-status-grid b { color: #382d1e; }
html[data-theme="inverted"] .dev-status-grid span { color: #3c6f60; }
html[data-theme="inverted"] .dev-status-grid>article>i { background: rgba(46, 33, 43, 0.1); }
html[data-theme="inverted"] .dev-status-grid>article>i:after { background: linear-gradient(90deg,#8dd4d9,#6fd0b3); }
html[data-theme="inverted"] .dev-status-grid article:nth-child(2)>i:after { background: linear-gradient(90deg,#a97af5,#ef6172); }
html[data-theme="inverted"] .dev-status-grid article:nth-child(3)>i:after { background: linear-gradient(90deg,#ffe21f,#ef6172); }
html[data-theme="inverted"] .dev-workbench .tech-cloud { border-top: 1px solid rgba(33, 33, 33, 0.09); }
html[data-theme="inverted"] .dev-workbench .tech-cloud b { border: 0; border-right: 1px solid rgba(33, 33, 33, 0.09); color: rgba(56, 45, 30, 0.65); }
html[data-theme="inverted"] .dev-workbench .tech-cloud b:nth-child(3n/**/+1) { color: #69393f; }
html[data-theme="inverted"] .dev-workbench .tech-cloud b:nth-child(3n/**/+2) { color: #345e61; }
html[data-theme="inverted"] .dev-workbench .tech-cloud b:nth-child(3n) { color: #ffe21f; }
html[data-theme="inverted"] .dev-showcase-link { background: #60435b !important; color: #fff !important; }
html[data-theme="inverted"] .dev-showcase-link span { color: #345e61; }
@media(max-width:900px){
  html[data-theme="inverted"] .dev-world .world-copy li:nth-child(n) { border-right: 1px solid rgba(52, 94, 97, 0.2); border-bottom: 1px solid rgba(52, 94, 97, 0.2); }
  html[data-theme="inverted"] .dev-world .world-copy li:nth-child(2n) { border-right: 0; }
  html[data-theme="inverted"] .dev-world .world-copy li:nth-last-child(-n/**/+2) { border-bottom: 0; }
  html[data-theme="inverted"] .dev-status-grid article:nth-child(2) { border-right: 0; }
  html[data-theme="inverted"] .dev-status-grid article:nth-child(-n/**/+2) { border-bottom: 1px solid rgba(33, 33, 33, 0.09); }
}
@media(max-width:620px){
  html[data-theme="inverted"] .dev-world .world-copy li:nth-child(n) { border-right: 0; border-bottom: 1px solid rgba(52, 94, 97, 0.2); }
  html[data-theme="inverted"] .dev-world .world-copy li:last-child { border-bottom: 0; }
  html[data-theme="inverted"] .dev-editor { border-right: 0; }
}
html[data-theme="inverted"] .inner-page main:has(.projects-intro) { background: #271c24; }
html[data-theme="inverted"] .inner-page main:has(.projects-intro)>section { background: transparent; }
html[data-theme="inverted"] .projects-intro { border-bottom: 0; }
html[data-theme="inverted"] .project-card { border: 1px solid rgba(210, 191, 207, 0.2); background: rgba(39, 28, 36, 0.94); }
html[data-theme="inverted"] .project-card:before { border: 1px solid currentColor; background: rgba(39, 28, 36, 0.9); color: #e1dddb; }
html[data-theme="inverted"] .project-visual { border-bottom: 1px solid rgba(210, 191, 207, 0.2); }
html[data-theme="inverted"] .project-visual:before { background: linear-gradient(135deg,rgba(46, 33, 43, 0.1),transparent 45%),repeating-linear-gradient(90deg,transparent 0 39px,rgba(46, 33, 43, 0.045) 40px); }
html[data-theme="inverted"] .project-visual:after { border: 1px solid currentColor; background: rgba(39, 28, 36, 0.16); }
html[data-theme="inverted"] .aura-v { background: #f3ede5; color: #345e61; }
html[data-theme="inverted"] .watania-v { background: #bfa26a; }
html[data-theme="inverted"] .digits-v { background: #a98ca0; }
html[data-theme="inverted"] .bizz-v { background: rgba(46, 33, 43, 0.9); }
html[data-theme="inverted"] .project-meta>span { color: #d2bfcf; }
html[data-theme="inverted"] .project-meta p { color: rgba(225, 221, 219, 0.7); }
html[data-theme="inverted"] .project-meta a { border: 1px solid rgba(225, 221, 219, 0.22); color: transparent; }
html[data-theme="inverted"] .project-meta a:after { color: #e1dddb; }
html[data-theme="inverted"] .project-meta a:hover { background: #f2ece3; }
html[data-theme="inverted"] .project-meta a:hover:after { color: #382d1e; }
html[data-theme="inverted"] .inner-page main:has(.projects-intro)>.project-note { background: linear-gradient(135deg,#60435b 0%,#74536d 100%); color: #fff; border: 1px solid rgba(33, 33, 33, 0.18); }
html[data-theme="inverted"] .project-note:after { background: url("assets/design-library/asterisk-plum.png") center/contain no-repeat; }
html[data-theme="inverted"] .project-note:before { color: rgba(33, 33, 33, 0.26); }
html[data-theme="inverted"] .project-note .section-tag { color: #345e61; }
html[data-theme="inverted"] .project-note>p:last-child { color: rgba(33, 33, 33, 0.7); }
html[data-theme="inverted"] .project-placeholder>b { color: rgba(225, 221, 219, 0.23); }
html[data-theme="inverted"] .project-placeholder.tone-dark>b { color: rgba(52, 94, 97, 0.27); }
html[data-theme="inverted"] .tone-cyan { background: #8dd4d9; }
html[data-theme="inverted"] .tone-plum { background: #60435b; color: #fff; }
html[data-theme="inverted"] .tone-plum>b { color: rgba(33, 33, 33, 0.22); }
html[data-theme="inverted"] .tone-gold { background: #bfa26a; }
html[data-theme="inverted"] .tone-dark { background: #f3ede5; color: #345e61; }
html[data-theme="inverted"] .tone-rose { background: #c5b2b2; }
html[data-theme="inverted"] .tone-blue { background: #5e7d8b; color: #fff; }
html[data-theme="inverted"] .tone-blue>b { color: rgba(33, 33, 33, 0.22); }
html[data-theme="inverted"] .research-section { background: rgba(46, 33, 43, 0.52); border: 1px solid rgba(210, 191, 207, 0.18); }
html[data-theme="inverted"] .research-section:before { background: url("assets/design-library/dots-gold.png") center/contain no-repeat; }
html[data-theme="inverted"] .research-head h2 em { color: #d2bfcf; }
html[data-theme="inverted"] .research-head>p:last-child { color: rgba(225, 221, 219, 0.68); }
html[data-theme="inverted"] .research-grid { border-top: 1px solid rgba(210, 191, 207, 0.22); border-left: 1px solid rgba(210, 191, 207, 0.22); }
html[data-theme="inverted"] .research-card { border-right: 1px solid rgba(210, 191, 207, 0.22); border-bottom: 1px solid rgba(210, 191, 207, 0.22); background: rgba(39, 28, 36, 0.74); }
html[data-theme="inverted"] .research-card:hover { background: #2e212b; }
html[data-theme="inverted"] .research-card>span { color: #d2bfcf; }
html[data-theme="inverted"] .research-mark { border: 1px solid #d2bfcf; background: #2e212b; color: #d2bfcf; }
html[data-theme="inverted"] .research-card:nth-child(2) .research-mark { border-color: #acbfc7; color: #acbfc7; }
html[data-theme="inverted"] .research-card:nth-child(3) .research-mark { border-color: #d8c7a9; color: #d8c7a9; }
html[data-theme="inverted"] .research-card p { color: rgba(225, 221, 219, 0.68); }
html[data-theme="inverted"] .research-card a { color: #e1dddb; border-bottom: 1px solid; }
html[data-theme="inverted"] .research-card a:hover { color: #d2bfcf; }
html[data-theme="inverted"] .project-card[data-live-preview] .project-visual { background: #f4eee6; }
html[data-theme="inverted"] .project-card[data-live-preview] .project-visual>span { background: rgba(39, 28, 36, 0.88); color: #e1dddb; border: 1px solid rgba(225, 221, 219, 0.25); }
html[data-theme="inverted"] .project-card[data-live-preview] .project-visual>i { background: rgba(243, 237, 229, 0.82); color: #212121; border: 1px solid rgba(33, 33, 33, 0.25); }
html[data-theme="inverted"] .project-card[data-live-preview] .project-visual:after { background: rgba(39, 28, 36, 0.92); color: #e1dddb; }
html[data-theme="inverted"] .project-live-frame { border: 0; background: #271c24; }
html[data-theme="inverted"] .project-card.preview-loading .project-visual:before { background: linear-gradient(100deg,rgba(39, 28, 36, 0.08) 30%,rgba(39, 28, 36, 0.4) 48%,rgba(39, 28, 36, 0.08) 66%); background-size: 230% 100%; }
html[data-theme="inverted"] .project-card.preview-loading .project-visual>span:after { color: #d2bfcf; }
html[data-theme="inverted"] .project-card[data-live-preview] .project-visual:before { background: linear-gradient(180deg,rgba(245, 239, 232, 0.05),transparent 45%,rgba(245, 239, 232, 0.28)); }
html[data-theme="inverted"] .resource-icon svg { fill: none; stroke: currentColor; }
html[data-theme="inverted"] a[data-resource-type="github"] .resource-icon svg { fill: currentColor; stroke: none; }
html[data-theme="inverted"] .project-meta a[data-resource-type] { color: #e1dddb; background: rgba(46, 33, 43, 0.35); }
html[data-theme="inverted"] .project-meta a[data-resource-type]:hover { background: #f2ece3; color: #382d1e; }
html[data-theme="inverted"] .project-meta a[data-resource-type="github"] { background: rgba(242, 236, 227, 0.08); }
html[data-theme="inverted"] .project-meta a[data-resource-type="github"]:hover { background: #f2ece3; }
html[data-theme="inverted"] .research-card a[data-resource-type] { border: 1px solid rgba(210, 191, 207, 0.28); border-bottom: 1px solid rgba(210, 191, 207, 0.28); background: rgba(46, 33, 43, 0.58); }
html[data-theme="inverted"] .research-card a[data-resource-type] .resource-kind { border-right: 1px solid rgba(210, 191, 207, 0.24); color: #d2bfcf; }
html[data-theme="inverted"] .research-card a[data-resource-type]:hover { background: #f2ece3; color: #382d1e; }
html[data-theme="inverted"] .research-card a[data-resource-type]:hover .resource-kind { color: #345e61; border-color: rgba(33, 33, 33, 0.2); }
@media(max-width:520px){
  html[data-theme="inverted"] .research-card a[data-resource-type] .resource-kind { border-right: 0; }
}
html[data-theme="inverted"] .hero-cta-card .back { background: #60435b !important; color: #fff !important; }
html[data-theme="inverted"] .hero-cta-card .card-cta-label { background: var(--acid); color: #e1dddb; }
@media(max-width:620px){
  html[data-theme="inverted"] .service-folder:nth-child(n) .folder-tab { border: 1px solid rgba(224, 224, 224, 0.16); background: rgba(46, 33, 43, 0.3); }
  html[data-theme="inverted"] .folder-summary:after,
html[data-theme="inverted"] .folder-brand .folder-summary:after,
html[data-theme="inverted"] .folder-data .folder-summary:after,
html[data-theme="inverted"] .folder-design .folder-summary:after,
html[data-theme="inverted"] .folder-dev .folder-summary:after { background: url("assets/polaroid-stack.png") center/contain no-repeat !important; }
}
@media(max-width:620px){
  html[data-theme="inverted"] .service-folder,
html[data-theme="inverted"] .service-folder:first-child,
html[data-theme="inverted"] .service-folder:last-child { background: transparent; border: 0; }
  html[data-theme="inverted"] .service-folder:before { border: 0; background: var(--folder-mobile-color); }
  html[data-theme="inverted"] .folder-brand { --folder-mobile-color: #c5b2b2; }
  html[data-theme="inverted"] .folder-data { --folder-mobile-color: #8dd4d9; }
  html[data-theme="inverted"] .folder-design { --folder-mobile-color: #1e151c; }
  html[data-theme="inverted"] .folder-dev { --folder-mobile-color: #d1b06d; }
  html[data-theme="inverted"] .folder-summary { border: 0 !important; background: linear-gradient(145deg,rgba(46, 33, 43, 0.2),transparent 55%),var(--folder-mobile-color) !important; }
  html[data-theme="inverted"] .folder-summary:after,
html[data-theme="inverted"] .folder-brand .folder-summary:after,
html[data-theme="inverted"] .folder-data .folder-summary:after,
html[data-theme="inverted"] .folder-design .folder-summary:after,
html[data-theme="inverted"] .folder-dev .folder-summary:after { background: url("assets/logo.svg") center/contain no-repeat !important; }
  html[data-theme="inverted"] .service-folder:nth-child(n) .folder-tab { border: 1px solid rgba(225, 221, 219, 0.45); background: rgba(46, 33, 43, 0.24) !important; color: #e1dddb; }
  html[data-theme="inverted"] .service-folder.is-open { background: var(--folder-mobile-color); }
}
@media(max-width:700px){
  html[data-theme="inverted"] .service-folder.is-open .folder-list li { border-bottom: 1px solid rgba(225, 221, 219, 0.12); }
  html[data-theme="inverted"] .service-folder.is-open .folder-list li:last-child { border-bottom: 0; }
  html[data-theme="inverted"] .service-folder.is-open .folder-why { border-top: 1px solid rgba(225, 221, 219, 0.2); background: rgba(46, 33, 43, 0.2); }
}
html[data-theme="inverted"] .team-intro { border-bottom: 0; }
html[data-theme="inverted"] .team-directory .profile-card { border: 0; background: transparent; }
html[data-theme="inverted"] .profile-portrait { border: 1px solid rgba(210, 191, 207, 0.28); background: #bfa26a; }
html[data-theme="inverted"] .profile-portrait.rose { background: #a98ca0; }
html[data-theme="inverted"] .profile-portrait:hover,
html[data-theme="inverted"] .profile-portrait:focus-visible { outline: none; }
html[data-theme="inverted"] .profile-portrait:focus-visible { outline: 3px solid #d2bfcf; }
html[data-theme="inverted"] .profile-portrait>span { background: rgba(243, 237, 229, 0.88); color: #212121; border: 1px solid rgba(33, 33, 33, 0.25); }
html[data-theme="inverted"] .profile-summary>span { color: #d2bfcf; }
html[data-theme="inverted"] .profile-summary p { color: rgba(225, 221, 219, 0.68); }
html[data-theme="inverted"] .profile-summary a { border-bottom: 1px solid; color: #e1dddb; }
html[data-theme="inverted"] .profile-summary a:hover { color: #d2bfcf; }
html[data-theme="inverted"] .team-note { background: rgba(30, 21, 28, 0.75); border: 1px solid rgba(210, 191, 207, 0.18); }
html[data-theme="inverted"] .profile-dialog { border: 0; background: #2a1e27; color: #e1dddb; }
html[data-theme="inverted"] .profile-dialog::backdrop { background: rgba(245, 239, 232, 0.72); }
html[data-theme="inverted"] .profile-close { border: 1px solid rgba(225, 221, 219, 0.18); background: rgba(42, 30, 39, 0.88); color: #e1dddb; }
html[data-theme="inverted"] .profile-close:hover { background: #f2ece3; color: #212121; }
html[data-theme="inverted"] .profile-banner-placeholder { border: 1px solid rgba(210, 191, 207, 0.18); background: linear-gradient(135deg,rgba(141,212,217,.5),rgba(169,140,160,.3)),linear-gradient(rgba(96,67,91,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(96,67,91,.08) 1px,transparent 1px); background-size: auto,30px 30px,30px 30px; }
html[data-theme="inverted"] .profile-banner-placeholder span { color: rgba(225, 221, 219, 0.48); background: rgba(42, 30, 39, 0.7); }
html[data-theme="inverted"] .profile-modal-head>img { border: 7px solid #332c1b; background: #1e151c; }
html[data-theme="inverted"] .profile-modal-head p { color: #d2bfcf; }
html[data-theme="inverted"] .profile-modal-head>div>span { color: rgba(225, 221, 219, 0.48); }
html[data-theme="inverted"] .profile-modal-head>a { border: 1px solid rgba(225, 221, 219, 0.2); color: #e1dddb; }
html[data-theme="inverted"] .profile-modal-head>a:hover { background: #f2ece3; color: #212121; }
html[data-theme="inverted"] .profile-stats { border-top: 1px solid rgba(210, 191, 207, 0.14); border-bottom: 1px solid rgba(210, 191, 207, 0.14); }
html[data-theme="inverted"] .profile-stats>div { border-right: 1px solid rgba(210, 191, 207, 0.14); }
html[data-theme="inverted"] .profile-stats>div:last-child { border-right: 0; }
html[data-theme="inverted"] .profile-stats small { color: rgba(225, 221, 219, 0.42); }
html[data-theme="inverted"] .profile-details section>p:last-child { color: rgba(225, 221, 219, 0.68); }
html[data-theme="inverted"] .profile-details aside { border-left: 1px solid rgba(210, 191, 207, 0.14); }
html[data-theme="inverted"] .profile-details li { border-bottom: 1px solid rgba(210, 191, 207, 0.13); }
html[data-theme="inverted"] .profile-details aside>a { background: #60435b; color: #fff; }
@media(max-width:720px){
  html[data-theme="inverted"] .profile-details aside { border-left: 0; border-top: 1px solid rgba(210, 191, 207, 0.14); }
}
@media(max-width:520px){
  html[data-theme="inverted"] .profile-stats>div { border-right: 0; border-bottom: 1px solid rgba(210, 191, 207, 0.12); }
  html[data-theme="inverted"] .profile-stats>div:last-child { border-bottom: 0; }
}
html[data-theme="inverted"] .phone-frame>a { border: 0; background: #8dd4d9; color: #17292c; }
html[data-theme="inverted"] .preview-page>a { border: 0; background: #f2ece3; color: #212121; }
html[data-theme="inverted"] .project-card .project-visual[role="link"]:focus-visible { outline: 3px solid #d2bfcf; }
html[data-theme="inverted"] .social-links button:disabled:hover { background: rgba(46, 33, 43, 0.04); color: #382d1e; }
html[data-theme="inverted"] .bizzapt-overview { background-color: #c5b2b2; background-image: url("assets/design-library/dots-plum.png"); border: 1px solid rgba(210, 191, 207, 0.22); }
html[data-theme="inverted"] .bizzapt-overview:before { background: transparent url("assets/design-library/flower-outline.png") center/contain no-repeat; }
html[data-theme="inverted"] .skip-link { background: #f2ece3; color: #212121; }
html[data-theme="inverted"] :where(a,button,input,select,textarea,[tabindex]):focus-visible { outline: 3px solid #e8653d; }
html[data-theme="inverted"] main:focus { outline: none; }
html[data-theme="inverted"] .service-world[role="tabpanel"]:focus { outline: none; }
@media(forced-colors:active){
  html[data-theme="inverted"] :where(a,button,input,select,textarea,[tabindex]):focus-visible { outline: 3px solid Highlight; }
  html[data-theme="inverted"] .bizzapt-overview,
html[data-theme="inverted"] .contact-form,
html[data-theme="inverted"] .person-card,
html[data-theme="inverted"] .partner-card { border: 1px solid CanvasText; }
}
@media(min-width:901px){
  html[data-theme="inverted"] .service-folder.is-open .folder-list li { border: 1px solid rgba(225, 221, 219, 0.16); background: rgba(46, 33, 43, 0.18); }
  html[data-theme="inverted"] .service-folder.is-open .folder-list li:before { color: rgba(225, 221, 219, 0.45); }
  html[data-theme="inverted"] .service-folder.is-open .folder-why,
html[data-theme="inverted"] .service-folder.is-open:nth-child(even) .folder-why { border: 1px solid rgba(225, 221, 219, 0.16); background: rgba(46, 33, 43, 0.2); }
}
html[data-theme="inverted"] .project-slideshow { background: #f3ede5; color: #212121; }
html[data-theme="inverted"] .project-slides { background: #f3ede5; }
html[data-theme="inverted"] .project-slideshow>span,
html[data-theme="inverted"] .project-slideshow>i { background: rgba(243, 237, 229, 0.82); border: 1px solid rgba(33, 33, 33, 0.25); }
html[data-theme="inverted"] .project-status { color: #d2bfcf; }
html[data-theme="inverted"] .founder-note { background: #60435b; color: #f4eee6; border: 1px solid rgba(56, 45, 30, 0.16); }
html[data-theme="inverted"] .founder-note:after { background: url("assets/design-library/flower-outline.png") center/contain no-repeat; }
html[data-theme="inverted"] .founder-note-mark { color: rgba(80, 60, 60, 0.18); }
html[data-theme="inverted"] .founder-note-heading h2 em { color: #503c3c; }
html[data-theme="inverted"] .founder-note blockquote { border-left: 2px solid #345e61; }
html[data-theme="inverted"] .founder-note-signature { color: #382d1e; }
html[data-theme="inverted"] .founder-note-signature span { color: #345e61; }
html[data-theme="inverted"] .founder-portrait { background: #1e151c; }
html[data-theme="inverted"] .initials-portrait { background: #8dd4d9; }
html[data-theme="inverted"] .profile-portrait>.member-initials,
html[data-theme="inverted"] .profile-portrait:hover>.member-initials,
html[data-theme="inverted"] .profile-portrait:focus-visible>.member-initials { background: none; border: 0; color: #d2bfcf; }