:root{--bg-dark:#4f0d0d;--bg-soft:#f3f5f8;--cream:#fefcef;--blush:#ffbec6;--brand-red:#8f1919;--text-dark:#191919;--line-soft:rgba(245,245,245,0.4);--container:min(1280px,calc(100% - 64px))}@font-face{font-family:Reddit Sans;src:local("Reddit Sans"),local("RedditSans");font-style:normal;font-weight:400 700;font-display:swap}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-manrope),sans-serif;color:var(--text-dark);overflow-x:hidden;background:#fff}html.is-page-loading,html.is-page-loading body{overflow:hidden}body>:not(.page-load-overlay){transition:opacity .22s ease,visibility 0s linear .22s}body.app-loading>:not(.page-load-overlay){pointer-events:none}.page-load-overlay{position:fixed;inset:0;z-index:160;display:grid;place-items:center;background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:1;visibility:visible;pointer-events:auto;transition:opacity .26s ease,visibility 0s linear .26s}.page-load-overlay.is-ready{opacity:0;visibility:hidden;pointer-events:none}.page-load-shell{display:grid;justify-items:center;grid-gap:12px;gap:12px;width:min(240px,calc(100vw - 48px))}.page-load-copy{margin:0;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(79,13,13,.62)}.page-load-meter{position:relative;width:100%;height:3px;overflow:hidden;border-radius:999px;background:rgba(143,25,25,.08)}.page-load-meter span{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(143,25,25,.18),rgba(213,51,96,.9),rgba(255,190,198,.3));animation:page-loader-scan 1.05s ease-in-out infinite}.skip-link{position:absolute;left:12px;top:-48px;z-index:200;padding:8px 12px;border-radius:10px;background:#111;color:#fff;text-decoration:none;font-size:14px;line-height:1}.skip-link:focus-visible{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.svg-object,img{display:block;width:100%;height:100%;object-fit:cover}.svg-object{pointer-events:none}.svg-object.is-interactive{pointer-events:auto}.lazy-svg,.lazy-svg-skeleton{display:block;width:100%;height:100%}.lazy-svg-skeleton{background:linear-gradient(120deg,rgba(255,255,255,.08),rgba(255,255,255,.18),rgba(255,255,255,.08));background-size:200% 100%;animation:lazy-skeleton 1.1s ease-in-out infinite}@keyframes lazy-skeleton{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes page-loader-scan{0%{transform:translateX(-112%)}to{transform:translateX(240%)}}a{color:inherit}[role=button]:focus-visible,[role=tab]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(3,128,255,.85);outline-offset:2px}main:focus{outline:none}.page{min-height:100vh}.payoo-theme{--case-toc-accent:#0380ff;--case-toc-bg:transparent;--case-toc-border:transparent}.merca-theme{--case-toc-accent:#1585ff;--case-toc-bg:transparent;--case-toc-border:transparent}.bj-theme,.kfc-theme{--case-toc-accent:#bd3426;--case-toc-bg:transparent;--case-toc-border:transparent}.bj-page section[id],.kfc-page section[id],.merca-page section[id],.payoo-page section[id]{scroll-margin-top:110px}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:14px 24px;width:100%;padding:22px 5.56vw;border-bottom:1px solid transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;transition:background-color .26s ease,border-color .26s ease,box-shadow .26s ease,-webkit-backdrop-filter .26s ease;transition:background-color .26s ease,border-color .26s ease,backdrop-filter .26s ease,box-shadow .26s ease;transition:background-color .26s ease,border-color .26s ease,backdrop-filter .26s ease,box-shadow .26s ease,-webkit-backdrop-filter .26s ease}.site-header.is-home-hero{position:absolute;left:0;right:0}.site-header.is-home-sticky{position:fixed;left:0;right:0;opacity:0;transform:translateY(-14px);pointer-events:none;visibility:hidden;transition:opacity .22s ease,transform .28s cubic-bezier(.16,1,.3,1),background-color .26s ease,border-color .26s ease,box-shadow .26s ease,visibility 0s linear .28s,-webkit-backdrop-filter .26s ease;transition:opacity .22s ease,transform .28s cubic-bezier(.16,1,.3,1),background-color .26s ease,border-color .26s ease,backdrop-filter .26s ease,box-shadow .26s ease,visibility 0s linear .28s;transition:opacity .22s ease,transform .28s cubic-bezier(.16,1,.3,1),background-color .26s ease,border-color .26s ease,backdrop-filter .26s ease,box-shadow .26s ease,visibility 0s linear .28s,-webkit-backdrop-filter .26s ease}.site-header.is-home-sticky.is-visible{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible;transition:opacity .22s ease,transform .28s cubic-bezier(.16,1,.3,1),background-color .26s ease,border-color .26s ease,box-shadow .26s ease,visibility 0s linear 0s,-webkit-backdrop-filter .26s ease;transition:opacity .22s ease,transform .28s cubic-bezier(.16,1,.3,1),background-color .26s ease,border-color .26s ease,backdrop-filter .26s ease,box-shadow .26s ease,visibility 0s linear 0s;transition:opacity .22s ease,transform .28s cubic-bezier(.16,1,.3,1),background-color .26s ease,border-color .26s ease,backdrop-filter .26s ease,box-shadow .26s ease,visibility 0s linear 0s,-webkit-backdrop-filter .26s ease}.site-header.is-dark{background:transparent;border-bottom-color:transparent}.site-header.is-light{background:rgba(255,255,255,.96);border-bottom-color:rgba(232,232,232,.98);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 10px 26px rgba(18,18,18,.04)}.brand{display:inline-flex;align-items:center;flex:0 0 auto;font-family:var(--font-ojuju),serif;font-size:1.5rem;line-height:1.3;text-transform:lowercase;color:#e22d2d;text-decoration:none}.brand img{width:clamp(56px,5.2vw,82px);height:auto}.main-nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-left:auto;gap:48px;min-width:0;font-size:.95rem}.site-header.is-dark .main-nav a{color:#f1dfdf}.site-header.is-dark .main-nav a,.site-header.is-light .main-nav a{text-decoration:none;letter-spacing:.02em;transition:color .22s ease}.site-header.is-light .main-nav a{color:#747473}.resume-btn{padding:8px 20px;border-radius:999px;border:1px solid var(--blush);background:#ffffff;color:#d78590!important}.site-footer{border-top:1px solid #e4e4e4;background:#ffffff;padding:clamp(56px,6vw,80px) 5.56vw 32px}.footer-content{max-width:1280px;margin:0 auto;display:grid;justify-items:center;grid-gap:42px;gap:42px}.footer-content h2{margin:0;font-size:clamp(42px,7.2vw,100px);line-height:1.05;text-align:center;letter-spacing:-.03em}.email-pill{text-decoration:none;background:transparent;color:#d53360;border:1px solid #fb537a;border-radius:999px;padding:8px 24px;font-size:clamp(16px,1.4vw,20px);font-weight:600}.footer-bottom{max-width:1280px;margin:80px auto 0;display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:16px}.footer-bottom p{margin:0}.footer-links{display:flex;align-items:center;gap:34px}.footer-links a{text-decoration:none;color:#000}.case-next-section{width:100%;padding:clamp(26px,4vw,52px) 5.56vw;background:#f5f6f8;border-top:1px solid #eceef2}.case-next-link{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,32%);grid-gap:clamp(20px,3vw,40px);gap:clamp(20px,3vw,40px);align-items:center;color:inherit;text-decoration:none}.case-next-copy h2{margin:10px 0 0;font-size:clamp(32px,4vw,58px);line-height:1.02;letter-spacing:-.02em}.case-next-kicker{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:#6a717b}.case-next-subtitle{margin:14px 0 0;color:#585d66;font-size:clamp(15px,1.2vw,20px);line-height:1.45}.case-next-thumb{overflow:hidden;border-radius:18px;border:1px solid #e3e6eb;background:#e9edf2;aspect-ratio:4/3}.case-next-thumb-media{width:100%;height:100%;object-fit:cover;transition:transform .42s cubic-bezier(.16,1,.3,1)}.case-next-link:hover .case-next-thumb-media{transform:scale(1.03)}.back-to-top-btn{position:fixed;right:clamp(14px,2.4vw,30px);bottom:clamp(14px,2.4vw,28px);z-index:70;width:44px;height:44px;border-radius:999px;border:1px solid rgba(0,0,0,.18);background:rgba(255,255,255,.82);color:#222;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;cursor:pointer;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .22s ease,transform .22s ease,box-shadow .22s ease}.back-to-top-btn.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top-btn:hover{box-shadow:0 10px 24px rgba(0,0,0,.18);transform:translateY(-1px)}.case-toc{position:fixed;top:96px;right:clamp(12px,2vw,28px);z-index:48;width:min(196px,calc(100vw - 24px));padding:0;display:none;opacity:0;transform:translateY(10px);pointer-events:none;visibility:hidden;transition:opacity .24s ease,transform .32s cubic-bezier(.16,1,.3,1),visibility 0s linear .32s}.case-toc.is-visible{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible;transition:opacity .24s ease,transform .32s cubic-bezier(.16,1,.3,1),visibility 0s linear 0s}.case-toc-kicker{margin:0 0 10px;padding:0;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(0,0,0,.56)}.case-toc-nav{display:grid;grid-gap:4px;gap:4px}.case-toc-link{display:grid;grid-template-columns:2px 1fr;align-items:center;grid-gap:9px;gap:9px;min-height:28px;padding:2px 0;color:rgba(0,0,0,.56);text-decoration:none;transition:color .16s ease}.case-toc-link-rail{width:2px;height:100%;min-height:16px;border-radius:999px;background:rgba(0,0,0,.09);transition:background-color .16s ease,transform .16s ease,opacity .16s ease;opacity:.65}.case-toc-link-label{font-size:12.5px;line-height:1.2;letter-spacing:.01em}.case-toc-link:hover{color:rgba(0,0,0,.68)}.case-toc-link.is-active{color:rgba(0,0,0,.78);font-weight:600}.case-toc-link.is-active .case-toc-link-rail{background:var(--case-toc-accent,#111);opacity:1;transform:scaleY(1.1)}.enter-up{opacity:0;transform:translateY(20px);animation:enter-up .6s cubic-bezier(.25,.46,.45,.94) forwards}.enter-fade{opacity:0;animation:enter-fade .6s cubic-bezier(.25,.46,.45,.94) forwards}.enter-d0{animation-delay:0s}.enter-d1{animation-delay:.1s}.enter-d2{animation-delay:.2s}.enter-d3{animation-delay:.3s}.js-reveal .reveal-up{opacity:0;transform:translateY(22px)}.js-reveal .reveal-up.is-revealed{animation:reveal-up .62s ease forwards}.js-reveal .reveal-up :is(.payoo-frame,.merca-frame,.bj-frame,.merca-showcase-media,.bj-showcase-media,.payoo-heroimage,.project-card-media){opacity:.001;transform:translateY(26px) scale(.985);filter:saturate(.92);will-change:opacity,transform,filter}.js-reveal .reveal-up.is-revealed :is(.payoo-frame,.merca-frame,.bj-frame,.merca-showcase-media,.bj-showcase-media,.payoo-heroimage,.project-card-media){animation:reveal-media-in .76s cubic-bezier(.16,1,.3,1) 90ms forwards}.reveal-scale{opacity:0;transform:scale(.96);animation:reveal-scale .68s ease .1s forwards}.mask-reveal{display:block;overflow:hidden}.mask-reveal-content{display:block;transform:translate3d(0,100%,0);transition:transform .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--mask-delay,0s)}.mask-reveal:not(.revealed) .mask-reveal-content{will-change:transform}.mask-reveal.revealed .mask-reveal-content{transform:translateZ(0)}.footer-headline-line{display:block}.delay-1{animation-delay:.14s}.delay-2{animation-delay:.22s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.38s}@keyframes reveal-up{to{opacity:1;transform:translateY(0)}}@keyframes reveal-media-in{to{opacity:1;transform:translateY(0) scale(1);filter:saturate(1)}}@keyframes enter-up{to{opacity:1;transform:translateY(0)}}@keyframes enter-fade{to{opacity:1}}@keyframes reveal-scale{to{opacity:1;transform:scale(1)}}@media (max-width:1050px){:root{--container:min(1280px,calc(100% - 40px))}.site-header{padding:18px 20px}.main-nav{gap:14px 22px;font-size:.84rem}.footer-bottom{margin-top:52px;flex-direction:column;text-align:center}.case-next-link{grid-template-columns:1fr}.case-next-thumb{max-width:560px}.case-toc{display:none!important}}@media (min-width:1600px){.case-toc{display:block}}@media (max-width:700px){.site-header{flex-wrap:wrap;justify-content:center;padding:14px 16px;gap:10px 16px}.site-header.is-home-sticky{transform:translateY(-10px)}.brand{font-size:1.2rem}.brand,.main-nav{width:100%;justify-content:center}.main-nav{gap:8px 14px;margin-left:0}.main-nav a{font-size:.76rem;letter-spacing:.06em}.resume-btn{padding:6px 12px}}@media (max-width:420px){.site-header{padding-left:12px;padding-right:12px;gap:8px 12px}.brand img{width:62px}.main-nav{gap:6px 10px}.main-nav a{font-size:.7rem;letter-spacing:.04em}}@media (forced-colors:active){.skip-link{background:CanvasText;color:Canvas;border:1px solid CanvasText}.site-header.is-dark,.site-header.is-light{background:Canvas;border-bottom-color:GrayText;-webkit-backdrop-filter:none;backdrop-filter:none}.brand,.case-next-link,.case-toc-link,.footer-links a,.main-nav a{color:LinkText}.back-to-top-btn,.email-pill,.hero-cta{background:ButtonFace;color:ButtonText;border:1px solid ButtonText}.bj-frame,.case-next-thumb,.merca-frame,.payoo-frame{border-color:GrayText;background:Canvas}.case-toc-link-rail{background:GrayText;opacity:1}.case-toc-link.is-active{color:Highlight}.case-toc-link.is-active .case-toc-link-rail{background:Highlight}[role=button]:focus-visible,[role=tab]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:Highlight}}@media (prefers-reduced-motion:reduce){.page-load-meter span{animation:none}.enter-fade,.enter-up,.js-reveal .reveal-up,.js-reveal .reveal-up :is(.payoo-frame,.merca-frame,.bj-frame,.merca-showcase-media,.bj-showcase-media,.payoo-heroimage,.project-card-media),.js-reveal .reveal-up.is-revealed,.js-reveal .reveal-up.is-revealed :is(.payoo-frame,.merca-frame,.bj-frame,.merca-showcase-media,.bj-showcase-media,.payoo-heroimage,.project-card-media),.mask-reveal-content,.reveal-scale,.reveal-up{animation:none;opacity:1;transform:none;filter:none;transition:none}.back-to-top-btn,.case-next-thumb-media,.case-toc,.case-toc-link,.case-toc-link-rail{transition:none}}