/* A separate sunset palette, scoped to the hidden shore. */
body.hidden-page {
    background: linear-gradient(180deg, #32233f 0%, #762b49 23%, #bd4a55 43%, #ef8062 64%, #ffb47d 80%, #d99475 100%);
    color: #fff0d9;
}
.hidden-page .site-logo {
    color: #ffe0b1;
    background: none;
    -webkit-text-fill-color: #ffe0b1;
    text-shadow: 0 3px 12px #28172880;
}
.hidden-page .site-tagline { color: #f7c8c2; }
.sunset-scene { position: relative; min-height: 560px; min-height: max(560px, 65svh); overflow: hidden; }
.sunset-scenery { position: absolute; inset: 0; pointer-events: none; }
.sunset-scenery .cloud { filter: sepia(1) saturate(2) hue-rotate(310deg); opacity: .3; }
.sunset-scenery .seagull { filter: brightness(.4) sepia(1); opacity: .7; }
.sunset-copy { position: relative; z-index: 2; padding-block: 3rem 17rem; text-align: center; }
.sunset-eyebrow { color: #ffe1bd; font-size: .8rem; letter-spacing: .15em; text-transform: uppercase; }
.sunset-copy h1 { margin: .8rem 0 1.2rem; font-family: var(--font-title); font-size: clamp(2.5rem, 6vw, 5rem); color: #fff1d8; text-shadow: 0 4px 20px #69213e80; }
.sunset-copy > p:last-child { color: #ffead4; line-height: 1.9; }
.sunset-sun {
    position: absolute; bottom: -100px; left: 50%; width: clamp(220px, 30vw, 340px); aspect-ratio: 1;
    transform: translateX(-50%); border-radius: 50%;
    background: linear-gradient(#fff3bb, #ffc283 48%, #fb8462);
    box-shadow: 0 0 65px 25px #ffbe794d, 0 0 160px 80px #f575542e;
}
.hidden-page .ocean-transition { isolation: isolate; background: linear-gradient(#c16165, #8d455c); }
.sunset-reflection { position: absolute; inset: 0 30%; background: repeating-linear-gradient(180deg, #ffda9d88 0 3px, transparent 3px 15px); clip-path: polygon(35% 0, 65% 0, 100% 100%, 0 100%); filter: blur(3px); }
.hidden-page .ocean-wave-back { background: #cc7b86b8; }
.hidden-page .ocean-wave-front { background: linear-gradient(#ac5367, #8a4257); box-shadow: inset 0 8px 0 #ffd0b838; }
.hidden-page .shore-section { margin: 0; border-top: 5px solid #f5b29c; background: linear-gradient(#e6a384, #cb886e); }
.sunset-beach { display: grid; place-items: center; min-height: 260px; padding: 2rem 0; }
.sunset-beach > img { filter: sepia(.65) saturate(.8) drop-shadow(0 5px 5px #723e4633); }
.sunset-note.card { width: min(70%, 420px); padding: 1.5rem; text-align: center; color: #663546; background: #fff0d9d9; border: 1px solid #ffe3c4; box-shadow: 0 12px 30px #78344326; animation: about-card-float 7s ease-in-out infinite; }
.sunset-note .button { background: linear-gradient(120deg, #ae475e, #87374f); color: #fff1dd; }
.hidden-page .site-footer { background: #cb886e; color: #542c3c; border-top-color: #f5c4a766; }
.hidden-page .footer-bottom { color: #542c3c; }
.hidden-hint { padding: 5rem 0 7rem; background: linear-gradient(#cb886e, #8b4a5b); text-align: center; }
.hidden-hint-inner { opacity: 0; transform: translateY(28px); transition: opacity 1.2s ease, transform 1.2s ease; }
.hidden-hint.is-visible .hidden-hint-inner { opacity: 1; transform: translateY(0); }
.hidden-hint-message { margin: .5rem 0 1.5rem; color: #ffe4ca; font-size: clamp(1.1rem, 2.5vw, 1.5rem); }
.hidden-hint-prose { width: min(100%, 760px); margin: 0 auto; color: #ffe8d3; font-size: clamp(1rem, 2vw, 1.2rem); line-height: 1.9; text-align: left; }
.hidden-hint-prose p { margin: 0 0 1.25rem; }
@media (max-width: 560px) {
    .sunset-copy { padding-top: 2rem; }
    .sunset-note.card { width: min(78%, 420px); padding: 1.1rem; }
    .sunset-beach .page-shore-starfish { right: 2%; top: 4%; }
}
@media (prefers-reduced-motion: reduce) { .sunset-note.card { animation: none; } }