.events-page{background:#f7f4ee;width:100%}.events-showcase{isolation:isolate;width:100%;height:100svh;min-height:0;color:var(--color-ink);background:radial-gradient(at 48% 19%,#ffffffc7 0 20%,#0000 53%),radial-gradient(at 7% 56%,#ddd2bc33,#0000 32%),radial-gradient(at 92% 34%,#c9d9e933,#0000 28%),linear-gradient(#f7f4eed6,#f7f4eed6),#f7f4ee url(/images/trong-roomstay-background-779.webp) top/cover no-repeat;padding:112px 40px 48px;position:relative;overflow:hidden}.events-showcase.events-intro-pending>*{opacity:0!important;visibility:hidden!important}.events-showcase:before{content:"";z-index:-3;opacity:.23;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");position:absolute;inset:0}.events-paper-wash{z-index:-2;filter:blur(2px);background:#fffcf59e;border-radius:50% 45% 54% 41%;width:39%;height:65%;position:absolute;top:8%;left:30%;transform:rotate(-4deg)}.events-center{z-index:4;text-align:center;width:min(43vw,590px);position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.events-eyebrow{color:var(--color-ink-60);letter-spacing:.25em;text-transform:uppercase;justify-content:center;align-items:center;gap:14px;margin:0 0 17px;font-size:11px;font-weight:400;display:flex}.events-eyebrow span{opacity:.65;background:currentColor;width:31px;height:1px;display:block}.events-title{color:#102b62;font-family:var(--font-serif);letter-spacing:-.035em;margin:0;font-size:clamp(3rem,4vw,4.75rem);font-weight:400;line-height:.98}.events-title em{color:var(--color-brand);white-space:nowrap;font-weight:400;display:inline-block}.events-description{color:#102b62b3;max-width:520px;margin:24px auto 25px;font-size:clamp(.89rem,1.12vw,1.02rem);line-height:1.65}.events-cta{background:var(--color-brand);color:#fff;letter-spacing:.02em;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:12px 22px;font-size:14px;font-weight:500;text-decoration:none;transition:translate .26s,box-shadow .26s,background-color .26s;display:inline-flex;box-shadow:0 8px 22px #1a4fa033}.events-cta svg{transition:transform .26s}.events-cta:hover,.events-cta:focus-visible{background:var(--color-brand-dark);translate:0 -3px;box-shadow:0 12px 28px #1a4fa04d}.events-cta:hover svg,.events-cta:focus-visible svg{transform:translate(4px)}.events-cta:focus-visible{outline-offset:4px;outline:3px solid #1680df4d}.events-constellation{z-index:3;pointer-events:none;position:absolute;inset:0}.event-moment{--event-rotation:0deg;pointer-events:auto;width:clamp(205px,21vw,310px);transform:rotate(var(--event-rotation));position:absolute}.events-showcase.events-intro-complete .event-moment{transition:transform .28s}.event-photo-frame{aspect-ratio:1.42;background:#fffffff0;border-radius:34% 47% 37% 43%/43% 36% 48% 39%;width:100%;padding:6px;transition:transform .28s,box-shadow .28s;animation:4.8s ease-in-out infinite alternate event-photo-float;position:relative;overflow:visible;box-shadow:0 12px 28px #1c314324,0 2px 6px #1c314314}.event-moment:nth-child(2n) .event-photo-frame{animation-duration:5.4s;animation-delay:-1.6s}.event-moment:nth-child(3n) .event-photo-frame{animation-duration:5.8s;animation-delay:-3.1s}@keyframes event-photo-float{0%{transform:translateY(-3px)}to{transform:translateY(5px)}}.event-photo-frame img{object-fit:cover;-webkit-user-select:none;user-select:none;border-radius:32% 45% 34% 41%/41% 34% 45% 36%;width:100%;height:100%;display:block}.event-icon-badge{color:#174d91;background:#b9dcfb;border:5px solid #fffffff5;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:absolute;top:-16px;right:-12px;box-shadow:0 5px 14px #1a4fa02e}.event-moment-copy{color:#102b62;opacity:.82;width:174px;transition:opacity .25s,transform .25s;position:absolute}.event-moment-copy h2{font-family:var(--font-serif);margin:0 0 3px;font-size:1.12rem;font-weight:400;line-height:1.12}.event-moment-copy p{color:#1a4fa0b8;margin:0;font-size:.77rem;line-height:1.42}.event-moment:hover{z-index:6;transform:rotate(0)scale(1.035)}.event-moment:hover .event-photo-frame{animation-play-state:paused;transform:translateY(-4px);box-shadow:0 18px 38px #1c314338,0 3px 8px #1c31431a}.event-moment:hover .event-moment-copy{opacity:1}.event-moment--family{--event-rotation:-2.7deg;top:8.3%;left:19.5%}.event-moment--family .event-moment-copy{top:12px;left:calc(100% + 18px)}.event-moment--pool{--event-rotation:2.2deg;width:clamp(202px,18.5vw,280px);top:35.5%;left:15%}.event-moment--pool .event-moment-copy,.event-moment--bbq .event-moment-copy{text-align:right;top:30px;right:calc(100% + 17px)}.event-moment--bbq{--event-rotation:-1.8deg;width:clamp(210px,19vw,290px);bottom:7.5%;left:13.5%}.event-moment--wedding{--event-rotation:2.4deg;top:7.8%;right:19.5%}.event-moment--wedding .event-moment-copy{top:9px;left:calc(100% + 18px)}.event-moment--birthday{--event-rotation:-1.8deg;width:clamp(208px,19vw,286px);top:35.5%;right:15%}.event-moment--birthday .event-moment-copy,.event-moment--corporate .event-moment-copy{top:34px;left:calc(100% + 18px)}.event-moment--corporate{--event-rotation:2.2deg;width:clamp(216px,20vw,305px);bottom:7.6%;right:13.5%}.event-moment--corporate .event-moment-copy{text-align:right;left:auto;right:calc(100% + 18px)}.event-moment--movie{--event-rotation:-3deg;width:clamp(172px,16vw,236px);bottom:2.4%;left:42.5%}.event-moment--movie .event-moment-copy{text-align:right;width:128px;bottom:7px;right:calc(100% + 16px)}.event-moment--movie .event-photo-frame{aspect-ratio:1.25}.events-connections{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.events-connector{fill:none;stroke:#3689cd40;stroke-width:1.35px;stroke-linecap:round;stroke-dasharray:3 8;transition:stroke .25s,opacity .25s}.events-note{z-index:2;color:#167bd0;letter-spacing:.025em;pointer-events:none;margin:0;font-family:Damion,cursive;font-size:clamp(1.15rem,1.7vw,1.65rem);line-height:1.05;position:absolute}.events-note--two{bottom:4.6%;right:2.8%;transform:rotate(-5deg)}.events-note--three{bottom:3.8%;left:2.8%;transform:rotate(-7deg)}.events-birds{z-index:1;color:#1a4fa094;width:70px;position:absolute;top:21%;right:10.2%}.events-birds svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;width:100%;display:block}.events-botanical{z-index:0;color:#4a7faf21;pointer-events:none;width:220px;position:absolute}.events-botanical path{fill:none;stroke:currentColor;stroke-width:12px;stroke-linecap:round}.events-botanical--left{top:-30px;left:-32px;transform:rotate(-6deg)}.events-botanical--right{top:-38px;right:-35px;transform:scaleX(-1)rotate(-6deg)}@media (width<=1260px){.events-center{width:46vw}.event-moment-copy{display:none}.event-moment--family{left:12%}.event-moment--wedding{right:12%}.event-moment--pool{left:3%}.event-moment--birthday{right:3%}.event-moment--bbq{left:6%}.event-moment--corporate{right:6%}.event-moment--movie{left:42.5%}}@media (width<=900px){.events-showcase{--event-bubble-size:clamp(76px, 20.5vw, 148px);height:100svh;min-height:0;padding:0;overflow:hidden}.events-paper-wash{border-radius:48% 44% 51% 46%;width:70%;height:51%;top:25%;left:15%}.events-center{width:min(62vw,420px);margin:0;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.events-title{text-wrap:balance;max-width:100%;margin-inline:auto;font-size:clamp(2rem,7.1vw,3.4rem);line-height:1}.events-title em{white-space:normal}.events-description{text-wrap:balance;width:88%;max-width:360px;margin:clamp(13px,2.2vh,20px) auto clamp(14px,2.3vh,21px);font-size:clamp(.76rem,2.1vw,.94rem);line-height:1.48}.events-cta{min-height:42px;padding:10px 18px;font-size:13px}.events-constellation{max-width:none;margin:0;padding:0;display:block;position:absolute;inset:0}.event-moment,.event-moment--family,.event-moment--pool,.event-moment--bbq,.event-moment--wedding,.event-moment--birthday,.event-moment--corporate,.event-moment--movie{width:var(--event-bubble-size);max-width:none;margin:0;position:absolute;inset:auto}.event-photo-frame{aspect-ratio:1.16;border-radius:43% 52% 44% 50%/52% 43% 53% 45%;padding:clamp(3px,.65vw,5px)}.event-photo-frame img{border-radius:41% 50% 42% 48%/50% 41% 51% 43%}.event-moment--family{top:max(155px,20svh);left:calc(14% - (var(--event-bubble-size) / 2))}.event-moment--pool{top:max(100px,13svh);left:calc(38% - (var(--event-bubble-size) / 2))}.event-moment--bbq{top:max(100px,13svh);left:calc(62% - (var(--event-bubble-size) / 2))}.event-moment--wedding{top:max(155px,20svh);left:calc(86% - (var(--event-bubble-size) / 2))}.event-moment--birthday{bottom:clamp(145px,23svh,188px);left:calc(18% - (var(--event-bubble-size) / 2))}.event-moment--corporate{bottom:clamp(90px,13svh,118px);left:calc(50% - (var(--event-bubble-size) / 2))}.event-moment--movie{bottom:clamp(145px,23svh,188px);left:calc(82% - (var(--event-bubble-size) / 2));min-width:0}.event-moment--movie .event-photo-frame{aspect-ratio:1.16}.event-moment-copy,.event-moment--family .event-moment-copy,.event-moment--pool .event-moment-copy,.event-moment--bbq .event-moment-copy,.event-moment--wedding .event-moment-copy,.event-moment--birthday .event-moment-copy,.event-moment--corporate .event-moment-copy,.event-moment--movie .event-moment-copy{text-align:center;width:112%;margin:7px -6% 0;display:block;position:relative;inset:auto}.event-moment-copy h2{font-family:var(--font-sans);text-wrap:balance;margin:0;font-size:clamp(.62rem,1.7vw,.78rem);font-weight:600;line-height:1.15}.event-moment-copy p{display:none}.event-icon-badge{border-width:3px;width:clamp(27px,6vw,39px);height:clamp(27px,6vw,39px);top:-7px;right:-5px}.event-icon-badge svg{width:clamp(13px,3vw,18px);height:clamp(13px,3vw,18px)}.events-connections,.events-note--two,.events-birds,.events-note--three{display:none}.events-botanical{opacity:.55;width:145px}}@media (width>=901px) and (height<=760px){.events-showcase{padding-top:88px;padding-bottom:20px}.events-center{width:min(42vw,540px);top:46.5%}.events-eyebrow{margin-bottom:11px}.events-title{font-size:clamp(2.55rem,3.6vw,3.75rem)}.events-description{max-width:470px;margin-top:15px;margin-bottom:16px;font-size:.86rem;line-height:1.5}.events-cta{min-height:42px;padding:10px 19px}.event-moment--family,.event-moment--wedding{width:clamp(188px,17vw,252px);top:10.5%}.event-moment--pool,.event-moment--birthday{width:clamp(190px,16.7vw,246px);top:36.5%}.event-moment--bbq,.event-moment--corporate{width:clamp(194px,17.2vw,256px);bottom:5.5%}.event-moment--movie{width:clamp(160px,14vw,206px);bottom:1.8%}.event-icon-badge{border-width:4px;width:55px;height:55px}.event-moment-copy{width:145px}.event-moment-copy h2{font-size:.98rem}.event-moment-copy p{font-size:.7rem}.events-note{font-size:1.15rem}}@media (width<=560px){.events-showcase{--event-bubble-size:clamp(68px, 20.5vw, 104px)}.events-center{width:min(82vw,320px);top:50%}.events-eyebrow{letter-spacing:.18em;gap:7px;margin-bottom:9px;font-size:8px}.events-eyebrow span{width:14px}.events-title{font-size:clamp(1.72rem,8vw,2.5rem)}.events-description{margin:clamp(10px,1.8vh,15px) auto clamp(11px,2vh,16px);font-size:clamp(.7rem,3vw,.82rem);line-height:1.42}.events-cta{gap:7px;min-height:38px;padding:8px 14px;font-size:12px}.events-cta svg{width:15px;height:15px}.event-moment--wedding .event-moment-copy,.event-moment--birthday .event-moment-copy{width:100%;margin-inline:0}.events-botanical--right{display:none}}@media (width<=900px) and (height<=680px){.events-showcase{--event-bubble-size:clamp(62px, 18vw, 96px)}.events-center{top:53.5%}.events-description{margin-block:9px 11px;line-height:1.35}.event-moment--family,.event-moment--wedding{top:max(128px,18svh)}.event-moment--pool,.event-moment--bbq{top:max(84px,11svh)}.event-moment--birthday,.event-moment--movie{bottom:clamp(118px,19svh,152px)}.event-moment--corporate{bottom:clamp(76px,11svh,98px)}}@media (width<=360px){.events-center{width:84vw}}@media (prefers-reduced-motion:reduce){.events-cta,.events-cta svg,.event-moment,.event-photo-frame,.event-moment-copy,.events-connector{transition-duration:.01ms!important}.event-photo-frame{will-change:auto;animation:none!important}.event-moment:hover{transform:rotate(var(--event-rotation))}}