.page-md3.page-project-view{font-family:var(--md-sys-font);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);min-height:100vh;overflow-x:clip}.page-md3.page-project-view[data-project-accent=true]{--project-accent-ready: 1}.project-detail{width:100%;padding:16px 0 64px}.project-detail__inner{width:100%;max-width:1120px;margin:0 auto;padding:0 var(--md-sys-layout-margin, 24px);display:flex;flex-direction:column;gap:28px}.project-detail__back{display:flex;align-items:center}.project-detail__backLink{display:inline-flex !important;align-items:center;justify-content:center;gap:8px;min-height:40px;height:40px;padding:0 12px 0 8px !important;margin-left:-8px;line-height:1 !important;box-sizing:border-box}.project-detail__backLink [data-material-icon],.project-detail__backLink .project-detail__backIcon,.project-detail__backLink .material-symbols-outlined{display:inline-grid !important;place-items:center;flex:0 0 auto;width:20px !important;height:20px !important;font-size:20px !important;line-height:1 !important;margin:0;padding:0;font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 20}.project-skeleton{width:100%;max-width:1120px;margin:0 auto;padding:16px var(--md-sys-layout-margin, 24px) 64px;display:grid;gap:24px}.project-skeleton[hidden]{display:none !important}.project-skeleton__block{border-radius:var(--md-sys-shape-corner-large, 16px);background:linear-gradient(90deg, var(--md-sys-color-surface-container) 0%, var(--md-sys-color-surface-container-high) 50%, var(--md-sys-color-surface-container) 100%);background-size:200% 100%;animation:project-skeleton-shine 1.2s ease-in-out infinite}.project-skeleton__cover{aspect-ratio:21/9;border-radius:var(--md-sys-shape-corner-extra-large, 28px)}.project-skeleton__title{height:36px;width:min(420px,70%)}.project-skeleton__line{height:14px;width:100%;max-width:560px}.project-skeleton__chips{height:88px}.project-skeleton__gallery{height:280px}@keyframes project-skeleton-shine{0%{background-position:100% 0}100%{background-position:-100% 0}}@media(prefers-reduced-motion: reduce){.project-skeleton__block{animation:none}}.project-hero{display:grid;gap:20px;animation:m3-enter 420ms var(--md-sys-motion-easing-emphasized, ease) both;scroll-margin-top:calc(var(--nav-height, 64px) + 12px)}.project-hero__media{position:relative}.project-hero__cover{position:relative;width:100%;aspect-ratio:21/9;min-height:180px;max-height:380px;border-radius:var(--md-sys-shape-corner-extra-large, 28px);overflow:hidden;background:var(--md-sys-color-surface-container-high);background-size:cover;background-position:center}.project-hero__coverShade{position:absolute;inset:0;background:linear-gradient(to top, color-mix(in srgb, var(--md-sys-color-scrim) 42%, transparent) 0%, transparent 55%);pointer-events:none}.project-hero__play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%, -50%);width:80px;height:80px;display:inline-grid;place-items:center;border:none;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);cursor:pointer;box-shadow:var(--md-sys-elevation-3);z-index:2;padding:0;margin:0;line-height:0;overflow:hidden}.project-hero__play .m3-video__glyph,.project-hero__play .material-symbols-outlined{display:grid !important;place-items:center;width:40px !important;height:40px !important;font-size:40px !important;line-height:1 !important;margin:0;padding:0;transform:none !important;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 40}.project-hero__play:hover{background:color-mix(in srgb, var(--md-sys-color-on-primary) 8%, var(--md-sys-color-primary));box-shadow:var(--md-sys-elevation-2)}.project-hero__play:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:3px}.project-hero__body{display:flex;flex-direction:column;gap:16px}.project-hero__identity{display:grid;grid-template-columns:auto minmax(0, 1fr);grid-template-rows:auto auto auto;column-gap:20px;row-gap:10px;align-items:start}.project-hero__identity--hasActions{grid-template-columns:auto minmax(0, 1fr) auto}.project-hero__icon{grid-column:1;grid-row:1;align-self:center;justify-self:start;width:auto;aspect-ratio:1/1;min-height:64px;max-height:96px;height:clamp(64px,9vw,96px);border-radius:22px;background:var(--md-sys-color-surface-container-highest);background-size:cover;background-position:center;box-shadow:var(--md-sys-elevation-2)}.project-hero__icon--square{background-size:110%;background-position:center}.project-hero__icon--seal{background-color:#ecedf2;background-size:cover;background-position:center}html[data-theme=dark] .project-hero__icon--seal{background-color:#e4e5eb}.project-hero__heading{grid-column:2;grid-row:1;display:flex;align-items:center;align-self:center;min-width:0}.project-hero__title{margin:0;flex:1 1 auto;min-width:0;font-size:clamp(3rem,2vw + 2.4rem,4.4rem);font-weight:700;letter-spacing:-0.03em;line-height:1.15;color:var(--md-sys-color-on-surface);overflow-wrap:anywhere;word-break:break-word}.project-hero__desc{grid-column:1/-1;grid-row:2;margin:0;max-width:68ch;font-size:var(--md-sys-typescale-body-large-size, 1.6rem);line-height:1.5;color:var(--md-sys-color-on-surface-variant)}.project-hero__meta{grid-column:1/-1;grid-row:3;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start;align-content:flex-start;flex:0 1 auto;min-width:0;max-width:100%;width:100%;margin:4px 0 0;padding:0;box-sizing:border-box}.project-hero__meta .project-chip{flex:0 1 auto;min-width:0;max-width:100%;min-height:32px;padding:0 12px;border-radius:var(--md-sys-shape-corner-small, 8px);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-size:1.3rem;overflow:hidden}.project-hero__meta .project-chip span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-hero__meta .project-chip__icon{width:16px;height:16px}.project-hero__actions{grid-column:3;grid-row:1;display:flex;flex-wrap:wrap;flex:0 0 auto;align-items:center;align-self:center;justify-content:flex-end;align-content:center;gap:10px;margin-top:0;max-width:none}.project-hero__cta{display:inline-flex !important;align-items:center;justify-content:center;gap:8px;min-height:40px;height:40px;padding:0 20px !important;line-height:1 !important;box-sizing:border-box}.project-hero__cta [data-material-icon],.project-hero__cta .project-hero__ctaIcon,.project-hero__cta .material-symbols-outlined{display:inline-grid !important;place-items:center;flex:0 0 auto;width:18px !important;height:18px !important;font-size:18px !important;line-height:1 !important;margin:0;padding:0;font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 20}.project-hero__cta .project-hero__ctaLabel{display:inline-flex;align-items:center;line-height:1}@media screen and (max-width: 960px){.project-hero__identity{grid-template-columns:auto minmax(0, 1fr)}.project-hero__icon{grid-column:1;grid-row:1;align-self:center;height:72px;min-height:72px;max-height:72px;width:72px}.project-hero__heading{grid-column:2;grid-row:1;align-self:center}.project-hero__desc{grid-column:1/-1;grid-row:2}.project-hero__meta{grid-column:1/-1;grid-row:3}.project-hero__identity--singleAction{grid-template-columns:auto minmax(0, 1fr) auto}.project-hero__identity--singleAction .project-hero__icon,.project-hero__identity--singleAction .project-hero__heading,.project-hero__identity--singleAction .project-hero__actions{align-self:center}.project-hero__identity--singleAction .project-hero__actions{grid-column:3;grid-row:1;justify-content:flex-end;flex-wrap:nowrap;width:auto;max-width:none}.project-hero__identity--singleAction .project-hero__desc{grid-column:1/-1;grid-row:2}.project-hero__identity--singleAction .project-hero__meta{grid-column:1/-1;grid-row:3}.project-hero__identity--multiAction{grid-template-columns:auto minmax(0, 1fr)}.project-hero__identity--multiAction .project-hero__actions{grid-column:1/-1;grid-row:2;justify-content:flex-start;max-width:100%}.project-hero__identity--multiAction .project-hero__desc{grid-row:3}.project-hero__identity--multiAction .project-hero__meta{grid-row:4}.project-hero__title{font-size:clamp(2.8rem,3.2vw + 1.6rem,3.8rem)}}@media screen and (max-width: 720px){.project-hero{gap:14px;padding-bottom:0;margin-bottom:2px}.project-hero__cover{aspect-ratio:16/10;min-height:160px;max-height:min(42vw,280px);border-radius:var(--md-sys-shape-corner-large, 16px)}.project-hero__play{width:64px;height:64px}.project-hero__play .m3-video__glyph,.project-hero__play .material-symbols-outlined{width:32px !important;height:32px !important;font-size:32px !important}.project-hero__identity{grid-template-columns:64px minmax(0, 1fr);grid-template-rows:auto;column-gap:12px;row-gap:10px}.project-hero__icon{grid-column:1;grid-row:1;width:64px;min-height:64px;max-height:64px;height:64px;border-radius:16px;align-self:center}.project-hero__heading{grid-column:2;grid-row:1;align-self:center;align-items:center}.project-hero__desc{grid-column:1/-1;grid-row:2;font-size:1.45rem;max-width:none}.project-hero__meta{grid-column:1/-1;grid-row:3;justify-content:flex-start;max-width:100%;gap:6px;margin-top:0}.project-hero__identity--singleAction{grid-template-columns:64px minmax(0, 1fr) auto}.project-hero__identity--singleAction .project-hero__icon,.project-hero__identity--singleAction .project-hero__heading,.project-hero__identity--singleAction .project-hero__actions{align-self:center}.project-hero__identity--singleAction .project-hero__heading{min-width:0}.project-hero__identity--singleAction .project-hero__actions{grid-column:3;grid-row:1;justify-content:flex-end;flex-direction:row;flex-wrap:nowrap;width:auto;max-width:none;gap:0}.project-hero__identity--singleAction .project-hero__actions .m3-btn,.project-hero__identity--singleAction .project-hero__actions .project-hero__cta{width:auto;max-width:100%;padding:0 14px !important}.project-hero__identity--singleAction .project-hero__desc{grid-column:1/-1;grid-row:2}.project-hero__identity--singleAction .project-hero__meta{grid-column:1/-1;grid-row:3}.project-hero__identity--multiAction{grid-template-columns:64px minmax(0, 1fr)}.project-hero__identity--multiAction .project-hero__actions{grid-column:1/-1;grid-row:2;flex-direction:column;align-items:stretch;justify-content:flex-start;max-width:100%;width:100%;gap:8px}.project-hero__identity--multiAction .project-hero__actions .m3-btn,.project-hero__identity--multiAction .project-hero__actions .project-hero__cta{width:100%}.project-hero__identity--multiAction .project-hero__desc{grid-row:3}.project-hero__identity--multiAction .project-hero__meta{grid-row:4}.project-hero__title{font-size:clamp(2.4rem,6vw + 1.1rem,3.2rem);width:100%}}.m3-video{--m3-video-progress: 0%;position:relative;width:100%;aspect-ratio:21/9;min-height:180px;max-height:380px;border-radius:var(--md-sys-shape-corner-extra-large, 28px);overflow:hidden;background:#000;isolation:isolate;user-select:none}.m3-video[hidden]{display:none !important}.m3-video.is-chrome-visible .m3-video__chrome,.m3-video.is-scrubbing .m3-video__chrome{opacity:1;transform:translateY(0);pointer-events:auto}.m3-video.is-chrome-visible .m3-video__gradient,.m3-video.is-scrubbing .m3-video__gradient{opacity:1}.m3-video__el{width:100%;height:100%;object-fit:cover;display:block;background:#000}.m3-video__gradient{position:absolute;inset:auto 0 0;height:min(48%,180px);background:linear-gradient(to top, color-mix(in srgb, var(--md-sys-color-scrim) 72%, transparent) 0%, color-mix(in srgb, var(--md-sys-color-scrim) 28%, transparent) 45%, transparent 100%);opacity:0;pointer-events:none;transition:opacity 220ms var(--md-sys-motion-easing-standard, ease);z-index:1}.m3-video__fab{position:absolute;inset:50% auto auto 50%;transform:translate(-50%, -50%);z-index:3;width:72px;height:72px;display:inline-grid;place-items:center;margin:0;padding:0;border:none;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);box-shadow:var(--md-sys-elevation-3);cursor:pointer;line-height:0;overflow:hidden;transition:background 180ms var(--md-sys-motion-easing-standard, ease),box-shadow 180ms var(--md-sys-motion-easing-standard, ease),transform 180ms var(--md-sys-motion-easing-standard, ease)}.m3-video__fab .m3-video__glyph,.m3-video__fab .material-symbols-outlined{display:grid !important;place-items:center;width:36px !important;height:36px !important;font-size:36px !important;line-height:1 !important;margin:0;padding:0;transform:none !important;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 40}.m3-video__fab:hover{box-shadow:var(--md-sys-elevation-2);background:color-mix(in srgb, var(--md-sys-color-on-primary-container) 8%, var(--md-sys-color-primary-container))}.m3-video__fab:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:3px}.m3-video__fab[hidden]{display:none !important}.m3-video__chrome{position:absolute;left:12px;right:12px;bottom:12px;z-index:4;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:8px;min-height:56px;padding:6px 8px 6px 6px;border-radius:999px;background:color-mix(in srgb, var(--md-sys-color-surface-container-high) 94%, transparent);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-3);border:1px solid color-mix(in srgb, var(--md-sys-color-outline-variant) 55%, transparent);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity 200ms var(--md-sys-motion-easing-standard, ease),transform 200ms var(--md-sys-motion-easing-emphasized, ease)}.m3-video__slider{position:relative;flex:1 1 auto;min-width:64px;height:40px;display:flex;align-items:center;align-self:center;padding:0 4px}.m3-video__sliderTrack{position:absolute;left:4px;right:4px;top:50%;height:4px;margin-top:-2px;border-radius:var(--md-sys-shape-corner-full);background:color-mix(in srgb, var(--md-sys-color-on-surface) 18%, transparent);pointer-events:none;overflow:visible}.m3-video__sliderActive{position:absolute;inset:0 auto 0 0;width:var(--m3-video-progress, 0%);border-radius:inherit;background:var(--md-sys-color-primary)}.m3-video__sliderThumb{position:absolute;top:50%;left:var(--m3-video-progress, 0%);width:14px;height:14px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary);box-shadow:var(--md-sys-elevation-1);transform:translate(-50%, -50%) scale(0.85);transition:transform 120ms var(--md-sys-motion-easing-standard, ease)}.m3-video.is-scrubbing .m3-video__sliderThumb,.m3-video__slider:hover .m3-video__sliderThumb{transform:translate(-50%, -50%) scale(1)}.m3-video__range{position:relative;z-index:2;width:100%;height:40px;margin:0;padding:0;appearance:none;background:rgba(0,0,0,0);cursor:pointer}.m3-video__range::-webkit-slider-runnable-track{height:4px;background:rgba(0,0,0,0);border:none}.m3-video__range::-webkit-slider-thumb{appearance:none;width:20px;height:20px;margin-top:-8px;border-radius:50%;background:rgba(0,0,0,0);border:none;box-shadow:none}.m3-video__range::-moz-range-track{height:4px;background:rgba(0,0,0,0);border:none}.m3-video__range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:rgba(0,0,0,0);border:none}.m3-video__range:focus-visible{outline:none}.m3-video__slider:focus-within .m3-video__sliderTrack{outline:2px solid var(--md-sys-color-primary);outline-offset:4px;border-radius:4px}.m3-video__slider .m3-video__sliderTrack{z-index:0}.m3-video__iconBtn{position:relative;flex:0 0 auto;box-sizing:border-box;width:40px;height:40px;display:inline-grid;place-items:center;margin:0;padding:0;border:none;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);cursor:pointer;line-height:0;overflow:hidden;isolation:isolate;box-shadow:var(--md-sys-elevation-1);-webkit-tap-highlight-color:rgba(0,0,0,0);transition:background 160ms var(--md-sys-motion-easing-standard, ease),color 160ms var(--md-sys-motion-easing-standard, ease),box-shadow 160ms var(--md-sys-motion-easing-standard, ease),transform 120ms var(--md-sys-motion-easing-standard, ease)}.m3-video__iconBtn .m3-video__glyph,.m3-video__iconBtn .material-symbols-outlined{display:grid !important;place-items:center;width:22px !important;height:22px !important;font-size:22px !important;line-height:1 !important;margin:0;padding:0;transform:none !important;position:relative;z-index:1;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}.m3-video__iconBtn:hover{background:color-mix(in srgb, var(--md-sys-color-primary) 12%, var(--md-sys-color-surface-container-highest));box-shadow:var(--md-sys-elevation-2)}.m3-video__iconBtn:active{transform:scale(0.96);box-shadow:var(--md-sys-elevation-0)}.m3-video__iconBtn:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.m3-video__iconBtn--play{width:40px;height:40px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);box-shadow:var(--md-sys-elevation-2)}.m3-video__iconBtn--play .m3-video__glyph,.m3-video__iconBtn--play .material-symbols-outlined{width:24px !important;height:24px !important;font-size:24px !important}.m3-video__iconBtn--play:hover{background:color-mix(in srgb, var(--md-sys-color-on-primary) 10%, var(--md-sys-color-primary));box-shadow:var(--md-sys-elevation-3)}.m3-video__iconBtn--tonal{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.m3-video__iconBtn--tonal:hover{background:color-mix(in srgb, var(--md-sys-color-on-secondary-container) 10%, var(--md-sys-color-secondary-container))}.m3-video__time{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:4px;height:40px;padding:0 8px;border-radius:var(--md-sys-shape-corner-full);background:color-mix(in srgb, var(--md-sys-color-on-surface) 6%, transparent);font-family:var(--md-sys-font);font-size:1.2rem;font-weight:500;letter-spacing:.01em;line-height:1;font-variant-numeric:tabular-nums;color:var(--md-sys-color-on-surface-variant);white-space:nowrap}.m3-video__timeCurrent{color:var(--md-sys-color-on-surface)}.m3-video__timeSep{opacity:.55}.m3-video__volume{--m3-video-volume: 0%;display:inline-flex;flex:0 0 auto;align-items:center;gap:4px;height:40px;padding:0 8px 0 0;border-radius:var(--md-sys-shape-corner-full);background:color-mix(in srgb, var(--md-sys-color-on-surface) 10%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent);transition:background 160ms var(--md-sys-motion-easing-standard, ease),box-shadow 160ms var(--md-sys-motion-easing-standard, ease)}.m3-video__volume .m3-video__iconBtn--tonal{width:40px;height:40px;background:color-mix(in srgb, var(--md-sys-color-primary) 18%, var(--md-sys-color-surface-container-highest));color:var(--md-sys-color-primary);box-shadow:none}.m3-video__volume .m3-video__iconBtn--tonal.is-muted{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface-variant)}.m3-video__volume .m3-video__iconBtn--tonal:hover{background:color-mix(in srgb, var(--md-sys-color-primary) 28%, var(--md-sys-color-surface-container-highest));color:var(--md-sys-color-primary)}.m3-video__volSlider{position:relative;width:72px;height:40px;display:flex;align-items:center;overflow:visible;opacity:.92;transition:width 200ms var(--md-sys-motion-easing-emphasized, ease),opacity 160ms var(--md-sys-motion-easing-standard, ease)}.m3-video__volume:hover .m3-video__volSlider,.m3-video__volume:focus-within .m3-video__volSlider,.m3-video.is-volume-open .m3-video__volSlider{width:110px;opacity:1;padding-right:4px}.m3-video__volume:hover,.m3-video__volume:focus-within,.m3-video.is-volume-open .m3-video__volume{background:color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-primary) 22%, transparent)}.m3-video__volTrack{position:absolute;left:2px;right:8px;top:50%;height:5px;margin-top:-2.5px;border-radius:var(--md-sys-shape-corner-full);background:color-mix(in srgb, var(--md-sys-color-on-surface) 22%, transparent);pointer-events:none}.m3-video__volActive{position:absolute;inset:0 auto 0 0;width:var(--m3-video-volume, 0%);border-radius:inherit;background:var(--md-sys-color-primary)}.m3-video__volThumb{position:absolute;top:50%;left:var(--m3-video-volume, 0%);width:14px;height:14px;border-radius:50%;background:var(--md-sys-color-primary);box-shadow:var(--md-sys-elevation-2);transform:translate(-50%, -50%);border:2px solid var(--md-sys-color-surface-container-highest)}.m3-video__volRange{position:relative;z-index:2;width:100%;height:40px;margin:0;padding:0;appearance:none;background:rgba(0,0,0,0);cursor:pointer}.m3-video__volRange::-webkit-slider-runnable-track{height:4px;background:rgba(0,0,0,0)}.m3-video__volRange::-webkit-slider-thumb{appearance:none;width:18px;height:18px;margin-top:-7px;border-radius:50%;background:rgba(0,0,0,0);border:none}.m3-video__volRange::-moz-range-track{height:4px;background:rgba(0,0,0,0);border:none}.m3-video__volRange::-moz-range-thumb{width:18px;height:18px;border:none;background:rgba(0,0,0,0)}.m3-video__volRange:focus-visible{outline:none}.m3-video:fullscreen,.m3-video:-webkit-full-screen{aspect-ratio:auto;max-height:none;min-height:100%;border-radius:0}.m3-video:fullscreen .m3-video__el,.m3-video:-webkit-full-screen .m3-video__el{object-fit:contain}@media screen and (max-width: 720px){.m3-video{aspect-ratio:16/10;min-height:160px;max-height:min(42vw,280px);border-radius:var(--md-sys-shape-corner-large, 16px)}.m3-video__chrome{left:8px;right:8px;bottom:8px;gap:4px;min-height:44px;padding:4px 6px 4px 4px;border-radius:999px;flex-wrap:nowrap;overflow:hidden}.m3-video__fab{width:56px;height:56px}.m3-video__fab .material-symbols-outlined{width:28px;height:28px;font-size:28px;line-height:28px}.m3-video__timeDuration,.m3-video__timeSep{display:none}.m3-video__time{padding:0 6px;font-size:1.15rem}.m3-video__volSlider{width:56px;opacity:1;overflow:visible;padding-right:2px}.m3-video__volume{background:color-mix(in srgb, var(--md-sys-color-on-surface) 10%, transparent)}.m3-video__volume:hover .m3-video__volSlider,.m3-video__volume:focus-within .m3-video__volSlider,.m3-video.is-volume-open .m3-video__volSlider{width:72px}}@media(prefers-reduced-motion: reduce){.m3-video__chrome,.m3-video__gradient,.m3-video__sliderThumb,.m3-video__fab,.m3-video__volSlider,.m3-video__iconBtn{transition:none}}.project-section__title{margin:0;font-size:var(--md-sys-typescale-title-large-size, 2.2rem);font-weight:700;letter-spacing:-0.01em;color:var(--md-sys-color-on-surface)}.project-section__lead{margin:0 0 16px;max-width:68ch;font-size:var(--md-sys-typescale-body-large-size, 1.6rem);line-height:1.55;color:var(--md-sys-color-on-surface-variant)}.project-read{max-width:72ch}.project-overview__head{margin-bottom:12px}.project-insights{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 160px), 1fr));gap:8px;margin-bottom:12px}.project-insight{display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 12px;border-radius:var(--md-sys-shape-corner-medium, 12px);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);text-decoration:none}.project-insight--link{justify-content:space-between;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.project-insight--link:hover{box-shadow:var(--md-sys-elevation-1)}.project-insight__main{display:inline-flex;align-items:center;gap:10px;min-width:0}.project-insight__glyph,.project-insight__external{flex-shrink:0}.project-insight__text{display:flex;flex-direction:column;gap:2px;min-width:0}.project-insight__value{font-size:1.6rem;font-weight:600;line-height:1.2}.project-insight__label{font-size:1.2rem;opacity:.8;line-height:1.2}.project-meta{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px;padding:0;background:rgba(0,0,0,0)}.project-meta__cell{display:grid;gap:6px;padding:12px;border-radius:var(--md-sys-shape-corner-medium, 12px);background:var(--md-sys-color-surface-container-low);min-width:0}.project-meta__cell--wide{grid-column:1/-1}.project-meta__label{font-size:1.2rem;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant)}.project-meta__value{font-size:var(--md-sys-typescale-body-large-size, 1.6rem);color:var(--md-sys-color-on-surface);line-height:1.4}.project-meta__value--compact{font-size:1.4rem;margin:0}.project-chips{display:flex;flex-wrap:wrap;gap:8px}.project-chip{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border-radius:var(--md-sys-shape-corner-small, 8px);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-size:1.5rem;font-weight:500;line-height:1.25}.project-chip__icon{display:inline-block;width:20px;height:20px;flex-shrink:0;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.page-md3.page-project-view[data-project-accent=true] .project-chip{background:color-mix(in srgb, var(--project-accent-seed, var(--color_variable_1, #0b57d0)) 18%, var(--md-sys-color-surface-container-highest));color:color-mix(in srgb, var(--project-accent-seed, var(--color_variable_1, #0b57d0)) 72%, var(--md-sys-color-on-surface))}html[data-theme=dark] .page-md3.page-project-view[data-project-accent=true] .project-chip{background:color-mix(in srgb, var(--project-accent-seed, var(--color_variable_1, #0b57d0)) 34%, var(--md-sys-color-surface-container));color:color-mix(in srgb, var(--project-accent-seed, var(--color_variable_1, #0b57d0)) 28%, var(--md-sys-color-on-surface))}@media screen and (max-width: 640px){.project-meta{grid-template-columns:1fr}.project-insights{grid-template-columns:1fr}.project-insight{min-height:52px}.project-section__title{font-size:clamp(2rem,4vw + 1.2rem,2.6rem)}}.project-gallery{--pv-gallery-phone-card: min(220px, 62vw);--pv-gallery-phone-pad-x: 20px;--pv-gallery-phone-media-w: calc(var(--pv-gallery-phone-card) - var(--pv-gallery-phone-pad-x));--pv-gallery-phone-media-h: calc(var(--pv-gallery-phone-media-w) * 16 / 9)}.project-gallery__header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.project-gallery__headerActions{display:flex;align-items:center;gap:12px}.project-gallery__navGroup{display:flex;gap:8px}.project-gallery__navBtn{width:40px;min-width:40px;height:40px;padding:0}.project-gallery__counter{margin:0;font-size:var(--md-sys-typescale-label-large-size, 1.4rem);color:var(--md-sys-color-on-surface-variant);font-variant-numeric:tabular-nums}.project-gallery__stage{position:relative;border-radius:var(--md-sys-shape-corner-extra-large, 28px);background:var(--md-sys-color-surface-container-low);padding:16px 0;overflow:hidden}.project-gallery__stage.is-at-start .project-gallery__fade--start,.project-gallery__stage.is-at-end .project-gallery__fade--end{opacity:0}.project-gallery__fade{position:absolute;top:0;bottom:0;width:48px;z-index:2;pointer-events:none;transition:opacity .2s ease}.project-gallery__fade--start{left:0;background:linear-gradient(to right, var(--md-sys-color-surface-container-low), transparent)}.project-gallery__fade--end{right:0;background:linear-gradient(to left, var(--md-sys-color-surface-container-low), transparent)}.project-gallery__track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-inline:20px;padding:4px 20px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--md-sys-color-on-surface) 35%, transparent) rgba(0,0,0,0);cursor:grab;touch-action:pan-x;user-select:none}.project-gallery__track::-webkit-scrollbar{height:3px}.project-gallery__track::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.project-gallery__track::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--md-sys-color-on-surface) 35%, transparent);border-radius:999px}.project-gallery__track.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}.project-gallery__endSpacer{flex:0 0 max(24px,100% - var(--pv-gallery-phone-card) - 20px);width:max(24px,100% - var(--pv-gallery-phone-card) - 20px);min-height:1px;pointer-events:none;scroll-snap-align:end}.project-gallery__item{flex:0 0 auto;scroll-snap-align:start;scroll-snap-stop:normal;width:var(--pv-gallery-phone-card);border:none;padding:0;background:rgba(0,0,0,0);cursor:pointer;text-align:left;color:inherit;transition:transform .2s var(--md-sys-motion-easing-standard, ease)}.project-gallery__item:last-of-type{scroll-snap-align:end}.project-gallery__item:hover{transform:translateY(-3px)}.project-gallery__item:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:3px}.project-gallery__item--architecture,.project-gallery__item--diagram{width:min(360px,82vw)}.project-gallery__item--tablet{width:max-content;max-width:min(92vw,720px)}.project-gallery__surface{display:block;border-radius:var(--md-sys-shape-corner-large, 16px);overflow:hidden;background:var(--md-sys-color-surface-container-highest);box-shadow:var(--md-sys-elevation-1)}.project-gallery__surface--phone{padding:10px 10px 14px;border-radius:22px;background:color-mix(in srgb, var(--md-sys-color-on-surface) 88%, transparent);box-shadow:var(--md-sys-elevation-2)}.project-gallery__surface--tablet{padding:10px;border-radius:18px;background:color-mix(in srgb, var(--md-sys-color-on-surface) 88%, transparent);box-shadow:var(--md-sys-elevation-2)}.project-gallery__thumb{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-medium, 12px)}.project-gallery__item--phone .project-gallery__thumb,.project-gallery__item--mobile .project-gallery__thumb,.project-gallery__surface--phone .project-gallery__thumb{aspect-ratio:9/16;border-radius:14px}.project-gallery__item--tablet .project-gallery__thumb,.project-gallery__surface--tablet .project-gallery__thumb{width:auto;height:var(--pv-gallery-phone-media-h);max-height:var(--pv-gallery-phone-media-h);aspect-ratio:16/9;object-fit:contain;object-position:center;border-radius:12px}.project-gallery__item--architecture .project-gallery__thumb,.project-gallery__item--diagram .project-gallery__thumb{aspect-ratio:16/10;object-fit:contain}.project-gallery__caption{display:block;margin-top:8px;padding:0 4px;font-size:1.2rem;color:var(--md-sys-color-on-surface-variant);line-height:1.35}.project-gallery__dots{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:12px}.project-gallery__dot{width:8px;height:8px;padding:0;border:none;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-outline-variant);cursor:pointer;transition:width .2s ease,background .2s ease}.project-gallery__dot.is-active{width:20px;background:var(--md-sys-color-primary)}.project-gallery__dot:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}@media screen and (max-width: 720px){.project-gallery{--pv-gallery-phone-card: min(200px, 70vw);margin-top:2px}.project-gallery__header{align-items:center;gap:8px;margin-bottom:10px}.project-gallery__stage{padding:12px 0 10px;border-radius:var(--md-sys-shape-corner-large, 16px)}.project-gallery__track{gap:12px;scroll-padding-inline:14px;padding:4px 14px 6px}.project-gallery__fade{width:28px}.project-gallery__navGroup{display:none}.project-gallery__item:not(.project-gallery__item--tablet):not(.project-gallery__item--architecture):not(.project-gallery__item--diagram){width:var(--pv-gallery-phone-card)}.project-gallery__item--tablet{max-width:min(94vw,640px)}}.project-architecture{display:grid;gap:16px}.project-architecture .project-section__title{margin:0}.project-arch__card{display:grid;grid-template-columns:auto minmax(0, 1fr);align-items:start;gap:16px 18px;padding:22px 24px;border-radius:var(--md-sys-shape-corner-extra-large, 28px);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-1);transition:background var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, ease),box-shadow var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, ease)}.project-arch__card:hover{box-shadow:var(--md-sys-elevation-2)}.project-arch__icon{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);flex:0 0 auto}.project-arch__icon .material-symbols-outlined,.project-arch__icon .project-arch__iconGlyph{display:grid !important;place-items:center;width:24px !important;height:24px !important;font-size:24px !important;line-height:1 !important;margin:0;padding:0;transform:none !important;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}.project-arch__content{display:grid;gap:8px;min-width:0;padding-top:2px}.project-arch__label{margin:0;font-size:var(--md-sys-typescale-label-large-size, 1.4rem);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--md-sys-color-primary);line-height:1.2}.project-arch__body{margin:0;max-width:68ch;font-size:var(--md-sys-typescale-body-large-size, 1.6rem);line-height:1.55;color:var(--md-sys-color-on-surface-variant)}@media screen and (max-width: 720px){.project-architecture{gap:14px}.project-arch__card{grid-template-columns:auto minmax(0, 1fr);padding:18px 16px;border-radius:var(--md-sys-shape-corner-large, 16px);gap:12px 14px}.project-arch__icon{width:40px;height:40px}.project-arch__body{font-size:1.45rem;max-width:none}}.project-api__meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.project-api__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.project-api__badge{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-size:1.25rem;font-weight:600;letter-spacing:.02em;line-height:1;box-shadow:var(--md-sys-elevation-1)}.project-api__badgeValue{font-variant-numeric:tabular-nums}.project-api__badgeLabel{font-weight:500;opacity:.9}.project-api__filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:4px;border-radius:var(--md-sys-shape-corner-extra-large, 28px);background:var(--md-sys-color-surface-container-low)}.project-api__filter{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border:none;border-radius:var(--md-sys-shape-corner-full);background:rgba(0,0,0,0);color:var(--md-sys-color-on-surface-variant);font:inherit;font-size:1.35rem;font-weight:500;letter-spacing:.01em;cursor:pointer;overflow:hidden;isolation:isolate;transition:background var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, ease),color var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, ease),box-shadow var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, ease)}.project-api__filter:hover{background:color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent)}.project-api__filter.is-active{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);box-shadow:var(--md-sys-elevation-1)}.project-api__filter:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.project-api__listWrap{position:relative;padding:10px 12px 14px;margin:0 -4px;overflow:visible}.project-api__listWrap--scroll{max-height:min(56vh,460px);overflow:auto;padding:12px 14px 16px;margin:0;border-radius:var(--md-sys-shape-corner-extra-large, 28px);background:color-mix(in srgb, var(--md-sys-color-surface-container-low) 55%, transparent);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.project-api__listWrap--scroll::-webkit-scrollbar{width:0;height:0;display:none}.project-api__list{margin:0;padding:4px 2px 8px;list-style:none;display:grid;gap:14px}.project-api__empty{margin:8px 0 0;padding:20px 16px;border-radius:var(--md-sys-shape-corner-large, 16px);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-large-size, 1.6rem);text-align:center}.project-api__item{--api-method-accent: var(--md-sys-color-primary);position:relative;border:none;border-left:none;border-radius:var(--md-sys-shape-corner-large, 16px);background:var(--md-sys-color-surface-container-lowest);overflow:hidden;box-shadow:var(--md-sys-elevation-1);isolation:isolate;transition:background var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, ease),box-shadow var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, ease)}.project-api__item.is-open{background:var(--md-sys-color-surface-container-low);box-shadow:var(--md-sys-elevation-2);border:none;border-left:none}.project-api__item[hidden]{display:none !important}.project-api__item--get{--api-method-accent: #1b8a5a}.project-api__item--post{--api-method-accent: #2563eb}.project-api__item--put{--api-method-accent: #c47b00}.project-api__item--patch{--api-method-accent: #7c3aed}.project-api__item--delete{--api-method-accent: #c62828}.project-api__item--other{--api-method-accent: var(--md-sys-color-primary)}html[data-theme=dark] .project-api__item--get{--api-method-accent: #6dd5a3}html[data-theme=dark] .project-api__item--post{--api-method-accent: #7aa2ff}html[data-theme=dark] .project-api__item--put{--api-method-accent: #ffb74d}html[data-theme=dark] .project-api__item--patch{--api-method-accent: #b39ddb}html[data-theme=dark] .project-api__item--delete{--api-method-accent: #ef9a9a}.project-api__row{position:relative;width:100%;display:grid;grid-template-columns:auto minmax(0, 1fr) auto auto;align-items:center;gap:12px 14px;min-height:72px;margin:0;padding:14px 16px;border:none;background:rgba(0,0,0,0);color:var(--md-sys-color-on-surface);text-align:left;cursor:pointer;font:inherit;overflow:hidden;isolation:isolate}.project-api__row::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,0);pointer-events:none;transition:background var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, ease)}.project-api__row:hover::before{background:color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent)}.project-api__row:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:-2px}.project-api__item--expandable .project-api__row{cursor:pointer}.project-api__row--static{cursor:default}.project-api__row--static:hover::before{background:rgba(0,0,0,0)}.project-api__method{position:relative;z-index:1;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:5.2em;min-height:32px;padding:0 10px;border:none;border-radius:var(--md-sys-shape-corner-small, 8px);font-family:var(--md-sys-font, Roboto, system-ui, sans-serif);font-size:1.15rem;font-weight:700;letter-spacing:.06em;line-height:1;background:color-mix(in srgb, var(--api-method-accent) 16%, var(--md-sys-color-surface-container-highest));color:var(--api-method-accent);box-shadow:none}.project-api__main{position:relative;z-index:1;display:grid;gap:4px;min-width:0}.project-api__path{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--md-sys-typescale-title-medium-size, 1.6rem);font-weight:600;letter-spacing:.01em;line-height:1.25;color:var(--md-sys-color-on-surface);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-api__support{font-family:var(--md-sys-font, Roboto, system-ui, sans-serif);font-size:var(--md-sys-typescale-body-medium-size, 1.4rem);line-height:1.35;color:var(--md-sys-color-on-surface-variant);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-api__item.is-open .project-api__support{display:none}.project-api__trailing{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}.project-api__entity{position:relative;z-index:1;padding:4px 10px;border-radius:var(--md-sys-shape-corner-full);font-family:var(--md-sys-font, Roboto, system-ui, sans-serif);font-size:1.15rem;font-weight:500;letter-spacing:.02em;color:var(--md-sys-color-on-secondary-container);background:var(--md-sys-color-secondary-container);white-space:nowrap}.project-api__expandIcon{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:var(--md-sys-shape-corner-full);color:var(--md-sys-color-on-surface-variant);background:color-mix(in srgb, var(--md-sys-color-on-surface) 6%, transparent);pointer-events:none;transition:transform var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-emphasized, ease),background var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, ease),color var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, ease)}.project-api__expandIcon .material-symbols-outlined,.project-api__expandIcon .project-api__expandGlyph{display:grid !important;place-items:center;width:24px !important;height:24px !important;font-size:24px !important;line-height:1 !important;margin:0;padding:0;transform:none !important;font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24}.project-api__item.is-open .project-api__expandIcon{transform:rotate(180deg);background:color-mix(in srgb, var(--api-method-accent) 16%, transparent);color:var(--api-method-accent)}.project-api__details{display:grid;grid-template-rows:1fr;border-top:1px solid var(--md-sys-color-outline-variant)}.project-api__details[hidden]{display:none !important}.project-api__detailsInner{display:grid;gap:12px;padding:8px 16px 18px;background:color-mix(in srgb, var(--md-sys-color-surface-container) 70%, transparent)}.project-api__summary{margin:0;font-family:var(--md-sys-font, Roboto, system-ui, sans-serif);font-size:var(--md-sys-typescale-body-large-size, 1.6rem);line-height:1.5;color:var(--md-sys-color-on-surface-variant)}.project-api__block{display:grid;gap:6px;padding:12px 14px;border-radius:var(--md-sys-shape-corner-medium, 12px);background:var(--md-sys-color-surface-container-highest)}.project-api__blockLabel{font-family:var(--md-sys-font, Roboto, system-ui, sans-serif);font-size:1.1rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--md-sys-color-primary)}.project-api__code{display:block;margin:0;padding:0;border:none;background:rgba(0,0,0,0);color:var(--md-sys-color-on-surface);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.3rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.project-api__notes{margin:0;padding:10px 12px;border-radius:var(--md-sys-shape-corner-medium, 12px);background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);font-family:var(--md-sys-font, Roboto, system-ui, sans-serif);font-size:1.3rem;line-height:1.45}@media screen and (max-width: 720px){.project-api__head{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:10px}.project-api__badge{min-height:28px;padding:0 10px;font-size:1.15rem}.project-api__meta{gap:6px;margin-bottom:10px}.project-api__filters{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;margin:0 0 12px;padding:4px;max-width:100%}.project-api__filters::-webkit-scrollbar{display:none}.project-api__filter{flex:0 0 auto;min-height:36px;padding:0 14px;font-size:1.25rem;white-space:nowrap}.project-api__row{grid-template-columns:auto minmax(0, 1fr) auto;grid-template-areas:"method main expand" "entity entity entity";align-items:center;min-height:0;padding:12px;gap:8px 10px}.project-api__method{grid-area:method;min-width:4.6em;min-height:28px;padding:0 8px;font-size:1.05rem}.project-api__main{grid-area:main;min-width:0}.project-api__path{white-space:normal;overflow-wrap:anywhere;word-break:break-word;font-size:1.4rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:unset}.project-api__entity{grid-area:entity;justify-self:start;max-width:100%;overflow:hidden;text-overflow:ellipsis}.project-api__expandIcon{grid-area:expand;justify-self:end;width:36px;height:36px}.project-api__row--static{grid-template-areas:"method main ." "entity entity entity"}.project-api__listWrap{padding:8px 6px 10px;margin:0}.project-api__listWrap--scroll{max-height:min(58vh,340px);border-radius:var(--md-sys-shape-corner-large, 16px);padding:8px 8px 10px}.project-api__list{gap:10px;padding:2px 0 4px}.project-api__support{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.project-api__detailsInner{padding:8px 12px 14px;gap:10px}.project-api__block{padding:10px 12px}.project-api__code{font-size:1.15rem}}.project-cta{padding:24px;border-radius:var(--md-sys-shape-corner-extra-large, 28px);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.project-cta__title{margin:0 0 8px;font-size:var(--md-sys-typescale-title-large-size, 2.2rem);font-weight:700}.project-cta__text{margin:0 0 16px;max-width:56ch;font-size:var(--md-sys-typescale-body-large-size, 1.6rem);line-height:1.5;opacity:.92}.project-cta__actions{display:flex;flex-wrap:wrap;gap:12px}@media screen and (max-width: 720px){.project-cta{padding:20px 16px;border-radius:var(--md-sys-shape-corner-large, 16px)}.project-cta__title{font-size:clamp(1.9rem,4vw + 1rem,2.2rem)}.project-cta__text{font-size:1.45rem;max-width:none}.project-cta__actions{flex-direction:column;align-items:stretch}.project-cta__actions .m3-btn{width:100%;justify-content:center}}.page-md3.page-project-view.project-brand-active .navbar-brand{overflow:visible}.page-md3.page-project-view .navbar-projectContext{display:inline-flex;align-items:center;gap:0;flex:0 1 auto;min-width:0;max-width:0;margin:0;padding:0;overflow:hidden;opacity:0;transform:translateX(-6px);white-space:nowrap;pointer-events:none;border-left:0 solid rgba(0,0,0,0);transition:max-width var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized),opacity var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized),margin var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized),padding var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized),gap var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized),border-color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.page-md3.page-project-view.project-brand-active .navbar-projectContext.is-visible,.page-md3.page-project-view .navbar-projectContext.is-visible{max-width:min(22ch,36vw);margin-left:10px;padding:4px 0 4px 12px;gap:8px;opacity:1;transform:none;overflow:visible;border-left-width:1px;border-left-color:var(--md-sys-color-outline-variant)}.page-md3.page-project-view .navbar-projectContext__icon{flex:0 0 auto;width:28px;height:28px;border-radius:8px;background:var(--md-sys-color-surface-container-highest) center/cover no-repeat;box-shadow:var(--md-sys-elevation-1);transform:translateY(-2px)}.page-md3.page-project-view .navbar-projectContext__icon--square{background-size:110%;background-position:center}.page-md3.page-project-view .navbar-projectContext__icon--seal{background-color:#ecedf2;background-size:cover;background-position:center}html[data-theme=dark] .page-md3.page-project-view .navbar-projectContext__icon--seal{background-color:#e4e5eb}.page-md3.page-project-view .navbar-projectContext__name{flex:1 1 auto;min-width:0;font-size:var(--md-sys-typescale-title-medium-size, 1.6rem);font-weight:500;letter-spacing:.01em;line-height:1.2;color:var(--md-sys-color-on-surface);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:16ch}@media screen and (max-width: 1200px){.page-md3.page-project-view.project-brand-active .navbar-brand__text{display:none}.page-md3.page-project-view .navbar-projectContext.is-visible{max-width:min(24ch,48vw);margin-left:4px}.page-md3.page-project-view .navbar-projectContext__name{max-width:min(18ch,40vw)}}@media screen and (max-width: 720px){.page-md3.page-project-view.project-brand-active .navbar-brand__text{display:none}.page-md3.page-project-view .navbar-projectContext.is-visible{max-width:min(18ch,58vw);margin-left:0;padding:4px 0;border-left-width:0}.page-md3.page-project-view .navbar-projectContext__name{max-width:min(14ch,50vw)}.project-detail{padding:12px 0 48px}.project-detail__inner{padding:0 clamp(12px,4vw,20px);gap:22px}.project-skeleton{padding:12px clamp(12px,4vw,20px) 48px}.project-detail__backLink{margin-left:-4px;max-width:100%}.project-detail__backLink span[data-i18n-key=project_back_gallery]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media screen and (max-width: 480px){.project-detail__inner{gap:18px}.project-hero{gap:14px}.project-hero__cover,.m3-video{aspect-ratio:4/3;min-height:140px;max-height:220px;border-radius:var(--md-sys-shape-corner-medium, 12px)}.project-hero__play{width:56px;height:56px}.project-hero__play .m3-video__glyph,.project-hero__play .material-symbols-outlined{width:28px !important;height:28px !important;font-size:28px !important}.project-hero__identity{grid-template-columns:56px minmax(0, 1fr);column-gap:10px;row-gap:8px}.project-hero__icon{grid-column:1;grid-row:1;width:56px;min-height:56px;max-height:56px;height:56px;border-radius:14px;align-self:center}.project-hero__heading{grid-column:2;grid-row:1;align-self:center;align-items:center}.project-hero__desc,.project-hero__meta{grid-column:1/-1}.project-hero__identity--singleAction{grid-template-columns:56px minmax(0, 1fr) auto}.project-hero__identity--singleAction .project-hero__icon,.project-hero__identity--singleAction .project-hero__heading,.project-hero__identity--singleAction .project-hero__actions{align-self:center}.project-hero__identity--singleAction .project-hero__actions{grid-column:3;grid-row:1}.project-hero__identity--singleAction .project-hero__actions .project-hero__ctaLabel{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-hero__identity--multiAction{grid-template-columns:56px minmax(0, 1fr)}.project-hero__title{font-size:clamp(2.2rem,7vw + .6rem,2.8rem)}.project-hero__meta{gap:5px}.project-hero__meta .project-chip{min-height:28px;padding:0 10px;font-size:1.2rem}.project-api__row{grid-template-columns:auto minmax(0, 1fr) auto;grid-template-areas:"method . expand" "main main main" "entity entity entity";padding:10px;gap:8px}.project-api__row--static{grid-template-areas:"method . ." "main main main" "entity entity entity"}.project-api__path{font-size:1.25rem;-webkit-line-clamp:3}.project-api__filters{border-radius:var(--md-sys-shape-corner-large, 16px)}.project-api__filter{min-height:34px;padding:0 12px;font-size:1.2rem}.m3-video__volSlider{display:none}.m3-video__volume{padding:0}.m3-video__chrome{left:6px;right:6px;bottom:6px;gap:2px;min-height:40px;padding:2px 4px 2px 2px}.m3-video__fab{width:48px;height:48px}.m3-video__fab .material-symbols-outlined{width:24px;height:24px;font-size:24px;line-height:24px}.project-gallery{--pv-gallery-phone-card: min(180px, 78vw)}.project-gallery__stage{border-radius:var(--md-sys-shape-corner-medium, 12px)}.project-meta__cell{padding:10px}.project-chip{max-width:100%}.project-chip span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media screen and (orientation: landscape)and (max-height: 480px){.project-hero__cover,.m3-video{aspect-ratio:21/9;min-height:120px;max-height:160px}.project-hero__play{width:48px;height:48px}.project-detail__inner{gap:16px}}@media(prefers-reduced-motion: reduce){.page-md3.page-project-view .navbar-projectContext{transition:none}}@media(prefers-reduced-motion: reduce){.project-hero,.project-gallery__item{animation:none;transition:none}.project-gallery__track{scroll-behavior:auto}}