/* The application identities carry the color; one shared dock supports them. */
.portfolio{background:none;padding-bottom:48px}
.dock-gesture{font:11px monospace;letter-spacing:.2px;color:#a4a79a}
.dock-stage{margin:38px 4.5% 0;padding:0 0 16px}
.dock-shell{position:relative;max-width:1320px;margin:0 auto}.dock-shell::before{content:"";position:absolute;inset:auto 0 0;height:132px;border:1px solid #ffffff15;border-radius:30px;background:linear-gradient(165deg,#30332aa6,#1c1f1999);box-shadow:0 22px 52px #0003,inset 0 1px 0 #ffffff08;backdrop-filter:blur(14px)}
.app-dock{--dock-icon:clamp(48px,calc((91vw - 290px)/12),82px);position:relative;display:flex;align-items:flex-end;justify-content:safe center;gap:10px;height:204px;padding:24px 24px 32px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scroll-padding-inline:18px}
.app-dock::-webkit-scrollbar{display:none}
.dock-item{--dock-scale:1;flex:0 0 auto;position:relative;width:calc(var(--dock-icon)*var(--dock-scale));height:calc(var(--dock-icon)*var(--dock-scale));padding:0;border:0;border-radius:17px;background:transparent;cursor:pointer;transition:width 130ms ease-out,height 130ms ease-out;outline-offset:4px;color:#f3f3e9}
.dock-icon{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 8px #0005);user-select:none;-webkit-user-drag:none}
.dock-item::after{content:'';position:absolute;left:calc(50% - 2px);bottom:-12px;width:4px;height:4px;border-radius:50%;background:#e9eddf;opacity:0;transition:opacity .18s}
.dock-item.is-active::after{opacity:.75}
.dock-preview{border-radius:22%;object-fit:cover}
.dock-monogram{display:grid;place-items:center;width:86%;height:86%;margin:7%;border-radius:24%;background:#41483a;color:#eef1e6;font:600 23px Oxanium,Arial,sans-serif;border:1px solid #ffffff25}
.dock-caption{text-align:center;min-height:109px;max-width:680px;margin:28px auto 0}
.dock-caption-meta{display:flex;justify-content:center;align-items:center;gap:14px;color:#a4a79a;font:10px monospace;text-transform:uppercase;letter-spacing:1.3px}
#dock-state{border:1px solid #4d5243;border-radius:20px;padding:5px 9px;font-size:9px;letter-spacing:.6px;white-space:nowrap}
.dock-caption h3{font:500 clamp(25px,3vw,36px)/1.15 Oxanium,Arial,sans-serif;margin:12px 0 8px;letter-spacing:-.5px;overflow-wrap:anywhere}
.dock-caption p{font-size:14px;line-height:1.55;color:#bcc0b2;margin:0 0 14px}
.dock-footer{display:flex;justify-content:space-between;gap:16px;max-width:1320px;margin:19px auto 0;border-top:1px solid #ffffff12;padding-top:15px;font:10px monospace;letter-spacing:.4px;color:#939889}
.dock-mobile-hint{display:none}
@media(max-width:800px){.dock-stage{margin-top:30px}.dock-gesture{display:none}.app-dock{--dock-icon:72px;height:148px;padding:36px 18px 32px;gap:10px}.dock-item{width:72px;height:72px}.dock-shell::before{height:148px;border-radius:26px}.dock-mobile-hint{display:inline}.dock-desktop-hint{display:none}.dock-caption{margin-top:24px;min-height:120px}.dock-footer{font-size:9px;line-height:1.5}}
@media(max-width:560px){.dock-stage{margin-left:5%;margin-right:5%;margin-top:25px}.portfolio{padding-bottom:32px}.dock-caption-meta{font-size:9px;letter-spacing:.6px;gap:10px}.dock-caption p{font-size:13px}.dock-footer{gap:12px}.dock-mobile-hint{max-width:185px;text-align:right}}
@media(prefers-reduced-motion:reduce){.dock-item,.dock-item::after{transition:none}.app-dock{scroll-behavior:auto}}