/* Serendipity 3.7 | subtle & soulful visual motifs.
   Decorative assets do not block clicks, affect bookings, or alter core copy. */
:root{--motif-ivory:#f5f0e6;--motif-green:#2f6d54;--motif-gold:#b78d42}
.serendipity-motif{position:absolute;display:block;pointer-events:none;user-select:none;z-index:1;object-fit:contain}
/* Page content remains above any painted corner artwork. */
.motif-host{position:relative;isolation:isolate}
.motif-host>.container{position:relative;z-index:2}
/* A painterly bamboo sprig framing Stay, with clear space for cards and buttons. */
#stays.motif-host{overflow:clip}
.motif-bamboo-stay{width:clamp(88px,10vw,148px);height:auto;top:26px;right:0;opacity:.45;transform:translateX(30%)}
/* The experience invitation has one stationary bird, not a second flying character. */
.motif-bird-discovery{width:clamp(70px,8vw,108px);height:auto;top:15px;right:clamp(8px,3vw,55px);opacity:.85;filter:drop-shadow(0 3px 4px rgba(23,67,57,.12))}
.motif-bird-section .section-heading{padding-right:clamp(85px,10vw,130px)}
/* The two small watercolor friends on the philosophy page don't replace photos. */
.pillar-with-motif{position:relative;isolation:isolate}
.pillar-with-motif .motif-pillars{width:clamp(60px,7vw,98px);height:auto;right:8px;top:clamp(140px,15vw,230px);filter:drop-shadow(0 2px 4px rgba(56,73,52,.12));opacity:.88;pointer-events:none}
.pillar-with-motif .motif-sunrise-bamboo{width:74px;top:clamp(140px,15vw,230px);opacity:.7}
/* Belonging bee visits Events once, then holds still. */
.connection-intro.motif-host{overflow:hidden}
.motif-events-bee{width:clamp(84px,8vw,120px);height:auto;right:clamp(5px,5vw,65px);top:15px;opacity:.9}
.connection-intro.motif-host>.container{padding-right:clamp(38px,9vw,135px)}
.js-motifs .motif-events-bee:not(.is-revealed){opacity:0;transform:translate(20px,6px)}
.motif-events-bee.is-revealed{animation:serendipity-bee-settle 2.4s ease-out both}
@keyframes serendipity-bee-settle{0%{opacity:0;transform:translate(18px,7px) rotate(7deg)}55%{opacity:.9;transform:translate(-3px,-5px) rotate(-3deg)}100%{opacity:.9;transform:translate(0,0) rotate(0)}}
/* One-time gentle emergence at the River's Edge copy; no infinite loop. */
.motif-river-intro{overflow:hidden}
.motif-river-intro .motif-bamboo-grow{width:clamp(95px,11vw,150px);height:auto;left:0;bottom:0;opacity:.5;transform-origin:bottom center;transform:translateX(-38%)}
.js-motifs .motif-bamboo-grow:not(.is-revealed){opacity:0;transform:translate(-38%,22px) scaleY(.77)}
.motif-bamboo-grow.is-revealed{animation:serendipity-bamboo-rise 2.7s cubic-bezier(.22,.75,.27,1) both}
@keyframes serendipity-bamboo-rise{0%{opacity:0;transform:translate(-38%,22px) scaleY(.77)}100%{opacity:.5;transform:translate(-38%,0) scaleY(1)}}
/* Whisper-soft honeycomb: only The Cove, never over legible text. */
.motif-cove-story{position:relative;isolation:isolate;overflow:hidden}
.motif-cove-story:before{content:"";position:absolute;z-index:0;right:-16px;top:24px;width:clamp(135px,18vw,270px);height:265px;pointer-events:none;background:url('honeycomb-whisper.svg') repeat;background-size:120px auto;opacity:.115;mask-image:linear-gradient(to left,#000,transparent 100%);-webkit-mask-image:linear-gradient(to left,#000,transparent 100%)}
.motif-cove-story>.container{position:relative;z-index:1}
/* Inquire: a quiet footer motif, no fixed moving bird beside form fields. */
body:has(.scene-inquire) .serendipity-bird-stage{display:none}
.inquire-footer-note{display:flex;align-items:center;justify-content:center;gap:9px;text-align:center;padding:12px 16px 20px;color:#e6eee6;letter-spacing:.025em;font-size:13px}
.inquire-footer-note img{height:45px;width:45px;object-fit:contain;transform:scaleX(-1);filter:drop-shadow(0 2px 3px rgba(0,0,0,.15));opacity:.9}
/* The fixed Doctor Bird keeps Version 3.5 dimensions but becomes easier to see. */
.serendipity-bird-figure{filter:drop-shadow(0 2px 3px rgba(10,51,49,.32)) saturate(1.17) contrast(1.09)}
@keyframes bird-corner-visit{0%{transform:translate3d(85px,-24px,0) scale(.8);opacity:0}20%{transform:translate3d(0,-24px,0) scale(.85);opacity:.85}55%{transform:translate3d(0,-14px,0) scale(.82);opacity:.86}100%{transform:translate3d(0,0,0) scale(.72);opacity:.75}}
@media (max-width:750px){
 .motif-bamboo-stay{width:98px;opacity:.32;top:18px;right:-12px}
 .motif-bird-discovery{top:7px;right:11px;width:70px;opacity:.75}
 .motif-bird-section .section-heading{padding-right:65px}
 .connection-intro.motif-host>.container{padding-right:48px}
 .motif-events-bee{width:77px;right:3px;top:7px;opacity:.67}
 .motif-river-intro .motif-bamboo-grow{width:88px;opacity:.32}
 .inquire-footer-note{font-size:12px}
}
@media (max-width:440px){.motif-bird-discovery{width:52px}.motif-bird-section .section-heading{padding-right:40px}.motif-events-bee{width:65px;opacity:.65}.connection-intro.motif-host>.container{padding-right:35px}}
@media(prefers-reduced-motion:reduce){
 .js-motifs .motif-events-bee:not(.is-revealed),.js-motifs .motif-bamboo-grow:not(.is-revealed){opacity:.8;transform:none}
 .motif-events-bee.is-revealed,.motif-bamboo-grow.is-revealed{animation:none;opacity:.8;transform:none}
 .serendipity-bird-figure{animation:none!important;transform:scale(.72)!important;opacity:.75!important}
 .bird-wing-back,.bird-wing-front{animation:none!important;transform:none!important}
}