:host,:host{--color-brand-50: var(--brand-50, #eef2ff);--color-brand-100: var(--brand-100, #e0e7ff);--color-brand-300: var(--brand-300, #a5b4fc);--color-brand-500: var(--brand-500, #6366f1);--color-brand-600: var(--brand-600, #4f46e5);--color-brand-700: var(--brand-700, #4338ca);--color-bg: var(--_color-schemes---background, #fcfcfc);--color-bg-muted: var(--_color-schemes---bg-muted, #f8fafc);--color-bg-inverted: var(--_base-colors---black, #0a0a0a);--color-surface: var(--_color-schemes---background, #fcfcfc);--color-surface-alt: var(--_base-colors---off-white, #f9f9f9);--color-border: var(--_color-schemes---border, rgba(10, 10, 10, 0.2));--color-border-strong:var(--theme-border-strong, #cbd5e1);--color-footer-bg: var(--_color-schemes---footer-bg, #fbfaf4);--color-text: var(--_color-schemes---text, #0a0a0a);--color-text-muted: var(--_color-schemes---text-muted, #475569);--color-text-subtle: var(--theme-text-subtle, #94a3b8);--color-text-inverted: var(--_base-colors---white, #fcfcfc);--color-primary: var(--_color-schemes---primary, #4f46e5);--color-primary-hover: var(--theme-primary-hover, #4338ca);--color-primary-on: var(--theme-primary-on, #ffffff);--color-success: var(--theme-success, #16a34a);--color-warning: var(--theme-warning, #d97706);--color-danger: var(--theme-danger, #dc2626);--font-sans: var(--_typography---body, "Geist", system-ui, sans-serif);--font-heading: var(--_typography---heading, "Coconat", Georgia, serif);--font-mono: var(--type-font-mono, "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace);--fs-xs: var(--type-fs-xs, 0.75rem);--fs-sm: var(--type-fs-sm, 0.875rem);--fs-md: var(--_typography---size-xs, 1rem);--fs-lg: var(--_typography---size-s, 1.125rem);--fs-xl: var(--_typography---size-m, 1.25rem);--fs-2xl: var(--_typography---size-l, 1.5rem);--fs-3xl: var(--_typography---size-xl, 2rem);--fs-4xl: var(--type-fs-4xl, 2.5rem);--fs-5xl: var(--_typography---size-2xl, 3rem);--fs-6xl: var(--_typography---size-4xl, 4.5rem);--lh-tight: var(--type-lh-tight, 1.15);--lh-snug: var(--type-lh-snug, 1.3);--lh-normal: var(--type-lh-normal, 1.5);--lh-relaxed: var(--type-lh-relaxed, 1.7);--fw-regular: var(--_typography---fw-regular, 400);--fw-medium: var(--_typography---fw-medium, 500);--fw-semibold: var(--type-fw-semibold, 600);--fw-bold: var(--_typography---fw-bold, 700);--space-2xs: var(--layout-space-2xs, 0.25rem);--space-xs: var(--_spacing---xs, 0.5rem);--space-sm: var(--_layout---space-sm, 0.75rem);--space-md: var(--_spacing---s, 1rem);--space-lg: var(--_spacing---m, 1.5rem);--space-xl: var(--_spacing---l, 2rem);--space-2xl: var(--_spacing---xl, 3rem);--space-3xl: var(--_spacing---2xl, 4rem);--space-4xl: var(--_spacing---4xl, 6rem);--space-5xl: var(--_spacing---5xl, 8rem);--radius-sm: var(--layout-radius-sm, 0.25rem);--radius-md: var(--_layout---radius-md, 0.5rem);--radius-lg: var(--_layout---radius-lg, 0.75rem);--radius-xl: var(--_layout---radius-xl, 1rem);--radius-2xl: var(--_layout---radius-2xl, 1.5rem);--radius-pill: var(--_layout---radius-pill, 999px);--shadow-sm: var(--layout-shadow-sm, 0 1px 2px rgba(15, 23, 42, 0.06));--shadow-md: var(--layout-shadow-md, 0 4px 12px rgba(15, 23, 42, 0.08));--shadow-lg: var(--layout-shadow-lg, 0 12px 32px rgba(15, 23, 42, 0.12));--container-max: var(--_layout---container-max, 80rem);--container-pad: var(--_layout---container-pad, 1.5rem);--ease-out: var(--comp-ease-out, cubic-bezier(0.2, 0.8, 0.2, 1));--dur-fast: var(--comp-dur-fast, 120ms);--dur-mid: var(--comp-dur-mid, 200ms);--dur-slow: var(--comp-dur-slow, 320ms)}*{box-sizing:border-box}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}.lr-line{display:block;overflow:hidden;padding-bottom:0.12em;margin-bottom:-0.12em}.lr-line-inner{display:block;transform:translateY(110%);transition:transform 1.1s cubic-bezier(0.22,1,0.36,1);will-change:transform}.lr-revealed .lr-line-inner{transform:translateY(0)}h1.lr-split .lr-line-inner{transition-duration:1.5s;transition-timing-function:cubic-bezier(0.16,1,0.3,1)}@media (prefers-reduced-motion: reduce){.lr-line-inner{transform:none;transition:none}}

:host{display:block!important;width:100%}.iproj{display:flex;flex-direction:column;gap:clamp(2rem,5vw,4rem);padding:clamp(4rem,10vw,12rem) clamp(1rem,3vw,1.25rem) clamp(3rem,6vw,6rem);background:transparent;color:var(--color-text, #0a0a0a)}.iproj-head{width:100%;display:flex;flex-direction:column;gap:var(--space-xl, 2rem)}.iproj-label{margin:0;font-family:var(--font-sans, "Geist", system-ui, sans-serif);font-weight:var(--fw-medium, 500);font-size:1.25rem;line-height:1.2;letter-spacing:-0.04em;text-transform:capitalize}.iproj-divider{display:block;width:100%;height:1px;background:currentColor;opacity:0.15}.iproj-main{display:grid;grid-template-columns:1fr clamp(240px,26%,360px);grid-template-areas:"stage para" "thumbs para";column-gap:clamp(2rem,5vw,5rem);row-gap:clamp(1.5rem,3vw,2.5rem);align-items:start}.iproj-stage{grid-area:stage;position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:var(--color-surface-alt, #f1f5f9);touch-action:pan-y;cursor:grab}.iproj-stage:focus-visible{outline:2px solid var(--color-text, #0a0a0a);outline-offset:3px}.iproj-track{display:flex;width:100%;height:100%;transition:transform 700ms cubic-bezier(0.65,0,0.35,1);will-change:transform}.iproj-slide{flex:0 0 100%;width:100%;height:100%}.iproj-slide-link{display:block;width:100%;height:100%;color:inherit;text-decoration:none;cursor:pointer}.iproj-slide-link:focus-visible{outline:2px solid var(--color-text-inverted, #fcfcfc);outline-offset:-4px}.iproj-figure{position:relative;margin:0;width:100%;height:100%}.iproj-img{width:100%;height:100%;object-fit:cover;display:block;user-select:none}.iproj-scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(10,10,10,0.55) 0%,rgba(10,10,10,0) 42%)}.iproj-name{position:absolute;left:clamp(1.25rem,3vw,2.5rem);bottom:clamp(1.25rem,3vw,2.5rem);right:clamp(1.25rem,3vw,2.5rem);margin:0;color:var(--color-text-inverted, #fcfcfc);font-family:var(--font-heading, "Coconat", Georgia, serif);font-weight:var(--fw-regular, 400);font-size:clamp(1.75rem,3.4vw,3rem);line-height:1.05;letter-spacing:-0.01em;text-transform:uppercase}.iproj-para-wrap{grid-area:para;align-self:end;display:grid}.iproj-para{grid-area:1 / 1;margin:0;font-family:var(--font-sans, "Geist", system-ui, sans-serif);font-weight:var(--fw-regular, 400);font-size:var(--fs-lg, 1.125rem);line-height:1.5;letter-spacing:-0.03em;opacity:0;transition:opacity 700ms ease-in-out}.iproj-para-active{opacity:1}.iproj-thumbs{grid-area:thumbs;display:flex;flex-wrap:nowrap;gap:var(--space-sm, 0.75rem);overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.iproj-thumbs::-webkit-scrollbar{display:none}.iproj-thumb{flex:0 0 auto;margin:0;padding:0;border:0;background:transparent;width:clamp(64px,8vw,92px);aspect-ratio:4 / 3;overflow:hidden;cursor:pointer;opacity:0.45;transition:opacity 400ms ease-in-out}.iproj-thumb:hover{opacity:0.75}.iproj-thumb-active{opacity:1}.iproj-thumb:focus-visible{outline:2px solid var(--color-text, #0a0a0a);outline-offset:2px}.iproj-thumb-img{width:100%;height:100%;object-fit:cover;display:block;user-select:none}@media (prefers-reduced-motion: reduce){.iproj-track,.iproj-para,.iproj-thumb{transition:none}}@media (max-width: 767px){.iproj-main{display:flex;flex-direction:column;gap:clamp(1.25rem,5vw,2rem)}.iproj-thumbs{order:1}.iproj-stage{order:2;aspect-ratio:4 / 5}.iproj-para-wrap{order:3;align-self:stretch}}