@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#353149;background:#263c5d;font-synthesis:none;--night:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #ebf4cd;outline-offset:6px}.skip{position:fixed;left:20px;top:-80px;background:#fff;padding:15px;z-index:100}.skip:focus{top:20px}header{position:absolute;top:0;left:0;width:100%;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:36px 4.5vw}.brand img{display:block;width:230px;height:auto}nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:500}nav span{margin-left:14px}.contact-link{border:1px solid #49405a55;border-radius:30px;padding:12px 22px}.journey{height:235svh;position:relative}.scene-wrap{height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden;background:#a38bcb}.landscape{position:absolute;inset:0;will-change:transform}#scene{height:100%;width:100%;display:block}.hero-copy{position:absolute;left:10%;top:23%;will-change:transform,opacity}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:600;line-height:1.8}.tiny-star{font-size:17px;vertical-align:middle;margin-right:10px}h1,h2{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-3.6px;margin:24px 0;font-size:clamp(42px,4.9vw,79px);line-height:1.12}h1 em,h2 em{font-family:Georgia,serif;font-weight:700;letter-spacing:-3px}.intro{font-size:15px;line-height:1.85;color:#51445f}.explore{margin-top:25px;font-size:12px;display:inline-flex;gap:30px;align-items:center;border-bottom:1px solid #49405a66;padding:0 0 10px}.explore span{font-size:20px}.scene-footer{position:absolute;left:4.5%;right:4.5%;bottom:28px;display:flex;align-items:center;justify-content:space-between;color:#e8dce8;font-size:9px;letter-spacing:2px}.scroll-note{display:flex;align-items:center;gap:10px}.scroll-note i{width:12px;height:20px;border:1px solid #ded7e3;border-radius:8px;position:relative}.scroll-note i:after{content:'';position:absolute;width:2px;height:5px;background:#ded7e3;left:4px;top:4px;animation:scroll 1.8s infinite}#motion{border:0;background:transparent;color:inherit;font-size:11px;padding:8px}#motion span{margin-left:8px;letter-spacing:.5px}.night{opacity:var(--night)}#moon{opacity:0}.night-copy{position:absolute;top:25%;left:10%;opacity:0;color:#f2e3e9;pointer-events:none}.night-copy h2{font-size:clamp(42px,4.8vw,76px)}.night-marker{position:absolute;top:100svh}.star{animation:twinkle var(--duration) ease-in-out infinite;animation-delay:var(--delay);transform-box:fill-box;transform-origin:center}.aurora{transform-origin:center;animation:aurora 10s ease-in-out infinite alternate}.a2{animation-duration:14s;animation-delay:-6s}.leg{transform-box:fill-box;transform-origin:50% 0;animation:legs 2.6s ease-in-out infinite alternate}.leg-right{animation-delay:-1.3s}.eyes{animation:blink 6s infinite;transform-box:fill-box;transform-origin:center}.clouds{animation:drift 24s ease-in-out infinite alternate}#ripples{animation:shimmer 6s ease-in-out infinite alternate}.underwater{min-height:1100px;position:relative;padding:125px 24px 30px;color:#e9e1ef;overflow:hidden;scroll-margin-top:0}.underwater-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.contact-heading{position:relative;text-align:center}.contact-heading h2{font-size:clamp(48px,5vw,76px);margin:17px 0}.contact-heading>p:last-child{font-size:14px;color:#bfd0dc}.contact-heading .eyebrow{color:#a8c8d5}.card-stage{position:relative;max-width:760px;min-height:455px;margin:42px auto 120px}.contact-card{background:#f5edf2;border:1px solid #fff9;color:#494057;border-radius:16px;padding:32px 40px;box-shadow:0 30px 100px #14253c44;animation:float 7s ease-in-out infinite;transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .65s}.card-top{display:flex;align-items:center;gap:12px;margin-bottom:30px;font-size:9px;letter-spacing:1.9px}.card-top>span:last-child{margin-left:auto;font-size:24px;color:#a892b4}.card-spark{font-size:29px;color:#9d85ad}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:26px}label{display:block;font-size:12px;font-weight:500;margin-bottom:24px}input,textarea{display:block;width:100%;margin-top:11px;border:0;border-bottom:1px solid #cfc2d2;padding:12px 0;background:transparent;border-radius:0;color:#453c53;font-size:13px;outline:none;resize:vertical}input:focus,textarea:focus{border-color:#81639a;box-shadow:0 1px #81639a}input::placeholder,textarea::placeholder{color:#a295a9}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}.card-bottom>span{font-size:10px;color:#95889c}.send{background:#6b587e;color:#fff4ee;border:0;border-radius:28px;padding:15px 22px;font-size:12px;transition:background .2s,transform .2s}.send:hover{background:#806391;transform:translateY(-2px)}.send span{margin-left:20px}.send:disabled{opacity:.6;cursor:wait}#formStatus{font-size:12px;line-height:1.5;margin-bottom:0;color:#8c425c}.honey{position:absolute;left:-10000px}.contact-card.departed{animation:none;transform:translateY(-90px) scale(.95);opacity:0;pointer-events:none}.thank-you{position:absolute;inset:20px 0;text-align:center;padding:50px 15px;animation:arrive 1.1s both}.thank-you>span{font-size:48px;color:#ddc3ed;text-shadow:0 0 35px #f7c8f4}.thank-you h2{font-size:80px;color:#f9d3eb;text-shadow:0 0 50px #edb5e886}.thank-you>p:last-of-type{line-height:1.8;font-size:14px;color:#c5d5df}.thank-you button{border:0;border-bottom:1px solid #b2b3d3;background:none;color:#e9e1ef;padding:12px;font-size:12px}footer{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1400px;margin:auto;font-size:11px;color:#a5b7ca;letter-spacing:.3px}.bubble{animation:bubble var(--duration) linear infinite;animation-delay:var(--delay)}.seaweed{transform-origin:bottom;animation:sway 7s ease-in-out infinite alternate}.fish-school{animation:swim 18s ease-in-out infinite alternate}.paused *, .paused *:before,.paused *:after{animation-play-state:paused!important}@keyframes twinkle{0%,100%{opacity:.12;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}@keyframes legs{to{transform:rotate(17deg)}}@keyframes blink{0%,45%,49%,100%{transform:scaleY(1)}47%{transform:scaleY(.1)}}@keyframes aurora{to{transform:translate(60px,20px) skewX(9deg);opacity:.6}}@keyframes drift{to{transform:translateX(35px)}}@keyframes shimmer{to{transform:translateX(18px);opacity:.5}}@keyframes float{50%{transform:translateY(-9px)}}@keyframes bubble{from{transform:translateY(80px);opacity:0}10%,75%{opacity:.45}to{transform:translate(30px,-1150px);opacity:0}}@keyframes sway{to{transform:skewX(3deg)}}@keyframes swim{to{transform:translateX(-180px)}}@keyframes arrive{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes scroll{to{transform:translateY(6px);opacity:0}}@media(min-aspect-ratio:18/10){#scene{transform:translateY(-4%) scale(1.08)}}@media(max-width:700px){header{padding:25px 6%}.brand img{width:175px}nav{gap:0}nav>a:first-child{display:none}.contact-link{padding:10px 15px;font-size:11px}.scene-wrap{min-height:650px}.hero-copy,.night-copy{left:7%;right:7%;top:21%}h1{font-size:46px;letter-spacing:-2.7px}h1 em{letter-spacing:-2px}.hero-copy .eyebrow{max-width:270px;font-size:8px;letter-spacing:1.7px}.intro{font-size:13px}#scene{width:180%;max-width:none;margin-left:-55%}.scene-footer{left:7%;right:7%;font-size:8px;letter-spacing:1px}.scroll-note{display:none}.underwater{padding:100px 20px 25px;min-height:1050px}.contact-heading .eyebrow{font-size:8px;letter-spacing:1.4px}.contact-heading h2{letter-spacing:-2px}.contact-card{padding:25px}.field-pair{grid-template-columns:1fr;gap:0}.card-top{font-size:7px;letter-spacing:1px}.card-bottom{align-items:flex-start;flex-direction:column;gap:20px}.send{width:100%;display:flex;justify-content:space-between}.card-stage{margin-bottom:90px;min-height:550px}footer{flex-wrap:wrap;font-size:10px;justify-content:center}footer>a:first-child{width:100%;text-align:center}.thank-you h2{font-size:64px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.intro{color:#3f334d;font-weight:500}.hero-copy .explore{font-weight:600}.night-copy h2{text-shadow:0 2px 20px #29244933}#farMountains{transform:translateY(70px)}#middleMountains{transform:translateY(40px)}

@media(max-width:700px){#scene{width:100%;margin-left:0}input,textarea{font-size:16px}.hero-copy{top:20%}.night-copy{top:22%}.contact-heading h2{font-size:46px}}
