/* ==========================================================================
   Chenies Events: home page panels
   Palette: #5D6D6B (deep), #7B8E8C (mid), #91A19F (light), white.
   ========================================================================== */

.ce-home{--ce-d:#5D6D6B;--ce-m:#7B8E8C;--ce-g:#91A19F;--ce-w:#fff;--ce-r:5px;color:var(--ce-w);font-family:inherit;line-height:1.6}
.ce-home *,.ce-home *::before,.ce-home *::after{box-sizing:border-box}
.ce-home h2{font-family:'Marcellus',serif;font-weight:400;text-transform:none;color:var(--ce-w);margin:0;line-height:1.08;font-size:clamp(1.6rem,2.4vw,2rem)}
.ce-home p{margin:0;color:var(--ce-w);line-height:1.6!important}
.ce-home a{color:var(--ce-w);text-decoration:none}
.ce-home a:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px var(--ce-d)}

.ce-home-panel{background:var(--ce-d);border-radius:var(--ce-r);overflow:hidden}
.ce-home-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:16px 30px;background:var(--ce-m);color:var(--ce-w);border-radius:var(--ce-r);font-weight:500;font-size:1.15rem;box-shadow:0 4px 12px rgba(0,0,0,.28);transition:background .25s,box-shadow .25s}
.ce-home-btn:hover{background:var(--ce-g);box-shadow:0 2px 6px rgba(0,0,0,.25)}
.ce-home-arrow{width:20px;height:20px;flex:none}
.ce-home-link{font-weight:500;text-decoration:underline!important;text-underline-offset:5px;text-decoration-thickness:2px}

/* feature panel: picture left, details right */
.ce-home-split{display:grid;grid-template-columns:1fr 1fr}
.ce-home-split.ce-home-nopic{grid-template-columns:1fr}
.ce-home-split .ce-home-pic{position:relative;min-height:380px}
.ce-home-split .ce-home-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ce-home-split .ce-home-body{padding:clamp(28px,4.5vw,56px);display:flex;flex-direction:column;justify-content:center}
.ce-home-split h2{font-size:clamp(2.4rem,5vw,3.6rem)}
.ce-home-when{margin-top:10px!important;font-family:'Marcellus',serif;font-size:clamp(1.3rem,2.6vw,1.7rem)}
.ce-home-desc{margin-top:14px!important;max-width:44ch;font-size:1.2rem}
.ce-home-prices{margin-top:16px!important;display:flex;flex-wrap:wrap;gap:8px 32px}
.ce-home-prices b{font-family:'Marcellus',serif;font-weight:400;font-size:1.7rem;margin-left:6px}
.ce-home-acts{display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px;margin-top:24px}

