.sunset[data-astro-cid-ouyyoj33]{padding-top:var(--section-space);background:linear-gradient(var(--sunset-1) 0 18%, var(--sunset-2) 18% 36%, var(--sunset-3) 36% 54%, var(--sunset-4) 54% 72%, var(--sunset-5) 72% 100%);position:relative;overflow:hidden}.sky[data-astro-cid-ouyyoj33]{z-index:1;position:relative}.full[data-astro-cid-ouyyoj33]{grid-template-rows:1fr auto;min-height:100svh;padding-top:clamp(2rem,6vh,4rem);display:grid}.full[data-astro-cid-ouyyoj33] .sky[data-astro-cid-ouyyoj33]{align-content:center;display:grid}.shore[data-astro-cid-ouyyoj33]{height:clamp(170px,20vw,250px);margin-top:clamp(2.5rem,6vw,4rem);position:relative}.sun[data-astro-cid-ouyyoj33]{aspect-ratio:1;border:3px solid var(--accent);background:var(--sun);border-radius:50%;width:clamp(120px,12vw,176px);position:absolute;top:0;left:50%;transform:translate(-50%,-38%)}.sea[data-astro-cid-ouyyoj33]{border-top:10px solid var(--sea-deep);background:linear-gradient(90deg, transparent 0 46%, color-mix(in srgb, var(--sun) 55%, transparent) 46% 54%, transparent 54%) no-repeat 50% 22px / 100% 8px, linear-gradient(90deg, transparent 0 47.5%, color-mix(in srgb, var(--sun) 45%, transparent) 47.5% 52.5%, transparent 52.5%) no-repeat 50% 44px / 100% 8px, var(--sea);height:58%;position:absolute;inset:0 0 auto}.sand[data-astro-cid-ouyyoj33]{border-top:3px solid var(--text);background:var(--sand);height:42%;position:absolute;inset:auto 0 0}.quokka[data-astro-cid-ouyyoj33]{width:clamp(110px,11vw,150px);height:auto;position:absolute;bottom:14%;left:50%;transform:translate(-190%)}@media (prefers-reduced-motion:no-preference){.js .sunset .sunset-sun{transition:transform 1.4s cubic-bezier(.2,.7,.2,1) .2s}.js .sunset:not(:has(.is-visible)) .sunset-sun{transform:translate(-50%,-80%)}.js .sunset .sunset-quokka{transition:transform .7s cubic-bezier(.34,1.5,.64,1) .7s}.js .sunset:not(:has(.is-visible)) .sunset-quokka{transform:translate(-190%,120%)}}