.project-showcase{background:hsl(var(--background));color:hsl(var(--foreground));padding-bottom:5rem;min-height:80vh;overflow-x:clip}.project-showcase *{letter-spacing:0}.showcase-heading,.showcase-story{width:min(1120px,calc(100% - 2.5rem));margin-inline:auto}.showcase-heading{padding-block:1rem .25rem}.showcase-heading h1,.showcase-story h1{font-family:var(--font-handwriting);font-synthesis:none;font-size:2.5rem;line-height:1.2;font-weight:400;margin-block:.75rem 1rem}.showcase-heading>p:last-child,.showcase-story-header>p{max-width:48rem;font-size:1.125rem;line-height:1.8}.showcase-eyebrow{color:hsl(var(--foreground));font-size:.875rem}.showcase-carousel{padding-block:1.5rem 2rem}.showcase-carousel-stage{display:grid;grid-template-columns:minmax(0,1fr);place-items:center;width:100%;padding-inline:max(2rem,calc((100% - 480px)/2));margin-inline:auto;perspective:1300px;touch-action:pan-y;padding-block:1.25rem 2rem}.showcase-carousel-card{width:100%;min-width:0;align-self:stretch;transform-origin:center}.showcase-float{height:100%;animation:showcase-hover 5.5s ease-in-out infinite;animation-play-state:paused}[data-running=true] .showcase-float{animation-play-state:running}.showcase-card-link{display:flex;flex-direction:column;gap:.9rem;height:100%;padding:1.25rem;border:1px solid hsl(var(--border));border-radius:8px;background:hsl(var(--card));color:hsl(var(--card-foreground));box-shadow:0 24px 40px -24px #0009;text-decoration:none}.showcase-card-link:focus-visible,.project-showcase button:focus-visible,.project-showcase a:focus-visible{outline:3px solid var(--brand-teal, #2ad8d6);outline-offset:5px}[data-active=true] .showcase-card-link{border-color:var(--brand-teal, #2ad8d6);box-shadow:0 24px 46px -28px #000b}.showcase-card-top{display:flex;gap:1rem;justify-content:space-between;align-items:center;min-height:2rem}.showcase-status{display:inline-block;font-size:.875rem;line-height:1.6;padding-inline-start:.75rem;border-inline-start:3px solid var(--brand-magenta, #e5047c)}.showcase-logo{width:64px;height:38px;-o-object-fit:contain;object-fit:contain}.showcase-card-link h2{font-family:var(--font-head);font-size:1.375rem;line-height:1.4;font-weight:600;overflow-wrap:anywhere}.showcase-card-summary{font-size:1rem;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:5.1em}.showcase-card-media{height:200px;width:100%;display:grid;place-items:center;background:hsl(var(--background));border-radius:4px;overflow:hidden;margin-top:auto}.showcase-card-media img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.showcase-card-media span{font-family:var(--font-handwriting);font-size:1.5rem}.showcase-card-action{display:flex;align-items:center;justify-content:space-between;min-height:44px;font-weight:600;font-size:1rem}.showcase-controls{display:flex;justify-content:center;align-items:center;gap:1rem;margin-block:.5rem 1.5rem}.showcase-controls button,.showcase-lightbox button{width:48px;height:48px;flex-shrink:0;display:grid;place-items:center;border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--foreground));border-radius:50%}.showcase-controls button:disabled{opacity:.4}.showcase-controls span{font-family:var(--font-mono);font-size:.875rem;min-width:5rem;text-align:center}.showcase-index{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem 1.25rem;max-width:1000px;padding-inline:1.25rem;margin-inline:auto}.showcase-index button{font-size:.875rem;line-height:1.5;padding-block:.6rem;min-height:44px;border-bottom:2px solid transparent}.showcase-index button[aria-pressed=true]{border-bottom-color:var(--brand-magenta, #e5047c);font-weight:600}.showcase-back{display:inline-flex;gap:.75rem;align-items:center;margin-block:1rem 2rem;min-height:44px}.showcase-story-header{padding-bottom:2rem}.showcase-story-logo{max-width:120px;height:60px;-o-object-fit:contain;object-fit:contain;margin-block:1rem}.showcase-visit{display:inline-flex;align-items:center;gap:.75rem;border-bottom:2px solid var(--brand-magenta, #e5047c);min-height:48px;padding-block:.75rem;font-weight:600;margin-block:1rem}.showcase-hero-shot{display:block;width:100%;background:hsl(var(--card));border:1px solid hsl(var(--border));padding:1rem}.showcase-hero-shot img{display:block;width:auto;height:auto;max-width:min(100%,760px);max-height:min(70vh,560px);margin-inline:auto;-o-object-fit:contain;object-fit:contain}.showcase-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;border-block:1px solid hsl(var(--border));padding-block:1.5rem;margin-top:2rem}.showcase-timeline dt{font-size:.875rem;margin-bottom:.5rem}.showcase-timeline dd{font-size:1.125rem;font-weight:600}.showcase-chapters section{padding-block:2rem;border-bottom:1px solid hsl(var(--border));display:grid;grid-template-columns:1fr;gap:1.25rem}.showcase-chapter-label{display:flex;align-items:baseline;gap:.75rem}.showcase-chapter-label span{font-family:var(--font-mono);font-size:.875rem}.showcase-story h2{font-size:1.375rem;line-height:1.4;font-weight:600}.showcase-chapters p{font-size:1.125rem;line-height:1.9;white-space:pre-line}.showcase-tools,.showcase-gallery{padding-block:2rem}.showcase-tools ul{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin-top:1.25rem}.showcase-note{font-size:.875rem;font-weight:400;line-height:1.8;margin-block:1rem}.showcase-muted{color:hsl(var(--muted-foreground))}.showcase-message{padding:4rem 1.25rem;text-align:center}.showcase-message button{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;margin-top:1rem}.showcase-preview-banner{text-align:center;background:hsl(var(--card));border-block:1px solid hsl(var(--border));padding:.75rem;font-size:.875rem}.showcase-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#090c12f7;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;padding:5rem 1rem 1rem}.showcase-lightbox>button{position:absolute;top:1rem;right:1rem}.showcase-lightbox>img{max-width:100%;max-height:calc(100dvh - 10rem);-o-object-fit:contain;object-fit:contain}.showcase-lightbox>p{font-size:.875rem;text-align:center}@keyframes showcase-hover{0%,to{transform:translateY(0) rotate(-.35deg)}50%{transform:translateY(-9px) rotate(.35deg)}}@media(min-width:768px){.showcase-heading h1,.showcase-story h1{font-size:3rem}.showcase-chapters section{grid-template-columns:260px minmax(0,1fr);gap:3rem;padding-block:3rem}}@media(max-width:767px){.showcase-heading{padding-top:.5rem}.showcase-heading h1{font-size:2rem;margin-block:.5rem}.showcase-heading>p:last-child{font-size:1rem;line-height:1.6}.showcase-carousel{padding-block:.5rem 1rem}.showcase-carousel-stage{padding-block:.75rem 1.25rem}.showcase-card-media{height:120px}.showcase-card-link{padding:1rem;gap:.65rem}}@media(prefers-reduced-motion:reduce){.showcase-float{animation:none}}.showcase-phases{margin-top:2rem}.showcase-phases h2{font-family:var(--font-head);font-size:1.125rem;font-weight:600;margin-bottom:1rem}.showcase-phases ol{list-style:none;margin:0;padding:0;max-width:40rem}@media(min-width:768px){.showcase-phases{max-width:40rem;margin-inline:auto}.showcase-phases h2{text-align:center}.showcase-phases ol{margin-inline:auto}}.showcase-phase-arrow{display:flex;justify-content:center;height:2.25rem;align-items:center;color:var(--brand-teal)}.showcase-phase-arrow svg{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--brand-teal) 55%,transparent))}.showcase-phase{display:flex;align-items:center;gap:1rem;padding:.9rem 1rem;border-radius:1rem;background:hsl(var(--card));color:hsl(var(--card-foreground));border:1px solid hsl(var(--border))}.showcase-phase-icon{flex:none;display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:.85rem;color:#fff;background:linear-gradient(135deg,#b8035f,#086c69)}.showcase-phase-label{font-size:.875rem;font-weight:600;color:hsl(var(--muted-foreground))}.showcase-phase-value{font-size:1.0625rem;font-weight:600;line-height:1.5}.showcase-phases li.is-now .showcase-phase{border-color:var(--brand-magenta);box-shadow:0 0 0 1px var(--brand-magenta),0 8px 24px -12px color-mix(in srgb,var(--brand-magenta) 60%,transparent)}.showcase-phases li.is-now .showcase-phase-icon{background:linear-gradient(135deg,var(--brand-magenta),#b8035f)}