.marias-bottling{--gold: #dfb36b;--gold-bright: #fff2d1;--gold-dim: #99743c;--cream: #faf5eb;--dark-abyss: #030302;--dark-chamber: #0a0806;--text-primary: #ebd8be;--text-dim: #8b7962;--serif: "Cormorant Garamond", serif;--display: "Cinzel", serif;--sans: "Montserrat", sans-serif;position:relative;width:100%;height:100vh;overflow:hidden;background:var(--dark-abyss);color:var(--cream);font-family:var(--serif);-webkit-font-smoothing:antialiased;touch-action:none}.marias-bottling .mbo-progress-bar{position:absolute;top:0;left:0;height:3px;background:linear-gradient(90deg,transparent,var(--gold),var(--gold-bright),var(--gold-dim),transparent);width:0%;z-index:100;box-shadow:0 0 12px #e2b66c99}.marias-bottling .mbo-grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:150px}.marias-bottling .mbo-scroll-container{height:100vh;width:100%;position:relative;overflow:hidden}.marias-bottling .mbo-sticky-viewport{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.marias-bottling canvas.mbo-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;will-change:transform}.marias-bottling .mbo-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle 60% at 50% 50%,transparent 30%,rgba(3,2,1,.92) 100%);pointer-events:none;z-index:5}.marias-bottling .mbo-hud-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:32px 48px;z-index:20}.marias-bottling .mbo-hud-left{display:flex;flex-direction:column;gap:8px}.marias-bottling .mbo-hud-label{font-family:var(--sans);font-size:9px;letter-spacing:.45em;color:var(--text-dim);text-transform:uppercase;font-weight:200}.marias-bottling .mbo-hud-back{font-family:var(--sans);font-size:9px;letter-spacing:.3em;color:var(--text-dim);text-transform:uppercase;font-weight:200;text-decoration:none;display:inline-flex;align-items:center;gap:8px;pointer-events:auto;transition:color .3s}.marias-bottling .mbo-hud-back:hover{color:var(--gold-bright)}.marias-bottling .mbo-crest{font-family:var(--display);font-size:16px;letter-spacing:.5em;color:var(--gold);text-align:center;line-height:1.2}.marias-bottling .mbo-crest span{display:block;font-size:8px;letter-spacing:.6em;color:var(--text-dim);margin-top:6px;font-family:var(--sans);font-weight:200}.marias-bottling .mbo-sensory-btn{background:#110e0a66;border:1px solid rgba(226,182,108,.25);color:var(--gold);padding:8px 18px;font-family:var(--display);font-size:10px;letter-spacing:.25em;border-radius:30px;cursor:pointer;pointer-events:auto;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.marias-bottling .mbo-sensory-btn:hover{background:#e2b66c1f;border-color:var(--gold-bright);box-shadow:0 0 15px #e2b66c40;transform:translateY(-1px)}.marias-bottling .mbo-sensory-btn.active{background:var(--gold);color:var(--dark-abyss);border-color:var(--gold-bright)}.marias-bottling .mbo-chapter-panel{position:absolute;bottom:48px;left:56px;z-index:20;pointer-events:none}.marias-bottling .mbo-chapter-roman{font-family:var(--display);font-size:72px;font-weight:400;color:#e2b66c0f;line-height:.9;transition:color .8s}.marias-bottling .mbo-chapter-name{font-family:var(--display);font-size:10px;letter-spacing:.45em;color:var(--gold-dim);margin-top:-6px;transition:opacity .6s}.marias-bottling .mbo-editorial-caption{position:absolute;bottom:48px;right:56px;text-align:right;z-index:20;pointer-events:none;max-width:340px}.marias-bottling .mbo-editorial-caption h2{font-family:var(--display);font-size:13px;letter-spacing:.45em;color:var(--gold-bright);opacity:0;transition:opacity .6s;text-transform:uppercase;font-weight:500;text-shadow:0 0 8px rgba(223,179,107,.3)}.marias-bottling .mbo-editorial-caption p{font-family:var(--serif);font-size:16px;font-style:italic;color:#ebd8bea6;margin-top:12px;opacity:0;transition:opacity .6s .15s;line-height:1.75}.marias-bottling .mbo-dock-bar{position:absolute;bottom:28px;left:50%;transform:translate(-50%);z-index:40;background:#050403f2;border:1px solid rgba(223,179,107,.3);border-radius:40px;padding:10px 24px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;box-shadow:0 15px 40px #000000f2,inset 0 1px 3px #ffffff0f;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);width:max-content;max-width:95vw}.marias-bottling .mbo-dock-btn{background:none;border:none;color:var(--gold);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;transition:all .3s cubic-bezier(.16,1,.3,1);outline:none}.marias-bottling .mbo-dock-btn:hover{color:var(--gold-bright);transform:scale(1.15) translateY(-1px)}.marias-bottling .mbo-dock-btn svg{width:20px;height:20px;fill:currentColor}.marias-bottling .mbo-dock-view-btn{background:#110e0a99;border:1px solid rgba(223,179,107,.25);border-radius:30px;color:var(--text-dim);font-family:var(--sans);font-size:8px;text-transform:uppercase;letter-spacing:.1em;padding:8px 16px;cursor:pointer;transition:all .3s;pointer-events:auto}.marias-bottling .mbo-dock-view-btn:hover{color:var(--gold-bright);background:#dfb36b1a}.marias-bottling .mbo-dock-view-btn.active{background:var(--gold);color:var(--dark-abyss);font-weight:600;box-shadow:0 0 12px #dfb36b66}.marias-bottling .mbo-dock-slider-box{display:flex;align-items:center;gap:14px}.marias-bottling .mbo-dock-slider-box span{font-family:var(--sans);font-weight:300;font-size:8px;color:var(--text-dim);letter-spacing:.2em}.marias-bottling .mbo-timeline-slider{-webkit-appearance:none;appearance:none;width:180px;height:2px;background:#e2b66c26;border-radius:2px;outline:none;cursor:pointer}.marias-bottling .mbo-timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--gold);border:1px solid var(--gold-bright);box-shadow:0 0 10px #e2b66c99;transition:transform .2s cubic-bezier(.16,1,.3,1)}.marias-bottling .mbo-timeline-slider::-webkit-slider-thumb:hover{transform:scale(1.4)}.marias-bottling .mbo-metric-pct{font-family:var(--display);font-size:11px;color:var(--gold);letter-spacing:.1em}.marias-bottling .mbo-scroll-cue{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:12px;opacity:1;transition:opacity .6s;pointer-events:none}.marias-bottling .mbo-scroll-cue span{font-family:var(--display);font-size:9px;letter-spacing:.6em;color:var(--text-dim)}.marias-bottling .mbo-pulse-line{width:1px;height:60px;background:linear-gradient(to bottom,var(--gold),transparent);animation:mboLineGlissando 2.5s cubic-bezier(.25,1,.5,1) infinite}@keyframes mboLineGlissando{0%,to{opacity:.15;transform:scaleY(.4) translateY(-15px)}50%{opacity:.85;transform:scaleY(1.1) translateY(0)}}.marias-bottling .mbo-watermark{position:absolute;top:50%;right:48px;transform:translateY(-50%) rotate(90deg);font-family:var(--display);font-size:10px;letter-spacing:.6em;color:#e2b66c14;z-index:10;pointer-events:none}@media(max-width:900px){.marias-bottling .mbo-chapter-panel{left:24px;bottom:130px}.marias-bottling .mbo-editorial-caption{right:24px;bottom:130px;max-width:260px}.marias-bottling .mbo-dock-bar{bottom:20px;padding:8px 16px;gap:12px}.marias-bottling .mbo-timeline-slider{width:110px}.marias-bottling .mbo-watermark{display:none}.marias-bottling .mbo-hud-header{padding:20px 24px}}@media(max-width:600px){.marias-bottling .mbo-hud-header{padding:16px}.marias-bottling .mbo-hud-header .mbo-hud-label{display:none}.marias-bottling .mbo-chapter-panel{left:16px;bottom:160px}.marias-bottling .mbo-chapter-roman{font-size:42px}.marias-bottling .mbo-editorial-caption{left:16px;right:16px;bottom:85px;text-align:left;max-width:none}.marias-bottling .mbo-editorial-caption p{font-size:13px;line-height:1.5;margin-top:8px}.marias-bottling .mbo-dock-bar{width:92vw;justify-content:space-evenly;gap:8px;padding:10px 12px}.marias-bottling .mbo-dock-view-btn{padding:6px 12px;font-size:7px}.marias-bottling .mbo-timeline-slider{width:80px}.marias-bottling .mbo-scroll-cue{bottom:80px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/bottling-chronicle.css.map */