/* Paintball Arena V6 - general */
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap");

:root{--ink:#111820;--muted:#65717b;--accent:#d9ed35;--bg:#f6f7f5;--line:#e4e8e6}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{margin:0;font-family:"DM Sans",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}

a{text-decoration:none;color:inherit}

button{font:inherit;cursor:pointer}

img{display:block;max-width:100%}

.container{width:min(1200px,calc(100% - 56px));margin-inline:auto}

.welcome{padding-top:100px;padding-bottom:110px}

.section-intro{text-align:center;max-width:740px;margin:0 auto 52px}

.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.3px;text-transform:uppercase;color:#74821c}

.section-intro h1,.bottom-cta h2,.info-grid h2,.page-heading h2{font:800 clamp(40px,5vw,70px)/1.02 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:-.6px;margin:16px 0}

.section-intro h1 span{color:#859d1b}

.section-intro p,.page-heading p{font-size:17px;color:var(--muted)}

.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}

.feature-card{background:var(--bg);overflow:hidden;transition:transform .2s,box-shadow .2s}

.feature-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #10182016}

.feature-image{aspect-ratio:1.8;overflow:hidden}

.feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}

.feature-card:hover img{transform:scale(1.04)}

.feature-body{padding:30px 36px 36px}

.feature-number{font-size:11px;font-weight:800;letter-spacing:1.8px;color:#81931b}

.feature-body h2{font:800 43px/1 "Barlow Condensed",sans-serif;text-transform:uppercase;margin:10px 0}

.feature-body p{color:#65717b;min-height:80px}

.feature-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d9ddda;padding-top:17px;font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:1px}

.feature-link b{font-size:24px}

.info-strip{background:#151d24;color:white;padding:76px 0}

.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}

.info-grid h2{font-size:42px;margin:12px 0}

.info-grid p{color:#b8c1c7;max-width:480px}

.info-strip .eyebrow{color:var(--accent)}

.pill-button{display:inline-flex;gap:36px;align-items:center;background:var(--accent);color:#131820;padding:12px 22px;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.8px;margin-top:12px}

.pill-button span{font-size:20px}

.pill-button.dark{background:#151d24;color:white}

.bottom-cta{text-align:center;padding-top:95px;padding-bottom:105px}

.bottom-cta p{color:var(--muted)}

.interior-banner{background:linear-gradient(90deg,#101820ed,#10182080),url("../image/92689584-022.jpg") center/cover;color:#fff;padding:76px 0 82px}

.interior-banner .eyebrow{color:var(--accent)}

.interior-banner h1{font:800 clamp(44px,7vw,84px)/1 "Barlow Condensed",sans-serif;text-transform:uppercase;margin:14px 0 0}

.interior-main{padding-top:72px;padding-bottom:100px;min-height:420px}

.page-copy{max-width:1050px;font-size:16px;line-height:1.85}

.page-copy h1{display:none}

.page-copy h4,.page-copy b{color:#18212b}

.page-copy h4{font:700 26px "Barlow Condensed",sans-serif;margin:30px 0 8px}

.page-copy p{margin:12px 0 22px}

.page-copy ul,.page-copy ol{padding-left:23px}

.page-copy li{margin-bottom:6px}

.page-copy img{height:auto;max-width:100%}

.page-copy img[src*="division.png"]{display:none}

.page-copy .cajondivP6,.page-copy .galeriaul{display:flex;flex-wrap:wrap;gap:14px;list-style:none;padding:0}

.page-copy .cajoncitodivP6{width:calc(25% - 11px)}

.page-copy .cajoncitodivP6 img{width:100%;aspect-ratio:1.4;object-fit:cover}

.page-copy .twocolshadow{display:none}

.page-copy table{max-width:100%}

.page-copy table img{max-width:min(100%,420px)}

.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}

.photo-grid a{aspect-ratio:1.4;overflow:hidden;background:#eee}

.photo-grid img{width:100%;height:100%;object-fit:cover;transition:transform .25s}

.photo-grid a:hover img{transform:scale(1.05)}

.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}

.contact-grid h2{font:800 48px "Barlow Condensed",sans-serif;text-transform:uppercase;margin:10px 0}

.contact-grid img{width:100%;height:380px;object-fit:cover}

@media (max-width:850px) {
.feature-body{padding:24px}
.welcome{padding-top:65px;padding-bottom:70px}
.info-grid{gap:35px}
.page-copy .cajoncitodivP6{width:calc(33.333% - 10px)}
}

@media (max-width:600px) {
.container{width:calc(100% - 36px)}
.feature-body p{min-height:0}
.feature-body h2{font-size:38px}
.welcome{padding-top:55px}
.section-intro{margin-bottom:35px}
.section-intro h1{font-size:45px}
.info-strip{padding:52px 0}
.info-grid{gap:36px}
.bottom-cta{padding:65px 0}
.interior-banner{padding:56px 0}
.interior-main{padding:45px 0 65px}
.photo-grid{grid-template-columns:repeat(2,1fr);gap:9px}
.page-copy .cajoncitodivP6{width:calc(50% - 7px)}
.contact-grid img{height:250px}
}

@media (prefers-reduced-motion:reduce) {
*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}
}

.interior-main{padding-top:58px}

.interior-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,43%);gap:48px;align-items:center;margin-bottom:48px;padding-bottom:36px;border-bottom:1px solid var(--line)}

.interior-heading h1{font:800 clamp(46px,6vw,82px)/.98 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:-.6px;margin:15px 0 22px}

.interior-heading img{width:100%;height:250px;object-fit:cover;object-position:center}

.heading-rule{height:5px;width:72px;background:var(--accent)}

.page-copy{max-width:1100px}

.page-copy h1{display:none}

.page-copy ol,.page-copy ul{margin-top:0}

.page-copy li{padding:4px 0}

.page-copy p{line-height:1.85}

.page-copy h4{font-size:31px}

.interior-main:has(.page-copy) .page-copy{padding-left:0}

@media (max-width:850px) {
.interior-heading{gap:22px;grid-template-columns:1fr 38%}
.interior-heading img{height:190px}
}

@media (max-width:600px) {
.interior-main{padding-top:32px}
.interior-heading{display:flex;flex-direction:column-reverse;align-items:stretch;gap:25px;margin-bottom:32px;padding-bottom:26px}
.interior-heading img{height:185px}
.interior-heading h1{font-size:50px;margin:10px 0 17px}
.page-copy{font-size:15px}
}

:root { --accent: #e3f238; --ink: #10171c; }

body { overflow-x: hidden; }

.interior-main { padding-top: 65px; }

.interior-heading { display: block; margin-bottom: 38px; padding-bottom: 22px; }

.interior-heading h1 { font-size: clamp(48px, 7vw, 90px); margin-bottom: 14px; }

.interior-heading img { display: none; }

.interior-main .page-copy { max-width: 1080px; }

.page-copy > h1 { display: none; }

.page-copy .cajoncitodivP6 a, .photo-grid a, .gallery-trigger { cursor: zoom-in; }

.page-copy .cajoncitodivP6 a { display: block; overflow: hidden; }

.page-copy .cajoncitodivP6 img { transition: transform .35s ease; }

.page-copy .cajoncitodivP6 a:hover img { transform: scale(1.07); }

.action-band { background: var(--accent); color: var(--ink); padding: 54px 0; }

.action-band-inner { display: flex; justify-content: space-between; align-items: center; gap: 32px; }

.action-band .eyebrow { color: #364000; }

.action-band h2, .experience h2, .teaser-head h2 { font: 900 clamp(40px, 5.5vw, 78px)/.95 "Barlow Condensed", Impact, sans-serif; margin: 10px 0 16px; letter-spacing: -.5px; }

.action-band p { margin: 0; font-size: 17px; }

.action-button { flex-shrink: 0; background: var(--ink); color: white; padding: 18px 24px; font-size: 13px; font-weight: 800; letter-spacing: 1px; display: flex; gap: 28px; align-items: center; }

.action-button:hover { background: #38420b; }

.experience { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(30px, 6vw, 90px); align-items: center; padding-top: 100px; padding-bottom: 100px; }

.experience-photo a { display: block; position: relative; overflow: hidden; }

.experience-photo img { width: 100%; height: 430px; object-fit: cover; transition: transform .5s ease; }

.experience-photo a:hover img { transform: scale(1.05); }

.experience-photo span { position: absolute; bottom: 20px; right: 20px; background: var(--accent); color: var(--ink); padding: 9px 16px; font-size: 12px; font-weight: 800; }

.experience-text p { color: var(--muted); font-size: 18px; max-width: 490px; }

.text-action { display: inline-block; border-bottom: 3px solid var(--accent); padding: 10px 0; font-size: 12px; font-weight: 800; letter-spacing: 1px; }

.photo-teaser { background: #111a20; color: #fff; padding: 85px 0 95px; }

.photo-teaser .eyebrow { color: var(--accent); }

.teaser-head { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 32px; }

.teaser-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }

.teaser-grid a { display: block; overflow: hidden; }

.teaser-grid img { width: 100%; aspect-ratio: 1.35; object-fit: cover; transition: transform .4s ease; }

.teaser-grid a:hover img { transform: scale(1.07); }

.lightbox { display: none; position: fixed; inset: 0; z-index: 1000; background: rgba(4, 7, 9, .96); align-items: center; justify-content: center; padding: 60px 70px; }

.lightbox.is-open { display: flex; }

.lightbox-image { max-width: 100%; max-height: calc(100dvh - 110px); width: auto; height: auto; object-fit: contain; }

.lightbox button { position: absolute; color: #fff; border: 0; background: rgba(255,255,255,.12); cursor: pointer; }

.lightbox button:hover { background: rgba(227,242,56,.25); }

.lightbox-close { right: 22px; top: 16px; width: 46px; height: 46px; font-size: 34px; }

.lightbox-prev, .lightbox-next { top: 50%; transform: translateY(-50%); width: 46px; height: 62px; font-size: 42px; }

.lightbox-prev { left: 14px; }

.lightbox-next { right: 14px; }

.lightbox-counter { position: absolute; bottom: 16px; color: #fff; font-size: 13px; letter-spacing: 1px; }

body.lightbox-open { overflow: hidden; }

@media (max-width: 760px) {
.action-band-inner, .teaser-head { align-items: flex-start; flex-direction: column; }
.experience { grid-template-columns: 1fr; padding-top: 60px; padding-bottom: 60px; }
.experience-photo img { height: 320px; }
.photo-teaser { padding: 60px 0; }
.teaser-grid { grid-template-columns: repeat(2, 1fr); }
.teaser-grid a:last-child { grid-column: span 2; }
.interior-main { padding-top: 38px; }
.interior-heading { margin-bottom: 25px; }
.lightbox { padding: 60px 45px; }
.lightbox-prev { left: 2px; }
.lightbox-next { right: 2px; }
}

@media (max-width: 480px) {
.teaser-grid { gap: 8px; }
.experience-photo img { height: 260px; }
}