@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root{color-scheme:dark;--work-bg:#041225;--work-panel:#071c34;--work-ink:#f2f6ff;--work-muted:#a9c1dc;--work-accent:#31bdf5;--work-cyan:#5ed6ff;--work-border:#204d72;--work-soft-border:#163956}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body.work-page{margin:0;background:var(--work-bg);color:var(--work-ink);font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.35}button,a,input,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--work-cyan);outline-offset:4px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}p,h1,h2,h3,figure{margin:0}img{display:block;max-width:100%}ul,ol{margin:0;padding:0;list-style:none}[hidden]{display:none!important}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.work-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.work-skip{position:fixed;left:16px;top:12px;transform:translateY(-160%);background:var(--work-cyan);color:#032139;padding:12px;z-index:100;border-radius:6px}.work-skip:focus{transform:translateY(0)}.work-container{max-width:1440px;width:calc(100% - 80px);margin-inline:auto}.work-header{position:sticky;top:0;z-index:30;background:#041225f5;border-bottom:1px solid var(--work-soft-border);backdrop-filter:blur(12px)}.work-header__inner{max-width:1440px;width:calc(100% - 80px);height:78px;margin:auto;display:flex;align-items:center;gap:26px}.work-brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.work-brand__mark{width:41px;height:41px;stroke:none;color:var(--work-accent)}.work-brand strong{display:block;font-size:17px;font-weight:700;line-height:1.35;letter-spacing:-.35px}.work-brand small{display:block;font-size:12px;color:var(--work-muted);margin-top:2px}.work-nav{display:flex;align-items:center;gap:7px;margin-inline:auto}.work-nav a{padding:8px 15px;border:1px solid transparent;border-radius:24px;font-size:13px;color:var(--work-muted)}.work-nav a:hover{color:var(--work-cyan)}.work-nav a[aria-current]{color:var(--work-cyan);border-color:#178cc6;background:#064b732e;box-shadow:inset 0 0 12px #18a0ff12}.work-header-search{width:195px;position:relative;display:flex;align-items:center;gap:8px;border:1px solid var(--work-soft-border);border-radius:8px;padding:8px 10px;background:#061b34}.work-header-search svg{width:15px;height:15px;color:var(--work-accent)}.work-header-search input{background:none;border:0;min-width:0;width:100%;color:var(--work-ink);font-size:12px;outline-offset:0}.work-header-search input::placeholder{color:var(--work-muted)}.work-header-search kbd{padding:0 5px;background:#102d4c;border-radius:3px;font-size:12px;color:#9ec4e7}.work-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:44px;border:1px solid var(--work-border);border-radius:9px;padding:10px 18px;font-size:12px;font-weight:600;line-height:1.4;text-align:center;transition:box-shadow .2s,border-color .2s,transform .2s;background:transparent}.work-button svg{width:18px;height:18px}.work-button--primary{background:linear-gradient(145deg,#89dfff,#31b4f5);color:#05213c;border-color:#7edcff;box-shadow:0 3px 18px #169dfa29,inset 0 1px #d9f5ff60}.work-button--outline{border-color:#1d99d1;color:#e1f6ff;background:#05213d}.work-button:hover{border-color:var(--work-cyan);box-shadow:0 5px 24px #19acff24;transform:translateY(-2px)}.work-menu-toggle{display:none;min-width:44px;min-height:44px;align-items:center;justify-content:center;background:transparent;border:1px solid var(--work-border);border-radius:8px}.work-mobile-menu{padding:12px 24px;border-top:1px solid var(--work-soft-border)}.work-mobile-menu:not([hidden]){display:grid;gap:4px}.work-mobile-menu a{padding:10px;border-radius:6px}.work-mobile-menu a[aria-current]{color:var(--work-cyan);background:#0b2944}.work-back{display:inline-flex;align-items:center;gap:8px;color:var(--work-cyan);font-size:13px;min-height:32px;margin-bottom:22px}.work-back svg,.work-arrow-back{transform:rotate(180deg);width:18px;height:18px}.work-back:hover{text-decoration:underline;text-underline-offset:5px}.work-eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--work-accent);line-height:1.5}.work-stack{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.work-stack li{display:flex;gap:8px;align-items:center;border:1px solid #1b4769;border-radius:7px;background:#051a30;color:#c5ddf2;padding:6px 10px;font-size:11px;min-width:0}.work-stack img{width:18px;height:18px;object-fit:contain}.work-stack__symbol{color:var(--work-cyan);font-size:13px;font-weight:700}.work-badge{display:inline-flex;align-items:center;padding:4px 9px;background:#0a3551;border:1px solid #1a5978;border-radius:6px;font-size:10px;font-weight:500;color:#9ce5ff;line-height:1.5}.work-footer{border-top:1px solid var(--work-soft-border);display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:30px;margin-top:70px;color:var(--work-muted);font-size:12px}.work-footer .work-brand{display:block}.work-footer__tag{display:block;font-size:11px;font-weight:400;margin-top:4px}.work-footer>a:nth-child(2){text-align:center}.work-footer>a:nth-child(2) span{color:var(--work-cyan)}.work-footer small{font-size:11px}.work-panel{background:var(--work-panel);border:1px solid var(--work-border);border-radius:18px;box-shadow:0 12px 40px #00000020,inset 0 1px #71c6ff0e;overflow:hidden;min-width:0;padding:22px}.work-panel__header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.work-panel__heading{display:flex;gap:13px;align-items:center;min-width:0}.work-panel__heading h2{font-size:15px;font-weight:600;letter-spacing:-.2px;line-height:1.4}.work-panel__heading p{font-size:11px;line-height:1.5;color:var(--work-muted);margin-top:3px}.work-section-icon{width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;color:var(--work-cyan);background:#06324e;border:1px solid #146790;border-radius:9px;box-shadow:inset 0 1px #9cddff14}.work-section-icon svg{width:20px;height:20px}.work-icon-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#062743;border:1px solid #178bc0;color:#96dcff;transition:background .2s,box-shadow .2s}.work-icon-button:hover{background:#0d4164;box-shadow:0 0 13px #08abff25}.work-icon-button svg{width:17px;height:17px}

/* Collection */
.work-collection-hero{padding-block:34px 39px}.work-collection-hero .work-back{margin-bottom:28px}.work-collection-hero__row{display:flex;justify-content:space-between;align-items:center;gap:48px;margin-top:17px}.work-collection-hero h1{font-size:clamp(36px,4.1vw,60px);font-weight:800;line-height:1.08;letter-spacing:-2.1px}.work-collection h1 span,.work-collection h2 span,.project-hero h1 span,.project-hero h2 span,.project-related h2 span{color:var(--work-accent)}.work-collection-hero__row>div>p{color:var(--work-muted);font-size:15px;line-height:1.7;max-width:620px;margin-top:22px}.work-collection-note{border-left:1px solid var(--work-border);padding:8px 0 8px 28px;display:grid;grid-template-columns:44px 1fr;gap:10px 15px;margin-right:28px;flex-shrink:0}.work-collection-note svg{width:34px;height:34px;color:var(--work-accent);grid-row:1/3;margin-top:4px}.work-collection-note span{font-size:15px;line-height:1.6}.work-collection-note small{font-size:11px;color:var(--work-muted)}.work-collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-block:1px solid var(--work-soft-border);padding-block:17px}.work-filters{display:flex;flex-wrap:wrap;gap:7px}.work-filters button{background:transparent;border:1px solid transparent;color:var(--work-muted);padding:10px 15px;min-height:44px;border-radius:8px;font-size:12px;transition:border-color .2s,color .2s}.work-filters button[aria-pressed=true]{background:#0b3452;border-color:#1585b3;color:var(--work-cyan)}.work-filters button:hover{color:var(--work-ink)}.work-filters button span{font-size:10px;margin-left:7px;padding:2px 5px;background:#0f4b6a;border-radius:4px}.work-collection-search{display:flex;align-items:center;gap:10px;padding:11px 13px;background:#071b30;border:1px solid #214968;border-radius:8px;width:285px;flex-shrink:0}.work-collection-search svg{width:16px;height:16px;color:var(--work-accent)}.work-collection-search input{font-size:12px;width:100%;min-width:0;border:0;outline-offset:1px;background:transparent;color:var(--work-ink)}.work-collection-search input::placeholder{color:#98b3cc}.work-results-line{display:flex;align-items:center;justify-content:space-between;margin:20px 0;font-size:11px;color:var(--work-muted);min-height:25px}.work-clear-filters{color:var(--work-cyan);background:none;border:0;font-size:12px;padding:5px;text-decoration:underline;text-underline-offset:4px}.work-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.work-project-card{border:1px solid var(--work-border);border-radius:16px;background:#071c32;overflow:hidden;min-width:0;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;flex-direction:column}.work-project-card:hover{border-color:#34aedb;box-shadow:0 12px 30px #009fee12;transform:translateY(-3px)}.work-project-card__visual{display:block;position:relative;aspect-ratio:1.8;background:#031225;border-bottom:1px solid var(--work-border);padding:16px 16px 34px;overflow:hidden}.work-project-card__visual img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:7px;background:#061d35}.work-project-card__visual-label{display:flex;justify-content:space-between;align-items:center;position:absolute;left:16px;right:16px;bottom:8px;font-size:10px;color:#abcbe3}.work-project-card__visual-label svg{width:15px;height:15px;color:var(--work-cyan)}.work-project-card__fallback{display:grid;place-items:center;height:100%;color:var(--work-accent)}.work-project-card__fallback svg{width:65px;height:65px}.work-project-card__body{padding:23px;display:flex;flex-direction:column;flex:1}.work-project-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.work-access{font-size:10px;color:#98b5ce;white-space:nowrap}.work-access:before{content:'';display:inline-block;margin-right:5px;width:5px;height:5px;background:#4fbde8;border-radius:50%;vertical-align:middle}.work-project-card h2{font-size:26px;line-height:1.17;letter-spacing:-.8px;margin:17px 0 10px}.work-project-card__body>p{font-size:12px;line-height:1.7;color:var(--work-muted);margin-bottom:7px}.work-project-card .work-stack{margin-bottom:23px;gap:6px}.work-project-card .work-stack li{padding:5px 7px;font-size:10px}.work-project-card__link{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:15px;border-top:1px solid var(--work-soft-border);font-size:12px;color:var(--work-cyan);font-weight:600}.work-project-card__link svg{width:18px;height:18px}.work-empty{text-align:center;padding:60px 20px;color:var(--work-muted)}.work-empty>svg{width:35px;height:35px;color:var(--work-accent);margin-bottom:15px}.work-empty h2{font-size:24px;color:var(--work-ink);margin-bottom:9px}.work-empty .work-button{margin-top:25px}.work-collection-cta{border:1px solid var(--work-border);border-radius:18px;background:#071c32;margin-top:45px;padding:30px;display:flex;justify-content:space-between;align-items:center;gap:25px}.work-collection-cta h2{font-size:24px;line-height:1.3;letter-spacing:-.6px;margin-top:9px}.work-collection-cta p:not(.work-eyebrow){font-size:12px;color:var(--work-muted);margin-top:9px}.work-collection-cta>a{flex-shrink:0}

/* Case study */
.project-hero{display:grid;grid-template-columns:1.2fr .9fr;gap:10%;padding:32px 0 30px;align-items:center}.project-hero .work-back{margin-bottom:18px}.project-hero__identity{display:flex;gap:20px;align-items:center}.project-hero__icon{width:74px;height:80px;border-radius:17px;flex-shrink:0;border:1px solid #1f9edc;background:#06365b;box-shadow:inset 0 0 24px #168ce13d,0 0 22px #17aaff15;display:grid;place-items:center;color:#77deff}.project-hero__icon svg{width:39px;height:39px;filter:drop-shadow(0 0 7px #169fff8a)}.project-hero h1{font-size:clamp(32px,3.15vw,48px);font-weight:800;line-height:1.1;letter-spacing:-1.5px;margin:5px 0 8px;overflow-wrap:anywhere}.project-hero .work-eyebrow{letter-spacing:1.3px;font-size:9px}.project-hero__subtitle{font-size:17px;line-height:1.45;color:#e1ecfa;max-width:460px;font-weight:500}.project-hero__summary{font-size:13px;line-height:1.65;color:var(--work-muted);margin-top:17px;max-width:570px}.project-hero__editorial{padding-top:18px}.project-hero__editorial h2{font-size:clamp(36px,3.6vw,53px);font-weight:800;line-height:1.02;letter-spacing:-1.7px;margin:13px 0 16px}.project-hero__editorial>p:last-child{font-size:14px;line-height:1.6;color:var(--work-muted);max-width:430px}.project-preview-note{font-size:10px;color:#91aac4;display:flex;align-items:center;gap:8px;margin:0 0 23px;padding-block:10px;border-block:1px solid var(--work-soft-border)}.project-preview-note svg{width:15px;height:15px}.project-layout{display:grid;grid-template-columns:178px minmax(0,1fr);gap:28px;align-items:start}.project-sidebar{position:sticky;top:106px;align-self:start}.project-journey{position:relative;height:clamp(465px,calc(100svh - 150px),700px)}.project-journey ol{height:100%;display:grid;grid-template-rows:repeat(4,1fr)}.project-journey li{min-height:0;position:relative}.project-step{display:flex;align-items:flex-start;gap:12px;position:relative;min-height:44px;border-radius:8px;padding-top:10px;z-index:2}.project-step__node{border:1px solid #236186;background:#071a30;border-radius:50%;display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;font-size:14px;font-weight:600;color:#b2ceea;box-shadow:0 0 10px #11a2f014;position:relative;transition:border-color .35s,box-shadow .35s,color .35s}.project-step__node:after{content:'';position:absolute;inset:-5px;border:1px solid #4dd3ff;border-radius:50%;opacity:0;pointer-events:none}.project-step.is-active .project-step__node,.project-step:focus-visible .project-step__node{color:#f1fcff;border-color:#63d8ff;background:#08497a;box-shadow:0 0 19px #1ca6ff61,inset 0 0 12px #4bb9ff24}.project-step.is-energized .project-step__node:after{animation:project-node-ring 1.8s ease-out both}.project-step__copy{padding-top:2px}.project-step__copy strong{font-size:12px;line-height:1.4;display:block;font-weight:600}.project-step__copy small{font-size:10px;display:block;line-height:1.5;margin-top:7px;color:#99b6d2;max-width:114px}.project-step:hover .project-step__copy strong,.project-step:focus-visible .project-step__copy strong{color:var(--work-cyan)}.project-step__short{display:none}.project-step__connector{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}.project-step__line{stroke:#1b4e71;stroke-width:1.5}.project-step__active-line{stroke:#36c4ff;stroke-width:1.6;filter:drop-shadow(0 0 4px #20b4ff);opacity:.65}.project-step__pulse{fill:#c7f7ff;stroke:#47ceff;stroke-width:1.5;filter:drop-shadow(0 0 5px #21bbff);opacity:0}.project-content{display:grid;gap:18px;min-width:0}.project-gallery__controls{display:flex;align-items:center;gap:10px;flex-shrink:0}.project-gallery__controls>span{font-size:11px;min-width:40px;text-align:right;color:#a9cce7}.project-gallery__figure{border:1px solid #1d80b8;border-radius:12px;padding:9px;background:#03162b;box-shadow:0 0 20px #189dff0a;overflow:hidden}.project-gallery__expand{width:100%;display:block;position:relative;border:0;border-radius:7px;overflow:hidden;background:#06162b;padding:0;cursor:zoom-in}.project-gallery__main{width:100%;height:auto;aspect-ratio:1280/680;object-fit:contain;transition:opacity .18s}.project-gallery__main.is-changing{opacity:.35}.project-gallery__expand>span{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #29779d;border-radius:7px;background:#04192de8;color:#c1edff;font-size:10px;opacity:0;transition:opacity .2s}.project-gallery__expand:hover>span,.project-gallery__expand:focus-visible>span{opacity:1}.project-gallery__expand>span svg{width:13px;height:13px}.project-gallery__figure figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px 3px 0;font-size:10px;color:#aac8df}.project-gallery__figure figcaption>span:last-child{color:#83a0bb;font-size:9px;text-align:right}.project-gallery__thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.project-gallery__thumbnails button{padding:5px;background:#06192d;border:1px solid #1a3e5e;border-radius:8px;text-align:left;opacity:.68;transition:border-color .2s,opacity .2s,box-shadow .2s;min-width:0}.project-gallery__thumbnails button[aria-pressed=true]{border-color:#44c9fa;opacity:1;box-shadow:0 0 13px #11a3fd1a}.project-gallery__thumbnails button:hover{opacity:1}.project-gallery__thumbnails img{width:100%;height:auto;aspect-ratio:1280/680;object-fit:contain;border-radius:4px;background:#081b31}.project-gallery__thumbnails span{display:block;font-size:9px;line-height:1.45;padding:6px 2px 2px;color:#b4cee6}.project-gallery__empty{padding:80px 20px;text-align:center;color:var(--work-muted)}.project-gallery__empty>svg{width:40px;height:40px;margin-bottom:16px}.project-demo__options{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:20px;align-items:center}.project-demo__option{display:flex;gap:18px;align-items:center;min-width:0}.project-demo__icon{height:70px;width:70px;flex-shrink:0;border-radius:15px;background:#073859;border:1px solid #157db5;color:#7cdfff;display:grid;place-items:center;box-shadow:inset 0 0 18px #178dce20}.project-demo__icon svg{height:35px;width:35px}.project-demo__icon--secondary{background:#082b46}.project-demo h3{font-size:12px;font-weight:600;line-height:1.5}.project-demo__option p{font-size:11px;line-height:1.65;color:var(--work-muted);margin:5px 0 13px}.project-demo__option .work-button{font-size:11px;min-height:40px;padding:8px 14px}.project-demo__divider{position:relative;display:flex;align-items:center;justify-content:center;align-self:stretch;color:#9ac7e6;font-size:10px}.project-demo__divider:before,.project-demo__divider:after{content:'';position:absolute;left:50%;width:1px;background:#2276a2;top:0;bottom:calc(50% + 17px)}.project-demo__divider:after{top:calc(50% + 17px);bottom:0}.project-demo__credentials{margin:12px 0;display:grid;gap:8px}.project-demo__credentials dt{font-size:10px;color:var(--work-muted)}.project-demo__credentials dd{display:flex;justify-content:space-between;gap:7px;align-items:center;margin:4px 0 0;background:#041528;border:1px solid #1b4465;border-radius:6px;padding:4px 8px;min-width:0}.project-demo__credentials code{overflow-wrap:anywhere;color:#b5e4fb;font-size:12px;min-width:0}.project-demo__credentials .work-icon-button{width:30px;height:30px;border-radius:6px}.project-demo__option .work-copy-status:empty{display:none}.project-story-layout{display:grid;grid-template-columns:minmax(0,1fr) 238px;gap:14px;scroll-margin-top:0}.project-story{padding:18px}.project-story__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.project-story__card{border:1px solid #18466b;border-radius:10px;padding:15px 13px;background:#072440;display:flex;flex-direction:column;gap:12px;position:relative;min-width:0}.project-story__card:not(:last-child):after{content:'→';position:absolute;right:-12px;top:50%;color:#41c4f5;background:#071c34;font-size:14px;width:12px;text-align:center;z-index:1}.project-story__icon{display:grid;place-items:center;height:35px;width:35px;border-radius:9px;background:#0b364b;border:1px solid #176077;color:#62ddd5}.project-story__icon svg{width:21px;height:21px}.project-story__card--problem .project-story__icon{color:#ee9aaf;background:#482c40;border-color:#70455c}.project-story__card--impact .project-story__icon{color:#47d4c7;background:#073c40;border-color:#176565}.project-story__card h3{font-size:11px;font-weight:600;margin-bottom:6px}.project-story__card p{font-size:10px;color:var(--work-muted);line-height:1.65}.project-story__details{margin-top:15px;border-top:1px solid var(--work-soft-border);padding-top:12px}.project-story__details summary{font-size:11px;color:#bcdef3;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px}.project-story__details summary::-webkit-details-marker{display:none}.project-story__details summary span{font-size:10px;color:var(--work-cyan)}.project-story__details[open] summary span{color:var(--work-muted)}.project-story__details p{font-size:11px;color:var(--work-muted);line-height:1.8;margin-top:12px}.project-services{padding:16px}.project-services .work-panel__heading{gap:9px;margin-bottom:14px}.project-services .work-panel__heading h2{font-size:12px}.project-services .work-section-icon{width:29px;height:29px}.project-services .work-section-icon svg{width:17px;height:17px}.project-services ul{display:grid;gap:7px}.project-services li{display:flex;align-items:center;gap:9px;padding:8px 9px;border:1px solid #194362;border-radius:7px;background:#082740;color:#bfd6ec;font-size:10px;line-height:1.45}.project-services li svg{width:16px;height:16px;color:#58c8ee}.project-contributors__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px}.project-contributor{display:flex;gap:13px;align-items:flex-start;padding:17px;background:#06233c;border:1px solid #204c6d;border-radius:11px;min-width:0;transition:transform .2s,border-color .2s,box-shadow .2s}.project-contributor:hover{transform:translateY(-3px);border-color:#3f9ac1;box-shadow:0 8px 20px #048dec10}.project-contributor__avatar,.project-contributor>img{height:52px;width:52px;flex-shrink:0;border-radius:50%;border:1px solid #3088ac;object-fit:cover}.project-contributor__avatar{display:grid;place-items:center;background:#0b4160;color:#8ddcff;font-size:16px;font-weight:600}.project-contributor h3{font-size:12px;margin-bottom:5px}.project-contributor .work-badge{font-size:9px;padding:2px 7px;background:#092d48;border-color:#205777}.project-contributor p{font-size:10px;line-height:1.6;color:var(--work-muted);margin-top:7px;max-width:600px}.project-related{padding-top:15px}.project-related h2{font-size:22px;font-weight:600;letter-spacing:-.6px;margin-top:8px}.project-related__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:20px}.project-related__card{padding:18px;display:flex;align-items:center;gap:13px;border:1px solid var(--work-border);background:#071c34;border-radius:12px;transition:border-color .2s,transform .2s}.project-related__card:hover{border-color:#3fc5f4;transform:translateY(-3px)}.project-related__card>svg{margin-left:auto;width:18px;height:18px;color:var(--work-accent)}.project-related__card small{display:block;font-size:9px;color:var(--work-muted);margin-bottom:4px}.project-related__card strong{font-size:12px;font-weight:600}.project-lightbox{padding:16px;border:1px solid #2681ae;border-radius:15px;color:var(--work-ink);background:#06182c;max-width:1200px;width:calc(100% - 40px);max-height:92svh;box-shadow:0 25px 100px #000b}.project-lightbox::backdrop{background:#010914e8;backdrop-filter:blur(5px)}.project-lightbox__header{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;margin-bottom:12px}.project-lightbox__header button{font-size:24px}.project-lightbox>img{width:100%;height:auto;max-height:calc(92svh - 110px);object-fit:contain;background:#041326;border-radius:8px}.project-lightbox__hint{font-size:10px;color:var(--work-muted);text-align:center;margin-top:12px}
@keyframes project-node-ring{0%{opacity:.5;transform:scale(.85)}100%{opacity:0;transform:scale(1.4)}}

.project-gallery__thumbnails{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 30px)/4);overflow-x:auto;scrollbar-width:thin;scrollbar-color:#286e92 #05172b;padding-bottom:5px;scroll-snap-type:x proximity}
.project-gallery__thumbnails button{scroll-snap-align:center}
.project-gallery__error{font-size:11px;color:#f2b7c5;margin-top:10px}
.project-gallery__error:empty{display:none}
.project-demo__welcome{display:block;color:var(--work-cyan);font-size:11px;margin-top:11px;text-decoration:underline;text-underline-offset:4px}

@media(min-width:1600px){.project-layout{grid-template-columns:190px minmax(0,1fr);gap:30px}.work-panel__heading h2{font-size:17px}.work-panel__heading p{font-size:12px}.project-demo h3{font-size:14px}.project-demo__option p{font-size:12px}.project-story-layout{grid-template-columns:minmax(0,1fr) 250px}.project-story__card p{font-size:11px}.project-story__card h3{font-size:12px}.project-step__copy strong{font-size:13px}.project-step__copy small{font-size:11px}}
@media(max-width:1240px){.work-header__inner{gap:17px}.work-header-search{display:none}.work-nav{margin-left:auto;margin-right:0}.project-story-layout{grid-template-columns:1fr}.project-services ul{grid-template-columns:repeat(3,minmax(0,1fr))}.project-demo__icon{width:53px;height:58px;border-radius:12px}.project-demo__option{gap:12px}.project-demo__options{gap:12px}.project-hero{gap:7%}.work-project-card__body{padding:20px}.work-project-card h2{font-size:23px}.work-collection-note{margin-right:0}.work-collection-note span{font-size:13px}}
@media(max-width:1000px){html{scroll-padding-top:163px}.work-container,.work-header__inner{width:calc(100% - 48px)}.work-header__inner{height:72px}.work-brand__mark{width:36px;height:36px}.work-brand strong{font-size:15px}.work-nav a{padding:7px 10px}.work-header-cta{font-size:11px;padding-inline:13px}.work-collection-note{display:none}.work-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.work-collection-toolbar{flex-wrap:wrap}.work-collection-search{flex:1;min-width:230px}.work-collection-hero h1{font-size:48px}.project-layout{display:block}.project-sidebar{top:72px;z-index:20;background:#041225f5;backdrop-filter:blur(12px);border:1px solid var(--work-border);border-radius:12px;margin-bottom:18px;padding:8px 8px 2px}.project-journey{height:63px}.project-journey ol{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:1fr}.project-step{display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:1px;border-radius:6px}.project-step__node{height:27px;width:27px;font-size:10px}.project-step__copy{display:none}.project-step__short{display:block;font-size:10px;font-weight:500;padding:0 4px 5px;border-bottom:2px solid transparent}.project-step.is-active .project-step__short{color:var(--work-cyan);border-color:var(--work-cyan)}.project-content{gap:18px}.project-story-layout{scroll-margin-top:0}.project-hero__identity{gap:15px}.project-hero__icon{width:60px;height:68px}.project-hero__icon svg{width:33px;height:33px}.project-hero h1{font-size:34px}.project-hero__subtitle{font-size:15px}.project-hero__summary{font-size:12px}.project-hero__editorial h2{font-size:37px}.project-hero__editorial>p:last-child{font-size:12px}.project-story__card p{font-size:11px}}
@media(max-width:760px){.work-nav{display:none}.work-menu-toggle{display:flex;margin-left:auto}.work-header-cta{margin-left:auto;margin-right:0}.work-menu-toggle{margin-left:0}.work-project-grid{gap:16px}.work-collection-hero h1{font-size:42px}.work-collection-hero__row>div>p{font-size:13px}.work-collection-cta{padding:24px;flex-direction:column;align-items:flex-start}.work-collection-cta .work-button{align-self:stretch}.project-hero{gap:25px;grid-template-columns:1fr;padding-top:25px}.project-hero__editorial{padding:0;border-left:2px solid #21658a;padding-left:20px}.project-hero__editorial h2{font-size:32px;line-height:1.15;margin:7px 0 10px}.project-hero__editorial h2 br{display:none}.project-hero__editorial h2 br:after{content:' '}.project-hero__editorial>p:last-child{max-width:100%}.project-hero__editorial .work-eyebrow{font-size:8px}.project-hero__summary{max-width:100%;font-size:13px}.project-hero__identity{gap:17px}.project-hero__subtitle{font-size:14px}.project-hero h1{font-size:38px}.project-preview-note{align-items:flex-start;font-size:10px}.project-preview-note svg{margin-top:2px}.project-demo__options{grid-template-columns:1fr;gap:20px}.project-demo__divider{height:16px}.project-demo__divider:before,.project-demo__divider:after{top:50%;bottom:auto;left:0;right:calc(50% + 20px);height:1px;width:auto}.project-demo__divider:after{left:calc(50% + 20px);right:0}.project-demo__option{align-items:flex-start;gap:16px}.project-demo__option p{font-size:12px}.project-demo h3{font-size:13px}.project-demo__option .work-button{min-height:44px}.project-services ul{grid-template-columns:repeat(2,minmax(0,1fr))}.project-services li{font-size:11px}.project-gallery__figure{padding:6px}.work-panel{padding:18px}.work-panel__heading h2{font-size:14px}.work-panel__heading p{font-size:10px}.project-story__cards{grid-template-columns:1fr;gap:14px}.project-story__card{flex-direction:row;padding:17px;gap:15px}.project-story__icon{flex-shrink:0}.project-story__card h3{font-size:12px}.project-story__card p{font-size:12px}.project-story__card:not(:last-child):after{content:'↓';top:auto;bottom:-17px;right:50%;width:18px;line-height:18px}.project-related h2{font-size:21px}.work-icon-button{width:44px;height:44px}.project-gallery__controls{gap:6px}.project-gallery__controls>span{min-width:35px;font-size:10px}.project-demo__credentials .work-icon-button{width:44px;height:44px}.project-contributors__grid{grid-template-columns:1fr}.project-contributor p{font-size:11px}.project-contributor h3{font-size:13px}.project-contributor .work-badge{font-size:10px}.work-footer{flex-wrap:wrap}.work-footer>a:nth-child(2){text-align:left}.work-footer small{width:100%}.work-footer .work-brand{width:100%}}
@media(max-width:550px){.work-container,.work-header__inner{width:calc(100% - 32px)}.work-header__inner{gap:10px}.work-brand strong{font-size:14px}.work-brand small{font-size:10px}.work-brand__mark{width:31px;height:34px}.work-brand{gap:9px}.work-header-cta{display:none}.work-menu-toggle{margin-left:auto}.work-collection-hero{padding-bottom:26px}.work-collection-hero .work-back{margin-bottom:22px}.work-collection-hero .work-eyebrow{font-size:8px;letter-spacing:1.5px}.work-collection-hero h1{font-size:40px;letter-spacing:-1.5px}.work-desktop-break{display:none}.work-collection-hero__row>div>p{margin-top:16px;line-height:1.7}.work-collection-toolbar{gap:16px;padding-block:14px}.work-filters{gap:4px}.work-filters button{padding:10px 11px;font-size:11px}.work-collection-search{width:100%;flex-basis:100%}.work-collection-search input{font-size:16px}.work-results-line{margin:15px 0}.work-project-grid{grid-template-columns:1fr;gap:20px}.work-project-card__body{padding:22px}.work-project-card h2{font-size:28px}.work-project-card__body>p{font-size:13px}.work-project-card__link{font-size:12px;min-height:44px}.work-project-card .work-stack li{font-size:11px}.work-collection-cta{padding:22px;margin-top:30px}.work-collection-cta h2{font-size:23px}.project-hero h1{font-size:34px;letter-spacing:-1px}.project-hero__icon{width:54px;height:61px;border-radius:13px}.project-hero__identity{gap:13px}.project-hero .work-eyebrow{font-size:8px}.project-hero__subtitle{font-size:13px}.project-hero__editorial h2{font-size:30px;letter-spacing:-1px}.project-hero__editorial h2 br{display:block}.project-hero__editorial h2 br:after{content:none}.project-hero__summary{font-size:12px}.work-stack{gap:6px}.work-stack li{font-size:10px;padding:5px 8px}.project-preview-note{margin-bottom:15px;font-size:9px}.work-panel{padding:15px;border-radius:14px}.work-panel__header{flex-wrap:wrap;gap:13px}.project-gallery .work-panel__header{align-items:flex-start}.work-panel__heading{gap:10px}.work-panel__heading h2{font-size:14px}.work-panel__heading p{font-size:10px}.work-section-icon{height:33px;width:33px}.project-gallery__controls{margin-left:auto}.project-gallery__controls .work-icon-button{width:44px;height:44px}.project-gallery__thumbnails{gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}.project-gallery__thumbnails span{font-size:9px}.project-gallery__figure figcaption{font-size:9px;gap:8px;align-items:flex-start}.project-gallery__figure figcaption>span:last-child{font-size:8px}.project-demo__option{gap:12px}.project-demo__icon{width:45px;height:49px;border-radius:10px}.project-demo__icon svg{width:27px;height:27px}.project-demo__option p{font-size:11px}.project-demo__option .work-button{width:100%;font-size:11px;padding-inline:9px}.project-services ul{grid-template-columns:1fr}.project-story__card{padding:14px;gap:12px}.project-story__card p{font-size:11px}.project-story__details summary{flex-wrap:wrap;min-height:44px}.project-contributor{padding:14px;gap:12px}.project-contributor__avatar,.project-contributor>img{height:43px;width:43px;font-size:13px}.project-related__grid{grid-template-columns:1fr}.project-related__card{padding:16px;min-height:72px}.project-lightbox{width:calc(100% - 20px);padding:10px}.project-lightbox__header{font-size:11px}.work-footer{margin-top:45px;padding-block:25px}.project-step{min-height:58px}.project-journey{height:63px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.project-step__pulse{display:none!important}.work-project-card:hover,.work-button:hover,.project-contributor:hover,.project-related__card:hover{transform:none}}
@media(max-width:550px){.project-gallery__thumbnails{grid-template-columns:none;grid-auto-columns:calc((100% - 7px)/2)}}

/* Editable platform capabilities: native disclosure controls work without JS. */
.project-features__intro{max-width:760px;font-size:12px;line-height:1.8;color:var(--work-muted);margin-bottom:24px}
.project-feature-group+.project-feature-group{margin-top:28px}
.project-feature-group>h3{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;margin-bottom:14px;line-height:1.5}
.project-feature-group__number{color:var(--work-cyan);border:1px solid #23567a;background:#082942;padding:4px 7px;border-radius:5px;font-size:10px;font-weight:500}
.project-feature-group__count{font-size:10px;color:var(--work-muted);margin-left:auto;font-weight:400}
.project-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.project-feature{background:#06243d;border:1px solid #204765;border-radius:10px;min-width:0;transition:border-color .2s}
.project-feature:hover,.project-feature[open]{border-color:#3088b3}
.project-feature summary{list-style:none;cursor:pointer;padding:17px;display:flex;flex-direction:column;min-height:170px}
.project-feature summary::-webkit-details-marker{display:none}
.project-feature__title{font-size:12px;font-weight:600;color:var(--work-ink);line-height:1.5;margin-bottom:8px}
.project-feature__summary{font-size:11px;line-height:1.7;color:var(--work-muted);margin-bottom:14px}
.project-feature__toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;font-size:10px;color:var(--work-cyan)}
.project-feature__plus{font-size:19px;line-height:1;transition:transform .2s}
.project-feature__hide{display:none}
.project-feature[open] .project-feature__hide{display:inline}
.project-feature[open] .project-feature__show{display:none}
.project-feature[open] .project-feature__plus{transform:rotate(45deg)}
.project-feature>ul{padding:15px 17px;border-top:1px solid #204765;display:grid;gap:10px}
.project-feature>ul>li{color:#bad0e5;font-size:11px;line-height:1.75;position:relative;padding-left:12px}
.project-feature>ul>li:before{content:'';position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:50%;background:#45c7f2}
@media(min-width:1101px){.project-feature-grid:has(>.project-feature:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1001px){.project-contributors__grid:has(>.project-contributor:nth-child(5):last-child){grid-template-columns:repeat(6,minmax(0,1fr))}.project-contributors__grid:has(>.project-contributor:nth-child(5):last-child)>.project-contributor{grid-column:span 2}.project-contributors__grid:has(>.project-contributor:nth-child(5):last-child)>.project-contributor:nth-child(n+4){grid-column:span 3}}
.project-contributor>div{min-width:0}
.project-contributor .work-badge{max-width:100%;white-space:normal}
@media(max-width:1100px){.project-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.project-feature-group>h3{font-size:12px}.project-features__intro{font-size:12px}.project-feature summary{min-height:174px;padding:15px}.project-feature__title{font-size:12px}}
@media(max-width:550px){.project-feature-grid{grid-template-columns:1fr;gap:11px}.project-feature summary{min-height:0;padding:17px}.project-feature__title{font-size:13px}.project-feature__summary,.project-feature>ul>li{font-size:12px}.project-feature__toggle{font-size:11px;min-height:23px}.project-feature-group>h3{flex-wrap:wrap;gap:8px;font-size:12px}.project-feature-group__count{width:100%;margin-left:36px;font-size:10px}.project-features__intro{font-size:12px;margin-bottom:22px}.project-feature-group+.project-feature-group{margin-top:25px}}