@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(caveat-cyrillic-ext-wght-normal-DiMfzA-V.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(caveat-cyrillic-wght-normal-D5lnP6kL.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(caveat-latin-ext-wght-normal-Byk3UhVp.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(caveat-latin-wght-normal-C1hSzPvX.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#121212;--muted:#9a9a9a;--muted-text:#767676;--bg:#fff;--col-w:540px;--card-w:740px;--card-w-base:880px;--gutter:24px;--radius:24px;--row-gap:16px;--hero-pad:clamp(28px, 14vw, 130px);--mobile-inset:6.5%;--scroll-wave-lift:4px;--scroll-wave-stagger:30ms;--scroll-wave-pass:.85s;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,system-ui,sans-serif}@media (width>=1440px){:root{--card-w:780px}}*{box-sizing:border-box}html,body{background:var(--bg);margin:0;padding:0}#root{min-height:100vh}.intro{flex-direction:column;gap:30px;max-width:520px;display:flex}.heading{flex-direction:column;display:flex}.name{letter-spacing:-.01em;margin:0;font-size:28px;font-weight:700}.role{color:var(--muted);margin:0;font-size:28px}.bio{margin:0;font-size:18px;line-height:1.55}.bioGroup{flex-direction:column;gap:16px;display:flex}.bioLink{color:inherit;text-underline-offset:3px;font-weight:500;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.bioLogoMark{vertical-align:-.19em;margin-left:.1em;display:inline-block;position:relative}.bioLogoMark img{width:auto;height:1.13em;display:block}.bioLogoMark:after{content:"";background:radial-gradient(circle,currentColor .85px,#0000 1px) 0 0/3.6px 2px space no-repeat;height:2px;position:absolute;bottom:-5px;left:0;right:0}.contactRow{flex-wrap:wrap;gap:8px;display:flex}.contactBtn{text-decoration:none}.contactBtnPill{isolation:isolate;color:var(--ink);background-color:var(--bg);transform-origin:50%;backface-visibility:hidden;border-radius:999px;align-items:center;gap:6.5px;padding:8.5px 12px 8.5px 13px;font-size:14px;font-weight:500;display:inline-flex;position:relative}@media (width<=640px){.contactBtnPill{font-size:13px;padding:7.5px 10px 7.5px 12px;gap:5.5px}}.contactBtnPill:after{content:"";border-radius:inherit;opacity:0;z-index:-1;pointer-events:none;transition:opacity var(--rv-dur,.6s) cubic-bezier(.22, 1, .36, 1) var(--rv-delay,0s), box-shadow .3s ease;position:absolute;inset:0;box-shadow:0 6px 24px #00000024}.rvIn .contactBtnPill:after{opacity:1}.rvInstant .contactBtnPill:after{transition:none}.contactBtn:hover .contactBtnPill:after{box-shadow:0 12px 34px #0003}.contactBtn.rvUnit{transform:translateY(var(--rv-dist,14px)) scale(.82)}.contactArrow{color:var(--muted);flex:none;transition:color .2s}.contactBtn:hover .contactArrow{color:var(--ink)}.contactFooter{padding:32px var(--gutter) 56px;flex-direction:column;align-items:center;display:flex}@media (width<=640px){.contactFooter{padding-left:var(--mobile-inset);padding-right:var(--mobile-inset);padding-bottom:16px}}.contactFooterNote{max-width:var(--col-w);color:#000;text-align:center;margin:0 0 40px;font-family:Caveat Variable,Caveat,cursive;font-size:30px;line-height:1.15}.contactRowCentered{justify-content:center}.sectionButtonRow{max-width:var(--col-w);justify-content:center;margin:40px auto 0;display:flex}.contactFooter .contactBtn{transition-delay:var(--rv-delay,0s)}.contactFooter .contactBtn:first-child{--rv-delay:80ms}.contactFooter .contactBtn:nth-child(2){--rv-delay:0s}.contactFooter .contactBtn:nth-child(3){--rv-delay:.16s}.contactFooter .contactBtn:nth-child(4){--rv-delay:.24s}.siteCredit{color:var(--muted-text);margin:120px 0 0;font-size:16px;line-height:1.8}@media (width<=450px){.siteCredit{text-align:center}}.rvUnit{opacity:0;transform:translateY(var(--rv-dist,14px));transition:opacity var(--rv-dur,.6s) cubic-bezier(.22, 1, .36, 1), transform var(--rv-dur,.6s) cubic-bezier(.22, 1, .36, 1);display:inline-block}.rvIn .rvUnit{opacity:1;transform:none}.rvInstant .rvUnit{transition:none}.rvUnit.rvScale{transform:scale(var(--rv-scale,.8))}.rvIn .rvUnit.rvScale{transform:none}.introVideoMedia,.introChipRise{--rv-scale:.9}.heroTop{align-items:flex-start;gap:48px;display:flex}.heroTop .intro{flex-shrink:0}.introVideo{width:var(--iv);aspect-ratio:1;--iv:307.2px;--iv-gif-x:-53.4px;--iv-gif-y:153.4px;--iv-gif-w:227.2px;--iv-note-x:-58.3px;--iv-note-y:291px;--iv-note-fs:27px;--iv-note-alt-fs:18px;--iv-chip:81px;--iv-chip-y:292.8px;flex-shrink:0;margin-top:6px;margin-left:auto;margin-right:calc(50vw - 493.6px);position:relative}.introVideoMedia{isolation:isolate;width:100%;height:100%;display:block;position:relative}.introVideoEl,.introVideoPoster{object-fit:cover;background:#f7f7f7;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.introVideoPoster.introVideoPosterOff{visibility:hidden}.introNote{left:var(--iv-note-x);top:var(--iv-note-y);z-index:1;font-family:Caveat Variable,Caveat,cursive;font-weight:700;font-size:var(--iv-note-fs);text-align:center;color:var(--ink);pointer-events:none;-webkit-user-select:none;user-select:none;padding:0 .15em;line-height:1.2;position:absolute;transform:translate(-50%,-50%)rotate(-22deg)}.introNoteBody{display:block;position:relative}.introNote[data-bounce=a] .introNoteBody{animation:.5s both noteBounceA}.introNote[data-bounce=b] .introNoteBody{animation:.5s both noteBounceB}@keyframes noteBounceA{0%{animation-timing-function:cubic-bezier(.4,0,1,1);transform:scale(1)}30%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:scale(.86)}65%{animation-timing-function:cubic-bezier(.4,0,.2,1);transform:scale(1.05)}to{transform:scale(1)}}@keyframes noteBounceB{0%{animation-timing-function:cubic-bezier(.4,0,1,1);transform:scale(1)}30%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:scale(.86)}65%{animation-timing-function:cubic-bezier(.4,0,.2,1);transform:scale(1.05)}to{transform:scale(1)}}.introNoteMain,.introNoteAlt{--note-out:opacity .16s cubic-bezier(.4, 0, 1, 1), filter .16s cubic-bezier(.4, 0, 1, 1);--note-in:opacity .22s ease-out .14s, filter .22s ease-out .14s;display:block}.introNoteMain{transition:var(--note-in)}.introNoteAlt{width:max-content;font-size:var(--iv-note-alt-fs);opacity:0;filter:blur(3px);transition:var(--note-out);line-height:1.15;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.introNoteSwapped .introNoteMain{opacity:1!important;filter:none!important}.introNoteSwapped .introNoteAlt{display:none!important;opacity:0!important}@media (prefers-reduced-motion:reduce){.introNote[data-bounce] .introNoteBody{animation:none}.introNoteMain,.introNoteAlt{filter:none!important}}.introNoteLine{margin:0 -.15em;padding:0 .15em;display:block}.introChipRise{left:50%;top:var(--iv-chip-y);width:var(--iv-chip);height:var(--iv-chip);margin:calc(var(--iv-chip) / -2) 0 0 calc(var(--iv-chip) / -2);pointer-events:none;position:absolute}.introSwirl{left:var(--iv-gif-x);top:var(--iv-gif-y);width:var(--iv-gif-w);height:var(--iv-gif-w);pointer-events:none;position:absolute}.introSwirl.introSwirlHidden{visibility:hidden}.introVideoHit{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;position:absolute;inset:0}.introVideoHit:focus-visible{outline-offset:3px;outline:3px solid #1a73e8}.introVideo .ytPlay{pointer-events:auto;width:100%;height:100%;transition:opacity .25s;inset:0;transform:none}.introVideo .ytPlay svg{width:calc(var(--iv-chip) * .524);height:calc(var(--iv-chip) * .524)}.introVideo[data-state=playing] .ytPlay{opacity:0}@media (width<=1143px){.heroTop{flex-direction:column-reverse;gap:126.4px}.introVideo{margin:0 calc(35.6vw - var(--iv) / 2) 0 auto}}@media (width<=640px){.introVideo{--s:calc(100vw / 375);--iv:calc(200.4 * var(--s));--iv-gif-x:calc(-51.2 * var(--s));--iv-gif-y:calc(123.4 * var(--s));--iv-gif-w:calc(148.2 * var(--s));--iv-note-x:calc(-56.05 * var(--s));--iv-note-y:calc(182 * var(--s));--iv-note-fs:calc(27 * var(--s));--iv-note-alt-fs:calc(18 * var(--s));--iv-chip:calc(64 * var(--s));--iv-chip-y:calc(196.6 * var(--s));margin:0 calc(28.6 * var(--s) - 6.5vw) calc(123.8 * var(--s) - 60px) 0;align-self:flex-end}}.hero{min-height:100vh;padding:clamp(32px, 18vh, 72px) 0 0 var(--hero-pad);flex-direction:column;justify-content:space-between;gap:60px;display:flex;overflow:hidden}@media (width<=640px){.hero{min-height:auto;padding-top:clamp(20px,6vh,48px);padding-left:var(--mobile-inset);padding-right:var(--mobile-inset);overflow:visible}}.row{align-items:center;gap:28px;width:max-content;padding:60px 0 90px;display:flex}.rowCell{border-radius:var(--radius);flex:none}.body{max-width:calc(var(--card-w) + 2 * var(--gutter));padding:130px var(--gutter) 100px;margin:0 auto}@media (width<=640px){.body{padding-left:var(--mobile-inset);padding-right:var(--mobile-inset)}}.h2,.p,.quote{max-width:var(--col-w)}.h2{letter-spacing:-.01em;margin:64px auto 22px;font-size:28px;font-weight:600}.h2:first-child{margin-top:0}.sectionHeader{max-width:var(--col-w);justify-content:space-between;align-items:center;gap:24px;margin:96px auto 0;display:flex}.sectionHeader:first-child,.selectedWork+.sectionHeader{margin-top:0}.selectedWork{max-width:var(--col-w);text-align:center;margin:0 auto 56px}.selectedWorkTitle{color:#000;margin:0;font-family:Caveat Variable,Caveat,cursive;font-size:30px;font-weight:400;line-height:1.15}.sectionHeader+.h2{margin-top:54px}.sectionLogo{width:auto;height:36px}@media (width<=640px){.sectionLogo{height:30px}}.sectionYears{color:#fff;white-space:nowrap;background-color:#000;border-radius:999px;flex:none;padding:8px 16px;font-size:15px;font-weight:700}.p{margin:0 auto 22px;font-size:18px;line-height:1.6}.p,.bio,.quoteText p{text-wrap:pretty}@media (width<=640px){.p,.bio,.quoteText p{text-wrap:wrap}}.bodyCell{width:100%;max-width:var(--card-w);border-radius:var(--radius);margin:36px auto}.bodyFigure{width:100%;max-width:var(--card-w);margin:0 auto 48px}.bodyFigure .bodyCell{margin-top:0;margin-bottom:0}.bodyCell.radiusScale{container-type:inline-size}.bodyCell.radiusScale .nativeCard{border-radius:3.409cqi}.videoGrid{width:100%;max-width:var(--card-w);margin:36px auto}.videoGridInner{border-radius:calc(var(--radius) + 12px);background:#f7f7f7;grid-template-columns:repeat(2,1fr);gap:12px;padding:12px;display:grid}@media (width<=640px){.videoGridInner{grid-template-columns:1fr}}.videoGridCell{aspect-ratio:16/9;border-radius:var(--radius);background:#fff;overflow:hidden}.videoGridMedia{object-fit:cover;width:100%;height:100%;display:block}.photo{width:100%;max-width:var(--card-w);margin:0 auto 48px}.photoMedia{aspect-ratio:2282/2580;border-radius:var(--radius);width:100%;height:auto;display:block}.photoFrame{display:block;position:relative}.photoFrame.hairline:after{content:"";pointer-events:none;border-radius:var(--radius);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000000d}.msFigure{width:100%;max-width:var(--card-w);--ms-phone-h:92%;--ms-phone-right:6%;--ms-phone-drop:10%;margin:0 auto 48px}.msBoard{aspect-ratio:1968/1306;width:100%;margin-bottom:8%;position:relative}.msBoardImg{object-fit:cover;border-radius:var(--radius);width:100%;height:100%;display:block}.msPhone{right:var(--ms-phone-right);bottom:calc(-1 * var(--ms-phone-drop));height:var(--ms-phone-h);aspect-ratio:1170/2396;background:#fff;border-radius:24px;position:absolute;overflow:hidden;box-shadow:0 24px 40px -12px #00000040}.msPhoneMedia{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.msFigure .mediaCaption{margin-top:65px}.mediaCaption{text-align:center;color:var(--muted-text);margin:16px 0 0;font-size:15px}.ytEmbed{width:100%;max-width:var(--card-w);margin:54px auto 36px}.ytNote{color:#111;pointer-events:none;flex-direction:column;align-items:center;margin-bottom:40px;display:flex}.ytNoteText{white-space:nowrap;font-family:Caveat Variable,Caveat,cursive;font-size:28px;line-height:1;transform:rotate(-3deg)}.ytNoteArrow{width:120px;height:120px;margin-top:24px;transform:translate(12px)rotate(297deg)}.ytFrame{aspect-ratio:16/9;border-radius:var(--radius);background:#000;width:100%;position:relative;overflow:hidden;box-shadow:0 6px 24px #0003}.ytIframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.ytCover{cursor:pointer;background:#000;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.ytCover:before{content:"";background-image:var(--yt-poster);filter:blur(2px)brightness(.62);background-position:50%;background-size:cover;transition:filter .4s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scale(1.1)}.ytCover:hover:before{filter:blur()brightness(.62);transform:scale(1)}.ytCover:after{content:"";z-index:1;pointer-events:none;border-radius:var(--radius);transform-origin:31.8% 8.6%;background:radial-gradient(30.8% 44% at 31.8% 8.6%,#ffffff52 0%,#fff0 100%);transition:transform .4s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.ytCover:hover:after{transform:scale(1.5)}.ytCover:focus-visible{outline-offset:3px;outline:3px solid #1a73e8}.ytPlay{z-index:2;color:#111;background:#fff;border-radius:50%;place-items:center;width:84px;height:84px;transition:transform .18s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 30px #00000059}.ytPlay svg{width:44px;height:44px}.ytCover:hover .ytPlay{transform:translate(-50%,-50%)scale(1.06)}@media (width<=640px){}.ytCover:hover .quotesTitle{max-width:var(--col-w);color:#000;text-align:center;margin:56px auto 8px;font-family:Caveat Variable,Caveat,cursive;font-size:27px}@media (width<=640px){.quotesTitle{max-width:80%}}.quote{max-width:calc(var(--col-w) + 88px);--meta-x:72px;--meta-y:0px;background:#f7f7f7;border-radius:56px;margin:64px auto;padding:24px 44px 48px;position:relative}@media (width<=640px){.quote{border-radius:40px;margin:64px 20px;padding:16px 24px 24px}}.quoteHead{min-height:76px;padding-left:var(--meta-x);flex-direction:column;justify-content:center;margin-bottom:26px;display:flex}@media (width<=640px){.quoteHead{margin-bottom:12px}}.quoteAvatar{width:116px;height:116px;position:absolute;top:-18px;left:-22px}@media (width<=640px){.quoteAvatar{width:90px;height:90px;top:-14px;left:-17px}}.quoteMaskShape{transform-box:view-box;transform-origin:50%;animation-name:quoteMaskSpin;animation-timing-function:linear;animation-iteration-count:infinite}html.is-idle .quoteMaskShape{animation-play-state:paused}@keyframes quoteMaskSpin{to{transform:rotate(360deg)}}.quoteMeta{transform:translateY(var(--meta-y));flex-direction:column;display:flex}.quoteName{letter-spacing:-.01em;color:var(--ink);font-size:20px;font-weight:700}.quoteRole{color:#4a4a4a;margin-top:3px;font-size:20px}@media (width<=640px){.quoteName,.quoteRole{font-size:17px}}.quoteText{color:var(--ink);margin:0}.quoteText p{letter-spacing:-.01em;margin:0 0 1.1em;font-size:20px;line-height:1.5}@media (width<=640px){.quoteText p{font-size:17px}}.quoteText p:last-child{margin-bottom:0}.cv{max-width:var(--col-w);margin:0 auto}.cvRow{border-bottom:1px solid #0000001a;grid-template-columns:1fr 1fr;align-items:start;gap:24px;padding:18px 0;display:grid}.cvLeft{flex-direction:column;display:flex}.cvCompany{letter-spacing:-.01em;color:var(--ink);align-self:flex-start;align-items:center;gap:5px;font-size:18px;font-weight:600;text-decoration:none;display:inline-flex}.cvArrow{color:var(--muted);flex:none;transition:transform .2s cubic-bezier(.22,1,.36,1),color .2s}.cvCompany:hover{text-underline-offset:3px;text-decoration:underline}.cvCompany:hover .cvArrow{color:var(--ink);transform:translate(1px,-1px)}.cvYears{color:var(--muted-text);margin-top:3px;font-size:18px}.cvRole{color:var(--muted-text);font-size:18px;line-height:1.4}.card{border-radius:var(--radius);width:100%;height:100%;position:relative;overflow:hidden;background-color:#ebebed}.marquee .card{background-color:#ebebed;border:1px solid rgba(0,0,0,.04)}.cardClip{border-radius:inherit;background-position:50%;background-size:cover;position:absolute;inset:0;overflow:hidden}.cardMedia{object-fit:cover;opacity:0;background:0 0;width:100%;height:100%;transition:opacity .25s;display:block}.cardMedia.is-ready{opacity:1}.nativeCard>.card{border-radius:inherit}.nativeCard>.card.morphing{will-change:transform}.cardMirror{width:100%;height:100%;display:block;position:absolute;inset:0}.scrollHint{color:var(--muted-text);z-index:20;pointer-events:none;background-color:#0000;border-radius:0;align-items:center;gap:10px;padding:12px 12px 12px 16px;font-size:17px;transition:background-color .5s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1),border-radius .5s cubic-bezier(.22,1,.36,1),color .5s cubic-bezier(.22,1,.36,1);display:inline-flex;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0000}.scrollHint[data-phase=peek]{cursor:pointer;pointer-events:auto;position:fixed;bottom:26px}.scrollHint[data-phase=peek]:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(66% 132% at 50% 132%, var(--bg) 0%, var(--bg) 46%, color-mix(in srgb, var(--bg) 78%, transparent) 66%, color-mix(in srgb, var(--bg) 38%, transparent) 83%, transparent 100%);width:100vw;height:120px;position:fixed;bottom:-26px;left:50%;transform:translate(-50%)}.scrollHint[data-phase=on-heading]{cursor:pointer;pointer-events:auto;position:absolute}.scrollHint[data-phase=button]{color:var(--ink);background-color:var(--bg);border-radius:var(--pill-radius,23px);cursor:pointer;pointer-events:auto;position:fixed;top:24px;box-shadow:0 6px 24px #00000024}.scrollHint .scrollHintText[data-label=button]{top:var(--label-offset,0px);position:relative}.scrollHintSpacer{flex:none;height:57px}.scrollHintBox{flex:none;grid-template-columns:minmax(0,1fr);place-items:center;display:grid;overflow:clip visible}.scrollHintBox>.scrollHintText{grid-area:1/1}.scrollHintText{white-space:nowrap;transition:opacity .28s ease-out,filter .28s ease-out,transform .28s ease-out;display:inline-flex}.scrollHintText[data-label=button]{opacity:0;filter:blur(3px);pointer-events:none;transform:translateY(3px)}.scrollHint[data-phase=button] .scrollHintText[data-label=rest]{opacity:0;filter:blur(2px);pointer-events:none;transform:translateY(-3px)}.scrollHint[data-phase=button] .scrollHintText[data-label=button]{opacity:1;filter:blur();transform:translateY(0)}.scrollHintChar{white-space:pre;display:inline-block}.scrollHintArrowGlyph{transform-box:fill-box;transform-origin:50%;transition:transform .5s cubic-bezier(.22,1,.36,1)}.scrollHint[data-phase=button] .scrollHintArrowGlyph{transform:rotate(-180deg)}@media (width<=640px){.scrollHint[data-phase=peek],.scrollHint[data-phase=on-heading],.scrollHint[data-phase=button]{color:var(--ink);background-color:var(--bg);border-radius:var(--pill-radius,23px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1),visibility 0s linear .42s;position:fixed;top:24px;bottom:auto;transform:translate(-50%)translateY(-18px)scale(.96);box-shadow:0 6px 24px #00000024}.scrollHint[data-phase=button]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1),visibility;transform:translate(-50%)translateY(0)scale(1)}.scrollHint .scrollHintText[data-label=rest]{display:none}}.scrollHint.is-waving .scrollHintChar,.scrollHint.is-waving .scrollHintArrow{animation:wave var(--scroll-wave-pass) ease-in-out both;animation-delay:calc(var(--i) * var(--scroll-wave-stagger))}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(calc(-1 * var(--scroll-wave-lift)))}}.scrollHint.is-entering[data-enter-variant=blur-scale-seat]{animation:scrollHintEnterSeat var(--enter-dur,.62s) cubic-bezier(.22, 1, .36, 1) var(--enter-delay,0s) both}.scrollHint.is-entering[data-enter-variant=spring-pop]{animation:scrollHintEnterPop var(--enter-dur,.62s) cubic-bezier(.22, 1, .36, 1) var(--enter-delay,0s) both}.scrollHint.is-entering[data-enter-variant=letter-risefall] .scrollHintChar,.scrollHint.is-entering[data-enter-variant=letter-risefall] .scrollHintArrow{animation-name:scrollHintEnterChar;animation-duration:var(--enter-dur,.55s);animation-timing-function:cubic-bezier(.22,1,.36,1);animation-delay:calc(var(--enter-delay,0s) + var(--i) * 35ms);animation-fill-mode:both}@keyframes scrollHintEnterSeat{0%{opacity:0;filter:blur(5px);transform:translate(-50%)translateY(9px)scale(.965)}60%{opacity:1;filter:blur(.4px);transform:translate(-50%)translateY(0)scale(1)}to{opacity:1;filter:blur();transform:translate(-50%)translateY(0)scale(1)}}@keyframes scrollHintEnterPop{0%{opacity:0;filter:blur(6px);transform:translate(-50%)translateY(10px)scale(.86)}55%{opacity:1;filter:blur();transform:translate(-50%)translateY(-2px)scale(1.045)}to{opacity:1;filter:blur();transform:translate(-50%)translateY(0)scale(1)}}@keyframes scrollHintEnterChar{0%{opacity:0;filter:blur(6px);transform:translateY(14px)}to{opacity:1;filter:blur();transform:translateY(0)}}.v1-overlay{pointer-events:none;z-index:5;position:fixed;inset:0}.v1-overlay [data-single-overlay="ai"],.v1-overlay [data-single-overlay="editor"],.v1-overlay [data-single-overlay="refresh"],.v1-overlay [data-single-engine="ai"],.v1-overlay [data-single-engine="editor"],.v1-overlay [data-single-engine="refresh"]{display:none!important;opacity:0!important;visibility:hidden!important}.v1-overlay .card{position:fixed;top:0;left:0;overflow:visible}.v1-overlay .card.morphing{will-change:transform}.nativeCard{isolation:isolate;border-radius:var(--radius);visibility:hidden;width:100%;height:100%;position:relative}.nativeCard.seated{visibility:visible}.nativeCard:after{content:"";z-index:-1;border-radius:inherit;opacity:0;transition:opacity 1s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;box-shadow:0 6px 24px #0003}.nativeCard.seated:after{opacity:1}.nativeCard[data-body=ai]:after,.nativeCard[data-body=editor]:after,.nativeCard[data-body=flexaPages]:after{z-index:1;pointer-events:none;box-shadow:inset 0 0 0 1px #0000000d}.marquee{width:100vw;margin-left:calc(-1 * var(--hero-pad));transition:opacity .2s;overflow:clip visible}.marquee.is-hidden{opacity:0;pointer-events:none}.marquee-track{will-change:transform;width:max-content;padding-left:var(--row-gap);display:flex}.marquee-set{gap:var(--row-gap);padding-right:var(--row-gap);display:flex}.marquee .rowCell{cursor:pointer}.cellMag{transform-origin:0;width:100%;height:100%}.marquee.is-docking .cellMag{will-change:transform}@media (width>=1144px){:root{--hero-pad:0px}.heroTop{width:min(1240px,100%);margin-inline:auto;padding-inline:56px}.introVideo{margin-right:0}}@media (width>=1800px){.hero{padding-top:clamp(32px,18vh,145px)}}
.bioIconOnly{margin-right:.32em}.bioIconOnly:after{display:none}

.sectionLogo{height:24px!important}@media (width<=640px){.sectionLogo{height:20px!important}}
.sectionYears{font-size:12px;padding:5px 12px;font-weight:600;letter-spacing:.01em}


.reviewsContainer{max-width:var(--col-w);margin:0 auto 72px;width:100%;box-sizing:border-box}
@media (width<=640px){.reviewsContainer{padding:0 var(--mobile-inset)}}
.craftReactionRow{background:#f8f9fa;border:1px solid rgba(0,0,0,0.06);border-radius:16px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;position:relative;flex-wrap:wrap;gap:12px}
.craftReactionGroup{display:flex;align-items:center;gap:8px;position:relative;flex-wrap:wrap}
.craftEmojiBtn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#ffffff;border:1px solid rgba(0,0,0,0.09);font-size:14px;font-weight:500;color:var(--ink);cursor:pointer;transition:all .15s ease;user-select:none;font-family:inherit;line-height:1;box-shadow:0 1px 2px rgba(0,0,0,0.02)}
.craftEmojiBtn:hover{transform:translateY(-1px);border-color:rgba(0,0,0,0.2);box-shadow:0 2px 6px rgba(0,0,0,0.05)}
.craftEmojiBtn.active{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}
.craftEmojiCount{font-size:13px;font-weight:600;color:inherit}
.craftPickerPills{position:absolute;top:calc(100% + 8px);left:0;background:#ffffff;border:1px solid rgba(0,0,0,0.12);border-radius:999px;padding:6px 10px;display:flex;gap:6px;box-shadow:0 6px 20px rgba(0,0,0,0.12);z-index:50}
.craftPickerItem{background:none;border:none;font-size:18px;cursor:pointer;padding:4px 6px;border-radius:6px;transition:transform .1s ease;line-height:1}
.craftPickerItem:hover{transform:scale(1.25);background:#f3f4f6}
.craftCommentCluster{display:flex;align-items:center;gap:10px}
.craftAvatarStack{display:flex;align-items:center}
.craftAvatarCircle{width:24px;height:24px;border-radius:50%;border:2px solid #ffffff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#ffffff;margin-left:-7px;box-shadow:0 1px 2px rgba(0,0,0,0.1);user-select:none}
.craftAvatarCircle:first-child{margin-left:0}
.craftCommentMeta{font-size:13px;font-weight:500;color:var(--muted-text)}
.reviewsList{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}
.reviewCard{background:#ffffff;border:1px solid rgba(0,0,0,0.07);border-radius:16px;padding:20px 22px;box-shadow:0 1px 3px rgba(0,0,0,0.02);transition:border-color .15s ease,box-shadow .15s ease}
.reviewCard:hover{border-color:rgba(0,0,0,0.14);box-shadow:0 3px 12px rgba(0,0,0,0.04)}
.reviewCardHeader{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.reviewAvatar{width:36px;height:36px;min-width:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#ffffff;box-shadow:0 1px 3px rgba(0,0,0,0.1);user-select:none}
.reviewAuthorInfo{display:flex;flex-direction:column;gap:2px}
.reviewAuthorName{font-size:15px;font-weight:600;color:var(--ink);line-height:1.2}
.reviewAuthorTag{font-size:11.5px;font-weight:500;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:999px;display:inline-block}
.reviewText{font-size:14.5px;line-height:1.6;color:#374151;margin:0}
.addReviewToggleBtn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;background:#f3f4f6;border:1px solid rgba(0,0,0,0.08);font-size:13.5px;font-weight:500;color:var(--ink);cursor:pointer;transition:all .15s ease;font-family:inherit;margin-top:4px}
.addReviewToggleBtn:hover{background:#e5e7eb;border-color:rgba(0,0,0,0.14)}
.addReviewForm{background:#f8f9fa;border:1px solid rgba(0,0,0,0.08);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px;margin-top:8px}
.addReviewInput{background:#ffffff;border:1px solid rgba(0,0,0,0.12);border-radius:10px;padding:10px 14px;font-size:14px;color:var(--ink);outline:none;font-family:inherit}
.addReviewInput:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.12)}
.addReviewTextarea{background:#ffffff;border:1px solid rgba(0,0,0,0.12);border-radius:10px;padding:10px 14px;font-size:14px;color:var(--ink);outline:none;resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}
.addReviewTextarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.12)}
.addReviewSubmitBtn{background:var(--ink);color:#ffffff;border:none;border-radius:999px;padding:9px 20px;font-size:13.5px;font-weight:600;cursor:pointer;transition:opacity .15s ease;font-family:inherit}
.addReviewSubmitBtn:hover{opacity:0.88}


.cvCompany{display:inline!important}
.cvArrow{display:inline-block!important;vertical-align:middle!important;margin-left:5px!important}





.photoFrame, .photoMedia, .msBoard, .nativeCard.seated {
  cursor: zoom-in !important;
}
.zoomModalOverlay {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(8, 8, 10, 0.88);
  backdrop-filter: blur(28px);
  -webkit-backdrop-filter: blur(28px);
  padding: 30px 20px 80px;
  box-sizing: border-box;
  cursor: zoom-out;
  animation: zoomOverlayFade .22s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  user-select: none;
  overflow: hidden;
}
@keyframes zoomOverlayFade {
  from { opacity: 0; }
  to { opacity: 1; }
}
.zoomCloseBtn {
  position: absolute;
  top: 24px;
  right: 28px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.16);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all .15s ease;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  z-index: 20;
  outline: none;
}
.zoomCloseBtn:hover {
  background: rgba(255, 255, 255, 0.22);
  transform: scale(1.08);
  border-color: rgba(255, 255, 255, 0.3);
}
.zoomViewport {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: zoom-out;
  overflow: hidden;
}
.zoomTransformContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .22s cubic-bezier(0.16, 1, 0.3, 1);
  transform-origin: center center;
  touch-action: none;
  max-width: 100%;
  max-height: 100%;
}
.zoomTransformContainer:active {
  cursor: grabbing !important;
}
.zoomMediaImg {
  max-width: min(1140px, 90vw);
  max-height: 76vh;
  object-fit: contain;
  border-radius: 14px;
  box-shadow: 0 28px 70px -10px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(255, 255, 255, 0.1);
  display: block;
  user-select: none;
  -webkit-user-drag: none;
}
.zoomMediaVideo {
  max-width: min(1140px, 90vw);
  max-height: 76vh;
  object-fit: contain;
  border-radius: 14px;
  box-shadow: 0 28px 70px -10px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(255, 255, 255, 0.1);
  display: block;
  background: #000;
}
.zoomBottomBar {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 12px;
  z-index: 20;
  max-width: 90vw;
  flex-wrap: wrap;
  justify-content: center;
}
.zoomControlsPill {
  display: flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  padding: 5px 10px;
  border-radius: 999px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}
.zoomCtrlBtn {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all .15s ease;
  padding: 0;
}
.zoomCtrlBtn:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.25);
  transform: scale(1.1);
}
.zoomCtrlBtn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.zoomLevelToggleBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.16);
  cursor: pointer;
  transition: all .15s ease;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
}
.zoomLevelToggleBtn:hover {
  background: rgba(255, 255, 255, 0.25);
  transform: scale(1.05);
}
.zoomResetTextBtn {
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 999px;
  cursor: pointer;
  transition: all .15s ease;
  margin-left: 2px;
}
.zoomResetTextBtn:hover {
  background: rgba(255, 255, 255, 0.3);
}
.zoomCaptionBadge {
  font-size: 13.5px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  padding: 7px 18px;
  border-radius: 999px;
  letter-spacing: -0.01em;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

@media (max-width: 700px) {
  .zoomModalOverlay {
    height: 100dvh;
    padding: calc(env(safe-area-inset-top) + 56px) 12px calc(env(safe-area-inset-bottom) + 118px);
    overscroll-behavior: contain;
  }
  .zoomCloseBtn {
    top: calc(env(safe-area-inset-top) + 10px);
    right: 12px;
    width: 44px;
    height: 44px;
  }
  .zoomViewport {
    flex: 1 1 auto;
    width: 100%;
    height: auto;
    min-height: 0;
  }
  .zoomTransformContainer {
    max-width: 100%;
    max-height: 100%;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
  }
  .zoomMediaImg,
  .zoomMediaVideo {
    max-width: 100%;
    max-height: 100%;
    border-radius: 8px;
  }
  .zoomBottomBar {
    left: 12px;
    right: 12px;
    bottom: calc(env(safe-area-inset-bottom) + 10px);
    max-width: none;
    flex-direction: column-reverse;
    gap: 8px;
  }
  .zoomControlsPill {
    gap: 8px;
    padding: 6px 8px;
  }
  .zoomCtrlBtn {
    width: 42px;
    height: 42px;
  }
  .zoomLevelToggleBtn {
    min-width: 58px;
    min-height: 42px;
  }
  .zoomResetTextBtn {
    min-height: 42px;
    padding: 6px 12px;
  }
  .zoomCaptionBadge {
    max-width: calc(100vw - 48px);
    white-space: normal;
    text-align: center;
    line-height: 1.35;
    padding: 8px 12px;
  }
}



.caseStudyBackdrop {
  position: fixed;
  inset: 0;
  background: rgba(10, 14, 20, 0.72);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  z-index: 10050;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  box-sizing: border-box;
  animation: csFadeIn 0.22s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes csFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.caseStudyDialog {
  background: #ffffff;
  color: #121212;
  width: 100%;
  max-width: 880px;
  max-height: 90vh;
  border-radius: 28px;
  box-shadow: 0 32px 80px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(0, 0, 0, 0.08);
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", system-ui, sans-serif;
  transform: translateY(16px) scale(0.98);
  animation: csSlideUp 0.28s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  -webkit-overflow-scrolling: touch;
}

@keyframes csSlideUp {
  to {
    transform: translateY(0) scale(1);
  }
}

.caseStudyHeaderBar {
  position: sticky;
  top: 0;
  z-index: 20;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 28px;
}

.caseStudyTag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #0284c7;
  background: rgba(2, 132, 199, 0.08);
  padding: 5px 12px;
  border-radius: 999px;
  letter-spacing: 0.01em;
}

.caseStudyActions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.caseStudyLiveBtn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #121212;
  background: #f4f4f5;
  border: 1px solid rgba(0, 0, 0, 0.08);
  padding: 7px 14px;
  border-radius: 999px;
  text-decoration: none;
  transition: all 0.2s ease;
}
.caseStudyLiveBtn:hover {
  background: #121212;
  color: #ffffff;
}

.caseStudyCloseBtn {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f4f4f5;
  color: #52525b;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 18px;
  line-height: 1;
}
.caseStudyCloseBtn:hover {
  background: #121212;
  color: #ffffff;
}

.caseStudyContent {
  padding: 32px 36px 44px;
}

@media (max-width: 640px) {
  .caseStudyContent {
    padding: 22px 18px 36px;
  }
  .caseStudyHeaderBar {
    padding: 12px 16px;
  }
}

.caseStudyHero {
  margin-bottom: 32px;
}

.caseStudyTitle {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.18;
  margin: 0 0 12px;
  color: #121212;
}

@media (max-width: 640px) {
  .caseStudyTitle {
    font-size: 24px;
  }
}

.caseStudySubtitle {
  font-size: 16.5px;
  line-height: 1.55;
  color: #52525b;
  margin: 0 0 24px;
}

.caseStudyMetricsGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 28px;
}

@media (max-width: 640px) {
  .caseStudyMetricsGrid {
    grid-template-columns: 1fr;
  }
}

.caseStudyMetricCard {
  background: #fbfbfc;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 18px;
  padding: 16px 18px;
}

.caseStudyMetricVal {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #0284c7;
  line-height: 1.1;
  margin-bottom: 4px;
}

.caseStudyMetricLabel {
  font-size: 13px;
  color: #71717a;
  line-height: 1.35;
}

.caseStudySection {
  margin-bottom: 36px;
}

.caseStudySectionTitle {
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -0.015em;
  margin: 0 0 12px;
  color: #18181b;
}

.caseStudyParagraph {
  font-size: 15px;
  line-height: 1.65;
  color: #3f3f46;
  margin: 0 0 14px;
}

.caseStudyFeatureGrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-top: 20px;
}

@media (max-width: 640px) {
  .caseStudyFeatureGrid {
    grid-template-columns: 1fr;
  }
}

.caseStudyFeatureCard {
  background: #fcfcfc;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 18px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.caseStudyFeatureImg {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  background: #f4f4f5;
  display: block;
}

.caseStudyFeatureBody {
  padding: 16px 18px;
}

.caseStudyFeatureTitle {
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 4px;
  color: #18181b;
}

.caseStudyFeatureDesc {
  font-size: 13px;
  line-height: 1.48;
  color: #71717a;
  margin: 0;
}

.caseStudyMetaGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 16px;
  background: #f8fafc;
  border: 1px solid rgba(2, 132, 199, 0.12);
  border-radius: 18px;
  padding: 18px 22px;
  margin-top: 24px;
}

.caseStudyMetaItem {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.caseStudyMetaLabel {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #64748b;
}

.caseStudyMetaValue {
  font-size: 14px;
  font-weight: 500;
  color: #0f172a;
}


.clickableCaseStudyCaption {
  cursor: pointer;
}

.caseStudyCardOverlayPill {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: #121212;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  padding: 6.5px 13px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  user-select: none;
}
.caseStudyCardOverlayPill:hover {
  background: #121212;
  color: #ffffff;
  transform: scale(1.03);
}



.caseStudyDialog {
  max-width: 940px !important;
}

.caseStudyBreadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 500;
  color: #71717a;
  margin-bottom: 12px;
}

.caseStudyNumberBadge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 12px;
  font-weight: 700;
  color: #0284c7;
  background: rgba(2, 132, 199, 0.08);
  border: 1px solid rgba(2, 132, 199, 0.16);
  padding: 2px 8px;
  border-radius: 6px;
  letter-spacing: 0.04em;
  margin-right: 8px;
}

.caseStudyCompareGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 18px 0 26px;
}
@media (max-width: 640px) {
  .caseStudyCompareGrid {
    grid-template-columns: 1fr;
  }
}

.caseStudyCompareCol {
  border-radius: 20px;
  padding: 20px 22px;
}
.caseStudyCompareCol.legacy {
  background: #fef2f2;
  border: 1px solid rgba(239, 68, 68, 0.2);
}
.caseStudyCompareCol.clinical {
  background: #f0fdf4;
  border: 1px solid rgba(34, 197, 94, 0.25);
}

.caseStudyCompareTitle {
  font-size: 15px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
}
.caseStudyCompareCol.legacy .caseStudyCompareTitle {
  color: #dc2626;
}
.caseStudyCompareCol.clinical .caseStudyCompareTitle {
  color: #16a34a;
}

.caseStudyCompareList {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 9px;
  font-size: 13px;
  line-height: 1.5;
}
.caseStudyCompareCol.legacy .caseStudyCompareList li {
  color: #991b1b;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.caseStudyCompareCol.clinical .caseStudyCompareList li {
  color: #166534;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.caseStudyPrinciplesGrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin: 18px 0 26px;
}
@media (max-width: 640px) {
  .caseStudyPrinciplesGrid {
    grid-template-columns: 1fr;
  }
}

.caseStudyPrincipleCard {
  background: #fafafa;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 16px;
  padding: 16px 18px;
}
.caseStudyPrincipleCard h4 {
  font-size: 14px;
  font-weight: 700;
  color: #18181b;
  margin: 0 0 5px;
  display: flex;
  align-items: center;
  gap: 7px;
}
.caseStudyPrincipleCard p {
  font-size: 13px;
  line-height: 1.5;
  color: #52525b;
  margin: 0;
}

.caseStudyQuoteBox {
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-left: 4px solid #0284c7;
  border-radius: 0 18px 18px 0;
  padding: 18px 22px;
  margin: 22px 0 26px;
}
.caseStudyQuoteText {
  font-size: 14.5px;
  font-style: italic;
  line-height: 1.6;
  color: #1e293b;
  margin: 0 0 8px;
}
.caseStudyQuoteAuthor {
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
  margin: 0;
}

.caseStudyPillRow {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 10px 0 18px;
}
.caseStudyPillItem {
  font-size: 12px;
  font-weight: 500;
  color: #475569;
  background: #f1f5f9;
  padding: 4px 11px;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.caseStudyOutcomeRow {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin: 18px 0 26px;
}
@media (max-width: 640px) {
  .caseStudyOutcomeRow {
    grid-template-columns: repeat(2, 1fr);
  }
}
.caseStudyOutcomeCard {
  background: #f8fafc;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 16px;
  padding: 16px 14px;
  text-align: center;
}
.caseStudyOutcomeVal {
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #0284c7;
  margin-bottom: 4px;
}
.caseStudyOutcomeLabel {
  font-size: 11.5px;
  font-weight: 500;
  color: #64748b;
  line-height: 1.35;
}