:root{--cream:#fffefc;--ivory:#f8f5ee;--gold-light:#ffc83b;--gold:#f5a623;--gold-dark:#d99a26;--gold-border:#e2bf81;--card-border:#e9dfd4;--crimson:#8c1d24;--dark-brown:#341e0f;--noble-brown:#49301f;--muted:#49301fad;--font-title:"Cinzel", "Times New Roman", serif;--font-ui:"Plus Jakarta Sans", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--cream);color:var(--noble-brown);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}.garde{background:var(--cream);height:100dvh;min-height:100%;display:flex;position:relative;overflow:hidden}.garde__art{flex:0 0 55%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(100deg,#000 0% 48%,#000000f2 58%,#000000d1 68%,#0009 78%,#00000059 86%,#00000024 93%,#0000 100%);mask-image:linear-gradient(100deg,#000 0% 48%,#000000f2 58%,#000000d1 68%,#0009 78%,#00000059 86%,#00000024 93%,#0000 100%)}.garde__art img{object-fit:cover;object-position:center 36%;width:100%;height:100%;animation:24s ease-in-out infinite alternate drift;display:block;transform:scale(1.02)}.garde__art:before,.garde__art:after{content:"";pointer-events:none;position:absolute}.garde__art:before{background:linear-gradient(#f59e0b26,#0000);height:10rem;inset:0 0 auto}.garde__art:after{background:linear-gradient(to top right,#341e0f4d,#0000);width:20rem;height:16rem;bottom:0;left:0}@keyframes drift{0%{transform:scale(1.02)translateY(0)}to{transform:scale(1.06)translateY(-1.2%)}}.garde__panel{z-index:1;background-color:var(--cream);background-image:radial-gradient(#d99a262e 1.5px,#0000 1.5px),repeating-linear-gradient(45deg,#d99a2609 0 16px,#0000 16px 32px);background-size:32px 32px,64px 64px;flex-direction:column;flex:45%;padding:1.75rem 2.5rem 0;display:flex;position:relative}.garde__center{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:28rem;margin:auto;padding:1rem 0 2rem;display:flex}.garde__logo{width:100%;max-width:24rem;margin:0;animation:.7s cubic-bezier(.2,.8,.2,1) both rise}.garde__logo img{filter:drop-shadow(0 6px 10px #341e0f38);width:100%;height:auto;display:block}.garde__pitch{max-width:24rem;color:var(--muted);text-wrap:pretty;margin:.75rem 0 1.5rem;font-size:.875rem;line-height:1.55;animation:.7s cubic-bezier(.2,.8,.2,1) 80ms both rise}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.garde__menu{flex-direction:column;gap:.625rem;width:100%;animation:.7s cubic-bezier(.2,.8,.2,1) .16s both rise;display:flex}.action{border:1px solid var(--card-border);width:100%;min-height:2.75rem;color:var(--noble-brown);font:600 .875rem/1 var(--font-ui);cursor:pointer;background:#fff;border-radius:.75rem;align-items:center;gap:.875rem;padding:0 1.25rem;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;box-shadow:0 4px 18px -2px #5a3c2312,0 1px 3px #0000000a}.action[hidden]{display:none}.action__icon{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.25rem;height:1.25rem;transition:color .18s}.action__label{text-align:left;flex:1}.action__detail{color:var(--muted);font-size:.75rem;font-weight:500}.action__badge{background:var(--ivory);border:1px solid var(--card-border);letter-spacing:.04em;color:var(--muted);border-radius:999px;padding:.25rem .5rem;font-size:.6875rem;font-weight:600}.action:not(:disabled):hover{border-color:var(--gold);transform:translate(4px);box-shadow:0 8px 25px -4px #d99a2640,0 3px 8px #5a3c2314}.action:not(:disabled):hover .action__icon{color:var(--gold-dark)}.action:not(:disabled):active{transform:scale(.98)}.action:focus-visible{outline:3px solid var(--gold-light);outline-offset:3px}.action:disabled{cursor:default;opacity:.6;box-shadow:none}.action--primary{background:linear-gradient(90deg, var(--gold), #f59e0b 50%, var(--gold-dark));color:#fff;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 1px 2px #5e101540;border:none;justify-content:center;min-height:3.25rem;overflow:hidden;box-shadow:0 8px 24px -4px #f5a62373,0 2px 6px #b8730f40}.action--primary .action__label{flex:none}.action--primary .action__detail{color:#ffffffd9;text-transform:none;letter-spacing:0}.action--primary:hover{transform:scale(1.02)}.action__play{background:#fff3;border:1px solid #fff6;border-radius:50%;place-items:center;width:1.75rem;height:1.75rem;transition:transform .18s;display:grid}.action__play svg{fill:#fff;width:.875rem;height:.875rem;margin-left:2px}.action--primary:hover .action__play{transform:scale(1.1)}.action__sheen{pointer-events:none;background:linear-gradient(90deg,#0000,#fff6,#0000);width:50%;animation:4.5s ease-in-out infinite sheen;position:absolute;inset:0 auto 0 0}@keyframes sheen{0%{transform:translate(-150%)skew(-25deg)}35%,to{transform:translate(250%)skew(-25deg)}}.garde__hint{color:var(--muted);margin:1.25rem 0 0;font-size:.75rem;line-height:1.5}.garde__footer{letter-spacing:.04em;color:var(--muted);background:#ffffffbf;border-top:1px solid #ede4d9cc;justify-content:space-between;gap:1rem;margin:0 -2.5rem;padding:.5rem 2.5rem;font-size:.6875rem;display:flex}@media (max-width:860px),(orientation:portrait){.garde{flex-direction:column;height:auto;min-height:100dvh;overflow:visible}.garde__art{flex:none;height:40vh;min-height:15rem;-webkit-mask-image:linear-gradient(#000 55%,#00000080 80%,#0000 100%);mask-image:linear-gradient(#000 55%,#00000080 80%,#0000 100%)}.garde__art img{object-position:center 45%}.garde__panel{background-color:#0000;flex:1;margin-top:-4rem;padding:0 1rem}.garde__center{margin:0 auto;padding-bottom:1.5rem}.garde__logo{max-width:18rem}.garde__hint{display:none}.garde__footer{flex-direction:column;align-items:center;gap:.25rem;margin:0 -1rem;padding:.5rem 1rem}}@media (prefers-reduced-motion:reduce){.garde__art img,.action__sheen,.garde__logo,.garde__pitch,.garde__menu{animation:none}.action{transition:none}}