:root{--forest: #1D3C34;--forest-deep: #12241E;--sage: #6B7C4A;--sage-light: #A2A568;--cream: #F5F0E8;--cream-warm: #F1E6B2;--display: "bookmania", Georgia, serif;--ui: "Work Sans", system-ui, sans-serif;--grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{margin:0;background:var(--forest);color:var(--cream);font-family:var(--ui);overflow:hidden}.viewport{container-type:size;position:relative;width:100vw;height:100dvh;overflow:hidden;background:var(--forest)}.viewport:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--grain);background-size:170px 170px;opacity:.05;z-index:9}.label{font-family:var(--ui);font-weight:500;font-size:2.4cqh;letter-spacing:.3em;text-transform:uppercase;color:var(--sage-light)}.name{font-family:var(--display);font-style:italic;font-weight:700;font-size:8cqh;line-height:1;color:var(--cream-warm)}.name--hero{line-height:.98;max-width:56cqw}.statement{font-family:var(--display);font-weight:700;color:var(--cream);text-transform:uppercase;font-size:min(11cqh,7.2cqw);line-height:.88;white-space:nowrap;margin-top:.93cqh}.caption{font-family:var(--ui);font-weight:400;font-size:2.5cqh;letter-spacing:.24em;text-transform:uppercase;color:#f5f0e89e}@keyframes qIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes qOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)}}.quote{font-family:var(--display);font-style:italic;font-weight:300;font-size:3.2cqh;line-height:1.4;color:#f1e6b2d1;max-width:54cqw;height:0;overflow:visible}.quote-attr{display:block;margin-top:.5cqh}.quote.q-in{animation:qIn .6s cubic-bezier(.22,1,.36,1) forwards}.quote.q-out{animation:qOut .45s cubic-bezier(.55,0,1,.45) forwards}.checklist{margin-top:3.2cqh}.checklist-lead{display:block;font-family:var(--display);font-style:italic;font-weight:400;font-size:3.6cqh;line-height:1;color:var(--cream);margin-bottom:1.8cqh}.checklist ul{list-style:none}.checklist li{position:relative;padding-left:4.4cqh;font-family:var(--ui);font-weight:300;font-size:2.2cqh;letter-spacing:.16em;text-transform:uppercase;line-height:2.1;color:#f5f0e86b;transition:color .7s ease}.checklist li:before{content:"";position:absolute;left:0;top:.62em;width:2.1cqh;height:2.1cqh;background:url(/golf-ball.svg) center / contain no-repeat;opacity:.38;transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}.checklist li.is-active{color:var(--cream)}.checklist li.is-active:before{opacity:1;transform:scale(1.3)}.wm{display:block}.wm svg{display:block;height:100%;width:auto;aspect-ratio:721 / 166;overflow:visible}.qr{background:#fff;padding:.9cqh;border:1px solid rgba(29,60,52,.22);display:block}.qr img{display:block;width:100%;height:100%}.flipclock{margin:.8cqh 0 1.2cqh;display:flex;align-items:center;gap:1.1cqw;perspective:1800px;--fc-h: 23cqh}.fc{position:relative;height:var(--fc-h);aspect-ratio:68 / 100;background:var(--forest-deep);border-radius:.5cqh;box-shadow:0 1.4cqh 3.4cqh #0000004d}.fc .half,.fc .leaf{position:absolute;left:0;width:100%;height:calc(50% - .09cqh);overflow:hidden}.fc .half.top,.fc .leaf-top{top:0;border-radius:.5cqh .5cqh 0 0;background:linear-gradient(180deg,#fbf8f1,#f2ece1)}.fc .half.bot,.fc .leaf-bot{bottom:0;border-radius:0 0 .5cqh .5cqh;background:linear-gradient(180deg,#e4dccb,#f5f0e8 38%);box-shadow:inset 0 .3cqh .6cqh #12241e1a}.fc span{position:absolute;left:0;width:100%;height:var(--fc-h);line-height:1;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;font-size:calc(var(--fc-h) * 1.02);color:var(--forest);font-variant-numeric:tabular-nums;transform:translateY(calc(var(--fc-h) * .16))}.fc .top span,.fc .leaf-top span{top:0}.fc .bot span,.fc .leaf-bot span{bottom:0}.fc .leaf{display:none;backface-visibility:hidden;z-index:3}.fc.flip .leaf{display:block}.fc .leaf-top{transform-origin:bottom}.fc .leaf-bot{transform-origin:top;transform:rotateX(90deg)}.fc.flip .leaf-top{animation:fcTop .2s cubic-bezier(.4,0,.9,.4) forwards}.fc.flip .leaf-bot{animation:fcBot .22s .2s cubic-bezier(.1,.6,.3,1) forwards}@keyframes fcTop{0%{transform:rotateX(0);filter:brightness(1)}to{transform:rotateX(-90deg);filter:brightness(.86)}}@keyframes fcBot{0%{transform:rotateX(90deg);filter:brightness(.8)}to{transform:rotateX(0);filter:brightness(1)}}.fc-colon{display:flex;flex-direction:column;justify-content:center;gap:calc(var(--fc-h) * .2)}.fc-colon i{display:block;width:1.5cqh;height:1.5cqh;border-radius:50%;background:var(--cream-warm);opacity:.85}.screen{display:grid;grid-template-columns:1fr 1.4cqw 36cqw;height:100%}.stage{background:var(--forest);position:relative;overflow:hidden;padding:13cqh 3.4cqw 6cqh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1.4cqh}.stage:before{content:"";position:absolute;inset:0;background:radial-gradient(110% 80% at 0% 100%,rgba(107,124,74,.3),transparent 60%);pointer-events:none}.stage>*{position:relative;z-index:2}.stage .wm{position:absolute;top:5cqh;left:3.4cqw;height:6cqh;z-index:3}.m-idle .stage{padding-bottom:24cqh}.rule{background:var(--sage)}.aside{background:var(--cream);color:var(--forest);padding:6cqh 2.6cqw;display:flex;flex-direction:column;align-items:flex-start;gap:1.4cqh}.aside .label{color:var(--sage);font-size:min(2.5cqh,1.75cqw);white-space:nowrap}.aside .suite-label{font-size:3.2cqh;letter-spacing:.22em}.aside .suite-num{font-family:var(--display);font-weight:700;font-size:21cqh;line-height:.88;color:var(--forest);font-variant-numeric:tabular-nums}.aside .aside-time{font-family:var(--display);font-weight:700;font-size:4.2cqh;line-height:1.12;color:var(--forest);font-variant-numeric:tabular-nums;white-space:nowrap}.aside .aside-note{font-family:var(--display);font-style:italic;font-weight:400;font-size:2.9cqh;line-height:1.38;color:#1d3c34bf}.aside .aside-meta{font-size:2.1cqh;letter-spacing:.16em;opacity:.7}.aside .aside-spacer{flex:1}.aside .hr{width:100%;height:1px;background:#1d3c3433}.aside .qr{width:19cqh;height:19cqh}
