@font-face{font-family:Inter;src:url('/fonts/inter-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Readex;src:url('/fonts/readex-pro-medium.ttf') format('truetype');font-weight:500;font-display:swap}
:root{color-scheme:light;--case-bg:#fafafa;--case-fg:#262626;--case-muted:#737373;--case-blue:#019aff;--case-border:#e1e1e1;--card-size:384px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.case-site{margin:0;background:var(--case-bg);color:var(--case-fg);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.5}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--case-blue);outline-offset:5px}img,video{display:block;max-width:100%}[hidden]{display:none!important}article{overflow:clip;animation:case-in .3s ease}h1,h2,p{margin:0}h1,h2{font-family:Readex,Inter,sans-serif;font-weight:500}h2{font-size:48px;line-height:1.15;letter-spacing:-1.5px;margin-bottom:28px}p{color:var(--case-muted)}
.case-skip{position:fixed;z-index:1000;top:-100px;left:16px;background:#fff;color:#262626;padding:12px}.case-skip:focus{top:16px}
.case-home{position:absolute;top:34px;left:32px}.case-home img{width:138px;height:auto}.case-nav{position:fixed;z-index:50;left:50%;transform:translateX(-50%);top:24px;display:flex;gap:4px;align-items:center;border:1px solid var(--case-border);border-radius:999px;background:#fafafaee;backdrop-filter:blur(14px);padding:8px}.case-nav a{font-size:14px;line-height:20px;padding:8px 20px;border-radius:999px;color:var(--case-muted);font-weight:500;transition:color .2s,background .2s}.case-nav a:hover{color:var(--case-fg);background:#ededed}.case-nav a[aria-current]{background:#e7e7e7;color:var(--case-fg)}.case-contact{position:absolute;top:32px;right:32px;font-size:14px;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;background:#e9e9e9}.case-contact:hover{background:#dedede}.case-direction{position:fixed;z-index:40;top:50%;transform:translateY(-50%);width:56px;height:56px;border:1px solid var(--case-border);border-radius:50%;background:#fafafae8;backdrop-filter:blur(8px);display:grid;place-items:center;color:var(--case-muted);transition:color .3s,scale .3s}.case-direction:hover{scale:1.08;color:var(--case-fg)}.case-direction--prev{left:32px}.case-direction--next{right:32px}
.case-hero{padding-top:144px;text-align:center}.case-hero__intro{padding:0 24px}.case-hero h1{font-size:80px;line-height:1.1;letter-spacing:-3.2px;margin-bottom:16px}.case-hero__intro>p{font-size:20px;line-height:28px;max-width:620px;margin:auto}.case-copy{max-width:960px;padding:72px 32px;margin:auto;text-align:center}.case-copy p{font-size:22px;line-height:1.65;color:#626262}.case-copy [data-word-reveal] span{transition:opacity .1s}.case-situation{max-width:900px;padding:32px 32px 28px}.case-situation h2{font-family:Inter,sans-serif;font-size:18px;line-height:1.5;letter-spacing:0;font-weight:600;margin-bottom:12px}.case-situation p{font-size:18px;line-height:1.65}.case-platform{display:inline-flex;align-items:center;gap:8px;background:#ededed;padding:9px 18px;border-radius:999px;font-size:14px}.case-platform img{object-fit:contain}
.case-carousel{position:relative;padding:48px 0 32px;touch-action:pan-y}.case-carousel-stage{height:var(--card-size);position:relative}.case-slide{position:absolute;left:50%;top:0;width:var(--card-size);height:var(--card-size);padding:0;margin-left:calc(var(--card-size)/-2);border-radius:16px;overflow:hidden;background:#fff;transform:translateX(var(--x,0px)) scale(var(--scale,1));opacity:var(--opacity,0);transition:transform .5s ease-out,opacity .5s ease-out;will-change:transform}.case-slide:first-child{--opacity:1}.case-slide img{width:100%;height:100%;object-fit:contain}.case-carousel-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:28px;color:var(--case-muted);font-size:12px}.case-carousel-controls button{display:grid;place-items:center;background:transparent;color:inherit;min-width:36px;min-height:36px;border-radius:50%}.case-carousel-controls button:hover{color:var(--case-fg);background:#ededed}.case-carousel-controls [data-carousel-status]{min-width:40px}
.case-ribbons{padding:100px 0;position:relative;transform:rotate(-3deg);display:flex;flex-direction:column;gap:8px;user-select:none}.case-ribbon{display:flex;width:max-content;white-space:nowrap;font-size:72px;font-weight:600;letter-spacing:-2px;line-height:1.1;animation:case-ribbon 30s linear infinite}.case-ribbon b{color:var(--case-blue);font-weight:600}.case-ribbon--reverse{animation-direction:reverse}.case-ribbon--outline{position:absolute;top:14px;left:-80px;color:transparent;-webkit-text-stroke:1px #e8e8e8;font-size:108px;z-index:-1;letter-spacing:0}.case-numbers{max-width:1100px;margin:auto;padding:48px 32px 64px;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;text-align:center}.case-numbers>div{display:flex;flex-direction:column;align-items:center}.case-numbers strong{font-family:Readex,Inter,sans-serif;font-size:80px;line-height:1;letter-spacing:-3px;font-weight:500;margin-bottom:16px}.case-numbers span{font-size:16px;color:var(--case-muted)}
.case-creatives{max-width:1280px;margin:auto;padding:72px 32px;text-align:center}.case-creatives h2{margin-bottom:48px}.case-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;max-width:95%;margin:auto}.case-video-card{position:relative;min-width:0}.case-video-frame{position:relative;display:block;width:100%;aspect-ratio:9/16;border-radius:16px;overflow:hidden;border:1px solid var(--case-border);background:#fff}.case-video-frame video{height:100%;width:100%;object-fit:cover}.case-video-toggle{position:absolute;inset:0;width:100%;background:transparent;padding:0;color:#262626}.case-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:56px;height:56px;border:1px solid #ffffff80;border-radius:50%;background:#ffffffe6;backdrop-filter:blur(6px);transition:opacity .2s}.case-video-card.is-playing .case-play{opacity:0}.case-video-card.is-playing:hover .case-play,.case-video-toggle:focus-visible .case-play{opacity:1}.case-play-text,.case-sound{position:absolute;bottom:16px;display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;font-size:12px;white-space:nowrap;padding:8px 12px;background:#fffffff2;color:#262626;border:1px solid #ffffff66;border-radius:999px;backdrop-filter:blur(8px)}.case-play-text{left:14px}.case-sound{right:14px;z-index:2}.case-sound:hover{background:#fff}.case-video-caption{text-align:left;font-size:12px;margin-top:18px}
.case-footer{border-top:1px solid var(--case-border);text-align:center;max-width:1200px;margin:24px auto 0;padding:48px 32px 28px}.case-footer>p{font-size:14px;margin-bottom:24px}.case-footer-switch{display:flex;justify-content:center;gap:24px;margin-bottom:48px}.case-footer-switch a{padding:12px 28px;border:1px solid var(--case-border);border-radius:999px;font-size:18px;transition:background .2s}.case-footer-switch a[aria-current]{background:#e9e9e9;color:#262626}.case-footer-switch a:hover{background:#ededed}.case-footer-bottom{display:flex;gap:24px;align-items:center;justify-content:center;color:var(--case-muted);font-size:12px}.case-footer-bottom a:hover{color:var(--case-fg)}
#case-media-dialog{color:#262626;background:transparent;border:0;padding:52px 16px 16px;max-width:min(96vw,1100px);max-height:96dvh;overflow:visible}#case-media-dialog::backdrop{background:#fafafaf5;backdrop-filter:blur(12px)}.case-modal-content img{max-width:90vw;max-height:calc(94dvh - 116px);object-fit:contain;margin:auto;border-radius:8px}.case-modal-close{position:absolute;right:12px;top:0;width:40px;height:40px;border-radius:50%;border:1px solid var(--case-border);background:#fff;font-size:28px;line-height:1;color:#262626}#case-media-caption{text-align:center;font-size:13px;line-height:20px;margin-top:16px;color:#626262}
@keyframes case-in{from{opacity:0}to{opacity:1}}@keyframes case-ribbon{to{transform:translateX(-50%)}}
@media(max-width:1023px){:root{--card-size:320px}.case-home{left:24px}.case-contact{right:16px}.case-video-grid{gap:24px}.case-copy p{font-size:20px}.case-situation p{font-size:18px}.case-play-text,.case-sound{font-size:11px;padding:7px 9px}.case-play-text{left:10px}.case-sound{right:10px}}
@media(max-width:767px){:root{--card-size:256px}.case-nav{top:16px;padding:6px}.case-home{top:25px;left:16px}.case-home img{width:68px}.case-contact{top:24px;right:12px;font-size:0;padding:6px;background:transparent}.case-contact svg{width:22px}.case-direction{width:44px;height:44px}.case-direction--prev{left:10px}.case-direction--next{right:10px}.case-hero{padding-top:112px}.case-hero h1{font-size:48px;line-height:1.1;letter-spacing:-1.8px}.case-hero__intro>p{font-size:17px;line-height:26px;max-width:320px}h2{font-size:34px;line-height:40px;letter-spacing:-.9px}.case-copy{padding:48px 24px}.case-copy p{font-size:18px;line-height:1.7}.case-situation{padding:28px 24px 24px}.case-situation p{font-size:16px;line-height:1.65}.case-ribbons{padding:64px 0}.case-ribbon{font-size:44px;letter-spacing:-1px}.case-ribbon--outline{font-size:76px}.case-numbers{padding:32px 20px;gap:12px}.case-numbers strong{font-size:52px;letter-spacing:-2px}.case-numbers span{font-size:12px;max-width:105px}.case-creatives{padding:48px 24px}.case-creatives h2{margin-bottom:32px}.case-video-grid{grid-template-columns:1fr;max-width:86%;gap:32px}.case-play-text,.case-sound{font-size:12px;padding:8px 12px}.case-play-text{left:14px}.case-sound{right:14px}.case-footer{padding-inline:20px}.case-footer-bottom{gap:16px;flex-wrap:wrap}.case-footer-switch{gap:16px}.case-footer-switch a{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.case-copy [data-word-reveal] span{opacity:1!important}}
.case-creatives{max-width:1120px}
.case-showcase{text-align:center}
.case-nav{max-width:calc(100vw - 400px);overflow-x:auto;scrollbar-width:thin}.case-nav a{flex-shrink:0;white-space:nowrap;padding-inline:16px}.case-footer-switch{flex-wrap:wrap;gap:12px}
[data-case-panel="magoosh"] .case-video-frame video{object-fit:contain}
@media(max-width:1100px){.case-nav{top:82px;max-width:calc(100vw - 32px);width:max-content}.case-hero{padding-top:174px}}
@media(max-width:767px){.case-nav{top:66px;max-width:calc(100vw - 24px);padding:5px}.case-nav a{font-size:13px;padding:7px 12px}.case-hero{padding-top:154px}.case-footer-switch a{padding:10px 20px}}
@media(min-width:768px) and (max-width:1023px){.case-direction{width:44px;height:44px}.case-direction--prev{left:12px}.case-direction--next{right:12px}.case-sound span{display:none}}
@media(max-width:767px){.case-direction{display:none}}