:root{--black:#090a0a;--ink:#111212;--paper:#e9e2d3;--cream:#d8c7a1;--gold:#b99250;--line:rgba(233,226,211,.18);--green:#769b28;--display:'Rye',Georgia,serif;--body:'Roboto Condensed',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--paper);font-family:var(--body);font-size:18px;line-height:1.55;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.site-header{position:fixed;top:0;left:0;width:100%;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px 4vw;border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{background:rgba(9,10,10,.92);backdrop-filter:blur(14px);border-color:var(--line)}.brand{color:#fff;text-decoration:none;line-height:1}.brand span{display:block;font-family:var(--display);font-size:20px;letter-spacing:2px}.brand small{font-size:9px;letter-spacing:2.5px;color:var(--cream)}.nav{display:flex;gap:28px}.nav a{color:#fff;text-decoration:none;text-transform:uppercase;font-size:12px;letter-spacing:1.8px}.nav a:hover{color:var(--gold)}.menu-button{display:none;background:none;border:0;width:42px;height:42px}.menu-button span{display:block;height:2px;background:#fff;margin:8px}.hero{position:relative;min-height:100svh;display:grid;align-items:center;padding:130px 7vw 80px;overflow:hidden}.hero-media{position:absolute;inset:0;background:url('assets/shop4.webp') center 44%/cover no-repeat;filter:saturate(.72) contrast(1.08)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,5,.93) 0%,rgba(4,5,5,.68) 48%,rgba(4,5,5,.18) 78%),linear-gradient(0deg,rgba(4,5,5,.8) 0%,transparent 42%)}.hero-content{position:relative;z-index:2;max-width:720px}.hero-logo{width:170px;height:215px;object-fit:cover;object-position:center;border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 60px rgba(0,0,0,.5);margin-bottom:24px}.eyebrow,.section-number{font-size:12px;letter-spacing:3px;color:var(--gold);font-weight:700}.hero h1,.section-head h2,.statement h2,.gift h2,.hours h2,dialog h2{font-family:var(--display);font-weight:400;line-height:.98;letter-spacing:1px;margin:12px 0 24px}.hero h1{font-size:clamp(48px,7.7vw,112px)}.hero-copy{max-width:620px;font-size:20px;color:#ded9ce}.hero-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 25px;border:1px solid var(--gold);text-transform:uppercase;letter-spacing:1.8px;font-weight:700;font-size:12px;cursor:pointer;text-decoration:none;transition:.25s}.button.primary{background:var(--gold);color:#0a0a0a}.button.primary:hover{background:#d0ad69}.button.ghost{background:transparent;color:#fff}.button.ghost:hover{background:#fff;color:#111;border-color:#fff}.scroll{position:absolute;z-index:3;right:4vw;bottom:32px;color:#fff;text-decoration:none;font-size:10px;letter-spacing:2px;writing-mode:vertical-rl}.scroll span{margin-top:10px}.statement,.shop{background:var(--paper);color:var(--ink);padding:110px 7vw}.statement-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:start}.statement h2,.section-head h2,.gift h2,.hours h2{font-size:clamp(50px,7vw,104px)}.statement .lead,.gift .lead{font-size:28px;line-height:1.3}.statement p{max-width:650px}.signature{font-family:var(--display);color:#765e36;margin-top:36px}.feature-image{position:relative;height:min(86vh,850px);overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:saturate(.7) contrast(1.12)}.feature-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 55%)}.feature-caption{position:absolute;z-index:2;left:7vw;bottom:7vw}.feature-caption span{display:block;font-size:11px;letter-spacing:3px;color:var(--gold)}.feature-caption strong{display:block;font-family:var(--display);font-size:clamp(28px,5vw,68px);font-weight:400}.section-dark{padding:110px 7vw;background:#0c0d0d}.section-head{display:grid;grid-template-columns:1fr 1fr;column-gap:8vw}.section-head .section-number{grid-column:1/-1}.section-head p:last-child{align-self:end;max-width:500px;color:#bbb7ad}.service-list{margin:60px 0 40px;border-top:1px solid var(--line)}.service-list div{display:flex;justify-content:space-between;gap:30px;padding:22px 0;border-bottom:1px solid var(--line);font-size:24px}.service-list small{font-size:13px;color:#8e8d87;text-transform:uppercase;letter-spacing:1px}.service-list b{font-family:var(--display);color:var(--gold);font-weight:400}.gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:260px;gap:14px;margin-top:50px}.gallery figure{margin:0;overflow:hidden;grid-column:span 5}.gallery figure.wide{grid-column:span 7;grid-row:span 2}.gallery figure.tall{grid-column:span 5;grid-row:span 2}.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .5s,filter .5s;filter:saturate(.75)}.gallery figure:hover img{transform:scale(1.025);filter:saturate(1)}.gift{display:grid;grid-template-columns:1fr 1fr;min-height:780px;background:#161512}.gift-art{min-height:650px;background:#ad8c52;display:flex;align-items:center;justify-content:center;padding:8vw 5vw}.gift-art img{width:100%;max-width:690px;box-shadow:0 35px 80px rgba(0,0,0,.4);transform:rotate(-1.5deg)}.gift-copy{padding:100px 7vw;align-self:center}.gift-copy p{max-width:620px}.gift-copy ul{list-style:none;padding:0;margin:30px 0}.gift-copy li{padding:10px 0;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:1.5px;font-size:13px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6vw;margin-top:70px}.contact-grid small{color:var(--gold);letter-spacing:2px}.contact-grid p{font-size:22px}.contact-grid a,.text-link{color:#fff;background:none;border:0;padding:0;font:inherit;font-size:14px;letter-spacing:1px;text-transform:uppercase;text-decoration:none;cursor:pointer}.contact-grid a:hover,.text-link:hover{color:var(--gold)}footer{text-align:center;padding:75px 20px;background:#050606;border-top:1px solid var(--line)}.footer-mark{font-family:var(--display);font-size:60px;color:var(--gold)}footer p{font-size:12px;letter-spacing:2px;margin:7px}footer small{display:block;color:#74736e;margin-top:24px}dialog{max-width:720px;width:calc(100% - 30px);background:#e8dfce;color:#111;border:0;padding:60px;box-shadow:0 35px 100px #000}dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(8px)}dialog h2{font-size:clamp(42px,7vw,74px)}dialog .section-number{color:#765e36}.modal-close{position:absolute;right:20px;top:14px;background:none;border:0;font-size:36px;cursor:pointer}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,120px);z-index:90;background:#e8dfce;color:#111;padding:14px 20px;font-size:14px;box-shadow:0 12px 40px #000;transition:.35s}.toast.show{transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:850px){body{font-size:16px}.site-header{padding:15px 20px}.menu-button{display:block}.nav{position:fixed;top:72px;left:12px;right:12px;display:none;flex-direction:column;gap:0;background:#101111;padding:12px;border:1px solid var(--line)}.nav.open{display:flex}.nav a{padding:14px}.hero{padding:105px 22px 65px}.hero-logo{width:130px;height:165px}.hero-copy{font-size:18px}.scroll{display:none}.statement,.shop,.section-dark{padding:80px 22px}.statement-grid,.section-head,.gift{grid-template-columns:1fr}.statement-grid{gap:25px}.section-head p:last-child{margin-top:0}.feature-image{height:70vh}.service-list div{font-size:19px}.gallery{grid-template-columns:1fr;grid-auto-rows:270px}.gallery figure,.gallery figure.wide,.gallery figure.tall{grid-column:auto;grid-row:auto}.gift-art{min-height:420px;padding:70px 22px}.gift-copy{padding:75px 22px}.contact-grid{grid-template-columns:1fr;gap:35px;margin-top:45px}dialog{padding:45px 25px}.statement .lead,.gift .lead{font-size:23px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}

/* Version 2 additions */
.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px;margin:58px 0 42px}.services-column h3,.product-info h3{font-family:var(--display);font-weight:400;letter-spacing:1px}.services-column h3{font-size:32px;color:var(--cream);margin:0 0 12px}.deals-column h3{color:var(--gold)}.services-grid .service-list{margin:0}.hero-media{background-image:url('assets/hero-new.webp');background-position:center 48%;filter:saturate(.68) contrast(1.12) brightness(.82)}.hero-shade{background:linear-gradient(90deg,rgba(4,5,5,.95) 0%,rgba(4,5,5,.72) 43%,rgba(4,5,5,.24) 78%),linear-gradient(0deg,rgba(4,5,5,.86) 0%,transparent 48%)}
.hooligan{padding:110px 7vw;background:#17110d;color:var(--paper);position:relative;overflow:hidden}.hooligan:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 78% 15%,rgba(185,146,80,.14),transparent 34%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,100% 7px;pointer-events:none}.hooligan>*{position:relative}.hooligan-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:55px}.product-card{background:#0c0b0a;border:1px solid rgba(216,199,161,.18);box-shadow:0 28px 70px rgba(0,0,0,.35);overflow:hidden}.product-card img{width:100%;display:block;aspect-ratio:2/2.55;object-fit:cover;filter:saturate(.88) contrast(1.06)}.product-info{padding:26px 28px 30px}.product-kicker{color:var(--gold);font-size:11px;letter-spacing:2.5px;text-transform:uppercase;margin:0}.product-info h3{font-size:clamp(30px,4vw,52px);margin:6px 0 18px}.product-info div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:13px 0}.product-info b{font-family:var(--display);color:var(--gold);font-weight:400}.hooligan-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid rgba(216,199,161,.23);border-bottom:1px solid rgba(216,199,161,.23);padding:28px 0;margin-top:38px}.hooligan-cta strong,.hooligan-cta span{display:block}.hooligan-cta strong{font-size:22px}.hooligan-cta span{color:#a9a197}.hooligan-url{display:block;text-align:center;color:var(--cream);text-decoration:none;font-family:var(--display);font-size:clamp(22px,3.4vw,46px);letter-spacing:2px;margin-top:42px}.hooligan-url:hover{color:var(--gold)}
@media(max-width:850px){.services-grid,.hooligan-grid{grid-template-columns:1fr}.services-grid{gap:28px}.hooligan{padding:80px 22px}.hooligan-cta{align-items:flex-start;flex-direction:column}.hooligan-cta .button{width:100%}.product-info{padding:22px}.hero-media{background-position:center 48%}}


/* Version 3 hero refinement */
.hero-media{
  background-image:url('assets/hero-cinematic.webp');
  background-position:center 48%;
  filter:none;
  transform:scale(1.015);
}
.hero-shade{
  background:
    radial-gradient(circle at 45% 44%,rgba(183,126,53,.11) 0%,rgba(183,126,53,.03) 25%,transparent 47%),
    linear-gradient(90deg,rgba(3,4,4,.96) 0%,rgba(3,4,4,.76) 38%,rgba(3,4,4,.44) 63%,rgba(3,4,4,.72) 100%),
    linear-gradient(0deg,rgba(3,4,4,.92) 0%,rgba(3,4,4,.28) 45%,rgba(3,4,4,.48) 100%);
}
.hero:after{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  box-shadow:inset 0 0 190px 55px rgba(0,0,0,.52);
}
.hero-logo{
  width:clamp(245px,24vw,365px);
  height:auto;
  max-height:44vh;
  object-fit:contain;
  object-position:center;
  border:0;
  box-shadow:none;
  margin:0 0 22px -15px;
  filter:drop-shadow(0 18px 22px rgba(0,0,0,.72));
}
@media(max-width:850px){
  .hero-media{background-position:56% center;transform:scale(1.03)}
  .hero-shade{
    background:
      radial-gradient(circle at 50% 34%,rgba(183,126,53,.10),transparent 42%),
      linear-gradient(90deg,rgba(3,4,4,.90),rgba(3,4,4,.50)),
      linear-gradient(0deg,rgba(3,4,4,.94),rgba(3,4,4,.30) 58%,rgba(3,4,4,.58));
  }
  .hero-logo{width:min(72vw,285px);max-height:36vh;margin-left:-8px}
}


/* Version 4 — live booking, corrected contact, social QR codes */
.hero-instagram{display:flex;align-items:center;gap:14px;width:max-content;max-width:100%;margin-top:26px;color:var(--paper);text-decoration:none;padding:10px 14px 10px 10px;border:1px solid rgba(233,226,211,.22);background:rgba(8,9,9,.58);backdrop-filter:blur(8px);transition:.25s}.hero-instagram:hover{border-color:var(--gold);transform:translateY(-2px)}.hero-instagram img{width:72px;height:72px;object-fit:cover;background:#fff}.hero-instagram span,.hero-instagram strong,.hero-instagram small{display:block}.hero-instagram strong{font-size:12px;letter-spacing:1.7px}.hero-instagram small{margin-top:4px;color:var(--gold);font-size:12px;letter-spacing:.6px}
.hooligan-social{display:grid;grid-template-columns:210px 1fr;gap:42px;align-items:center;margin:48px 0 8px;padding:34px;border:1px solid rgba(216,199,161,.2);background:rgba(5,5,5,.36)}.hooligan-social img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#fff}.hooligan-social h3,.booksy-panel h3{font-family:var(--display);font-weight:400}.hooligan-social h3{font-size:clamp(26px,3.4vw,46px);margin:8px 0 12px}.hooligan-social p{max-width:650px;color:#aaa399}.hooligan-social a{color:var(--gold);text-decoration:none;font-size:13px;letter-spacing:1.5px}.hooligan-social a:hover{color:var(--paper)}
.booksy-panel{display:grid;grid-template-columns:220px 1fr;gap:46px;align-items:center;margin-top:70px;padding-top:48px;border-top:1px solid var(--line)}.booksy-panel img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#fff}.booksy-panel small{color:var(--gold);letter-spacing:2px}.booksy-panel h3{font-size:clamp(27px,3.7vw,50px);line-height:1.06;margin:12px 0}.booksy-panel p{color:#aaa8a1;max-width:620px}.booksy-panel .button{margin-top:8px}
@media(max-width:850px){.hero-instagram{margin-top:22px}.hero-instagram img{width:62px;height:62px}.hooligan-social,.booksy-panel{grid-template-columns:1fr;gap:24px}.hooligan-social{padding:22px}.hooligan-social img,.booksy-panel img{width:min(100%,310px);justify-self:center}.booksy-panel{margin-top:50px}.booksy-panel .button{width:100%}}

/* Final cinematic build — video hero, full posters, refined mobile navigation */
.hero-video{
  width:100%;height:100%;object-fit:cover;object-position:center 50%;
  background:#080909;filter:saturate(.78) contrast(1.08) brightness(.78);
  transform:scale(1.025);
}
.hero-video::-webkit-media-controls{display:none!important}
.nav a{font-weight:400}
.product-card img{
  aspect-ratio:auto;
  height:auto;
  object-fit:contain;
  background:#0b0908;
  filter:saturate(.92) contrast(1.04);
}
.gallery img,.feature-image img{
  filter:saturate(.78) contrast(1.09) brightness(.94) sepia(.05);
}
@media(max-width:850px){
  .site-header{padding:14px 20px}
  .nav{top:70px;left:18px;right:18px;padding:18px 26px 20px;gap:0;background:rgba(13,14,14,.96);backdrop-filter:blur(18px);box-shadow:0 24px 65px rgba(0,0,0,.45);opacity:0;visibility:hidden;display:flex;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
  .nav.open{opacity:1;visibility:visible;transform:none}
  .nav a{padding:15px 0;font-size:14px;font-weight:400;letter-spacing:2.4px;border-bottom:1px solid rgba(233,226,211,.08)}
  .nav a:last-child{border-bottom:0}
  .hero-video{object-position:58% center;transform:scale(1.07);filter:saturate(.76) contrast(1.08) brightness(.70)}
  .product-card img{width:100%;height:auto;object-fit:contain}
  .hooligan-grid{gap:34px}
}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}.hero{background:url('assets/video/wild-jack-hero-poster.jpg') center/cover no-repeat}}