.portal{text-align:center;color:#fff;isolation:isolate;background:linear-gradient(#1c355e 0%,#2c5675 32%,#5e97ae 56%,#89b1c5 70%);flex-direction:column;justify-content:center;align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.portal-sun{filter:drop-shadow(0 0 60px #fed16d8c);z-index:0;background:radial-gradient(circle,#ffe39a 0%,#fed16d 42%,#f4b73d 70%,#f4b73d00 72%);border-radius:50%;width:230px;height:230px;animation:7s ease-in-out infinite portalSun;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}@keyframes portalSun{0%,to{opacity:.95;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-10px)scale(1.04)}}.portal-cloud{z-index:1;filter:blur(.5px);opacity:.9;background:#ffffffd9;border-radius:100px;position:absolute}.portal-cloud:before,.portal-cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.portal-cloud.c1{width:120px;height:26px;animation:38s linear infinite portalCloud;top:16%}.portal-cloud.c1:before{width:52px;height:52px;top:-22px;left:18px}.portal-cloud.c1:after{width:38px;height:38px;top:-14px;left:60px}.portal-cloud.c2{opacity:.7;width:90px;height:20px;animation:52s linear -14s infinite portalCloud;top:26%}.portal-cloud.c2:before{width:40px;height:40px;top:-17px;left:14px}.portal-cloud.c2:after{width:30px;height:30px;top:-11px;left:46px}@keyframes portalCloud{0%{transform:translate(-180px)}to{transform:translate(calc(100vw + 180px))}}.portal-content{z-index:5;margin-bottom:8vh;padding:0 28px;animation:1s cubic-bezier(.2,.7,.2,1) both portalRise;position:relative}@keyframes portalRise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.portal-mark{width:76px;color:var(--sunshine);filter:drop-shadow(0 8px 24px #00000040);margin:0 auto 22px;display:block}.portal-eyebrow{font-family:var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--sunshine);text-indent:.32em;font-size:13px;font-weight:700;display:block}.portal h1{font-family:var(--serif);color:#fff;letter-spacing:-.02em;text-shadow:0 10px 40px #0a162859;margin:14px 0 0;font-size:clamp(48px,9vw,104px);font-weight:600;line-height:.98}.portal h1 em{color:var(--gold);font-style:italic}.portal-sub{font-family:var(--sans);color:#eaf2f5;max-width:30ch;margin:20px auto 0;font-size:clamp(16px,1.6vw,19px);line-height:1.6}.portal-cta{flex-wrap:wrap;justify-content:center;gap:13px;margin-top:32px;display:flex}.portal-boat{z-index:3;transform-origin:50% 90%;filter:drop-shadow(0 6px 10px #0a162840);width:98px;animation:5.5s ease-in-out infinite portalBoat;position:absolute;bottom:19%;left:18%}@keyframes portalBoat{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-12px)rotate(5deg)}}.portal-waves{z-index:2;pointer-events:none;height:46%;position:absolute;bottom:0;left:0;right:0}.portal-wave{width:200%;height:100%;position:absolute;bottom:0;left:0}.portal-wave svg{width:100%;height:100%;display:block}.portal-wave.w1{z-index:2;opacity:.55;animation:13s linear infinite portalWaveA}.portal-wave.w2{z-index:3;opacity:.8;height:78%;animation:9s linear infinite portalWaveB}.portal-wave.w3{z-index:4;height:56%;animation:6.5s linear infinite portalWaveA}@keyframes portalWaveA{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes portalWaveB{0%{transform:translate(-50%)}to{transform:translate(0)}}.portal-sand{z-index:4;background:linear-gradient(#f1ecd7 0%,#e7dfc0 100%);height:46px;position:absolute;bottom:0;left:0;right:0}.portal-sand:before{content:"";background:radial-gradient(60px 12px at 12% 100%,#fff9,#0000 70%),radial-gradient(80px 12px at 64% 100%,#ffffff80,#0000 70%);height:12px;position:absolute;top:-8px;left:0;right:0}.portal-shell{z-index:5;filter:drop-shadow(0 2px 3px #00000026);font-size:22px;line-height:1;position:absolute;bottom:8px}.portal-shell.s1{animation:6s ease-in-out infinite portalShell;left:12%}.portal-shell.s2{font-size:18px;animation:6s ease-in-out -2.5s infinite portalShell;bottom:12px;left:78%}@keyframes portalShell{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@media (max-width:600px){.portal-boat{width:74px;left:8%}.portal-sun{width:150px;height:150px}}@media (prefers-reduced-motion:reduce){.portal-sun,.portal-cloud,.portal-boat,.portal-wave,.portal-shell,.portal-content{animation:none!important}}