.showcase-document{--paper: #f4f0e7;--paper-raised: #fbf8f1;--ink: #18231f;--muted: #69716c;--line: rgba(24, 35, 31, .17);--forest: #123e35;--teal: #1d6a60;--water: #75cbd7;--water-soft: #c8eef0;--signal: #d8f57a;--ease: cubic-bezier(.2, .8, .2, 1);--embed-canvas: transparent;--embed-boundary: 0;--embed-elevation: none;background:var(--paper);overflow-x:hidden;scrollbar-color:rgba(24,35,31,.28) transparent}.showcase-page{min-height:100svh;margin:0;background:radial-gradient(circle at 77% 18%,rgba(255,255,255,.62),transparent 23rem),var(--paper);color:var(--ink);font-family:DM Sans,system-ui,sans-serif;font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased}.showcase-page main{width:auto;max-width:none;margin:0}.showcase-page button,.showcase-page a{font:inherit}.showcase-page :focus-visible{outline:2px solid var(--teal);outline-offset:4px}.showcase{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(390px,1.04fr) minmax(430px,.96fr);grid-template-rows:minmax(330px,39vh) minmax(300px,34vh);gap:clamp(28px,3.2vw,46px) clamp(48px,6vw,96px);padding:clamp(72px,7vw,92px) clamp(36px,4.5vw,62px) clamp(36px,4.5vw,62px);align-content:start;isolation:isolate}.showcase-intro{position:absolute;z-index:1;top:clamp(1.35rem,2.4vw,1.8rem);right:clamp(36px,4.5vw,62px);left:clamp(36px,4.5vw,62px);color:var(--ink);font-family:Lora,Iowan Old Style,serif;font-size:clamp(1.05rem,1.45vw,1.18rem);line-height:1.1}.showcase-intro span{font-weight:400;letter-spacing:-.035em}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.artifact{min-width:0;position:relative}.focus-return-hint{display:none}.artifact-caption{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:2.75rem;margin-top:.8rem}.artifact-caption-link{min-height:2.75rem;margin-inline:-.35rem;padding-inline:.35rem;border-radius:.5rem;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.artifact-caption-link h2{transition:color .16s var(--ease)}.artifact-caption-link:active h2,.artifact-caption-link:focus-visible h2{color:var(--teal)}.artifact-caption h2{margin:0;color:var(--ink);font-family:Lora,Iowan Old Style,serif;font-size:clamp(1.2rem,1.8vw,1.72rem);font-weight:400;line-height:1.1;letter-spacing:-.04em}.artifact-action{margin-left:auto;color:var(--muted);font-size:.875rem;line-height:1.2;white-space:nowrap}.artifact-outbound{width:2.75rem;height:2.75rem;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--ink);text-decoration:none;transition:transform .16s var(--ease),background .16s var(--ease),border-color .16s var(--ease)}.artifact-caption-link:active .artifact-outbound,.artifact-caption-link:focus-visible .artifact-outbound{border-color:var(--signal);background:var(--signal);transform:translate(2px,-2px)}@media(hover:hover)and (pointer:fine){.artifact-caption-link:hover h2{color:var(--teal)}.artifact-caption-link:hover .artifact-outbound{border-color:var(--signal);background:var(--signal);transform:translate(2px,-2px)}}.artifact-status{margin-left:auto;flex:0 0 auto;color:var(--muted);font-size:.875rem;line-height:1.2;white-space:nowrap}.splash-artifact{grid-column:1;grid-row:1 / 3;display:flex;min-height:0;align-self:start;flex-direction:column}.splash-shell{position:relative;height:clamp(34rem,56vh,41rem);min-height:0;flex:none;overflow:hidden;border:var(--embed-boundary);border-radius:1.75rem;background:var(--embed-canvas);box-shadow:var(--embed-elevation)}.splash-frame{display:block;width:100%;height:100%;margin:0;border:var(--embed-boundary);background:var(--embed-canvas)}.embed-status{position:absolute;z-index:3;inset:0;display:grid;place-content:center;gap:.65rem;padding:2rem;background:#08090a;color:#ffffffb3;font-size:.78rem;text-align:center;transition:opacity .18s var(--ease)}.embed-status[data-status=ready]{opacity:0;pointer-events:none}.embed-status [data-embed-unavailable],.embed-status[data-status=unavailable] [data-embed-loading]{display:none}.embed-status[data-status=unavailable] [data-embed-unavailable]{display:grid;gap:.65rem}.embed-status strong{color:#fff;font-size:.92rem}.embed-status a{min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;padding:.65rem .9rem;border:1px solid rgba(255,255,255,.3);border-radius:999px;color:#fff;text-decoration:none}.water-artifact{grid-column:2;grid-row:1;display:flex;min-height:0;flex-direction:column}.water-instrument{min-height:0;flex:1;display:grid;grid-template-columns:minmax(245px,1fr) minmax(166px,.52fr);overflow:hidden;border:1px solid rgba(29,106,96,.28);border-radius:1.75rem;background:#e7f3ef8f;box-shadow:inset 0 -2rem 4rem #1d6a6009,0 1.8rem 3.8rem #18231f1a}.water-lens{min-width:0;min-height:0;position:relative;margin:0}.water-lens svg{display:block;width:100%;height:100%}.mechanism-panel{opacity:0;pointer-events:none;transform:scale(.986);transform-origin:center;transition:opacity .24s var(--ease),transform .44s var(--ease)}.water-lens[data-mode=granular] [data-panel=granular],.water-lens[data-mode=structured] [data-panel=structured],.water-lens[data-mode=block] [data-panel=block],.water-lens[data-mode=ro] [data-panel=ro]{opacity:1;transform:scale(1)}.water-ribbon,.permeate-ribbon,.reject-ribbon{fill:none;stroke:url(#water-ribbon);stroke-linecap:round}.water-ribbon{stroke-width:46;opacity:.82}.water-highlight,.reject-highlight{fill:none;stroke:#fffc;stroke-width:2.4;stroke-linecap:round}.flow-line,.reject-flow{fill:none;stroke:var(--water);stroke-width:5;stroke-linecap:round;opacity:.96}.granules,.carbon-block{fill:var(--forest)}.contaminants circle,.captured circle{fill:var(--ink);stroke:var(--water-soft);stroke-width:1.8}.structured-matrix{fill:none;stroke:var(--forest);stroke-width:9;stroke-linecap:round;stroke-linejoin:round}.matrix-ties,.membrane-folds{fill:none;stroke:var(--teal);stroke-width:2;stroke-linecap:round;opacity:.58}.block-texture>circle{fill:var(--teal);opacity:.78}.block-texture .blend-media circle{fill:var(--signal);stroke:var(--ink);stroke-width:1.4;opacity:1}.membrane{fill:#ffffffb8;stroke:var(--teal);stroke-width:1.8}.membrane-shadow{fill:#48b5bd24;stroke:#1a706829;stroke-width:1.2}.permeate-ribbon{stroke-width:44;opacity:.58}.reject-ribbon{stroke-width:28;opacity:.72}.reject-flow{stroke:#3da7b8;stroke-width:4.5}.water-selector{display:grid;align-content:center;padding:0 1.25rem;border-left:1px solid var(--line);background:#ffffff2e}.water-selector button{position:relative;width:100%;display:grid;grid-template-columns:1fr .8rem;align-items:center;gap:.6rem;padding:.72rem 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;color:var(--muted);font-size:clamp(.66rem,.85vw,.78rem);font-weight:500;text-align:left;cursor:pointer;transition:color .16s var(--ease),padding-left .16s var(--ease)}.water-selector button:after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:2px;background:var(--teal);transition:width .26s var(--ease)}.water-selector button i{width:.48rem;height:.48rem;justify-self:end;border:1px solid rgba(24,35,31,.48);border-radius:50%;transition:background .16s var(--ease),box-shadow .16s var(--ease)}.water-selector button[aria-pressed=true]{padding-left:.48rem;color:var(--ink)}.water-selector button[aria-pressed=true]:after{width:2.4rem}.water-selector button[aria-pressed=true] i{border-color:var(--signal);background:var(--signal);box-shadow:0 0 0 .34rem #d8f57a29}.coffee-artifact{grid-column:2;grid-row:2;display:flex;min-height:0;flex-direction:column}.coffee-object{min-height:0;position:relative;width:100%;aspect-ratio:1.72;flex:none;display:block;overflow:hidden;margin:0;padding:0;border:1px solid rgba(24,35,31,.18);border-radius:1.75rem;background:#eee9df;box-shadow:0 1.5rem 3rem #18231f1a;color:inherit;isolation:isolate}.coffee-study-image{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center 55%}@media(min-width:560px){.focus-return-hint{position:fixed;z-index:4;top:.9rem;left:50%;display:flex;align-items:center;gap:.55rem;margin:0;padding:.42rem .64rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#18231fe0;box-shadow:0 .35rem 1rem #18231f24;color:var(--paper-raised);font-size:.72rem;letter-spacing:.02em;opacity:0;pointer-events:none;transform:translate(-50%,-.35rem);transition:opacity .18s var(--ease),transform .18s var(--ease)}.focus-return-hint[data-visible=true]{opacity:1;transform:translate(-50%)}.focus-return-hint kbd{display:none;padding:.08rem .28rem;border:1px solid rgba(255,255,255,.28);border-radius:.25rem;font:inherit;font-size:.66rem}.showcase:before{content:"";position:fixed;z-index:2;inset:0;background:#f4f0e79e;opacity:0;pointer-events:none;transition:opacity .26s var(--ease)}.showcase>.artifact{transition:opacity .26s var(--ease),filter .26s var(--ease),transform .36s var(--ease)}.showcase[data-focused-artifact=splash]:before{opacity:1;pointer-events:auto}.showcase[data-focused-artifact=splash]>.artifact:not(.splash-artifact){opacity:.42;filter:saturate(.78);pointer-events:none}.showcase[data-focused-artifact=splash] .splash-artifact{position:fixed;z-index:3;left:50%;top:50%;width:min(64rem,calc(100vw - 1.5rem));height:min(48rem,calc(100svh - 1.5rem));margin:0;translate:-50% -50%}.showcase[data-focused-artifact=splash] .splash-shell{height:auto;flex:1}.showcase[data-focused-artifact=splash] .artifact-caption{margin-top:.75rem}.showcase-document.has-focused-artifact{overflow:hidden}}@media(min-width:560px)and (hover:hover)and (pointer:fine){.focus-return-hint kbd{display:inline}}@media(max-width:980px){.showcase{min-height:auto;display:flex;flex-direction:column;gap:4.6rem;padding:4.6rem clamp(1rem,5vw,2.5rem) 4rem}.showcase-intro{right:clamp(1rem,5vw,2.5rem);left:clamp(1rem,5vw,2.5rem)}.artifact{width:min(100%,42rem);margin:0 auto}.splash-artifact{order:1}.water-artifact{order:2}.coffee-artifact{order:3}.splash-shell{height:min(36rem,64svh);flex:none}.water-instrument{height:23rem;flex:none}.coffee-object{width:100%}}@media(max-width:620px){.showcase{gap:4rem;padding:4.5rem 1rem 3rem}.showcase-intro{top:1.35rem;right:1rem;left:1rem}.splash-shell{height:min(31rem,60svh);border-radius:1.45rem;box-shadow:var(--embed-elevation)}.water-instrument{height:auto;grid-template-columns:1fr;border-radius:1.45rem}.water-lens{height:min(76vw,21rem)}.water-selector{grid-template-columns:1fr 1fr;padding:0 1rem;border-top:1px solid var(--line);border-left:0}.water-selector button:nth-child(odd){padding-right:.8rem}.water-selector button:nth-child(2n){padding-left:.8rem}.water-selector button[aria-pressed=true]{padding-left:.48rem}.coffee-object{border-radius:1.45rem}.artifact-caption h2{font-size:1.28rem}}@media(prefers-reduced-motion:reduce){.showcase-page *,.showcase-page *:before,.showcase-page *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}