:root{--abyss:#04141f;--tank-teal:#0c3b44;--bio-glow:#4fd9c0;--brass:#c9a13b;--sand:#eef0e4;--coral:#e8714a;--font-display:"Fraunces", serif;--font-body:"IBM Plex Sans", sans-serif;--font-mono:"IBM Plex Mono", monospace}*{box-sizing:border-box}html,body{background:var(--abyss);height:100%;color:var(--sand);font-family:var(--font-body);margin:0;overflow:hidden}#scene{touch-action:none;cursor:grab;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#scene:active{cursor:grabbing}#overlay{pointer-events:none;font-size:16px;position:fixed;top:0;bottom:0;left:0;right:0}.catalog-tag{flex-direction:column;gap:2px;display:flex;position:absolute;top:24px;left:24px}.tag-label{font-family:var(--font-mono);letter-spacing:.12em;color:var(--brass);font-size:11px}.tag-sub{font-family:var(--font-mono);letter-spacing:.06em;color:#eef0e473;font-size:10px}.intro{text-align:center;transition:opacity 1.2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intro-title{font-family:var(--font-display);letter-spacing:.01em;background:linear-gradient(110deg,#bfe8d9 0%,#4fd9c0 28%,#7fd0ff 52%,#4fd9c0 74%,#bfe8d9 100%) 0 0/250% 100%;color:#0000;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 26px #4fd9c080);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.6rem,7vw,5rem);font-weight:600;animation:7s ease-in-out infinite water-sheen,5s ease-in-out infinite water-float}.intro-sub{font-family:var(--font-mono);letter-spacing:.32em;text-transform:uppercase;color:var(--bio-glow);opacity:.75;margin:12px 0 0;font-size:12px}.intro.is-hidden{opacity:0}@keyframes water-sheen{0%,to{background-position:0%}50%{background-position:100%}}@keyframes water-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.look-arrows{align-items:center;gap:16px;transition:opacity .8s;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.look-arrows.is-hidden{opacity:0}.look-arrow{color:var(--bio-glow);font-size:30px;line-height:1}.look-arrow--left{animation:1.6s ease-in-out infinite nudge-left}.look-arrow--right{animation:1.6s ease-in-out infinite nudge-right}.look-arrow-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#eef0e499;font-size:11px}@keyframes nudge-left{0%,to{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translate(-6px)}}@keyframes nudge-right{0%,to{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translate(6px)}}.plaque{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--brass);pointer-events:none;opacity:0;background:#04141fb8;border-radius:2px;width:min(480px,92vw);max-height:80vh;padding:34px 32px 28px;transition:opacity .6s,transform .6s;position:absolute;top:50%;overflow-y:auto;transform:translateY(-50%)translate(0)}.plaque--center{left:50%;transform:translate(-50%,-42%)scale(.98)}.plaque.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.plaque-tag{font-family:var(--font-mono);letter-spacing:.1em;color:var(--brass);margin-bottom:10px;font-size:10px;display:block}.plaque h2{font-family:var(--font-display);border-bottom:1px solid #c9a13b66;margin:0 0 14px;padding-bottom:10px;font-size:1.7rem;font-weight:600}.plaque-body p{color:#eef0e4e6;margin:0 0 12px;font-size:14px;line-height:1.6}.plaque-list{flex-direction:column;gap:10px;margin:0 0 16px;padding:0;list-style:none;display:flex}.plaque-list li{color:#eef0e4e6;gap:10px;font-size:14px;line-height:1.5;display:flex}.plaque-list .num{font-family:var(--font-mono);color:var(--bio-glow);padding-top:2px;font-size:11px}.plaque-portrait{object-fit:cover;object-position:center 30%;border:1px solid var(--brass);border-radius:2px;width:100%;height:168px;margin-bottom:16px;display:block}.plaque-list--thumbs li{align-items:flex-start;gap:12px}.plaque-thumb{object-fit:cover;border:1px solid #c9a13b80;border-radius:2px;flex-shrink:0;width:58px;height:46px}#plaque-projects{width:min(760px,96vw);max-height:86vh}.plaque-hint{font-family:var(--font-mono);letter-spacing:.04em;color:#eef0e48c;margin:0 0 12px;font-size:11px}.plaque-list--projects{flex-direction:column;gap:8px;display:flex}.project{border:1px solid #c9a13b4d;border-radius:4px;transition:border-color .3s;display:block;overflow:hidden}.project.is-open{border-color:var(--brass)}.project-head{cursor:pointer;text-align:left;width:100%;color:var(--sand);font-family:var(--font-body);background:0 0;border:none;align-items:center;gap:12px;padding:8px 12px;transition:background .25s;display:flex}.project-head:hover{background:#c9a13b1a}.project-head:focus-visible{outline:1px solid var(--brass);outline-offset:-1px}.project-title{flex:1;font-size:14px;font-weight:600;line-height:1.3}.project-toggle{font-family:var(--font-mono);color:var(--bio-glow);flex-shrink:0;font-size:18px;line-height:1;transition:transform .3s}.project.is-open .project-toggle{transform:rotate(45deg)}.project-detail{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .4s,opacity .4s;display:grid}.project-detail-inner{min-height:0;overflow:hidden}.project.is-open .project-detail{opacity:1;grid-template-rows:1fr}.project-kicker{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--bio-glow);padding:10px 14px 0;font-size:10px;display:block}.project-photo{object-fit:cover;border:1px solid #c9a13b80;border-radius:3px;width:calc(100% - 28px);height:150px;margin:10px 14px 12px;display:block}.project-detail p{color:#eef0e4e6;margin:0;padding:0 14px 10px;font-size:13px;line-height:1.6}.project-points{flex-direction:column;gap:5px;margin:0;padding:0 14px 10px;list-style:none;display:flex}.project-points li{color:#eef0e4d1;padding-left:16px;font-size:12.5px;line-height:1.5;position:relative}.project-points li:before{content:"◦";color:var(--bio-glow);position:absolute;left:2px}.project-award{font-family:var(--font-mono);letter-spacing:.02em;margin:0;font-size:12px;color:var(--brass)!important;padding:4px 14px 12px!important}.project-links{flex-wrap:wrap;gap:8px 16px;display:flex;padding:0 14px 14px!important}.plaque-back{color:var(--bio-glow);font-family:var(--font-mono);letter-spacing:.06em;cursor:pointer;background:0 0;border:none;padding:0;font-size:11px}.plaque-back:hover{color:var(--sand)}.plaque-back:focus{outline:1px solid var(--brass);outline-offset:4px}.plaque-back:focus-visible{outline:1px solid var(--brass);outline-offset:4px}.plaque a{color:var(--bio-glow);border-bottom:1px solid #4fd9c066;text-decoration:none}.plaque a:hover{color:var(--sand)}#fade{background:var(--abyss);z-index:50;pointer-events:none;transition:opacity 2s;position:fixed;top:0;bottom:0;left:0;right:0}#fade.is-clear{opacity:0}.mount-btn,.back-to-tank{pointer-events:none;opacity:0;font-family:var(--font-mono);letter-spacing:.06em;color:var(--abyss);background:var(--bio-glow);cursor:pointer;border:none;border-radius:999px;min-height:46px;padding:14px 26px;font-size:13px;transition:opacity .6s,transform .6s;position:absolute;bottom:40px;left:50%;transform:translate(-50%)translateY(16px);box-shadow:0 0 28px #4fd9c080}.back-to-tank{color:var(--sand);border:1px solid var(--brass);box-shadow:none;background:#04141fb8}.mount-btn.is-shown,.back-to-tank.is-shown{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.mount-btn:hover{transform:translate(-50%)translateY(-2px)}.mount-btn:focus-visible{outline:2px solid var(--sand);outline-offset:3px}.back-to-tank:focus-visible{outline:2px solid var(--sand);outline-offset:3px}.manta-bubble{pointer-events:none;opacity:0;text-align:center;max-width:200px;font-family:var(--font-mono);letter-spacing:.03em;color:var(--abyss);background:var(--sand);border-radius:14px;padding:10px 14px;font-size:12px;line-height:1.45;transition:opacity .5s;position:absolute;top:0;left:0;transform:translate(-50%,-100%)translateY(-6px);box-shadow:0 6px 22px #04141f8c}.manta-bubble:after{content:"";border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid var(--sand);position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.manta-bubble.is-shown{opacity:1}.reef-tip{pointer-events:none;opacity:0;white-space:nowrap;font-family:var(--font-mono);letter-spacing:.04em;color:var(--abyss);background:var(--sand);z-index:5;border-radius:12px;padding:6px 12px;font-size:12px;transition:opacity .18s;position:absolute;top:0;left:0;transform:translate(14px,-50%);box-shadow:0 6px 22px #04141f8c}.reef-tip.is-shown{opacity:1}.mute-btn{pointer-events:auto;min-height:36px;font-family:var(--font-mono);letter-spacing:.08em;color:var(--brass);cursor:pointer;background:0 0;border:1px solid #c9a13b80;border-radius:999px;padding:8px 14px;font-size:11px;position:absolute;bottom:24px;right:24px}.mute-btn:hover{color:var(--sand);border-color:var(--brass)}.mute-btn .mute-off,.mute-btn.is-muted .mute-on{display:none}.mute-btn.is-muted .mute-off{color:#eef0e480;display:inline}@media (prefers-reduced-motion:reduce){.intro,.look-arrows,.plaque,.mount-btn,.back-to-tank,#fade{transition:none}.intro-title,.look-arrow--left,.look-arrow--right{animation:none}}@media (max-width:640px){.plaque{width:min(360px,92vw);top:auto;bottom:96px;left:50%;right:auto;transform:translate(-50%,12px)scale(1)}.plaque.is-visible{transform:translate(-50%)scale(1)}.mount-btn,.back-to-tank{font-size:14px;bottom:28px}}