/* The chosen gallery, with the complete style collection tucked behind a duck. */
.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.collection+.collection{margin-top:52px}
.collection-heading{gap:20px;padding-bottom:18px}
.collection-heading h2{font-family:var(--font);font-size:14px;font-weight:600;line-height:1.5;letter-spacing:.1em}
.brand-preview{display:flex;align-items:center;justify-content:center;gap:18px;min-height:120px}
.brand-preview img{flex-shrink:0;border-radius:22%;box-shadow:0 8px 24px #082b4f26}
.brand-preview>span{font:600 clamp(1.7rem,2.7vw,2.3rem)/1.05 var(--display);letter-spacing:-.04em}
.brand-subline{display:block;font:400 14px/1.5 var(--font);letter-spacing:.02em;margin-top:5px}
.fraction-diagram{display:block;width:100%;height:calc(100% - 40px);min-height:0}
.coming-soon{display:inline-block;font-size:12px;font-weight:400;margin-left:7px;color:var(--muted)}
@media(min-width:541px) and (max-width:700px){.brand-preview{flex-direction:column;gap:10px}.brand-preview img{width:64px;height:64px}.brand-preview>span{font-size:1.45rem;text-align:center}.brand-subline{margin-top:2px}}
.project-number{font-size:12px}
.card-body{padding-inline:19px}
.card-body h3{font-size:1.7rem}
.ocean-project{pointer-events:auto;text-align:left}
.ocean-project .project-visual{width:100%;text-align:left;font:inherit;cursor:pointer}
.ocean-project .visual-water{--visual-bg:#27677c;--visual-ink:#f1fbff;background:linear-gradient(#09364d3b,#06334942),url('/assets/vast-ocean.png') center/cover;color:var(--visual-ink)}
.water-play{display:grid;place-items:center;width:54px;height:54px;border:1px solid #f1fbffd9;background:#123d5885;border-radius:50%;font-size:20px;align-self:center;box-shadow:0 5px 18px #082b4f45;backdrop-filter:blur(8px)}
.ocean-project .project-visual:hover .water-play{background:#e9fbff36;transform:scale(1.05)}
.water-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;font:inherit;cursor:pointer;min-height:34px}
.water-toggle:hover>span:first-child{text-decoration:underline;text-underline-offset:4px}
.water-sliders{margin:0 0 19px;padding:16px 0 0;border-top:1px solid var(--line)}
.water-sliders label{display:flex;justify-content:space-between;gap:8px;align-items:baseline;font-size:14px;font-weight:600;line-height:1.4;margin-bottom:9px}
.water-sliders output{font-size:12px;font-weight:400;color:var(--muted)}
.water-sliders input{display:block;width:100%;margin:0;height:24px;cursor:pointer;accent-color:var(--accent)}
#water-color{--water-thumb:#286f99;appearance:none;-webkit-appearance:none;background:transparent}
#water-color::-webkit-slider-runnable-track{height:7px;border-radius:6px;background:linear-gradient(90deg,#32b5a9,#259aba 42%,#376ccc 70%,#3d438c)}
#water-color::-moz-range-track{height:7px;border-radius:6px;background:linear-gradient(90deg,#32b5a9,#259aba 42%,#376ccc 70%,#3d438c)}
#water-color::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin-top:-5.5px;border:2px solid #fff;border-radius:50%;background:var(--water-thumb);box-shadow:0 1px 5px #14364b66}
#water-color::-moz-range-thumb{width:15px;height:15px;border:2px solid #fff;border-radius:50%;background:var(--water-thumb);box-shadow:0 1px 5px #14364b66}
.slider-endpoints{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin:1px 0 15px}
.slider-endpoints:last-child{margin-bottom:0}
.card-body .water-status{font-size:13px;margin:0 0 14px}
.water-status:empty{display:none}
.duck-switch{position:fixed;right:16px;bottom:14px;z-index:8;display:grid;place-items:center;width:48px;height:48px;border:0;background:none;padding:6px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.duck-switch img{width:36px;height:36px;object-fit:contain;transform:scale(var(--duck-scale,1));transform-origin:70% 85%;filter:drop-shadow(0 3px 3px #15375140);pointer-events:auto;user-select:none}
.duck-switch:focus-visible{outline:2px solid #ffd848;outline-offset:3px;border-radius:50%}
[data-theme="vastocean"] .site-surface{background:transparent;z-index:1;pointer-events:none;min-height:100vh}
[data-theme="vastocean"] .site-surface a,[data-theme="vastocean"] .ocean-project{pointer-events:auto}
[data-theme="vastocean"] .ocean-backdrop{background:linear-gradient(#b6e0ea17,#0b537b1f),url('/assets/vast-ocean.png') center/cover}
[data-theme="vastocean"] #ocean-canvas{transition:opacity 1.1s ease}
[data-theme="vastocean"][data-water-on="false"] #ocean-canvas{opacity:0}
[data-theme="vastocean"] .ocean-controls{display:none}
[data-theme="vastocean"] .card-body{padding:23px 13px 13px}
[data-theme="vastocean"] .card-body h3{font-size:1.7rem}
.project-grid>.ocean-project .project-visual{flex-shrink:0}
@media(max-width:1000px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.card-body h3{font-size:1.8rem}}
@media(max-width:800px){.project-grid>.project-card:last-child{display:flex;grid-column:auto}.project-grid>.project-card:last-child .project-visual{height:var(--visual-height);min-height:0;border-right:0}.duck-switch{right:10px;bottom:10px}.ocean-controls{max-width:calc(100% - 86px);left:12px;transform:none}}
@media(max-width:540px){.project-grid{grid-template-columns:1fr}.collection+.collection{margin-top:38px}.collection-heading h2{font-size:13px;letter-spacing:.04em}.collection-count{flex-shrink:0;font-size:12px}.ocean-controls{width:calc(100% - 82px)}.project-grid>.project-card:last-child .project-visual{border-bottom:var(--border)}}
@media(prefers-reduced-motion:reduce){[data-theme="vastocean"] #ocean-canvas{transition:none}.ocean-project .project-visual:hover .water-play{transform:none}}
@media(forced-colors:active){.duck-switch{background:Canvas;border:1px solid ButtonText;border-radius:50%}.water-toggle,.water-play{color:ButtonText;border:1px solid ButtonText}.water-sliders input{forced-color-adjust:auto}#water-color{appearance:auto}}