#ib-christmas-hero{background:#183d32;color:#faf6ef;width:100%;margin:0 0 30px;box-sizing:border-box;isolation:isolate}#ib-christmas-hero *{box-sizing:border-box}#ib-christmas-hero .ib-xmas-inner{display:grid;grid-template-columns:1fr minmax(300px,38%);align-items:center;gap:6vw;max-width:1360px;margin:auto;padding:0 5vw}#ib-christmas-hero .ib-xmas-copy{padding:46px 0}#ib-christmas-hero .ib-xmas-eyebrow{margin:0 0 24px;font:600 11px/1.5 Arial,sans-serif;letter-spacing:2.3px;color:#d2b381}#ib-christmas-hero h1{font:400 clamp(42px,4.7vw,72px)/1.1 Georgia,serif;text-transform:none;letter-spacing:normal;color:#faf6ef;margin:0 0 25px;padding:0}#ib-christmas-hero h1 em{font-style:italic;color:#d9bd8e}#ib-christmas-hero .ib-xmas-intro{font:400 17px/1.65 Arial,sans-serif;max-width:490px;color:#dfe7df;margin:0 0 14px}#ib-christmas-hero .ib-xmas-dates{font:600 11px/1.5 Arial,sans-serif;letter-spacing:1.8px;color:#d2b381;margin:0 0 24px}#ib-christmas-hero .ib-xmas-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:12px 25px;background:#8e2436;color:#fff;text-decoration:none;font:600 14px/1.5 Arial,sans-serif;letter-spacing:.3px;border:1px solid transparent;border-radius:0}#ib-christmas-hero .ib-xmas-btn:hover{background:#751b2b}#ib-christmas-hero .ib-xmas-signature{font:italic 24px/1.3 Georgia,serif;color:#dbc8a7;margin:28px 0 0}#ib-christmas-hero .ib-xmas-movie{position:relative;max-width:380px;width:100%;justify-self:end;background:#181b17}#ib-christmas-hero video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;max-width:100%}#ib-christmas-hero .ib-xmas-controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:8px;padding:45px 12px 13px;background:linear-gradient(transparent,#000d)}#ib-christmas-hero button{border:1px solid #fff8;background:#183d32eb;color:#fff;min-height:44px;padding:8px 11px;font:400 12px/1.4 Arial,sans-serif;text-transform:none;border-radius:3px;box-shadow:none;cursor:pointer}#ib-christmas-hero input[type=range]{padding:0;margin:0;min-width:0;width:65px;accent-color:#d5b67d;height:25px;border:0}#ib-christmas-hero :focus-visible{outline:2px solid #e6cb9d;outline-offset:4px}
@media(max-width:760px){#ib-christmas-hero .ib-xmas-inner{grid-template-columns:1fr;padding:0;gap:0}#ib-christmas-hero .ib-xmas-copy{padding:35px 25px 30px}#ib-christmas-hero h1{font-size:43px}#ib-christmas-hero .ib-xmas-intro{font-size:16px}#ib-christmas-hero .ib-xmas-movie{justify-self:center;max-width:360px}#ib-christmas-hero .ib-xmas-eyebrow{margin-bottom:18px}}

/* One centred frame on home and catalogue; separate it from the green header. */
html body.ib-christmas-season #ib-christmas-hero{
 position:relative;left:50%;transform:translateX(-50%);width:calc(100vw - 48px);max-width:1200px;
 margin:24px 0 30px;border:1px solid rgba(217,189,142,.55);box-shadow:0 5px 20px rgba(24,61,50,.06);
}
html body.ib-christmas-season #ib-catalogue-header{padding-top:0}
html body.ib-christmas-season #ib-catalogue-header #ib-christmas-hero a.ib-xmas-btn{color:#fff}
@media(max-width:760px){html body.ib-christmas-season #ib-christmas-hero{width:calc(100vw - 28px);margin-top:16px;margin-bottom:24px}}

/* A home-only wrapper keeps a real white gap outside the green banner. */
html body.home.ib-christmas-season .ib-xmas-home-frame{display:flow-root;padding-top:24px!important;background:#fff}
html body.home.ib-christmas-season .ib-xmas-home-frame #ib-christmas-hero{margin-top:0!important}
@media(max-width:760px){html body.home.ib-christmas-season .ib-xmas-home-frame{padding-top:16px!important}}

/* Restore the space reserved for the absolute header on the seasonal homepage. */
html body.home.ib-christmas-season .whb-header.whb-overcontent.whb-sticky-prepared{padding-top:var(--wd-header-h)!important}
@media(max-width:1024px){html body.home.ib-christmas-season .whb-header.whb-overcontent.whb-sticky-prepared{padding-top:var(--wd-header-sm-h)!important}}
