:root{--of-ink: #2a2622;--of-dim: #5e5850;--of-brand: #3b6b4c;--of-brand-2: #2f5640;--of-sage: #8fb996;--of-paper: #faf8f5;--of-card: #ffffff;--of-line: #e7e1d6;--of-sky: #e6eee2;--of-glass: rgba(255, 255, 255, .78);--of-glass-line: rgba(255, 255, 255, .9);--of-serif: "Fraunces", Georgia, "Times New Roman", serif;--of-sans: Inter, system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--of-paper);color:var(--of-ink);font:400 16px/1.6 var(--of-sans);-webkit-font-smoothing:antialiased}a{color:var(--of-brand)}:focus-visible{outline:3px solid var(--of-brand);outline-offset:2px}.of-skiplink{position:absolute;left:-999px;top:8px;z-index:50;background:#fff;padding:8px 12px;border-radius:8px}.of-skiplink:focus{left:8px}.of-top{color:var(--of-ink);position:absolute;inset:0 0 auto;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px clamp(16px,3vw,28px);pointer-events:none}.of-top>*{pointer-events:auto}.of-brand{font:800 1.2rem/1 var(--of-sans);letter-spacing:-.02em;color:var(--of-ink);text-decoration:none;background:var(--of-glass);padding:10px 14px;border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.of-brand b{color:var(--of-brand)}.of-nav{display:flex;align-items:center;gap:4px;background:var(--of-glass);padding:5px;border-radius:14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.of-nav a{color:var(--of-ink);text-decoration:none;font:500 .92rem/1 var(--of-sans);padding:10px 12px;border-radius:10px;min-height:40px;display:inline-flex;align-items:center}.of-nav a:hover{background:#8fb99633}.of-nav .of-profile{background:var(--of-brand);color:#fff;font-weight:600}.of-nav .of-profile:hover{background:var(--of-brand-2)}@media (max-width: 700px){.of-nav a:not(.of-profile){display:none}.of-nav{padding:0;background:none}}.of-hero{position:relative;color:var(--of-ink);height:100svh;min-height:540px;overflow:hidden;background:var(--of-sky)}@media (max-width: 700px){.of-hero{height:84svh;min-height:520px}}.of-hero canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.of-hero.static{background:linear-gradient(160deg,#eef4ea,#dcebd6 55%,#c9dfc3)}.of-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;font:500 .95rem var(--of-sans);color:var(--of-brand-2);background:var(--of-sky);transition:opacity .5s ease,visibility .5s;z-index:3}.of-loading.done{opacity:0;visibility:hidden}.of-spin{width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(59,107,76,.25);border-top-color:var(--of-brand);animation:of-spin .8s linear infinite}@keyframes of-spin{to{transform:rotate(360deg)}}.of-caption,.of-panel,.of-pill,.of-label{background:var(--of-glass);border:1px solid var(--of-glass-line);box-shadow:0 10px 30px #28342c24;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2)}.of-eyebrow{display:block;font:600 .7rem/1.2 var(--of-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--of-dim);margin:0 0 6px}.of-sub{display:block;color:var(--of-dim);font-size:.9rem;margin:4px 0 0}.of-caption{position:absolute;z-index:4;top:84px;left:50%;transform:translate(-50%);min-width:240px;max-width:calc(100% - 32px);text-align:center;padding:12px 22px 14px;border-radius:16px;pointer-events:none}.of-caption strong{display:block;font:600 1.55rem/1.15 var(--of-serif);color:var(--of-ink)}.pop{animation:of-pop .35s cubic-bezier(.2,.8,.3,1)}.of-caption.pop{animation-name:of-pop-c}@keyframes of-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes of-pop-c{0%{opacity:0;transform:translate(-50%,8px) scale(.98)}}.of-panel{position:absolute;z-index:5;right:clamp(16px,3vw,36px);top:50%;transform:translateY(-50%);width:340px;max-height:calc(100% - 180px);overflow:auto;padding:22px;border-radius:20px}.of-panel.pop{animation-name:of-pop-p}@keyframes of-pop-p{0%{opacity:0;transform:translateY(calc(-50% + 10px))}}.of-panel h2{font:600 1.6rem/1.15 var(--of-serif);margin:0}.of-panel .of-sub{margin:6px 0 14px}@media (max-width: 700px){.of-panel{inset:auto 0 66px;width:auto;transform:none;max-height:40%;padding:12px 16px 10px;border-radius:18px 18px 0 0;border-left:0;border-right:0}.of-panel.pop{animation-name:of-pop}.of-panel .of-eyebrow{display:none}.of-panel h2{font-size:1.15rem}.of-panel .of-sub{font-size:.84rem;margin:2px 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.of-panel .of-menu-grid{margin:0 -16px;padding:0 16px 4px}.of-panel .of-btn-primary{width:auto}.of-caption{top:72px;padding:10px 16px 12px}.of-caption strong{font-size:1.25rem}.of-bottom{bottom:14px}}.of-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}@media (max-width: 700px){.of-menu-grid{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.of-menu-grid::-webkit-scrollbar{display:none}.of-menu-grid>*{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap;width:auto!important}.of-menu-grid .of-menu-link{text-decoration:none;background:#ffffffb3;border:1px solid var(--of-line);border-radius:12px;padding:0 14px}.of-panel .of-row{margin-top:6px}}.of-menu-item{display:flex;justify-content:space-between;align-items:center;gap:6px;min-height:48px;padding:10px 12px;border-radius:12px;border:1px solid var(--of-line);background:#fff;color:var(--of-ink);font:600 .9rem/1.2 var(--of-sans);text-align:left;text-decoration:none;cursor:pointer;transition:border-color .15s,transform .15s,background .15s}.of-menu-item span{color:var(--of-dim)}.of-menu-item:hover{border-color:var(--of-sage);background:#f6faf4;transform:translateY(-1px)}.of-menu-grid .of-menu-boss,.of-menu-grid .of-menu-link{grid-column:1 / -1}.of-menu-grid .of-menu-link{justify-self:center}.of-menu-boss{display:flex;justify-content:center;gap:6px;width:100%;min-height:46px;padding:10px;border-radius:12px;border:1.5px dashed var(--of-sage);background:#8fb9961f;color:var(--of-brand-2);font:600 .92rem var(--of-sans);text-decoration:none;cursor:pointer}.of-menu-boss:hover{background:#8fb9963d}.of-menu-link{background:none;border:0;color:var(--of-dim);font:500 .88rem var(--of-sans);padding:10px 6px;min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.of-menu-link:hover{color:var(--of-ink)}.of-panel>.of-menu-link{display:block;margin:4px auto 0}.of-row{display:flex;gap:8px;justify-content:space-between;margin-top:8px}.of-row .of-btn{flex:1}.of-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border-radius:12px;border:1px solid var(--of-line);background:#fff;color:var(--of-ink);font:600 .95rem var(--of-sans);text-decoration:none;transition:transform .15s,background .15s}.of-btn:hover{transform:translateY(-1px);background:#f6faf4}.of-btn-primary{background:var(--of-brand);border-color:var(--of-brand);color:#fff}.of-btn-primary:hover{background:var(--of-brand-2)}.of-panel .of-btn-primary{width:100%}.of-bottom{position:absolute;z-index:5;left:50%;bottom:18px;transform:translate(-50%);display:flex;gap:8px}.of-pill{min-height:42px;padding:0 16px;border-radius:99px;display:inline-flex;align-items:center;gap:6px;color:var(--of-ink);font:600 .88rem var(--of-sans);text-decoration:none;cursor:pointer;white-space:nowrap}.of-pill:hover{background:#fff}.of-pill[hidden]{display:none}.of-labels{position:absolute;inset:0;pointer-events:none;z-index:2}.of-labels:not(.on){display:none}.of-label{position:absolute;left:0;top:0;pointer-events:auto;padding:7px 13px;min-height:34px;border-radius:99px;color:var(--of-brand-2);font:600 .82rem var(--of-sans);cursor:pointer;white-space:nowrap;transition:background .15s;will-change:transform}.of-label:hover{background:#fff}.of-details{max-width:1100px;margin:0 auto;padding:clamp(48px,7vw,88px) 20px 40px}.of-intro h1{font:600 clamp(2rem,4.6vw,3.3rem)/1.08 var(--of-serif);margin:0 0 14px;letter-spacing:-.01em}.of-lede{font-size:1.1rem;color:var(--of-dim);max-width:66ch;margin:0 0 22px}.of-stats{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-wrap:wrap;gap:10px}.of-stats li{background:#fff;border:1px solid var(--of-line);border-radius:12px;padding:8px 14px;color:var(--of-dim);font-size:.92rem}.of-stats b{color:var(--of-ink);font-size:1.05rem;margin-right:4px}.of-ctas{display:flex;flex-wrap:wrap;gap:10px}.of-rooms{margin-top:clamp(48px,7vw,80px)}.of-rooms h2{font:600 1.8rem/1.2 var(--of-serif);margin:0 0 18px}.of-room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.of-room{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:16px;background:var(--of-card);border:1px solid var(--of-line);color:var(--of-ink);text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}.of-room:hover{transform:translateY(-3px);box-shadow:0 12px 28px #28342c1a;border-color:var(--of-sage)}.of-room h3{font:600 1.2rem/1.2 var(--of-serif);margin:0}.of-room p{margin:0;color:var(--of-dim);font-size:.95rem;flex:1}.of-go{color:var(--of-brand);font-weight:600;font-size:.92rem;margin-top:6px}.of-foot{max-width:1100px;margin:0 auto;padding:24px 20px 40px;color:var(--of-dim);font-size:.9rem;border-top:1px solid var(--of-line)}@media (prefers-color-scheme: dark){:root{--of-ink: #efeae3;--of-dim: #b7afa5;--of-paper: #151311;--of-card: #1f1c19;--of-line: #34302b;--of-brand: #a9cdb0;--of-brand-2: #d3e8d7}.of-details .of-btn{background:var(--of-card);color:var(--of-ink)}.of-details .of-btn-primary{background:var(--of-brand);color:#14241a}.of-stats li{background:var(--of-card)}.of-hero,.of-top{--of-ink: #2a2622;--of-dim: #5e5850;--of-brand: #3b6b4c;--of-brand-2: #2f5640;--of-line: #e7e1d6}}@media (prefers-reduced-motion: reduce){.pop,.of-spin{animation:none!important}html{scroll-behavior:auto}}