@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--bg:#17100b;--panel:#24180f;--cream:#f5e4c4;--muted:#c4b39a;--gold:#e9a72e;--light:#ffd477;--line:rgba(237,190,107,.25);--display:'Barlow Condensed',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--cream);font-family:var(--body)}a{color:inherit;text-decoration:none}.header{height:82px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;gap:28px;justify-content:space-between;background:rgba(17,12,8,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;font:700 22px var(--display);letter-spacing:1px;white-space:nowrap}.brand img{width:48px;height:48px;object-fit:contain}.brand b{color:var(--light)}nav{display:flex;gap:clamp(20px,3vw,46px);margin-left:auto}nav a,.top-cta{font-size:11px;font-weight:800;letter-spacing:1.5px}nav a:hover{color:var(--light)}.top-cta{padding:13px 17px;border:1px solid var(--gold);color:var(--light)}.top-cta b{margin-left:12px}.menu{display:none;background:none;border:0;color:var(--cream);font-size:26px}.hero{min-height:680px;position:relative;display:flex;align-items:center;overflow:hidden;background:#20150e url('images/pub_background.png') center/cover no-repeat}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,8,5,.94),rgba(12,8,5,.7) 50%,rgba(12,8,5,.15)),linear-gradient(0deg,rgba(12,8,5,.65),transparent 35%)}.hero-copy{position:relative;z-index:1;width:min(760px,78%);padding:95px 0 110px clamp(28px,10vw,150px)}.eyebrow{color:var(--light);font-size:10px;font-weight:800;letter-spacing:3px}.hero h1{font:900 clamp(66px,9vw,126px)/.82 var(--display);letter-spacing:-1px;margin:24px 0;text-shadow:4px 5px #0006}.hero h1 em,h2 em{color:var(--light);font-style:normal}.lead{max-width:460px;color:#e4d4b8;font-size:15px;line-height:1.8;margin-bottom:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:16px 22px;font-size:11px;font-weight:900;letter-spacing:1.7px;transition:.2s}.btn:hover{transform:translateY(-3px)}.gold{background:linear-gradient(135deg,#ffd477,#d88b16);color:#211408;box-shadow:0 8px 25px #0004}.btn b{font-size:17px}.stamp{position:absolute;right:9%;top:22%;width:150px;height:150px;border:1px solid #ffd477b3;outline:5px double #ffd47766;outline-offset:7px;border-radius:50%;display:grid;place-content:center;text-align:center;color:var(--light);font:800 18px/1.15 var(--display);letter-spacing:2px;transform:rotate(9deg);background:#180f094d}.stamp strong{font-size:25px;margin-top:5px}.hero-foot{position:absolute;bottom:24px;left:clamp(28px,10vw,150px);right:clamp(28px,10vw,150px);display:flex;justify-content:space-between;color:#f5e4c499;font-size:9px;font-weight:800;letter-spacing:2px}.intro{text-align:center;padding:100px 24px 85px}.intro h2,.section-head h2,.how h2,.crew h2,.closing h2{font:900 clamp(46px,6vw,76px)/.88 var(--display);margin:20px 0}.intro>p:not(.eyebrow){max-width:650px;margin:auto;color:var(--muted);font-size:14px;line-height:1.9}.ornament{color:var(--gold);margin-top:30px}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.games{padding:25px 0 105px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:38px}.section-head h2{margin-bottom:0}.section-head>p{color:var(--muted);text-align:right;font-size:12px;line-height:1.7}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.game{display:grid;grid-template-columns:minmax(145px,39%) 1fr;align-items:center;min-height:260px;overflow:hidden;padding:14px 18px 14px 8px;background:linear-gradient(135deg,#2a1d13,#1b130e 70%);border:1px solid var(--line);transition:transform .2s,border-color .2s}.game:hover{transform:translateY(-5px);border-color:#ffd477b3}.game img{width:100%;max-width:225px;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 12px 12px #0006)}.game small{color:var(--gold);font-size:9px;font-weight:800;letter-spacing:1.5px}.game h3{font:800 32px/.95 var(--display);margin:10px 0 12px;color:#fff0d4}.game p{color:#c6b69d;font-size:12px;line-height:1.7;margin-bottom:17px}.game label{display:inline-block;border:1px solid #e9a72e59;color:var(--light);padding:5px 7px;margin:0 3px 4px 0;font-size:8px;font-weight:800;letter-spacing:.6px}.purple{background-image:linear-gradient(135deg,#591a5a59,#1b130e 70%)}.green{background-image:linear-gradient(135deg,#145b3852,#1b130e 70%)}.red{background-image:linear-gradient(135deg,#78201a4d,#1b130e 70%)}.blue{background-image:linear-gradient(135deg,#17467b57,#1b130e 70%)}.teal{background-image:linear-gradient(135deg,#0f5c5b57,#1b130e 70%)}.amber{background-image:linear-gradient(135deg,#9b680f52,#1b130e 70%)}.how{position:relative;background:#24180f url('images/game_table.png') center/cover no-repeat}.how-shade{position:absolute;inset:0;background:#100a06df}.how-inner{position:relative;text-align:center;padding:95px 0 100px}.how h2{margin-bottom:52px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;text-align:left}.steps>div{border-top:1px solid #ffd47773;padding-top:20px}.steps b{color:var(--gold);font:800 38px var(--display)}.steps h3{font:800 24px var(--display);margin:8px 0}.steps p{color:var(--muted);font-size:12px;line-height:1.7}.crew{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:45px;padding:100px 0}.crew h2{margin:20px 0}.crew-text>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.8;max-width:390px;margin-bottom:25px}.outline{border:1px solid var(--gold);color:var(--light)}.crew>img{width:100%;object-fit:contain;filter:drop-shadow(0 18px 22px #0006)}.closing{text-align:center;padding:75px 24px 95px;background:radial-gradient(ellipse at center,#3b2513,#1a110b 65%);border-top:1px solid var(--line)}.closing>img{width:100px;height:100px;object-fit:contain;margin-bottom:20px}.closing h2{margin:18px 0 28px}footer{min-height:100px;border-top:1px solid var(--line);padding:22px clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#100b07}footer .brand{font-size:18px}footer .brand img{width:38px;height:38px}footer p,footer small{color:#8f806b;font-size:9px;font-weight:700;letter-spacing:1.2px;margin:0}@media(max-width:900px){.hero{min-height:620px}.stamp{right:7%;top:12%;width:112px;height:112px;font-size:14px}.grid{grid-template-columns:1fr}.game{grid-template-columns:minmax(155px,34%) 1fr}.crew{gap:20px}}@media(max-width:640px){.header{height:68px}.brand{font-size:18px}.brand img{width:40px;height:40px}.menu{display:block;margin-left:auto}nav{display:none;position:absolute;top:68px;left:0;right:0;padding:20px 25px;margin:0;background:#17100b;border-bottom:1px solid var(--line);flex-direction:column;gap:20px}nav.open{display:flex}.top-cta{display:none}.hero{min-height:620px;background-position:58% center}.shade{background:linear-gradient(90deg,#0c0808eb,#0c080875),linear-gradient(0deg,#0c0808b3,transparent 45%)}.hero-copy{width:100%;padding:105px 25px 115px}.hero h1{font-size:clamp(64px,17vw,96px)}.stamp{display:none}.hero-foot{left:25px;right:25px;font-size:7px;letter-spacing:1px}.wrap{width:calc(100% - 36px)}.intro{padding:75px 18px 65px}.intro h2,.section-head h2,.how h2,.crew h2,.closing h2{font-size:54px}.section-head{align-items:start;flex-direction:column;gap:14px}.section-head>p{text-align:left}.games{padding-bottom:75px}.game{grid-template-columns:1fr;padding:15px 20px 22px}.game img{max-width:190px;justify-self:center}.game>div{padding:5px 2px}.game h3{font-size:34px}.how-inner{padding:75px 0}.steps{grid-template-columns:1fr;gap:22px}.crew{grid-template-columns:1fr;padding:75px 0}.crew>img{order:-1;max-width:460px;margin:auto}footer{flex-direction:column;text-align:center;padding:25px}}