.work-showcase{--showcase-card-width:clamp(320px, 44vw, 1120px);--showcase-caption-height:clamp(96px, 7vw, 112px);margin-top:clamp(24px,2.5vw,36px)}.work-showcase-toolbar{justify-content:space-between;align-items:center;gap:24px;display:flex}.work-showcase .work-filters{padding-bottom:0}.work-showcase-note{letter-spacing:.12em;margin:0;font-size:10px;font-weight:700}.work-showcase-deck{isolation:isolate;height:calc(var(--showcase-card-width) * 9 / 16 + var(--showcase-caption-height) + 64px);touch-action:pan-y;margin:8px calc(-1*clamp(20px,5vw,84px)) 0;position:relative;overflow:clip}.work-showcase-deck:focus-visible{outline-offset:-8px;border-radius:12px;outline:2px solid #fff}.showcase-card{width:var(--showcase-card-width);grid-template-rows:auto var(--showcase-caption-height);box-sizing:border-box;color:var(--ocean-text);text-align:left;text-shadow:none;font:inherit;cursor:pointer;transform-origin:50%;background:#082a3d;border:1px solid #ffffff8c;border-radius:10px;padding:0;transition:transform .65s cubic-bezier(.22,.68,.2,1),opacity .45s,box-shadow .45s;display:grid;position:absolute;top:18px;left:50%;overflow:hidden;box-shadow:0 22px 44px -18px #082a3d75}.showcase-card[data-position="0"]{z-index:5;transform:translate(-50%);box-shadow:0 30px 52px -16px #082a3d8c}.showcase-card[data-position="-1"]{z-index:4;transform:translate(-100%)translateY(20px)scale(.84)}.showcase-card[data-position="1"]{z-index:4;transform:translate(0%)translateY(20px)scale(.84)}.showcase-card[data-position="-2"]{z-index:3;transform:translate(-128%)translateY(34px)scale(.68)}.showcase-card[data-position="2"]{z-index:3;transform:translate(28%)translateY(34px)scale(.68)}.showcase-card[data-position=offstage]{visibility:hidden;opacity:0;pointer-events:none;transform:translate(-50%)translateY(58px)scale(.6)}.showcase-card:focus-visible{outline-offset:-5px;outline:3px solid #fff}.work-showcase .showcase-art{aspect-ratio:16/9;width:100%;height:auto;display:block;position:relative;inset:auto}.work-showcase .showcase-art:has(.work-card-image){background:#082a3d}.work-showcase .work-card-image{object-fit:cover;position:absolute;inset:0}.showcase-image-pending{text-align:center;color:#fff;width:100%;text-shadow:var(--ocean-text-shadow);font-size:12px;position:absolute;bottom:12px;left:0}.work-showcase .work-sun{width:12%;top:8%}.work-showcase .work-ship{transform-origin:bottom;bottom:18%;transform:translate(-50%)scale(.6)}.work-showcase .work-route{top:35%}.work-showcase .work-wave-one{bottom:22%}.work-showcase .work-wave-two{bottom:13%}.showcase-card-top{letter-spacing:.13em;text-shadow:var(--ocean-text-shadow);justify-content:space-between;gap:12px;font-size:9px;font-weight:800;display:flex;position:absolute;inset:16px 18px auto}.showcase-card-top>span{background:#082a3dc7;border-radius:3px;padding:4px 6px}.showcase-card-caption{height:var(--showcase-caption-height);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#082a3de0;border-top:1px solid #ffffff4d;grid-template-columns:max-content minmax(0,1fr);align-content:center;align-items:end;gap:4px 12px;min-height:0;padding:10px 18px;display:grid;position:relative}.showcase-card-category{letter-spacing:.14em;grid-column:1/-1;font-size:9px;font-weight:800}.showcase-card-caption strong{letter-spacing:-.04em;grid-area:2/1;font-size:clamp(26px,2.4vw,42px);line-height:1.1}.showcase-card-title{text-align:right;word-break:keep-all;overflow-wrap:anywhere;grid-area:2/2;min-width:0;max-width:100%;font-size:clamp(13px,1.2vw,20px);font-weight:600;line-height:1.4}.work-title-main,.work-title-alt{display:block}.work-title-alt{margin-top:.16em;font-size:.88em;font-weight:500;line-height:1.4}.showcase-card-caption strong{white-space:nowrap;min-width:0;max-width:100%}.showcase-card[data-position="1"] .showcase-card-caption,.showcase-card[data-position="2"] .showcase-card-caption{text-align:right;grid-template-columns:minmax(0,1fr) max-content}.showcase-card[data-position="1"] .showcase-card-caption strong,.showcase-card[data-position="2"] .showcase-card-caption strong{grid-column:2}.showcase-card[data-position="1"] .showcase-card-title,.showcase-card[data-position="2"] .showcase-card-title{text-align:left;grid-column:1}.work-showcase-bottom{border-top:1px solid #fff6;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:40px;padding-top:24px;display:grid}.work-showcase-information{grid-template-columns:minmax(160px,.7fr) minmax(0,1fr);align-items:start;gap:32px;min-height:108px;display:grid}.work-showcase-information>div{min-width:0}.work-showcase-eyebrow{letter-spacing:.12em;margin:0 0 10px;font-size:10px;font-weight:800}.work-showcase-information h3{letter-spacing:-.04em;word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:clamp(26px,2.6vw,40px);line-height:1.25}.work-showcase-information h3 .work-title-alt{letter-spacing:-.01em;margin-top:.3em;font-size:.62em}.work-showcase-creator{margin:10px 0 0;font-size:14px}.work-showcase-summary{word-break:keep-all;overflow-wrap:anywhere;max-width:36ch;margin:24px 0 0;font-size:16px;line-height:1.75}.work-showcase-navigation{gap:12px;min-width:190px;display:grid}.work-showcase-controls{justify-content:space-between;align-items:center;gap:18px;display:flex}.work-showcase-controls button{color:#fff;width:46px;height:46px;font:inherit;cursor:pointer;background:#082a3db8;border:1px solid #ffffffb3;border-radius:50%;place-items:center;font-size:22px;display:grid}.work-showcase-controls button:hover{background:#082a3df0}:is(.work-showcase-controls button:focus-visible,.work-showcase-select select:focus-visible){outline-offset:4px;outline:2px solid #fff}.work-showcase-counter{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:10px;margin:0;display:flex}.work-showcase-counter strong{font-size:26px;font-weight:700}.work-showcase-counter span{font-size:12px}.work-showcase-select{text-shadow:none;display:block;position:relative}.work-showcase-select select{-webkit-appearance:none;appearance:none;color:#fff;width:100%;min-height:44px;font:inherit;cursor:pointer;background:#082a3dd1;border:1px solid #ffffff73;border-radius:6px;padding:10px 36px 10px 16px;font-size:13px}.work-showcase-select option{color:#fff;background:#082a3d}.work-showcase-select>span:last-child{pointer-events:none;position:absolute;top:10px;right:14px}.work-showcase-progress{background:#ffffff40;height:2px;margin-top:26px}.work-showcase-progress>span{background:#fff;height:100%;transition:width .45s;display:block}@media (max-width:960px){.work-showcase-note{display:none}.work-showcase-information{grid-template-columns:1fr;gap:12px;min-height:148px}.work-showcase-summary{margin:0}}@media (max-width:760px){.work-showcase{--showcase-card-width:min(86vw, 560px);--showcase-caption-height:112px;margin-top:36px}.work-showcase-toolbar{display:block}.work-showcase .work-filters{gap:6px}.work-showcase .work-filters button{letter-spacing:.04em;padding:13px 15px;font-size:10px}.work-showcase-deck{margin-top:10px}.showcase-card[data-position="-1"]{transform:translate(-112%)translateY(20px)scale(.84)}.showcase-card[data-position="1"]{transform:translate(12%)translateY(20px)scale(.84)}.showcase-card[data-position="-2"]{transform:translate(-160%)translateY(34px)scale(.68)}.showcase-card[data-position="2"]{transform:translate(60%)translateY(34px)scale(.68)}.showcase-card-top{font-size:8px;inset:10px 12px auto}.showcase-card-caption{gap:3px 8px;padding:8px 12px}.showcase-card-category{letter-spacing:.1em;font-size:8px}.showcase-card-caption strong{font-size:22px}.work-showcase .showcase-card .showcase-card-title{text-align:inherit;grid-area:3/1/auto/-1;font-size:13px}.work-showcase .work-ship{transform:translate(-50%)scale(.45)}.work-showcase-bottom{grid-template-columns:1fr;gap:22px;padding-top:20px}.work-showcase-information{grid-template-columns:1fr;gap:18px;min-height:100px}.work-showcase-information h3{font-size:26px}.work-showcase-summary{margin:0;font-size:14px}.work-showcase-navigation{grid-template-columns:1fr 1fr;align-items:center;gap:20px;min-width:0}.work-showcase-controls{gap:8px}.work-showcase-controls button{flex:none;width:44px;height:44px}.work-showcase-counter{gap:5px}.work-showcase-counter strong{font-size:22px}.work-showcase-select select{padding-left:10px;font-size:12px}}@media (max-width:380px){.work-showcase-information{grid-template-columns:1fr;gap:14px;min-height:142px}.work-showcase-navigation{grid-template-columns:1fr;gap:14px}.work-showcase-controls{justify-content:center;gap:26px}}@media (prefers-reduced-motion:reduce){.showcase-card,.work-showcase-progress>span{transition:none}}