/* JOGS 2027 homepage: all styles scoped to #jogs-home */
#jogs-home{--ink:#17283b;--muted:#657487;--gold:#b58b49;--cream:#f8f6f1;--line:#e4e8eb;font-family:inherit;color:var(--ink);overflow:hidden}#jogs-home *{box-sizing:border-box}#jogs-home h1,#jogs-home h2,#jogs-home h3,#jogs-home p{margin:0}#jogs-home a{text-decoration:none}#jogs-home .wrap{width:min(1180px,calc(100% - 40px));margin:auto}#jogs-home .eyebrow{font-size:12px;letter-spacing:.19em;text-transform:uppercase;font-weight:800;color:var(--gold)}#jogs-home .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 24px;border-radius:6px;font-size:14px;font-weight:750;transition:transform .2s,background .2s;border:1px solid transparent;text-align:center}#jogs-home .btn:hover{transform:translateY(-2px)}#jogs-home .btn-gold{background:#c49a58;color:#152435}#jogs-home .btn-gold:hover{background:#dfb778;color:#152435}#jogs-home .btn-outline{border-color:#d6dce1;color:var(--ink);background:white}#jogs-home .btn-light{border-color:rgba(255,255,255,.65);color:white;background:transparent}#jogs-home .hero{position:relative;min-height:610px;background:#14273a}#jogs-home .hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,28,45,.94),rgba(11,28,45,.75) 53%,rgba(11,28,45,.25)),url('https://jogsshow.com/wp-content/uploads/2024/01/jogs-show.jpg') center/cover}#jogs-home .hero-inner{position:relative;z-index:1;padding:105px 0 110px;max-width:780px;margin-left:max(20px,calc((100% - 1180px)/2));margin-right:20px;color:white}#jogs-home .hero h1{color:white;font-size:clamp(42px,6.5vw,76px);line-height:1.07;letter-spacing:-.045em;font-weight:800;margin:18px 0 22px}#jogs-home .hero h1 em{font-style:normal;color:#e5bc7c}#jogs-home .hero p{max-width:610px;font-size:18px;line-height:1.65;color:#e1e7ed}#jogs-home .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}#jogs-home .hero .eyebrow{color:#f0c989}#jogs-home .quick{background:#fff;border-bottom:1px solid var(--line)}#jogs-home .quick-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:0}#jogs-home .quick a{padding:24px 18px;border-right:1px solid var(--line);color:var(--ink);font-weight:700;text-align:center}#jogs-home .quick a:last-child{border-right:0}#jogs-home .quick small{display:block;font-size:12px;color:var(--muted);font-weight:500;margin-top:4px}#jogs-home .section{padding:86px 0}#jogs-home .section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:32px}#jogs-home h2{font-size:clamp(31px,4vw,48px);line-height:1.14;letter-spacing:-.035em;color:var(--ink);margin:10px 0 12px}#jogs-home .intro{color:var(--muted);font-size:16px;line-height:1.65;max-width:650px}#jogs-home .events{background:var(--cream)}#jogs-home .event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}#jogs-home .event{background:white;border:1px solid #e6e6e2;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 9px 28px rgba(22,39,54,.045)}#jogs-home .event-photo{height:205px;position:relative;overflow:hidden;background:#d9e0e4}#jogs-home .event-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}#jogs-home .event:hover img{transform:scale(1.035)}#jogs-home .tag{position:absolute;top:16px;left:16px;background:#fff;color:#20354a;padding:7px 12px;border-radius:4px;font-size:11px;letter-spacing:.08em;font-weight:800;text-transform:uppercase}#jogs-home .event-body{padding:26px;display:flex;flex-direction:column;flex:1}#jogs-home .event-date{color:#a77b3d;font-size:14px;font-weight:800;margin-bottom:12px}#jogs-home .event h3{font-size:25px;line-height:1.2;letter-spacing:-.02em;color:var(--ink);margin-bottom:15px}#jogs-home .venue{color:var(--muted);font-size:14px;line-height:1.65;margin-bottom:22px!important}#jogs-home .event-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:auto}#jogs-home .event-actions .btn{padding:12px 10px;font-size:13px}#jogs-home .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}#jogs-home .why-card{padding:27px;border:1px solid var(--line);border-radius:10px;background:#fff}#jogs-home .number{font-size:12px;letter-spacing:.12em;color:var(--gold);font-weight:800;margin-bottom:19px}#jogs-home .why-card h3{font-size:21px;margin-bottom:11px;color:var(--ink)}#jogs-home .why-card p{font-size:15px;line-height:1.65;color:var(--muted)}#jogs-home .exhibit{background:#152a3d;color:white}#jogs-home .exhibit-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}#jogs-home .exhibit h2{color:white}#jogs-home .exhibit p{color:#cdd7df;font-size:17px;line-height:1.7}#jogs-home .exhibit-box{padding:34px;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:rgba(255,255,255,.05)}#jogs-home .exhibit-box h3{font-size:24px;color:white;margin-bottom:12px}#jogs-home .exhibit-box p{font-size:15px;margin-bottom:24px}#jogs-home .categories{background:#f8f6f1}#jogs-home .category-list{display:flex;flex-wrap:wrap;gap:11px;margin-top:29px}#jogs-home .category-list span{background:white;border:1px solid #e5e4df;border-radius:30px;padding:11px 17px;font-size:14px;font-weight:600;color:#36485b}#jogs-home .bottom-cta{padding:60px 0;text-align:center;background:#eee8dc}#jogs-home .bottom-cta h2{margin-bottom:12px}#jogs-home .bottom-cta .actions{justify-content:center}#jogs-home .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){#jogs-home .event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#jogs-home .why-grid{grid-template-columns:repeat(2,1fr)}#jogs-home .exhibit-grid{grid-template-columns:1fr;gap:28px}#jogs-home .hero-inner{padding:88px 0 94px}}@media(max-width:600px){#jogs-home .wrap{width:calc(100% - 32px)}#jogs-home .hero{min-height:530px}#jogs-home .hero-inner{margin:0 20px;padding:80px 0}#jogs-home .hero h1{font-size:43px}#jogs-home .hero p{font-size:16px}#jogs-home .hero .actions .btn{width:100%}#jogs-home .quick-inner{grid-template-columns:1fr}#jogs-home .quick a{border-right:0;border-bottom:1px solid var(--line);padding:15px}#jogs-home .section{padding:58px 0}#jogs-home .section-head{display:block}#jogs-home .event-grid,#jogs-home .why-grid{grid-template-columns:1fr}#jogs-home .event-photo{height:220px}#jogs-home .event-body{padding:22px}#jogs-home .exhibit-box{padding:24px}#jogs-home .bottom-cta{padding:52px 0}#jogs-home .bottom-cta .btn{width:100%}}@media(prefers-reduced-motion:reduce){#jogs-home .btn,#jogs-home .event-photo img{transition:none}}

