@layer base{:root{--ink:#080807;--cinder:#0F0E0C;--ember:#181613;--char:#232018;--ash:#2C2925;--cream:#EDE8DD;--parchment:#F5F0E6;--ivory:#FAF7F1;--fog:#7A746C;--mist:#47433E;--gold:#C4993A;--gold-light:#D4AD56;--rust:#A83A28;--sage:#4A6741;--border-dark:rgba(255,255,255,0.065);--border-light:rgba(10,9,8,0.09);--font-display:var(--font-cormorant,"Cormorant Garamond",Georgia,serif);--font-sans:var(--font-syne,"Syne",system-ui,sans-serif)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{background:var(--ink);color:var(--cream);font-family:var(--font-sans);line-height:1.6;cursor:crosshair}[role=button],a,button,label,select{cursor:pointer}input,textarea{cursor:text}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.04;letter-spacing:-.025em}::selection{background:var(--gold);color:var(--ink)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--ink)}::-webkit-scrollbar-thumb{background:var(--ash);border-radius:3px}}@layer utilities{.font-display{font-family:var(--font-display)!important}.font-sans{font-family:var(--font-sans)!important}.label{color:var(--fog)}.label,.label-gold{font-family:var(--font-sans);font-size:.675rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.label-gold{color:var(--gold)}.container-site{max-width:1400px;margin-inline:auto;padding-inline:clamp(1.5rem,5vw,5rem)}.btn-gold{display:inline-flex;align-items:center;gap:.625rem;padding:1rem 2.25rem;background:var(--gold);color:var(--ink);font-family:var(--font-sans);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:none;transition:opacity .2s,transform .2s;white-space:nowrap}.btn-gold:hover{opacity:.88;transform:translateY(-1px)}.btn-ghost{display:inline-flex;align-items:center;gap:.625rem;padding:1rem 2.25rem;background:transparent;color:var(--cream);font-family:var(--font-sans);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(237,232,221,.2);transition:border-color .2s,background .2s;white-space:nowrap}.btn-ghost:hover{border-color:var(--cream);background:rgba(237,232,221,.04)}.btn-ghost-sm{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:transparent;color:var(--fog);font-family:var(--font-sans);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(255,255,255,.1);transition:border-color .2s,color .2s;white-space:nowrap}.btn-ghost-sm:hover{border-color:rgba(237,232,221,.3);color:var(--cream)}.section-dark{background:var(--ink)}.section-mid{background:var(--cinder)}.section-ember{background:var(--ember)}.section-paper{background:var(--parchment);color:var(--ink)}.card-dark{background:var(--ember);border:1px solid var(--border-dark);transition:background .25s,border-color .25s,transform .3s cubic-bezier(.16,1,.3,1)}.card-dark:hover{background:var(--char);border-color:rgba(196,153,58,.25);transform:translateY(-4px)}@keyframes print-reveal{0%{opacity:0;-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);transform:translateY(8px)}to{opacity:1;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes line-draw{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}@keyframes marquee-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes float-gentle{0%,to{transform:translateY(0) rotate(0deg)}40%{transform:translateY(-10px) rotate(-.5deg)}}@keyframes pulse-gold{0%,to{box-shadow:0 0 0 0 rgba(196,153,58,.3)}50%{box-shadow:0 0 0 8px rgba(196,153,58,0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes count-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reveal-1{opacity:0;animation:print-reveal .75s cubic-bezier(.16,1,.3,1) .05s both}.reveal-2{opacity:0;animation:print-reveal .75s cubic-bezier(.16,1,.3,1) .3s both}.reveal-3{opacity:0;animation:print-reveal .75s cubic-bezier(.16,1,.3,1) .55s both}.reveal-up{opacity:0;animation:fade-up .7s cubic-bezier(.16,1,.3,1) .3s both}.reveal-up-2{opacity:0;animation:fade-up .7s cubic-bezier(.16,1,.3,1) .5s both}.reveal-up-3{opacity:0;animation:fade-up .7s cubic-bezier(.16,1,.3,1) .7s both}.reveal-in{opacity:0;animation:fade-in .8s ease .2s both}.draw-line{transform:scaleX(0);transform-origin:left;animation:line-draw 1s cubic-bezier(.16,1,.3,1) .3s both}.float{animation:float-gentle 7s ease-in-out infinite}.spin-slow{animation:spin-slow 25s linear infinite}.pulse-gold{animation:pulse-gold 2s ease-in-out infinite}.marquee-track{display:flex;width:max-content;animation:marquee-scroll 50s linear infinite}.marquee-track:hover{animation-play-state:paused}.input-demo{width:100%;background:var(--ember);border:1px solid var(--border-dark);padding:.75rem 1rem;color:var(--cream);font-family:var(--font-sans);font-size:.875rem;transition:border-color .2s}.input-demo:focus{outline:none;border-color:var(--gold)}.input-demo::placeholder{color:var(--mist)}.reg-mark{position:relative;width:18px;height:18px;opacity:.15}.reg-mark:after,.reg-mark:before{content:"";position:absolute;background:currentColor}.reg-mark:before{width:1px;height:100%;left:50%;transform:translateX(-50%)}.reg-mark:after{height:1px;width:100%;top:50%;transform:translateY(-50%)}.status-paid{background:rgba(34,197,94,.12);color:#4ade80;border:1px solid rgba(34,197,94,.25)}.status-proof{background:rgba(59,130,246,.12);color:#60a5fa;border:1px solid rgba(59,130,246,.25)}.status-production{background:rgba(196,153,58,.12);color:#d4a853;border:1px solid rgba(196,153,58,.25)}.status-shipped{background:rgba(168,58,40,.12);color:#f87171;border:1px solid rgba(168,58,40,.25)}.status-pending{background:rgba(107,114,128,.12);color:#9ca3af;border:1px solid rgba(107,114,128,.25)}.feature-card{background:var(--ember);transition:background .2s}.feature-card:hover{background:var(--char)}:focus-visible{outline:1px solid var(--gold);outline-offset:3px}}