@layer components{:root{--divider-overlap:3px}.divider_wrap{--_from:var(--background);--_scale:1;--_pad:var(--space-8);--_mist:color-mix(in oklab, var(--elfenbein) 55%, transparent);--_height:max(var(--space-8), min(100vw, var(--max-width-main)) * var(--_ratio) * var(--_scale));padding-block:var(--_pad);background-color:var(--background);color:var(--text);position:relative;overflow:clip}.divider_wrap:has(.divider_to){height:var(--_height);padding-block:0}.section+.divider_wrap{margin-block-start:calc(var(--divider-overlap) * -1)}.divider_wrap:is(:has(+.section),:has(+script+.section)){margin-block-end:calc(var(--divider-overlap) * -1)}.divider_wrap:is(.from-image,.to-image){z-index:1;pointer-events:none;background-color:#0000}.divider_wrap.from-image{--_from:transparent;--_fog-from:var(--_mist)}.divider_wrap.to-image .divider_to{--_to:transparent;--_fog-to:var(--_mist)}.divider_wrap.small{--_scale:.7;--_pad:var(--space-6)}.divider_wrap.large{--_scale:1.4;--_pad:var(--section-space-small)}.divider_wrap.flip :is(.divider_art,.divider_cover){scale:-1 1}.divider_wrap:is(.horizon,.tracks) .divider_art,.divider_wrap.moon .divider_moon{mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.divider_wrap.fog .divider_to{background-image:linear-gradient(in oklab, var(--_from) 10%, var(--_to) 90%)}.section:has(+.divider_wrap.from-image){--_end-ratio:200 / 1440;--_end-scale:1;--_bleed-end:max(var(--space-8), min(100vw, var(--max-width-main)) * var(--_end-ratio) * var(--_end-scale))}.section:has(+.divider_wrap.from-image.mountains){--_end-ratio:240 / 1440}.section:has(+.divider_wrap.from-image.small){--_end-scale:.7}.section:has(+.divider_wrap.from-image.large){--_end-scale:1.4}:is(.divider_wrap.to-image+.section,.divider_wrap.to-image+script+.section){--_start-ratio:200 / 1440;--_start-scale:1;--_bleed-start:calc(max(var(--space-8), min(100vw, var(--max-width-main)) * var(--_start-ratio) * var(--_start-scale)) - var(--divider-overlap))}:is(.divider_wrap.to-image.mountains+.section,.divider_wrap.to-image.mountains+script+.section){--_start-ratio:240 / 1440}:is(.divider_wrap.to-image.small+.section,.divider_wrap.to-image.small+script+.section){--_start-scale:.7}:is(.divider_wrap.to-image.large+.section,.divider_wrap.to-image.large+script+.section){--_start-scale:1.4}:is(.section:has(+.divider_wrap.from-image),.divider_wrap.to-image+.section,.divider_wrap.to-image+script+.section)>:where(:not(.container)){height:calc(100% + var(--_bleed-start,0px) + var(--_bleed-end,0px));inset-block-start:calc(var(--_bleed-start,0px) * -1)}:is(.divider_wrap.to-image+.section,.divider_wrap.to-image+script+.section):after{top:var(--divider-overlap)}.section:has(+.divider_wrap.from-image):after{bottom:var(--divider-overlap)}.divider_cover{background-color:var(--_from);mask-image:var(--_cover);clip-path:inset(0 0 3px);position:absolute;inset:0;mask-size:100% 100%;mask-repeat:no-repeat}.divider_to{--_to:var(--background);background-color:#0000;position:absolute;inset:0}.divider_art{width:100%;height:100%;fill:color-mix(in oklab, var(--_to) var(--_mix), var(--_from));position:absolute;inset:0;overflow:hidden}.divider_wrap:not(:has(.divider_to)) .divider_art{fill:currentColor}.divider_frame>.divider_art{inset:auto;width:max(100%,40rem);height:auto;display:block;position:relative;left:50%;overflow:visible;translate:-50%}.divider_frame{width:var(--site-width);max-width:var(--max-width-main);margin-inline:auto}.divider_fog{background-color:color-mix(in oklab, var(--_fog-to,var(--_to)) var(--_mix), var(--_fog-from,var(--_from)));width:200%;mask-image:var(--_noise), linear-gradient(to bottom, transparent var(--_start), black calc((var(--_start) + var(--_end)) / 2), transparent var(--_end));animation:divider-drift var(--_speed) linear infinite var(--_dir);position:absolute;inset:0 auto 0 0;mask-size:50% 100%,100% 100%;mask-repeat:repeat-x,no-repeat;mask-composite:intersect}@keyframes divider-drift{to{translate:-50%}}.divider_rays{opacity:.5}.divider_line,.divider_strokes{fill:none;stroke:currentColor;stroke-width:1px;vector-effect:non-scaling-stroke}.divider_line{opacity:.5}.divider_strokes{opacity:.3}.divider_print{opacity:.35}.divider_moon{justify-content:center;align-items:center;gap:var(--space-3);display:flex}.divider_rule{height:var(--border-width);opacity:.3;background-color:currentColor;flex:1}.divider_phase{width:calc(var(--_r) / 16 * 2.4rem);flex:none;overflow:visible}.divider_phase.waning{scale:-1 1}.divider_phase circle{fill:none;stroke:currentColor;stroke-width:1px;opacity:.35;vector-effect:non-scaling-stroke}.divider_phase path{fill:currentColor;opacity:.75}}