:root{--color-bg: #faf9f6;--color-text: #2d2d2d;--color-text-secondary: #555555;--color-accent: #ffd44f;--color-accent-hover: #f5c431;--color-nav-bg: #faf9f6;--color-border: #e0e0e0;--color-link: #2d2d2d;--color-link-hover: #ffd44f;--color-footer-bg: #cbedf0;--color-footer-text: #2d2d2d;--color-hero-bg: #f5f4f0;--color-badge-bg: #e8e8e8;--color-badge-text: #555555;--color-shadow: #2d2d2d;--color-surface: #ffffff;--color-text-muted: #888888;--border-neo: 2px solid var(--color-shadow);--border-neo-thick: 4px;--color-orange: #ffad00;--color-teal: #4cc4cf;--color-green: #75d349;--color-mauve: #bea7be;--color-pink: #f13989;--color-blue: #cbedf0;--color-primary: var(--color-orange);--color-secondary: var(--color-accent);--color-tertiary: var(--color-mauve);--color-project: var(--color-accent);--color-card-tint: var(--color-teal);--color-card-bg: #f0fafa;--color-card-bg: color-mix(in srgb, var(--color-card-tint) 10%, var(--color-bg));--font-heading: "Bricolage Grotesque", "Raleway", sans-serif;--font-body: "Commissioner", "Inter", sans-serif;--text-2xs: .625rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: .9375rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.25rem;--text-3xl: 1.5rem;--text-4xl: 2rem;--text-5xl: 2.25rem;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--space-2xl: 6rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--max-width: 1200px;--side-nav-width: 200px;--transition-fast: .15s ease;--transition-base: .3s ease}@media(prefers-color-scheme:dark){:root{--color-bg: #1a1a1a;--color-text: #e8e8e8;--color-text-secondary: #aaaaaa;--color-nav-bg: #222222;--color-card-bg: #1d2224;--color-card-bg: color-mix(in srgb, var(--color-card-tint) 6%, var(--color-bg));--color-border: #333333;--color-link: #e8e8e8;--color-link-hover: #d4b03e;--color-footer-bg: #1e3a4a;--color-footer-text: #e8e8e8;--color-hero-bg: #161616;--color-badge-bg: #3a3a3a;--color-badge-text: #bbbbbb;--color-shadow: #000000;--color-surface: #242424;--color-text-muted: #777777;--color-orange: #d99300;--color-teal: #3a9ea8;--color-green: #5cb339;--color-mauve: #9c8a9c;--color-pink: #cc2e72;--color-blue: #a3cdd2;--color-accent: #d4b03e;--color-accent-hover: #c4a232}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base),color var(--transition-base)}img{max-width:100%;height:auto;display:block}a{color:var(--color-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-text)}ul,ol{list-style:none}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}.skip-link{position:absolute;top:-100%;left:var(--space-sm);z-index:10000;padding:var(--space-xs) var(--space-sm);background:var(--color-accent);color:#2d2d2d;font-weight:700;font-size:var(--text-base);border-radius:var(--radius-sm);transition:top var(--transition-fast)}.skip-link:focus{top:var(--space-xs)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--color-text)}h1{font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.02em}h2{font-size:clamp(1.5rem,3.5vw,2.25rem);letter-spacing:-.01em}h3{font-size:clamp(1.25rem,2.5vw,1.5rem)}h4{font-size:clamp(1.0625rem,1.5vw,1.25rem)}h5{font-size:var(--text-lg);font-weight:600}h6{font-size:var(--text-base);font-weight:600;text-transform:uppercase;letter-spacing:.03em}p{margin-bottom:var(--space-sm)}strong{font-weight:600}.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--space-md)}.section{padding-block:var(--space-xl)}.section+.section{padding-top:0}.site-header{position:sticky;top:0;z-index:1000;background:var(--color-nav-bg);border-bottom:1px solid var(--color-border);transition:background-color var(--transition-base)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;padding-block:var(--space-xs);max-width:var(--max-width);margin-inline:auto;padding-inline:var(--space-md)}.site-header__logo{flex-shrink:0;display:flex;align-items:center;gap:var(--space-sm)}.site-header__logo img{height:36px;width:auto}.site-header__nav{display:flex;align-items:center;gap:var(--space-md)}.site-header__nav-list{display:none;align-items:center;gap:var(--space-sm)}@media(min-width:960px){.site-header__nav-list{display:flex}}.site-header__nav-link{font-size:var(--text-base);font-weight:500;color:#2d2d2d;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);white-space:nowrap;display:inline-flex;align-items:center;gap:4px;border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick);transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast)}.site-header__nav-link:hover{filter:brightness(.88);color:#2d2d2d;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.projects-dropdown{position:relative}.projects-dropdown__trigger{display:inline-flex;align-items:center;gap:4px;cursor:pointer;font-family:var(--font-body);line-height:inherit}.projects-dropdown__chevron{transition:transform var(--transition-fast)}.projects-dropdown.is-open .projects-dropdown__chevron{transform:rotate(180deg)}.projects-dropdown__menu{display:none;position:absolute;top:calc(100% + var(--space-xs));left:0;min-width:220px;background:var(--color-nav-bg);border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick);border-radius:var(--radius-md);padding:var(--space-sm);z-index:1001;flex-direction:column;gap:var(--space-xs)}.projects-dropdown.is-open .projects-dropdown__menu{display:flex}.projects-dropdown__item{display:block;padding:var(--space-xs) var(--space-sm);font-size:var(--text-base);font-weight:500;color:#2d2d2d;background:var(--item-accent, var(--color-accent));border-radius:var(--radius-full);border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick);transition:filter var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.projects-dropdown__item:hover{filter:brightness(.88);color:#2d2d2d;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.projects-dropdown__item--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.site-header__nav-link--disabled{opacity:.5;cursor:not-allowed;pointer-events:none;position:relative}.coming-soon-badge{font-size:var(--text-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--color-badge-bg);color:var(--color-badge-text);padding:2px 6px;border-radius:var(--radius-full);margin-left:4px;vertical-align:middle}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;cursor:pointer;color:var(--color-text)}@media(min-width:960px){.mobile-menu-toggle{display:none}}.mobile-nav{display:none;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm) var(--space-md) var(--space-md);background:var(--color-nav-bg);border-bottom:1px solid var(--color-border)}.mobile-nav.is-open{display:flex}.mobile-nav a,.mobile-nav span{display:block;padding:var(--space-xs) var(--space-md);font-size:var(--text-md);color:#2d2d2d;border-radius:var(--radius-full);border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick);transition:filter var(--transition-fast)}.mobile-nav a:hover{filter:brightness(.88)}.hero{padding-block:var(--space-xl) var(--space-lg);background:var(--color-hero-bg);transition:background-color var(--transition-base)}.hero__content{max-width:720px}.hero__title{margin-bottom:var(--space-sm)}.hero__subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:1.6}.hero__cta{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-lg);font-weight:600;color:#2d2d2d;background:var(--color-orange);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick);transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast)}.hero__cta:hover{background:#e69a00;color:#2d2d2d;filter:brightness(.88);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.about-preview__cta{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-lg);font-weight:600;color:#2d2d2d;background:var(--color-mauve);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick);transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast)}.about-preview__cta:hover{background:#a890a8;color:#2d2d2d;filter:brightness(.88);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.hero__cta-arrow{display:inline-block}.hero__inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}@media(min-width:768px){.hero__inner{flex-direction:row;justify-content:space-between;align-items:center}}.hero__photo{flex-shrink:0}.hero__photo-img{width:200px;height:200px;border-radius:50%;object-fit:cover;border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick)}@media(min-width:768px){.hero__photo-img{width:260px;height:260px}}.case-hero{padding-block:var(--space-xl) var(--space-lg);background:var(--color-hero-bg);transition:background-color var(--transition-base)}.case-hero__meta{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-md);margin-top:var(--space-sm);font-size:var(--text-base);color:var(--color-text-secondary)}.case-hero__meta dt{font-weight:600;color:var(--color-text)}.case-hero__meta dd{margin-left:0}.case-hero__meta-item{display:flex;gap:.25rem}.case-hero .reveal{width:100%}.case-hero__tagline-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-top:var(--space-md)}.case-hero__tagline-row .case-hero__tagline{margin-top:0;max-width:none}.case-hero__tagline-row .prototype-link{margin-block:0;flex-shrink:0}.case-hero__tagline{margin-top:var(--space-md);font-size:clamp(1rem,2vw,1.25rem);color:var(--color-text-secondary);max-width:640px}.case-hero__badges{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md);justify-content:flex-end}.case-hero__badge{display:inline-flex;flex-direction:column;background:var(--color-project, var(--color-teal));color:#2d2d2d;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);border:none;font-weight:700;font-size:var(--text-base);line-height:1.3}.case-hero__badge-label{font-size:var(--text-xs);font-weight:500;color:#444}.case-hero__image{margin-top:var(--space-lg);border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick)}.case-hero__image img{width:100%}.impact-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-md);padding-block:var(--space-lg)}.impact-metric{background:var(--color-card-bg);padding:var(--space-md);border-radius:var(--radius-md);border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick)}.impact-metric__value{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;color:var(--color-text)}.impact-metric__label{font-size:var(--text-base);color:var(--color-text-secondary);margin-top:var(--space-xs)}.problem-statement{background:var(--color-card-bg);padding:var(--space-md);border-radius:var(--radius-md);border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick);font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.7;margin-block:var(--space-md)}.projects-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg);padding:0}@media(min-width:768px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}.project-card{background:var(--color-card-bg);border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick);transition:transform var(--transition-base),box-shadow var(--transition-base);display:flex;flex-direction:column}.project-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000014}.project-card--disabled{pointer-events:none;background:#d5d3cf}@media(prefers-color-scheme:dark){.project-card--disabled{background:#1e1e1e}}.project-card__accent-bar{height:4px;background:var(--card-accent, var(--color-accent))}.project-card__image{aspect-ratio:4 / 3;overflow:hidden;background:var(--card-accent, var(--color-border))}.project-card__image img{width:100%;height:100%;object-fit:contain;transition:transform .5s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-card__image img{transform:scale(1.06)}.project-card--disabled .project-card__image img{transition:none}.project-card__body{padding:var(--space-md);display:flex;flex-direction:column;flex:1}.project-card__meta{display:flex;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.project-card__title{margin-bottom:var(--space-xs)}.project-card__description{font-size:var(--text-md);color:var(--color-text-secondary);margin-bottom:var(--space-sm);flex:1}.project-card__cta{display:inline-flex;align-items:center;gap:.25rem;font-weight:600;font-size:var(--text-base);color:#2d2d2d;background:var(--card-accent, var(--color-accent));padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick);transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast)}.project-card__cta:hover{color:#2d2d2d;filter:brightness(.88);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.project-card__coming-soon{display:inline-flex;align-items:center;font-weight:600;font-size:var(--text-sm);color:var(--color-badge-text);background:var(--color-badge-bg);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);border:2px solid var(--color-border);letter-spacing:.03em}.case-body{max-width:var(--max-width);margin-inline:auto;padding-inline:var(--space-md)}@media(min-width:992px){.case-body{display:grid;grid-template-columns:var(--side-nav-width) 1fr;gap:0 var(--space-lg)}}.side-nav{display:none}@media(min-width:992px){.side-nav{display:block;position:sticky;top:80px;height:fit-content;margin-block:var(--space-xl);z-index:100}}.side-nav__list{position:relative;display:flex;flex-direction:column;gap:6px}.side-nav__highlight{position:absolute;left:0;width:3px;background:var(--color-project, var(--color-accent));border-radius:2px;transition:transform var(--transition-base),height var(--transition-base);z-index:-1}.side-nav__link{display:block;padding:4px 12px;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:color var(--transition-fast)}.side-nav__link[aria-current=true]{color:var(--color-text);font-weight:600}.case-content{max-width:var(--max-width);margin-inline:auto}.case-section a:not(.prototype-link):not(.photo-credit a):not(.prev-next-nav__link){text-decoration:underline;text-decoration-color:var(--color-project, var(--color-accent));text-underline-offset:3px;text-decoration-thickness:2px}.case-section a:not(.prototype-link):not(.photo-credit a):not(.prev-next-nav__link):hover{text-decoration-color:var(--color-text)}.img-centered{display:block;margin-inline:auto}.workshop-grid .photo-figure{cursor:pointer}.workshop-grid .photo-figure:hover img{filter:brightness(.9);transition:filter .2s ease}.workshop-hint{font-size:var(--text-sm);color:var(--color-text-secondary);font-style:italic;margin-bottom:var(--space-sm)}.case-section{padding-block:var(--space-lg)}.case-section__heading{margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:3px solid var(--color-project, var(--color-accent));display:inline-block}.case-section p{margin-bottom:0;color:var(--color-text-secondary);line-height:1.7}.case-section img:not([class*=png-device-frame]):not(.photo){border-radius:var(--radius-md);margin-block:var(--space-md);border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick)}.case-section img.photo{border-radius:var(--radius-md);margin-block:var(--space-md)}.case-section h3{margin-top:var(--space-lg);margin-bottom:var(--space-xs)}.case-annotation{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600}.case-annotation__arrow{font-size:var(--text-lg);color:var(--color-text-secondary)}.user-profile{display:grid;grid-template-columns:1fr;gap:var(--space-md);background:var(--color-card-bg);padding:var(--space-md);border-radius:var(--radius-md);margin-block:var(--space-md);border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick)}@media(min-width:600px){.user-profile{grid-template-columns:auto 1fr}}.user-profile__details dt{font-weight:600;font-size:var(--text-sm);color:var(--color-text);text-transform:uppercase;letter-spacing:.05em}.user-profile__details dd{margin-left:0;margin-bottom:var(--space-xs);color:var(--color-text-secondary)}.user-intro{display:flex;flex-direction:column;gap:var(--space-lg);margin-block:var(--space-md);align-items:center}@media(min-width:600px){.user-intro{flex-direction:row;align-items:flex-start}}.user-intro__photo{flex-shrink:0}.case-section .user-intro__photo img{width:200px;height:200px;object-fit:cover;border-radius:var(--radius-full);border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick)}@media(min-width:768px){.case-section .user-intro__photo img{width:260px;height:260px}}.user-intro__text{flex:1}.user-intro__stats{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.usage-chart{width:100%;height:auto;margin-block:var(--space-md)}.three-col{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-block:var(--space-md);align-items:start}@media(min-width:768px){.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}}.problem-statement__label{font-size:var(--text-base);font-weight:700;color:var(--color-text);margin:0 0 var(--space-xs) 0!important}.three-col .problem-statement{padding:var(--space-md);margin-block:0}.user-intro__stats-heading{font-size:var(--text-lg);font-weight:700;color:var(--color-text);margin-top:var(--space-md);margin-bottom:0}.ipad-frame{margin-top:var(--space-lg)}.ipad-frame__body{position:relative;background:#2d2d2d;border-radius:24px;padding:20px 32px;box-shadow:0 2px 20px #00000026,inset 0 1px #ffffff0d;border:2px solid #1a1a1a}@media(min-width:768px){.ipad-frame__body{border-radius:32px;padding:24px 40px}}.ipad-frame__camera{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:#1a1a1a;border:1px solid #111}@media(min-width:768px){.ipad-frame__camera{right:18px;width:10px;height:10px}}.ipad-frame__screen{border-radius:6px;overflow:hidden;background:#000}@media(min-width:768px){.ipad-frame__screen{border-radius:8px}}.ipad-frame__screen img{display:block;width:100%;height:auto}@media(prefers-color-scheme:dark){.ipad-frame__body{background:#3a3a3a;border-color:#222;box-shadow:0 2px 20px #0006,inset 0 1px #ffffff08}}.desktop-frame{margin-top:var(--space-lg);text-align:center}.desktop-frame__body{position:relative;background:#2d2d2d;border-radius:12px 12px 0 0;padding:16px 16px 12px;border:3px solid #2d2d2d}@media(min-width:768px){.desktop-frame__body{border-radius:16px 16px 0 0;padding:20px 24px 16px}}.desktop-frame__screen{border-radius:4px;overflow:hidden;background:#000}.desktop-frame__screen img{display:block;width:100%;height:auto}.desktop-frame__stand{color:#2d2d2d;display:flex;justify-content:center}.desktop-frame__stand svg{width:160px;height:40px}@media(prefers-color-scheme:dark){.desktop-frame__body{background:#3a3a3a;border-color:#222}.desktop-frame__stand{color:#3a3a3a}}.phone-frame{margin-top:var(--space-lg);display:flex;justify-content:center}.phone-frame__body{position:relative;background:#2d2d2d;border-radius:36px;padding:12px;border:3px solid #1a1a1a;width:260px;box-shadow:0 8px 30px #0000002e}@media(min-width:768px){.phone-frame__body{width:300px;border-radius:44px;padding:14px}}.phone-frame__notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:80px;height:22px;background:#2d2d2d;border-radius:0 0 14px 14px;z-index:2}@media(min-width:768px){.phone-frame__notch{top:14px;width:90px;height:24px}}.phone-frame__screen{border-radius:24px;overflow:hidden;background:#000;position:relative;aspect-ratio:9 / 19.5}@media(min-width:768px){.phone-frame__screen{border-radius:30px}}.phone-frame__screen img,.phone-frame__screen video{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.phone-frame__still{display:none}@media(prefers-color-scheme:dark){.phone-frame__body{background:#3a3a3a;border-color:#222}.phone-frame__notch{background:#3a3a3a}}.png-device-frame{position:relative;margin-top:var(--space-lg);display:flex;justify-content:center;overflow:hidden}.png-device-frame__device{display:block;width:100%;height:auto;position:relative;z-index:2;pointer-events:none}.png-device-frame__screen,.png-device-frame video.png-device-frame__screen{position:absolute;z-index:1;object-fit:cover;object-position:top;background:var(--device-screen-bg, #f5f5f4)}.png-device-frame--contain .png-device-frame__screen{object-fit:contain;object-position:center}.png-device-frame--phone{max-width:300px;margin-inline:auto}.png-device-frame--phone .png-device-frame__screen{top:2.8%;left:5.2%;width:89.6%;height:94.4%;border-radius:10%/5%}.png-device-frame--ipad{max-width:800px;margin-inline:auto}.png-device-frame--ipad .png-device-frame__screen{top:5.5%;left:4.7%;width:90.6%;height:89%;border-radius:2%/3%}.png-device-frame--ipad video.png-device-frame__screen{object-fit:contain;object-position:center;outline:24px solid #000}.png-device-frame--inline{margin-top:var(--space-md);max-width:260px}@media(min-width:768px){.png-device-frame--phone{max-width:340px}.png-device-frame--inline{max-width:280px}}.png-device-frame--laptop{max-width:900px;margin-inline:auto}.png-device-frame--laptop .png-device-frame__screen{top:2.4%;left:11.4%;width:77.2%;height:82%;border-radius:.8%/1.2%;z-index:3}.journey-map{margin-block:var(--space-md)}.journey-map__grid{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}@media(min-width:600px){.journey-map__grid{grid-template-columns:1fr 1fr}}.journey-map__stage{background:var(--color-card-bg);padding:var(--space-sm);border-radius:var(--radius-md);border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick)}.journey-map__stage-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);margin-bottom:var(--space-xs)}.journey-map__icon-wrap{flex-shrink:0;width:36px;height:36px;background:var(--color-project, var(--color-teal));border-radius:50%;display:flex;align-items:center;justify-content:center}.journey-map__icon{width:20px;height:20px;color:var(--color-text)}.journey-map__stage-title{font-size:var(--text-base);font-weight:700}.journey-map__stage dt{font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text);margin-top:var(--space-xs)}.journey-map__stage dd{font-size:var(--text-sm);color:var(--color-text-secondary);margin-left:0}.decisions-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm);margin-block:var(--space-md)}.decisions-grid .decision-card{flex:1 1 100%;max-width:100%}@media(min-width:600px){.decisions-grid .decision-card{flex:1 1 calc(50% - var(--space-sm));max-width:calc(50% - var(--space-sm))}}@media(min-width:900px){.decisions-grid .decision-card{flex:0 1 calc(33.333% - var(--space-sm));max-width:calc(33.333% - var(--space-sm))}}.view-modes-gallery{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin:2rem 0}@media(min-width:768px){.view-modes-gallery{grid-template-columns:1fr 2fr;align-items:center}}.view-modes-gallery__text{display:flex;align-items:center}.view-modes-gallery__text .decision-card{margin:0;width:100%}.view-modes-gallery figure{margin:0}.view-modes-gallery img{width:100%;border-radius:.5rem}.decision-card{background:var(--color-card-bg);padding:var(--space-md);border-radius:var(--radius-md);border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick);text-align:center;width:100%}.decision-card__icon-wrap{width:44px;height:44px;background:var(--color-project, var(--color-teal));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-sm)}.decision-card__icon{width:22px;height:22px;color:var(--color-text)}.decision-card__insight{font-weight:600;margin-bottom:var(--space-xs)}.decision-card__response{color:var(--color-text-secondary);font-size:var(--text-md)}.goals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-md);margin-block:var(--space-md)}.goal-card{background:var(--color-card-bg);padding:var(--space-md);border-radius:var(--radius-md);text-align:center;border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick)}.goal-card__label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text);margin-bottom:var(--space-xs)}.goal-card__text{font-size:var(--text-md);color:var(--color-text-secondary)}.learnings-list{display:grid;gap:var(--space-sm);margin-block:var(--space-md)}.learning-item{background:var(--color-card-bg);padding:var(--space-md);border-radius:var(--radius-md);display:flex;gap:var(--space-sm);border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick)}.learning-item__number{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;color:var(--color-text);flex-shrink:0}.learning-item__text{color:var(--color-text-secondary);line-height:1.6}.next-steps{display:grid;gap:var(--space-sm);margin-block:var(--space-md)}.next-step{background:var(--color-card-bg);padding:var(--space-md);border-radius:var(--radius-md);border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick)}.case-section .next-step__title{font-weight:600;margin-top:var(--space-xs);margin-bottom:var(--space-xs)}.next-step__text{color:var(--color-text-secondary);font-size:var(--text-md)}.next-step__done{font-size:var(--text-xs);font-weight:700;color:var(--color-text);background:var(--color-accent);padding:2px 10px;border-radius:9999px;margin-left:.5rem;vertical-align:middle}.next-step__update{margin-top:var(--space-xs);font-size:var(--text-sm);font-style:italic;color:var(--color-text-secondary)}.makeathon-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-block:var(--space-md)}@media(min-width:768px){.makeathon-grid{grid-template-columns:1fr 1fr}}.makeathon-grid__stack{display:flex;flex-direction:column;gap:var(--space-sm)}.makeathon-grid__stack img,.makeathon-grid__large img{width:100%;border-radius:var(--radius-md)}.figma-embed{margin-block:var(--space-md);border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick)}.figma-embed iframe{display:block;border:none}.sticker-sheet{margin-block:var(--space-md)}.sticker-sheet img{border-radius:var(--radius-md);border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick)}.prev-next-nav{display:flex;justify-content:space-between;gap:var(--space-md);padding-block:var(--space-lg);border-top:1px solid var(--color-border);margin-top:var(--space-xl)}.prev-next-nav__link{display:flex;flex-direction:column;gap:4px;padding:var(--space-sm);border-radius:var(--radius-md);transition:background var(--transition-fast);max-width:50%}.prev-next-nav__link:hover{background:var(--color-card-bg)}.prev-next-nav__link--next{text-align:right;margin-left:auto}.prev-next-nav__label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.prev-next-nav__title{font-weight:600;color:var(--color-text)}.about-hero{display:grid;grid-template-columns:1fr;gap:var(--space-lg);align-items:center;padding-block:var(--space-xl)}@media(min-width:768px){.about-hero{grid-template-columns:3fr 1fr}}.about-hero__image{border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick)}.about-hero__image img{width:100%;aspect-ratio:3 / 4;object-fit:cover}.about-hero__image--circle{border-radius:50%;max-width:300px;margin-inline-start:auto}.about-hero__image--circle img{aspect-ratio:1 / 1}.recent-wins{display:flex;flex-wrap:wrap;gap:var(--space-sm);grid-column:1 / -1}.recent-win{display:inline-flex;flex-direction:column;background:var(--color-accent);color:var(--color-shadow);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick);font-weight:700;font-size:var(--text-base);line-height:1.3}.recent-win--orange{background:var(--color-orange)}.recent-win--teal{background:var(--color-teal)}.recent-win__label{font-size:var(--text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#1a1a1a}.recent-win__sub{font-size:var(--text-xs);font-weight:500;color:#2d2d2d}.skills-list{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-block:var(--space-md)}.skill-tag{background:var(--color-card-bg);padding:6px 16px;border-radius:var(--radius-full);font-size:var(--text-base);font-weight:500;color:var(--color-text);border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick)}.story-section{display:grid;grid-template-columns:1fr;gap:var(--space-lg);padding-block:var(--space-lg);align-items:center}@media(min-width:768px){.story-section{grid-template-columns:1fr 1fr}.story-section--reverse{direction:rtl}.story-section--reverse>*{direction:ltr}}.story-section__image{border-radius:var(--radius-md);overflow:hidden}.story-section__image img{width:100%;border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick);border-radius:var(--radius-md)}.story-section__image .story-section__circle-photo{width:200px;height:200px;border-radius:50%;object-fit:cover;border:3px solid var(--color-shadow);margin:0 auto}.story-section__image--compact{display:flex;flex-direction:column;gap:var(--space-sm)}.story-section__image--compact img{max-width:280px;margin:0 auto}.looking-for{display:flex;align-items:center;justify-content:center;gap:var(--space-md);background:var(--color-bg);border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick);border-radius:var(--radius-md);padding:var(--space-lg);max-width:720px;margin-inline:auto}.looking-for__text{max-width:26rem}.looking-for__right{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);flex-shrink:0}.looking-for__photo{width:180px;height:180px;border-radius:50%;object-fit:cover;object-position:top;border:3px solid var(--color-shadow)}@media(max-width:600px){.looking-for{flex-direction:column;align-items:center;text-align:center}}.case-img--centered{display:block;margin-inline:auto;max-width:min(480px,100%)}.site-footer{background:var(--color-footer-bg);color:var(--color-footer-text);padding-block:var(--space-xl) var(--space-lg);border-top:3px solid var(--color-shadow);margin-top:var(--space-2xl)}.site-footer a:not(.site-footer__link){color:var(--color-footer-text)}.site-footer__grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media(min-width:768px){.site-footer__grid{grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:start}}.site-footer__divider{border-top:1px solid rgba(45,45,45,.2);margin-top:var(--space-lg)}.site-footer__cta{text-align:left}.site-footer__heading{color:var(--color-footer-text);margin-bottom:var(--space-sm)}.site-footer__text{color:#2d4a4f;margin-bottom:var(--space-md)}.site-footer__links{display:flex;gap:var(--space-sm)}.site-footer__link{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);color:#2d2d2d;border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick);border-radius:var(--radius-full);font-weight:600;font-size:var(--text-base);transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast)}.site-footer__link:hover{filter:brightness(.88);color:#2d2d2d;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.site-footer__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-md);font-size:var(--text-sm);color:#3d5c60}@media(prefers-color-scheme:dark){.site-header__nav-link,.site-header__nav-link:hover,.site-footer__link,.site-footer__link:hover,.hero__cta,.hero__cta:hover,.about-preview__cta,.about-preview__cta:hover,.project-card__cta,.project-card__cta:hover,.case-hero__badge,.recent-win{color:#2d2d2d}.mobile-nav{background:var(--color-bg)}.mobile-nav a,.mobile-nav span,.skill-tag{color:var(--color-text)}.work-dropdown__menu{background:var(--color-bg);border-color:var(--color-border)}.work-dropdown__item{color:var(--color-text)}.work-dropdown__item:hover{background:var(--color-border)}.work-dropdown__group-label{color:var(--color-text-secondary)}.site-footer__text{color:#c8d8dc}.site-footer__bottom{color:#a8c0c8}.site-footer__divider{border-top-color:#e8e8e81a}.contact-form__submit,.prototype-link,.prototype-link:hover,.hp-hero__btn--primary{color:#2d2d2d}.hp-card__visual--comboard{background:#c87020}.hp-card__visual--budget{background:#3a9ea8}.hp-card__visual--game{background:#ba6e24}.hp-card__visual--exhibit{background:#9c8a9c}.hp-small__visual--gallery{background:#ba6e24}.hp-small__visual--synology{background:#1f6acc}.hp-small__visual--budgetapp{background:#5cb339}.case-hero__badge-label{color:#333}}.contact-form{display:flex;flex-direction:column;gap:var(--space-sm)}.contact-form__heading{color:var(--color-footer-text);margin-bottom:0}.contact-form__field{display:flex;flex-direction:column;gap:4px}.contact-form__label{font-size:var(--text-sm);font-weight:600;color:var(--color-footer-text)}.contact-form__input{padding:var(--space-xs) var(--space-sm);border:2px solid var(--color-shadow);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-md);color:var(--color-text);background:var(--color-bg);transition:border-color var(--transition-fast)}.contact-form__input:focus{outline:3px solid var(--color-accent);outline-offset:1px;border-color:var(--color-accent)}.contact-form__textarea{resize:vertical;min-height:100px}.contact-form__submit{display:inline-flex;align-items:center;gap:var(--space-xs);align-self:flex-start;padding:var(--space-xs) var(--space-md);background:var(--color-orange);color:#2d2d2d;font-family:var(--font-body);font-size:var(--text-base);font-weight:600;border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick);border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast)}.contact-form__submit:hover{filter:brightness(.88);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.contact-form__success{margin-top:1rem;padding:1rem;background:var(--color-teal);color:#fff;border-radius:8px;font-weight:600;text-align:center}.contact-form__error{margin-top:1rem;padding:1rem;background:#d94040;color:#fff;border-radius:8px;font-weight:600;text-align:center}@media(prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(40px) scale(.97);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal[data-from=left]{transform:translate(-40px) scale(.97)}.reveal[data-from=right]{transform:translate(40px) scale(.97)}.reveal[data-from=down]{transform:translateY(-40px) scale(.97)}.reveal[data-zoom]{transform:scale(.92)}.reveal.is-visible{opacity:1;transform:translateY(0) translate(0) scale(1)}@keyframes bouncy{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.bouncy{animation:bouncy 1.5s ease-in-out infinite}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;transition:none!important}.bouncy{animation:none!important}.phone-frame__screen video{display:none}.phone-frame__still{display:block}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.embed-scroll-container{margin-top:var(--space-lg)}.goals-frustrations-banner{background:var(--color-card-bg);border:2px solid var(--color-project, var(--color-teal));border-radius:var(--radius-md);padding:var(--space-lg) var(--space-md);margin-block:var(--space-md)}.goals-frustrations-banner__inner{display:grid;grid-template-columns:1fr;gap:var(--space-md);max-width:var(--max-width);margin-inline:auto;padding-inline:var(--space-md)}@media(min-width:600px){.goals-frustrations-banner__inner{grid-template-columns:1fr 1fr}}.goals-frustrations-banner h3{margin-top:0;margin-bottom:var(--space-xs);color:var(--color-text)}.goals-frustrations-banner .styled-list li{color:var(--color-text)}.goals-frustrations-banner .styled-list li::marker{color:var(--color-project, var(--color-teal))}.goal-pair{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-block:var(--space-md)}@media(min-width:600px){.goal-pair{grid-template-columns:1fr 1fr}}.two-col{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-block:var(--space-md);align-items:start}@media(min-width:600px){.two-col{grid-template-columns:1fr 1fr}}.two-col img:not([class*=png-device-frame]){border-radius:var(--radius-md)}.four-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-block:var(--space-md);align-items:start}@media(min-width:768px){.four-col{grid-template-columns:repeat(4,minmax(0,1fr))}}.four-col img{border-radius:var(--radius-md)}.photo-figure{margin:0}.photo-figure img{border-radius:var(--radius-md);width:100%}.photo-figure figcaption{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-xs);line-height:1.5}.photo-figure figcaption .photo-credit{display:block;font-size:var(--text-xs);opacity:.7;margin-top:.2em}.flush-grid{display:grid;grid-template-columns:1fr;gap:var(--space-sm);margin-block:var(--space-md)}.flush-grid.cols-2,.flush-grid.cols-3{grid-template-columns:1fr}@media(min-width:600px){.flush-grid.cols-2{grid-template-columns:1fr 1fr}.flush-grid.cols-3{grid-template-columns:repeat(3,1fr)}}.flush-grid .photo-figure img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--radius-md)}.flush-grid--portrait .photo-figure img{aspect-ratio:3 / 4}.flush-grid--square .photo-figure img{aspect-ratio:1 / 1}.asymmetric-grid{display:grid;grid-template-columns:1fr;gap:var(--space-sm);margin-block:var(--space-md)}@media(min-width:600px){.asymmetric-grid{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.asymmetric-grid>:nth-child(1){grid-column:1;grid-row:1}.asymmetric-grid>:nth-child(2){grid-column:1;grid-row:2}.asymmetric-grid>:nth-child(3){grid-column:2;grid-row:1 / 3}.asymmetric-grid .photo-figure img{width:100%;height:100%;object-fit:cover}}.prototype-link{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--color-project, var(--color-accent));color:#2d2d2d;font-weight:600;font-size:var(--text-base);border-radius:var(--radius-full);border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick);transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);margin-block:var(--space-md)}.prototype-link:hover{filter:brightness(.88);color:#2d2d2d;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.user-quote{background:var(--color-card-bg);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick);font-style:italic;color:var(--color-text-secondary);margin-block:var(--space-md)}.user-quote:before{content:"“";font-size:var(--text-4xl);line-height:0;vertical-align:-.4em;color:var(--color-text);margin-right:4px}.comparison{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-block:var(--space-md)}@media(min-width:600px){.comparison{grid-template-columns:1fr 1fr}}.comparison__item{text-align:center}.comparison__label{font-weight:600;font-size:var(--text-base);margin-bottom:var(--space-xs);color:var(--color-text)}.comparison__item img:not([class*=png-device-frame]){border-radius:var(--radius-md);border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick)}.annotated-image{position:relative;margin-bottom:var(--space-md)}.annotated-image img{width:100%;border-radius:var(--radius-md);border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick);display:block}.annotated-image__label{position:absolute;background:var(--color-shadow);color:#fff;font-size:var(--text-xs);font-weight:600;padding:.25rem .75rem;border-radius:999px;white-space:nowrap;pointer-events:none;line-height:1.4}@media(max-width:640px){.annotated-image__label{font-size:var(--text-2xs);padding:.2rem .5rem}}.before-after{margin-bottom:var(--space-md)}.before-after__pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);align-items:start}.before-after__figure{margin:0}.before-after__figure img{width:100%;border-radius:var(--radius-md);border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick);display:block}.before-after__desc{color:var(--color-text-secondary);line-height:1.7;margin-top:var(--space-sm);margin-bottom:0}.before-after__divider{border:none;border-top:3px solid var(--color-accent);margin:var(--space-md) 0}.before-after__figure figcaption{font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);margin-top:.5rem;text-align:center}@media(max-width:640px){.before-after__pair{grid-template-columns:1fr}}.styled-list{list-style:disc;padding-left:1.25rem;margin-top:var(--space-xs)}.styled-list li+li{margin-top:.25rem}.site-header__nav-link:focus-visible,.project-card__cta:focus-visible,.prototype-link:focus-visible,.projects-dropdown__trigger:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}@media(max-width:479px){.container{padding-inline:var(--space-sm)}}@media(max-width:767px){:root{--space-xl: 2rem;--space-lg: 1.25rem;--space-2xl: 2.5rem;--space-md: 1rem}.case-body{padding-inline:0}.case-hero{padding-block:var(--space-lg) var(--space-md)}.case-hero__tagline-row{flex-wrap:wrap}.case-hero__badges{justify-content:flex-start}.case-section{padding-block:var(--space-md)}.case-section h3{margin-top:var(--space-md)}.case-section img:not([class*=png-device-frame]){margin-block:var(--space-sm)}.section{padding-block:var(--space-lg)}.decision-card,.next-step,.problem-statement,.goal-card,.learning-item,.impact-metric,.user-profile{padding:var(--space-sm)}.goals-frustrations-banner{padding:var(--space-md) var(--space-sm)}.goals-frustrations-banner__inner{padding-inline:0}.phone-frame__body{width:min(260px,70vw)}.ipad-frame__body{padding:14px 18px;border-radius:18px}.desktop-frame__body{padding:10px 10px 8px}.desktop-frame__stand svg{width:120px;height:30px}.styled-list li+li{margin-top:.125rem}.site-footer{padding-block:var(--space-lg) var(--space-md)}.site-footer__links{flex-wrap:wrap}.site-footer__bottom{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.case-section img,.case-section video,.figma-embed iframe{max-width:100%;height:auto}}#main-content img:not([aria-hidden=true]):not(.png-device-frame__device){cursor:zoom-in}.lightbox-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000d9;opacity:0;pointer-events:none;transition:opacity .25s ease;cursor:zoom-out;padding:var(--space-lg)}.lightbox-overlay--open{opacity:1;pointer-events:auto}.lightbox-content{max-width:900px;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);cursor:default}.lightbox-content__img{max-width:100%;max-height:75vh;object-fit:contain;border-radius:var(--radius-md)}.lightbox-caption{color:#faf9f6;font-size:var(--text-md);line-height:1.6;text-align:center;max-width:600px}.lightbox-close{position:absolute;top:var(--space-md);right:var(--space-md);background:none;border:none;color:#faf9f6;font-size:var(--text-4xl);cursor:pointer;line-height:1;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.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}.site-header__wordmark{font-family:var(--font-heading);font-weight:800;font-size:1.375rem;color:var(--color-text);letter-spacing:-.01em}.work-dropdown{position:relative}.work-dropdown__trigger{display:inline-flex;align-items:center;gap:4px;cursor:pointer;font-family:var(--font-body);line-height:inherit;background:var(--color-accent)}.work-dropdown__chevron{transition:transform var(--transition-fast)}.work-dropdown.is-open .work-dropdown__chevron{transform:rotate(180deg)}.work-dropdown__menu{display:none;position:absolute;top:calc(100% + var(--space-xs));left:0;min-width:280px;background:var(--color-nav-bg);border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick);border-radius:var(--radius-md);padding:var(--space-sm);z-index:1001;flex-direction:column;gap:var(--space-xs)}.work-dropdown.is-open .work-dropdown__menu{display:flex}.work-dropdown__group{display:flex;flex-direction:column;gap:6px}.work-dropdown__group+.work-dropdown__group{margin-top:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid var(--color-border)}.work-dropdown__group-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);padding:0 var(--space-sm)}.work-dropdown__item{display:block;padding:6px var(--space-sm);font-size:var(--text-base);font-weight:500;color:var(--color-text);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.work-dropdown__item:hover{background:var(--color-card-bg);color:var(--color-text)}.work-dropdown__item:focus-visible{outline:3px solid var(--color-accent);outline-offset:-2px}.mobile-nav__section{display:flex;flex-direction:column;gap:var(--space-xs)}.mobile-nav__section+.mobile-nav__section{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.mobile-nav__label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);padding:0 var(--space-md);background:none!important;border:none!important}.cs-hero{max-width:var(--max-width);margin-inline:auto;padding:var(--space-xl) var(--space-md) 0;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);grid-template-areas:"copy image" "facts facts" "metrics metrics";gap:var(--space-sm) var(--space-lg);align-items:start;align-content:start}.cs-hero__copy{grid-area:copy}.cs-hero__eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-secondary);font-weight:700}.cs-hero__headline{font-size:clamp(2.25rem,5vw,4rem);line-height:.98;letter-spacing:-.05em;margin:.75rem 0 1rem;max-width:760px}.cs-hero__deck{font-size:var(--text-xl);line-height:1.5;color:var(--color-text-secondary);margin:0;max-width:700px}.cs-hero__image{grid-area:image;max-height:390px;overflow:hidden}.cs-hero__image img{width:100%;height:100%;max-height:390px;object-fit:contain}.cs-hero__image-placeholder{width:100%;height:100%;min-height:300px;display:flex;align-items:center;justify-content:center;background:var(--color-hero-bg);color:var(--color-text-secondary);font-size:var(--text-2xl)}.cs-hero__facts{grid-area:facts;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm) var(--space-md);border-top:1px solid var(--color-border);padding-top:var(--space-sm)}.cs-hero__fact span{display:block;font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);margin-bottom:4px}.cs-hero__fact strong{display:block;font-size:var(--text-base);line-height:1.4}.cs-hero__metrics{grid-area:metrics;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-top:var(--space-sm);padding-top:var(--space-md)}.cs-hero__metric{border-top:3px solid var(--color-shadow);padding-top:var(--space-sm)}.cs-hero__metric strong{display:block;font-family:var(--font-heading);font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.04em;margin-bottom:4px}.cs-hero__metric small{display:block;font-size:var(--text-sm);line-height:1.4;color:var(--color-text-secondary);max-width:280px}@media(max-width:960px){.cs-hero{grid-template-columns:1fr;grid-template-areas:"copy" "image" "facts" "metrics";padding-top:var(--space-lg)}.cs-hero__image{max-height:none;min-height:250px}.cs-hero__facts{grid-template-columns:repeat(2,1fr)}.cs-hero__metrics{grid-template-columns:1fr}}.keep-exploring{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border);max-width:var(--max-width);margin-inline:auto;padding-inline:var(--space-md)}.keep-exploring__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);font-weight:800;margin-bottom:var(--space-sm)}.keep-exploring__grid{display:grid;grid-template-columns:1fr 1fr;border-top:3px solid var(--color-shadow);border-bottom:1px solid var(--color-border)}.keep-exploring__card{display:flex;flex-direction:column;padding:var(--space-md) var(--space-md) var(--space-md) 0;text-decoration:none;color:inherit;transition:background var(--transition-fast)}.keep-exploring__card:hover{color:inherit}.keep-exploring__card+.keep-exploring__card{border-left:1px solid var(--color-border);padding-left:var(--space-md);padding-right:0}.keep-exploring__kicker{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);font-weight:800}.keep-exploring__title{font-size:clamp(1.25rem,2.5vw,1.5rem);line-height:1.1;letter-spacing:-.03em;margin:.5rem 0 .375rem}.keep-exploring__headline{font-size:var(--text-base);line-height:1.45;color:var(--color-text-secondary);margin:0}.keep-exploring__link{display:inline-block;margin-top:auto;padding-top:var(--space-sm);font-size:var(--text-sm);font-weight:800;color:var(--color-text)}@media(max-width:640px){.keep-exploring__grid{grid-template-columns:1fr}.keep-exploring__card+.keep-exploring__card{border-left:none;border-top:1px solid var(--color-border);padding-left:0}}.side-nav__mobile{display:block;margin-bottom:var(--space-md)}.side-nav__desktop{display:none}@media(min-width:992px){.side-nav__mobile{display:none}.side-nav__desktop{display:block}}.side-nav__title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);font-weight:800;margin-bottom:var(--space-xs)}.side-nav__mobile-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-xs) var(--space-sm);background:var(--color-card-bg);border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:var(--color-text);cursor:pointer}.side-nav__mobile-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;font-weight:800}.side-nav__mobile-chevron{transition:transform var(--transition-fast)}.side-nav__mobile-trigger[aria-expanded=true] .side-nav__mobile-chevron{transform:rotate(180deg)}.side-nav__mobile-list{display:none;flex-direction:column;gap:2px;margin-top:var(--space-xs);padding:var(--space-xs);background:var(--color-card-bg);border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick);border-radius:var(--radius-sm)}.side-nav__mobile-list.is-open{display:flex}.side-nav__mobile-list .side-nav__link{padding:6px var(--space-sm);font-size:var(--text-base);border-radius:var(--radius-sm)}.hp-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--space-lg);align-items:center;max-width:var(--max-width);margin:0 auto var(--space-2xl);padding:var(--space-xl) var(--space-md) 0}.hp-hero__eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:700;font-family:var(--font-heading)}.hp-hero__headline{font-size:clamp(2.25rem,5vw,3.625rem);line-height:1.02;letter-spacing:-.055em;margin:var(--space-sm) 0;font-weight:800}.hp-hero__body{margin:0;max-width:640px;font-size:var(--text-xl);line-height:1.55;color:var(--color-text-secondary)}.hp-hero__actions{display:flex;gap:14px;margin-top:var(--space-md)}.hp-hero__btn{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-base);font-weight:650;padding:11px 17px;border-radius:var(--radius-full);border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick);transition:transform var(--transition-fast),box-shadow var(--transition-fast);color:var(--color-text);background:var(--color-bg)}.hp-hero__btn--primary{background:var(--color-orange);color:#2d2d2d}.hp-hero__btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.hp-hero__photo{overflow:hidden;border-radius:50%;border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick);aspect-ratio:1;max-width:380px;justify-self:end}.hp-hero__photo img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:960px){.hp-hero{grid-template-columns:1fr;margin-bottom:var(--space-xl);padding-top:var(--space-lg)}.hp-hero__headline{font-size:2.75rem}.hp-hero__body{font-size:var(--text-lg)}.hp-hero__photo{max-width:280px;justify-self:center}}.hp-section-heading{font-size:var(--text-5xl);letter-spacing:-.04em;margin:0 0 var(--space-md);max-width:var(--max-width);margin-inline:auto;padding-inline:var(--space-md)}.hp-featured{display:grid;gap:22px;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--space-md)}.hp-card{display:block;background:var(--color-card-bg);border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick);transition:transform var(--transition-base),box-shadow var(--transition-base);text-decoration:none;color:inherit}.hp-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000014;color:inherit}.hp-card__visual{min-height:260px;border-bottom:2px solid var(--color-shadow);padding:var(--space-md);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--color-hero-bg)}.hp-card__visual img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;padding:var(--space-sm)}.hp-card__visual--comboard{min-height:360px;background:#f28c28}.hp-card__visual--budget{min-height:560px;background:#4cc4cf}.hp-card__visual--game{min-height:165px;background:#e8892e}.hp-card__visual--exhibit{min-height:165px;background:#bea7be}.hp-card__visual-placeholder{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-text-secondary);opacity:.7;text-align:center;z-index:1}.hp-card__copy{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.hp-card__project{font-weight:750;font-size:var(--text-md);font-family:var(--font-heading)}.hp-card__title{margin:0;font-size:1.8125rem;line-height:1.08;letter-spacing:-.03em}.hp-card__desc{margin:0;font-size:var(--text-md);line-height:1.55;color:var(--color-text-secondary)}.hp-card__evidence{font-size:var(--text-base);line-height:1.45;font-weight:730;margin-top:4px}.hp-card__badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.hp-badge{border:2px solid var(--color-border);background:var(--color-badge-bg);color:var(--color-badge-text);border-radius:var(--radius-full);padding:6px 10px;font-size:var(--text-xs);font-weight:500}.hp-paired-row{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.hp-stack{display:grid;gap:22px;align-content:start}@media(max-width:960px){.hp-paired-row{grid-template-columns:1fr}.hp-card__visual--budget,.hp-card__visual--game,.hp-card__visual--exhibit{min-height:220px}}.hp-context-line{max-width:var(--max-width);margin:var(--space-2xl) auto var(--space-lg);padding:var(--space-md) var(--space-md) 0;border-top:2px solid var(--color-border)}.hp-context-line p{margin:0;max-width:930px;font-family:Georgia,Times New Roman,serif;font-size:1.75rem;line-height:1.38}@media(max-width:960px){.hp-context-line p{font-size:var(--text-3xl)}}.hp-other-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:18px;align-items:stretch;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--space-md)}.hp-small{display:grid;grid-template-rows:170px 1fr;background:var(--color-card-bg);border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick);transition:transform var(--transition-base),box-shadow var(--transition-base);text-decoration:none;color:inherit}.hp-small:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000014;color:inherit}.hp-small__visual{border-bottom:2px solid var(--color-shadow);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:var(--text-base);overflow:hidden;position:relative;background:var(--color-hero-bg)}.hp-small__visual img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;padding:var(--space-xs)}.hp-small__visual--gallery{background:#e8892e}.hp-small__visual--synology{background:#2684ff}.hp-small__visual--budgetapp{background:#75d349}.hp-small__copy{padding:var(--space-sm) var(--space-md) var(--space-md);display:flex;flex-direction:column;gap:10px}.hp-small__title{margin:0;font-size:1.375rem;line-height:1.14}.hp-small__desc{margin:0;color:var(--color-text-secondary);font-size:var(--text-base);line-height:1.5}.hp-small__metric{margin-top:auto;font-weight:730;font-size:var(--text-base)}@media(max-width:960px){.hp-other-grid{grid-template-columns:1fr}.hp-small{min-height:unset}}.hp-about-preview{max-width:var(--max-width);margin:var(--space-2xl) auto var(--space-lg);padding:var(--space-md) var(--space-md) 0;border-top:2px solid var(--color-border);display:grid;grid-template-columns:1fr auto;gap:var(--space-lg);align-items:end}.hp-about-preview p{margin:0;font-family:Georgia,Times New Roman,serif;font-size:var(--text-3xl);line-height:1.42;max-width:840px}.hp-about-preview__link{font-size:var(--text-base);font-weight:600;color:var(--color-text-secondary);white-space:nowrap;transition:color var(--transition-fast)}.hp-about-preview__link:hover{color:var(--color-text)}@media(max-width:960px){.hp-about-preview{grid-template-columns:1fr}.hp-about-preview__link{justify-self:start}}.about-page{max-width:var(--max-width);margin-inline:auto;padding:var(--space-xl) var(--space-md) var(--space-lg)}.about-page__layout{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-xl);align-items:start}.about-page__left p{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-sm)}.about-page__heading{margin-bottom:var(--space-sm)}.about-page__lede{font-size:var(--text-2xl);font-weight:500;margin-bottom:var(--space-sm)}.about-page__section{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.about-page__section h2{margin-bottom:var(--space-sm);font-size:var(--text-3xl)}.about-page__section p{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-sm)}.about-page__section p:last-child{margin-bottom:0}.about-page__right{position:sticky;top:calc(var(--space-xl) + 60px);display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.about-page__photo{border-radius:50%;overflow:hidden;border:2px solid var(--color-shadow);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick);aspect-ratio:1;width:100%;max-width:340px}.about-page__photo img{width:100%;height:auto;display:block;object-fit:cover}.about-page__aside{background:var(--color-surface);border:2px solid var(--color-border);border-right-width:var(--border-neo-thick);border-bottom-width:var(--border-neo-thick);border-radius:var(--radius-lg);padding:var(--space-md)}.about-page__aside h2{font-size:var(--text-2xl);margin-bottom:var(--space-xs)}.about-page__aside p{color:var(--color-text-secondary);line-height:1.7;font-size:var(--text-md)}.about-page__aside a{color:var(--color-text);text-decoration:underline;text-decoration-color:var(--color-border);text-underline-offset:3px;transition:text-decoration-color var(--transition-fast)}.about-page__aside a:hover{text-decoration-color:var(--color-text)}@media(max-width:768px){.about-page__layout{grid-template-columns:1fr}.about-page__right{position:static;order:-1}.about-page__photo{max-width:240px}}.expandable-depth{margin-top:var(--space-md);border:2px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.expandable-depth summary{padding:var(--space-sm) var(--space-md);font-weight:600;font-size:var(--text-md);cursor:pointer;background:var(--color-card-bg);list-style:none;display:flex;align-items:center;gap:var(--space-xs)}.expandable-depth summary::-webkit-details-marker{display:none}.expandable-depth summary:before{content:"+";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:var(--text-lg);font-weight:700;flex-shrink:0;border:2px solid var(--color-shadow);border-radius:4px;line-height:1}.expandable-depth[open] summary:before{content:"−"}.expandable-depth__body{padding:var(--space-sm) var(--space-md) var(--space-md);border-top:1px solid var(--color-border)}.expandable-depth__body ul{margin:0;padding-left:1.25em}.expandable-depth__body li{margin-bottom:var(--space-xs);font-size:var(--text-md);line-height:1.6;color:var(--color-text-secondary)}.expandable-depth__body li strong{color:var(--color-text)}.expandable-depth__subhead{font-size:var(--text-base);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:var(--space-md) 0 var(--space-xs)}.expandable-depth__subhead:first-child{margin-top:0}