.showcase-shell{max-width:1200px;margin:var(--showcase-top-gap,22px) auto 0;padding:0 20px 20px}.showcase-scene{position:relative}.showcase-boot .showcase-deck,.showcase-boot .showcase-controls{visibility:hidden;opacity:0}.showcase-intro{height:var(--intro-height,auto);display:flex;align-items:center;padding:0 10px}.showcase-ready .showcase-intro-copy{position:relative;top:calc(var(--showcase-top-gap,20px) / -2)}.showcase-intro-copy{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,390px);align-items:end;gap:40px;padding-bottom:12px;border-bottom:1px solid rgba(13,95,77,.16)}.showcase-eyebrow{margin:0 0 6px;color:var(--accent);font-size:11px;font-weight:700;line-height:1.3;letter-spacing:.14em;text-transform:uppercase}.showcase-page-title{margin:0;color:var(--accent);font-size:28px;font-weight:700;line-height:1.2;letter-spacing:-.015em}.showcase-intro-description{margin:0;color:var(--muted);font-size:16px;font-weight:300;line-height:1.5}.showcase-description-short,.showcase-description-count{display:none}.showcase-deck{position:relative;display:grid;gap:24px;perspective:1600px;perspective-origin:50% 45%}.project-card{--info-progress:0;position:relative;background:var(--project-color,var(--accent));color:#f5fbf8;border:1px solid rgba(211,239,225,.2);border-radius:24px;box-shadow:0 16px 40px #04221a21;overflow:hidden;backface-visibility:hidden}.project-body{position:relative;background:#f5f5f1}.project-visual{margin:0;aspect-ratio:16/9;background:#f5f5f1}.project-visual img{display:block;width:100%;height:100%;object-fit:contain}.project-panel{background:var(--project-color,var(--accent));color:#f5fbf8}.project-glance{padding:28px;display:flex;flex-direction:column;gap:24px}.project-glance-scroll{display:flex;flex-direction:column;gap:24px}.project-identity{font-size:12px;line-height:1.5;font-weight:400;letter-spacing:.1em;color:#dcece3}.project-identity strong{font-weight:700}.project-toggle,.project-info-close{display:none}.project-info{background:var(--project-color,var(--accent));color:#f5fbf8}.project-info-scroll{padding:32px;display:flex;flex-direction:column;gap:22px}.project-info-scroll:focus-visible,.project-glance-scroll:focus-visible{outline:2px solid #b9d6c9;outline-offset:-5px}.project-meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#b8d7c7}.project-meta .project-name{flex-basis:100%;font-size:22px;font-weight:700;line-height:1.3;letter-spacing:0;text-transform:none;color:#f5fbf8;margin-top:4px}.project-title{margin:0;font-size:clamp(36px,4.8vw,64px);line-height:1.05;letter-spacing:-.015em;font-weight:700}.project-title span{display:block;color:#b9d6c9;font-weight:400}.project-summary{margin:0;color:#e0ede6;font-size:18px;font-weight:300;line-height:1.7}.project-scopes{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:0;padding:0}.project-scopes li{padding:5px 9px;border-radius:6px;border:1px solid rgba(211,239,225,.22);font-size:11px;color:#dcece3}.project-depth-shade{display:none}.showcase-ready .project-body{height:var(--card-height,440px);--rail-width:calc(100% - var(--artwork-width,70%))}.showcase-ready .project-visual{position:absolute;inset:0 0 0 auto;width:var(--artwork-width,70%);aspect-ratio:16/9}.showcase-ready .project-panel{position:absolute;inset:0;z-index:1;background:transparent;pointer-events:none}.showcase-ready .project-panel:before{content:"";position:absolute;inset:0;background:var(--project-color,var(--accent));clip-path:inset(0 calc((1 - var(--info-progress))*(100% - var(--rail-width))) 0 0)}.showcase-ready .project-glance{position:absolute;inset:0 auto 0 0;width:var(--rail-width);pointer-events:auto}.showcase-ready .project-glance-scroll{min-height:0;overflow-y:auto;scrollbar-width:none;flex:1}.showcase-ready .project-toggle{position:relative;flex-shrink:0;align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:11px 18px;border:1px solid rgba(255,255,255,.3);border-radius:12px;background:transparent;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s,color .2s}.project-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;transform:rotate(calc(var(--info-progress)*45deg))}.showcase-ready .project-toggle:hover{background:var(--accent-dark)}.showcase-ready .is-info-open .project-toggle{background:#f5fbf8;color:var(--accent)}.showcase-ready .project-info{position:absolute;inset:0 0 0 var(--rail-width);visibility:hidden;background:transparent;pointer-events:auto;clip-path:inset(0 calc((1 - var(--info-progress))*100%) 0 0)}.showcase-ready .project-info.is-visible{visibility:visible}.showcase-ready .project-info-scroll{height:100%;overflow-y:auto;scrollbar-width:none;padding:32px 40px 36px;justify-content:safe center}.project-info-scroll::-webkit-scrollbar,.project-glance-scroll::-webkit-scrollbar{display:none;width:0;height:0}.showcase-ready .project-info-scroll>*{flex-shrink:0;opacity:clamp(0,calc((var(--info-progress) - .25)*1.34),1);transform:translateY(calc((1 - var(--info-progress))*12px))}.showcase-controls{display:none;align-items:center;justify-content:space-between;gap:16px;padding:16px 2px 0;min-height:60px}.showcase-ready .showcase-controls{display:flex}.showcase-hint{font-size:12px;color:var(--muted)}.showcase-hint span{margin-left:8px;color:var(--accent)}.showcase-picker{display:flex;gap:6px}.showcase-picker button{width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;font-size:12px;color:var(--muted);cursor:pointer;transition:background-color .2s,color .2s}.showcase-picker button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft);font-weight:700}.showcase-arrows{display:flex;align-items:center;gap:8px}.showcase-count{font-size:12px;letter-spacing:.06em;color:var(--muted);margin-right:8px;min-width:52px}.showcase-arrows button{width:38px;height:38px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;background:var(--panel);color:var(--accent);cursor:pointer;transition:background-color .2s,color .2s}.showcase-arrows button:hover:not(:disabled){background:var(--accent);color:#fff}.showcase-arrows button:disabled{opacity:.3;cursor:default}.showcase-arrows svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.showcase-page #panel-kontak{padding-top:64px}.showcase-skip{position:fixed;top:8px;left:20px;z-index:200;padding:12px 18px;background:var(--accent);color:#fff;border-radius:8px;transform:translateY(-150%)}.showcase-skip:focus{transform:none}.showcase-scene.is-stack .showcase-deck{display:block;height:var(--deck-height);overflow:hidden;border-radius:0;background:transparent;filter:drop-shadow(-8px 14px 18px rgba(0,24,16,.14))}.is-stack .project-card{position:absolute;inset:0 auto 0 0;width:var(--case-width);height:100%;min-height:0;transform-origin:left center;will-change:transform;border-radius:24px;box-shadow:none}.is-stack .project-body{height:100%}.is-stack .project-depth-shade{display:block;position:absolute;inset:0;pointer-events:none;background:#001d13;z-index:2;opacity:0}@media(min-width:1600px){.showcase-shell{max-width:1440px}}@media(max-width:1100px){.project-glance{padding:24px;gap:18px}.project-glance-scroll{gap:18px}.project-meta .project-name{font-size:20px}.showcase-ready .project-info-scroll{padding:28px}.project-title{font-size:clamp(36px,4.3vw,64px)}}@media(max-width:900px){.showcase-page-title{font-size:24px}.showcase-ready .project-body{--glance-height:calc(100% - var(--artwork-height,200px))}.showcase-ready .project-visual{inset:auto 0 0;width:100%;height:var(--artwork-height,200px)}.showcase-ready .project-panel:before{clip-path:inset(0 0 calc((1 - var(--info-progress))*var(--artwork-height,200px)) 0)}.showcase-ready .project-glance{width:100%;height:var(--glance-height);padding:20px;gap:16px}.project-glance-scroll{gap:14px}.project-meta .project-name{font-size:20px}.showcase-ready .project-info{inset:var(--glance-height) 0 0;clip-path:inset(0 0 calc((1 - var(--info-progress))*100%) 0)}.showcase-ready .project-info-scroll{padding:20px;gap:18px;justify-content:flex-start}.project-title{font-size:32px}.project-summary{line-height:1.6}.showcase-hint{display:none}}@media(max-width:520px){.showcase-shell{padding:0 10px 12px}.project-info-scroll{padding:24px}.showcase-count{display:none}.showcase-picker{gap:2px}.showcase-picker button{width:28px;height:30px}.showcase-controls{gap:8px}.showcase-arrows button{width:34px;height:34px}.is-stack .project-scopes li{padding:4px 6px}.showcase-ready .project-toggle{font-size:14px}}@media(max-width:700px){.showcase-intro-copy{grid-template-columns:1fr;gap:10px}.showcase-intro-description{max-width:36ch;font-size:14px}}.is-compact-intro .showcase-intro-copy{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding-bottom:0}.is-compact-intro .showcase-eyebrow,.is-compact-intro .showcase-description-full{display:none}.is-compact-intro .showcase-page-title{font-size:18px}.is-compact-intro .showcase-intro-description{max-width:none;font-size:13px;line-height:1.2}.is-compact-intro .showcase-description-short{display:inline}@media(max-width:700px){.is-compact-intro .showcase-description-short{display:none}.is-compact-intro .showcase-description-count{display:inline}}@media(prefers-reduced-motion:reduce){.showcase-picker button,.showcase-arrows button,.project-toggle{transition:none}}@media(max-width:900px){.showcase-shell{padding:0 16px 16px;margin-top:24px}.showcase-intro{height:auto;padding:0 4px 20px}.showcase-ready .showcase-intro-copy{top:0;grid-template-columns:1fr;gap:12px;padding-bottom:20px}.showcase-page-title{font-size:clamp(22px,6.4vw,26px);line-height:1.15}.showcase-intro-description{font-size:16px;line-height:1.6;max-width:none}.showcase-eyebrow{font-size:12px}.showcase-scene.is-carousel{display:flex;flex-direction:column}.is-carousel .showcase-intro{order:0}.is-carousel .showcase-controls{order:1}.showcase-scene.is-carousel .showcase-deck{order:2;display:flex;gap:16px;align-items:stretch;height:auto;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;perspective:none;filter:none;border-radius:20px;touch-action:pan-x pan-y pinch-zoom}.is-carousel .showcase-deck::-webkit-scrollbar{display:none}.is-carousel .project-card{display:flex;flex:0 0 100%;width:100%;min-width:0;height:auto;scroll-snap-align:start;scroll-snap-stop:always;box-shadow:none;border-radius:20px}.showcase-ready .project-body{display:flex;flex:1;flex-direction:column;height:auto;min-width:0;width:100%}.showcase-ready .project-visual{position:static;order:2;flex-shrink:0;inset:auto;width:100%;height:auto;aspect-ratio:16/9}.showcase-ready .project-panel{display:contents;position:static;background:transparent;pointer-events:auto}.showcase-ready .project-panel:before{display:none}.showcase-ready .project-glance{position:static;order:1;flex:0 0 auto;inset:auto;width:100%;height:auto;min-height:var(--mobile-glance-height,0px);padding:24px 20px;gap:16px;background:var(--project-color,var(--accent))}.showcase-ready .project-glance-scroll{flex:none;overflow:visible;gap:16px}.project-meta .project-name{font-size:22px;line-height:1.3}.project-scopes li{font-size:12px}.showcase-ready .project-toggle{width:100%;min-height:48px;margin-top:auto;font-size:16px;justify-content:space-between;touch-action:manipulation}.showcase-ready .project-toggle:focus-visible{outline-color:#f5fbf8}.is-carousel .showcase-deck:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.showcase-ready .project-info{display:none;position:static;order:3;flex-shrink:0;min-height:0;inset:auto;background:var(--project-color,var(--accent));clip-path:none}.showcase-ready .project-info.is-visible{display:block}.showcase-ready .project-info.is-info-animating{overflow:hidden}.showcase-ready .project-info-scroll{height:auto;overflow:visible;padding:24px 20px;gap:20px;justify-content:flex-start}.showcase-ready .project-info-scroll>*{opacity:1;transform:none}.project-title{font-size:28px;line-height:1.12}.project-summary{font-size:18px;line-height:1.6}.showcase-ready .project-info-close{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;align-self:stretch;min-height:48px;padding:12px 16px;border:1px solid rgba(211,239,225,.4);border-radius:12px;background:transparent;color:#f5fbf8;font-size:16px;font-weight:700;cursor:pointer;touch-action:manipulation}.showcase-ready .project-info-close:focus-visible{outline-color:#f5fbf8}.showcase-ready .showcase-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"hint arrows" "picker picker";gap:12px;padding:0 0 20px}.showcase-hint{grid-area:hint;display:block;font-size:13px;line-height:1.4}.showcase-picker{grid-area:picker;justify-content:space-between;gap:4px}.showcase-picker button{width:44px;height:44px;font-size:14px;touch-action:manipulation}.showcase-arrows{grid-area:arrows;gap:8px}.showcase-arrows button{width:48px;height:48px;touch-action:manipulation}.showcase-arrows svg{width:20px;height:20px}.showcase-count{display:block;position:absolute;width:1px;height:1px;min-width:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.showcase-scene.is-reading .showcase-deck{overflow-x:hidden;touch-action:pan-y pinch-zoom}.showcase-page #panel-kontak{padding-top:48px}.showcase-page .closing h2{font-size:32px;line-height:1.15}}