:root{--surface: #26211c;--surface-2: #1d1814;--cream: #f4ebd4;--cream-2: #eadcbe;--cream-3: #e0cea8;--brown: #3a2415;--brown-2: #6a5036;--brown-soft: #8a6f4e;--ink: #231811;--orange: #e2682b;--orange-deep: #c2511c;--mustard: #e0a028;--mustard-deep: #c2841a;--rust: #b5472a;--olive: #7c8a33;--teal: #2e8b86;--cherry: #d2402f;--cream-hi: #fbf4e2;--c-sofia: #e2682b;--c-wes: #2e8b86;--c-mom: #7c8a33;--c-dad: #e0a028;--c-leo: #b5472a;--poster: "Roketto", "Anton", "Archivo Black", system-ui, sans-serif;--display: "Bowlby One", "Anton", system-ui, sans-serif;--body: "Inter", system-ui, -apple-system, sans-serif;--script: "Caveat", "Brush Script MT", cursive;--serif: "DM Serif Display", Georgia, serif;--ls-caps: .14em;--ls-poster: .005em;--r-sm: 6px;--r-md: 14px;--r-lg: 24px;--r-pill: 999px;--outline: 3px solid var(--ink);--outline-thick: 5px solid var(--ink);--shadow-pop: 5px 6px 0 0 var(--ink);--shadow-pop-lg: 8px 9px 0 0 var(--ink);--shadow-poster: 0 30px 60px rgba(0, 0, 0, .5), 0 8px 20px rgba(0, 0, 0, .35);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--ease: cubic-bezier(.2, .8, .2, 1);--stamp: cubic-bezier(.2, 1.6, .3, 1)}.dogear{background:var(--surface);color:var(--brown);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.dogear *,.dogear *:before,.dogear *:after{box-sizing:border-box}.dogear img{display:block}.dogear .poster{font-family:var(--poster);text-transform:uppercase;letter-spacing:var(--ls-poster);line-height:.92;color:var(--brown)}.dogear .script{font-family:var(--script);color:var(--brown);font-weight:600}.dogear .serif-it{font-family:var(--serif);font-style:italic;color:var(--brown)}.dogear .eyebrow{font-family:var(--body);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:var(--ls-caps);color:var(--orange-deep)}.dogear .grain{position:relative}.dogear .grain:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.6;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E")}.dogear .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 26px;font-family:var(--body);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--cream-hi);background:var(--brown);border:var(--outline);border-radius:var(--r-pill);text-decoration:none;cursor:pointer;box-shadow:var(--shadow-pop);white-space:nowrap;transition:transform .14s var(--ease),box-shadow .14s var(--ease),background .18s var(--ease)}.dogear .btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-pop-lg);background:var(--ink)}.dogear .btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 0 var(--ink)}.dogear .btn--orange{background:var(--orange);color:var(--ink)}.dogear .btn--orange:hover{background:var(--orange-deep);color:var(--cream-hi)}.dogear .btn--ghost{background:var(--cream);color:var(--brown)}.dogear .btn--ghost:hover{background:var(--mustard);color:var(--ink)}.dogear .btn--lg{padding:18px 34px;font-size:16px}.dogear .btn--sm{padding:10px 18px;font-size:12px}.dogear .chip{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:var(--r-pill);font-family:var(--body);font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.1em;background:var(--mustard);color:var(--ink);border:2px solid var(--ink)}.dogear .chip--orange{background:var(--orange);color:var(--ink)}.dogear .chip--live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cherry);border:1.5px solid var(--ink);animation:dogear-blink 1.4s infinite}@keyframes dogear-blink{0%,to{opacity:1}50%{opacity:.3}}.dogear .face{display:block}.dogear .marker{pointer-events:none;-webkit-user-select:none;user-select:none}@media(prefers-reduced-motion:no-preference){.dogear .wiggle{animation:dogear-wiggle 4s ease-in-out infinite}}@keyframes dogear-wiggle{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}
