:root{--font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",system-ui,sans-serif;--font-display:"Instrument Serif",Georgia,serif;--font-size-body:14px;--font-size-display:clamp(2rem,4vw + 1rem,2.75rem);--font-size-subhead:1.25rem;--font-weight-regular:400;--font-weight-bold:700;--line-height-body:1.5;--line-height-display:1.12;--letter-spacing-display:-0.01em;--letter-spacing-body:0.02em;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--space-7:64px;--space-8:96px;--space-9:128px;--content-width:920px;--content-gutter:28px;--content-gutter-mobile:20px;--color-bg:#fbfbfd;--color-surface:#fff;--color-surface-hover:#f5f5f7;--color-border:rgba(0,0,0,.06);--color-text:#1d1d1f;--color-text-secondary:#6e6e73;--color-text-muted:#5c5c62;--color-accent:#50f;--color-accent-hover:#4500dd;--color-accent-strong:#3d00b3;--color-accent-subtle:rgba(85,0,255,.08);--color-primary-bg:var(--color-accent-strong);--color-link:var(--color-accent-strong);--color-link-hover:var(--color-accent-hover);--color-fg-on-accent:#fff;--color-focus-ring:var(--color-accent-strong);--focus-ring-offset:1px;--focus-ring-width:2px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:22px;--radius-2xl:28px;--radius-full:980px;--border-width:1px;--shadow-sm:0 1px 3px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.03);--shadow-md:0 4px 12px rgba(0,0,0,.06),0 2px 4px rgba(0,0,0,.04);--shadow-lg:0 12px 24px rgba(0,0,0,.06),0 4px 8px rgba(0,0,0,.04);--transition-duration:200ms;--transition-ease:cubic-bezier(0.25,0.1,0.25,1);--transition:var(--transition-duration) var(--transition-ease);--z-sticky:100;--z-dropdown:200;--z-modal:500;--menu-bar-height:56px;--glass-blur-strong:48px;--glass-tint:hsla(0,0%,100%,.65)}:root{--type-body:var(--font-size-body);--type-small:var(--font-size-body);--type-title:var(--font-size-display);--type-display:var(--font-size-display);--base-font:var(--font-size-body);--font-normal:var(--font-weight-regular);--font-semibold:var(--font-weight-bold);--font-bold:var(--font-weight-bold);--font-medium:var(--font-weight-bold);--font-xs:12px;--font-sm:13px;--font-base:var(--font-size-body);--font-md:var(--font-size-body);--font-xl:1.25rem;--font-3xl:1.5rem;--font-4xl:1.75rem;--space-xs:var(--space-1);--space-sm:var(--space-2);--space-lg:var(--space-3);--space-xl:var(--space-4);--space-2xl:var(--space-5);--space-3xl:var(--space-6);--space-4xl:var(--space-7);--space-5xl:var(--space-8);--space-6xl:var(--space-8);--space-7xl:var(--space-8);--space-8xl:var(--space-9);--border-thin:var(--border-width);--border-base:2px;--radius-none:0;--radius-sm:var(--radius-sm);--radius-md:var(--radius-md);--radius-lg:var(--radius-lg);--radius-xl:var(--radius-xl);--radius-pill:var(--radius-full);--radius-full:var(--radius-full);--color-bg-elevated:var(--color-bg);--color-bg-card:var(--color-surface);--color-text-sub:var(--color-text-secondary);--color-text-muted:var(--color-text-muted);--color-accent-soft:var(--color-accent-subtle);--glass-bg:var(--color-bg);--glass-bg-scrolled:var(--color-bg);--glass-border:var(--color-border);--glass-blur:none;--glass-blur-scrolled:none;--shadow-nav:var(--shadow-sm);--shadow-dropdown:var(--shadow-md);--card-image-bg:var(--color-surface);--logo-filter:none;--content-max:var(--content-width);--content-wide:1040px;--card-transition:var(--transition);--transition-fast:var(--transition);--transition-base:var(--transition);--z-base:1;--error-color:#b91c1c}*,:after,:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);margin:0;padding:0;scroll-behavior:smooth;transition:background-color var(--transition),color var(--transition)}main{margin-bottom:var(--space-8);position:relative}.hero-title,.section-title,.title,h1{font-family:var(--font-display);font-size:var(--font-size-display);letter-spacing:var(--letter-spacing-display);line-height:var(--line-height-display);margin-bottom:0}.hero-title,.section-title,.title,h1,h3{color:var(--color-text);font-weight:var(--font-weight-bold)}h3{font-size:var(--font-size-body)}.section-title{margin-bottom:var(--space-4)}.sub-title{color:var(--color-text-secondary);font-size:var(--font-size-body)}.sub-title,a{font-weight:var(--font-weight-regular)}a{color:var(--color-link);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-link-hover);text-decoration:none}a:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.site-footer{border-top:var(--border-width) solid var(--color-border);margin-top:var(--space-9);padding:var(--space-6) 0 var(--space-7);width:100%}.site-footer .footer-content{align-items:center;display:flex;justify-content:space-between}.site-footer .footer-status{color:var(--color-text-muted);font-size:var(--font-size-body);margin-bottom:0}.site-footer .footer-cta{display:flex;gap:var(--space-3)}.site-footer .footer-cta .btn{margin-bottom:0}.site-footer .footer-links a{color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);transition:color var(--transition)}.site-footer .footer-links a:hover{color:var(--color-link)}@media (max-width:767px){.site-footer{margin-top:var(--space-8);padding:var(--space-5) 0 var(--space-6)}.site-footer .footer-content{flex-direction:column;gap:var(--space-3);text-align:center}.site-footer .footer-cta{flex-wrap:wrap;justify-content:center}}ol li,ul li{margin:var(--space-3) 0}.error-boundary-fallback{margin:0 auto;max-width:var(--content-width);padding:var(--space-8) var(--space-4);text-align:center}.error-boundary-fallback h2{color:var(--color-text);font-size:var(--font-size-display);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.error-boundary-fallback p{color:var(--color-text-secondary);font-size:var(--font-size-body)}.error-boundary-fallback a{color:var(--color-link)}.not-found-page{padding:var(--space-8) 0;text-align:center}@media (max-width:767px){.not-found-page{padding:var(--space-6) var(--space-3)}.error-boundary-fallback{padding:var(--space-6) var(--content-gutter-mobile)}}.not-found-page .section-title{margin-bottom:var(--space-3)}.not-found-text{color:var(--color-text-secondary);font-size:var(--font-size-body);margin-bottom:var(--space-5);margin-left:auto;margin-right:auto;max-width:28em}.password-page{--color-bg:#fbfbfd;--color-surface:#fff;--color-border:rgba(0,0,0,.06);--color-text:#1d1d1f;--color-text-secondary:#6e6e73;--color-text-muted:#86868b;--color-accent:#50f;--color-accent-hover:#4500dd;--color-accent-strong:#3d00b3;background-color:var(--color-bg);margin:0 auto;max-width:400px;padding:var(--space-8) var(--space-4)}.password-form{text-align:center}.password-form .section-title{color:var(--color-text);margin-bottom:var(--space-2)}.password-label{color:var(--color-text-secondary);display:block;font-size:var(--font-size-body);margin-bottom:var(--space-3)}.password-input{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-text);font-family:inherit;font-size:var(--font-size-body);height:48px;padding:0 var(--space-3);transition:border-color var(--transition);width:100%}.password-input::placeholder{color:var(--color-text-muted)}.password-input:focus{border-color:var(--color-focus-ring);outline:none}.password-input--error{border-color:var(--error-color)}.password-error{color:var(--error-color);font-size:var(--font-size-body);margin-bottom:0;margin-top:var(--space-2)}.password-submit{box-sizing:border-box;margin-top:var(--space-5);width:100%}.password-back{color:var(--color-text);display:block;font-size:var(--font-size-body);margin-top:var(--space-4)}.password-back:hover{color:var(--color-link)}.reveal{opacity:0;transform:translateY(16px);transition:opacity .4s ease,transform .4s ease}.reveal.visible{opacity:1;transform:translateY(0)}.loading-fallback{align-items:center;background:var(--color-bg);display:flex;justify-content:center;min-height:60vh}.loading-fallback:after{animation:loading-spin .6s linear infinite;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-accent);content:"";height:24px;width:24px}@keyframes loading-spin{to{transform:rotate(1turn)}}.reveal-stagger>.reveal:first-child{transition-delay:0ms}.reveal-stagger>.reveal:nth-child(2){transition-delay:60ms}.reveal-stagger>.reveal:nth-child(3){transition-delay:.12s}.reveal-stagger>.reveal:nth-child(4){transition-delay:.18s}.reveal-stagger>.reveal:nth-child(5){transition-delay:.24s}.reveal-stagger>.reveal:nth-child(6){transition-delay:.3s}.reveal-stagger>.reveal:nth-child(7){transition-delay:.36s}.reveal-stagger>.reveal:nth-child(8){transition-delay:.42s}[data-theme=dark]{--color-bg:#0a0a0a;--color-surface:#141414;--color-surface-hover:#1c1c1c;--color-border:hsla(0,0%,100%,.08);--color-text:#f5f5f7;--color-text-secondary:#a1a1a6;--color-text-muted:#8e8e93;--color-accent:#a78bfa;--color-accent-hover:#c4b5fd;--color-accent-strong:#a78bfa;--color-accent-subtle:rgba(167,139,250,.15);--color-primary-bg:#6d28d9;--color-link:var(--color-accent);--color-link-hover:var(--color-accent-hover);--color-fg-on-accent:#fff;--color-focus-ring:var(--color-accent);--shadow-sm:0 1px 3px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.4)}.skip-link{background:var(--color-surface);border:var(--focus-ring-width) solid var(--color-focus-ring);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--color-link);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);left:var(--content-gutter-mobile);padding:var(--space-2) var(--space-4);position:absolute;text-decoration:none;top:-9999px;transition:top var(--transition);z-index:calc(var(--z-modal) + 1)}.skip-link:focus{outline:none;top:var(--space-3)}:focus{outline:none}:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}[href]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (forced-colors:active){:focus-visible{outline:2px solid CanvasText;outline-offset:2px}}body.guest-area-active,body.guest-area-active #root{height:100%;margin:0;min-height:100%;padding:0}.guest-area-page{align-items:center;background:transparent;display:flex;height:100vh;justify-content:center;min-height:100vh;outline:none;overflow:hidden;padding:var(--space-4);position:relative}@media (max-width:576px){.guest-area-page{align-items:flex-start;padding:var(--space-3);padding-top:var(--space-6)}.guest-area-page .password-page{padding:var(--space-5) var(--space-4)}}.guest-area-page:before{animation:password-backdrop-in var(--transition-duration) var(--transition-ease) forwards;background:#0c0c0e;content:"";inset:0;opacity:.92;position:fixed;z-index:0}.guest-area-page .password-page{--color-primary-bg:#50f;--color-accent-hover:#6b20ff;--color-accent-strong:#7c3aff;--color-focus-ring:#7c3aff;--focus-ring-width:2px;--focus-ring-offset:1px;animation:password-modal-in .26s var(--transition-ease) forwards;background:#16161a;border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-2xl);box-shadow:0 24px 48px rgba(0,0,0,.5),0 8px 16px rgba(0,0,0,.3);margin:0;max-width:400px;min-width:0;padding:var(--space-6) var(--space-5);position:relative;width:100%;z-index:1}.guest-area-page .password-form{min-width:0;text-align:center;width:100%}.guest-area-page:focus{outline:none}.guest-area-page .password-form .section-title{color:#f5f5f7;margin-bottom:var(--space-3)}.guest-area-page .password-label{color:#a1a1a6;display:block;margin-bottom:var(--space-2);text-align:left}.guest-area-page .password-input{background:#222226;border-color:hsla(0,0%,100%,.15);box-sizing:border-box;color:#f5f5f7;margin-bottom:0;width:100%}.guest-area-page .password-input::placeholder{color:#6e6e73}.guest-area-page .password-input:focus{border-color:var(--color-focus-ring);outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.guest-area-page .password-submit{border-radius:var(--radius-full);box-sizing:border-box;margin-top:var(--space-4);min-height:40px;padding:var(--space-2) var(--space-5);width:100%}.guest-area-page .password-back{color:#a1a1a6;display:inline-block;margin-top:var(--space-4)}.guest-area-page .password-back:hover{color:var(--color-accent-strong)}.guest-area-page .password-error{color:#ff6b6b;font-size:var(--font-size-body);margin-top:var(--space-2)}.case-study-gate__content{width:100%}.case-study-gate__content--blurred{filter:blur(20px);pointer-events:none;transition:filter .25s var(--transition-ease);-webkit-user-select:none;user-select:none}.case-study-gate{align-items:center;animation:case-study-gate-in var(--transition-duration) var(--transition-ease) forwards;display:flex;inset:0;isolation:isolate;justify-content:center;padding:var(--space-4);position:fixed;z-index:var(--z-modal)}.case-study-gate--exiting{animation:case-study-gate-out .22s var(--transition-ease) forwards}.case-study-gate__backdrop{background:#16161a;inset:0;opacity:.04;position:absolute}.case-study-gate__modal{animation:case-study-gate-modal-in .26s var(--transition-ease) forwards;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);max-width:400px;padding:var(--space-6);position:relative;width:100%;z-index:1}@media (max-width:576px){.case-study-gate{padding:var(--space-3)}.case-study-gate__modal{padding:var(--space-5)}}.case-study-gate--exiting .case-study-gate__modal{animation:case-study-gate-modal-out .2s var(--transition-ease) forwards}@keyframes case-study-gate-in{0%{opacity:0}to{opacity:1}}@keyframes case-study-gate-out{0%{opacity:1}to{opacity:0}}@keyframes case-study-gate-modal-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes case-study-gate-modal-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}.password-form--embedded{text-align:center;width:100%}.case-study-gate__modal{--color-text:#1a1a1a;--color-text-secondary:#4a4a4a;--color-text-muted:#5c5c60;--color-border:rgba(0,0,0,.12);--color-accent:#50f;--color-accent-strong:#3d00b3}.password-form--embedded .password-form__title{color:var(--color-text);font-family:var(--font-display);font-size:var(--font-size-display);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-display);line-height:var(--line-height-display);margin:0 0 var(--space-3)}.password-form--embedded .password-label{color:var(--color-text-secondary);margin-bottom:var(--space-2)}.password-form--embedded .password-input{background:#fff;border-color:var(--color-border);box-sizing:border-box;color:var(--color-text);margin-bottom:0;width:100%}.password-form--embedded .password-input:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.password-form--embedded .password-submit{margin-top:var(--space-4)}.password-form--embedded .password-back{color:var(--color-text);margin-top:var(--space-4)}.password-form--embedded .password-back:hover{color:var(--color-link)}.password-input--error{animation:password-shake .4s var(--transition-ease)}@keyframes password-backdrop-in{0%{opacity:0}to{opacity:.92}}@keyframes password-modal-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes password-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.app-layout{margin-left:auto;margin-right:auto;max-width:var(--content-width);padding:0;width:100%}.app-layout--wide{max-width:1040px}@media (max-width:991px){.app-layout{padding-left:var(--content-gutter-mobile);padding-right:var(--content-gutter-mobile)}}@media (max-width:767px){.app-layout{padding-left:var(--content-gutter-mobile);padding-right:var(--content-gutter-mobile)}}.landing-page{align-items:flex-start;display:flex;flex-direction:column;min-height:60vh;padding:var(--space-8) 0 var(--space-7)}.hero-label{color:var(--color-text-muted);font-size:var(--font-size-body);letter-spacing:.06em;text-transform:uppercase}.hero-label,.landing-page .hero-title{font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.landing-page .hero-title{font-family:var(--font-display);font-size:var(--font-size-display);letter-spacing:var(--letter-spacing-display);line-height:var(--line-height-display)}.hero-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);max-width:32em}.hero-cta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}@media (max-width:576px){.hero-cta{flex-direction:column;width:100%}.hero-cta .btn{justify-content:center;width:100%}}.hero-cta .btn{margin-bottom:0}.hero-work-strip{margin-top:var(--space-6);padding-top:var(--space-8);width:100%}.hero-work-strip-label{color:var(--color-text-muted);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);letter-spacing:.06em;margin-bottom:var(--space-3);text-transform:uppercase}.hero-work-strip-list{display:flex;flex-direction:column;gap:var(--space-4)}.hero-work-strip-item{align-items:center;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:inherit;display:flex;gap:var(--space-4);padding:var(--space-3) var(--space-4);text-decoration:none;transition:background-color var(--transition),box-shadow var(--transition),transform var(--transition)}.hero-work-strip-item:hover{background:var(--color-surface-hover);box-shadow:var(--shadow-md);color:inherit;text-decoration:none;transform:translateY(-2px)}.hero-work-strip-item:hover .hero-work-strip-icon{background:var(--color-primary-bg);border-color:var(--color-primary-bg);color:var(--color-fg-on-accent)}.hero-work-strip-icon{align-items:center;background:rgba(0,0,0,.04);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;flex-shrink:0;font-size:1rem;height:40px;justify-content:center;transition:background-color var(--transition),color var(--transition),border-color var(--transition);width:40px}[data-theme=dark] .hero-work-strip-icon{background:hsla(0,0%,100%,.06);border-color:var(--color-border);color:var(--color-text-secondary)}.hero-work-strip-icon i{display:inline-block;font-family:Font Awesome\ 6 Free!important;font-style:normal;font-weight:900}.hero-work-strip-content{flex:1 1;min-width:0}.hero-work-strip-title{color:var(--color-text);font-family:var(--font-family);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.hero-work-strip-desc,.hero-work-strip-title{display:block;font-size:var(--font-size-body)}.hero-work-strip-desc{color:var(--color-text-secondary);font-weight:var(--font-weight-regular);line-height:var(--line-height-body)}.hero-work-strip-badge{color:var(--color-text-muted);display:inline-block;font-size:var(--font-size-body);font-weight:var(--font-weight-bold);letter-spacing:.04em;margin-top:var(--space-2);text-transform:uppercase}@media (max-width:767px){.landing-page{min-height:auto;padding:var(--space-6) 0 var(--space-6)}}.about-hero{padding:var(--space-8) 0 var(--space-7)}.about-heading{color:var(--color-text);font-family:var(--font-display);font-size:var(--font-size-display);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-display);line-height:var(--line-height-display);margin-bottom:var(--space-6)}.about-hero .about-grid{grid-gap:var(--space-8);align-items:start;display:grid;gap:var(--space-8);grid-template-columns:1fr minmax(220px,280px);padding:var(--space-6) 0}.about-hero .about-bio{margin-top:0;max-width:38em;padding-top:0}.about-hero .about-text{color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:1.65;margin-bottom:var(--space-5)}.about-hero .about-text:first-child{margin-top:0}.about-hero .about-text:last-child{margin-bottom:0}.about-hero .about-details{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:0;padding:var(--space-4) var(--space-5)}.about-hero .about-detail-item{border-bottom:var(--border-width) solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) 0}.about-hero .about-detail-item:last-child{border-bottom:none;padding-bottom:0}.about-hero .about-detail-item:first-child{padding-top:0}.about-hero .about-detail-label{color:var(--color-text-muted);font-size:11px;font-weight:var(--font-weight-bold);letter-spacing:.06em;text-transform:uppercase}.about-hero .about-detail-value{color:var(--color-text);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body)}@media (max-width:991px){.about-hero{padding:var(--space-6) 0 var(--space-6)}.about-hero .about-grid{gap:var(--space-6);grid-template-columns:1fr;padding-top:var(--space-5)}.about-hero .about-details{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 1fr;padding:var(--space-4)}.about-hero .about-detail-item{border-bottom:none;border-right:var(--border-width) solid var(--color-border);padding:var(--space-3) var(--space-3) var(--space-3) 0}.about-hero .about-detail-item:nth-child(2n){border-right:none;padding-right:0}.about-hero .about-detail-item:nth-last-child(-n+2){border-bottom:none}}@media (max-width:767px){.about-hero .about-grid{padding-left:0;padding-right:0}.about-hero .about-details{grid-template-columns:1fr}.about-hero .about-detail-item{border-bottom:var(--border-width) solid var(--color-border);border-right:none;padding:var(--space-3) 0}.about-hero .about-detail-item:last-child{border-bottom:none}.about-hero .about-detail-item:nth-child(2n){padding-right:0}}.projects-section .section-title,.projects-section h3{font-family:var(--font-display);font-size:var(--font-size-display);font-weight:var(--font-weight-bold);margin-bottom:var(--space-6)}.design-process-section{margin-top:var(--space-6);padding:var(--space-5) 0 var(--space-4)}.design-process-header{align-items:center;display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.design-process-section-label{color:var(--color-text-muted);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);letter-spacing:.06em;margin:0;text-transform:uppercase}.design-process-cta{align-items:center;color:var(--color-text-muted);display:inline-flex;font-size:1.25rem;justify-content:center;line-height:1;margin-top:0;text-decoration:none;transition:color var(--transition)}.design-process-cta:hover{color:var(--color-text)}.design-process-cta:focus-visible{outline:2px solid var(--color-accent-strong);outline-offset:2px}.design-process-cards{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-5)}.design-process-card-wrapper{align-items:stretch;display:flex;min-width:0}.design-process-card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex:1 1;flex-direction:column;padding:var(--space-3) var(--space-4);transition:background-color var(--transition),box-shadow var(--transition)}.design-process-card:hover{background:var(--color-surface-hover);box-shadow:var(--shadow-md)}.design-process-card-step{align-items:center;background:rgba(0,0,0,.06);border-radius:var(--radius-full);color:var(--color-text-muted);display:inline-flex;font-size:12px;font-weight:var(--font-weight-bold);height:24px;justify-content:center;margin-bottom:var(--space-2);width:24px}[data-theme=dark] .design-process-card-step{background:hsla(0,0%,100%,.1)}.design-process-card-title{color:var(--color-text);font-family:var(--font-family);font-weight:var(--font-weight-bold);margin:0 0 var(--space-1)}.design-process-card-desc,.design-process-card-title{font-size:var(--font-size-body);line-height:var(--line-height-body)}.design-process-card-desc{color:var(--color-text-secondary);flex:1 1;font-weight:var(--font-weight-regular);margin:0}@media (max-width:991px){.design-process-cards{gap:var(--space-4);grid-template-columns:1fr}}@media (min-width:768px) and (max-width:991px){.design-process-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.design-process-section{margin-top:var(--space-4);padding:var(--space-4) 0 var(--space-3)}.design-process-cards{grid-template-columns:1fr;margin-bottom:var(--space-4)}.design-process-card{padding:var(--space-2) var(--space-3)}}.tools-section{margin-top:var(--space-6);padding:var(--space-5) 0 var(--space-4)}.tools-section-label{color:var(--color-text-muted);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);letter-spacing:.06em;margin:0 0 var(--space-4);text-transform:uppercase}.tools-row{align-items:center;display:flex;list-style:none;margin:0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);max-width:100%;overflow:hidden;padding:0}.tools-marquee-track{align-items:center;animation:tools-marquee 50s linear infinite;display:flex;flex-wrap:nowrap;gap:var(--space-4);padding:0 var(--space-4)}@keyframes tools-marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.tools-item,.tools-row .tools-item{flex:0 0 auto;min-width:100px;width:100px}.tools-item{align-items:center;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;height:64px;justify-content:center;transition:background-color var(--transition),box-shadow var(--transition)}.tools-item:hover{background:var(--color-surface-hover);box-shadow:var(--shadow-md)}.tools-item--dark{background:#1a1a1a}.tools-item--dark:hover{background:#2d2d2d}.tools-item--pencil{background:#1a1a1a}.tools-item--pencil:hover{background:#2d2d2d}.tools-icon{display:block;height:32px;object-fit:contain;width:32px}.tools-item--perplexity .tools-icon{height:36px;width:36px}.tools-item--wide .tools-icon{height:auto;max-height:34px;width:56px}@media (max-width:767px){.tools-section{margin-top:var(--space-4);padding:var(--space-4) 0 var(--space-3)}.tools-section-label{margin-bottom:var(--space-3)}.tools-row{gap:0;justify-content:flex-start}.tools-row .tools-item{height:48px;min-width:72px;width:72px}.tools-icon{height:28px;width:28px}.tools-item--perplexity .tools-icon{height:30px;width:30px}.tools-item--wide .tools-icon{max-height:24px;width:40px}}html{-webkit-text-size-adjust:100%;overflow-x:hidden}body{min-width:0}iframe,img,video{height:auto;max-width:100%;vertical-align:middle}.hero-title,.section-title,h1,h2,h3,h4,li,p{word-wrap:break-word;overflow-wrap:break-word}@media (min-width:1200px){.app-layout{padding-left:var(--content-gutter);padding-right:var(--content-gutter)}}@media (max-width:576px){main{margin-bottom:var(--space-6)}}.btn{align-items:center;border:var(--border-width) solid transparent;border-radius:var(--radius-full);box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);gap:var(--space-2);justify-content:center;margin:0;padding:var(--space-2) var(--space-5);text-align:center;text-decoration:none;transition:background-color var(--transition),border-color var(--transition),color var(--transition),transform var(--transition)}.btn-primary{background:var(--color-primary-bg);border-color:var(--color-primary-bg);color:var(--color-fg-on-accent)}.btn-primary:focus,.btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-fg-on-accent);text-decoration:none}.btn-primary:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.btn-secondary{background:var(--color-surface);border-color:var(--color-border);box-shadow:var(--shadow-sm);color:var(--color-text)}.btn-secondary:focus,.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border);box-shadow:var(--shadow-md);color:var(--color-text);text-decoration:none}.btn-secondary:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.btn:not(.btn-primary):not(.btn-secondary){background:transparent;border-color:var(--color-link);color:var(--color-link)}.btn:not(.btn-primary):not(.btn-secondary):focus,.btn:not(.btn-primary):not(.btn-secondary):hover{background:var(--color-accent-subtle);border-color:var(--color-link-hover);color:var(--color-link-hover);text-decoration:none}.btn:not(.btn-primary):not(.btn-secondary):focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.card{background:var(--color-bg-card);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;position:relative;transition:border-color var(--card-transition)}.card:hover{border-color:var(--color-border)}.menu-wrapper{margin-bottom:var(--space-4);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.menu-bar{align-items:center;background:var(--color-bg);border-bottom:var(--border-thin) solid var(--color-border);display:flex;min-height:var(--menu-bar-height);padding-left:0;padding-right:0;transition:box-shadow var(--transition-fast)}.menu-bar.scrolled{box-shadow:var(--shadow-sm)}.menu-container{align-items:center;display:flex;gap:var(--space-4);justify-content:flex-start;margin:0;width:100%}.menu-mobile-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:none;font-size:1.25rem;height:44px;justify-content:center;margin:0;padding:0;transition:background-color var(--transition-fast),color var(--transition-fast);width:44px}.menu-mobile-toggle:hover{background:var(--color-surface-hover);color:var(--color-link)}.menu-mobile-toggle:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.menu-mobile-panel{display:none}.menu-desktop{gap:var(--space-4);justify-content:flex-start;width:100%}.menu-desktop,.menu-links{align-items:center;display:flex}.menu-links{flex-wrap:nowrap;gap:var(--space-3)}.menu-desktop>.menu-link--external{margin-left:auto}.menu-link{align-items:center;background:none;border:none;border-radius:var(--radius-lg);color:var(--color-text);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size-body);font-weight:var(--font-semibold);gap:var(--space-1);padding:var(--space-2) var(--space-3);text-decoration:none;transition:color var(--transition-fast),background var(--transition-fast);white-space:nowrap}.menu-link:hover{background:var(--color-accent-subtle);color:var(--color-link);text-decoration:none}.menu-link:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.menu-link.active{color:var(--color-link);font-weight:var(--font-bold)}.menu-link--external .menu-external-icon{font-size:.75em;opacity:.8}.menu-dropdown{display:inline-block;position:relative}.menu-dropdown-toggle{align-items:center;display:inline-flex;gap:var(--space-1)}.menu-dropdown-toggle .menu-dropdown-arrow{flex-shrink:0;font-size:.7em;transition:transform var(--transition-fast)}.menu-dropdown-toggle .menu-dropdown-arrow.open{transform:rotate(180deg)}.menu-dropdown-toggle:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.menu-dropdown-content{animation:menuDropdownFade var(--transition-fast);background:var(--color-bg);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);left:0;min-width:160px;padding:var(--space-2);position:absolute;top:calc(100% + var(--space-2));z-index:1001}@keyframes menuDropdownFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.menu-dropdown-item{border-radius:var(--radius-md);color:var(--color-text);display:block;font-size:var(--font-size-body);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-3);text-decoration:none;transition:color var(--transition-fast),background var(--transition-fast);white-space:nowrap}.menu-dropdown-item:hover{background:var(--color-accent-subtle);color:var(--color-link);text-decoration:none}.menu-dropdown-item.active{background:var(--color-accent-subtle);color:var(--color-link);font-weight:var(--font-bold)}@media (max-width:767.98px){.menu-wrapper{--menu-bar-height:52px}.menu-bar{padding-left:0;padding-right:0}.menu-mobile-toggle{display:flex;margin-left:auto}.menu-desktop{display:none}.menu-mobile-panel{background:var(--color-bg);border-bottom:var(--border-thin) solid var(--color-border);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--space-2);left:0;max-height:0;opacity:0;overflow:hidden;padding:var(--space-3);position:fixed;right:0;top:var(--menu-bar-height);transition:max-height .25s var(--transition-ease),opacity .2s var(--transition-ease);z-index:calc(var(--z-sticky) - 1)}.menu-mobile-panel--open{max-height:80vh;opacity:1;overflow-y:auto}.menu-mobile-panel .menu-links{align-items:stretch;flex-direction:column;gap:0}.menu-mobile-panel .menu-dropdown-toggle,.menu-mobile-panel .menu-link{border-radius:var(--radius-md);justify-content:flex-start;padding:var(--space-3);width:100%}.menu-mobile-panel .menu-dropdown-content{background:var(--color-surface-hover);border:none;box-shadow:none;margin:var(--space-1) 0 var(--space-2);padding:var(--space-1);position:static;transform:none}.menu-mobile-panel .menu-dropdown-item{padding:var(--space-2) var(--space-3)}.menu-mobile-panel .menu-link--external{border-top:var(--border-thin) solid var(--color-border);margin-left:0;margin-top:var(--space-2);padding-top:var(--space-3)}.menu-links{gap:var(--space-2)}.menu-link{font-size:14px;padding:var(--space-1) var(--space-2)}.menu-dropdown-content{left:50%;min-width:140px;transform:translateX(-50%)}@keyframes menuDropdownFade{0%{opacity:0;transform:translateX(-50%) translateY(-4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}}.projects-grid{display:flex;flex-direction:column;gap:var(--space-6)}.work-card{grid-gap:0;background:var(--color-bg-card);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);color:inherit;display:grid;gap:0;grid-template-columns:minmax(140px,220px) 1fr;min-height:120px;overflow:hidden;position:relative;text-decoration:none;transition:border-color var(--transition-base),background var(--transition-base)}.work-card-badge{background:var(--color-bg-elevated);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--font-xs);font-weight:var(--font-semibold);letter-spacing:.05em;padding:var(--space-1) var(--space-2);position:absolute;right:var(--space-2);text-transform:uppercase;top:var(--space-2);z-index:2}.work-card:hover{border-color:var(--color-border);color:inherit;text-decoration:none}.work-card:hover .work-card-cta .btn-arrow{transform:translateX(4px)}.work-card:hover .work-card-image img{transform:scale(1.03)}.work-card-image{align-items:center;background:var(--color-bg-card);display:flex;justify-content:center;overflow:hidden;padding:var(--space-4) var(--space-3)}.work-card-image img{display:block;height:auto;max-width:160px;transition:transform .35s ease;width:100%}.work-card-content{display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:var(--space-4)}.work-card-title{color:var(--color-text);font-family:var(--font-display);font-size:1.875rem;font-weight:var(--font-normal);letter-spacing:-.01em;margin-bottom:var(--space-1)}.work-card-description{color:var(--color-text-sub);flex:1 1;font-size:var(--type-small);line-height:1.6;margin-bottom:var(--space-3)}.work-card-cta{align-items:center;color:var(--color-text-muted);display:inline-flex;font-size:var(--type-small);font-weight:var(--font-semibold);gap:var(--space-1);letter-spacing:.06em;text-transform:uppercase;transition:color var(--transition-fast)}.work-card-cta .btn-arrow{font-size:1rem;transition:transform var(--transition-fast)}.work-card:hover .work-card-cta{color:var(--color-link)}@media (max-width:991.98px){.work-card{grid-template-columns:minmax(120px,180px) 1fr}.work-card-image{padding:var(--space-3) var(--space-2)}.work-card-image img{max-width:140px}.work-card-content{padding:var(--space-3)}.work-card-title{font-size:var(--font-4xl)}}@media (max-width:767.98px){.work-card{grid-template-columns:1fr;grid-template-rows:auto 1fr}.work-card-image{aspect-ratio:16/9;padding:var(--space-4) var(--space-3)}.work-card-image img{max-width:200px}.work-card-content{min-height:auto;padding:var(--space-3)}.work-card-title{font-size:var(--font-3xl)}.work-card-description{font-size:var(--type-small)}}.work-page-container{padding:.6rem 0}.work-page-container .work-page-presentation{margin-top:50px}.work-page-container .work-page-presentation .work-tab{margin:64px 0}.work-page-container .work-page-presentation .work-tab:last-child{margin-bottom:100px}.work-page-container .table-competitors td,.work-page-container .table-user-persona td{width:33.33%}.work-page-container .table-user-persona ul{list-style-type:"-";margin-left:-34px;width:99.1%}.work-page-container .table-user-persona ul li{padding-bottom:var(--space-4);padding-left:6px}.work-page-container .card{align-items:center;background:var(--color-bg-card);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);display:flex;justify-content:center;min-height:120px;padding:var(--space-3);text-align:center}.work-page-container .card p{margin-bottom:0!important}.takeaway-callout{background:var(--color-accent-subtle);border-left:4px solid var(--color-accent);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);line-height:1.5;margin:var(--space-4) 0;padding:var(--space-4)}.takeaway-callout p{margin:0}.takeaway-callout p+p{margin-top:var(--space-2)}@media (max-width:991.98px){.work-page-container .work-page-presentation{padding:10px}.work-page-container .work-page-presentation .work-tab{margin-bottom:0}.work-page-container .work-page-presentation .col-sm-12.col-md-7{padding-top:var(--space-3)}}.case-study-menu-wrapper{background:var(--color-bg);border-bottom:var(--border-thin) solid var(--color-border);display:flex;justify-content:flex-start;margin-bottom:var(--space-5xl);padding:0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:var(--z-sticky)}.work-page-container:has(>.case-study-menu-wrapper){padding-top:0}.case-study-menu{border:none;border-radius:0;margin:0;max-width:100%;padding:var(--space-2) 0;width:-webkit-max-content;width:max-content}.case-study-menu,.case-study-menu.scrolled{backdrop-filter:none;-webkit-backdrop-filter:none;background:transparent;box-shadow:none}.case-study-menu.scrolled{border-color:transparent}.case-study-menu-container{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between}.menu-left{gap:var(--space-lg)}.menu-back-link,.menu-left{align-items:center;display:flex}.menu-back-link{background:none;border:none;border-radius:var(--radius-pill);color:var(--color-text);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:var(--font-base);font-weight:var(--font-semibold);gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);position:relative;text-decoration:none;transition:color var(--transition-fast),background var(--transition-fast);white-space:nowrap}.menu-back-link:hover{background:var(--color-accent-subtle);color:var(--color-accent-strong);text-decoration:none}.menu-back-link .menu-back-icon,.menu-back-link svg{transition:transform var(--transition-fast)}.menu-back-link:hover .menu-back-icon,.menu-back-link:hover svg{transform:translateX(-3px)}.menu-back-link:focus-visible{outline:2px solid var(--color-accent-strong);outline-offset:1px}.menu-divider{color:var(--color-text-muted);font-weight:var(--font-normal)}.menu-project-title{color:var(--color-text-sub);font-size:var(--font-base);font-weight:var(--font-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-sections{align-items:center;display:flex;gap:var(--space-xs)}.menu-section-link{background:none;border:none;border-radius:var(--radius-pill);color:var(--color-text);cursor:pointer;font-family:inherit;font-size:var(--font-sm);font-weight:var(--font-semibold);padding:var(--space-sm) var(--space-lg);position:relative;text-decoration:none;transition:color var(--transition-fast),background var(--transition-fast);white-space:nowrap}.menu-section-link:hover{background:var(--color-accent-subtle);color:var(--color-accent-strong);text-decoration:none}.menu-section-link.active{background:var(--color-accent-subtle);color:var(--color-accent-strong);font-weight:var(--font-bold)}.menu-section-link:focus-visible{outline:2px solid var(--color-accent-strong);outline-offset:1px}.case-study-hero{margin-bottom:var(--space-8)}.case-study-hero__video-wrap{background:var(--color-surface);border:3px dotted var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:var(--space-6);overflow:hidden;padding:var(--space-2) var(--space-3);width:100%}.case-study-hero__video{display:block;height:auto;object-fit:contain}.case-study-hero__video,.case-study-hero__video-placeholder{aspect-ratio:16/9;background:var(--color-surface);width:100%}.case-study-hero__video-placeholder{border:1px dashed var(--color-border)}.case-study-hero__body{max-width:40rem}.case-study-hero__company{color:var(--color-text-muted);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);letter-spacing:.06em;margin-bottom:var(--space-2);text-transform:uppercase}.case-study-hero__title{color:var(--color-text);font-family:var(--font-display);font-size:var(--font-size-display);font-weight:var(--font-weight-bold);letter-spacing:.02em;line-height:var(--line-height-display);margin-bottom:var(--space-4)}.case-study-hero__description{color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);margin-bottom:var(--space-5)}.case-study-hero__meta{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-6);margin:0}.case-study-hero__meta-item{margin:0}.case-study-hero__meta-label{color:var(--color-text-muted);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);letter-spacing:.04em;margin-bottom:var(--space-1);text-transform:uppercase}.case-study-hero__meta-value{color:var(--color-text);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);margin:0}.case-study-hero--simple{margin-bottom:var(--space-6)}.case-study-hero--simple .case-study-hero__description{margin-bottom:0}.coming-soon-block{margin:0 auto;max-width:36em;padding:var(--space-6) 0;text-align:center}.coming-soon-label{color:var(--color-text-muted);font-size:var(--type-small);font-weight:var(--font-semibold);letter-spacing:.08em;margin-bottom:var(--space-3);text-transform:uppercase}.coming-soon-block p:last-child{color:var(--color-text-sub);font-size:var(--type-body);margin-bottom:0}.case-study-content{margin:0 auto;max-width:100%}.content-section{margin-bottom:var(--space-7xl);scroll-margin-top:120px}.content-section+.content-section{border-top:1px solid var(--color-border);margin-top:var(--space-6);padding-top:var(--space-6)}.content-section h3{color:var(--color-text-muted);letter-spacing:.08em;line-height:1.3;margin-bottom:var(--space-5);text-transform:uppercase}.content-section h3,.content-section h4{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-bold)}.content-section h4{color:var(--color-text);letter-spacing:var(--letter-spacing-body);line-height:1.4;margin-bottom:var(--space-3);margin-top:var(--space-6)}.content-section h4:first-of-type{margin-top:var(--space-5)}.content-section .section-lead{line-height:1.7;margin-bottom:var(--space-5)}.content-section .section-lead,.content-section p{color:var(--color-text-secondary);font-size:var(--font-size-body);letter-spacing:var(--letter-spacing-body)}.content-section p{line-height:1.75;margin-bottom:var(--space-4)}.content-section .takeaway-callout p{margin-bottom:0}.content-section ol,.content-section ul{color:var(--color-text-secondary);font-size:var(--font-size-body);letter-spacing:var(--letter-spacing-body);line-height:1.75;margin-bottom:var(--space-4)}.content-section ol li,.content-section ul li{margin-bottom:var(--space-sm)}.content-section .font-weight-bold{color:var(--color-text);font-size:1.1rem;font-weight:var(--font-bold);margin-bottom:.75rem}.design-item-rationale{border-left:3px solid var(--color-accent-soft);color:var(--color-text-muted);font-size:var(--font-md);line-height:1.6;margin-top:var(--space-lg);padding-left:var(--space-lg)}.design-item-rationale strong{color:var(--color-text-sub)}.highlight-box{background:var(--color-bg-card);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);margin:var(--space-4xl) 0;padding:var(--space-3xl) var(--space-2xl);position:relative}.highlight-box p{color:var(--color-text-sub);font-size:var(--type-body);font-weight:var(--font-medium);line-height:1.75;margin-bottom:0}.highlight-box p strong{color:var(--color-accent);font-weight:var(--font-bold)}.metrics-grid{grid-gap:var(--space-2xl);display:grid;gap:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:var(--space-xl) 0 var(--space-3xl)}.metric-card{background:var(--color-bg-card);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3xl) var(--space-2xl);position:relative;text-align:center}.metric-card .metric-number{color:var(--color-accent);font-family:var(--font-display);font-size:clamp(2rem,5vw + 1.25rem,3rem);font-weight:600;letter-spacing:-.02em;line-height:1.2;margin-bottom:var(--space-2)}.metric-card .metric-label,.metric-card p{color:var(--color-text-sub);font-size:var(--font-md);font-weight:var(--font-semibold);line-height:1.6;margin-bottom:0}.design-showcase{margin:var(--space-6xl) 0}.design-item{grid-gap:var(--space-5xl);align-items:start;display:grid;gap:var(--space-5xl);grid-template-columns:1fr 1fr;margin-bottom:var(--space-6xl)}.design-item:last-child{margin-bottom:0}.design-item-content h4{font-size:var(--font-xl);margin-bottom:var(--space-md);margin-top:0}.design-item-content h4:first-child{margin-top:0}.design-item-content p{color:var(--color-text-sub);line-height:1.7}.design-item-image img{width:100%}.design-item-image{cursor:pointer}.design-item-image:focus{outline:2px solid var(--color-accent);outline-offset:2px}.design-gallery-overlay{-webkit-overflow-scrolling:touch;background:rgba(0,0,0,.94);inset:0;overflow:auto;padding:var(--space-4);position:fixed;z-index:1000}.design-gallery-content,.design-gallery-overlay{align-items:center;display:flex;justify-content:center}.design-gallery-content{gap:var(--space-4);max-height:90vh;max-width:90vw;min-height:0;position:relative}.design-gallery-image{display:block;height:auto;max-height:85vh;max-width:100%;object-fit:contain;width:auto}.design-gallery-close{background:#fff;border:none;border-radius:var(--radius-md);box-shadow:0 2px 8px rgba(0,0,0,.3);color:#111;cursor:pointer;font-size:var(--font-md);font-weight:600;padding:var(--space-2) var(--space-4);position:fixed;right:var(--space-4);top:var(--space-4);transition:background .2s ease,color .2s ease;z-index:1001}.design-gallery-close:hover{background:#e5e5e5;color:#000}.design-gallery-next,.design-gallery-prev{background:hsla(0,0%,100%,.2);border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-size:1.75rem;line-height:1;padding:var(--space-2) var(--space-3);position:absolute;transition:background .2s ease}.design-gallery-prev{left:var(--space-2);top:50%;transform:translateY(-50%)}.design-gallery-next{right:var(--space-2);top:50%;transform:translateY(-50%)}.design-gallery-next:hover,.design-gallery-prev:hover{background:hsla(0,0%,100%,.4)}.design-gallery-counter{bottom:var(--space-2);color:hsla(0,0%,100%,.9);font-size:var(--font-sm);left:50%;position:absolute;transform:translateX(-50%)}@media (max-width:991.98px){.case-study-menu-container{gap:var(--space-lg)}.menu-sections{display:none}.case-study-hero__media{margin-bottom:var(--space-5)}.case-study-hero__title{font-size:clamp(1.75rem,4vw + .5rem,2.25rem)}.design-item{gap:var(--space-3xl);grid-template-columns:1fr}}@media (max-width:767.98px){.case-study-menu-wrapper{padding:0}.case-study-menu{padding:var(--space-2) 0}.case-study-menu-container{gap:var(--space-md)}.menu-left{gap:var(--space-sm)}.menu-back-link{padding:var(--space-xs) var(--space-md)}.menu-back-link,.menu-project-title{font-size:var(--font-sm)}.case-study-hero{margin-bottom:var(--space-6)}.case-study-hero__media{margin-bottom:var(--space-4)}.case-study-hero__title{font-size:clamp(1.5rem,5vw,2rem)}.case-study-hero__meta{gap:var(--space-3) var(--space-4)}.content-section{margin-bottom:var(--space-5xl)}.content-section ol,.content-section p,.content-section ul{font-size:var(--font-md)}.highlight-box{margin:var(--space-3xl) 0;padding:var(--space-2xl) var(--space-xl)}.highlight-box p{font-size:var(--font-md)}.metrics-grid{gap:var(--space-lg);grid-template-columns:1fr}.metric-card{padding:var(--space-2xl)}.metric-card .metric-number{font-size:clamp(1.75rem,4vw + 1rem,2.5rem)}.design-showcase{margin:var(--space-4xl) 0}.design-item{gap:var(--space-2xl);margin-bottom:var(--space-4xl)}.design-item-content h4{font-size:var(--type-body)}}.work-page-container.how-i-work-page{padding-bottom:var(--space-6);padding-top:var(--space-6)}.how-i-work-header{margin-bottom:var(--space-6)}.how-i-work-presentation{max-width:100%}.how-i-work-hero{margin-bottom:var(--space-8);text-align:left}.how-i-work-hero__title{color:var(--color-text);font-family:var(--font-display);font-size:var(--font-size-display);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-display);line-height:var(--line-height-display);margin:0 0 var(--space-3)}.how-i-work-hero__intro{color:var(--color-text);font-size:var(--font-size-body);line-height:1.65;max-width:52em}.how-i-work-hero__intro p{margin:0 0 var(--space-3)}.how-i-work-hero__intro p:last-of-type{margin-bottom:0}.how-i-work-section-title{color:var(--color-text-muted);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);letter-spacing:.06em;margin:0 0 var(--space-3);text-transform:uppercase}.how-i-work-section-title+.how-i-work-accordion{margin-bottom:var(--space-8)}.how-i-work-section-title+.how-i-work-section-intro{margin-bottom:var(--space-4)}.how-i-work-section-intro{color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:1.65;margin:0 0 var(--space-4);max-width:52em}.how-i-work-accordion{display:flex;flex-direction:column;gap:var(--space-4);list-style:none;margin:0;padding:0}.how-i-work-step{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow var(--transition),border-color var(--transition)}.how-i-work-step--expanded{border-color:var(--color-border);box-shadow:var(--shadow-md)}.how-i-work-step__trigger{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:inherit;gap:var(--space-3);padding:var(--space-4);text-align:left;transition:background-color var(--transition);width:100%}.how-i-work-step__trigger:hover{background:var(--color-surface-hover)}.how-i-work-step__number{align-items:center;background:rgba(0,0,0,.06);border-radius:var(--radius-full);color:var(--color-text-muted);display:inline-flex;flex-shrink:0;font-size:14px;font-weight:var(--font-weight-bold);height:32px;justify-content:center;width:32px}[data-theme=dark] .how-i-work-step__number{background:hsla(0,0%,100%,.1)}.how-i-work-step--expanded .how-i-work-step__number{background:var(--color-accent-subtle);color:var(--color-accent)}.how-i-work-step__content-wrapper{max-height:0;overflow:hidden;transition:max-height .4s var(--transition-ease),visibility 0s linear .4s;visibility:hidden}.how-i-work-step--expanded .how-i-work-step__content-wrapper{max-height:2000px;transition:max-height .4s var(--transition-ease),visibility 0s linear 0s;visibility:visible}.how-i-work-step__content{overflow:hidden;padding:var(--space-2) var(--space-4) var(--space-4);padding-left:calc(var(--space-4) + 32px + var(--space-3))}.how-i-work-step__title{color:var(--color-text);flex:0 1 auto;font-weight:var(--font-weight-bold)}.how-i-work-step__tagline,.how-i-work-step__title{font-size:var(--font-size-body);line-height:var(--line-height-body)}.how-i-work-step__tagline{color:var(--color-text-secondary);flex:1 1;font-weight:var(--font-weight-regular);margin:0;min-width:0}.how-i-work-step__chevron{align-items:center;color:var(--color-text-muted);display:flex;flex-shrink:0;font-size:1.25rem;font-weight:var(--font-weight-bold);height:28px;justify-content:center;margin-left:auto;transition:transform var(--transition),color var(--transition);width:28px}.how-i-work-step--expanded .how-i-work-step__chevron{color:var(--color-accent)}.how-i-work-step__body{margin-bottom:var(--space-4)}.how-i-work-step__body p{color:var(--color-text);font-size:var(--font-size-body);line-height:1.65;margin:0 0 var(--space-3)}.how-i-work-step__body p:last-child{margin-bottom:0}.how-i-work-step__section{margin-bottom:var(--space-4)}.how-i-work-step__section:last-of-type{margin-bottom:0}.how-i-work-step__bullets-label{color:var(--color-text);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2)}.how-i-work-step__bullets{color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:1.6;margin:0 0 var(--space-4);padding-left:var(--space-4)}.how-i-work-step__bullets li{margin-bottom:var(--space-2)}.how-i-work-step__bullets li:last-child{margin-bottom:0}.how-i-work-step__takeaway{background:var(--color-accent-subtle);border-left:4px solid var(--color-accent);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);line-height:1.5;margin:0;padding:var(--space-4)}@media (max-width:991px){.how-i-work-step__tagline{display:none}}@media (max-width:767px){.how-i-work-hero{margin-bottom:var(--space-6)}.how-i-work-hero__title{font-size:clamp(1.5rem,4vw + .5rem,2rem)}.how-i-work-step__trigger{padding:var(--space-3)}.how-i-work-step__content{padding:var(--space-2) var(--space-3) var(--space-3);padding-left:var(--space-3)}}.testimonials-section{margin-top:var(--space-6);padding:var(--space-5) 0}.testimonials-section-label{color:var(--color-text-muted);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);letter-spacing:.06em;margin-bottom:var(--space-3);text-transform:uppercase}.testimonials-list{display:flex;flex-direction:column;gap:var(--space-4)}.testimonial-item{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-3) var(--space-4) var(--space-4) var(--space-4);transition:background-color var(--transition),box-shadow var(--transition)}.testimonial-item:hover{box-shadow:var(--shadow-md)}.testimonial-text{color:var(--color-text);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);margin-bottom:var(--space-2)}.testimonial-footer{align-items:center;display:flex;gap:var(--space-3);padding-top:var(--space-2)}.testimonial-avatar-wrapper{flex-shrink:0;position:relative}.testimonial-avatar{border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.testimonial-avatar img{display:block;height:100%;object-fit:cover;width:100%}.testimonial-company-badge{align-items:center;background:var(--color-bg);border:2px solid var(--color-surface);border-radius:50%;bottom:-2px;display:flex;height:14px;justify-content:center;overflow:hidden;position:absolute;right:-2px;width:14px;z-index:2}.testimonial-company-badge img{border-radius:var(--radius-full);height:100%;object-fit:cover;width:100%}.testimonial-person-info{flex:1 1;line-height:1.3}.testimonial-name{color:var(--color-text);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);margin:0 0 2px}.testimonial-company{color:var(--color-text-muted);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);margin:0}@media (max-width:767px){.testimonials-section{margin-top:var(--space-4);padding:var(--space-4) 0}.testimonial-item{padding:var(--space-2) var(--space-3) var(--space-3) var(--space-3)}.testimonial-avatar{height:36px;width:36px}}
/*# sourceMappingURL=main.146f6db5.css.map*/