:root{--bg:oklch(0.955 0.022 82);--fg:oklch(0.24 0.035 150);--paper:oklch(0.985 0.012 85);--photo:#fff;--primary:oklch(0.57 0.145 42);--primary-fg:oklch(0.985 0.012 85);--muted:oklch(0.92 0.025 82);--muted-fg:oklch(0.47 0.03 120);--accent:oklch(0.8 0.13 80);--accent-fg:oklch(0.24 0.035 150);--ink:oklch(0.3 0.055 152);--ink-fg:oklch(0.955 0.022 82);--success:oklch(0.55 0.12 150);--border:oklch(0.86 0.03 80);--r:.5rem;--shadow-card:0 1px 0 var(--border),0 12px 30px -18px oklch(0.25 0.04 150 / .35);--shadow-lift:0 22px 50px -24px oklch(0.25 0.04 150 / .5);--stamp:4px 4px 0 var(--ink);--display:"Big Shoulders Display","Arial Narrow",sans-serif;--sans:"Barlow",system-ui,sans-serif}
*{box-sizing:border-box;border-color:var(--border)}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 var(--sans);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.01em;margin:0}
a{color:inherit}
img{max-width:100%}
.c{max-width:80rem;margin:0 auto;padding:0 16px}
@media(min-width:640px){.c{padding:0 24px}}
.eyebrow{font:700 .75rem/1.2 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--primary);margin:0}
.grain{background-image:radial-gradient(oklch(0.3 0.055 152 / .07) 1px,transparent 1px);background-size:6px 6px}
.grain-dark{background-image:radial-gradient(oklch(0.955 0.022 82 / .06) 1px,transparent 1px);background-size:6px 6px}
.h2{font-size:clamp(2.6rem,6vw,3.75rem);font-weight:800;text-transform:uppercase;line-height:.95;color:var(--ink);margin-top:.5rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:56px;padding:0 32px;border-radius:var(--r);font:700 1rem var(--sans);text-transform:uppercase;letter-spacing:.06em;text-decoration:none;border:0;cursor:pointer;transition:transform .2s,background .2s;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn-hero{background:var(--primary);color:var(--primary-fg);box-shadow:var(--shadow-lift)}
.btn-accent{background:var(--accent);color:var(--accent-fg);box-shadow:var(--shadow-lift)}
.btn-outline{border:2px solid oklch(0.955 0.022 82 / .4);color:var(--ink-fg);background:transparent}
.btn-outline:hover{background:oklch(0.955 0.022 82 / .1)}
.btn-ink{background:var(--ink);color:var(--ink-fg)}
.btn-line{border:2px solid var(--ink);color:var(--ink);background:transparent}
.btn-line:hover{background:var(--ink);color:var(--ink-fg)}
.btn-sm{height:44px;padding:0 18px;font-size:.85rem}
.w100{width:100%}
.badge{display:inline-block;border-radius:99px;background:var(--accent);color:var(--accent-fg);font:800 10px/1 var(--sans);text-transform:uppercase;letter-spacing:.08em;padding:4px 8px}
/* header */
.hdr{position:sticky;top:0;z-index:40}
.marq{overflow:hidden;background:var(--ink);color:var(--ink-fg);padding:8px 0}
.marq div{display:flex;width:max-content;gap:48px;white-space:nowrap;font:600 .75rem var(--sans);text-transform:uppercase;letter-spacing:.18em;animation:marquee 40s linear infinite}
.marq span i{color:var(--accent);font-style:normal;margin-left:48px}
@keyframes marquee{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.marq div{animation:none}}
.bar{border-bottom:1px solid var(--border);background:oklch(0.955 0.022 82 / .92);backdrop-filter:blur(8px)}
.bar .c{display:flex;height:64px;align-items:center;justify-content:space-between;gap:12px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo img{width:40px;height:40px;border-radius:50%;border:2px solid var(--ink);object-fit:cover}
.logo b{white-space:nowrap;font:800 1.5rem var(--display);text-transform:uppercase;letter-spacing:.03em;color:var(--ink)}
.nav{display:none;align-items:center;gap:28px;font-weight:600;font-size:.9rem}
.nav a{text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.nav a:hover,.nav a.on{color:var(--primary)}
@media(min-width:900px){.nav{display:flex}.mob{display:none!important}}
.hbtns{display:flex;align-items:center;gap:8px}
.mob{display:inline-flex;height:44px;align-items:center;gap:6px;border:2px solid var(--ink);border-radius:var(--r);padding:0 10px;font-weight:700;font-size:.85rem;text-decoration:none;color:var(--ink)}
.cesto{position:relative;display:inline-flex;height:44px;align-items:center;gap:8px;border-radius:var(--r);background:var(--ink);color:var(--ink-fg);padding:0 16px;font:700 .9rem var(--sans);border:0;cursor:pointer;text-decoration:none}
.cesto .n{position:absolute;right:-8px;top:-8px;display:none;width:24px;height:24px;border-radius:50%;background:var(--primary);color:var(--primary-fg);font-size:.75rem;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--bg)}
.cesto .lbl{display:none}@media(min-width:640px){.cesto .lbl{display:inline}}
/* footer */
.ftr{background:var(--ink);color:oklch(0.955 0.022 82 / .8);padding:48px 0 32px;font-size:.9rem}
.ftr .top{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:flex-start}
.ftr b.t{display:block;font:800 1.9rem var(--display);text-transform:uppercase;color:var(--ink-fg)}
.ftr nav{display:flex;flex-wrap:wrap;gap:20px;font-weight:600}
.ftr a{text-decoration:none}.ftr a:hover{color:var(--accent)}
.ftr .legal{margin-top:28px;padding-top:20px;border-top:1px solid oklch(0.955 0.022 82 / .15);font-size:.8rem;line-height:1.7;color:oklch(0.955 0.022 82 / .65)}
.ftr .legal a{text-decoration:underline}
@media(max-width:420px){.logo b{font-size:1.25rem}.logo img{width:34px;height:34px}}

@media(max-width:767px){body{padding-bottom:76px}}