.liquid-glass-carousel{position:relative;width:100%;height:100%;overflow:hidden;touch-action:none;cursor:grab;outline:none;background:var(--liquid-carousel-bg, var(--showcase-bg))}.liquid-glass-carousel:active{cursor:grabbing}.liquid-glass-carousel canvas{display:block;width:100%!important;height:100%!important;transform:translateZ(0)}.liquid-glass-carousel__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.liquid-glass-carousel__case-study{position:absolute;top:0;left:0;z-index:1;display:grid;overflow:hidden;box-sizing:border-box;border-radius:2px;background:#0a0a0c38;-webkit-backdrop-filter:blur(9px) saturate(.92);backdrop-filter:blur(9px) saturate(.92);color:#fff;font-family:Showcase Frama,Helvetica Neue,sans-serif;font-size:17px;font-weight:500;letter-spacing:0;line-height:1;opacity:0;pointer-events:none;place-items:center;transform:translate3d(-200vw,-200vh,0);transition:opacity 0ms linear,visibility 0ms linear;visibility:hidden;will-change:transform,opacity}.liquid-glass-carousel__case-study span{opacity:0;transform:scale(.97);transition:opacity 0ms linear,transform 0ms linear}@media(hover:hover)and (pointer:fine){.liquid-glass-carousel__case-study[data-active=true]{opacity:1;transition:opacity .14s cubic-bezier(.16,1,.3,1);visibility:visible}.liquid-glass-carousel__case-study[data-active=true] span{opacity:1;transform:scale(1);transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .16s cubic-bezier(.16,1,.3,1)}}@media(hover:none),(pointer:coarse){.liquid-glass-carousel__case-study{display:none}}@media(prefers-reduced-motion:reduce){.liquid-glass-carousel__case-study,.liquid-glass-carousel__case-study span{transition:none}}@font-face{font-family:Showcase Frama;src:url(/showcase/fonts/PPFrama-Regular.otf) format("opentype");font-style:normal;font-display:swap}@font-face{font-family:Showcase Frama;src:url(/showcase/fonts/PPFrama-RegularItalic.otf) format("opentype");font-style:italic;font-display:swap}@font-face{font-family:Showcase Exposure;src:url(/showcase/fonts/ExposureTrial-20.otf) format("opentype");font-style:normal;font-display:swap}.showcase-shell{--showcase-bg: #ece9e3;--showcase-surface: #f7f5f0;--showcase-ink: #1e1d1a;--showcase-muted: #74716a;--showcase-accent: #6f63a8;--showcase-display: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;position:relative;isolation:isolate;min-height:100svh;overflow:hidden;color:var(--showcase-ink);background:radial-gradient(circle at 78% 10%,color-mix(in srgb,var(--showcase-accent) 17%,transparent) 0,transparent 32rem),var(--showcase-bg);font-family:Showcase Exposure,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:color .18s cubic-bezier(.16,1,.3,1),background-color .22s cubic-bezier(.16,1,.3,1)}.showcase-shell:before{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");content:"";pointer-events:none}.showcase-shell *,.showcase-shell *:before,.showcase-shell *:after{box-sizing:border-box}.showcase-shell button,.showcase-shell a{-webkit-tap-highlight-color:transparent}.showcase-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;padding:20px clamp(20px,3vw,48px);border-bottom:1px solid color-mix(in srgb,var(--showcase-ink) 16%,transparent);color:var(--showcase-muted);font-size:11px;line-height:1;letter-spacing:.02em;text-transform:none}.showcase-header p{margin:0}.showcase-header>span{justify-self:end}.showcase-wordmark{justify-self:start;color:var(--showcase-ink);font-family:Showcase Frama,Georgia,serif;font-size:17px;letter-spacing:-.01em;text-decoration:none;text-transform:none}.showcase-selection{padding:clamp(58px,8vw,118px) 0 clamp(46px,7vw,94px)}.showcase-intro{display:grid;grid-template-columns:1fr minmax(500px,1.65fr) 1fr;align-items:end;padding:0 clamp(20px,3vw,48px) clamp(42px,5.5vw,80px)}.showcase-kicker,.showcase-intro-note{margin:0;color:var(--showcase-muted);font-size:11px;letter-spacing:.02em;line-height:1.4;text-transform:none}.showcase-intro-note{justify-self:end;text-align:right}.showcase-intro h1{margin:0;font-family:var(--showcase-display);font-size:clamp(50px,6.8vw,106px);font-weight:400;letter-spacing:-.055em;line-height:.83}.showcase-intro h1 em{color:var(--showcase-accent);font-weight:400;transition:color .42s cubic-bezier(.16,1,.3,1)}.showcase-strip{position:relative;width:100%;padding:12px 0 18px;outline:none}.showcase-strip:before,.showcase-strip:after{position:absolute;z-index:3;top:0;bottom:0;width:clamp(20px,7vw,110px);content:"";pointer-events:none}.showcase-strip:before{left:0;background:linear-gradient(90deg,var(--showcase-bg),transparent)}.showcase-strip:after{right:0;background:linear-gradient(-90deg,var(--showcase-bg),transparent)}.showcase-marquee-track{display:flex;width:max-content;will-change:transform;animation:showcase-marquee 150s linear infinite}.showcase-strip:hover .showcase-marquee-track,.showcase-strip:focus-within .showcase-marquee-track,.showcase-strip:active .showcase-marquee-track{animation-play-state:paused}.showcase-marquee-group{display:flex;flex:none;gap:14px;padding-right:14px}@keyframes showcase-marquee{to{transform:translate(-50%)}}.showcase-tile{position:relative;width:clamp(220px,18vw,286px);aspect-ratio:1.48;flex:none;overflow:hidden;padding:0;border:1px solid color-mix(in srgb,var(--showcase-ink) 14%,transparent);border-radius:4px;background:var(--showcase-surface);box-shadow:0 8px 25px color-mix(in srgb,var(--showcase-ink) 5%,transparent);color:#fff;cursor:pointer;text-align:left;transform:translateY(0) scale(1);transform-origin:center;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1),border-color .22s ease}.showcase-tile:hover{z-index:2;box-shadow:0 18px 38px color-mix(in srgb,var(--showcase-ink) 16%,transparent);transform:translateY(-7px) scale(1.025)}.showcase-tile:focus-visible{z-index:2;outline:2px solid var(--showcase-accent);outline-offset:4px;transform:translateY(-5px)}.showcase-tile.is-selected{border-color:color-mix(in srgb,var(--showcase-accent) 76%,white);box-shadow:0 0 0 2px color-mix(in srgb,var(--showcase-accent) 34%,transparent),0 14px 30px color-mix(in srgb,var(--showcase-ink) 12%,transparent)}.showcase-tile-media,.showcase-tile-blurup,.showcase-tile-placeholder,.showcase-tile-media img,.showcase-tile-media video,.showcase-tile-shade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.showcase-tile-blurup{overflow:hidden;background:color-mix(in srgb,var(--tile-fallback, #888) 42%,#0a0a0a)}.showcase-tile-placeholder{z-index:0;background:linear-gradient(115deg,color-mix(in srgb,var(--tile-fallback, #888) 55%,#1a1a1a),color-mix(in srgb,var(--tile-fallback, #888) 28%,#0e0e0e) 48%,color-mix(in srgb,var(--tile-fallback, #888) 48%,#161616));filter:blur(18px) saturate(1.15);transform:scale(1.12);transition:opacity .52s cubic-bezier(.22,1,.36,1),filter .52s cubic-bezier(.22,1,.36,1)}.showcase-tile-placeholder:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 28%,rgb(255 255 255 / 10%) 48%,transparent 68%);background-size:220% 100%;animation:showcase-tile-shimmer 1.6s ease-in-out infinite;content:""}.showcase-tile-blurup img,.showcase-tile-blurup video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;object-fit:cover;opacity:0;filter:blur(16px);transform:scale(1.06);transition:opacity .56s cubic-bezier(.22,1,.36,1),filter .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1)}.showcase-tile-blurup.is-loaded img,.showcase-tile-blurup.is-loaded video{opacity:.88}.showcase-tile-blurup.is-revealed img,.showcase-tile-blurup.is-revealed video{opacity:1;filter:blur(0);transform:scale(1)}.showcase-tile-blurup.is-revealed .showcase-tile-placeholder{opacity:0;filter:blur(28px) saturate(1);pointer-events:none}.showcase-tile:hover .showcase-tile-blurup.is-revealed img,.showcase-tile:hover .showcase-tile-blurup.is-revealed video{transform:none}@keyframes showcase-tile-shimmer{0%{background-position:120% 0}to{background-position:-40% 0}}@media(prefers-reduced-motion:reduce){.showcase-tile-placeholder:after{animation:none}.showcase-tile-blurup img,.showcase-tile-blurup video,.showcase-tile-placeholder{transition-duration:1ms}}.showcase-tile-shade{background:linear-gradient(180deg,transparent 38%,rgb(8 8 8 / 72%) 100%)}.showcase-tile-copy{position:absolute;z-index:1;right:15px;bottom:13px;left:15px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.showcase-tile-title{overflow:hidden;font-family:Showcase Frama,Georgia,serif;font-size:20px;letter-spacing:-.02em;line-height:1;text-overflow:ellipsis;white-space:nowrap}.showcase-tile-meta{flex:none;color:#ffffffb8;font-size:8px;letter-spacing:.02em;text-transform:none}.showcase-tile-index{position:absolute;z-index:1;top:13px;right:14px;display:grid;width:27px;height:27px;place-items:center;border:1px solid rgb(255 255 255 / 32%);border-radius:50%;background:#00000026;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:8px;letter-spacing:.06em}.showcase-feature{position:relative;padding:clamp(28px,4vw,60px) clamp(20px,3vw,48px) clamp(68px,9vw,132px);border-top:1px solid color-mix(in srgb,var(--showcase-ink) 16%,transparent);background:color-mix(in srgb,var(--showcase-surface) 32%,transparent)}.showcase-project{width:min(100%,1600px);margin:0 auto}.showcase-project-heading{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(280px,1.25fr) minmax(260px,.9fr);align-items:end;gap:clamp(24px,4vw,72px);padding-bottom:clamp(28px,4vw,52px)}.showcase-project-heading>div:first-child>p{margin:0 0 11px;color:var(--showcase-accent);font-size:10px;letter-spacing:.1em;text-transform:none}.showcase-project-heading h2{margin:0;font-family:Showcase Frama,Georgia,serif;font-size:clamp(40px,5vw,76px);font-weight:400;letter-spacing:-.045em;line-height:.9}.showcase-project-description{max-width:570px;margin:0;color:var(--showcase-muted);font-family:Showcase Frama,Georgia,serif;font-size:clamp(18px,1.55vw,25px);line-height:1.25}.showcase-project-actions{display:flex;flex-direction:column;align-items:flex-end;gap:18px}.showcase-project-actions ul{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin:0;padding:0;list-style:none}.showcase-project-actions li{padding:7px 9px 6px;border:1px solid color-mix(in srgb,var(--showcase-ink) 18%,transparent);border-radius:99px;color:var(--showcase-muted);font-size:9px;letter-spacing:.06em;line-height:1;text-transform:none}.showcase-project-actions>a{display:inline-flex;align-items:center;gap:10px;padding-bottom:5px;border-bottom:1px solid currentColor;color:var(--showcase-ink);font-size:11px;letter-spacing:.02em;text-decoration:none;text-transform:none;transition:color .16s ease,gap .22s cubic-bezier(.16,1,.3,1)}.showcase-project-actions>a:hover{gap:15px;color:var(--showcase-accent)}.showcase-stage{position:relative;height:min(74svh,820px);min-height:520px;overflow:hidden;border:1px solid color-mix(in srgb,var(--showcase-ink) 18%,transparent);border-radius:5px;background:var(--showcase-surface);box-shadow:0 2px color-mix(in srgb,white 30%,transparent) inset,0 30px 70px color-mix(in srgb,var(--showcase-ink) 12%,transparent);transition:background-color .42s cubic-bezier(.16,1,.3,1),border-color .42s cubic-bezier(.16,1,.3,1)}.showcase-live-frame,.showcase-live-frame iframe,.showcase-static-stage,.showcase-gallery-stage,.showcase-gallery-slide,.showcase-color-stage{width:100%;height:100%}.showcase-live-frame{position:relative;background:var(--showcase-surface)}.showcase-live-frame iframe{display:block;border:0;background:transparent}.showcase-frame-loader{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--showcase-surface);color:var(--showcase-muted);font-size:9px;letter-spacing:.1em;text-transform:none;transition:opacity .28s ease;pointer-events:none}.showcase-frame-loader span{width:7px;height:7px;border-radius:50%;background:var(--showcase-accent);animation:showcase-loader .9s ease-in-out infinite alternate}.showcase-frame-loader.is-hidden{opacity:0}@keyframes showcase-loader{to{opacity:.25;transform:scale(.72)}}.showcase-static-stage,.showcase-gallery-stage{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--showcase-accent) 10%,transparent),transparent 58%),var(--showcase-surface)}.showcase-stage-media{display:block;width:100%;height:100%;object-fit:contain}.showcase-static-stage>.showcase-stage-media{padding:clamp(18px,3.2vw,52px)}.showcase-gallery-slide{position:absolute;top:0;right:0;bottom:0;left:0;padding:clamp(18px,3vw,46px)}.showcase-gallery-controls{position:absolute;z-index:2;right:18px;bottom:18px;display:grid;grid-template-columns:38px auto 38px;align-items:center;gap:4px;padding:4px;border:1px solid color-mix(in srgb,var(--showcase-ink) 15%,transparent);border-radius:99px;background:color-mix(in srgb,var(--showcase-surface) 84%,transparent);color:var(--showcase-ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.showcase-gallery-controls button{display:grid;width:38px;height:34px;padding:0;place-items:center;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;font-size:17px;transition:background-color .15s ease}.showcase-gallery-controls button:hover,.showcase-gallery-controls button:focus-visible{outline:none;background:color-mix(in srgb,var(--showcase-accent) 18%,transparent)}.showcase-gallery-controls>span{min-width:54px;color:var(--showcase-muted);font-size:9px;letter-spacing:.02em;text-align:center}.showcase-gallery-dots{position:absolute;z-index:2;bottom:24px;left:22px;display:flex;align-items:center;gap:6px}.showcase-gallery-dots button{width:18px;height:3px;padding:0;border:0;border-radius:2px;background:color-mix(in srgb,var(--showcase-ink) 24%,transparent);cursor:pointer;transition:width .22s cubic-bezier(.16,1,.3,1),background-color .18s ease}.showcase-gallery-dots button.is-active{width:34px;background:var(--showcase-accent)}.showcase-gallery-dots button:focus-visible{outline:2px solid var(--showcase-accent);outline-offset:4px}.showcase-color-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,rgb(255 255 255 / 18%),transparent 45%),var(--project-color);color:#fff}.showcase-color-stage:before{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,transparent,rgb(0 0 0 / 16%));content:""}.showcase-color-stage p,.showcase-color-stage strong{position:relative;z-index:1}.showcase-color-stage p{margin:0 0 12px;font-size:9px;letter-spacing:.15em;text-transform:none}.showcase-color-stage strong{font-family:var(--showcase-display);font-size:clamp(62px,10vw,160px);font-style:italic;font-weight:400;letter-spacing:-.055em;line-height:.8}.showcase-color-orbit{position:absolute;width:min(54vw,680px);aspect-ratio:1}.showcase-color-orbit span{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgb(255 255 255 / 23%);border-radius:50%}.showcase-color-orbit span:nth-child(2){transform:rotate(60deg) scaleY(.42)}.showcase-color-orbit span:nth-child(3){transform:rotate(-60deg) scaleY(.42)}.showcase-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:24px clamp(20px,3vw,48px);border-top:1px solid color-mix(in srgb,var(--showcase-ink) 16%,transparent);color:var(--showcase-muted);font-size:9px;letter-spacing:.02em;text-transform:none}.showcase-footer a{color:var(--showcase-ink);text-decoration:none}.showcase-footer span:last-child{justify-self:end}@media(max-width:900px){.showcase-header{grid-template-columns:1fr auto}.showcase-header p{display:none}.showcase-intro{grid-template-columns:1fr;gap:26px}.showcase-intro h1{font-size:clamp(50px,12vw,86px)}.showcase-intro-note{display:none}.showcase-project-heading{grid-template-columns:1fr 1fr}.showcase-project-actions{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between}.showcase-project-actions ul{justify-content:flex-start}}@media(max-width:620px){.showcase-header{padding-block:17px}.showcase-selection{padding-top:56px}.showcase-intro{padding-bottom:38px}.showcase-intro h1{font-size:clamp(47px,14.5vw,72px);line-height:.87}.showcase-tile{width:210px}.showcase-feature{padding-top:34px}.showcase-project-heading{grid-template-columns:1fr;gap:24px}.showcase-project-description{max-width:30ch}.showcase-project-actions{grid-column:auto;flex-direction:column;align-items:flex-start}.showcase-project-actions ul{order:2}.showcase-stage{height:64svh;min-height:460px}.showcase-gallery-controls{right:12px;bottom:12px}.showcase-gallery-dots{bottom:19px;left:14px}.showcase-gallery-dots button{width:10px}.showcase-gallery-dots button.is-active{width:22px}.showcase-color-stage strong{font-size:18vw}.showcase-footer{grid-template-columns:1fr auto;gap:10px}.showcase-footer>span:first-child{display:none}}@media(prefers-reduced-motion:reduce){.showcase-shell *,.showcase-shell *:before,.showcase-shell *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.showcase-strip-track{animation:none;transform:none}}.showcase-shell{--strip-h: 7.25rem;--canvas-pad: .875rem;--tile-w: 6.75rem;--tile-gap: .65rem;--frame-radius: .625rem;--showcase-strip: var(--showcase-bg);--showcase-canvas: var(--showcase-bg);--showcase-mat: var(--showcase-bg);--showcase-glow: color-mix(in srgb, var(--showcase-accent) 16%, transparent);--showcase-line: color-mix(in srgb, var(--showcase-ink) 10%, transparent);--tile-idle-opacity: .62;--tile-idle-sat: .79;--tile-idle-bright: .71;--tile-idle-blur: 0px;--tile-idle-scale: .9;--tile-veil: color-mix(in srgb, var(--showcase-strip) 70%, transparent);--tile-hover-opacity: 1;--tile-hover-lift: 1;--tile-state-dur: .24s;--tile-selected-lift: 1.2;--tile-lift-dur: .28s;--tile-radius: 8px;--tile-glow: 82%;--tile-glow-blur: 23px;--tile-glow-y: 6px;--tile-hairline-idle: 19%;--tile-hairline-on: 16%;--tile-hairline-w: 1.5px;--mark-w: 62%;--mark-h: 2px;--mark-gap: 6px;--mark-tint: 72%;--mark-dur: .38s;--mark-spring: 1.2;--label-size: 9px;--label-tracking: .02em;--label-opacity: .9;--label-gap: 5px;--label-case: none;--plate-pad: 6px;--plate-tint: color-mix(in srgb, var(--showcase-accent) 16%, transparent);--plate-radius: 12px;--plate-blur: 0px;--width-boost: 1.16;--width-dur: .42s;--poster-fade: .28s;--tile-aspect: .8;box-sizing:border-box;position:relative;width:100%;height:100dvh;min-height:100svh;max-height:100dvh;overflow:hidden;color:var(--showcase-ink);background:var(--showcase-bg);transition:color .18s cubic-bezier(.16,1,.3,1),background-color .22s cubic-bezier(.16,1,.3,1)}.showcase-shell:before{opacity:.035}.showcase-topbar{position:relative;z-index:10;display:flex;width:100%;height:var(--strip-h);align-items:center;overflow:visible;padding-top:env(safe-area-inset-top,0px);border-bottom:1px solid var(--showcase-line);background:transparent;transition:border-color .48s cubic-bezier(.16,1,.3,1)}.showcase-strip{width:100%;height:100%;padding:0;overflow-x:clip;overflow-y:visible;overscroll-behavior-x:contain;touch-action:manipulation;cursor:grab;-webkit-user-select:none;user-select:none}.showcase-strip:active{cursor:grabbing}.showcase-strip::-webkit-scrollbar{display:none}.showcase-strip:before,.showcase-strip:after{display:none}.showcase-strip-track{display:flex;width:max-content;height:100%;align-items:center;gap:var(--tile-gap);padding-top:.3rem;padding-bottom:.45rem;padding-left:max(.75rem,env(safe-area-inset-left,0px));padding-right:max(.75rem,env(safe-area-inset-right,0px));will-change:transform;animation:none}@property --tile-lift{syntax: "<number>"; inherits: false; initial-value: 1;}.showcase-tile{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--mark-gap, 6px);width:var(--tile-w);height:auto;min-width:2.75rem;min-height:0;aspect-ratio:auto;overflow:visible;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;scroll-snap-align:none;-webkit-tap-highlight-color:transparent;cursor:pointer;transform:scale(1);transform-origin:center center;will-change:transform;transition:width var(--width-dur, .42s) cubic-bezier(.22,1,.36,1)}.showcase-tile[data-feats~=width].is-selected{width:calc(var(--tile-w) * var(--width-boost, 1.16))}.showcase-tile-scaler{--tile-lift: 1;position:relative;z-index:1;display:block;width:100%;height:calc(var(--tile-w) * var(--tile-aspect, .8));overflow:visible;border-radius:var(--tile-radius, 8px);background:transparent;box-shadow:none;opacity:1;filter:none;transform:scale(var(--tile-lift));transform-origin:center center;will-change:transform;transition:opacity var(--tile-state-dur, .24s) cubic-bezier(.23,1,.32,1),filter var(--tile-state-dur, .24s) cubic-bezier(.23,1,.32,1),box-shadow var(--tile-state-dur, .24s) cubic-bezier(.23,1,.32,1),--tile-lift var(--tile-lift-dur, .32s) cubic-bezier(.23,1,.32,1),border-radius var(--tile-state-dur, .24s) cubic-bezier(.23,1,.32,1)}.showcase-tile-media{display:block;width:100%;height:100%;overflow:hidden;border-radius:inherit;clip-path:inset(0 round var(--tile-radius, 8px));background:color-mix(in srgb,var(--showcase-surface) 55%,var(--showcase-bg));isolation:isolate;transform-origin:center center}.showcase-tile-scaler:before{content:"";position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--tile-veil, transparent);opacity:0;transition:opacity var(--tile-state-dur, .24s) cubic-bezier(.23,1,.32,1);pointer-events:none}.showcase-tile-scaler:after{content:"";position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:none;transition:box-shadow var(--tile-state-dur, .24s) cubic-bezier(.23,1,.32,1);pointer-events:none}.showcase-tile-plate{position:absolute;z-index:0;top:calc(-1 * var(--plate-pad, 6px));left:calc(-1 * var(--plate-pad, 6px));display:none;width:calc(100% + 2 * var(--plate-pad, 6px));height:calc(var(--tile-w) * var(--tile-aspect, .8) + 2 * var(--plate-pad, 6px));border-radius:var(--plate-radius, 12px);background:var(--plate-tint, transparent);opacity:0;filter:blur(var(--plate-blur, 0px));transition:opacity var(--tile-state-dur, .24s) cubic-bezier(.23,1,.32,1);pointer-events:none}.showcase-tile-mark{display:none;flex:none;align-self:center;width:var(--mark-w, 62%);height:var(--mark-h, 2px);border-radius:999px;background:color-mix(in srgb,var(--showcase-accent) var(--mark-tint, 72%),var(--showcase-ink));opacity:0;transform:scaleX(.2);transform-origin:center;transition:opacity calc(var(--mark-dur, .38s) * .55) cubic-bezier(.23,1,.32,1),transform var(--mark-dur, .38s) cubic-bezier(.22,var(--mark-spring, 1.2),.36,1);pointer-events:none}.showcase-tile-name{display:none;overflow:hidden;margin-top:calc(var(--label-gap, 5px) - var(--mark-gap, 6px));color:var(--showcase-ink);font-size:var(--label-size, 9px);letter-spacing:var(--label-tracking, .02em);line-height:1.2;text-align:center;text-overflow:ellipsis;text-transform:var(--label-case, none);white-space:nowrap;opacity:0;transform:translateY(2px);transition:opacity var(--tile-state-dur, .24s) cubic-bezier(.23,1,.32,1),transform var(--tile-state-dur, .24s) cubic-bezier(.23,1,.32,1);pointer-events:none}.showcase-tile-variant{display:block;margin-top:3px;color:var(--showcase-muted);font-size:8px;letter-spacing:.1em;text-align:center;text-transform:none;opacity:.55;pointer-events:none}.showcase-tile.is-selected .showcase-tile-variant{color:var(--showcase-accent);opacity:1}.showcase-tile[data-feats~=dim]:not(.is-selected) .showcase-tile-scaler{--tile-lift: var(--tile-idle-scale, .98);opacity:var(--tile-idle-opacity, .88);filter:saturate(var(--tile-idle-sat, .92)) brightness(var(--tile-idle-bright, .96)) blur(var(--tile-idle-blur, 0px))}.showcase-tile[data-feats~=veil]:not(.is-selected) .showcase-tile-scaler:before{opacity:1}.showcase-tile.is-selected{z-index:3;border-color:transparent;box-shadow:none}.showcase-tile.is-selected .showcase-tile-scaler{--tile-lift: var(--tile-selected-lift, 1.045);border-radius:var(--tile-radius, 8px)}.showcase-tile[data-feats~=glow].is-selected .showcase-tile-scaler{box-shadow:0 var(--tile-glow-y, 6px) var(--tile-glow-blur, 20px) calc(-.4 * var(--tile-glow-blur, 20px)) color-mix(in srgb,var(--showcase-accent) var(--tile-glow, 55%),transparent),0 14px 30px -18px color-mix(in srgb,var(--showcase-ink) 45%,transparent)}.showcase-tile[data-feats~=hairline] .showcase-tile-scaler:after{box-shadow:inset 0 0 0 var(--tile-hairline-w, 1px) color-mix(in srgb,var(--showcase-ink) var(--tile-hairline-idle, 8%),transparent)}.showcase-tile[data-feats~=hairline].is-selected .showcase-tile-scaler:after{box-shadow:inset 0 0 0 var(--tile-hairline-w, 1px) color-mix(in srgb,var(--showcase-ink) var(--tile-hairline-on, 16%),transparent)}.showcase-tile[data-feats~=mark] .showcase-tile-mark{display:block}.showcase-tile[data-feats~=mark].is-selected .showcase-tile-mark{opacity:1;transform:scaleX(1)}.showcase-tile[data-feats~=label] .showcase-tile-name,.showcase-strip[data-mode=compare] .showcase-tile-name{display:block}.showcase-tile[data-feats~=label].is-selected .showcase-tile-name{opacity:var(--label-opacity, .9);transform:none}.showcase-strip[data-label-mode=always] .showcase-tile[data-feats~=label] .showcase-tile-name{opacity:calc(var(--label-opacity, .9) * .5);transform:none}.showcase-strip[data-label-mode=always] .showcase-tile[data-feats~=label].is-selected .showcase-tile-name{opacity:var(--label-opacity, .9)}.showcase-tile[data-feats~=plate] .showcase-tile-plate{display:block}.showcase-tile[data-feats~=plate].is-selected .showcase-tile-plate{opacity:1}.showcase-tile:hover{z-index:2;box-shadow:none;transform:none!important}@media(hover:hover)and (pointer:fine){.showcase-tile[data-hover]:not(.is-selected) .showcase-tile-scaler{--tile-lift: var(--tile-hover-lift, 1.02);opacity:var(--tile-hover-opacity, 1);filter:none}.showcase-tile[data-feats~=veil][data-hover]:not(.is-selected) .showcase-tile-scaler:before{opacity:.35}.showcase-strip[data-label-mode=hover] .showcase-tile[data-feats~=label][data-hover]:not(.is-selected) .showcase-tile-name{opacity:calc(var(--label-opacity, .9) * .75);transform:none}.showcase-tile:active .showcase-tile-media{transform:scale(.97);transition:transform .14s cubic-bezier(.23,1,.32,1)}}.showcase-tile:focus-visible{z-index:3;outline:none}.showcase-tile:focus-visible .showcase-tile-scaler{outline:2px solid var(--showcase-accent);outline-offset:3px}@media(prefers-reduced-motion:reduce){.showcase-tile,.showcase-tile-scaler,.showcase-tile-mark,.showcase-tile-name,.showcase-tile-plate{transition-duration:1ms}}.showcase-tile-copy,.showcase-tile-index,.showcase-tile-shade{display:none}.showcase-tile-loop .showcase-tile-poster,.showcase-tile-loop video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.showcase-tile-loop .showcase-tile-poster{z-index:0;opacity:1;transition:opacity var(--poster-fade, .28s) ease}.showcase-tile-loop video{z-index:1;opacity:0;transition:opacity var(--poster-fade, .28s) ease}.showcase-tile-loop.is-revealed video{opacity:1}.showcase-tile-loop.is-revealed .showcase-tile-poster{opacity:0}.showcase-canvas{display:grid;width:100%;height:calc(100dvh - var(--strip-h) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));min-height:0;padding:var(--canvas-pad);padding-bottom:max(var(--canvas-pad),env(safe-area-inset-bottom,0px));place-items:center;background:radial-gradient(ellipse 80% 60% at 50% 35%,var(--showcase-glow),transparent 62%),var(--showcase-canvas);container-type:size;transition:background-color .48s cubic-bezier(.16,1,.3,1)}.showcase-frame{display:grid;width:min(100cqw,calc(100cqh * var(--media-ratio, 1.6)));max-width:100%;max-height:100%;aspect-ratio:var(--media-ratio, 1.6);height:auto;overflow:hidden;border:1px solid var(--showcase-line);border-radius:var(--frame-radius);background:var(--showcase-surface);box-shadow:none;transition:background-color .42s cubic-bezier(.23,1,.32,1),border-color .42s cubic-bezier(.23,1,.32,1)}.showcase-frame-inner{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;background:transparent}.showcase-frame .showcase-live-frame,.showcase-frame .showcase-static-stage,.showcase-frame .showcase-gallery-stage,.showcase-frame .showcase-color-stage{width:100%;height:100%;min-height:0;overflow:hidden;border-radius:0;background:var(--showcase-surface)}.showcase-frame .showcase-live-frame iframe{display:block;width:100%;height:100%;border:0;background:var(--showcase-surface)}.showcase-frame .showcase-stage-media{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center}.showcase-media-shell{position:relative;width:100%;height:100%;overflow:hidden;background:var(--showcase-surface)}.showcase-media-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,color-mix(in srgb,var(--showcase-ink) 8%,transparent) 50%,transparent 70%);background-size:200% 100%;animation:showcase-shimmer 1.1s linear infinite;opacity:1;transition:opacity .18s ease;pointer-events:none}.showcase-media-shell .showcase-stage-media{position:relative;z-index:1;opacity:0;transition:opacity .18s ease}.showcase-media-shell.is-ready .showcase-media-skeleton{opacity:0}.showcase-media-shell.is-ready .showcase-stage-media{opacity:1}@keyframes showcase-shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.showcase-media-skeleton{animation:none}}.showcase-frame .showcase-static-stage>.showcase-stage-media,.showcase-frame .showcase-gallery-slide{padding:0}.showcase-frame .showcase-gallery-slide{display:grid;place-items:stretch}.showcase-frame .showcase-gallery-controls{right:max(.625rem,env(safe-area-inset-right,0px));bottom:max(.625rem,env(safe-area-inset-bottom,0px));grid-template-columns:2.75rem auto 2.75rem;gap:.25rem;padding:.25rem}.showcase-frame .showcase-gallery-controls button{width:2.75rem;height:2.75rem;min-width:2.75rem;min-height:2.75rem;font-size:1rem}.showcase-frame .showcase-gallery-controls>span{min-width:3.25rem;font-size:.6875rem}.showcase-frame .showcase-gallery-dots{left:max(.75rem,env(safe-area-inset-left,0px));bottom:max(.875rem,env(safe-area-inset-bottom,0px));gap:.5rem}.showcase-frame .showcase-gallery-dots button{position:relative;width:1rem;height:.25rem;min-width:2.75rem;min-height:2.75rem;background:transparent}.showcase-frame .showcase-gallery-dots button:after{position:absolute;top:50%;left:50%;width:1rem;height:.25rem;border-radius:.125rem;background:color-mix(in srgb,var(--showcase-ink) 28%,transparent);content:"";transform:translate(-50%,-50%);transition:width .22s cubic-bezier(.16,1,.3,1),background-color .18s ease}.showcase-frame .showcase-gallery-dots button.is-active:after{width:1.75rem;background:var(--showcase-accent)}.showcase-frame-loader{font-size:0}@media(min-width:640px){.showcase-shell{--strip-h: 9rem;--canvas-pad: 1.25rem;--tile-w: 8.5rem;--tile-gap: .75rem;--frame-radius: .75rem}}@media(min-width:768px){.showcase-shell{--strip-h: 10.5rem;--canvas-pad: 1.5rem;--tile-w: 10rem;--tile-gap: .85rem}}@media(min-width:1024px){.showcase-shell{--strip-h: 12rem;--canvas-pad: clamp(1.5rem, 2.5vw, 2.5rem);--tile-w: 11.5rem;--tile-gap: .95rem;--frame-radius: .75rem}}@media(min-width:1280px){.showcase-shell{--strip-h: 13.5rem;--tile-w: 12.5rem;--tile-gap: 1rem}}@media(max-height:500px)and (orientation:landscape){.showcase-shell{--strip-h: 4.5rem;--canvas-pad: .5rem;--tile-w: 5.25rem}.showcase-tile-scaler{height:calc(var(--tile-w) * .6)}.showcase-frame .showcase-gallery-controls{bottom:.375rem;right:.375rem}.showcase-frame .showcase-gallery-dots{bottom:.5rem;left:.5rem}}.showcase-shell{--strip-h: clamp(5.75rem, 11.5vh, 7.5rem)}.showcase-topbar{overflow:hidden;isolation:isolate;background:transparent}.liquid-project-strip{position:relative;isolation:isolate;width:100%;height:100%;overflow:hidden;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.liquid-project-strip{--feather-w: 120px}.liquid-project-strip__defs{position:absolute;width:0;height:0;overflow:hidden}.liquid-project-strip__feather{position:absolute;z-index:20;top:-1px;bottom:-1px;width:var(--feather-w);pointer-events:none}.liquid-project-strip__feather--left{left:0}.liquid-project-strip__feather--right{right:0}.liquid-project-strip__feather-tier{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.liquid-project-strip__feather-tier{backdrop-filter:blur(var(--tier-blur));-webkit-backdrop-filter:blur(var(--tier-blur))}.liquid-project-strip__feather--left .liquid-project-strip__feather-tier{mask-image:linear-gradient(to right,#000 0%,transparent var(--tier-stop));-webkit-mask-image:linear-gradient(to right,#000 0%,transparent var(--tier-stop))}.liquid-project-strip__feather--right .liquid-project-strip__feather-tier{mask-image:linear-gradient(to left,#000 0%,transparent var(--tier-stop));-webkit-mask-image:linear-gradient(to left,#000 0%,transparent var(--tier-stop))}.liquid-project-strip:active{cursor:grabbing}.liquid-project-strip__viewport{width:100%;height:100%;overflow:hidden;opacity:0;transition:opacity .28s cubic-bezier(.16,1,.3,1)}.liquid-project-strip.is-layout-ready .liquid-project-strip__viewport{opacity:1}@media(prefers-reduced-motion:reduce){.liquid-project-strip__viewport{transition:none}}.liquid-project-strip__track{display:flex;width:max-content;height:100%;align-items:stretch;gap:4px;will-change:transform}.liquid-project-strip__card{position:relative;height:100%;flex:none;overflow:hidden;outline:none;background:color-mix(in srgb,var(--showcase-ink) 6%,var(--showcase-surface));cursor:pointer}.liquid-project-strip__card>img,.liquid-project-strip__card>i,.liquid-project-strip__media{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.liquid-project-strip__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;object-fit:unset;background:color-mix(in srgb,var(--showcase-ink) 6%,var(--showcase-surface))}.liquid-project-strip__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;filter:blur(18px) saturate(1.12);transform:scale(1.06);opacity:1;transition:opacity .42s cubic-bezier(.16,1,.3,1)}.liquid-project-strip__media-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(110deg,transparent 0%,color-mix(in srgb,var(--showcase-surface) 55%,white) 45%,transparent 90%);background-size:200% 100%;animation:showcase-shimmer 1.1s linear infinite;opacity:1;transition:opacity .28s ease;pointer-events:none}.liquid-project-strip__video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .42s cubic-bezier(.16,1,.3,1)}.liquid-project-strip__media.is-playing .liquid-project-strip__placeholder,.liquid-project-strip__media.is-playing .liquid-project-strip__media-shimmer{opacity:0}.liquid-project-strip__media.is-playing .liquid-project-strip__video{opacity:1}.liquid-project-strip__card>img{opacity:0;transition:opacity .34s cubic-bezier(.16,1,.3,1)}.liquid-project-strip__card>img.is-ready{opacity:1}.liquid-project-strip__card iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:var(--showcase-surface)}.liquid-project-strip__card-title{position:absolute;bottom:14px;left:16px;z-index:2;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--showcase-ink) 74%,transparent);color:color-mix(in srgb,white 92%,transparent);font-size:10px;letter-spacing:.02em;line-height:1;opacity:0;pointer-events:none;text-transform:none;transition:opacity .2s cubic-bezier(.16,1,.3,1)}.liquid-project-strip__card:hover .liquid-project-strip__card-title,.liquid-project-strip__card.is-selected .liquid-project-strip__card-title{opacity:1}.liquid-project-strip__card:focus-visible{outline:2px solid var(--showcase-accent);outline-offset:-3px}.liquid-project-strip__status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}@media(max-width:639px){.showcase-shell{--strip-h: 5.75rem}.liquid-project-strip__project{border-radius:5px}}@media(max-height:500px)and (orientation:landscape){.showcase-shell{--strip-h: 4.75rem}}@media(prefers-reduced-motion:reduce){.liquid-project-strip__project{scroll-behavior:auto}}.showcase-gallery-intro{position:relative;z-index:2;display:grid;width:100%;height:30dvh;min-height:180px;grid-template-columns:1fr minmax(320px,1.7fr) 1fr;align-items:end;padding:clamp(20px,2.6vw,40px);pointer-events:none;border-bottom:0;background:transparent}.showcase-gallery-intro>p,.showcase-gallery-intro>span,.showcase-gallery-intro div>p{margin:0}.showcase-gallery-intro>p,.showcase-gallery-intro>span{color:var(--showcase-muted);font-family:Showcase Frama,Helvetica Neue,sans-serif;font-size:11px;letter-spacing:.02em;line-height:1.3;text-transform:none}.showcase-gallery-intro>span{justify-self:end}.showcase-gallery-intro div{display:grid;gap:12px;transform:translateY(20px)}.showcase-gallery-intro h1{margin:0;font-family:var(--showcase-display);font-size:clamp(38px,5vw,64px);font-weight:400;letter-spacing:0;line-height:.96;padding-left:0;transform:translateY(-12px);text-wrap:balance}.showcase-gallery-intro div>p{max-width:46ch;color:color-mix(in srgb,var(--showcase-muted) 72%,var(--showcase-ink));font-family:Showcase Frama,Helvetica Neue,sans-serif;font-size:13px;letter-spacing:.005em;line-height:1.5;text-wrap:pretty}.showcase-topbar{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;height:100dvh;padding-top:0;border-bottom:0;background:var(--showcase-bg)}.showcase-mobile-stack{display:none}@media(max-width:767px){.showcase-shell{width:100%;height:auto;min-height:100svh;max-height:none;overflow-x:hidden;overflow-y:auto}.showcase-gallery-intro,.showcase-topbar{display:none}.showcase-mobile-stack{display:grid;gap:6px;padding:6px 6px 24px}.showcase-mobile-card{display:grid;width:100%;overflow:hidden;padding:0;border:0;border-radius:3px;background:var(--showcase-surface);color:var(--showcase-ink);text-align:left}.showcase-mobile-card:focus-visible{outline:2px solid var(--showcase-accent);outline-offset:-2px}.showcase-mobile-card__media{position:relative;display:block;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:var(--showcase-canvas)}.showcase-mobile-card__media img,.showcase-mobile-card__media video,.showcase-mobile-card__media i{display:block;width:100%;height:100%;object-fit:cover}.showcase-mobile-card__media video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.showcase-mobile-card__meta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;row-gap:4px;padding:11px 10px 12px}.showcase-mobile-card__meta b{font-family:var(--showcase-display);font-size:17px;font-weight:400;letter-spacing:-.005em}.showcase-mobile-card__meta small{grid-column:1 / -1;color:var(--showcase-muted);font-size:12px;line-height:1.35;text-wrap:pretty}.showcase-mobile-card__meta em{grid-column:2;grid-row:1;color:var(--showcase-muted);font-size:10px;font-style:normal;letter-spacing:.02em;white-space:nowrap}}@media(max-width:767px){.showcase-mobile-stack{gap:2.5rem;padding:1rem .75rem 2rem}.showcase-mobile-card__meta{column-gap:.75rem;row-gap:.5rem;padding:1rem}.showcase-mobile-card__meta small{font-family:Showcase Frama,Helvetica Neue,sans-serif;font-size:.8125rem;letter-spacing:.005em;line-height:1.5}.showcase-mobile-card__meta em{font-family:Showcase Frama,Helvetica Neue,sans-serif;font-size:.6875rem;line-height:1.3}}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{overflow:hidden;background:#0a0a0a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font:inherit}@media(max-width:767px){html,body,#root{height:auto;min-height:100%}body{overflow-x:hidden;overflow-y:auto}}