:root{--color-black:#0a090b;--color-white:#fff;--color-cyan-100:#d9f9ff;--color-teal-700:#006d75;--color-sage-500:#a4c4ca80;--color-tag-research:#eac4ff;--color-tag-ux:#ffc4d1;--color-tag-ui:#c4ebff;--color-tag-service:#ffdcbb;--color-tag-visual-identity:#ffdcbb;--color-tag-design-engineering:#f8a7a7;--color-sticky:#fdee74;--color-sticky-pink:#f9c4e4;--color-background:var(--color-white);--color-surface:var(--color-white);--color-text:var(--color-black);--color-text-inverse:var(--color-white);--color-primary:var(--color-teal-700);--color-accent:var(--color-teal-700);--color-pop:#026fe5;--color-caption:var(--color-accent);--color-overlay:#0a090beb;--color-header-bg:var(--color-cyan-100);--color-nav-active:var(--color-sage-500);--color-border:var(--color-black);--font-family-base:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-display:"DM Serif Display", Georgia, "Times New Roman", serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-size-2xs:1.25rem;--font-size-xs:clamp(1.125rem, .857rem + 1.143vw, 1.5rem);--font-size-sm:1.75rem;--font-size-md:2.25rem;--font-size-lg:3rem;--font-size-xl:3.375rem;--font-size-body:clamp(1rem, .911rem + .381vw, 1.125rem);--font-size-body-lg:1.5rem;--font-size-caption:var(--font-size-body);--line-height-caption:var(--line-height-normal);--line-height-tight:1.1;--line-height-snug:1.25;--line-height-normal:1.5;--letter-spacing-label:.1em;--letter-spacing-meta:.1em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-18:4.5rem;--space-20:5rem;--space-35:8.75rem;--space-24:6rem;--border-width:2px;--border-width-thick:4px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-pill:999px;--shadow-image:20px 20px 70px 0 #00000040;--shadow-image-drop:20px 20px 70px #00000040;--shadow-sm:0 1px 3px #0000001f;--shadow-md:0 4px 16px #00000024;--z-overlay:1000;--header-height:96px;--control-height:54px;--content-max-width:1440px;--figure-width-narrow:32rem;--page-padding-x:var(--space-6);--container-padding-x:var(--space-16);--card-media-width:47rem;--card-text-width:34.5rem;--transition-fast:.12s ease;--transition-base:.2s ease}@media (width<=900px){:root{--container-padding-x:var(--space-6)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scrollbar-gutter:stable}body{font-family:var(--font-family-base);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}img,picture,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug)}:focus-visible{outline:var(--border-width) solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.container{width:100%;max-width:var(--content-max-width);padding-inline:var(--container-padding-x);margin-inline:auto}.lang-switcher{position:relative}.lang-switcher__button{justify-content:space-between;align-items:center;gap:var(--space-3);min-width:180px;min-height:var(--control-height);padding:var(--space-1) var(--space-3);border:var(--border-width) solid var(--color-border);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);cursor:pointer;background:0 0;display:inline-flex}.lang-switcher__chevron{width:22px;height:auto;transition:transform var(--transition-fast)}.lang-switcher__chevron.is-open{transform:rotate(180deg)}.lang-switcher__menu{top:calc(100% + var(--space-1));background:var(--color-surface);border:var(--border-width) solid var(--color-border);z-index:10;min-width:180px;list-style:none;position:absolute;right:0}.lang-switcher__option{text-align:left;width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);cursor:pointer;background:0 0;border:none;display:block}.lang-switcher__option:hover,.lang-switcher__option:focus-visible{background:var(--color-nav-active)}.lang-switcher__option.is-current{font-weight:var(--font-weight-semibold)}@media (width<=1024px){.lang-switcher__button,.lang-switcher__option{font-size:var(--font-size-2xs)}.lang-switcher__button{min-width:150px;min-height:44px}.lang-switcher__menu{min-width:150px}}@media (width<=860px){.lang-switcher__button,.lang-switcher__option{font-size:var(--font-size-body)}.lang-switcher__button{gap:var(--space-2);min-width:128px;min-height:40px}.lang-switcher__menu{min-width:128px}.lang-switcher__chevron{width:18px}}@media (width<=768px){.lang-switcher__button,.lang-switcher__option{font-size:var(--font-size-body-lg)}.lang-switcher__button{gap:var(--space-3);min-width:180px;min-height:var(--control-height)}.lang-switcher__menu{min-width:180px}.lang-switcher__chevron{width:22px}}.header{z-index:100;height:var(--header-height);background:var(--color-background);transition:background-color var(--transition-base);position:fixed;top:0;left:0;right:0}.header[data-scrolled=true],.header[data-open=true]{background:var(--color-header-bg)}.header__inner{height:100%;max-width:var(--content-max-width);padding-inline:var(--page-padding-x);justify-content:space-between;align-items:center;margin-inline:auto;display:flex}.wordmark{padding:var(--space-1) var(--space-3);border:var(--border-width) solid var(--color-border);font-family:var(--font-family-display);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-snug);white-space:nowrap;transition:background-color var(--transition-base);align-items:center;display:inline-flex}.wordmark:hover{background:var(--color-nav-active)}.header__nav{align-items:center;gap:var(--space-3);display:flex}.header__nav-link{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);white-space:nowrap}.header__nav-link.is-active{background:var(--color-nav-active)}.header__hamburger{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:none}.header__hamburger-bars,.header__hamburger-bars:before,.header__hamburger-bars:after{content:"";background:var(--color-text);width:26px;height:2px;transition:transform var(--transition-base), opacity var(--transition-base);display:block}.header__hamburger-bars{position:relative}.header__hamburger-bars:before{position:absolute;top:-8px;left:0}.header__hamburger-bars:after{position:absolute;top:8px;left:0}.header[data-open=true] .header__hamburger-bars{background:0 0}.header[data-open=true] .header__hamburger-bars:before{transform:translateY(8px)rotate(45deg)}.header[data-open=true] .header__hamburger-bars:after{transform:translateY(-8px)rotate(-45deg)}@media (width<=1024px){:root{--header-height:72px}.wordmark{font-size:var(--font-size-body-lg)}.header__nav{gap:var(--space-2)}.header__nav-link{font-size:var(--font-size-2xs)}}@media (width<=860px){.header__nav-link{font-size:var(--font-size-body);padding:var(--space-1)}}@media (width<=768px){.header__hamburger{display:inline-flex}.header__nav{top:var(--header-height);align-items:flex-end;gap:var(--space-2);padding:var(--space-4) var(--page-padding-x) var(--space-6);background:var(--color-header-bg);box-shadow:var(--shadow-md);flex-direction:column;display:none;position:absolute;left:0;right:0}.header[data-open=true] .header__nav{display:flex}.header__nav-link{text-align:right;width:100%;font-size:var(--font-size-body-lg);padding:var(--space-2)}}.action-links{gap:var(--space-4);display:flex}.action-links--column{flex-direction:column}.action-links--row{flex-flow:wrap}.action-links--start{align-items:flex-start}.action-links--end{align-items:flex-end}.action-links__button{align-items:center;gap:var(--space-3);min-height:var(--control-height);padding:var(--space-1) var(--space-3);border:var(--border-width) solid var(--color-border);color:var(--color-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-snug);text-align:left;cursor:pointer;transition:background-color var(--transition-base);background:0 0;display:inline-flex}.action-links__button:hover{background:var(--color-nav-active)}.action-links__icon{flex:none;width:24px;height:24px}@media (width<=768px){.action-links__button{font-size:var(--font-size-body);min-height:44px}.action-links__icon{width:20px;height:20px}}.footer{padding-top:calc(var(--space-35) - var(--space-20))}.footer__cta{gap:var(--space-18);grid-template-columns:1fr 1fr;align-items:center;display:grid}.footer__headline{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug)}.footer__bar{margin-top:var(--space-35);background:var(--color-header-bg)}.footer__bar-inner{min-height:var(--header-height);max-width:var(--content-max-width);padding-inline:var(--page-padding-x);align-items:center;margin-inline:auto;display:flex}@media (width<=900px){.footer__cta{gap:var(--space-8);grid-template-columns:1fr}.footer__headline{font-size:var(--font-size-md)}}@media (width<=768px){.footer__headline{font-size:var(--font-size-body-lg)}.footer__bar{margin-top:var(--space-16)}}.layout{flex-direction:column;min-height:100vh;display:flex}.layout__main{padding-top:var(--header-height);flex:1 0 auto}.intro{padding-block:var(--space-35) 0}.intro__inner{gap:var(--space-18);grid-template-columns:1fr 1fr;align-items:center;display:grid}.intro__headline{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug)}@media (width<=900px){.intro__inner{gap:var(--space-8);grid-template-columns:1fr}.intro__headline{font-size:var(--font-size-md)}}@media (width<=768px){.intro{padding-block:var(--space-16) 0}.intro__headline{font-size:var(--font-size-body-lg)}}.section{--section-padding-block:var(--space-20);padding-block:var(--section-padding-block)}.section.is-subsection{padding-top:0}.section.is-subsection+.section.is-subsection:has(.section-heading--secondary){padding-top:var(--section-padding-block)}.section.is-bare{padding-block:0}.section__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-20)}@media (width<=768px){.section{--section-padding-block:var(--space-10)}.section__title{font-size:var(--font-size-md);margin-bottom:var(--space-8)}}.tag-pill{padding:var(--space-2);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);line-height:var(--line-height-snug);text-transform:uppercase;letter-spacing:var(--letter-spacing-label);color:var(--color-text);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}@media (width<=768px){.tag-pill{font-size:var(--font-size-body);padding:var(--space-1) var(--space-2)}}.project-card{display:flex;position:relative}.project-card--full{align-items:center;gap:var(--space-12);flex-direction:row}.project-card--full.project-card--image-right{flex-direction:row-reverse;justify-content:space-between}.project-card--full .project-card__media{flex:0 1 var(--card-media-width)}.project-card--full .project-card__body{flex:0 1 var(--card-text-width)}.project-card--full.project-card--image-left .project-card__media:has(img){margin-left:calc(var(--container-padding-x) * -1)}.project-card--full.project-card--image-right .project-card__media:has(img){margin-right:calc(var(--container-padding-x) * -1)}.project-card--half{gap:var(--space-12);flex-direction:column}.project-card--half .project-card__media,.project-card--half .project-card__body{flex:none;align-self:stretch}.project-card--half .project-card__media img{aspect-ratio:696/528;object-fit:cover}.project-card--half.project-card--left .project-card__body{padding-left:var(--container-padding-x)}.project-card--half.project-card--right .project-card__body{padding-right:var(--container-padding-x)}.project-card__media{align-self:center;display:flex}.project-card__media img{width:100%;height:auto;filter:drop-shadow(var(--shadow-image-drop))}.project-card__placeholder{min-height:320px;padding:var(--space-8);background:var(--color-cyan-100);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);text-align:center;flex:1;justify-content:center;align-items:center;display:flex}.project-card__body{gap:var(--space-4);flex-direction:column;display:flex}.project-card__tags{gap:var(--space-3);flex-wrap:wrap;list-style:none;display:flex}.project-card__heading{gap:var(--space-2);flex-direction:column;display:flex}.project-card__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug)}.project-card__title a:after{content:"";z-index:1;position:absolute;inset:0}.project-card:hover .project-card__title a{text-decoration:underline}.project-card:focus-within{outline:var(--border-width) solid var(--color-accent);outline-offset:var(--space-2)}.project-card__title a:focus-visible{outline:none}.project-card__subtitle{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-snug)}.project-card__arrow{justify-content:center;display:flex}.project-card__arrow img{width:44px;height:auto;transition:transform var(--transition-fast)}.project-card:hover .project-card__arrow img{transform:translate(4px)}.project-card__meta{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.project-card__meta li{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-snug);color:var(--color-text)}@media (width<=900px){.project-card--full,.project-card--full.project-card--image-right{align-items:stretch;gap:var(--space-6);flex-direction:column}.project-card--full .project-card__media,.project-card--full .project-card__body{flex:none}.project-card--half{gap:var(--space-6)}.project-card--half.project-card--left .project-card__body,.project-card--half.project-card--right .project-card__body{padding-inline:0}.project-card__title{font-size:var(--font-size-sm)}.project-card__subtitle,.project-card__meta li{font-size:var(--font-size-body)}}.project-grid{gap:var(--space-20);flex-direction:column;display:flex}.project-grid__row--split{gap:var(--space-12);margin-inline:calc(var(--container-padding-x) * -1);grid-template-columns:1fr 1fr;align-items:start;display:grid}@media (width<=900px){.project-grid{gap:var(--space-16)}.project-grid__row--split{gap:var(--space-16);grid-template-columns:1fr;margin-inline:0}}#projects{scroll-margin-top:var(--header-height);padding-top:var(--space-35)}@media (width<=768px){#projects{padding-top:var(--space-16)}}.fashion-gallery{--gallery-gap:var(--space-6);gap:var(--gallery-gap);flex-direction:column;display:flex}.fashion-gallery__band{gap:var(--gallery-gap);align-items:stretch;display:flex}.fashion-gallery__column{justify-content:space-between;gap:var(--gallery-gap);flex-direction:column;flex:1 1 0;min-width:0;display:flex}.fashion-gallery__item{margin:0}.fashion-gallery__img{width:100%;height:auto;display:block}.fashion-gallery__empty{font-size:var(--font-size-body);line-height:var(--line-height-normal);color:var(--color-caption)}.fashion{--fashion-column:39rem;gap:var(--space-12);padding-block:var(--space-35) var(--space-20);flex-direction:column;display:flex}.fashion__block{gap:var(--space-12);width:100%;max-width:var(--content-max-width);padding-inline:var(--container-padding-x);flex-direction:column;margin-inline:auto;display:flex}.fashion__heading{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug)}.fashion__column{width:100%;max-width:var(--fashion-column);margin-inline:auto}.fashion__paragraph{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal)}.fashion__paragraph+.fashion__paragraph{margin-top:calc(var(--font-size-xs) * var(--line-height-normal))}@media (width<=768px){.fashion{gap:var(--space-8);padding-block:var(--space-16)}.fashion__block{gap:var(--space-8)}.fashion__heading{font-size:var(--font-size-md)}}.about{--about-column:39rem;gap:var(--space-35);padding-block:var(--space-35) var(--space-20);flex-direction:column;display:flex}.about__block{gap:var(--space-12);width:100%;max-width:var(--content-max-width);padding-inline:var(--container-padding-x);flex-direction:column;margin-inline:auto;display:flex}.about__heading{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug)}.about__column{width:100%;max-width:var(--about-column);margin-inline:auto}.about__paragraph{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal)}.about__paragraph+.about__paragraph{margin-top:calc(var(--font-size-xs) * var(--line-height-normal))}.about__tools{gap:var(--space-4);flex-direction:column;margin-inline:auto;padding:0;list-style:none;display:flex}.about__tool{align-items:center;gap:var(--space-4);min-height:36px;font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);display:flex}.about__tool-logo{object-fit:contain;flex:none;width:36px;height:36px}@media (width<=768px){.about{gap:var(--space-16);padding-block:var(--space-16)}.about__block{gap:var(--space-8)}.about__heading{font-size:var(--font-size-md)}.about__tool-logo{width:28px;height:28px}}.project-hero__grid{gap:var(--space-16);align-items:stretch;display:flex}.project-hero__media{border-radius:var(--radius-md);flex:50%;justify-content:center;align-items:center;min-height:420px;display:flex;overflow:hidden}.project-hero__media:has(.project-hero__img){min-height:0;margin-left:calc(var(--page-padding-x) * -1);border-radius:0;overflow:visible}.project-hero__img{width:100%;height:auto}.project-hero__placeholder{width:100%;height:100%;min-height:inherit;padding:var(--space-16);background:var(--color-cyan-100);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);text-align:center;justify-content:center;align-items:center;display:flex}.project-hero__body{justify-content:center;gap:var(--space-4);flex-direction:column;flex:50%;display:flex}.project-hero__tags{gap:var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.project-hero__heading{gap:var(--space-2);flex-direction:column;display:flex}.project-hero__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug)}.project-hero__summary{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-snug)}.project-hero__meta{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.project-hero__meta-value{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--color-text)}@media (width<=900px){.project-hero__grid{flex-direction:column}.project-hero__media{min-height:260px}.project-hero__title{font-size:var(--font-size-md)}}@media (width<=560px){.project-hero__placeholder{font-size:var(--font-size-md)}}.impact{padding-block:var(--space-16)}.impact__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-9)}.impact__grid{gap:var(--space-16);grid-template-columns:repeat(3,1fr);list-style:none;display:grid}.impact-box{gap:var(--space-2);padding:var(--space-9);border:var(--border-width-thick) solid var(--color-accent);background:var(--color-surface);flex-direction:column;justify-content:center;display:flex}.impact-box__arrow{font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:1}.impact-box__text{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-snug)}@media (width<=900px){.impact__title{font-size:var(--font-size-md)}.impact__grid{gap:var(--space-8);grid-template-columns:1fr}}.section-heading{font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug)}.section-heading--primary{font-size:var(--font-size-lg)}.section-heading--secondary{font-size:var(--font-size-sm)}@media (width<=768px){.section-heading--primary{font-size:var(--font-size-md)}}.text-section__inner{gap:var(--space-4);flex-direction:column;max-width:68ch;display:flex}.text-section__lead{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-snug)}.text-section__paragraph{font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.list-section__inner{gap:var(--space-6);flex-direction:column;max-width:68ch;display:flex}.list-section__intro{font-size:var(--font-size-xs);line-height:var(--line-height-snug)}.list-section__items{padding-left:1.5em;list-style:outside}.list-section__item{font-size:var(--font-size-xs);line-height:var(--line-height-snug)}.list-section__item+.list-section__item{margin-top:var(--space-4)}.annotated-image{gap:var(--space-6);flex-direction:column;display:flex}.annotated-image__frame{width:100%;position:relative;overflow:visible;container-type:inline-size}.annotated-image__img{width:100%;height:auto;display:block}.annotated-image__arrow{pointer-events:none;color:var(--color-pop);display:block;position:absolute}.annotated-image__arrow svg{width:100%;height:auto;display:block;overflow:visible}.annotated-image__arrow svg path{vector-effect:non-scaling-stroke;stroke-width:var(--annotation-arrow-stroke,6px);stroke-width:var(--annotation-arrow-stroke,clamp(2px, 1.75cqw, 6px))}.annotated-image__label{width:max-content;max-width:16ch;font-size:var(--annotation-label-size,var(--font-size-body-lg));font-size:var(--annotation-label-size,clamp(1rem, 7cqw, 1.5rem));font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);color:var(--color-pop);white-space:pre-line;position:absolute}.annotated-image__list{display:none}@media (width<=900px){.annotated-image__arrow,.annotated-image__label{display:none}.annotated-image__list{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.annotated-image__list li{padding-left:var(--space-4);border-left:var(--border-width-thick,4px) solid var(--color-pop);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);color:var(--color-pop)}}.zoomable{cursor:zoom-in;background:0 0;border:none;width:100%;padding:0;display:block}.zoomable__img{width:100%;height:auto;transition:opacity var(--transition-base)}.zoomable:hover .zoomable__img,.zoomable:focus-visible .zoomable__img{opacity:.85}.zoomable-overlay{z-index:var(--z-overlay);padding:var(--space-8);background:var(--color-overlay);cursor:zoom-out;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.zoomable-overlay__img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.zoomable-overlay__close{top:var(--space-6);right:var(--space-6);width:var(--space-12);height:var(--space-12);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-md);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;line-height:1;display:flex;position:absolute}@media (width<=560px){.zoomable-overlay{padding:var(--space-4)}.zoomable-overlay__close{top:var(--space-4);right:var(--space-4)}}@media (prefers-reduced-motion:reduce){.zoomable__img{transition:none}}.card-grid-section__inner{gap:var(--space-8);flex-direction:column;display:flex}.card-grid-section__inner.has-media{align-items:stretch;gap:var(--space-16);flex-direction:row}.card-grid-section__main{gap:var(--space-8);flex-direction:column;display:flex}.card-grid-section__inner.has-media .card-grid-section__main{flex:55%}.card-grid-section__media{flex-direction:column;flex:45%;justify-content:center;align-items:center;min-height:320px;margin:0;display:flex}.card-grid-section__img{width:100%;height:auto}.card-grid-section__media.has-annotations{align-items:initial;justify-content:initial;border-radius:0;min-height:0;display:block;overflow:visible}.card-grid-section__media.has-annotations .annotated-image{width:62%;margin-left:auto}.card-grid-section__placeholder{width:100%;height:100%;min-height:inherit;padding:var(--space-8);background:var(--color-cyan-100);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);text-align:center;justify-content:center;align-items:center;display:flex}.card-grid-section__caption{margin-top:var(--space-3);font-size:var(--font-size-caption);line-height:var(--line-height-caption);color:var(--color-caption);align-self:stretch}.card-grid-section__intro{max-width:68ch;font-size:var(--font-size-body);line-height:var(--line-height-normal)}.card-grid{gap:var(--space-6);list-style:none;display:grid}.card-grid--cols-1{grid-template-columns:1fr}.card-grid--cols-2{grid-template-columns:repeat(2,1fr)}.card{gap:var(--space-3);padding:var(--space-6);background:var(--color-cyan-100);border-radius:var(--radius-md);flex-direction:column;display:flex}.card-grid-section.is-plain .card{background:0 0;border-radius:0;padding:0}.card-grid-section.is-plain .card-grid{gap:var(--space-8)}.card-grid-section.is-plain .card-grid-section__inner:not(.has-media) .card-grid{max-width:68ch}.card__title{font-size:var(--font-size-body-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug)}.card__text{font-size:var(--font-size-body);line-height:var(--line-height-normal)}.card-grid-section.is-text-lead .card__text{font-size:var(--font-size-body-lg);line-height:var(--line-height-snug)}@media (width<=900px){.card-grid-section__inner.has-media{flex-direction:column}.card-grid-section__media.has-annotations .annotated-image{width:100%;max-width:360px;margin-inline:auto}.card-grid--cols-2{grid-template-columns:1fr}}@media (width<=768px){.card-grid{gap:var(--space-4)}}.media-section__text{gap:var(--space-4);max-width:68ch;margin-bottom:var(--space-8);flex-direction:column;display:flex}.media-section__paragraph{font-size:var(--font-size-body);line-height:var(--line-height-normal)}.media-section__figure{width:100%;margin:0}.media-section__img{width:100%;height:auto;display:block}.media-section__placeholder{width:100%;min-height:360px;padding:var(--space-8);background:var(--color-cyan-100);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);text-align:center;justify-content:center;align-items:center;display:flex}.media-section__caption{margin-top:var(--space-3);font-size:var(--font-size-caption);line-height:var(--line-height-caption);color:var(--color-caption)}.steps-section__head{gap:var(--space-4);margin-bottom:var(--space-12);flex-direction:column;display:flex}.steps-section__intro{max-width:68ch;font-size:var(--font-size-body);line-height:var(--line-height-normal)}.steps{gap:var(--steps-gap,var(--space-16));flex-direction:column;list-style:none;display:flex}.step{grid-template-columns:var(--step-rail-width,72px) minmax(0, 34%) minmax(0, 1fr);column-gap:var(--space-8);align-items:start;display:grid}.step__rail{justify-content:center;align-self:stretch;display:flex;position:relative}.step__number{z-index:1;width:var(--step-number-size,44px);height:var(--step-number-size,44px);background:var(--color-cyan-100);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text);border-radius:50%;flex:none;justify-content:center;align-items:center;line-height:1;display:flex;position:relative}.step__rail:before{content:"";top:var(--step-number-size,44px);bottom:calc(var(--steps-gap,var(--space-16)) * -1);width:var(--border-width-thick,4px);background:var(--color-cyan-100);position:absolute;left:50%;transform:translate(-50%)}.step:last-child .step__rail:before{bottom:0}.step__body{gap:var(--space-4);flex-direction:column;display:flex}.step__title{font-size:var(--font-size-body-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug)}.step__paragraph,.step__bullets li{font-size:var(--font-size-body);line-height:var(--line-height-normal)}.step__bullets{gap:var(--space-4);padding-left:var(--space-5,1.25rem);flex-direction:column;display:flex}.step__bullets li{list-style:outside}.step__media{display:flex}.step__media .annotated-image{width:var(--step-picture-width,47.35%);flex:none}@media (width<=900px){.step{grid-template-columns:var(--step-rail-width,56px) minmax(0, 1fr);row-gap:var(--space-6)}.step__media{grid-column:2}.step__media .annotated-image{width:100%;max-width:320px}}@media (width<=768px){.steps{--steps-gap:var(--space-10)}}.legend-section__head{gap:var(--space-4);max-width:68ch;margin-bottom:var(--space-8);flex-direction:column;display:flex}.legend-section__intro{font-size:var(--font-size-xs);line-height:var(--line-height-snug)}.legend-section__body.is-beside{align-items:flex-end;gap:var(--space-16);display:flex}.legend-section__body.is-beside .legend-section__figure{flex:none}.legend-section__body.is-beside .legend-section__key{flex:auto;min-width:0}.legend-section__body.is-beside .legend{margin-top:0}.legend-section__figure{width:100%;margin:0}.legend-section__figure.is-narrow{max-width:var(--figure-width-narrow)}.legend-section__placeholder{width:100%;min-height:360px;padding:var(--space-8);background:var(--color-cyan-100);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);text-align:center;justify-content:center;align-items:center;display:flex}.legend-section__caption{margin-top:var(--space-3);font-size:var(--font-size-caption);line-height:var(--line-height-caption);color:var(--color-caption)}.legend{gap:var(--space-6);margin-top:var(--space-8);flex-direction:column;max-width:68ch;list-style:none;display:flex}.legend__item{align-items:flex-start;gap:var(--space-4);display:flex}.legend__badge{width:var(--space-12);height:var(--space-12);flex-shrink:0}.legend__badge--plain{border:var(--border-width) solid var(--color-pop);border-radius:var(--radius-pill);color:var(--color-pop);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;display:flex}.legend__text{font-size:var(--font-size-xs);line-height:var(--line-height-snug);padding-top:var(--space-2)}.legend__text p+p{margin-top:var(--space-4)}.legend-section.is-text-body .legend__text{font-size:var(--font-size-body);line-height:var(--line-height-normal)}.legend-section__outro{max-width:68ch;margin-top:var(--space-6);font-size:var(--font-size-xs);line-height:var(--line-height-snug)}@media (width<=900px){.legend-section__body.is-beside{flex-direction:column;align-items:stretch;gap:0}.legend-section__body.is-beside .legend{margin-top:var(--space-8)}.legend__badge{width:var(--space-10);height:var(--space-10)}.legend__item{gap:var(--space-3)}}.gallery-section__text{gap:var(--space-4);max-width:68ch;margin-bottom:var(--space-8);flex-direction:column;display:flex}.gallery-section__intro{font-size:var(--font-size-body);line-height:var(--line-height-normal)}.gallery-section__grid{grid-template-columns:repeat(var(--gallery-columns,4), 1fr);gap:var(--space-6);align-items:start;margin:0;padding:0;list-style:none;display:grid}@media (width<=900px){.gallery-section__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.gallery-section__grid{grid-template-columns:1fr}}.gallery-section__figure{gap:var(--space-3);flex-direction:column;margin:0;display:flex}.gallery-section__img{width:100%;height:auto;display:block}.gallery-section__caption{font-size:var(--font-size-caption);line-height:var(--line-height-caption);color:var(--color-caption)}.gallery-section__placeholder{width:100%;min-height:320px;padding:var(--space-6);background:var(--color-cyan-100);border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);text-align:center;justify-content:center;align-items:center;display:flex}.device-frame{background:var(--color-black);border-radius:var(--device-radius);padding:var(--device-bezel);box-shadow:var(--shadow-image);margin:0 auto;position:relative}.device-frame--phone{aspect-ratio:9/19.5;--device-radius:2.25rem;--device-bezel:.6rem;width:260px}.device-frame--laptop{aspect-ratio:16/10;--device-radius:var(--radius-md);--device-bezel:.5rem .5rem 2rem;width:100%;max-width:900px}.device-frame__screen{border-radius:calc(var(--device-radius) - .4rem);background:var(--color-surface);width:100%;height:100%;position:relative;overflow:hidden}.device-frame__image{width:100%;height:auto;position:absolute;top:0;left:0;transform:translateY(0)}.device-frame__image.is-scrolling{animation:device-scroll var(--scroll-duration,8s) ease-in-out infinite alternate}@keyframes device-scroll{0%,10%{transform:translateY(0)}90%,to{transform:translateY(var(--scroll-distance,0px))}}.device-frame__sticky{z-index:1;opacity:0;width:100%;height:auto;position:absolute;top:0;left:0}.device-frame__sticky.is-pinned{animation:device-sticky-fade var(--scroll-duration,8s) ease-in-out infinite alternate}@keyframes device-sticky-fade{0%,6%{opacity:0}14%,to{opacity:1}}@media (prefers-reduced-motion:reduce){.device-frame__image.is-scrolling,.device-frame__sticky.is-pinned{animation:none}}.device-frame__placeholder{padding:var(--space-4);text-align:center;font-size:var(--font-size-body);color:var(--color-accent);place-items:center;display:grid;position:absolute;inset:0}.mockup-section__text{gap:var(--space-4);max-width:68ch;margin-bottom:var(--space-8);flex-direction:column;display:flex}.mockup-section__paragraph{font-size:var(--font-size-body);line-height:var(--line-height-normal)}.mockup-section__figure{width:100%;margin:0}.mockup-section__caption{margin-top:var(--space-3);font-size:var(--font-size-caption);line-height:var(--line-height-caption);color:var(--color-caption);text-align:center}.split-section__inner{align-items:flex-start;gap:var(--space-16);display:flex}.split-section__inner.has-media-left{flex-direction:row-reverse}.split-section__main{gap:var(--space-16);flex-direction:column;flex:55%;min-width:0;display:flex}.split-section__media{flex:0 45%;min-width:0;margin:0}.split-section__img{width:100%;height:auto}.split-section__placeholder{width:100%;min-height:320px;padding:var(--space-8);background:var(--color-cyan-100);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);text-align:center;justify-content:center;align-items:center;display:flex}.split-section__caption{margin-top:var(--space-3);font-size:var(--font-size-caption);line-height:var(--line-height-caption);color:var(--color-caption)}@media (width<=900px){.split-section__inner,.split-section__inner.has-media-left{gap:var(--space-10);flex-direction:column}.split-section__media{align-self:stretch}}.diagram-section__inner{gap:var(--space-8);flex-direction:column;display:flex}.diagram-section__intro{max-width:68ch;font-size:var(--font-size-body);line-height:var(--line-height-normal)}.diagram__flow{align-items:stretch;gap:var(--space-4);display:flex}.diagram__node{flex:1 1 0;display:flex}.sticky{padding:var(--space-6);background:var(--color-sticky);box-shadow:var(--shadow-md);font-size:var(--font-size-body-lg);line-height:var(--line-height-snug);border-radius:2px;flex:1}.sticky__title{font-size:var(--font-size-body-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.sticky__text{font-weight:var(--font-weight-regular)}.diagram__arrow{flex-shrink:0;align-items:center;display:flex}.diagram__arrow img{width:44px;height:auto}@media (width<=768px){.diagram__flow{flex-direction:column;align-items:stretch}.diagram__arrow{justify-content:center;transform:rotate(90deg)}}.project-detail__missing{padding-block:var(--space-20);gap:var(--space-4);flex-direction:column;align-items:flex-start;display:flex}