:root{--bg:#141b17;--bg-2:#1b2420;--ink:#232e28;--wood:#8a978f;--wood-light:#9aa7a2;--gold:#c79b53;--gold-soft:#d8b878;--cream:#e9ede6;--parchment:#cdd6cf;--teal:#6fa0bd;--oxblood:#8e4a3a;--display:"Germania One", "Cinzel", Georgia, serif;--body:"Spectral", Georgia, serif;--backdrop:none;--ease-spring:linear(0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849, .937 34.6%, .968, .991 42.7%, 1.006 48.9%, 1.013 56.2%, 1.008 73.4%, 1);--ease-out:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:#000;height:100%;margin:0}body{font-family:var(--body);color:var(--cream);overscroll-behavior:none;-webkit-font-smoothing:antialiased}#app{height:100dvh}.stage{background:linear-gradient(#141b17e6, #0f1411f0), var(--backdrop) center/cover no-repeat;background-color:var(--bg);isolation:isolate;width:100%;max-width:min(100vw,56.25dvh);height:100dvh;margin:0 auto;position:relative;overflow:hidden}.stage:after{content:"";z-index:40;pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(120% 80% at 50% 18%,#0000 55%,#0000004d 100%),radial-gradient(100% 60% at 50% 110%,#00000073,#0000 60%);position:absolute;inset:0}.grain{z-index:41;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:-50%}.slide-shell{z-index:1;animation:slidein .5s var(--ease-out) both;position:absolute;inset:0}@keyframes slidein{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:none}}.slide{z-index:1;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.slide-media{position:absolute;inset:0}.slide-media img,.slide-media picture{width:100%;height:100%}.kenburns{animation:kenburns 7s var(--ease-out) both;transform-origin:50% 42%}@keyframes kenburns{0%{transform:scale(1.12)translateY(1.5%)}to{transform:scale(1)translateY(0)}}.img{width:100%;height:100%;position:relative}.img picture{display:block;position:absolute;inset:0}.img img{z-index:1;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.img.loaded img{opacity:1}.img-lqip{z-index:0;filter:blur(18px)saturate(1.1);background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.1)}.fit-contain img{object-fit:contain}.fit-cover img{object-fit:cover}.caption{z-index:20;text-align:center;text-shadow:0 1px 2px #0000009e,0 2px 7px #0006;padding:0 28px;position:absolute;left:0;right:0}.caption:before{content:"";z-index:-1;pointer-events:none;filter:blur(16px);background:radial-gradient(58% 62%,#060907d6 0%,#06090780 44%,#0000 78%);width:min(760px,116%);position:absolute;top:-54px;bottom:-54px;left:50%;transform:translate(-50%)}.caption.bottom{bottom:clamp(64px,12vh,120px)}.caption.center{top:50%;transform:translateY(-50%)}.caption.top{top:clamp(64px,11vh,110px)}.caption h1{font-family:var(--display);letter-spacing:-.01em;color:var(--cream);margin:0;font-size:clamp(30px,8.5vw,52px);font-weight:700;line-height:1.02}.caption .sub{font-family:var(--body);color:var(--gold-soft);letter-spacing:.01em;margin-top:12px;font-size:clamp(15px,4.2vw,19px);font-style:italic}.caption.tagline .sub:first-of-type{font-style:normal;font-family:var(--display);color:var(--cream);letter-spacing:.01em;font-size:clamp(18px,5vw,23px);font-weight:500}.caption.tagline .sub{margin-top:6px}.caption.tagline.bottom{bottom:clamp(48px,9vh,92px)}.eyebrow{font-family:var(--display);letter-spacing:.28em;text-transform:uppercase;color:var(--gold-soft);margin:0 0 12px;font-size:13px;font-weight:600}.kw{vertical-align:top;display:inline-block;overflow:hidden}.kw>span{animation:kwrise .9s var(--ease-spring) both;display:inline-block;transform:translateY(110%)rotate(3deg)}@keyframes kwrise{to{transform:translateY(0)rotate(0)}}.progress{z-index:50;padding:12px 12px 0;padding-top:max(12px, env(safe-area-inset-top));gap:5px;display:flex;position:absolute;top:0;left:0;right:0}.progress .seg{background:#f5e8c538;border-radius:3px;flex:1;height:3px;overflow:hidden}.progress .seg>i{background:var(--gold);width:0;height:100%;display:block}.progress .seg.done>i{width:100%}.progress .seg.active>i{animation:fill var(--dur,4s) linear forwards}.progress .seg.active.paused>i{animation-play-state:paused}@keyframes fill{to{width:100%}}.tapzones{z-index:30;display:flex;position:absolute;inset:0}.tapzones .z{flex:1}.tapzones.tapzones-top{height:clamp(64px,11vh,104px);inset:0 0 auto}.tapzones.tapzones-bottom{height:clamp(64px,10vh,96px);inset:auto 0 0}.tapzones.tapzones-top.tapzones-thin,.tapzones.tapzones-bottom.tapzones-thin{height:clamp(40px,6vh,64px)}.tapzones .z.left{flex:0 0 28%}.tapzone-side{z-index:30;position:absolute;top:0;bottom:0}.tapzone-side.left{left:0}.tapzone-side.right{right:0}.brandbar{z-index:51;top:max(26px, calc(env(safe-area-inset-top) + 14px));pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;left:14px;right:14px}.brandbar .crest{font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--cream);opacity:.82;align-items:center;gap:8px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.brandbar a.crest{pointer-events:auto;cursor:pointer}.brandbar .crest b{color:var(--gold)}.brandbar .crest-logo{object-fit:contain;flex:none;width:auto;height:22px}.backbtn{pointer-events:auto;appearance:none;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--cream);font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;background:#14100a8c;border:1px solid #f5e8c52e;border-radius:999px;padding:7px 13px;font-size:11px}.grad-top{z-index:15;pointer-events:none;background:linear-gradient(#0c0905d1,#0c090552 45%,#0000);height:30%;position:absolute;top:0;left:0;right:0}.grad-bottom{z-index:6;pointer-events:none;background:linear-gradient(#0000,#0b080480 62%,#0b0804e6);height:44%;position:absolute;bottom:0;left:0;right:0}.slide-media.studio{background:#ece3d2}.slide-media.studio .img-lqip{filter:blur(34px)saturate(1.18)brightness(.97);transform:scale(1.3)}.slide-media.studio:after{content:"";z-index:2;pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(125% 92% at 50% 44%,#0000 48%,#140e076b 100%);position:absolute;inset:0}.slide-media.studio .grad-bottom{background:linear-gradient(#0000,#0a0d0b47 38%,#0a0d0bd1 68%,#0a0d0bf7 100%);height:54%}.slide-media.studio .grad-top{background:linear-gradient(#0c100deb 0%,#0c100d73 46%,#0000);height:40%}.slide-media.spotlight{background:linear-gradient(#121814e0, #0f1411eb), var(--backdrop) center/cover no-repeat}.slide-media.spotlight .img-lqip{display:none}.spot-glow{z-index:0;pointer-events:none;background:radial-gradient(44% 36% at 50% 40%,#c79b5338,#0000 72%);position:absolute;inset:0}.spot-img{z-index:1;position:absolute;inset:clamp(50px,8.5vh,92px) 4% 24%}.slide-media.spotlight .img img{filter:drop-shadow(0 22px 26px #0000008c);object-position:center 62%}.spot-img.float{animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-1.8%)}}.grid-slide{flex-direction:column;padding:clamp(74px,13vh,120px) 18px clamp(78px,12vh,116px);display:flex;position:absolute;inset:0}.grid-slide .head{text-align:center;margin-bottom:16px}.grid-slide .head h1{font-family:var(--display);color:var(--cream);letter-spacing:-.01em;margin:0;font-size:clamp(26px,7.4vw,36px);font-weight:700;line-height:1.04}.grid{grid-template-columns:repeat(var(--cols,2), 1fr);flex:1;grid-auto-rows:1fr;gap:12px;min-height:0;display:grid}.tile{cursor:pointer;min-height:0;transition:transform .4s var(--ease-spring), border-color .3s, box-shadow .3s;animation:tilein .7s var(--ease-spring) both;animation-delay:var(--d,0s);contain:content;background:radial-gradient(125% 105% at 50% 36%,#ece0c6 0%,#cbae84 55%,#9c7f55 100%);border:1px solid #d8b24a47;border-radius:16px;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}@keyframes tilein{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:none}}.tile:active{transform:scale(.97)}@media (hover:hover){.tile:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 10px 30px #00000080}}.tile .thumb{z-index:0;position:absolute;inset:0}.tile .thumb img{object-fit:cover;filter:saturate(1.06)contrast(1.04)brightness(1.05)}.tile .scrim{z-index:2;background:linear-gradient(#08060300 38%,#08060366 56%,#080603e6 78%,#080603f7 100%);position:absolute;inset:0}.tile .label{z-index:3;padding:11px 12px 12px;position:relative}.tile .label .n,.tile .label .s{text-shadow:0 1px 6px #000000eb}.tile .label .n{font-family:var(--display);color:var(--cream);font-size:14px;font-weight:600;line-height:1.1}.tile .label .s{color:var(--gold-soft);opacity:.92;margin-top:3px;font-size:11.5px}.tile .chev{z-index:3;color:#1a130a;opacity:.92;width:28px;height:28px;transition:.3s var(--ease-spring);background:#d8b24af0;border-radius:999px;place-items:center;font-size:15px;font-weight:700;display:grid;position:absolute;top:10px;right:10px;transform:scale(1);box-shadow:0 2px 10px #00000073}.tile:hover .chev,.tile:active .chev{transform:scale(1.12)}.compare-slide{flex-direction:column;padding:clamp(72px,12vh,116px) 18px clamp(72px,11vh,108px);display:flex;position:absolute;inset:0}.compare-slide .head{text-align:center;margin-bottom:16px}.compare-slide .head h1{font-family:var(--display);color:var(--cream);margin:0;font-size:clamp(26px,7.4vw,36px);font-weight:400;line-height:1.05}.compare-rows{flex-direction:column;flex:1;justify-content:center;gap:14px;min-height:0;display:flex}.crow{border:1px solid var(--line);background:#1c24208c;border-radius:16px;align-items:center;gap:14px;padding:12px;display:flex}.crow.is-special{border-color:#c79b538c;box-shadow:0 0 0 1px #c79b532e,0 8px 26px #0006}.crow .cthumb{aspect-ratio:4/3;background:radial-gradient(120% 110% at 50% 35%,#ece0c6,#b39b73);border-radius:12px;flex:none;width:42%;overflow:hidden}.crow .cinfo{min-width:0}.crow .clabel{font-family:var(--display);color:var(--cream);letter-spacing:.01em;font-size:clamp(18px,5vw,23px);font-weight:400}.crow.is-special .clabel{color:var(--gold-soft)}.crow .ctext{font-family:var(--body);color:var(--parchment);margin-top:5px;font-size:14px;line-height:1.35}.cfooter{text-align:center;color:var(--gold);font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;margin-top:16px;font-size:12px}.reveal{background:linear-gradient(#121814db, #0f1411eb), var(--backdrop) center/cover no-repeat;position:absolute;inset:0}.reveal .img-lqip{display:none}.reveal .img img{filter:drop-shadow(0 18px 24px #00000080);object-position:center 56%}.reveal canvas{touch-action:none;z-index:35;width:100%;height:100%;position:absolute;inset:0}.reveal~.caption-wrap,.reveal .hint{z-index:36;pointer-events:none}.reveal .hint{text-align:center;font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--cream);font-size:12.5px;animation:2.2s ease-in-out infinite hintpulse;position:absolute;bottom:clamp(58px,11vh,110px);left:0;right:0}.reveal .hint .ring{border:1.5px solid #f5e8c580;border-radius:999px;place-items:center;width:46px;height:46px;margin:0 auto 10px;display:inline-grid}@keyframes hintpulse{0%,to{opacity:.55}50%{opacity:1}}.continue-bar{z-index:52;left:50%;bottom:max(18px, calc(env(safe-area-inset-bottom) + 14px));appearance:none;cursor:pointer;color:#1a130a;font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;transition:transform .3s var(--ease-spring);background:#d8b24af2;border:0;border-radius:999px;padding:12px 26px;font-size:13px;font-weight:600;position:absolute;transform:translate(-50%);box-shadow:0 6px 22px #00000080}.continue-bar:active{transform:translate(-50%)scale(.96)}.tapcue{z-index:22;color:var(--cream);opacity:.6;font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:7px;font-size:11px;animation:2.4s ease-in-out infinite nudge;display:flex;position:absolute;bottom:18px;right:16px}@keyframes nudge{0%,to{opacity:.5;transform:translate(0)}50%{opacity:.9;transform:translate(4px)}}.pausebtn{z-index:54;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141b1780;border:1px solid #e9ede638;border-radius:999px;place-items:center;width:38px;height:38px;padding:0;transition:all .2s;display:grid;position:absolute;top:auto;bottom:18px;left:14px}.pausebtn:hover{border-color:var(--gold);background:#141b17b3}.pausebtn .ic{width:14px;height:14px;display:block;position:relative}.pausebtn .ic:before,.pausebtn .ic:after{content:"";background:var(--cream);border-radius:1px;width:4px;height:12px;position:absolute;top:1px}.pausebtn .ic:before{left:2px}.pausebtn .ic:after{right:2px}.pausebtn.is-paused .ic:before{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:11px solid var(--cream);background:0 0;border-radius:0;width:0;height:0;top:0;left:3px}.pausebtn.is-paused .ic:after{display:none}.tap-fwd{right:16px;bottom:max(16px, calc(env(safe-area-inset-bottom) + 10px));z-index:52;pointer-events:none;color:var(--cream);opacity:.66;font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;font-size:11px;animation:2.4s ease-in-out infinite nudge;position:absolute}.flip-slide{place-items:center;padding:clamp(64px,11vh,108px) 6px clamp(64px,10vh,96px);display:grid;position:absolute;inset:0}.flip-head{z-index:6;text-align:center;pointer-events:none;padding:0 22px;position:absolute;top:clamp(58px,10vh,96px);left:0;right:0}.flip-head h1{font-family:var(--display);color:var(--cream);letter-spacing:-.01em;text-shadow:0 2px 18px #000000b3;margin:0;font-size:clamp(22px,6.2vw,30px);font-weight:400;line-height:1.08}.flip-wrap{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.flip-frame{justify-content:center;align-items:center;gap:6px;width:100%;max-width:652px;margin:0 auto;display:flex}.flip-host{width:100%;max-width:560px;transition:opacity .5s}.flip-host .page{background:#efe9dc;overflow:hidden}.flip-host .page img{object-fit:contain;-webkit-user-drag:none;width:100%;height:100%;display:block}.flip-nav{cursor:pointer;width:40px;height:40px;color:var(--cream);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:.2s var(--ease-spring);background:#141b1780;border:1px solid #e9ede638;border-radius:999px;flex:none;place-items:center;font-size:22px;line-height:1;display:grid}.flip-nav:hover:not(:disabled){border-color:var(--gold);background:#141b17b3}.flip-nav:active:not(:disabled){transform:scale(.92)}.flip-nav:disabled{opacity:.28;cursor:default}.flip-cta{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-soft);justify-content:center;align-items:baseline;gap:12px;font-size:11px;display:flex}.flip-cta .flip-hint{opacity:.7;letter-spacing:.1em;text-transform:none;font-size:11px}.gatefold-slide{flex-direction:column;padding:clamp(64px,11vh,104px) 16px clamp(72px,11vh,104px);display:flex;position:absolute;inset:0}.gatefold-slide .head{text-align:center;margin-bottom:10px}.gatefold-slide .head h1{font-family:var(--display);color:var(--cream);margin:0;font-size:clamp(26px,7.4vw,36px);font-weight:400;line-height:1.05}.gatefold{flex-direction:column;flex:1;justify-content:center;align-items:stretch;gap:16px;min-height:0;display:flex}.gf-stage{perspective:1500px;flex:1;width:100%;max-width:560px;min-height:0;margin:0 auto;position:relative}.gf-glow{z-index:0;pointer-events:none;opacity:0;background:radial-gradient(58% 42%,#c79b5342,#0000 70%);margin:auto;transition:opacity .8s .2s;position:absolute;inset:0}.gf-stage.st-unfolding .gf-glow,.gf-stage.st-open .gf-glow{opacity:1}.gf-reveal{z-index:1;filter:drop-shadow(0 26px 38px #0009);max-width:100%;max-height:100%;margin:auto;transition:transform 1s ease-in-out .15s;position:absolute;inset:0;transform:scale(.96)}.gf-reveal.is-open{transform:scale(1.25)}.gf-reveal-img{filter:saturate(1.05)contrast(1.03);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}.gf-doors{z-index:3;max-width:100%;max-height:100%;transform-style:preserve-3d;filter:drop-shadow(0 20px 30px #0000008c);margin:auto;display:flex;position:absolute;inset:0}.gf-door{backface-visibility:hidden;will-change:transform;background-color:#6f7a63;background-repeat:no-repeat;flex:none;min-width:0;transition:transform 1.15s cubic-bezier(.5,0,.2,1)}.gf-door.left{transform-origin:0;box-shadow:inset -16px 0 30px #00000052}.gf-door.right{transform-origin:100%;box-shadow:inset 16px 0 30px #00000052}.gf-doors.is-open .gf-door.left{transform:rotateY(108deg)}.gf-doors.is-open .gf-door.right{transform:rotateY(-108deg)}.gf-tear{z-index:6;touch-action:none;width:44px;margin-left:-22px;position:absolute;top:5%;bottom:5%}.gf-tear-line{background:repeating-linear-gradient(#f7eed6eb 0 5px,#f7eed600 5px 11px);border-radius:3px;width:4px;margin-left:-2px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 8px 2px #141b1780}.gf-tear:before{content:"";width:18px;height:calc(var(--tear,0) * 100%);background:linear-gradient(90deg,#0000,#090c0aeb 38% 62%,#0000);border-radius:2px;margin-left:-9px;position:absolute;top:0;left:50%}.gf-tab{left:50%;top:calc(var(--tear,0) * 100%);cursor:grab;touch-action:none;font-family:var(--display);letter-spacing:.16em;color:#1a130a;background:var(--gold-soft);white-space:nowrap;border:1px solid #ffffff47;border-radius:7px;align-items:center;gap:3px;padding:5px 11px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;transform:translate(-50%,calc(-50% - 38px));box-shadow:0 5px 14px #0000008c}.gf-tab:after{content:"";background:linear-gradient(var(--gold-soft), #d8b87800);width:2px;height:30px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.gf-tab:active{cursor:grabbing}.gf-tear:not(:active) .gf-tab{animation:1.6s ease-in-out infinite tabnudge}.gf-arrow{font-size:9px;line-height:1}@keyframes tabnudge{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(5px - 50%))}}.gf-openbtn{z-index:4;appearance:none;cursor:pointer;white-space:nowrap;background:var(--gold-soft);color:#1a130a;font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;border:0;border-radius:999px;padding:11px 22px;font-size:12px;font-weight:600;position:absolute;bottom:12%;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #00000080}.gf-cue{text-align:center;font-family:var(--display);letter-spacing:.1em;color:var(--gold-soft);min-height:1.4em;padding:0 12px;font-size:13px;transition:color .3s}.gatefold .gf-stage.st-open~.gf-cue{color:var(--cream)}.layout-wrap{transform-origin:50%;width:100%;height:100%}.caption-wrap{pointer-events:none;z-index:20;position:absolute;inset:0}.caption.editing{pointer-events:auto;z-index:45;touch-action:none;cursor:grab;border:2px dashed #d8b878bf;border-radius:10px}.caption.editing:active{cursor:grabbing}.edit-box{z-index:45;pointer-events:auto;touch-action:none;cursor:grab;border:2px dashed #d8b878bf;border-radius:10px;position:absolute;inset:0}.edit-box:active{cursor:grabbing}.edit-hint{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:#1a130a;background:var(--gold-soft);pointer-events:none;white-space:nowrap;z-index:1;border-radius:999px;padding:4px 9px;font-size:10px;position:absolute;top:8px;left:8px}.edit-hint.cap{top:-30px;left:50%;transform:translate(-50%)}.edit-reset{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--cream);cursor:pointer;z-index:1;background:#0c100bd9;border:1px solid #fff3;border-radius:999px;padding:4px 10px;font-size:10px;position:absolute;top:8px;right:8px}.edit-reset.cap{top:-30px;left:auto;right:12px;transform:none}.edit-handle{background:var(--gold-soft);cursor:nwse-resize;touch-action:none;border:2px solid #1a130a;border-radius:999px;width:30px;height:30px;position:absolute;bottom:-12px;right:-12px;box-shadow:0 2px 8px #00000080}@media (prefers-reduced-motion:reduce){.kenburns,.kw>span,.tile,.reveal .hint,.tapcue,.spot-img.float{animation:none!important}.kw>span{transform:none}.img>img{transition:none}.gf-door.left,.gf-door.right{transition:none!important}.gf-reveal{transition:opacity .3s!important}.gf-reveal.is-open{transform:scale(1.25)!important}.gf-tab{animation:none!important}}
