
.jf-home{font-family:Impact,'Arial Narrow',Arial,sans-serif;color:#fff;background:var(--jf-black);overflow:hidden;line-height:1.4;isolation:isolate}.jf-home *{box-sizing:border-box}.jf-home .jf-hero{min-height:600px;position:relative;display:flex;align-items:center;padding:85px clamp(25px,7vw,110px);background:radial-gradient(ellipse at 75% 45%,#55170e 0%,transparent 45%),repeating-linear-gradient(158deg,transparent 0 35px,#ffffff08 38px 42px,transparent 47px 110px),#0c0c0c}.jf-home .jf-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(167deg,transparent 18%,var(--jf-red) 20% 22%,transparent 24% 36%,#f4a225bb 38% 39%,transparent 41% 65%,var(--jf-red) 67% 70%,transparent 72%);clip-path:polygon(0 15%,100% 0,100% 92%,0 100%);opacity:.65;pointer-events:none}.jf-home .jf-hero:after{content:'★  ★  ★';position:absolute;right:2%;bottom:5%;font-size:clamp(45px,9vw,140px);color:#ffffff12;transform:rotate(-13deg)}.jf-home .jf-hero-inner{position:relative;z-index:2;max-width:1040px}.jf-home .jf-stamp{display:inline-block;background:var(--jf-yellow);color:#111;padding:8px 18px;transform:rotate(-3deg);font-size:clamp(13px,1.8vw,20px);letter-spacing:2px}.jf-home h1,.jf-home h2,.jf-home h3{font-family:Impact,'Arial Black',sans-serif!important;font-weight:900!important;text-transform:uppercase;line-height:.98!important;letter-spacing:1px;margin:0 0 25px!important;color:inherit}.jf-home h1{font-size:clamp(65px,12vw,170px)!important;text-shadow:7px 8px 0 #000,-3px -3px 0 var(--jf-red);transform:rotate(-2deg);margin:20px 0 24px!important}.jf-home h2{font-size:clamp(38px,6vw,76px)!important}.jf-home h3{font-size:clamp(26px,3.5vw,45px)!important}.jf-home p{font-family:Arial,sans-serif;font-size:clamp(17px,1.65vw,21px);line-height:1.6;margin:0 0 19px;color:inherit}.jf-home .jf-lead{font-size:clamp(22px,3vw,38px);font-family:Impact,Arial,sans-serif;line-height:1.2;text-transform:uppercase;max-width:790px}.jf-home .jf-btn{display:inline-block;background:var(--jf-red);color:white!important;text-decoration:none!important;border:3px solid #111;padding:15px 26px;font-size:20px;font-family:Impact,Arial,sans-serif;letter-spacing:1px;transform:rotate(-2deg);box-shadow:7px 7px 0 var(--jf-yellow);margin:12px 18px 12px 0;transition:transform .2s,background .2s}.jf-home .jf-btn:hover{transform:rotate(1deg) translateY(-5px);background:#a81912}.jf-home .jf-btn.alt{background:var(--jf-yellow);color:#111!important;box-shadow:7px 7px 0 var(--jf-red)}.jf-home .jf-section{padding:85px clamp(24px,7vw,110px);position:relative}.jf-home .jf-paper{background:#f1e8d3;color:#111;background-image:repeating-linear-gradient(0deg,#00000006 0 1px,transparent 1px 6px)}.jf-home .jf-red{background:var(--jf-red);color:#fff}.jf-home .jf-yellow{background:var(--jf-yellow);color:#111}.jf-home .jf-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1300px;margin:auto}.jf-home .jf-card{background:#111;color:#fff;padding:35px;box-shadow:12px 12px 0 #f7bd39;transform:rotate(-1deg)}.jf-home .jf-card:nth-child(2){background:#e33a24;box-shadow:12px 12px 0 #111;transform:rotate(1deg)}.jf-home .jf-card p{font-size:18px}.jf-home .jf-eyebrow{font-family:Impact,Arial,sans-serif;letter-spacing:3px;font-size:17px;margin-bottom:18px}.jf-home .jf-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:40px auto;max-width:1350px}.jf-home .jf-tile{background:#f3efe6;padding:12px;transform:rotate(-2deg);box-shadow:7px 8px 0 var(--jf-red);aspect-ratio:3/4;display:flex;align-items:center;justify-content:center}.jf-home .jf-tile:nth-child(2n){transform:rotate(2deg);box-shadow:7px 8px 0 var(--jf-yellow)}.jf-home .jf-tile img{height:100%;width:100%;object-fit:contain}.jf-home .jf-board{width:32%;height:90%;border-radius:45% / 12%;background:linear-gradient(160deg,#111 0 25%,var(--jf-red) 26% 48%,var(--jf-yellow) 49% 68%,#111 69%);box-shadow:inset 0 0 0 5px #151515,7px 9px 12px #0006;transform:rotate(-12deg);position:relative}.jf-home .jf-board:after{content:'JACK';position:absolute;top:45%;left:5%;color:#fff;font:900 clamp(10px,2vw,30px) Impact;transform:rotate(-90deg)}.jf-home .jf-banner{text-align:center;padding:45px 25px;background:#111;color:var(--jf-yellow);font:900 clamp(25px,5vw,70px) Impact,Arial,sans-serif;transform:skewY(-2deg);letter-spacing:2px}.jf-home .jf-footer{text-align:center;background:#101010;padding:70px 20px;border-top:15px solid var(--jf-red)}.jf-home .jf-footer strong{font:900 clamp(30px,5vw,75px) Impact;color:var(--jf-yellow)}.jf-home .jf-photohero{position:absolute;right:2%;top:10%;width:35%;height:80%;object-fit:contain;opacity:.8;filter:drop-shadow(12px 12px 0 #000)}@media(max-width:850px){.jf-home .jf-grid{grid-template-columns:1fr}.jf-home .jf-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.jf-home .jf-photohero{opacity:.22;width:70%;right:-10%}.jf-home .jf-hero{min-height:530px}}@media(max-width:500px){.jf-home .jf-gallery{gap:15px}.jf-home .jf-section{padding:55px 22px}.jf-home .jf-card{padding:24px}}


.jf-home .jf-bottom-galleries{background:repeating-linear-gradient(-15deg,#171717 0 45px,#202020 46px 48px);padding:65px 24px 80px;text-align:center;border-top:12px solid var(--jf-red)}
.jf-home .jf-bottom-galleries h2{color:var(--jf-yellow)!important;margin-bottom:38px!important}
.jf-home .jf-bottom-buttons{max-width:1300px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:stretch}
.jf-home .jf-bottom-buttons .jf-btn{margin:0;min-width:0;min-height:94px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;overflow-wrap:anywhere;text-align:center;font-size:clamp(16px,1.7vw,24px);padding:18px 12px;transform:none}
.jf-home .jf-bottom-buttons .jf-btn:hover{transform:translateY(-5px)}
.jf-home .jf-bottom-buttons .jf-btn span{white-space:nowrap}
@media(max-width:850px){.jf-home .jf-bottom-buttons{grid-template-columns:1fr;max-width:520px;gap:22px}.jf-home .jf-bottom-buttons .jf-btn{min-height:72px;font-size:21px}}
@media(max-width:480px){.jf-home .jf-bottom-galleries{padding:48px 18px 62px}.jf-home .jf-bottom-buttons .jf-btn{font-size:17px;padding:16px 8px;box-shadow:5px 5px 0 var(--jf-yellow)}.jf-home .jf-bottom-buttons .jf-btn.alt{box-shadow:5px 5px 0 var(--jf-red)}}
