:root{--bg:#fff;--ink:#141414;--muted:#7a7a7a;--accent:#ff3d8b;--panel-bg:#fffe;--font-display:"Helvetica Neue","Neue Haas Grotesk Display",Inter,Arial,sans-serif;--font-body:"Helvetica Neue",Inter,Arial,sans-serif;--masthead-weight:900}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font-body);overscroll-behavior:none;margin:0}body.locked{overflow:hidden}#home{min-height:100svh;padding:max(28px,env(safe-area-inset-top)) 5vw 40px;flex-direction:column;align-items:center;gap:2.2vh;display:flex}#masthead{font-family:var(--font-display);font-weight:var(--masthead-weight);letter-spacing:-.045em;text-align:center;text-transform:uppercase;width:100%;margin:0;font-size:21vw;line-height:.86}#mast-logo{max-width:90vw;max-height:20vh}#tagline{text-align:center;margin:.4em 0 0;font-size:14px}#window{aspect-ratio:3/4;width:min(64vw,360px);margin:2vh 0 0}#enter{letter-spacing:.02em;text-align:center;margin:0;font-size:13px}@media (min-width:900px){#masthead{white-space:nowrap;font-size:11.2vw}#window{width:min(30vw,380px)}}#stage{cursor:pointer;z-index:5;background:#f2f2f2;transition:top .7s cubic-bezier(.7,0,.2,1),left .7s cubic-bezier(.7,0,.2,1),width .7s cubic-bezier(.7,0,.2,1),height .7s cubic-bezier(.7,0,.2,1);position:fixed;overflow:hidden}#stage.open{cursor:default;width:100vw!important;height:100vh!important;height:100dvh!important;top:0!important;left:0!important}#c{width:100vw;height:100vh;touch-action:none;pointer-events:none;height:100dvh;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#stage.open #c{pointer-events:auto}#loader{text-align:center;pointer-events:none;z-index:2;width:62%;transition:opacity .6s;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}#loader.done{opacity:0}.bar{background:#00000018;height:2px}.bar i{background:var(--ink);width:0;height:100%;transition:width .2s;display:block}#ldtxt{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:6px;font-size:10px}#stage.open #loader,#back,#hint,#dots,#panel{display:none}#stage.open #back,#stage.open #hint,#stage.open #dots{display:block}#back{top:max(14px,env(safe-area-inset-top));z-index:4;font:600 12px var(--font-body);letter-spacing:.04em;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffd9;border:0;border-radius:99px;padding:8px 14px;position:absolute;left:16px}#hint{bottom:max(16px,env(safe-area-inset-bottom));color:var(--ink);pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#ffffffd9;border-radius:99px;max-width:94vw;padding:7px 12px;font-size:11px;transition:opacity 1s;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}#panel{z-index:4;left:12px;right:12px;bottom:max(14px,env(safe-area-inset-bottom));background:var(--panel-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);max-width:440px;box-shadow:5px 5px 0 var(--accent);border:1px solid #00000018;border-radius:4px;max-height:60dvh;margin:0 auto;padding:18px 20px 20px;animation:.25s ease-out up;position:absolute;overflow:auto}#stage.open #panel:not([hidden]){display:block}#panel h2{font-family:var(--font-display);font-weight:var(--masthead-weight);letter-spacing:-.02em;text-transform:uppercase;margin:0 0 4px;padding-right:28px;font-size:24px}#pkick{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 10px;font-size:11px}#pkick:empty{display:none}#panel p{white-space:pre-line;margin:0;font-size:14px;line-height:1.55}#close{color:var(--ink);cursor:pointer;background:0 0;border:0;padding:6px;font-size:28px;line-height:1;position:absolute;top:6px;right:10px}@keyframes up{0%{opacity:0;transform:translateY(14px)}}.dot{border:2px solid var(--accent);z-index:3;cursor:pointer;background:#ff3d8b22;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;animation:1.8s infinite pulse;display:none;position:absolute;top:0;left:0}.dot:after{content:"";background:var(--accent);border-radius:50%;position:absolute;inset:11px}@keyframes pulse{50%{opacity:.65;transform:scale(1.25)}}#pimg{object-fit:contain;border-radius:3px;width:100%;max-height:34dvh;margin:0 0 14px;display:block}#pimg[hidden]{display:none}