/* voucher rows */
.ce-home-vrows{margin-top:22px;border-top:2px solid #fff}
.ce-home-vrows a{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:16px 6px;border-bottom:1px solid rgba(255,255,255,.45)}
.ce-home-vrows b{font-family:'Marcellus',serif;font-weight:400;font-size:1.7rem}
.ce-home-vrows em{font-style:normal;font-weight:500;background:var(--ce-m);padding:10px 18px;border-radius:var(--ce-r);display:inline-flex;gap:8px;align-items:center;min-height:46px;box-shadow:0 4px 12px rgba(0,0,0,.28)}
.ce-home-vrows em .ce-home-arrow{width:18px;height:18px}
.ce-home-vrows a:hover em{background:var(--ce-g)}

/* membership and gift vouchers pair */
.ce-home-duo{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.ce-home-duo.ce-home-one{grid-template-columns:1fr}
.ce-home-tall{display:flex;flex-direction:column}
.ce-home-tall .ce-home-pic{height:clamp(240px,26vw,300px);position:relative;order:-1}
.ce-home-tall .ce-home-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ce-home-tall .ce-home-body{padding:clamp(28px,4vw,52px);display:flex;flex-direction:column;align-items:flex-start;gap:10px;flex:1}
.ce-home-tall .ce-home-body p{max-width:44ch;font-size:1.25rem;flex:1}
.ce-home-tall .ce-home-btn{margin-top:14px;white-space:nowrap}
.ce-home-ic{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;border:2px solid rgba(255,255,255,.55);color:var(--ce-w);margin-bottom:6px}
.ce-home-ic svg{width:32px;height:32px}
@media (min-width:861px){
 .ce-home-one .ce-home-tall{flex-direction:row}
 .ce-home-one .ce-home-tall .ce-home-pic{order:2;flex:1;height:auto;min-height:340px}
 .ce-home-one .ce-home-tall .ce-home-body{flex:1;justify-content:center}
 .ce-home-one .ce-home-tall h2{font-size:clamp(2.6rem,5vw,3.6rem)}
}

@media (max-width:860px){
 .ce-home-split,.ce-home-duo{grid-template-columns:1fr}
 .ce-home-split .ce-home-pic{min-height:0;aspect-ratio:3/2}
 .ce-home-vrows a{grid-template-columns:1fr auto;gap:10px 14px}
 .ce-home-vrows em{grid-column:1/-1;justify-content:center}
 .ce-home-tall .ce-home-btn{width:100%;white-space:normal}
}
@media (prefers-reduced-motion:reduce){.ce-home *{transition:none!important}}


/* ==========================================================================
   Size scale: matches the site (16px body, 1.6rem headings).
   Page-builder proofing: Breakdance sections centre text, capitalise
   headings and underline links, so the key properties are pinned here and
   the panels look the same wherever they are placed.
   ========================================================================== */
.ce-home{width:100%;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;font-size:1rem!important;font-weight:300!important;line-height:1.6!important;text-align:left!important;letter-spacing:normal!important}
.ce-home h2{text-transform:none!important;text-align:left!important;letter-spacing:normal!important;font-family:'Marcellus',serif!important;font-weight:400!important;font-size:clamp(1.6rem,2.4vw,2rem)!important;line-height:1.15!important}
.ce-home p,.ce-home span,.ce-home b,.ce-home em{text-align:left!important;text-transform:none!important}
.ce-home a{text-decoration:none!important;text-transform:none!important}
.ce-home a.ce-home-link{text-decoration:underline!important;text-underline-offset:4px;text-decoration-thickness:1.5px}
.ce-home-when{margin-top:8px!important;font-size:1.15rem!important;font-family:'Marcellus',serif!important}
.ce-home-desc{margin-top:12px!important;font-size:1rem!important}
.ce-home-prices{margin-top:14px!important;gap:6px 24px}
.ce-home-prices b,.ce-home-vrows b{font-family:'Marcellus',serif!important;font-weight:400!important;font-size:1.25rem!important}
.ce-home-acts{margin-top:20px;gap:14px 22px}
.ce-home-btn{min-height:48px;padding:12px 24px;font-size:1rem!important;font-weight:500!important}
.ce-home-arrow{width:18px;height:18px}
.ce-home-split .ce-home-body{padding:clamp(24px,3.5vw,44px)}
.ce-home-split .ce-home-pic{min-height:300px}
.ce-home-vrows{margin-top:18px}
.ce-home-vrows a{text-align:left!important;padding:12px 4px;gap:14px}
.ce-home-vrows em{min-height:40px;padding:8px 16px;font-size:1rem!important;font-weight:500!important}
.ce-home-tall .ce-home-pic{height:clamp(180px,20vw,230px)}
.ce-home-tall .ce-home-body{padding:clamp(24px,3.5vw,40px);gap:8px}
.ce-home-tall .ce-home-body p{font-size:1rem!important}
.ce-home-tall .ce-home-btn{margin-top:10px}
.ce-home-ic{width:48px;height:48px}
.ce-home-ic svg{width:24px;height:24px}
@media (min-width:861px){.ce-home-one .ce-home-tall .ce-home-pic{min-height:260px}}