:root{--ab-black:#221f1f;--ab-red:#901a1c;--ab-gold:#daaa5f;--ab-teal:#38a8bc;--ab-bamboo:#f9f1d0;--ab-aulait:#dcd7c9;--ab-inkwell:#2c3639;--ab-bg:#ffffff;--ab-bg-soft:#f7f5f2;--ab-surface:#ffffff;--ab-border:rgba(34,31,31,0.1);--ab-text:#221f1f;--ab-text-soft:#5c5552;--ab-muted:#8a8178;--font-header:"Avenir Next",Avenir,"Nunito Sans",sans-serif;--font-body:"Playfair Display",Georgia,"Times New Roman",serif;--font-accent:"Great Vibes","Apple Chancery",cursive;--nav-h:4.25rem;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--nav-total:calc(var(--nav-h) + var(--safe-top));--page-x:max(clamp(1.25rem,4vw,2.5rem),var(--safe-left),var(--safe-right));--edge-left:max(clamp(0.9rem,3vw,2.25rem),var(--safe-left));--edge-right:max(clamp(0.9rem,3vw,2.25rem),var(--safe-right));--rail-inline:max(var(--page-x),calc((100vw - 1240px) / 2));--section-y:clamp(1.75rem,3.5vw,2.75rem);--ease-out:cubic-bezier(0.22,1,0.36,1);--shadow-soft:0 12px 32px rgba(34,31,31,0.08)}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;height:100%}body,html{overflow-x:hidden;overscroll-behavior-x:none}body{margin:0;min-height:100vh;min-height:100dvh;max-width:100%;background:var(--ab-bg);color:var(--ab-text);font-family:var(--font-body);font-size:1.05rem;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100vh}img{max-width:100%;display:block}a{text-decoration:none}a,button{color:inherit}button{font:inherit;cursor:pointer;border:none;background:none}a:focus-visible,button:focus-visible{outline:2px solid var(--ab-gold);outline-offset:3px}h1,h2,h3,h4{font-family:var(--font-header);font-weight:600;letter-spacing:.04em;line-height:1.15;margin:0}p{margin:0}::selection{background:var(--ab-red);color:#fff}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--ab-bg)}.app-shell,.main{max-width:100%;overflow-x:clip}.main{flex:1 1;min-width:0;padding-bottom:4rem}body.is-offline-playing .main{padding-bottom:0}body.is-offline-playing .footer,body.is-offline-playing .offline-banner{display:none}.container{width:min(1240px,calc(100% - (var(--page-x) * 2)));max-width:100%;margin-inline:auto;min-width:0}.eyebrow{font-family:var(--font-accent);font-size:clamp(1.35rem,2vw,1.75rem);color:var(--ab-red);letter-spacing:.02em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:2.75rem;padding:.65rem 1.25rem;border-radius:2px;font-family:var(--font-header);font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:transform .3s var(--ease-out),background .2s ease,color .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--ab-red);color:#fff}.btn-primary:hover{background:#7a1517}.btn-ghost{background:transparent;color:var(--ab-text);border:1px solid var(--ab-border)}.btn-ghost:hover{border-color:var(--ab-gold);background:rgba(218,170,95,.08)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}