:root{color-scheme:light;--paper:#f4f1e9;--ink:#293b35;--muted:#65716a;--brass:#847353;--light:#f6f3e7;--line:#d8d8ca;font-family:"Helvetica Neue",Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:6px}button[hidden],div[hidden],[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:20px;top:-80px;background:var(--paper);z-index:30;padding:14px 20px}.skip-link:focus{top:15px}.stillwater-app{max-width:1920px;margin:auto;padding:0 30px}.site-header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 8px}.brand{text-decoration:none;display:flex;align-items:center;gap:16px}.brand-word{font-family:Georgia,"Times New Roman",serif;font-size:2.2rem;letter-spacing:.025em;line-height:1.15}.brand-city{font-size:.75rem;letter-spacing:.26em;padding-top:5px}.header-note{font-family:Georgia,"Times New Roman",serif;font-style:italic;color:var(--muted);font-size:1rem;letter-spacing:.01em}.sound-toggle{border:0;background:transparent;display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;color:var(--ink);font-size:.875rem;padding:10px 6px;flex-shrink:0}.sound-on-icon{display:none}.sound-toggle[aria-pressed=true] .sound-on-icon{display:block}.sound-toggle[aria-pressed=true] .sound-off-icon{display:none}
.garden{height:calc(100svh - 162px);min-height:590px;max-height:1080px;position:relative;isolation:isolate;overflow:hidden;background:#194640;border-radius:3px}.garden-image,#water-canvas,.garden-shade,.water-surface{position:absolute;inset:0;width:100%;height:100%}.garden-image{object-fit:cover;object-position:center;z-index:-4}#water-canvas{z-index:-3;display:block;opacity:0;transition:opacity 1s}.garden.rendered #water-canvas{opacity:1}.garden-shade{z-index:-2;pointer-events:none;background:linear-gradient(180deg,rgba(9,32,28,.39),rgba(9,32,28,.08) 47%,rgba(9,32,28,.48)),radial-gradient(ellipse at 50% 22%,rgba(9,32,28,.29),transparent 65%)}.water-surface{border:0;border-radius:0;background:transparent;color:var(--light);cursor:crosshair;z-index:0;outline-offset:-10px}.water-surface:focus-visible{outline:2px solid rgba(246,243,231,.75);outline-offset:-10px}.water-surface:disabled{cursor:default}.garden-top{position:absolute;top:31px;left:36px;right:36px;color:var(--light);display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none}.garden-top>span:first-child{font-size:.75rem;letter-spacing:.22em}.garden-top-right{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:1rem}.moment-copy{position:absolute;left:24px;right:24px;top:21%;text-align:center;color:var(--light);pointer-events:none;transition:opacity .8s ease-in-out}.moment-copy.changing{opacity:0}.moment-label{display:block;font-size:.75rem;letter-spacing:.27em;margin-bottom:17px}.moment-copy h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(2.5rem,5.6vw,5.5rem);letter-spacing:-.028em;line-height:1.13;margin:0 0 19px;text-wrap:balance}.moment-copy p{font-size:1rem;line-height:1.6;font-weight:400;margin:0;color:#f6f3e7;text-wrap:balance}.moment-copy.resting{top:23%}.moment-copy.resting h1{font-size:clamp(2.3rem,5vw,4.7rem)}.first-touch{position:absolute;left:50%;top:64%;width:76px;height:76px;transform:translate(-50%,-50%);pointer-events:none;opacity:.85;transition:opacity 1s}.first-touch span{position:absolute;border:1px solid rgba(246,243,231,.56);border-radius:50%;inset:0}.first-touch span:nth-child(2){inset:14px;opacity:.6}.first-touch span:nth-child(3){inset:29px;background:rgba(246,243,231,.7);border:0}.first-touch.touched{opacity:0}.garden-bottom{position:absolute;bottom:25px;left:36px;right:36px;display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none}.moments{display:flex;gap:26px;list-style:none;margin:0;padding:0;color:#e5e9dc;font-size:.875rem}.moments li{opacity:.58;padding:8px 0;position:relative;transition:opacity .7s}.moments li.current,.moments li.complete{opacity:1}.moments li.current:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#e5e9dc}.moments li.complete:after{content:"";position:absolute;left:50%;bottom:1px;width:3px;height:3px;border-radius:50%;background:#e5e9dc}.garden-actions{display:flex;align-items:center;gap:20px;pointer-events:auto}.garden-text-button{border:0;background:transparent;padding:12px 0;min-height:44px;color:var(--light);font-size:.875rem;text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(246,243,231,.4)}.garden-text-button:hover{text-decoration-color:var(--light)}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:62px;padding:15px 8px;font-size:.8125rem;color:var(--muted)}.site-footer>span{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:.9375rem}.site-footer a{text-decoration:none}.site-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.invitation-wrap{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;padding:35px;background:rgba(11,35,30,.12)}.invitation{background:rgba(247,244,235,.97);padding:42px 42px 28px;max-width:440px;width:100%;text-align:center;box-shadow:0 16px 75px rgba(8,27,23,.14);border-radius:2px;animation:arrive 1.1s both;max-height:100%;overflow-y:auto}.invitation:focus{outline:none}.invitation-eyebrow{font-size:.75rem;letter-spacing:.24em;color:var(--brass)}.invitation h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.25rem,3.5vw,3.15rem);line-height:1.13;letter-spacing:-.025em;font-weight:400;margin:22px 0 18px}.invitation p{font-size:1rem;line-height:1.6;margin:0}.invitation-rule{width:32px;height:1px;background:#b7aa8a;margin:24px auto}.invitation .invitation-detail{font-size:.9375rem;color:#5c675e;line-height:1.55}.visit-button{display:flex;align-items:center;justify-content:center;gap:18px;background:var(--ink);color:var(--paper);text-decoration:none;min-height:50px;margin:28px 0 8px;padding:13px 22px;font-size:.9375rem;border:1px solid var(--ink);transition:background .2s}.visit-button:hover{background:#3d5248}.visit-button>span[aria-hidden]{font-size:1.15rem}.stay-button{border:0;background:transparent;color:var(--ink);font-size:.875rem;min-height:44px;padding:13px 16px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#b7bcac}.noscript-note{padding:20px;line-height:1.6}.no-js .water-surface{display:none}
.garden.complete .garden-bottom{visibility:hidden}
@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.stillwater-app{padding:0 50px}.site-header{min-height:116px}.garden{height:calc(100svh - 184px)}.site-footer{min-height:68px}}
@media(max-width:700px){.stillwater-app{padding:0 14px}.site-header{min-height:82px;padding:12px 3px;gap:12px}.brand{gap:10px}.brand-word{font-size:1.8rem}.brand-city{font-size:.6875rem;letter-spacing:.18em}.header-note{display:none}.sound-toggle{font-size:.8125rem;gap:7px}.garden{height:calc(100svh - 146px);min-height:560px;max-height:none}.garden-top{top:23px;left:22px;right:22px}.garden-top>span:first-child{font-size:.75rem;letter-spacing:.2em}.garden-top-right{font-size:.9375rem}.moment-copy{top:23%;left:20px;right:20px}.moment-copy h1{font-size:clamp(2.6rem,10vw,4rem);margin-bottom:18px}.moment-copy p{max-width:260px;margin:auto}.moment-label{margin-bottom:17px}.first-touch{top:65%}.garden-bottom{left:22px;right:22px;bottom:20px;flex-direction:column;gap:9px}.moments{gap:28px}.garden-actions{gap:25px}.garden-text-button{font-size:.8125rem}.site-footer{min-height:64px;padding:15px 3px;font-size:.75rem;gap:12px}.site-footer>span{font-size:.875rem}.invitation-wrap{padding:21px}.invitation{padding:31px 25px 21px}.invitation h2{font-size:2.5rem}.invitation p{font-size:.9375rem}.invitation-rule{margin:21px auto}.invitation .invitation-detail{font-size:.875rem}.visit-button{margin-top:23px}}
@media(max-width:370px){.stillwater-app{padding:0 10px}.brand-city{display:none}.garden-top-right{display:none}.moment-copy h1{font-size:2.5rem}.invitation-wrap{padding:16px}.invitation{padding:27px 20px 18px}.invitation h2{font-size:2.2rem}}
@media(orientation:landscape) and (max-height:600px){.garden{min-height:580px}.moment-copy{top:22%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep the established text position after removing the named stages. */
.moment-copy{padding-top:31px}.garden-bottom{justify-content:flex-end}

.motion-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;border:0;background:transparent;color:var(--light);opacity:.7}.motion-toggle:hover,.motion-toggle:focus-visible{opacity:1}.motion-toggle .motion-play{display:none}.motion-toggle[aria-pressed=false] .motion-play{display:block}.motion-toggle[aria-pressed=false] .motion-pause{display:none}

.water-surface{touch-action:none}

.moment-copy.entering{animation:prompt-enter .8s ease-in-out}
@keyframes prompt-enter{from{opacity:0}to{opacity:1}}