/* ==== ported from V2 by scripts/v5/v2-port (prune-css.cjs, port-css.cjs): re-run the port rather than editing above the end marker ==== */
/* ==== v2 sheet 9 of https://bhhl.lettiva.com/high-cloud-farm-and-barn/dark-skies: <style> .long-form-prose-twocol-section { container-type: inline-siz ==== */
.long-form-prose-twocol-section { container-type: inline-size; }
.long-form-prose-twocol-section .lfp-container { max-width: 1024px; margin: 0px auto; padding: 0px; }
.long-form-prose-twocol-section .lfp-cols { columns: 2; column-gap: 48px; }
.long-form-prose-twocol-section .lfp-cols > p { break-inside: avoid-column; margin: 0px 0px 1em; }
@container (max-width: 720px) {
.long-form-prose-twocol-section .lfp-cols { columns: 1; }
.long-form-prose-twocol-section .lfp-container { padding: 0px; }
}
/* ==== v2 sheet 10 of https://bhhl.lettiva.com/high-cloud-farm-and-barn/dark-skies: <style> /* Atmospheric CSS * / @layer atmospheric { /* ══════════════ ==== */
@layer atmospheric {
[data-section="opening"] { background: radial-gradient(at 30% 20%, rgba(255, 255, 255, 0.04), transparent 40%), radial-gradient(at 80% 70%, rgba(255, 255, 255, 0.03), transparent 45%), linear-gradient(rgb(26, 39, 64) 0%, rgba(26, 39, 64, 0.92) 100%); color: rgb(245, 241, 232); }
[data-section="opening"] h1, [data-section="opening"] h2, [data-section="opening"] h3, [data-section="opening"] h4 { color: rgb(245, 241, 232); }
[data-section="opening"] p, [data-section="opening"] li, [data-section="opening"] dd { color: rgba(245, 241, 232, 0.86); }
[data-section="owners-notes"] { background: linear-gradient(rgb(250, 247, 240) 0%, rgb(245, 240, 230) 100%); position: relative; }
[data-section="owners-notes"]::before { content: ""; position: absolute; inset: 0px; background-image: radial-gradient(at 23% 17%, rgba(26, 39, 64, 0.02), transparent 38%), radial-gradient(at 78% 73%, rgba(26, 39, 64, 0.024), transparent 42%); pointer-events: none; z-index: 0; }
[data-section="owners-notes"] > * { position: relative; z-index: 1; }
[data-section="night-plate"] figure { box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 16px, rgba(0, 0, 0, 0.1) 0px 18px 50px, rgba(0, 0, 0, 0.06) 0px 55px 100px; transition: box-shadow 0.5s; }
[data-section="night-plate"] figure:hover { box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 16px, rgba(0, 0, 0, 0.14) 0px 24px 60px, rgba(0, 0, 0, 0.08) 0px 60px 110px; }
[data-section="night-plate"] figure img { filter: brightness(0.97) saturate(1.08) contrast(1.03); }
[data-section="pool-under-sky"] figure { box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 16px, rgba(0, 78, 55, 0.11) 0px 18px 50px, rgba(0, 0, 0, 0.06) 0px 55px 100px; transition: box-shadow 0.5s; }
[data-section="pool-under-sky"] figure:hover { box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 16px, rgba(0, 78, 55, 0.15) 0px 24px 60px, rgba(0, 0, 0, 0.08) 0px 60px 110px; }
[data-section="pool-under-sky"] figure img { filter: brightness(1.03) saturate(1.14) contrast(1.02); }
[data-section="close"] figure { box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 16px, rgba(80, 48, 22, 0.13) 0px 18px 50px, rgba(0, 0, 0, 0.06) 0px 55px 100px; transition: box-shadow 0.5s; }
[data-section="close"] figure:hover { box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 16px, rgba(80, 48, 22, 0.17) 0px 24px 60px, rgba(0, 0, 0, 0.08) 0px 60px 110px; }
[data-section="close"] figure img { filter: brightness(0.95) saturate(1.12); }
[data-section] a[href="/enquire"], [data-section] a[href="/book"], [data-section] a[href="/contact"], [data-section] a[class*="bg-"] { position: relative; z-index: 10; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px, rgba(0, 0, 0, 0.06) 0px 8px 24px; transition: transform 0.25s, box-shadow 0.25s, background-color 0.25s; }
[data-section] a[href="/enquire"]:hover, [data-section] a[href="/book"]:hover, [data-section] a[href="/contact"]:hover, [data-section] a[class*="bg-"]:hover { transform: translateY(-1px); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px, rgba(0, 0, 0, 0.08) 0px 12px 32px; }
[data-section="opening"] { color: rgb(247, 244, 236); }
[data-section="opening"] :is(h1, h2, h3, h4, p, li, span, cite, blockquote) { color: rgb(247, 244, 236) !important; }
[data-section="opening"] p[data-editable$="-eyebrow"] { letter-spacing: 0.26em; text-transform: uppercase; text-shadow: rgba(8, 13, 24, 0.5) 0px 1px 8px; }
[data-section="opening"] p[data-editable$="-subheading"] { text-shadow: rgba(8, 13, 24, 0.5) 0px 1px 12px; }
[data-section="close"], [data-page="home"] [data-section="enquire-close"] { position: relative; }
[data-section="close"]::before, [data-page="home"] [data-section="enquire-close"]::before { content: ""; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width: 1px; height: 52px; background: linear-gradient(180deg, var(--color-accent), transparent); pointer-events: none; z-index: 2; }
[data-section="close"] p[data-editable$="-eyebrow"], [data-page="home"] [data-section="enquire-close"] p[data-editable$="-eyebrow"] { letter-spacing: 0.24em; text-transform: uppercase; }
[data-page="dark-skies"] [data-section="opening"] { position: relative; color: rgb(238, 241, 248); }
[data-page="dark-skies"] [data-section="opening"] :is(h1, h2, h3, h4, p, li, span, cite, blockquote) { color: rgb(238, 241, 248) !important; }
[data-page="dark-skies"] [data-section="opening"]::before { content: ""; position: absolute; inset: 0px; pointer-events: none; z-index: 1; opacity: 0.9; background-image: radial-gradient(2.4px 2.4px at 12% 18%, rgba(255, 255, 255, 0.95) 35%, rgba(170, 195, 255, 0.25) 65%, transparent 70%), radial-gradient(2.2px 2.2px at 78% 12%, rgba(255, 255, 255, 0.9) 35%, rgba(170, 195, 255, 0.22) 65%, transparent 70%), radial-gradient(1.6px 1.6px at 30% 9%, rgba(255, 255, 255, 0.8) 50%, transparent 55%), radial-gradient(1.4px 1.4px at 52% 22%, rgba(255, 255, 255, 0.7) 50%, transparent 55%), radial-gradient(1.8px 1.8px at 88% 34%, rgba(255, 255, 255, 0.85) 50%, transparent 55%), radial-gradient(1.3px 1.3px at 66% 7%, rgba(255, 255, 255, 0.6) 50%, transparent 55%), radial-gradient(1.5px 1.5px at 8% 44%, rgba(255, 255, 255, 0.7) 50%, transparent 55%), radial-gradient(1.2px 1.2px at 42% 38%, rgba(255, 255, 255, 0.55) 50%, transparent 55%), radial-gradient(1.7px 1.7px at 22% 60%, rgba(255, 255, 255, 0.75) 50%, transparent 55%), radial-gradient(1.2px 1.2px at 60% 52%, rgba(255, 255, 255, 0.5) 50%, transparent 55%), radial-gradient(1.5px 1.5px at 92% 64%, rgba(255, 255, 255, 0.65) 50%, transparent 55%), radial-gradient(1.2px 1.2px at 36% 74%, rgba(255, 255, 255, 0.45) 50%, transparent 55%), radial-gradient(1.4px 1.4px at 74% 80%, rgba(255, 255, 255, 0.55) 50%, transparent 55%), radial-gradient(1.1px 1.1px at 16% 86%, rgba(255, 255, 255, 0.4) 50%, transparent 55%), linear-gradient(115deg, transparent 36%, rgba(178, 198, 235, 0.05) 50%, transparent 64%); }
[data-page="dark-skies"] [data-section="opening"]::after { content: ""; position: absolute; top: 14%; right: 6%; width: 150px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, rgba(255, 255, 255, 0.95), rgba(196, 216, 255, 0.5) 45%, transparent); filter: drop-shadow(rgba(214, 230, 255, 0.85) 0px 0px 6px); opacity: 0; transform: rotate(16deg); pointer-events: none; z-index: 1; }
@media (prefers-reduced-motion: no-preference) {
[data-page="dark-skies"] [data-section="opening"]::before { animation: 7s ease-in-out 0s infinite alternate none running hc-star-breathe; }
[data-page="dark-skies"] [data-section="opening"].in-view::after { animation: 9s linear 0s infinite normal none running hc-meteor; }
}
@keyframes hc-star-breathe { 
  0% { opacity: 0.72; }
  100% { opacity: 1; }
}
@keyframes hc-meteor { 
  0% { opacity: 0; transform: rotate(16deg) translateX(0px); }
  4% { opacity: 0.95; }
  26% { opacity: 0; transform: rotate(16deg) translateX(-46vw); }
  100% { opacity: 0; transform: rotate(16deg) translateX(-46vw); }
}
[data-page="dark-skies"] [data-section="opening"] > div::before, [data-page="dark-skies"] [data-section="opening"] > div::after { content: ""; position: absolute; height: 2px; border-radius: 2px; opacity: 0; pointer-events: none; z-index: 1; }
[data-page="dark-skies"] [data-section="opening"] > div::before { top: 12%; left: 7%; width: 116px; background: linear-gradient(270deg, rgba(255, 255, 255, 0.92), rgba(196, 216, 255, 0.45) 45%, transparent); filter: drop-shadow(rgba(214, 230, 255, 0.7) 0px 0px 5px); transform: rotate(-13deg); }
[data-page="dark-skies"] [data-section="opening"] > div::after { top: 30%; right: 16%; width: 88px; background: linear-gradient(90deg, rgba(255, 255, 255, 0.9), rgba(196, 216, 255, 0.4) 45%, transparent); filter: drop-shadow(rgba(214, 230, 255, 0.65) 0px 0px 4px); transform: rotate(19deg); }
@keyframes hc-meteor-b { 
  0% { opacity: 0; transform: rotate(-13deg) translateX(0px); }
  3% { opacity: 0.9; }
  24% { opacity: 0; transform: rotate(-13deg) translateX(42vw); }
  100% { opacity: 0; transform: rotate(-13deg) translateX(42vw); }
}
@keyframes hc-meteor-c { 
  0% { opacity: 0; transform: rotate(19deg) translateX(0px); }
  3% { opacity: 0.85; }
  20% { opacity: 0; transform: rotate(19deg) translateX(-34vw); }
  100% { opacity: 0; transform: rotate(19deg) translateX(-34vw); }
}
@media (prefers-reduced-motion: no-preference) {
[data-page="dark-skies"] [data-section="opening"].in-view > div::before { animation: 11s linear -8s infinite normal none running hc-meteor-b; }
[data-page="dark-skies"] [data-section="opening"].in-view > div::after { animation: 13s linear -7s infinite normal none running hc-meteor-c; }
}
[data-page="dark-skies"] [data-section="owners-notes"] { position: relative; }
[data-page="dark-skies"] [data-section="owners-notes"]::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(170deg, rgba(190, 138, 58, 0.06), transparent 58%); pointer-events: none; z-index: 1; }
[data-page="dark-skies"] [data-section="owners-notes"] p:first-of-type::first-letter { float: left; font-size: 3.2em; line-height: 0.85; padding-right: 0.12em; color: var(--color-accent); }
[data-page="dark-skies"] [data-section="night-plate"] { background: linear-gradient(rgb(15, 23, 39), rgb(11, 18, 32)); }
[data-page="dark-skies"] [data-section="planning"] { background: linear-gradient(rgb(17, 27, 47), rgb(12, 20, 36)); color: rgb(233, 236, 244); }
[data-page="dark-skies"] [data-section="planning"] :is(h1, h2, h3, h4, p, li, span, cite, blockquote) { color: rgb(233, 236, 244) !important; }
[data-page="dark-skies"] [data-section="close"] { color: rgb(245, 242, 234); }
[data-page="dark-skies"] [data-section="close"] :is(h1, h2, h3, h4, p, li, span, cite, blockquote) { color: rgb(245, 242, 234) !important; }
[data-page="dark-skies"] [data-section="close"] h2 { text-shadow: rgba(8, 14, 24, 0.55) 0px 2px 22px; }
[data-page="dark-skies"] [data-section="close"] figure::after { content: ""; position: absolute; inset: 0px; background: radial-gradient(at 50% 42%, transparent 38%, rgba(8, 12, 24, 0.62) 100%), linear-gradient(rgba(23, 56, 69, 0.18), rgba(12, 18, 32, 0.45)); pointer-events: none; }
}
/* ==== v2 sheet 11 of https://bhhl.lettiva.com/high-cloud-farm-and-barn/dark-skies: <style> .sticky-booking-widget-floating-mobile { display: none; }  ==== */
.sticky-booking-widget-floating-mobile { display: none; }
@media (max-width: 768px) {
.sticky-booking-widget-floating-desktop { display: none !important; }
.sticky-booking-widget-floating-mobile { display: block; }
body { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
}
/* ==== end of the ported V2 CSS; the port's own V5 rules follow ==== */