:root{--font: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--font-serif: "Bricolage Grotesque", Georgia, serif;--fs-h1: 56px;--fs-h2: 48px;--fs-h3: 32px;--fs-body: 20px;--fs-small: 14px;--fs-btn: 16px;--fw-heading: 500;--fw-body: 400;--fw-label: 500;--fw-btn: 600;--lh-h1: 61px;--lh-h2: 1.2;--lh-h3: 1.3;--lh-body: 28px;--color-bg: #ffffff;--color-bg-card: #f0f0fc;--color-bg-tools: #f0f0fc;--color-text: #3c3c3c;--color-text-muted: #888888;--color-accent: #231932;--color-badge-bg: #e3e3f9;--color-badge-text: #231932;--color-badge-card-bg: rgba(255, 255, 255, .51);--color-badge-card-border: rgba(60, 60, 60, .09);--color-placeholder: #d9d9d9;--color-quote-mark: #f0f0fc;--gradient-primary: linear-gradient(to right, #231932 0%, #359eec 100%);--max-width: 1000px;--header-height: 64px;--section-py: 80px;--section-px: 24px;--card-padding: 32px;--gap-cards: 32px;--gap-badges: 8px;--radius-card: 16px;--radius-btn: 8px;--radius-badge: 16px;--shadow-card: 0 2px 16px rgba(35, 25, 50, .08);--shadow-card-hover: 0 8px 32px rgba(35, 25, 50, .16);--shadow-header: 0 1px 0 rgba(0, 0, 0, .08);--transition-base: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);font-size:var(--fs-body);font-weight:var(--fw-body);line-height:var(--lh-body);color:var(--color-text);background:var(--color-bg)}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}ul{list-style:none}mark{background:#f1f58f;color:inherit;padding:0 2px}h1{font-size:var(--fs-h1);font-weight:var(--fw-heading);line-height:var(--lh-h1);color:var(--color-text)}h2{font-size:var(--fs-h2);font-weight:var(--fw-heading);line-height:var(--lh-h2);color:var(--color-text)}h3{font-size:var(--fs-h3);font-weight:var(--fw-heading);line-height:var(--lh-h3);color:var(--color-text)}.title-accent{color:var(--color-accent)}.container{max-width:var(--max-width);margin:0 auto;padding:0}section{padding:var(--section-py) 0}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--color-bg);box-shadow:var(--shadow-header);height:var(--header-height);overflow:visible;font-family:var(--font);font-size:20px;font-weight:400;line-height:normal;color:var(--color-text)}.header-inner{max-width:var(--max-width);margin:0 auto;padding:0 0 16px;height:100%;display:flex;align-items:flex-end;justify-content:space-between}.header-left,.nav-left{display:flex;align-items:flex-end;gap:32px}.logo{display:inline-flex;align-items:center}.logo img{height:32px;width:auto;display:block;transition:opacity var(--transition-base)}.logo:hover img{opacity:.6}.nav-link{font-family:var(--font);font-size:20px;font-weight:400;line-height:normal;height:24px;display:inline-flex;align-items:flex-end;margin-top:5px;margin-bottom:-2px;color:var(--color-text);transition:color .2s}.nav-link:hover{color:var(--color-accent)}.dropdown{position:relative}.dropdown-toggle{background:none;border:none;cursor:pointer;font-family:var(--font);font-size:20px;font-weight:400;color:var(--color-text);display:flex;align-items:center;gap:6px;padding:0;transition:color .2s}.dropdown-toggle:hover{color:var(--color-accent)}.dropdown-arrow{display:inline-block;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s;flex-shrink:0;margin-top:-3px}.dropdown.open .dropdown-arrow{transform:rotate(225deg)}.dropdown-menu{display:none;position:absolute;top:100%;left:0;margin-left:2px;background:var(--color-bg);border:1px solid #e0e0e0;border-radius:0 0 8px 8px;width:max-content;padding:4px 0}.dropdown.open .dropdown-menu{display:block;margin-top:16px;margin-left:-16px}.dropdown-menu li a{display:block;padding:10px 20px;font-family:var(--font);font-size:18px;font-weight:400;color:var(--color-text);white-space:nowrap;transition:background .15s,color .15s}.dropdown-menu li a:hover{background:var(--color-bg-card);color:var(--color-accent)}.dropdown-menu li a.nav-disabled,.mobile-nav-link.nav-disabled{opacity:.4;cursor:default;pointer-events:none}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:4px;flex-shrink:0}.hamburger span{display:block;width:22px;height:2px;background:var(--color-text);border-radius:2px;transition:transform var(--transition-base),opacity var(--transition-base)}.hamburger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.is-open span:nth-child(2){opacity:0}.hamburger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav{display:none;position:absolute;top:var(--header-height);left:0;right:0;background:var(--color-bg);border-top:1px solid rgba(0,0,0,.06);box-shadow:0 8px 24px #00000014;flex-direction:column;z-index:99}.mobile-nav.is-open{display:flex}.mobile-nav-sublabel{padding:16px var(--section-px) 6px;font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.mobile-nav-link{display:block;padding:14px var(--section-px);font-family:var(--font);font-size:18px;font-weight:400;color:var(--color-text);transition:color var(--transition-base),background var(--transition-base)}.mobile-nav-link:hover{color:var(--color-accent);background:var(--color-bg-card)}.mobile-nav-link--indent{padding-left:calc(var(--section-px) + 16px);font-size:16px}.mobile-nav-sep{height:1px;background:#0000000f;margin:4px 0}.mobile-nav-resume{font-weight:600;color:var(--color-accent)}@media (max-width: 640px){.hamburger{display:flex}.nav-left,.nav-resume{display:none}}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font);font-size:20px;font-weight:400;border-radius:var(--radius-btn);padding:8px 20px;cursor:pointer;border:none;box-shadow:none}.btn-primary{background:#231932;color:#fff;transition:background .25s ease}.btn-primary:hover{background:#35264c}.btn-secondary{background:#fff;color:var(--color-accent);border:1.5px solid var(--color-accent);transition:background .25s ease}.btn-secondary:hover{background:var(--color-bg-card)}.badge{display:inline-block;background:var(--color-badge-bg);color:#3c3c3c;font-size:14px;font-weight:400;letter-spacing:0;line-height:1;border-radius:var(--radius-badge);padding:4px 8px;white-space:nowrap}.badge-row{display:flex;flex-wrap:wrap;gap:var(--gap-badges)}.project-card .badge-row{justify-content:flex-start;flex-wrap:nowrap;overflow:hidden}.project-card .badge{background:var(--color-badge-card-bg);border:.5px solid var(--color-badge-card-border)}.project-card{position:relative;background:var(--color-bg-card);border-radius:var(--radius-card);padding:var(--card-padding);display:flex;flex-direction:column;gap:20px;box-shadow:none;transition:transform var(--transition-base);cursor:pointer}.project-card:first-child{background:url(/Images/hero-bg-gradient.png) center center / cover no-repeat}.project-card:hover{transform:translateY(-4px)}.project-card-body{display:grid;grid-template-columns:46% 1fr;gap:52px;align-items:center;min-height:220px}.project-card-image{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:7 / 4}.project-card-image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;display:block;transition:transform .5s ease}.project-card-image:hover img{transform:rotate(-1.5deg) scale(1.03)}.project-card-text{display:flex;flex-direction:column;gap:0}.project-card .project-meta{display:flex;align-items:center;gap:0;font-size:12px;font-weight:400;color:var(--color-text-muted);margin:0 0 8px;padding:0;border:none}.project-card .meta-logo{height:16px;width:auto;max-width:80px;object-fit:contain;filter:brightness(0)}.project-card .meta-sep{margin:0 6px;opacity:.35}.project-card h3{font-family:var(--font-serif);font-size:32px;line-height:1.25;font-weight:700;color:var(--color-text);margin:0 0 4px}.project-tagline{font-size:20px;line-height:1.5;color:#5c5c54;margin:0}.project-card-text .btn{align-self:flex-start;margin-top:28px;position:relative;z-index:1}.project-card.coming-soon{opacity:.75;cursor:default;pointer-events:none}.project-card.coming-soon:hover{transform:none}.coming-soon-label{align-self:flex-start;margin-top:28px;font-family:var(--font-serif);font-size:22px;font-weight:700;color:var(--color-text-muted);letter-spacing:.04em}.project-cards-list{display:flex;flex-direction:column;gap:var(--gap-cards)}.hero{max-width:1000px;padding:112px 0 0;margin:0 auto;text-align:left}.hero+#projects{padding-top:48px}.kicker{font-family:Lato,sans-serif;font-weight:400;font-size:20px;color:#7b7882;margin-bottom:12px}.lead-in{font-family:Lato,sans-serif;font-weight:700;font-size:28px;color:#4b4b44;line-height:1;margin-bottom:4px}.hero-line{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:68px;color:#231932;line-height:.95;letter-spacing:-.015em}.rule{width:84px;height:6px;background:#231932;margin:16px 0}.body-copy{font-family:Lato,sans-serif;font-weight:700;font-size:22px;color:#2e2e28;line-height:1.5;max-width:720px}.kicker--closing{margin-top:12px;margin-bottom:0}@media (max-width: 640px){.hero-line{font-size:42px}.lead-in{font-size:22px}.body-copy{font-size:18px}.kicker{font-size:16px}}#projects{background:var(--color-bg);padding-bottom:0}#projects .section-inner{max-width:var(--max-width);margin:0 auto}#about{background:var(--color-bg);padding:64px 0 0;scroll-margin-top:64px}.about-inner{max-width:var(--max-width);margin:0 auto;padding:0;display:grid;grid-template-columns:1fr 320px;gap:56px;align-items:stretch}.about-photo{order:2;min-width:0;border-radius:var(--radius-card) var(--radius-card) 0 0;overflow:hidden}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.about-content{order:1;min-width:0;display:flex;flex-direction:column;gap:16px;padding:0 0 40px}.about-quote{position:relative;padding-bottom:4px;margin-bottom:4px}.about-quote:before{content:"“";font-family:var(--font-serif);font-size:140px;line-height:.8;color:var(--color-quote-mark);position:absolute;top:-16px;left:-18px;pointer-events:none;z-index:0}.about-quote:after{content:"”";font-family:var(--font-serif);font-size:140px;line-height:.8;color:var(--color-quote-mark);position:absolute;bottom:-64px;right:-24px;pointer-events:none;z-index:0}.about-quote p{font-family:var(--font-serif);font-style:italic;font-size:32px;font-weight:800;line-height:1.25;color:#231932;position:relative;z-index:1;margin:0;white-space:nowrap}.about-quote-attr{font-family:var(--font-serif)!important;font-size:17px!important;font-weight:500;font-style:normal!important;color:#1a1a16!important;opacity:1;margin-top:8px!important}.about-content>p{font-size:20px;line-height:1.55;margin:0}.about-emphasis{font-style:normal;font-weight:600;color:var(--color-text)}.skills-row{display:flex;flex-wrap:wrap;gap:24px}.skill-item{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:var(--fs-small);font-weight:var(--fw-label);color:var(--color-text)}.skill-icon{width:48px;height:48px;background:var(--color-placeholder);border-radius:10px}.about-actions{display:flex;gap:16px;flex-wrap:wrap}#tools{background:var(--color-bg-tools);text-align:center;padding:40px 0}#tools h2{margin-bottom:20px;font-size:32px;font-family:var(--font-serif)}.tools-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;max-width:var(--max-width);margin:0 auto}.tool-item{width:72px;height:72px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-base);cursor:pointer}.tool-item:hover{transform:translateY(-4px)}.tool-item img{width:40px;height:40px;object-fit:contain}.site-footer{padding:40px 0 0;background:var(--color-bg);border-top:1px solid rgba(0,0,0,.06);font-family:var(--font)}.footer-inner{width:fit-content;max-width:var(--max-width);margin:0 auto;text-align:left}.site-footer h2{font-family:Bricolage Grotesque,sans-serif;font-weight:800;color:#231932;letter-spacing:-.015em;margin-bottom:16px}.footer-tagline{font-size:var(--fs-body);color:var(--color-text);margin-bottom:24px}.footer-contact{display:flex;flex-direction:column;gap:10px;align-items:flex-start;margin-bottom:32px;font-size:var(--fs-body)}.footer-link{font-family:var(--font-serif);color:#2e2e28;font-weight:700;font-size:var(--fs-body);transition:color .2s}.footer-link:hover{color:#35264c}.social-row{display:flex;gap:20px;justify-content:flex-start}.social-icon{display:inline-flex;align-items:center;justify-content:center}.social-icon img{width:48px;height:48px;display:block}.social-icon:hover img{filter:brightness(1.52)}.footer-bar{margin-top:40px;width:100%;background:#2e2e28;color:#fff;font-size:14px;text-align:center;padding:8px 24px;line-height:1.6}.footer-bar p{margin:0}.project-page-hero{padding-top:120px;padding-bottom:300px;background:linear-gradient(141.09deg,#edf8fc 9.79%,#cdeaf7 50.28%,#9bd5ef 82.81%,#0696d7 126.38%);text-align:center;min-height:70vh;display:flex;flex-direction:column;overflow:visible;position:relative;z-index:1}.project-hero-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--section-px) 20px;display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;z-index:2}.project-hero-logos{display:flex;align-items:center;gap:10px}.project-hero-logos img{height:22px;width:auto;object-fit:contain}.project-hero-logo-sep{color:#00000040;font-size:20px;font-weight:300;line-height:1}.project-hero-logo-text{font-size:16px;font-weight:500;color:var(--color-text)}.project-page-hero h1{font-family:Bricolage Grotesque,sans-serif;font-size:48px;font-weight:800;line-height:1.15;letter-spacing:-.015em;max-width:820px;margin:0 auto}.project-page-hero .badge-row{justify-content:center}.project-page-hero .badge{background:#edf8fc}.project-hero-desc{font-family:Lato,sans-serif;font-size:20px;font-weight:700;line-height:1.5;color:#2e2e28;max-width:820px;margin:0}.project-cover{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);background:var(--color-placeholder);border-radius:var(--radius-card) var(--radius-card) 0 0;width:calc(100% - 48px);max-width:1000px;height:600px;overflow:hidden}.project-cover img{height:calc(100% - 80px);width:auto;display:block;margin:40px auto;cursor:zoom-in}.project-cover:has(img){background:transparent}.project-meta{display:flex;gap:40px;padding:40px 0;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08);flex-wrap:wrap}.meta-item{display:flex;flex-direction:column;gap:6px}.meta-label{font-size:var(--fs-small);font-weight:var(--fw-label);color:var(--color-accent);text-transform:uppercase;letter-spacing:.08em}.meta-value{font-size:var(--fs-body)}.project-section{padding:calc(var(--section-py) - 40px) 0}.project-page-hero+.project-section{padding-top:calc(300px + var(--section-py) - 40px)}.project-page-hero--compact{min-height:0}.project-page-hero--gradient-img{background:url(/Images/hero-bg-gradient.png) center center / cover no-repeat}.project-section .container{display:flex;flex-direction:column;gap:24px}.project-section--brief .container{gap:16px}.project-section--no-pad{padding-top:0;padding-bottom:0}.project-section--process-flow{margin:0}.project-section--flush-bottom{margin-bottom:0;padding:40px 0}.project-section--process-flow .container{gap:24px;padding-top:0;padding-bottom:0}.project-section h2{color:var(--color-accent);font-weight:700;font-size:40px}#section-outcome{margin-top:-24px}.project-section--ux-process h2{font-family:Bricolage Grotesque,sans-serif;font-size:48px;font-weight:800;line-height:1.15;letter-spacing:-.015em;text-align:center}.project-section--ux-process .ux-process-diagram-wrap{margin-top:16px}.text-accent{color:var(--color-accent)}.project-process-desc{max-width:760px}.ux-process-diagram{display:block;width:100%;height:auto;overflow:visible}.ux-stage{opacity:0;transform:translateY(14px) scale(.97);transform-origin:center;transform-box:fill-box;transition:opacity .7s ease,transform .7s ease;cursor:default;outline:none}.ux-process-diagram.in-view .ux-stage{opacity:1;transform:translateY(0) scale(1)}.ux-process-diagram.in-view .ux-stage-2{transition-delay:.12s}.ux-process-diagram.in-view .ux-stage-3{transition-delay:.24s}.ux-process-diagram.in-view .ux-stage-4{transition-delay:.36s}.ux-stage path{transition:stroke .25s ease,fill .25s ease}.ux-stage-text{transform-box:fill-box;transform-origin:center;transform:scale(1.2)}.ux-stage:hover,.ux-stage:focus-visible{outline:none;transform:scale(1.05);transition:transform .3s ease}.ux-stage:hover .ux-stage-icon,.ux-stage:focus-visible .ux-stage-icon{stroke:var(--color-accent)}.ux-stage:hover .ux-stage-dot,.ux-stage:focus-visible .ux-stage-dot,.ux-stage:hover .ux-stage-text,.ux-stage:focus-visible .ux-stage-text{fill:var(--color-accent)}@media (prefers-reduced-motion: reduce){.ux-stage{transition:none}.ux-stage:hover,.ux-stage:focus-visible{transform:none}}.project-two-col{display:grid;grid-template-columns:2fr 3fr;gap:40px}.project-two-col__item{display:flex;flex-direction:column;justify-content:space-between;gap:16px}.process-step-title{font-size:24px;font-weight:800;color:var(--color-text);padding-bottom:12px}.process-step-title+*{margin-top:-24px}.process-step-title--gap-top,.project-para--spaced,.project-section--process-flow h3.process-step-title{margin-top:16px}.project-list{list-style:none;display:flex;flex-direction:column;gap:12px;padding:0}.project-list li{padding-left:20px;position:relative}.project-list li:before{content:"";position:absolute;left:0;top:11px;width:8px;height:8px;border-radius:50%;background:var(--color-accent)}.project-numbered-list{display:flex;flex-direction:column;gap:12px;padding-left:22px}.project-quote{background:var(--color-bg-card);border-left:4px solid var(--color-accent);border-radius:0 var(--radius-card) var(--radius-card) 0;padding:24px 32px;display:flex;flex-direction:column;gap:8px}.project-quote p{font-size:22px;font-weight:500;font-style:italic;color:var(--color-text);line-height:1.5}.project-quote cite{font-size:15px;font-weight:500;color:var(--color-accent);font-style:normal}.project-image-block{background:#f8f8fe;border-radius:var(--radius-card);width:100%;height:360px;overflow:hidden}.project-image-block img{width:100%;height:100%;object-fit:cover}.project-image-block--full{height:auto;overflow:hidden;background:none;border-radius:16px;-webkit-clip-path:inset(0 round 16px);clip-path:inset(0 round 16px)}.project-image-block--full img{display:block;height:auto;object-fit:unset;border-radius:var(--radius-card);cursor:zoom-in}.project-video{width:100%;height:auto;display:block;border-radius:var(--radius-card)}.scroll-top-btn{position:fixed;bottom:32px;right:32px;width:48px;height:48px;border-radius:50%;background:#231932;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #23193259;opacity:0;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease,background .25s ease;pointer-events:none;z-index:999}.scroll-top-btn.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.scroll-top-btn:hover{background:#35264c;box-shadow:0 6px 24px #35264c80;transform:translateY(-2px)}.project-image-block--tight{margin-top:-12px}.project-image-block--clip img{clip-path:inset(0 round var(--radius-card))}.scroll-progress{position:fixed;top:var(--header-height);left:0;height:6px;width:0%;z-index:99;background:#953dc2;transition:width .08s linear;pointer-events:none}.page-workplan{font-family:var(--font);--fs-body: 18px;--lh-body: normal}.page-workplan .site-header,.page-workplan .nav-link,.page-workplan .dropdown-toggle{font-family:var(--font);font-size:20px}.page-workplan .dropdown-menu li a{font-family:var(--font);font-size:18px}.page-workplan h1,.page-workplan h2,.page-workplan h3,.page-workplan .process-step-title{font-family:var(--font-serif)}.page-workplan .container{max-width:720px}.page-workplan .badge{background:#fff;border:1px solid #DDB8F0}.page-workplan .project-section h2{color:#3c3c3c;font-size:32px}.page-workplan .project-section--ux-process h2{font-size:48px;text-align:center}.page-workplan .text-accent{color:#3c3c3c}.page-workplan .project-image-block{border-radius:0}.page-workplan .project-image-block--full{border-radius:0;clip-path:none;-webkit-clip-path:none}.page-workplan .project-image-block--full img{border-radius:0}.page-workplan .project-image-block--clip img{clip-path:none}.page-workplan .project-video{border-radius:0}.page-workplan img[src*=Laptop_mockup]{mix-blend-mode:multiply}.page-workplan .project-quote{background:#f5e8fc;border-left-color:#953dc2;position:relative;overflow:hidden}.page-workplan .project-quote:before{content:"“";font-family:var(--font-serif);font-size:100px;line-height:1;color:#953dc221;position:absolute;top:14px;left:20px;pointer-events:none;z-index:0}.page-workplan .project-quote p{font-family:var(--font-serif);font-style:italic;position:relative;z-index:1}.page-workplan .project-quote cite{color:#953dc2;position:relative;z-index:1}.page-workplan .ux-stage:hover .ux-stage-icon,.page-workplan .ux-stage:focus-visible .ux-stage-icon{stroke:#953dc2}.page-workplan .ux-stage:hover .ux-stage-dot,.page-workplan .ux-stage:focus-visible .ux-stage-dot,.page-workplan .ux-stage:hover .ux-stage-text,.page-workplan .ux-stage:focus-visible .ux-stage-text{fill:#953dc2}.page-workplan .scroll-top-btn{background:linear-gradient(135deg,#953dc2,#7b2fa0);box-shadow:0 4px 16px #953dc259}.page-workplan .scroll-top-btn:hover{box-shadow:0 6px 24px #953dc280}html{background:#fff}body{background:transparent;position:relative;overflow-x:hidden}.page-atmosphere{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;will-change:transform}.atm{position:absolute;border-radius:50%;filter:blur(90px);transform:translateZ(0)}.atm-0{width:620px;height:580px;top:19%;right:4%;background:#297e8f17}.atm-1{width:800px;height:600px;top:26%;left:12%;background:#0696d71c}.atm-2{width:700px;height:650px;top:28%;right:10%;background:#c2337b17}.atm-3{width:900px;height:700px;top:46%;left:8%;background:#297e8f1a}.atm-4{width:750px;height:800px;top:55%;right:6%;background:#7733bc14}.atm-5{width:850px;height:600px;top:70%;left:5%;background:#2a5bbc1a}.atm-6{width:700px;height:650px;top:76%;right:7%;background:#c22ba914}.img-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;align-items:center;justify-content:center}.img-modal.is-open{display:flex}.img-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf}.img-modal__content{position:relative;z-index:1;width:96vw;height:90vh;display:flex;align-items:center;justify-content:center}.img-modal__content img{display:block;width:100%;height:100%;object-fit:contain;border-radius:0}.img-modal__close{position:fixed;top:16px;right:16px;z-index:2001;width:36px;height:36px;border-radius:50%;border:none;background:#fff;color:var(--color-text);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026}@media (max-width: 959px){:root{--fs-h1: 40px;--fs-h2: 36px;--fs-h3: 26px;--fs-body: 18px;--section-py: 60px;--section-px: 20px}.about-inner{grid-template-columns:1fr}.about-photo{order:0;max-width:280px}.about-content{order:0}.about-quote p{font-size:24px;white-space:normal}.project-card-body{grid-template-columns:1fr}.project-card-image{aspect-ratio:16/9}.project-cover{height:440px}.project-page-hero+.project-section{padding-top:calc(220px + var(--section-py))}.project-two-col{grid-template-columns:1fr;gap:24px}.project-page-hero h1{font-size:36px}.project-section h2{font-size:32px}.project-hero-logos{flex-wrap:wrap;justify-content:center;gap:8px}.container,.header-inner,.hero,.about-inner,.footer-inner{padding-left:var(--section-px);padding-right:var(--section-px)}.project-section{padding-top:24px;padding-bottom:24px}.project-section--no-pad{padding:0}.project-section--flush-bottom{padding:32px 0}.project-section--process-flow{margin:24px 0}.project-section--process-flow .container{padding:32px var(--section-px)}}@media (max-width: 599px){:root{--fs-h1: 32px;--fs-h2: 28px;--fs-h3: 22px;--fs-body: 16px;--lh-body: 24px;--section-py: 48px;--section-px: 16px;--card-padding: 20px}.nav-left{gap:16px}.logo{font-size:16px}.about-quote p{font-size:20px;white-space:normal}.skills-row{gap:16px}.about-actions{flex-direction:column}.about-actions .btn{width:100%;justify-content:center}.project-meta{gap:24px}.project-cover{height:200px}.project-image-block{height:220px}.dropdown-menu{width:max-content}.project-two-col{grid-template-columns:1fr;gap:20px}.project-page-hero{padding-bottom:180px}.project-page-hero h1{font-size:28px}.project-page-hero--compact{padding-top:calc(var(--header-height) + 32px)}.project-page-hero+.project-section{padding-top:calc(160px + var(--section-py))}.project-hero-logos{flex-wrap:wrap;justify-content:center;gap:6px}.project-hero-logos img{height:20px}.badge-row{gap:6px}.project-hero-desc{font-size:15px}.project-section h2{font-size:26px}.process-step-title{font-size:18px}.ux-process-diagram-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.ux-process-diagram{min-width:640px}.process-sticky{position:relative;top:auto;box-shadow:none}.project-quote{padding:16px 20px}.project-quote p{font-size:17px}.scroll-progress{top:var(--header-height)}.scroll-top-btn{bottom:20px;right:20px;width:40px;height:40px}.container,.header-inner,.hero,.about-inner,.footer-inner{padding-left:var(--section-px);padding-right:var(--section-px)}.project-section{padding-top:20px;padding-bottom:20px}.project-section--no-pad{padding:0}.project-section--flush-bottom{padding:20px 0}.project-section--process-flow{margin:16px 0}.project-section--process-flow .container{padding:20px var(--section-px)}.project-cover img{height:calc(100% - 24px);margin:12px auto}.project-page-hero+.project-section{padding-top:calc(100px + var(--section-py))}.atm,.project-hero-desc br{display:none}}.page-rfai{font-family:var(--font);--fs-body: 18px;--lh-body: normal}.page-rfai .site-header,.page-rfai .nav-link,.page-rfai .dropdown-toggle{font-family:var(--font);font-size:20px}.page-rfai .dropdown-menu li a{font-family:var(--font);font-size:18px}.page-rfai h1,.page-rfai h2,.page-rfai h3,.page-rfai .process-step-title{font-family:var(--font-serif)}.page-rfai .container{max-width:720px}.page-rfai .badge{background:#fff;border:1px solid #a8dcf5}.page-rfai .project-section h2{color:#3c3c3c;font-size:32px}.page-rfai .project-section--ux-process h2{font-size:48px;text-align:center}.page-rfai .text-accent{color:#3c3c3c}.page-rfai .project-image-block{border-radius:0}.page-rfai .project-image-block--full{border-radius:0;clip-path:none;-webkit-clip-path:none}.page-rfai .project-image-block--full img{border-radius:0}.page-rfai .project-image-block--clip img{clip-path:none}.page-rfai .project-video{border-radius:0}.page-rfai .project-hero-inner{padding-top:56px}.page-rfai .scroll-progress{background:#0696d7}.page-rfai .ux-stage:hover .ux-stage-icon,.page-rfai .ux-stage:focus-visible .ux-stage-icon{stroke:#0696d7}.page-rfai .ux-stage:hover .ux-stage-dot,.page-rfai .ux-stage:focus-visible .ux-stage-dot,.page-rfai .ux-stage:hover .ux-stage-text,.page-rfai .ux-stage:focus-visible .ux-stage-text{fill:#0696d7}.page-rfai .scroll-top-btn{background:linear-gradient(135deg,#0696d7,#0576aa);box-shadow:0 4px 16px #0696d759}.page-rfai .scroll-top-btn:hover{box-shadow:0 6px 24px #0696d780}.has-custom-labels .ux-stage-text{display:none}.ux-stage-label{fill:#3c3c3c;font-family:Arial,Helvetica Neue,sans-serif;font-size:32px;font-weight:700;transition:fill .25s ease}.page-rfai .ux-stage:hover .ux-stage-label,.page-rfai .ux-stage:focus-visible .ux-stage-label{fill:#0696d7}.page-rfai .atm-0{background:#6bd5ef17}.page-rfai .atm-1{background:#0696d71c}.page-rfai .atm-2{background:#6bd5ef17}.page-rfai .atm-3{background:#0696d71a}.page-rfai .atm-4{background:#6bd5ef14}.page-rfai .atm-5{background:#0696d71a}.page-rfai .atm-6{background:#6bd5ef14}.competitive-quadrant{display:block;width:100%;height:auto}@media (max-width: 767px){.mobile-nav-toggle{display:flex;align-items:center;gap:6px;width:100%;background:none;border:none;margin:0;cursor:pointer;text-align:left}.mobile-nav-toggle .dropdown-arrow{transform:rotate(45deg);transition:transform .2s}.mobile-nav-toggle.open .dropdown-arrow{transform:rotate(225deg)}.mobile-nav-collapsible{max-height:0;overflow:hidden;transition:max-height .25s ease}.mobile-nav-collapsible.open{max-height:400px}.mobile-nav-resume{color:var(--color-text);font-weight:400}#projects,.hero+#projects{padding-top:16px}#projects{padding-bottom:16px}.project-cards-list{gap:16px}#about{padding-top:16px}.project-card .badge-row,.tagline-break{display:none}.project-card-body{gap:16px}.project-card-text{align-items:center;text-align:center;gap:16px}.project-card .project-meta{justify-content:center;margin-bottom:0}.project-card h3{margin-bottom:0}.project-card-text .btn,.coming-soon-label{align-self:center;margin-top:0}.about-inner,.about-content{min-width:0}.about-photo{width:180px;aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;margin:0 auto;min-width:0}.about-photo img{width:100%;height:100%;object-fit:cover;transform:scaleX(-1) scale(1.3);transform-origin:50% 8%}.about-quote{padding:4px}.about-quote:before{font-size:72px;top:-20px;left:-8px}.about-quote:after{font-size:72px;bottom:-36px;right:4px}.about-quote p{font-size:17px;line-height:1.4;white-space:nowrap}#tools{padding:40px 28px}#tools h2{font-size:26px;white-space:nowrap}.footer-bar{font-size:12px;padding:8px 12px}@media (max-width: 599px){.project-page-hero{padding-bottom:100px}.project-page-hero+.project-section{padding-top:calc(80px + var(--section-py))}}.project-section--ux-process h2{font-size:26px}.page-workplan .project-section--ux-process h2,.page-rfai .project-section--ux-process h2{font-size:32px}.project-image-block--full{height:auto}.project-process-desc{text-align:center;max-width:none}.ux-process-diagram-wrap{overflow-x:visible}.ux-process-diagram{min-width:0}}@media (max-width: 359px){.about-quote p{font-size:16px}}