/* Product discovery, Instagram and partner sections */
#jogs-home .category-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#jogs-home .category-list span{display:flex;align-items:center;min-height:58px;border-radius:9px;padding:15px 17px;line-height:1.45}
#jogs-home .category-list span:before{content:"✦";color:var(--gold);font-size:12px;margin-right:12px;flex:none}
#jogs-home .social{background:#fff}
#jogs-home .social-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:45px;align-items:start}
#jogs-home .social-widget{background:var(--cream);border:1px solid var(--line);border-radius:14px;min-height:330px;padding:18px;overflow:hidden}
#jogs-home .social-widget iframe{max-width:100%}
#jogs-home .social .intro{margin-bottom:25px}
#jogs-home .partners{background:#f7f8f8;border-top:1px solid var(--line)}
#jogs-home .partner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:32px}
#jogs-home .partner{display:flex;align-items:center;justify-content:center;text-align:center;min-height:112px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--ink);font-size:18px;font-weight:750;letter-spacing:-.02em;transition:border-color .2s,transform .2s}
#jogs-home .partner:hover{border-color:var(--gold);transform:translateY(-2px)}
#jogs-home .partner small{display:block;font-size:12px;color:var(--muted);font-weight:500;letter-spacing:0;margin-top:5px}
@media(max-width:900px){#jogs-home .category-list,#jogs-home .partner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#jogs-home .social-layout{grid-template-columns:1fr;gap:25px}}
@media(max-width:600px){#jogs-home .category-list,#jogs-home .partner-grid{grid-template-columns:1fr}#jogs-home .partner{min-height:85px}#jogs-home .social-widget{padding:10px}}

/* v3 refinements: editorial visual hierarchy, spacing and unboxed Instagram feed */
#jogs-home{--ink:#142a38;--gold:#b68c54;--cream:#f6f4ef;--line:#e7e7e3}
#jogs-home .hero{min-height:670px;background:#0e2533}
#jogs-home .hero:before{background:linear-gradient(90deg,rgba(8,27,40,.96) 0%,rgba(8,27,40,.87) 42%,rgba(8,27,40,.40) 100%),url('https://jogsshow.com/wp-content/uploads/2024/01/jogs-show.jpg') center/cover}
#jogs-home .hero-inner{padding:122px 0 130px}
#jogs-home .hero h1{max-width:860px;font-weight:750;letter-spacing:-.055em}
#jogs-home .hero h1 em{font-family:Georgia,serif;font-style:italic;font-weight:500;color:#e6c398}
#jogs-home .quick{position:relative;z-index:2;box-shadow:0 10px 30px rgba(20,42,56,.045)}
#jogs-home .quick a{transition:background .2s,color .2s}
#jogs-home .quick a:hover{background:#f6f4ef;color:#a27437}
#jogs-home .section{padding:98px 0}
#jogs-home .events{background:#f5f3ef}
#jogs-home .event{border-radius:4px;border-color:#e7e4dd;box-shadow:0 14px 38px rgba(21,42,56,.055)}
#jogs-home .event-photo{height:228px}
#jogs-home .event-body{padding:30px}
#jogs-home .event h3{font-size:25px}
#jogs-home .btn{border-radius:3px}
#jogs-home .why-card{border-radius:4px;border-top:3px solid #bd9a68}
#jogs-home .category-list span{border-radius:3px;min-height:64px}
#jogs-home .social{background:#fff;padding:100px 0 94px}
#jogs-home .social-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:36px}
#jogs-home .social-heading h2{margin-bottom:14px}
#jogs-home .gold-dot{color:var(--gold)}
#jogs-home .social-mark{display:flex;align-items:center;gap:12px;color:#b18a57;font-size:11px;font-weight:800;letter-spacing:.16em;white-space:nowrap;padding-bottom:8px}
#jogs-home .instagram-feed{width:100%;min-width:0;min-height:0;padding:0;margin:0;overflow:visible;background:transparent;border:0;border-radius:0}
#jogs-home .instagram-feed>div{width:100%;max-width:100%}
#jogs-home .instagram-feed iframe{display:block;width:100%;max-width:100%;border:0}
#jogs-home .social-note{font-size:12px;line-height:1.5;color:#8b9299;margin-top:16px}
#jogs-home .partners{background:#f6f4ef}
#jogs-home .partner-grid{gap:1px;background:#deded9;border:1px solid #deded9}
#jogs-home .partner{border:0;border-radius:0;min-height:132px;box-shadow:none;background:#fff;font-family:Georgia,serif;font-weight:700;font-size:21px;padding:24px;transition:background .2s,color .2s}
#jogs-home .partner:hover{transform:none;background:#fcf8f1;color:#91652f}
#jogs-home .bottom-cta{background:#eae5dc}
@media(max-width:900px){#jogs-home .section{padding:72px 0}#jogs-home .social{padding:72px 0}#jogs-home .social-heading{align-items:flex-start}}
@media(max-width:600px){#jogs-home .hero{min-height:590px}#jogs-home .hero-inner{padding:94px 0}#jogs-home .hero h1{font-size:42px}#jogs-home .section{padding:60px 0}#jogs-home .social{padding:60px 0}#jogs-home .social-heading{display:block;margin-bottom:24px}#jogs-home .social-mark{margin-top:22px}#jogs-home .partner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#jogs-home .partner{font-size:15px;min-height:105px;padding:12px}#jogs-home .event-photo{height:215px}}
/* Final hero headline refinements */
#jogs-home .hero h1{max-width:1000px;font-size:clamp(38px,5.5vw,70px);line-height:1.11}
#jogs-home .hero h1 em{font-style:normal;font-family:inherit;font-weight:inherit;color:#e6c398}
@media(max-width:600px){#jogs-home .hero h1{font-size:clamp(35px,9vw,46px)}}


/* VIDEO HERO: overrides the original static-image hero */
#jogs-home .hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:670px;overflow:hidden;background:#0e2533}
#jogs-home .hero:before{content:none!important;background:none!important}
#jogs-home .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:-2;pointer-events:none}
#jogs-home .hero-overlay{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(3,17,26,.90) 0%,rgba(3,17,26,.75) 38%,rgba(3,17,26,.35) 72%,rgba(3,17,26,.20) 100%)}
#jogs-home .hero-inner{position:relative;z-index:1}
@media(max-width:991px){#jogs-home .hero{min-height:600px}}
@media(max-width:767px){#jogs-home .hero{min-height:620px}#jogs-home .hero-video{object-position:center center}#jogs-home .hero-overlay{background:rgba(3,17,26,.74)}}
@media(prefers-reduced-motion:reduce){#jogs-home .hero-video{display:none}}


/* VIDEO HERO FIX — keep video above the section background */
#jogs-home .hero {
  position: relative !important;
  isolation: isolate;
  display: flex;
  align-items: center;
  min-height: 670px;
  overflow: hidden;
  background-color: #0e2533;
  background-image: none !important;
}
#jogs-home .hero::before { content: none !important; }
#jogs-home .hero > video.hero-video {
  display: block !important;
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
  object-position: center;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 0 !important;
  pointer-events: none;
}
#jogs-home .hero > .hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 1 !important;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(4,19,30,.84) 0%, rgba(4,19,30,.60) 45%, rgba(4,19,30,.18) 100%);
}
#jogs-home .hero > .hero-inner {
  position: relative;
  z-index: 2 !important;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 110px 30px;
}
@media (max-width: 991px) {
  #jogs-home .hero { min-height: 600px; }
  #jogs-home .hero > .hero-inner { padding: 90px 30px; }
}
@media (max-width: 767px) {
  #jogs-home .hero { min-height: 620px; }
  #jogs-home .hero > .hero-inner { padding: 75px 22px; }
  #jogs-home .hero > .hero-overlay { background: rgba(4,19,30,.68); }
}
