:root{--bg: #0b0d12;--chrome: rgba(18, 21, 28, .72);--accent: #1abc9c;--text: #e9edf2;--muted: #8a93a3;--stage-w: 1280px;--stage-h: 720px;--ease-out-quint: cubic-bezier(.22, 1, .36, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1)}*{box-sizing:border-box}:focus-visible{outline:2px solid #f6b24a;outline-offset:2px;border-radius:3px}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#deck{position:fixed;inset:0}.stage-wrap{position:absolute;inset:0}.stage{position:absolute;top:50%;left:50%;width:var(--stage-w);height:var(--stage-h);transform-origin:center center;transform:translate(-50%,-50%);background:#fff;color:#14181f;border-radius:10px;overflow:hidden;box-shadow:0 30px 80px #0000008c}.stage:after{content:"";position:absolute;top:0;right:0;width:46%;height:50%;z-index:4;pointer-events:none;background:radial-gradient(120% 120% at 100% 0%,rgba(196,92,62,.16),rgba(246,178,74,.08) 38%,transparent 68%)}.brandmark{position:absolute;top:26px;right:30px;height:22px;width:auto;z-index:6;opacity:.62;pointer-events:none;user-select:none}.slide.is-active:has([data-hide-brandmark])~.brandmark{display:none}.slide{position:absolute;inset:0;display:none;padding:0;overflow:hidden}.slide.is-active{display:block;animation:slide-fade .5s var(--ease-out-quint) both}[data-dir=next] .slide.is-active{animation-name:slide-in-right}[data-dir=prev] .slide.is-active{animation-name:slide-in-left}@keyframes slide-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes slide-in-right{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:none}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-26px)}to{opacity:1;transform:none}}.slide h1{font-size:58px;line-height:1.05;margin:0 0 .4em;letter-spacing:-.02em}.slide h2{font-size:40px;margin:0 0 .5em;letter-spacing:-.01em}.slide p,.slide li{font-size:26px;line-height:1.5;color:#2b313c}.slide ul,.slide ol{padding-left:1.1em}.slide img{max-width:100%;height:auto}.slide a{color:#0e8f78}.zone{position:absolute;top:0;bottom:64px;width:28%;z-index:5;pointer-events:none}.zone[data-zone=left]{left:0}.zone[data-zone=right]{right:0}.chrome{position:fixed;left:50%;bottom:22px;transform:translate(-50%);display:flex;align-items:center;gap:3px;padding:7px 9px;background:#10131ad1;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border:1px solid rgba(255,255,255,.1);border-radius:999px;box-shadow:0 14px 38px #00000080,inset 0 1px #ffffff0f;z-index:50;overflow:hidden;animation:chrome-in .6s var(--ease-out-quint) .15s both}@keyframes chrome-in{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.progress{position:absolute;top:0;left:0;right:0;height:2px;background:#ffffff1a}.progress:after{content:"";display:block;height:100%;width:100%;transform:scaleX(var(--progress, 0));transform-origin:left center;background:#f6b24a;transition:transform .3s cubic-bezier(.25,1,.5,1)}.chrome-btn{appearance:none;border:0;background:transparent;color:var(--text);width:40px;height:40px;display:grid;place-items:center;border-radius:50%;cursor:pointer;text-decoration:none;transition:background .15s ease,color .15s ease,transform .1s ease}.chrome-btn svg{width:18px;height:18px;display:block}.chrome-btn:hover{background:#ffffff1f}.chrome-btn:active{transform:translateY(1px)}.chrome-btn.accent{color:#f6b24a}.chrome-btn.accent:hover{background:#f6b24a29}.counter{font-family:Inconsolata,monospace;font-variant-numeric:tabular-nums;font-size:13px;letter-spacing:.04em;color:#e9edf2b8;padding:0 4px;min-width:50px;text-align:center;user-select:none}.chrome-sep{width:1px;height:22px;background:#ffffff24;margin:0 3px}.recipient-note-trigger{position:fixed;top:20px;right:20px;z-index:55;display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:0 15px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#11141bf0;color:#f5f4f0;box-shadow:0 8px 24px #00000038;font:600 14px/1 Quattrocento Sans,system-ui,sans-serif;letter-spacing:.01em;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.recipient-note-trigger:hover{background:#22262f;border-color:#ffffff4d;transform:translateY(-1px)}.recipient-note-trigger svg{width:18px;height:18px}.recipient-note-panel{position:fixed;top:72px;right:20px;z-index:60;width:min(410px,calc(100vw - 32px));max-height:calc(100vh - 96px);overflow-y:auto;padding:20px;border:1px solid #d8d5cd;border-radius:14px;background:#fbfaf7;color:#25221d;box-shadow:0 24px 70px #00000052;font-family:Quattrocento Sans,system-ui,sans-serif;animation:recipient-note-in .2s cubic-bezier(.22,1,.36,1) both}.recipient-note-panel[hidden]{display:none}@keyframes recipient-note-in{0%{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:none}}.recipient-note-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.recipient-note-head p{margin:0 0 4px;color:#a64d35;font:700 11px/1.2 Inconsolata,monospace;letter-spacing:.1em;text-transform:uppercase}.recipient-note-head h2{margin:0;color:#1d1b16;font:700 23px/1.15 Quattrocento,Georgia,serif;letter-spacing:-.015em}.recipient-note-close{display:grid;flex:0 0 auto;place-items:center;width:36px;height:36px;margin:-6px -6px 0 0;padding:0;border:0;border-radius:50%;background:transparent;color:#5c5850;cursor:pointer;transition:background .15s ease,color .15s ease}.recipient-note-close:hover{background:#ece9e2;color:#1d1b16}.recipient-note-close svg{width:19px;height:19px}.recipient-note-subject{display:flex;gap:10px;margin:18px 0 0;padding:11px 0;border-block:1px solid #e3e0d8;color:#2f2c26;font-size:13.5px;line-height:1.35}.recipient-note-subject span{flex:0 0 auto;color:#777168;font-weight:700}.recipient-note-body{padding:14px 0 2px}.recipient-note-body p{margin:0 0 9px;color:#403c35;font-size:15px;line-height:1.45}.recipient-note-body p:last-child{margin-bottom:0}.recipient-note-body a{color:#087f6d;font-weight:700;text-decoration-thickness:1px;text-underline-offset:3px}.recipient-note-body a:hover{color:#055f52}.recipient-note-body a:focus-visible{outline:2px solid #087f6d;outline-offset:3px;border-radius:2px}@media(max-width:640px){.recipient-note-trigger{top:12px;right:12px}.recipient-note-panel{top:62px;right:12px;max-height:calc(100vh - 78px)}}.notice{position:fixed;inset:0;display:grid;place-content:center;text-align:center;gap:8px;color:var(--muted);padding:24px}.notice h1{color:var(--text);margin:0}.gate{position:fixed;inset:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(2.5rem,7vw,6rem);color:#37352f;font-family:Quattrocento Sans,sans-serif;background:radial-gradient(120% 90% at 75% 14%,rgba(196,92,62,.06),transparent 55%),url(/harbour-light.png) center / cover no-repeat,linear-gradient(135deg,#faf9f6,#f1ece1)}.gate:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#f8f5eff7,#f8f5efd9 38%,#f8f5ef4d 66%,#f8f5ef00 90%)}.gate>*{position:relative;z-index:2}.gate-mark{height:clamp(26px,3vw,34px);width:auto;margin-bottom:clamp(1.5rem,4vh,2.5rem);opacity:.9}.gate h1{font-family:Quattrocento,Georgia,serif;font-weight:700;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.08;letter-spacing:-.025em;color:#1d1b16;margin:0 0 .85rem;max-width:18ch;text-wrap:balance}.gate p{font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.55;color:#46423b;margin:0 0 1.7rem;max-width:46ch;text-wrap:pretty}.gate-cta{display:inline-flex;align-items:center;gap:.5rem;align-self:flex-start;font-family:Quattrocento Sans,sans-serif;font-weight:700;font-size:1.02rem;color:#a8472e;text-decoration:none;border-bottom:2px solid rgba(168,71,46,.32);padding-bottom:2px;transition:color .2s ease,border-color .2s ease}.gate-cta:hover{color:#8f3a24;border-bottom-color:#a8472eb3}.gate-otter{position:absolute;right:clamp(0rem,3vw,3rem);bottom:0;z-index:1;height:min(72%,440px);width:auto;max-width:40%;object-fit:contain;object-position:bottom right;filter:drop-shadow(0 14px 22px rgba(29,27,22,.18));pointer-events:none;user-select:none}@media(max-width:640px){.gate-otter{opacity:.25;max-width:70%}}#deck[data-hide-sources=true] .inv-source,#deck[data-hide-sources=true] .sbx-source{display:none}@media(prefers-reduced-motion:reduce){.slide.is-active,[data-dir=next] .slide.is-active,[data-dir=prev] .slide.is-active{animation:none}.chrome{animation:none;opacity:1;transform:translate(-50%)}.progress:after{transition:none}.recipient-note-panel{animation:none}}