.expertise-section{position:relative;z-index:1;background:#f5f5ff;color:#242726;padding:88px 48px 68px;isolation:isolate;overflow:hidden;font-family:Montserrat,sans-serif}
.expertise-section::before{content:'';position:absolute;width:440px;height:440px;border:1px solid #dcdff8;border-radius:50%;right:-230px;top:40px;z-index:-1}.expertise-wrap{max-width:1120px;margin:0 auto}.expertise-top{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;align-items:end;margin-bottom:56px}.section-eyebrow{display:block;color:#606cba;font:700 12px/1.5 Firs,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-bottom:15px}.expertise-top h2{font:700 clamp(34px,3.6vw,52px)/1.06 Firs,sans-serif;letter-spacing:-.045em;margin:0}.expertise-top h2 span{color:#687fe5}.expertise-top p{font:500 16px/1.8 Montserrat,sans-serif;color:#5a5d6c;margin:0;max-width:430px}.expertise-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:64px;align-items:center}.editing-visual{position:relative;padding:30px 12px 42px}.edit-window{position:relative;background:white;border:1.5px solid #414761;border-radius:16px;overflow:hidden;box-shadow:9px 12px 0 #dfe3fa;rotate:-2deg}.window-bar{height:40px;display:flex;align-items:center;gap:5px;padding:0 15px;border-bottom:1px solid #e4e5f0}.window-bar>span{width:7px;height:7px;background:#e9a0c7;border-radius:50%}.window-bar>span:nth-child(2){background:#ffde59}.window-bar>span:nth-child(3){background:#687fe5}.window-bar b{font:700 9px Firs,sans-serif;letter-spacing:.1em;margin-left:auto;color:#646980}.edit-preview{height:173px;background:#e7ebff;position:relative;overflow:hidden;margin:15px 17px 0;border-radius:7px}.preview-orbit{position:absolute;border:1px solid #bac5f0;width:290px;height:290px;left:70px;top:-60px;border-radius:50%}.preview-mountain{position:absolute;width:230px;height:190px;background:#687fe5;rotate:45deg;border-radius:16px;bottom:-125px;left:20px}.mountain-two{left:180px;bottom:-140px;background:#9caae9}.preview-sun{position:absolute;width:47px;height:47px;background:#ffde59;right:60px;top:26px;border-radius:50%}.preview-star{position:absolute;left:60px;top:15px;font-size:38px;color:#fff}.preview-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:46px;width:46px;border-radius:50%;background:#ffffffdd;display:grid;place-items:center;font-size:15px;color:#5367c7;padding-left:3px}.timeline-label{display:flex;justify-content:space-between;margin:15px 18px 10px;font:700 9px Firs,sans-serif;letter-spacing:.07em;color:#7a809b}.edit-timeline{position:relative;margin:0 18px 20px;padding:12px 0 0}.timeline-ruler{position:absolute;top:0;left:0;right:0;height:5px;background:repeating-linear-gradient(to right,#c7cce3 0 1px,transparent 1px 18px)}.track{display:flex;gap:4px;margin:5px 0;height:24px}.track i{border-radius:3px;flex:1;background:#687fe5}.track-picture i:nth-child(2){flex:1.4}.track-picture i:nth-child(3){flex:.65}.track-dialogue{padding:0 28px 0 0}.track-dialogue i{background:repeating-linear-gradient(90deg,#de77b1 0 2px,#e992c4 2px 6px);border:5px solid #e992c4}.track-sound{padding-left:40px}.track-sound i{background:#ffde59}.track-sound i:last-child{flex:2}.playhead{position:absolute;left:48%;top:0;bottom:0;width:2px;background:#3e435d}.playhead::before{content:'';position:absolute;top:-3px;left:-4px;border:5px solid transparent;border-top:7px solid #3e435d}.visual-sticker{position:absolute;left:-4px;top:5px;padding:10px 17px;background:#ffde59;color:#323849;font:700 16px Firs,sans-serif;rotate:-6deg;border-radius:5px;z-index:2}.visual-spark{position:absolute;width:49px;right:-4px;top:0;rotate:12deg;z-index:2}.visual-note{position:absolute;bottom:1px;right:8px;font:500 12px Montserrat,sans-serif;color:#737a9f;rotate:-2deg}.expertise-cards{display:grid;gap:16px}.expertise-card{display:grid;grid-template-columns:29px 1fr 30px;gap:14px;background:#fff;border:1px solid #e0e3f2;border-radius:14px;padding:25px 23px;transition:translate .5s ease,box-shadow .5s ease,border-color .5s ease}.expertise-card:hover{translate:0 -3px;box-shadow:0 10px 24px #4c56800b;border-color:#bfc8ef}.card-number{font:700 13px Firs,sans-serif;color:#687fe5;margin-top:5px}.expertise-card h3{margin:0 0 9px;font:700 21px/1.2 Firs,sans-serif;letter-spacing:-.03em}.expertise-card p{margin:0;color:#616571;font:500 13px/1.8 Montserrat,sans-serif}.expertise-card svg{width:28px;height:28px;fill:none;stroke:#687fe5;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-top:3px}.card-yellow .card-number,.card-yellow svg{color:#9a7a12;stroke:#ac8b22}.card-pink .card-number,.card-pink svg{color:#bf538e;stroke:#bf538e}.expertise-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #dfe2f1;margin-top:48px;padding-top:28px}.workflow-tools{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.workflow-tools>span:not(.tools-label){border:1px solid #dce0ef;background:#ffffff80;border-radius:6px;padding:7px 10px;font-size:11px;color:#5f6680}.tools-label{font:700 10px Firs,sans-serif;letter-spacing:.1em;color:#777d96;margin-right:6px}.expertise-link{font:700 14px Firs,sans-serif;color:#5268c2;text-decoration:none;white-space:nowrap;padding:10px 0}.expertise-link span{display:inline-block;margin-left:6px;transition:translate .4s}.expertise-link:hover span{translate:2px -2px}.expertise-link:hover{text-decoration:underline;text-underline-offset:5px}.sections-animated .reveal-section{opacity:0;transform:translateY(18px);transition:opacity 1s ease,transform 1s cubic-bezier(.2,.7,.2,1)}.sections-animated .reveal-section.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:900px){.expertise-section{padding:64px 32px 48px}.expertise-top{gap:35px}.expertise-grid{gap:32px}.expertise-card{padding:21px 17px;gap:10px}.expertise-card h3{font-size:19px}.expertise-card svg{width:24px}.expertise-card p{font-size:12px}.expertise-bottom{flex-wrap:wrap}.visual-sticker{font-size:14px}}
@media(max-width:700px){.expertise-section{padding:52px 24px 38px}.expertise-top{display:block;margin-bottom:24px}.expertise-top h2{font-size:37px}.expertise-top p{margin-top:21px;font-size:14px;line-height:1.85}.expertise-grid{grid-template-columns:1fr;gap:26px}.editing-visual{max-width:460px;width:100%;margin:0 auto;padding:31px 9px 35px}.edit-preview{height:160px}.visual-sticker{left:0}.visual-spark{right:1px;width:38px}.expertise-card{padding:23px 18px;grid-template-columns:24px 1fr 25px}.expertise-card h3{font-size:20px}.expertise-card p{font-size:13px}.expertise-bottom{margin-top:31px;padding-top:23px;gap:14px}.workflow-tools{gap:7px}.tools-label{width:100%;margin-bottom:3px}.workflow-tools>span:not(.tools-label){font-size:10px}.expertise-link{font-size:14px}}
@media(prefers-reduced-motion:reduce){.sections-animated .reveal-section{opacity:1;transform:none;transition:none}.expertise-card,.expertise-link span{transition:none}}
.about-section{padding-top:72px}.about-heading{margin-bottom:42px}.about-heading h2{font:700 clamp(34px,3.6vw,52px)/1.06 Firs,sans-serif;letter-spacing:-.045em;margin:0}.about-heading h2 span{color:#687fe5}.about-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:65px;align-items:center}.about-art{position:relative;margin:0;padding:40px 0 10px;isolation:isolate}.about-art img{position:relative;display:block;width:100%;height:auto;z-index:1}.art-backdrop{position:absolute;inset:12% 6% 13%;background:#e0e5ff;border-radius:48% 48% 16% 16%;rotate:-5deg;z-index:-1}.desk-tag{position:absolute;left:2%;top:5%;z-index:2;background:#ffde59;color:#323849;padding:10px 15px;border-radius:5px;rotate:-5deg;font:700 15px Firs,sans-serif}.about-art figcaption{font:500 10px Montserrat,sans-serif;color:#757c97;text-align:center;margin-top:19px}.about-art figcaption a{color:inherit;text-underline-offset:3px}.about-copy p{font:500 14px/1.9 Montserrat,sans-serif;color:#555c70;margin:0 0 19px}.about-copy p.about-lead{font:700 20px/1.5 Firs,sans-serif;letter-spacing:-.02em;color:#30364a;margin-bottom:21px}.about-copy a:not(.expertise-link){color:#4d78b5;font-weight:500;text-decoration:underline;text-decoration-color:#a5bde0;text-underline-offset:3px}.about-copy strong{font-weight:500;color:#303b65}.about-copy .expertise-link{display:inline-block;margin-top:2px}.about-details{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:30px;border-top:1px solid #dce1f2;margin-top:49px;padding-top:30px}.about-detail{display:flex;flex-direction:column;align-items:flex-start}.detail-label{font:700 10px Firs,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#858ba1;margin-bottom:12px}.about-detail>strong{font:700 34px/1.1 Firs,sans-serif;letter-spacing:-.035em;color:#6377ce;margin-bottom:8px}.about-detail>span:last-child{font:500 12px/1.6 Montserrat,sans-serif;color:#636b82}.detail-connect{border-left:1px solid #dce1f2;padding-left:30px}.detail-connect h3{font:700 22px/1.2 Firs,sans-serif;letter-spacing:-.03em;margin:0 0 8px}.detail-connect p{font:500 12px/1.7 Montserrat,sans-serif;color:#636b82;margin:0 0 10px}.detail-connect a{font:700 13px Firs,sans-serif;color:#536ac0;text-decoration:none}.detail-connect a:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.about-grid{gap:34px}.about-copy p{font-size:13px}.about-copy p.about-lead{font-size:19px}.desk-tag{font-size:13px}.about-details{gap:20px}.about-detail>strong{font-size:29px}.detail-connect{padding-left:20px}}
@media(max-width:700px){.about-section{padding-top:48px}.about-heading{margin-bottom:28px}.about-heading h2{font-size:36px}.about-grid{grid-template-columns:1fr;gap:26px}.about-art{max-width:470px;margin:0 auto;width:100%;padding-top:30px}.desk-tag{font-size:13px;top:2%}.about-art figcaption{margin-top:15px}.about-copy p{font-size:14px;line-height:1.85;margin-bottom:19px}.about-copy p.about-lead{font-size:21px}.about-details{grid-template-columns:1fr 1fr;gap:26px 16px;margin-top:28px;padding-top:25px}.about-detail>strong{font-size:27px}.about-detail>span:last-child{font-size:11px}.detail-label{font-size:9px}.detail-connect{grid-column:1/-1;border-left:0;border-top:1px solid #dce1f2;padding:23px 0 0}.detail-connect h3{font-size:24px}.detail-connect p{font-size:13px}.detail-connect a{font-size:14px}}
/* Let the first section's white fade resolve into a soft lavender bridge. */
.about-section{background:linear-gradient(to bottom,#fff 0,#fafaff 50px,#f5f5ff 150px);padding-top:112px}
.about-section::before{top:130px}
@media(max-width:900px){.about-section{padding-top:96px;background:linear-gradient(to bottom,#fff 0,#fafaff 40px,#f5f5ff 125px)}}
@media(max-width:700px){.about-section{padding-top:76px;background:linear-gradient(to bottom,#fff 0,#fafaff 30px,#f5f5ff 100px)}}
/* A clean diagonal connects the hero to the animated About section. */
.landing{z-index:2;clip-path:polygon(0 0,100% 0,100% calc(100% - 54px),0 100%)}
.stage::after{display:none}
.portrait{mask-image:none}
.particle-background{mask-image:none;clip-path:polygon(0 0,100% 0,100% calc(100% - 54px),0 100%)}
.about-section{margin-top:-54px;padding-top:150px;background:#f5f5ff}
.about-section::before{display:none}
.about-section .about-wave{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.6}
@media(max-width:900px){.about-section{padding-top:130px}}
@media(max-width:700px){.landing,.particle-background{clip-path:polygon(0 0,100% 0,100% calc(100% - 28px),0 100%)}.about-section{margin-top:-28px;padding-top:91px}.portrait-group .portrait{mask-image:linear-gradient(to bottom,#000 91%,transparent 100%)}}
.landing{background:#fff}.landing .particle-background{clip-path:none}.landing .stage{z-index:1}
/* Hide the sprite's transparent space below the paws at the section edge. */
.cat-peek{bottom:-145px}
@media(max-width:700px){.cat-peek{position:absolute;left:8px;bottom:-145px}}
.about-section{background:radial-gradient(ellipse at 8% 52%,#e9ecff 0,transparent 55%),radial-gradient(ellipse at 93% 85%,#fff5df 0,transparent 43%),#f5f5ff}.about-section .about-wave{opacity:1}.awards-art{padding:45px 6px 105px}.awards-art .art-backdrop{inset:8% 5% 17%;background:#e0e5ff;border-radius:40% 40% 18% 18%}.awards-photo-frame{position:relative;rotate:-3deg;background:white;border:1px solid #dce0f2;padding:10px 10px 0;border-radius:13px;box-shadow:8px 10px 0 #d9dff1;transition:rotate .7s ease,translate .7s ease}.awards-photo-frame:hover{rotate:-1deg;translate:0 -3px}.awards-photo-window{position:relative;aspect-ratio:1.49;overflow:hidden;border-radius:6px;background:#d4c2d5}.awards-photo-window img{position:absolute;width:111.12%;max-width:none;height:auto;left:-5.56%;top:-16.7%}.photo-caption{font:500 12px/1.5 Montserrat,sans-serif;color:#626980;padding:13px 5px 15px;display:flex;justify-content:space-between;align-items:center}.photo-caption span{color:#c1a033;font-size:20px}.editing-art-inset{position:absolute;right:-9px;bottom:0;width:53%;rotate:4deg;z-index:2}.editing-art-inset img{display:block;width:100%;height:auto;filter:drop-shadow(0 5px 6px #505a8420)}.editing-art-inset>span{display:block;font:500 9px/1.5 Montserrat,sans-serif;text-align:center;margin-top:9px;color:#7c8299}.editing-art-inset a{color:inherit;text-underline-offset:3px}.awards-art .desk-tag{left:0;top:2%;font-size:14px}.sections-animated .about-copy p,.sections-animated .about-copy>.expertise-link{opacity:0;transform:translateY(11px);transition:opacity .85s ease,transform .85s cubic-bezier(.22,.7,.25,1)}.sections-animated .about-copy.is-visible p,.sections-animated .about-copy.is-visible>.expertise-link{opacity:1;transform:none}.about-copy p:nth-child(1){transition-delay:.08s}.about-copy p:nth-child(2){transition-delay:.23s}.about-copy p:nth-child(3){transition-delay:.38s}.about-copy p:nth-child(4){transition-delay:.53s}.about-copy>.expertise-link{transition-delay:.68s}.sections-animated .about-heading .heading-word{display:inline-block;opacity:0;transform:translateY(.35em);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.75,.25,1);transition-delay:var(--word-delay)}.sections-animated .about-heading.is-visible .heading-word{opacity:1;transform:none}.sections-animated .awards-photo-frame{opacity:0;scale:.95;transition:opacity 1.2s ease,scale 1.2s cubic-bezier(.22,.8,.3,1),rotate .7s ease,translate .7s ease}.sections-animated .awards-art.is-visible .awards-photo-frame{opacity:1;scale:1}.sections-animated .editing-art-inset{opacity:0;translate:0 12px;transition:opacity 1.1s .35s ease,translate 1.1s .35s ease}.sections-animated .awards-art.is-visible .editing-art-inset{opacity:1;translate:0 0}.sections-animated .about-details .about-detail{opacity:0;translate:0 10px;transition:opacity .85s ease,translate .85s ease}.sections-animated .about-details.is-visible .about-detail{opacity:1;translate:0 0}.about-detail:nth-child(2){transition-delay:.16s}.about-detail:nth-child(3){transition-delay:.32s}
@media(max-width:700px){.awards-art{max-width:440px;padding:37px 5px 101px;margin-bottom:12px}.awards-art .desk-tag{font-size:12px}.editing-art-inset{right:0;width:52%}.photo-caption{font-size:10px;padding:10px 3px}.awards-photo-frame{padding:8px 8px 0;box-shadow:6px 7px 0 #d9dff1}}
@media(prefers-reduced-motion:reduce){.sections-animated .about-copy p,.sections-animated .about-copy>.expertise-link,.sections-animated .about-heading .heading-word,.sections-animated .awards-photo-frame,.sections-animated .editing-art-inset,.sections-animated .about-details .about-detail{opacity:1;transform:none;translate:none;scale:1;transition:none}.awards-photo-frame{transition:none}}
.about-heading h2 > .heading-word{color:#242726}
/* Personal labels and a compact row of the employers/clients on the live homepage. */
.photo-caption{font-size:11px;gap:12px;line-height:1.65}.photo-caption span{flex:none}.desk-tag{transition:scale .55s ease,filter .55s ease;transform-origin:center}.awards-art.is-visible .desk-tag{animation:desk-tag-float 5s ease-in-out infinite}.desk-tag:hover{scale:1.045;filter:brightness(1.035)}
@keyframes desk-tag-float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-4px) rotate(2deg)}}
.clients-section{margin-top:46px;padding:30px 0 8px;border-top:1px solid #d3d9ed}.clients-section h3{margin:0 0 25px;font:700 13px/1.5 Firs,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#69718c}.client-logos{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;align-items:center}.client-logos>a,.client-logos>div{display:flex;align-items:center;justify-content:center;min-height:82px;padding:12px}.client-logos img{display:block;width:100%;height:58px;object-fit:contain;max-width:168px;transition:scale .6s ease,opacity .6s ease}.client-logos>a:hover img{scale:1.045}.client-logos>:nth-child(2) img{max-width:135px}.client-logos>:nth-child(3) img{max-width:147px}.about-details{margin-top:29px}.about-copy>.expertise-link{transition-delay:.55s}
@media(max-width:700px){.clients-section{margin-top:32px;padding-top:24px}.clients-section h3{font-size:11px;letter-spacing:.06em}.client-logos{grid-template-columns:repeat(2,1fr);gap:14px 20px}.client-logos>a,.client-logos>div{min-height:68px;padding:9px}.client-logos img{height:48px;max-width:128px}.photo-caption{font-size:10px;line-height:1.6}.client-logos>:nth-child(2) img{max-width:108px}.client-logos>:nth-child(3) img{max-width:119px}}
@media(prefers-reduced-motion:reduce){.awards-art.is-visible .desk-tag{animation:none}.desk-tag,.client-logos img{transition:none}}
.awards-art{padding-bottom:155px}.client-logos>:nth-child(2) img{transform:scale(1.6)}
@media(max-width:700px){.awards-art{padding-bottom:150px}.photo-caption{padding-bottom:14px}.client-logos>:nth-child(2) img{transform:scale(1.4)}}
.awards-art{display:flex;flex-direction:column;align-items:center;padding:42px 0 0;gap:0}.awards-art .art-backdrop{inset:4% 5% 44%}.editing-art-inset{order:0;position:relative;right:auto;bottom:auto;width:100%;rotate:0deg}.editing-art-inset img{filter:none;mask-image:linear-gradient(to bottom,#000 84%,transparent 100%),linear-gradient(to right,transparent,#000 4%,#000 96%,transparent);mask-composite:intersect}.editing-art-inset>span{margin-top:3px}.awards-photo-frame{order:1;width:88%;margin:27px auto 0}.awards-art .desk-tag{top:0;left:3%;z-index:3}.photo-caption{justify-content:center;text-align:center;padding:12px 8px;gap:10px}.photo-caption .caption-text{font:500 11px/1.6 Montserrat,sans-serif;color:#626980}.photo-caption>span:last-child{font-size:20px;color:#c1a033}.about-grid{align-items:center}.about-copy p:nth-child(4){transition-delay:.53s}.about-copy>.expertise-link{transition-delay:.68s}
@media(max-width:700px){.awards-art{padding:36px 0 0;margin-bottom:13px}.editing-art-inset{width:100%;right:auto}.awards-photo-frame{width:89%;margin-top:25px}.photo-caption .caption-text{font-size:10px}.about-heading h2{font-size:34px}}
/* Keep the larger cartoon tucked into the photo's lower-right corner. */
.awards-art{display:block;padding:42px 0 155px}.awards-photo-frame{width:96%;margin:0;position:relative}.editing-art-inset{position:absolute;right:-20px;bottom:0;width:66%;rotate:3deg;z-index:2}.editing-art-inset img{mask-image:linear-gradient(to bottom,#000 91%,transparent 100%),linear-gradient(to right,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect}.awards-art .art-backdrop{inset:7% 5% 17%}.photo-caption{justify-content:flex-start;text-align:left;min-height:76px;padding:13px 10px}.photo-caption .caption-text{max-width:60%;font-size:10px}.photo-caption>span:last-child{display:none}
@media(max-width:700px){.awards-art{padding:36px 0 133px;margin-bottom:13px}.awards-photo-frame{width:95%;margin:0}.editing-art-inset{right:-6px;bottom:0;width:66%}.photo-caption{padding-left:7px;min-height:70px}.photo-caption .caption-text{font-size:9px;max-width:62%}}

/* Match visible logo scale and mirror the first section's diagonal edge. */
.about-section{clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 54px));padding-bottom:110px}
.client-logos>:nth-child(2) img{max-width:168px;transform:scale(1.85)}
.client-logos>:nth-child(3) img{max-width:168px}
@media(max-width:700px){.about-section{clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 28px));padding-bottom:72px}.client-logos>:nth-child(2) img{max-width:128px;transform:scale(1.65)}.client-logos>:nth-child(3) img{max-width:128px}}
.client-logos>:nth-child(3) img{transform:scale(1.4)}
/* Clip the full-width hero, not the centered content column. */
.hero-transition{position:relative;z-index:2;background:#fff;clip-path:polygon(0 0,100% 0,100% calc(100% - 54px),0 100%)}
.hero-transition .landing{clip-path:none}
@media(max-width:700px){.hero-transition{clip-path:polygon(0 0,100% 0,100% calc(100% - 28px),0 100%)}}
/* The hero background covers the viewport; content retains its comfortable width. */
.hero-transition>.particle-background{position:absolute;inset:0;width:100%;height:100%;clip-path:none;mask-image:none;z-index:0}
.hero-transition .landing{background:transparent;z-index:1}