:root{--forest:#0b211b;--forest-2:#15372c;--mist:#e8eee8;--paper:#f6f3ec;--ink:#14211b;--water:#7aa7a1;--gold:#d5a75a;--line:rgba(20,33,27,.18);--serif:"Libre Caslon Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}.nav{height:84px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:var(--forest);color:white;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:13px;font-weight:600;letter-spacing:.01em}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.55);border-radius:50%;font-family:var(--serif);font-size:14px}.nav nav{display:flex;gap:34px;font-size:14px}.nav nav a{opacity:.78}.nav nav a:hover{opacity:1}.nav-cta{font-size:14px;border-bottom:1px solid var(--gold);padding-bottom:4px}.hero{position:relative;min-height:calc(100svh - 84px);display:flex;align-items:center;color:white;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,20,16,.82) 0%,rgba(4,20,16,.48) 42%,rgba(4,20,16,.08) 72%),linear-gradient(0deg,rgba(4,20,16,.4),transparent 45%)}.hero-content{position:relative;z-index:1;max-width:720px;padding:7vw clamp(24px,7vw,110px)}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:12px;font-weight:600;margin:0 0 24px;color:var(--gold)}.eyebrow.dark{color:#5d786e}.hero h1,.section-heading h2,.intro h2,.map-copy h2,.vision h2,.connect h2{font-family:var(--serif);font-weight:400;line-height:.94;margin:0}.hero h1{font-size:clamp(64px,10vw,142px);letter-spacing:-.045em}.hero-copy{font-size:clamp(17px,2vw,21px);line-height:1.55;max-width:580px;margin:32px 0;color:rgba(255,255,255,.85)}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;font-weight:600;font-size:14px;transition:.25s transform,.25s background}.button:hover{transform:translateY(-2px)}.button-light{background:white;color:var(--forest)}.button-dark{background:var(--forest);color:white}.text-link{font-size:14px;border-bottom:1px solid rgba(255,255,255,.5);padding:5px 0}.hero-note{position:absolute;right:28px;bottom:20px;margin:0;font-size:12px;opacity:.62;z-index:1}.intro{display:grid;grid-template-columns:1fr 1.15fr;gap:10vw;padding:clamp(80px,12vw,170px) clamp(24px,7vw,110px)}.intro h2,.map-copy h2,.connect h2{font-size:clamp(48px,6vw,86px);letter-spacing:-.035em}.intro-copy>p{font-size:clamp(19px,2vw,25px);line-height:1.55;margin:48px 0 36px}.values{display:flex;gap:10px;flex-wrap:wrap}.values span{border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:13px}.explore{background:var(--forest);color:white;padding:clamp(80px,10vw,145px) clamp(24px,7vw,110px)}.section-heading{display:grid;grid-template-columns:.55fr 1.2fr 1fr;gap:5vw;align-items:end;margin-bottom:64px}.section-heading h2{font-size:clamp(52px,7vw,100px);letter-spacing:-.04em}.section-heading>p:last-child{color:rgba(255,255,255,.62);max-width:390px}.experience-shell{border-top:1px solid rgba(255,255,255,.2)}.experience-tabs{display:flex;gap:36px;padding:24px 0}.experience-tab{border:0;background:none;color:rgba(255,255,255,.45);padding:5px 0;cursor:pointer;font-weight:600}.experience-tab.active{color:white;border-bottom:2px solid var(--gold)}.experience-panel{display:grid;grid-template-columns:.35fr 1.2fr .8fr;gap:5vw;padding:70px 0 10px;min-height:330px}.panel-number{font-family:var(--serif);font-size:52px;color:var(--water);margin:0}.panel-kicker{text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:var(--gold);margin:0 0 16px}.experience-panel h3{font-family:var(--serif);font-size:clamp(38px,5vw,68px);line-height:1;margin:0 0 24px;font-weight:400}.experience-panel p{color:rgba(255,255,255,.68);max-width:590px}.experience-panel ul{list-style:none;margin:0;padding:0}.experience-panel li{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.75)}.map-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;padding:clamp(80px,11vw,160px) clamp(24px,7vw,110px);background:var(--mist)}.map-copy>p{max-width:420px}.map-detail{margin-top:55px;border-top:1px solid var(--line);padding-top:22px}.map-detail span{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:600;color:#4e6f64}.map-detail p{font-size:18px}.site-map{position:relative;min-height:570px;border:1px solid rgba(20,33,27,.15);border-radius:50% 43% 46% 52%;background:#dce6df;overflow:hidden}.contour{position:absolute;border:1px solid rgba(20,33,27,.12);border-radius:50%}.contour-a{inset:11%}.contour-b{inset:24% -5% 4% 19%}.creek-line{position:absolute;width:140%;height:120px;background:var(--water);left:-20%;top:46%;transform:rotate(-14deg);border-radius:50%;opacity:.75}.map-point{position:absolute;z-index:2;border:0;background:var(--paper);color:var(--ink);border-radius:999px;padding:11px 16px;box-shadow:0 8px 30px rgba(20,33,27,.12);cursor:pointer;font-size:13px;transition:.25s transform,.25s background}.map-point:hover,.map-point.active{transform:scale(1.06);background:var(--forest);color:white}.map-point span{color:var(--gold);margin-right:7px}.map-point.creek{left:17%;top:57%}.map-point.yurt{left:55%;top:24%}.map-point.tents{right:8%;bottom:22%}.map-point.grove{left:24%;top:16%}.map-caption{position:absolute;right:8%;bottom:7%;font-size:11px;text-transform:uppercase;letter-spacing:.12em;opacity:.55}.vision{background:#c9a976;color:var(--forest);padding:clamp(80px,11vw,160px) clamp(24px,7vw,110px)}.vision-title{display:flex;justify-content:space-between;align-items:start;gap:60px}.vision h2{font-size:clamp(54px,8vw,110px);letter-spacing:-.045em}.vision .eyebrow{color:var(--forest)}.vision-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:90px;border-top:1px solid rgba(11,33,27,.25)}.vision-grid article{padding:28px 34px 0 0;border-right:1px solid rgba(11,33,27,.2)}.vision-grid article+article{padding-left:34px}.vision-grid article:last-child{border:0}.vision-grid span{text-transform:uppercase;font-size:11px;letter-spacing:.17em}.vision-grid h3{font-family:var(--serif);font-size:31px;font-weight:400;margin:24px 0 12px}.vision-grid p{opacity:.72}.quote-section{min-height:70vh;background:var(--forest-2);color:white;display:grid;place-items:center;text-align:center;padding:90px 24px;position:relative;overflow:hidden}.quote-section blockquote{font-family:var(--serif);font-size:clamp(44px,7vw,96px);line-height:1.04;max-width:1050px;margin:0;position:relative;z-index:2}.ripple{position:absolute;width:700px;height:240px;bottom:-70px}.ripple i{position:absolute;inset:0;border:1px solid rgba(122,167,161,.25);border-radius:50%}.ripple i:nth-child(2){inset:28px 85px}.ripple i:nth-child(3){inset:60px 170px}.connect{text-align:center;padding:clamp(90px,13vw,190px) 24px}.connect h2{font-size:clamp(50px,7vw,94px)}.connect>p:not(.eyebrow){max-width:630px;margin:30px auto;color:#59665f;font-size:19px}.connect .button{margin-top:18px}footer{background:var(--forest);color:white;padding:36px clamp(24px,7vw,110px);display:grid;grid-template-columns:1fr auto auto;gap:40px;align-items:center;font-size:13px}footer p{opacity:.58}.footer-brand{justify-self:start}@media(max-width:820px){.nav{height:70px}.nav nav{display:none}.hero{min-height:calc(100svh - 70px)}.hero-content{padding-top:80px}.hero-note{display:none}.intro,.map-section{grid-template-columns:1fr}.intro-copy>p{margin-top:10px}.section-heading{grid-template-columns:1fr}.section-heading .eyebrow{margin-bottom:0}.experience-panel{grid-template-columns:1fr;gap:10px}.panel-number{font-size:32px}.site-map{min-height:480px}.vision-title{display:block}.vision-grid{grid-template-columns:1fr;margin-top:55px}.vision-grid article,.vision-grid article+article{border-right:0;border-bottom:1px solid rgba(11,33,27,.2);padding:26px 0}.vision-grid article:last-child{border-bottom:0}.quote-section{min-height:60vh}footer{grid-template-columns:1fr;gap:5px}.footer-brand{margin-bottom:16px}}@media(max-width:480px){.nav-cta{display:none}.hero h1{font-size:62px}.section-heading h2,.intro h2,.map-copy h2,.vision h2,.connect h2{font-size:48px}.experience-tabs{gap:22px}.site-map{min-height:410px}.map-point{padding:9px 11px}.map-point.tents{right:3%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.map-point{transition:none}}
.brand-logo{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}.footer-logo{width:68px;height:68px}
.brand-logo-wrap{width:72px;height:72px;display:grid;place-items:center;background:#e4bf7b;border-radius:50%;box-shadow:0 4px 18px rgba(0,0,0,.2);overflow:hidden}.brand-logo{width:68px;height:68px;filter:none}.footer-mark{width:82px;height:82px}.footer-logo{width:78px;height:78px}.nav{height:96px}.people{padding:clamp(85px,11vw,160px) clamp(24px,7vw,110px);background:var(--paper)}.people-heading{display:grid;grid-template-columns:.55fr 1.25fr 1fr;gap:5vw;align-items:end;padding-bottom:65px;border-bottom:1px solid var(--line)}.people-heading h2{font-family:var(--serif);font-weight:400;font-size:clamp(50px,6.5vw,92px);line-height:.98;letter-spacing:-.04em;margin:0}.people-heading>p:last-child{color:#58675f;max-width:420px}.bio-list{display:grid}.bio-card{display:grid;grid-template-columns:.25fr 1fr;padding:70px 0;border-bottom:1px solid var(--line)}.bio-number{font-family:var(--serif);font-size:44px;color:#79948a}.bio-content{max-width:920px}.bio-role{text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:600;color:#6a8178;margin:0 0 14px}.bio-content h3{font-family:var(--serif);font-size:clamp(42px,5vw,68px);line-height:1;margin:0 0 30px;font-weight:400}.bio-content h3 span{font-family:var(--sans);font-size:14px;letter-spacing:.08em;text-transform:uppercase;margin-left:18px;color:#5d6b64;white-space:nowrap}.bio-content>p:not(.bio-role){font-size:18px;line-height:1.75;color:#3f4d46}.bio-content blockquote{margin:34px 0 0;padding-left:24px;border-left:2px solid var(--gold);font-family:var(--serif);font-size:28px}.bio-content cite{display:block;font-family:var(--sans);font-size:13px;font-style:normal;margin-top:7px;color:#68766f}@media(max-width:820px){.nav{height:82px}.brand-logo-wrap{width:62px;height:62px}.brand-logo{width:58px;height:58px}.people-heading{grid-template-columns:1fr}.bio-card{grid-template-columns:1fr;padding:50px 0}.bio-number{font-size:28px;margin-bottom:18px}.bio-content h3 span{display:block;margin:12px 0 0}.footer-mark{width:72px;height:72px}.footer-logo{width:68px;height:68px}}
.hero{min-height:calc(100svh - 96px)}
@media(max-width:820px){.hero{min-height:calc(100svh - 82px)}}

/* Mystic Waters: twilight, mineral blue, and soft gold. */
:root{--forest:#33394f;--forest-2:#424760;--mist:#e4e9ed;--paper:#f5f3ef;--ink:#303447;--water:#9aafb9;--gold:#e2c58c;--line:rgba(48,52,71,.19)}
.nav{background:#e4e9ed;color:#303447;height:112px;border-bottom:1px solid #c7ced7}.nav nav{gap:24px}.brand-logo-wrap{background:#eadcc1;box-shadow:none;width:90px;height:90px;border:1px solid #c7b990}.brand-logo{width:84px;height:84px}.brand{font-family:var(--serif);font-size:25px;font-weight:400}.nav-cta{font-family:var(--sans)}
.hero{min-height:calc(100svh - 112px)}.hero-shade{background:linear-gradient(90deg,rgba(39,42,64,.9),rgba(55,62,80,.53) 49%,rgba(66,75,93,.1)),linear-gradient(0deg,rgba(52,58,81,.7),transparent 60%)}.hero-content{max-width:950px}.hero h1{font-size:clamp(59px,7.7vw,110px)}.hero-copy{max-width:590px}.hero>img{filter:saturate(.66)}.hero-note{display:block;font-size:12px;max-width:90%}
.eyebrow.dark,.bio-role{color:#616b85}.intro{background:radial-gradient(ellipse at top right,#dde5ec,transparent 65%);position:relative}.intro h2{max-width:560px}.values span{border-color:#aab6c5}.explore{background:radial-gradient(ellipse at 90% 0%,#677086 0,transparent 62%),#41475f;border-radius:120px 0 0 0}.experience-panel{padding-top:40px}.panel-number{color:#c9b7df}.map-section{background:#e4e9ed}.site-map{background:#d3dce3;border-color:#a8b8c6}.map-detail span{color:#56647b}.vision{background:#e5d8bc}.quote-section{background:radial-gradient(ellipse at 50% 110%,#8796ab 0%,#555b78 48%,#41475f 100%);min-height:55vh}.quote-section blockquote{font-size:clamp(42px,6vw,80px)}.connect{background:radial-gradient(ellipse at bottom,#dfe5ee,transparent 75%)}.connect .eyebrow{color:#766340}.people-heading>p:last-child,.bio-content>p:not(.bio-role){color:#505b6b}.bio-number{color:#8c829e}.bio-content h3 span{color:#656b80}
.hosting{display:grid;grid-template-columns:1fr 1.1fr;gap:8vw;padding:clamp(80px,10vw,140px) clamp(24px,7vw,110px);background:linear-gradient(140deg,#ece8f0,#f5f3ef 60%,#e1e8ed)}.hosting h2{font:400 clamp(48px,5.5vw,78px)/1.02 var(--serif);letter-spacing:-.025em;margin:0 0 28px}.hosting-intro>p:not(.eyebrow){font-size:18px;color:#515a6d;max-width:500px}.hosting-note{display:block;font-size:13px;color:#62657a;margin-top:28px}.accordion{border-top:1px solid #b5b7c5}.accordion details{border-bottom:1px solid #b5b7c5}.accordion summary{font-size:20px;font-weight:500;list-style:none;cursor:pointer;padding:25px 35px 25px 0;position:relative}.accordion summary::-webkit-details-marker{display:none}.accordion summary::after{content:'+';position:absolute;right:4px;font-weight:400;font-size:26px;top:19px}.accordion details[open] summary::after{content:'−'}.accordion details[open] summary{color:#555277}.accordion details>div{padding:0 30px 22px 0;color:#515a6d;line-height:1.8}.accordion details>div p:first-child{margin-top:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #998256;outline-offset:5px}.footer-brand{font-size:25px}.footer-mark{background:#eadcc1}
@media(max-width:1000px){.nav nav{gap:15px}.nav nav a{font-size:13px}.nav-cta{display:none}}@media(max-width:820px){.nav{height:100px}.brand-logo-wrap{width:80px;height:80px}.brand-logo{width:74px;height:74px}.hero{min-height:calc(100svh - 100px)}.hero-content{padding-bottom:85px}.hero-note{left:24px;right:auto;bottom:18px}.explore{border-radius:65px 0 0 0}.hosting{grid-template-columns:1fr;gap:35px}.accordion summary{font-size:18px}.people-heading{gap:20px}}

/* Creekside concept map and forest life. */
.map-section{grid-template-columns:.7fr 1.3fr;gap:4vw}.site-map{min-height:690px;border-radius:28px;background:#d3dce3}.creek-line{width:54px;height:125%;left:48%;top:-12%;transform:rotate(9deg);border-radius:45%;background:#839eaf}.map-point{font-size:14px;padding:11px 13px;max-width:45%;text-align:left;border-radius:18px;line-height:1.45}.map-point:hover,.map-point.active{transform:none}.map-point span{font-weight:600}.map-point.yurt{top:7%;left:5%}.map-point.kitchen{top:7%;left:auto;right:5%}.map-point.grove{top:21%;left:5%}.map-point.tents{top:21%;bottom:auto;right:5%}.map-point.sauna{top:35%;left:5%}.map-point.plunge{top:35%;right:5%}.map-point.sweat{top:49%;left:5%}.map-point.decks{top:49%;right:5%}.map-point.hammocks{top:63%;left:5%}.map-point.benches{top:63%;right:5%}.map-point.creek{top:79%;left:26%}.map-caption{bottom:2%;right:0;width:100%;text-align:center;font-size:12px;opacity:.8;letter-spacing:.05em}.map-detail span{font-size:14px}.retreat-spaces,.mushrooms{display:grid;grid-template-columns:1fr 1.1fr;gap:8vw;padding:clamp(72px,9vw,130px) clamp(24px,7vw,110px)}.retreat-spaces{background:#f0edf2}.spaces-heading h2,.mushroom-intro h2{font:400 clamp(46px,5.5vw,78px)/1.04 var(--serif);letter-spacing:-.025em;margin:0 0 28px}.spaces-heading>p:last-child{font-size:18px;color:#515a6d}.mushrooms{background:#41475f;color:#fff}.mushroom-intro>p:not(.eyebrow){color:#e0e3ec;font-size:18px}.mushroom-varieties article{border-top:1px solid #848ba1;padding:24px 0}.mushroom-varieties article>span{font-size:14px;color:var(--gold)}.mushroom-varieties h3{font:400 34px/1.15 var(--serif);margin:16px 0}.mushroom-varieties article p{color:#e0e3ec}.foraging-note{padding:23px;background:#343a51;border-radius:12px}.foraging-note p{margin-bottom:0}.forest-sources{font-size:14px;line-height:1.8}.forest-sources a{text-decoration:underline;text-underline-offset:3px}.nav nav{gap:18px}
@media(max-width:1100px){.map-section{grid-template-columns:1fr}.map-copy>p{max-width:680px}.map-detail{margin-top:26px}.site-map{width:100%;max-width:760px;justify-self:center}.retreat-spaces,.mushrooms{grid-template-columns:1fr;gap:32px}}
@media(max-width:480px){.site-map{min-height:730px}.map-point{max-width:43%;padding:10px;font-size:14px}.map-point span{display:block;margin:0 0 2px}.map-point.creek{left:26%;max-width:60%}.map-point.creek span{display:inline;margin-right:7px}.map-caption{padding:0 14px}}

/* Amethyst dusk and burnished gold: depth throughout the retreat. */
:root{--forest:#301943;--forest-2:#48255f;--mist:#eae5ef;--paper:#faf7f2;--ink:#30223b;--water:#9cb4c0;--gold:#edca82;--line:rgba(74,40,94,.2)}
html{scroll-padding-top:112px}.nav{position:sticky;top:0;height:100px;background:rgba(250,247,242,.97);border-bottom:1px solid #ccb477;box-shadow:0 4px 24px #24112f18;color:var(--ink);gap:20px}.brand-logo-wrap{width:78px;height:78px;background:linear-gradient(135deg,#f6e9c4,#d3ad62);border-color:#b18a49;box-shadow:0 3px 12px #45245121,inset 0 0 0 4px #fff3}.brand-logo{width:73px;height:73px}.nav-actions{display:flex;align-items:center;gap:30px}.nav nav{display:block}.nav-cta{display:block;color:#533467;border-color:#ac7b2e}.page-menu{position:relative;font-family:var(--sans)}.page-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:13px 20px;border:1px solid #a882bc;border-radius:8px;color:#fff5e3;background:linear-gradient(135deg,#58306f,#301943);box-shadow:0 5px 16px #32183e24;font-size:14px;font-weight:500}.page-menu summary::-webkit-details-marker{display:none}.page-menu summary span{font-size:21px;line-height:1;transition:transform .2s}.page-menu-links{position:absolute;right:0;top:calc(100% + 12px);width:280px;max-width:calc(100vw - 32px);max-height:calc(100svh - 120px);overflow:auto;padding:10px;background:#fcf9f3;border:1px solid #d1b37b;border-radius:12px;box-shadow:0 20px 50px #23102f40}.nav nav .page-menu-links a{display:block;opacity:1;font-size:15px;padding:9px 13px;border-radius:6px;color:#392345}.nav nav .page-menu-links a:hover,.nav nav .page-menu-links a:focus-visible{background:#eee4f4;color:#47205d}.nav nav .page-menu-links a[aria-current]{background:#4d2965;color:#fff2d5}
.hero{min-height:calc(100svh - 100px)}.hero>img{filter:saturate(.9)}.hero-shade{background:linear-gradient(90deg,#210f37e8 0%,#39224f9c 47%,#31233a14 85%),linear-gradient(0deg,#2411359e,transparent 60%)}.hero h1{text-shadow:0 5px 30px #16092060}.hero .eyebrow{color:#f4d393}.hero h1::after{content:'';display:block;width:90px;height:2px;background:linear-gradient(90deg,#efc775,#efc77500);margin-top:30px}.button-light{background:linear-gradient(125deg,#f7e5b8,#dbb363);color:#301943;box-shadow:0 7px 26px #13072040,inset 0 1px #fff9}.button-dark{background:linear-gradient(135deg,#61387b,#321944);border:1px solid #94729f;box-shadow:0 7px 22px #40244f2b}.button:hover{box-shadow:0 10px 28px #40244f40}.eyebrow.dark,.bio-role{color:#744b89}.intro{background:radial-gradient(ellipse at top right,#e6daec,transparent 64%),var(--paper)}.values span{background:#fff9;border-color:#ccb6d6;color:#563b67;box-shadow:0 3px 10px #36194508}.explore{background:radial-gradient(ellipse at 90% 0%,#754393,transparent 65%),linear-gradient(150deg,#402052,#251335);box-shadow:0 18px 45px #311a3f24;border-top:1px solid #b49360}.experience-shell{border-color:#dab67866}.experience-panel{border-radius:0 0 18px 18px}.experience-tab.active{color:#f5d897}.panel-number{color:#debc78}.section-heading>p:last-child,.experience-panel p{color:#e0d5e7}.map-section{background:linear-gradient(135deg,#f0eaf3,#e0e5ed)}.site-map{border:1px solid #bba1c9;background:radial-gradient(ellipse at top,#ece5f0,#d5dce8);box-shadow:0 22px 50px #42245624,inset 0 1px 0 #fff}.map-point{box-shadow:0 5px 13px #35243e20;border:1px solid #cbb6d2;background:#fffcf6}.map-point span{color:#866123}.map-point.active,.map-point:hover{background:#4b2863;border-color:#d5b578;color:#fff}.map-point.active span,.map-point:hover span{color:#f2cc7a}.map-detail{border-color:#ae91bc}.map-detail span{color:#6b3e80}.retreat-spaces{background:linear-gradient(145deg,#faf7f2,#eee4f1)}.accordion{border-top-color:#b99ac8}.accordion details{border-bottom-color:#b99ac8}.accordion details[open]{background:#ffffff65;border-radius:8px;box-shadow:0 8px 24px #41214f0b}.accordion summary,.accordion details>div{padding-left:16px}.accordion summary::after{right:12px;color:#815b29}.accordion details[open] summary{color:#663380}.mushrooms{background:radial-gradient(ellipse at 10% 0%,#65427b,transparent 65%),#301d41;border-top:1px solid #b39357;border-bottom:1px solid #b39357}.mushroom-varieties article{border-color:#cba76a77}.foraging-note{background:#20132f8c;border:1px solid #b5996559;box-shadow:0 10px 28px #160b241a}.hosting{background:radial-gradient(ellipse at top left,#e7d6ef,transparent 60%),#faf7f2}.people{background:#faf7f2}.bio-number{color:#9064a2}.bio-content blockquote{background:#eee6f1;padding:24px;border-left:3px solid #b98d40;border-radius:0 12px 12px 0}.vision{background:linear-gradient(125deg,#ead4a7,#d4b275 55%,#eedcba);box-shadow:inset 0 1px #fff8}.vision-grid article{border-color:#76553950}.vision-grid span{color:#54304d;font-size:13px}.quote-section{background:radial-gradient(ellipse at 50% 130%,#936394 0%,#4c2865 48%,#261436 100%);border-top:1px solid #d4b276}.quote-section blockquote{color:#fff4df;text-shadow:0 5px 22px #1c092950}.ripple i{border-color:#e7c78155}.connect{background:radial-gradient(ellipse at bottom,#e5d6ed,transparent 80%),#faf7f2}footer{background:linear-gradient(120deg,#331b45,#24122f);border-top:1px solid #aa884e}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b88432;outline-offset:4px}
@media(max-width:820px){.nav{height:92px;padding:0 20px;gap:12px}.brand{font-size:23px;gap:10px}.brand-logo-wrap{width:66px;height:66px;flex-shrink:0}.brand-logo{width:62px;height:62px}.nav-actions{gap:0}.nav-cta{display:none}.page-menu summary{padding:11px 14px;gap:12px}.hero{min-height:calc(100svh - 92px)}html{scroll-padding-top:108px}}
@media(max-width:540px){.nav{height:86px;padding:0 14px}.nav .brand>span:last-child{max-width:80px;font-size:23px;line-height:1.04}.nav .brand-logo-wrap{width:54px;height:54px}.nav .brand-logo{width:50px;height:50px}.page-menu summary{max-width:155px;font-size:14px;line-height:1.3;padding:10px 12px;gap:7px}.hero{min-height:calc(100svh - 86px)}.hero h1{font-size:clamp(47px,12vw,62px)}.page-menu-links{max-height:calc(100svh - 110px)}html{scroll-padding-top:100px}}
@media(prefers-reduced-motion:reduce){.page-menu summary span{transition:none}}

/* Co-creator photographs retain their full original compositions. */
.bio-card{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,4vw,64px);align-items:start}.bio-portrait{margin:0;padding:7px;background:linear-gradient(140deg,#ead3a0,#a879b8 65%,#dfbf79);border-radius:18px;box-shadow:0 18px 40px #351c4924}.bio-portrait img{display:block;width:100%;height:auto;border-radius:12px}.bio-content{min-width:0}.bio-content h3 span{display:block;margin:14px 0 0;line-height:1.5}
@media(max-width:820px){.bio-card{grid-template-columns:1fr;gap:32px}.bio-portrait{width:100%;max-width:520px}.bio-content h3 span{margin-top:12px}}

/* Prominent masthead with an emerald metallic wordmark. */
.nav{height:132px;flex-wrap:wrap}.nav .brand{gap:18px;font-weight:700}.nav .brand-logo-wrap{width:110px;height:110px;flex-shrink:0;border:2px solid #947232;box-shadow:0 5px 18px #39234726,inset 0 0 0 4px #fff5}.nav .brand-logo{width:104px;height:104px;filter:drop-shadow(.35px 0 0 #061b12) drop-shadow(-.35px 0 0 #061b12)}.nav .brand>span:last-child{font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,3.2vw,46px);font-weight:700;line-height:1.15;letter-spacing:-.035em;color:#24573f}.nav .nav-cta,.nav .page-menu summary{font-weight:600}.hero{min-height:calc(100svh - 132px)}html{scroll-padding-top:148px}.page-menu-links{max-height:calc(100svh - 155px)}
@supports ((background-clip:text) or (-webkit-background-clip:text)){.nav .brand>span:last-child{background:linear-gradient(175deg,#153e2e 7%,#31664b 29%,#59805b 43%,#214b38 49%,#123a29 57%,#3f7051 78%,#1f4934 96%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 #fff) drop-shadow(0 2px 1px #1839231c)}}
@media(max-width:1000px){.nav .nav-cta{display:none}}
@media(max-width:820px){.nav{height:112px;padding:0 20px}.nav .brand{gap:12px}.nav .brand-logo-wrap{width:90px;height:90px}.nav .brand-logo{width:84px;height:84px}.nav .brand>span:last-child{font-size:32px}.hero{min-height:calc(100svh - 112px)}html{scroll-padding-top:128px}.page-menu-links{max-height:calc(100svh - 135px)}}
@media(max-width:540px){.nav{height:auto;min-height:108px;padding:10px 12px;gap:10px}.nav .brand{gap:10px;flex:1}.nav .brand-logo-wrap{width:82px;height:82px}.nav .brand-logo{width:76px;height:76px}.nav .brand>span:last-child{max-width:110px;font-size:29px;line-height:1.04}.nav .page-menu summary{max-width:118px;padding:10px;font-size:14px}.nav .nav-actions{margin-left:auto}.hero{min-height:calc(100svh - 108px)}html{scroll-padding-top:124px}.page-menu-links{max-height:calc(100svh - 140px)}}
@media(max-width:370px){.nav .brand-logo-wrap{width:74px;height:74px}.nav .brand-logo{width:68px;height:68px}.nav .brand>span:last-child{max-width:94px;font-size:25px}.nav .page-menu summary{max-width:103px;padding:8px}.nav .brand{gap:8px}.nav{gap:8px}}
@media(forced-colors:active){.nav .brand>span:last-child{background:none;color:CanvasText;filter:none}}

/* A compact Experiences sub-menu keeps the expanded activity list easy to scan. */
.experience-menu-group{display:grid;grid-template-columns:1fr;gap:2px}
.experience-submenu{margin:0 0 5px 12px;border-left:1px solid #a38b58;padding-left:10px}
.nav nav .experience-submenu summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:8px 13px;border-radius:6px;color:#52634e;font-size:14px;font-weight:600}
.nav nav .experience-submenu summary::-webkit-details-marker{display:none}
.nav nav .experience-submenu summary::after{content:'+';font-size:18px;line-height:1;color:#80663c}
.nav nav .experience-submenu[open] summary::after{content:'−'}
.nav nav .experience-submenu summary:hover,.nav nav .experience-submenu[open] summary{background:#e7eadf;color:#294a37}
.nav nav .experience-submenu-links{padding:2px 0 5px 10px}
.nav nav .experience-submenu-links a{font-size:14px;padding:7px 10px;color:#485846}
.nav nav .experience-submenu-links a:hover,.nav nav .experience-submenu-links a:focus-visible{background:#ece7ef;color:#4b3159}
.experience-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin:56px 0 30px;padding:22px 0;border-top:1px solid #d5bd8466;border-bottom:1px solid #d5bd8466}
.experience-shortcuts a{display:inline-flex;align-items:center;padding:9px 14px;border:1px solid #d4bd8b88;border-radius:999px;color:#f7edd8;font-size:14px;background:#ffffff0a;transition:background .2s ease,border-color .2s ease}
.experience-shortcuts a:hover,.experience-shortcuts a:focus-visible{background:#ffffff17;border-color:#edca82}
.experience-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0 34px}
.experience-card{min-width:0;padding:clamp(22px,3vw,36px);border:1px solid #d5bd8466;border-radius:16px;background:linear-gradient(140deg,#ffffff10,#ffffff05);scroll-margin-top:170px}
.experience-card-artists{grid-column:1/-1;border-color:#d9bd7899;background:linear-gradient(125deg,#27382eaa,#252332bb 72%,#382f26aa);box-shadow:inset 0 0 0 1px #ffffff08}
.experience-card h3{font:400 clamp(30px,3.5vw,44px)/1.04 var(--serif);letter-spacing:-.02em;color:#fff4df;margin:0 0 16px}
.experience-card p:not(.panel-kicker){color:#e0e7db;font-size:16px;line-height:1.7}
.experience-card .panel-kicker{margin:0 0 12px}
.experience-card .experience-source{margin-top:22px}
.experience-card .experience-source a{color:#f1d18b;text-decoration:underline;text-underline-offset:4px}
.experience-card-photo{grid-column:1/-1;display:grid;grid-template-columns:1fr minmax(220px,.72fr);align-items:center;gap:clamp(24px,5vw,60px)}
.experience-card-photo .property-photo img{max-height:420px;width:100%;object-fit:cover}
.experience-directory+#treehouse-experience{margin-top:36px}
.explore #mushrooms{margin:42px calc(clamp(24px,7vw,110px) * -1) 0;padding:clamp(60px,8vw,110px) clamp(24px,7vw,110px);scroll-margin-top:170px}
.explore .mushroom-intro h2{color:#fff4df}
.explore .mushroom-varieties h3{color:#fff4df}
.explore .mushrooms .forest-find-photos{margin-top:32px}
@media(max-width:820px){.experience-directory{grid-template-columns:1fr}.experience-card-artists{grid-column:auto}.experience-card-photo{grid-column:auto;grid-template-columns:1fr}.experience-card-photo .property-photo{max-width:480px}.experience-shortcuts{margin-top:38px}.explore #mushrooms{margin-inline:-24px}}
@media(max-width:540px){.experience-shortcuts{gap:8px}.experience-shortcuts a{font-size:14px;padding:8px 11px}.experience-card{padding:22px}.experience-card-photo .property-photo img{max-height:360px}}

/* Real moments from Mystic Waters, woven into the existing story. */
.property-photo{margin:0;min-width:0}.property-photo img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 14px 32px #24122f20}.property-photo figcaption{font-size:14px;line-height:1.6;margin-top:14px;color:#66546e}.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,56px);align-items:start}.place-photos,.spaces-photos{grid-column:1/-1;width:100%;margin-top:10px}.place-photos .property-photo:last-child{margin-top:72px}.photo-pair img{aspect-ratio:4/5;object-fit:cover}.hero>img{object-position:center 56%;filter:none}.hero-note{opacity:1;background:#23152f99;padding:7px 12px;border-radius:6px;font-size:14px}.experience-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(30px,5vw,72px);align-items:center}.experience-layout .experience-panel{grid-template-columns:1fr;gap:8px;padding-top:20px}.experience-layout .panel-number{font-size:32px}.explore .property-photo figcaption,.mushrooms .property-photo figcaption,.quote-section .property-photo figcaption{color:#e7d8ed}.mushroom-photo{grid-column:1;grid-row:2}.mushroom-varieties{grid-column:2;grid-row:1 / span 2}.mushrooms{row-gap:30px;align-items:start}.mushroom-photo img{max-height:560px;object-fit:cover}.hosting-intro .property-photo{margin-top:32px;max-width:470px}.people{display:grid;grid-template-columns:1fr minmax(220px,.5fr);column-gap:6vw;align-items:center}.people-heading{display:block;border:0;padding-bottom:0}.people-heading h2{margin-bottom:28px}.people-heading>p:last-child{max-width:620px}.people-moment{max-width:360px;justify-self:end}.bio-list{grid-column:1/-1;margin-top:55px;border-top:1px solid var(--line)}.slow-photo{position:relative;z-index:1;width:min(560px,100%);margin-top:40px}.slow-photo img{aspect-ratio:4/3;object-fit:cover}.quote-section{gap:12px}.spaces-photos{margin-top:20px}
@media(max-width:1100px){.mushroom-photo,.mushroom-varieties{grid-column:1;grid-row:auto}.mushroom-photo{max-width:550px}.experience-layout{grid-template-columns:1fr 1fr}.experience-panel h3{font-size:42px}}
@media(max-width:820px){.experience-layout,.people{grid-template-columns:1fr}.experience-layout>.property-photo{max-width:520px}.people-moment{justify-self:start;margin-top:24px;max-width:360px}.people-heading h2{margin-bottom:24px}.bio-list{margin-top:36px}.place-photos .property-photo:last-child{margin-top:36px}.hero>img{object-position:60% center}}
@media(max-width:540px){.photo-pair{grid-template-columns:1fr;gap:30px}.place-photos .property-photo:last-child{margin-top:0}.property-photo img{border-radius:10px}.hero-shade{background:linear-gradient(90deg,#210f37d9,#210f3770),linear-gradient(0deg,#241135b0,transparent 70%)}.hero-note{font-size:13px;max-width:calc(100% - 48px)}.hero-content{padding-bottom:110px}.experience-layout{gap:28px}}

/* Existing gold badge, with the retreat name and founding year. */
.brand-logo-wrap.retreat-badge,.nav .brand-logo-wrap.retreat-badge{width:132px;height:132px;display:flex;flex-direction:column;justify-content:center;gap:0;padding:10px;flex-shrink:0;color:#183d2c;text-align:center;overflow:hidden}
.retreat-badge .badge-title{font-family:var(--sans);font-size:14px;line-height:18px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.retreat-badge .brand-logo,.nav .retreat-badge .brand-logo{width:72px;height:72px;object-fit:contain;flex-shrink:0}
.retreat-badge .badge-established{font-family:var(--sans);font-size:12px;line-height:14px;font-weight:600;letter-spacing:0;color:#30223b}
.retreat-badge .badge-established>span{display:block}
.nav{height:152px}.hero{min-height:calc(100svh - 152px)}html{scroll-padding-top:168px}.page-menu-links{max-height:calc(100svh - 175px)}
@media(max-width:820px){.brand-logo-wrap.retreat-badge,.nav .brand-logo-wrap.retreat-badge{width:108px;height:108px;padding:8px}.retreat-badge .brand-logo,.nav .retreat-badge .brand-logo{width:50px;height:50px}.nav{height:128px}.hero{min-height:calc(100svh - 128px)}html{scroll-padding-top:144px}.page-menu-links{max-height:calc(100svh - 151px)}}
@media(max-width:540px){.nav{height:auto;min-height:128px}.nav .brand>span:last-child{font-size:27px;max-width:104px}.nav .brand{gap:8px}.nav .page-menu summary{max-width:108px;padding:8px}}
@media(max-width:390px){.nav .brand>span:last-child{font-size:23px;max-width:88px}.nav .page-menu summary{max-width:94px}.nav{gap:6px;padding-inline:8px}}

/* Pine canopy, cedar warmth, and creek mist; existing composition preserved. */
:root{--forest:#102c24;--forest-2:#244538;--mist:#e0e6db;--paper:#f5f3e9;--ink:#263a30;--water:#87aaa0;--gold:#dfbd7c;--line:rgba(55,76,56,.23)}
.nav{background:linear-gradient(110deg,#e9ebdf,#f7f3e7 55%,#e0e6d9);border-bottom-color:#a38b58;box-shadow:0 5px 28px #0b211b26}.nav-cta{color:#4b3a58}.page-menu summary{background:linear-gradient(130deg,#4b3656,#193b2e);border-color:#9b895c}.page-menu-links{background:#f5f3e9}.nav nav .page-menu-links a{color:#263c30}.nav nav .page-menu-links a:hover{background:#e0e6d8}.nav nav .page-menu-links a[aria-current]{background:#254b39;color:#fff4d9}
.hero-shade{background:linear-gradient(90deg,#071f17e8 0%,#12382899 46%,#19392312 85%),linear-gradient(0deg,#0a201cb8,transparent 65%)}.hero h1{text-shadow:0 5px 30px #061a1599}.hero-note{background:#0b251bc9}.hero .eyebrow{color:#efce90}
.intro{background:radial-gradient(ellipse at 95% 0%,#cedbc5,transparent 65%),linear-gradient(135deg,#f5f3e9,#edeadc)}.eyebrow.dark,.bio-role{color:#516745}.values span{background:#f8f5e8bb;border-color:#a5b391;color:#425439}
.explore{background:radial-gradient(ellipse at 95% 0%,#49674980,transparent 65%),linear-gradient(140deg,#244a36,#0b241e 75%);box-shadow:0 18px 45px #12271c24}.section-heading>p:last-child,.experience-panel p{color:#dee6da}.experience-tab{color:#bac8ba}.experience-panel li{color:#e0e7db}.panel-number{color:#dfbd7c}
.map-section{background:linear-gradient(135deg,#ebede2,#d4dfd2)}.site-map{background:radial-gradient(ellipse at top,#e1e8d5,#bacbbd);border-color:#839c7c;box-shadow:0 22px 50px #203b2926,inset 0 1px #fff8}.creek-line{background:#7da99d}.map-point{background:#faf5e8;border-color:#a6b293}.map-point.active,.map-point:hover{background:#294c37;border-color:#c3a66c}.map-detail{border-color:#879f7f}.map-detail span{color:#476442}
.retreat-spaces{background:radial-gradient(ellipse at bottom left,#d8dfcb,transparent 65%),#f2f0e5}.spaces-heading>p:last-child,.hosting-intro>p:not(.eyebrow),.accordion details>div{color:#485744}.accordion,.accordion details{border-color:#9aa887}.accordion details[open]{background:#ffffef65;box-shadow:0 8px 24px #243b250b}.accordion details[open] summary{color:#55435f}
.mushrooms{background:radial-gradient(ellipse at 0% 0%,#52614588,transparent 62%),linear-gradient(140deg,#243d2d,#252c20 65%,#36291f);border-color:#a38b58}.mushroom-intro>p:not(.eyebrow),.mushroom-varieties article p{color:#e4e7da}.foraging-note{background:#0d211ba6;border-color:#a38b5877}
.hosting{background:radial-gradient(ellipse at top left,#d9e0cc,transparent 65%),#f5f1e6}.hosting-note{color:#646451}.people{background:linear-gradient(130deg,#f5f3e9,#e9eddf)}.people-heading>p:last-child,.bio-content>p:not(.bio-role){color:#465344}.bio-content h3 span,.bio-content cite{color:#646253}.bio-content blockquote{background:linear-gradient(120deg,#e2e7d7,#e8dfeb);border-left-color:#ab8848}.bio-portrait{background:linear-gradient(140deg,#d8bd80,#6d8260 50%,#796080 78%,#c1a169);box-shadow:0 18px 40px #15351e26}
.vision{background:linear-gradient(125deg,#e4d1a6,#c5a66e 55%,#ddccaa);color:#263a30}.vision-grid span{color:#594347}
.quote-section{background:linear-gradient(90deg,#0b251cef,#173525cb,#10271dea),url('./assets/woodland-path.webp') center 48%/cover;border-top-color:#a48e5e}.quote-section blockquote{text-shadow:0 5px 25px #061a17}.ripple i{border-color:#bccfa34a}
.connect{background:radial-gradient(ellipse at bottom,#cddbc2,transparent 78%),#f5f3e9}.connect>p:not(.eyebrow){color:#4e604b}.button-dark{background:linear-gradient(135deg,#45553c,#173e2e);border-color:#8b9568;box-shadow:0 7px 22px #243d262b}.button-light{color:#213c2a;background:linear-gradient(125deg,#f3e4bc,#d4b06b)}.property-photo img{box-shadow:0 16px 34px #19321f2b}.property-photo figcaption{color:#5a6450}.explore .property-photo figcaption,.mushrooms .property-photo figcaption,.quote-section .property-photo figcaption{color:#d4dfcb}footer{background:linear-gradient(120deg,#1d392b,#101f1b);border-top-color:#a48e5e}
@media(max-width:540px){.hero-shade{background:linear-gradient(90deg,#09251cde,#102e2078),linear-gradient(0deg,#0c241bc9,transparent 75%)}}

/* Larger emblem and a two-line Mystic Waters / Retreat wordmark. */
.brand-logo-wrap.retreat-badge,.nav .brand-logo-wrap.retreat-badge{width:164px;height:164px;padding:12px;gap:4px}
.retreat-badge .brand-logo,.nav .retreat-badge .brand-logo{width:112px;height:112px}
.nav{height:188px}
.nav .brand>.brand-wordmark,.brand>.brand-wordmark{display:flex;flex-direction:column;gap:9px;max-width:none;line-height:1.12;color:#24573f;background:none;filter:none}
.brand-name{display:flex;flex-direction:column;align-items:flex-start;white-space:normal;line-height:1.08;padding-block:.08em}
.brand-name>span{display:block;white-space:nowrap}
.brand-name .brand-waters{margin-left:.55em}
.brand-retreat{display:block;font-family:var(--sans);font-size:20px;font-weight:600;line-height:1.25;letter-spacing:.26em;text-transform:uppercase;color:#52633d}
.footer-brand .brand-wordmark{color:#f1e4bf}.footer-brand .brand-retreat{color:#d5bf88;font-size:16px}
.hero{min-height:calc(100svh - 188px)}html{scroll-padding-top:204px}.page-menu-links{max-height:calc(100svh - 210px)}
@supports ((background-clip:text) or (-webkit-background-clip:text)){.nav .brand-name{background:linear-gradient(175deg,#153e2e 7%,#31664b 29%,#59805b 43%,#214b38 49%,#123a29 57%,#3f7051 78%,#1f4934 96%);-webkit-background-clip:text;background-clip:text;color:transparent}}
@media(max-width:820px){.nav{height:156px}.brand-logo-wrap.retreat-badge,.nav .brand-logo-wrap.retreat-badge{width:136px;height:136px;padding:8px}.retreat-badge .brand-logo,.nav .retreat-badge .brand-logo{width:86px;height:86px}.brand-retreat{font-size:17px}.hero{min-height:calc(100svh - 156px)}html{scroll-padding-top:172px}.page-menu-links{max-height:calc(100svh - 180px)}}
@media(max-width:620px){.nav{height:auto;min-height:176px;padding:10px 16px;gap:6px 12px}.nav .brand{flex:1 1 100%;gap:14px}.nav .brand>.brand-wordmark{font-size:clamp(25px,6vw,32px);max-width:none}.nav .brand-logo-wrap.retreat-badge{width:122px;height:122px}.nav .retreat-badge .brand-logo{width:76px;height:76px}.nav .nav-actions{margin-left:auto;margin-top:-4px}.nav .page-menu summary{max-width:none;padding:7px 12px;font-size:14px}.hero{min-height:calc(100svh - 180px)}html{scroll-padding-top:196px}.page-menu-links{max-height:calc(100svh - 204px)}}
@media(forced-colors:active){.nav .brand-name,.brand-retreat{background:none;color:CanvasText}}

/* Cedar-and-evergreen welcome panel inspired by the engraved business card. */
.hero-content{
  isolation:isolate;
  width:min(850px,calc(100% - clamp(48px,14vw,220px)));
  margin-left:clamp(24px,7vw,110px);
  padding:clamp(30px,4.5vw,62px);
  border:2px solid #603c23;
  border-radius:24px;
  color:#183b29;
  background:
    repeating-linear-gradient(2deg,transparent 0 9px,#603a1c0a 10px,#fff0d00b 12px,transparent 17px),
    repeating-linear-gradient(178deg,#f1b16c 0%,#d88d50 18%,#e8a15d 33%,#c77d43 52%,#e9a365 70%,#d58a4d 100%);
  box-shadow:inset 0 0 0 5px #f0c18a66,inset 0 0 28px #74401944,0 20px 55px #07181170;
}
.hero-emblem{position:relative;z-index:1;display:block;width:76px;height:76px;object-fit:contain;margin:0 0 18px;filter:drop-shadow(0 2px 1px #fff5)}
.hero-content>.eyebrow,.hero-content>h1,.hero-content>.hero-copy,.hero-content>.hero-actions{position:relative;z-index:1}
.hero-content .eyebrow{color:#23462d;font-size:13px;text-shadow:none;margin-bottom:15px}
.hero-content h1{color:#123520;font-size:clamp(48px,6.5vw,88px);line-height:.98;letter-spacing:-.035em;text-shadow:0 1px #fff5,0 2px 0 #7444212b}
.hero-content .hero-copy{color:#24412f;font-size:clamp(17px,1.8vw,20px);max-width:610px;margin:22px 0 28px;text-shadow:none}
.hero-content .button-light{background:linear-gradient(145deg,#234b33,#123522);color:#fff4df;border:1px solid #d8b277;box-shadow:0 4px 12px #17351f45}
.hero-content .text-link{color:#1b402b;border-bottom-color:#365b3e}
.hero-content .text-link span{color:#624229}
.hero-shade{background:linear-gradient(90deg,#071c15a8,#10281b42 62%,#14291b12),linear-gradient(0deg,#071b16a8,transparent 60%)}
@media(max-width:820px){.hero-content{width:calc(100% - 48px);margin-left:24px;padding:34px}.hero-emblem{width:64px;height:64px}}
@media(max-width:540px){.hero-content{width:calc(100% - 32px);margin:0 16px;padding:24px 21px;border-radius:18px}.hero-emblem{width:54px;height:54px;margin-bottom:12px}.hero-content h1{font-size:clamp(42px,10.5vw,58px)}.hero-content .hero-copy{margin:17px 0 22px}.hero-content .hero-actions{gap:16px}.hero-content .text-link{font-size:14px}.hero-shade{background:linear-gradient(90deg,#071c15a8,#10281b42 62%,#14291b12),linear-gradient(0deg,#071b16a8,transparent 60%)}}

/* Deeper cedar red with clearer, layered wood grain. */
.hero-content{
  background:
    radial-gradient(ellipse 34px 14px at 22% 31%,transparent 38%,#52231b45 43%,#d28a7040 48%,transparent 55%),
    radial-gradient(ellipse 42px 17px at 76% 72%,transparent 39%,#5423193d 44%,#d28a7040 49%,transparent 56%),
    repeating-linear-gradient(2deg,transparent 0 3px,#53271f20 4px,#f1b89420 5px,transparent 7px,transparent 12px),
    repeating-linear-gradient(178deg,#a9503e 0%,#8e3d31 13%,#ad5743 25%,#87382d 39%,#a44c3a 53%,#7d342a 68%,#a9513e 82%,#86372b 100%);
  box-shadow:inset 0 0 0 5px #e2a28255,inset 0 0 30px #4a1c1645,0 20px 55px #07181170;
  border-color:#54271f;
}

/* Logo-matched lettering with a soft Japanese watercolor palette. */
.nav nav .page-menu-links .section-menu-links a,
.nav nav .page-menu-links .section-menu-links a[aria-current]{
  font-family:var(--serif);font-size:19px;font-weight:400;letter-spacing:.015em;
  min-height:58px;padding:11px 15px;border-radius:5px 14px 6px 13px;
  text-shadow:0 1px 2px rgba(18,22,31,.42);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.36),0 5px 14px rgba(24,24,34,.15);
  background-blend-mode:screen,normal;
}
.nav nav .page-menu-links .section-menu-links a:nth-child(9n+1){background:radial-gradient(ellipse at 82% 16%,rgba(255,224,205,.27),transparent 43%),linear-gradient(118deg,#81313f,#aa4b53 58%,#8c4c58)}
.nav nav .page-menu-links .section-menu-links a:nth-child(9n+2){background:radial-gradient(ellipse at 18% 82%,rgba(255,223,187,.28),transparent 45%),linear-gradient(118deg,#a24d2e,#bd713d 58%,#9b6346)}
.nav nav .page-menu-links .section-menu-links a:nth-child(9n+3){background:radial-gradient(ellipse at 82% 18%,rgba(255,240,190,.3),transparent 43%),linear-gradient(118deg,#8d6b28,#b39a4b 58%,#88784e)}
.nav nav .page-menu-links .section-menu-links a:nth-child(9n+4){background:radial-gradient(ellipse at 18% 82%,rgba(220,239,193,.28),transparent 44%),linear-gradient(118deg,#46683d,#71905a 58%,#647750)}
.nav nav .page-menu-links .section-menu-links a:nth-child(9n+5){background:radial-gradient(ellipse at 82% 18%,rgba(197,241,216,.28),transparent 44%),linear-gradient(118deg,#28695e,#4e8978 58%,#507b78)}
.nav nav .page-menu-links .section-menu-links a:nth-child(9n+6){background:radial-gradient(ellipse at 18% 82%,rgba(196,231,245,.3),transparent 45%),linear-gradient(118deg,#315f7f,#5589a5 58%,#577f93)}
.nav nav .page-menu-links .section-menu-links a:nth-child(9n+7){background:radial-gradient(ellipse at 82% 18%,rgba(210,220,255,.28),transparent 45%),linear-gradient(118deg,#414d83,#697ab0 58%,#647698)}
.nav nav .page-menu-links .section-menu-links a:nth-child(9n+8){background:radial-gradient(ellipse at 18% 82%,rgba(238,211,255,.28),transparent 45%),linear-gradient(118deg,#694982,#9471a6 58%,#846c98)}
.nav nav .page-menu-links .section-menu-links a:nth-child(9n+9){background:radial-gradient(ellipse at 82% 18%,rgba(255,218,241,.28),transparent 45%),linear-gradient(118deg,#873f75,#ad6798 58%,#936f91)}
@media(max-width:620px){.nav nav .page-menu-links .section-menu-links a{font-size:18px}}
@media(forced-colors:active){.nav nav .page-menu-links .section-menu-links a{font-family:serif}}


/* Keep the offset word within its own metallic text paint area. */
.nav .brand{gap:6px}
.nav .brand>.brand-wordmark{flex:0 0 auto;max-width:none}
.nav .brand-name{width:max-content;max-width:none;overflow:visible;background:none;color:#24573f}
.nav .brand-name>span{width:max-content;padding-right:.1em}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
.nav .brand-name>span{background:linear-gradient(175deg,#153e2e 7%,#31664b 29%,#59805b 43%,#214b38 49%,#123a29 57%,#3f7051 78%,#1f4934 96%);-webkit-background-clip:text;background-clip:text;color:transparent}
}
@media(max-width:620px){.nav .brand{gap:4px}}
@media(forced-colors:active){.nav .brand-name>span{background:none;color:CanvasText}}

/* Property photographs: keep the full setting visible. */
.property-outlook{grid-column:1/-1;margin-top:12px}.property-outlook img{max-height:620px;object-fit:cover;aspect-ratio:4/3}.amenity-photos{display:grid;gap:28px;margin:28px 0}.amenity-photos img{height:auto;max-height:580px;object-fit:contain;background:#1a3024}.amenity-photos figure:last-child{max-width:420px}.retreat-spaces .accordion{min-width:0}.retreat-spaces details>div>.property-photo{margin:24px 0}.retreat-spaces details>div>.property-photo img{max-height:540px;object-fit:contain}.spaces-photos.photo-pair img{aspect-ratio:auto;height:auto}.forest-find-photos{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:22px}.forest-find-photos img{height:auto}.finds-caption{grid-column:1/-1;color:#d4dfcb;font-size:14px;margin:0}.map-photo{margin-top:26px;max-width:340px}.map-photo img{height:280px;object-fit:cover}.map-photo[hidden]{display:none}@media(max-width:650px){.forest-find-photos{grid-template-columns:1fr}.forest-find-photos figure{max-width:440px;width:100%;margin:auto}.property-outlook img{aspect-ratio:auto}.map-photo{max-width:100%}.amenity-photos{gap:24px}}

/* Concepts connect back to their places on the property. */
.map-jump{display:inline-block;margin-top:20px;font-size:16px;font-weight:600;color:#36523a;text-underline-offset:5px}.map-jump[hidden]{display:none}.creek-detail-photo{grid-column:1/-1;max-width:440px;margin:28px auto}.map-photo img{object-fit:contain;height:auto;max-height:380px;background:#193327}.amenity-photos figure:last-child{max-width:none}

/* The neighbor treehouse is a distinct, bookable stay outside the retreat boundary. */
.map-point.treehouse{left:4%;bottom:5%;max-width:58%;border:1px dashed #866123;background:#fffaf0}
.treehouse-experience{grid-column:1/-1;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:clamp(28px,6vw,80px);align-items:start;margin-top:26px;padding:clamp(26px,5vw,64px);border:1px solid #c7b7c9;border-radius:18px;background:linear-gradient(135deg,#fffdf8,#e9e5ed)}
.treehouse-copy h3{font:400 clamp(38px,5vw,62px)/1 var(--serif);letter-spacing:-.025em;margin:0 0 24px;color:#352245}
.treehouse-copy p:not(.eyebrow){font-size:17px;color:#4b4e54;max-width:600px}
.treehouse-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.treehouse-gallery img{width:100%;height:300px;object-fit:cover}
.treehouse-gallery figure:nth-child(n+2) img{object-fit:contain;background:#1a1720}
.treehouse-gallery figcaption{font-size:14px}
@media(max-width:700px){.treehouse-experience{grid-template-columns:1fr}.treehouse-gallery img{height:260px}.map-point.treehouse{max-width:72%;left:4%;bottom:5%;right:auto}}
/* Section labels are the display titles in the navigation flow. Keep the main headlines in their original style. */
#place .intro>div:first-child>.eyebrow,#explore .section-heading>.eyebrow,#retreat-map .map-copy>.eyebrow,#spaces .spaces-heading>.eyebrow,#mushrooms .mushroom-intro>.eyebrow,#host .hosting-intro>.eyebrow,#co-creators .people-heading>.eyebrow,#vision .vision-title>.eyebrow,#stay-connected>.eyebrow{
  display:inline-block;
  font-size:clamp(1.3rem,2.35vw,1.8rem);
  line-height:1.18;
  font-weight:700;
  letter-spacing:.13em;
  color:#2b5b3d;
  -webkit-text-fill-color:#2b5b3d;
  -webkit-text-stroke:0;
  text-shadow:0 1px 0 rgba(250,251,235,.9),0 2px 0 rgba(24,62,39,.35),0 4px 7px rgba(20,49,31,.24);
  margin-bottom:clamp(18px,2.6vw,30px);
}
#place .intro>div:first-child>.eyebrow::after,#explore .section-heading>.eyebrow::after,#retreat-map .map-copy>.eyebrow::after,#spaces .spaces-heading>.eyebrow::after,#mushrooms .mushroom-intro>.eyebrow::after,#host .hosting-intro>.eyebrow::after,#co-creators .people-heading>.eyebrow::after,#vision .vision-title>.eyebrow::after,#stay-connected>.eyebrow::after{
  content:"";display:block;width:clamp(68px,7vw,92px);height:3px;margin-top:9px;
  background:linear-gradient(90deg,#244b32 0%,#769566 42%,#c2bd82 72%,rgba(194,189,130,0) 100%);
  box-shadow:0 2px 6px rgba(34,70,43,.28);
}
@media(max-width:600px){
 #place .intro>div:first-child>.eyebrow,#explore .section-heading>.eyebrow,#retreat-map .map-copy>.eyebrow,#spaces .spaces-heading>.eyebrow,#mushrooms .mushroom-intro>.eyebrow,#host .hosting-intro>.eyebrow,#co-creators .people-heading>.eyebrow,#vision .vision-title>.eyebrow,#stay-connected>.eyebrow{font-size:1.25rem;letter-spacing:.1em}
}
@media(forced-colors:active){
 #place .eyebrow,#explore .eyebrow,#retreat-map .eyebrow,#spaces .eyebrow,#mushrooms .eyebrow,#host .eyebrow,#co-creators .eyebrow,#vision .eyebrow,#stay-connected .eyebrow{color:CanvasText;-webkit-text-fill-color:CanvasText;text-shadow:none}
}

/* Make the menu choices easy to scan and unmistakably clickable. */
.page-menu-links{width:min(360px,calc(100vw - 24px));padding:12px}
.nav nav .page-menu-links a{
  font-size:19px;font-weight:650;line-height:1.25;padding:14px 16px;margin:2px 0;
  border-left:3px solid transparent;color:#244b35;transition:background-color .18s,color .18s,border-color .18s;
}
.nav nav .page-menu-links a:hover,.nav nav .page-menu-links a:focus-visible{
  background:linear-gradient(100deg,#e7eadb,#f5f0dc);border-left-color:#b39a59;color:#183c2a;
}
.nav nav .page-menu-links a[aria-current]{
  background:linear-gradient(110deg,#254c38,#315f46);border-left-color:#d4bd79;color:#fff5d9;font-weight:700;
}
#place #title-place,#explore #title-experiences,#retreat-map #title-retreat-map,#spaces #title-spaces,#mushrooms #title-mushrooms,#host #title-host,#co-creators #title-co-creators,#vision #title-vision,#stay-connected #title-whats-next{
  font-size:clamp(1.65rem,3vw,2.4rem);font-weight:750;letter-spacing:.11em;line-height:1.15;
  color:#24563a;-webkit-text-fill-color:#24563a;-webkit-text-stroke:0;
  text-shadow:0 1px 0 rgba(255,255,255,.85),0 2px 0 rgba(26,65,42,.42),0 5px 9px rgba(19,51,32,.24);
  scroll-margin-top:0;
}
#place #title-place::after,#explore #title-experiences::after,#retreat-map #title-retreat-map::after,#spaces #title-spaces::after,#mushrooms #title-mushrooms::after,#host #title-host::after,#co-creators #title-co-creators::after,#vision #title-vision::after,#stay-connected #title-whats-next::after{
  width:clamp(82px,9vw,116px);height:4px;margin-top:11px;
  background:linear-gradient(90deg,#1d482f 0%,#729463 44%,#d1c27d 72%,rgba(209,194,125,0) 100%);
  box-shadow:0 2px 7px rgba(29,73,46,.32);
}
@media(max-width:620px){
 .nav nav .page-menu-links a{font-size:19px;padding:14px 15px}
 #place #title-place,#explore #title-experiences,#retreat-map #title-retreat-map,#spaces #title-spaces,#mushrooms #title-mushrooms,#host #title-host,#co-creators #title-co-creators,#vision #title-vision,#stay-connected #title-whats-next{font-size:1.5rem;letter-spacing:.09em}
}
@media(forced-colors:active){
 #place #title-place,#explore #title-experiences,#retreat-map #title-retreat-map,#spaces #title-spaces,#mushrooms #title-mushrooms,#host #title-host,#co-creators #title-co-creators,#vision #title-vision,#stay-connected #title-whats-next{color:CanvasText;-webkit-text-fill-color:CanvasText;text-shadow:none}
}

/* Clear, touch-friendly navigation dropdown. */
.page-menu-links{position:absolute;right:0;top:calc(100% + 9px);z-index:20;width:min(560px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 190px);overflow-y:auto;overscroll-behavior:contain;padding:12px;display:block;background:linear-gradient(145deg,rgba(21,43,34,.98),rgba(31,45,39,.98));border:1px solid #b99b59;border-radius:14px;box-shadow:0 18px 48px #07171170}
.section-menu-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.nav nav .page-menu-links .section-menu-links a,.nav nav .page-menu-links .section-menu-links a[aria-current]{display:flex;align-items:center;min-width:0;min-height:54px;padding:10px 13px;border:1px solid #8f865d;border-radius:9px;background:linear-gradient(135deg,#264b39,#1a382e);box-shadow:inset 0 1px 0 #ffffff19;color:#fff7e4;font-family:var(--sans);font-size:16px;font-weight:600;line-height:1.2;text-decoration:none;text-shadow:none;overflow-wrap:anywhere;transition:background-color .16s ease,border-color .16s ease}
.nav nav .page-menu-links .section-menu-links a[aria-current]{border-color:#efd485;background:linear-gradient(135deg,#526946,#274936);box-shadow:inset 0 0 0 1px #ead18a55}
.nav nav .page-menu-links .section-menu-links a:hover,.nav nav .page-menu-links .section-menu-links a:focus-visible{border-color:#f0d88e;background:#395c42;outline:2px solid #f0d88e;outline-offset:1px}
@media(max-width:620px){.page-menu-links{width:min(460px,calc(100vw - 16px));max-width:calc(100vw - 16px);max-height:calc(100dvh - 205px);padding:9px}.section-menu-links{gap:7px}.nav nav .page-menu-links .section-menu-links a,.nav nav .page-menu-links .section-menu-links a[aria-current]{min-height:48px;padding:9px 11px;font-size:15px}}
@media(max-width:360px){.section-menu-links{gap:6px}.nav nav .page-menu-links .section-menu-links a{padding:8px 9px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.nav nav .page-menu-links .section-menu-links a{transition:none}}

/* Soft chakra tones within the retreat's misty purple palette. */
.page-menu-links{background:linear-gradient(145deg,rgba(237,229,244,.98),rgba(222,216,237,.98) 58%,rgba(233,226,239,.98));border-color:#b49bc4;box-shadow:0 18px 48px rgba(31,18,47,.38)}
.nav nav .page-menu-links .section-menu-links a,.nav nav .page-menu-links .section-menu-links a[aria-current]{color:#30233c;border-color:#ffffffa8;box-shadow:inset 0 1px 0 rgba(255,255,255,.65);}
.nav nav .page-menu-links .section-menu-links a:nth-child(8n+1){background:#f0dce3;border-color:#d9b7c4}
.nav nav .page-menu-links .section-menu-links a:nth-child(8n+2){background:#f2e0d3;border-color:#ddc0a7}
.nav nav .page-menu-links .section-menu-links a:nth-child(8n+3){background:#f2edcf;border-color:#d9d0a0}
.nav nav .page-menu-links .section-menu-links a:nth-child(8n+4){background:#dce9dc;border-color:#b7d0ba}
.nav nav .page-menu-links .section-menu-links a:nth-child(8n+5){background:#d9e7ef;border-color:#b5cedd}
.nav nav .page-menu-links .section-menu-links a:nth-child(8n+6){background:#e0ddf1;border-color:#c1b9df}
.nav nav .page-menu-links .section-menu-links a:nth-child(8n+7){background:#eee0f1;border-color:#d2b8db}
.nav nav .page-menu-links .section-menu-links a:nth-child(8n+8){background:#e7def0;border-color:#c9b6d8}
.nav nav .page-menu-links .section-menu-links a[aria-current]{border-color:#67477c;box-shadow:inset 0 0 0 2px rgba(103,71,124,.22),0 3px 12px rgba(54,35,69,.16);font-weight:750}
.nav nav .page-menu-links .section-menu-links a:hover,.nav nav .page-menu-links .section-menu-links a:focus-visible{filter:saturate(1.22) brightness(.97);border-color:#76528d;color:#281b35;outline:2px solid #76528d;outline-offset:1px}

/* Rich, individually colored section buttons that soften into the misty menu. */
.nav nav .page-menu-links .section-menu-links a,
.nav nav .page-menu-links .section-menu-links a[aria-current]{
 color:#fffaf0;
 font-weight:750;
 border-color:rgba(255,255,255,.32);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 3px 10px rgba(38,22,49,.12);
}
.nav nav .page-menu-links .section-menu-links a:nth-child(9n+1){background:linear-gradient(112deg,rgba(102,45,75,.96),rgba(102,45,75,.72) 66%,rgba(102,45,75,.28))}
.nav nav .page-menu-links .section-menu-links a:nth-child(9n+2){background:linear-gradient(112deg,rgba(139,67,49,.96),rgba(139,67,49,.70) 66%,rgba(139,67,49,.26))}
.nav nav .page-menu-links .section-menu-links a:nth-child(9n+3){background:linear-gradient(112deg,rgba(139,99,37,.96),rgba(139,99,37,.70) 66%,rgba(139,99,37,.26))}
.nav nav .page-menu-links .section-menu-links a:nth-child(9n+4){background:linear-gradient(112deg,rgba(60,100,59,.96),rgba(60,100,59,.70) 66%,rgba(60,100,59,.26))}
.nav nav .page-menu-links .section-menu-links a:nth-child(9n+5){background:linear-gradient(112deg,rgba(36,105,103,.96),rgba(36,105,103,.70) 66%,rgba(36,105,103,.26))}
.nav nav .page-menu-links .section-menu-links a:nth-child(9n+6){background:linear-gradient(112deg,rgba(48,76,133,.96),rgba(48,76,133,.70) 66%,rgba(48,76,133,.26))}
.nav nav .page-menu-links .section-menu-links a:nth-child(9n+7){background:linear-gradient(112deg,rgba(91,57,132,.96),rgba(91,57,132,.70) 66%,rgba(91,57,132,.26))}
.nav nav .page-menu-links .section-menu-links a:nth-child(9n+8){background:linear-gradient(112deg,rgba(122,55,115,.96),rgba(122,55,115,.70) 66%,rgba(122,55,115,.26))}
.nav nav .page-menu-links .section-menu-links a:nth-child(9n+9){background:linear-gradient(112deg,rgba(67,75,88,.96),rgba(67,75,88,.70) 66%,rgba(67,75,88,.26))}
.nav nav .page-menu-links .section-menu-links a[aria-current]{border-color:#f1d58b;box-shadow:inset 0 0 0 2px rgba(241,213,139,.38),0 4px 14px rgba(38,22,49,.2);font-weight:800}
.nav nav .page-menu-links .section-menu-links a:hover,.nav nav .page-menu-links .section-menu-links a:focus-visible{filter:saturate(1.16) brightness(1.12);border-color:#f1d58b;color:#fffaf0;outline:2px solid #f1d58b;outline-offset:1px}

.seasonal-note{margin:28px 0;padding:22px 24px;border-left:3px solid #aa8848;border-radius:0 12px 12px 0;background:rgba(255,255,255,.58);box-shadow:0 8px 24px rgba(30,49,34,.06)}
.seasonal-note h3{margin:0;font:400 clamp(27px,3vw,36px)/1.12 var(--serif);color:#314333}
.seasonal-note p{margin:14px 0 0;font-size:16px;line-height:1.65;color:#485344}

/* Dreamlike woodland finish: layered twilight, soft light, and photographs that sit naturally in the page. */
:root{--mystic-plum:#493653;--mystic-gold:#e3c57e;--mystic-mist:#c3d5c6}
body{background:linear-gradient(155deg,#f4f1e7 0%,#edece1 40%,#e8e6ed 100%)}
.hero-shade{background:radial-gradient(ellipse at 74% 22%,rgba(188,160,212,.25),transparent 36%),linear-gradient(90deg,rgba(11,24,23,.84),rgba(26,35,39,.52) 48%,rgba(45,35,61,.12) 100%),linear-gradient(0deg,rgba(8,24,22,.45),transparent 72%)}
.intro,.map-section,.retreat-spaces,.hosting,.people,.connect{background-image:radial-gradient(ellipse at 88% 8%,rgba(188,169,211,.2),transparent 34%),radial-gradient(ellipse at 8% 90%,rgba(136,171,137,.16),transparent 42%)}
.explore,.mushrooms,.quote-section{background-blend-mode:screen,normal}
.mushrooms{background:radial-gradient(ellipse at 82% 12%,rgba(130,105,153,.34),transparent 34%),radial-gradient(ellipse at 18% 85%,rgba(98,137,104,.3),transparent 46%),linear-gradient(140deg,#1e302a,#242833 62%,#30283b);border-color:rgba(227,197,126,.72)}
.property-photo img{display:block;border:0!important;border-radius:16px!important;background:transparent!important;box-shadow:0 18px 46px rgba(17,31,27,.18)!important;mask-image:radial-gradient(ellipse 92% 92% at center,#000 79%,rgba(0,0,0,.92) 89%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 92% 92% at center,#000 79%,rgba(0,0,0,.92) 89%,transparent 100%)}
.treehouse-gallery img{height:clamp(220px,24vw,330px);object-fit:cover!important;border:0!important;background:transparent!important;box-shadow:none!important;mask-image:none!important;-webkit-mask-image:none!important}
.treehouse-gallery figure:nth-child(n+2) img{background:transparent!important}
.treehouse-experience{border:1px solid rgba(227,197,126,.5);background:radial-gradient(ellipse at 94% 0%,rgba(191,173,210,.32),transparent 42%),linear-gradient(140deg,rgba(255,253,248,.92),rgba(229,231,224,.94) 58%,rgba(226,219,234,.92));box-shadow:0 20px 55px rgba(33,30,49,.12)}
.treehouse-copy h3{color:#392b45}
.treehouse-badge{display:inline-flex;align-items:center;gap:9px;margin:26px 0 4px;padding:8px 13px;border:1px solid rgba(179,147,80,.62);border-radius:999px;background:linear-gradient(115deg,rgba(247,240,216,.88),rgba(235,228,241,.92));color:#3d3548;font-size:14px;font-weight:700;box-shadow:0 5px 18px rgba(47,43,56,.08);transition:transform .2s ease,box-shadow .2s ease}
.treehouse-badge:hover,.treehouse-badge:focus-visible{transform:translateY(-2px);box-shadow:0 9px 24px rgba(47,43,56,.16);outline:2px solid #8f7950;outline-offset:2px}
.treehouse-badge>span{padding-left:9px;border-left:1px solid rgba(79,65,92,.25);font-weight:500;color:#665874}
.map-point.treehouse{border:1px solid #c5a85f;background:linear-gradient(125deg,#fff5d9,#f1e8f2);box-shadow:0 8px 28px rgba(50,38,58,.2)}
@media(max-width:620px){.treehouse-badge{margin-top:20px}.property-photo img{border-radius:12px!important}}
@media(prefers-reduced-motion:reduce){.treehouse-badge{transition:none}}

/* A flowing watercolor rainbow, inspired by Japanese vermilion, indigo and washi. */
.page-menu-links{background:radial-gradient(ellipse at 8% 0%,rgba(191,126,115,.19),transparent 42%),radial-gradient(ellipse at 100% 100%,rgba(88,107,143,.2),transparent 45%),linear-gradient(145deg,#f7f0e8,#e9e4e9 58%,#e5e9e4);border-color:rgba(167,132,82,.78)}
.nav nav .page-menu-links .section-menu-links a,
.nav nav .page-menu-links .section-menu-links a[aria-current]{
 color:#fffaf3;
 font-weight:750;
 border:1px solid rgba(255,247,229,.48);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 4px 12px rgba(34,28,39,.16);
 text-shadow:0 1px 2px rgba(21,19,29,.32);
}
.nav nav .page-menu-links .section-menu-links a:nth-child(9n+1){background:radial-gradient(ellipse at 80% 20%,rgba(255,224,205,.23),transparent 40%),linear-gradient(115deg,rgba(126,42,60,.98),rgba(163,60,63,.88) 62%,rgba(154,76,72,.7))}
.nav nav .page-menu-links .section-menu-links a:nth-child(9n+2){background:radial-gradient(ellipse at 17% 88%,rgba(255,227,190,.24),transparent 42%),linear-gradient(115deg,rgba(151,66,31,.98),rgba(191,88,34,.87) 62%,rgba(176,101,50,.7))}
.nav nav .page-menu-links .section-menu-links a:nth-child(9n+3){background:radial-gradient(ellipse at 79% 16%,rgba(255,238,190,.26),transparent 42%),linear-gradient(115deg,rgba(133,91,19,.98),rgba(173,127,29,.88) 62%,rgba(157,132,54,.7))}
.nav nav .page-menu-links .section-menu-links a:nth-child(9n+4){background:radial-gradient(ellipse at 20% 85%,rgba(222,239,195,.22),transparent 42%),linear-gradient(115deg,rgba(59,94,43,.98),rgba(75,119,51,.88) 62%,rgba(98,129,69,.7))}
.nav nav .page-menu-links .section-menu-links a:nth-child(9n+5){background:radial-gradient(ellipse at 80% 18%,rgba(198,243,217,.22),transparent 42%),linear-gradient(115deg,rgba(23,99,82,.98),rgba(29,126,106,.87) 62%,rgba(79,137,118,.7))}
.nav nav .page-menu-links .section-menu-links a:nth-child(9n+6){background:radial-gradient(ellipse at 18% 84%,rgba(196,232,246,.22),transparent 42%),linear-gradient(115deg,rgba(25,86,120,.98),rgba(34,111,150,.87) 62%,rgba(76,129,155,.7))}
.nav nav .page-menu-links .section-menu-links a:nth-child(9n+7){background:radial-gradient(ellipse at 81% 20%,rgba(210,221,255,.24),transparent 42%),linear-gradient(115deg,rgba(46,59,123,.98),rgba(60,76,151,.87) 62%,rgba(94,107,164,.7))}
.nav nav .page-menu-links .section-menu-links a:nth-child(9n+8){background:radial-gradient(ellipse at 20% 84%,rgba(239,211,255,.23),transparent 42%),linear-gradient(115deg,rgba(89,51,130,.98),rgba(116,67,157,.87) 62%,rgba(139,94,160,.7))}
.nav nav .page-menu-links .section-menu-links a:nth-child(9n+9){background:radial-gradient(ellipse at 82% 18%,rgba(255,218,241,.22),transparent 42%),linear-gradient(115deg,rgba(128,48,105,.98),rgba(163,62,127,.87) 62%,rgba(170,92,141,.7))}
.nav nav .page-menu-links .section-menu-links a[aria-current]{border-color:#f4d996;box-shadow:inset 0 0 0 2px rgba(255,235,185,.52),0 5px 16px rgba(34,28,39,.22);font-weight:800}
.nav nav .page-menu-links .section-menu-links a:hover,.nav nav .page-menu-links .section-menu-links a:focus-visible{filter:saturate(1.15) brightness(1.08);border-color:#f5e0ac;outline:2px solid #f5e0ac;outline-offset:1px}

/* Keep the creek legible behind the cedar welcome plaque. */
.hero-shade{background:linear-gradient(90deg,#071c1590,#10281b30 62%,#14291b08),linear-gradient(0deg,#071b1660,transparent 60%)}
@media(max-width:540px){.hero-shade{background:linear-gradient(90deg,#071c1580,#10281b28 62%,#14291b05),linear-gradient(0deg,#071b1660,transparent 60%)}}

/* Centered, darker engraved mark and lettering on the cedar panel. */
.hero-content{max-width:850px;margin-inline:auto;text-align:center}
.hero-emblem{width:132px;height:132px;margin:0 auto 18px;filter:saturate(.85) brightness(.68) contrast(1.25) drop-shadow(0 1px 0 #f3c583) drop-shadow(0 4px 2px #18352070)}
.hero-content h1{color:#102719;text-shadow:0 1px 0 #f4c98f,0 2px 0 #573719,0 4px 5px #593b2055}
.hero-content .hero-copy{color:#152b1d;text-shadow:0 1px 0 #f3c68d,0 2px 2px #57371936;margin-inline:auto}
.hero-content .hero-actions{justify-content:center}
.hero-content .button-light{background:linear-gradient(145deg,#183c28,#0b2417);color:#fff3d9;border-color:#dfb36b;text-shadow:0 1px 1px #081a10;box-shadow:inset 0 1px 0 #ffffff2b,0 3px 0 #071c11,0 7px 14px #17351f45}
.hero-content .text-link{color:#102719;border-bottom-color:#193b27;text-shadow:0 1px 0 #f2c789,0 2px 2px #51371940}
@media(max-width:540px){.hero-content{margin-inline:16px}.hero-emblem{width:94px;height:94px;margin-bottom:14px}.hero-content h1{font-size:clamp(42px,10.5vw,58px)}}

/* Lighter natural cedar with clear, readable engraved lettering. */
.hero-content{
  background:
    radial-gradient(ellipse 46px 18px at 19% 26%,transparent 41%,rgba(111,75,48,.18) 44%,rgba(255,239,208,.24) 49%,transparent 55%),
    radial-gradient(ellipse 52px 20px at 81% 74%,transparent 41%,rgba(111,75,48,.16) 44%,rgba(255,239,208,.22) 49%,transparent 55%),
    repeating-linear-gradient(1deg,transparent 0 7px,rgba(108,73,44,.10) 8px,rgba(255,239,208,.12) 9px,transparent 11px,transparent 18px),
    linear-gradient(178deg,#d9b083 0%,#c99a6c 18%,#d6aa7a 34%,#c49364 51%,#d5a779 68%,#c99a6c 84%,#d8af81 100%);
  border-color:#89694a;
  box-shadow:inset 0 0 0 4px rgba(255,246,224,.34),inset 0 0 24px rgba(91,65,40,.13),0 18px 48px rgba(7,24,17,.42);
}
.hero-emblem{filter:saturate(.9) brightness(.92) contrast(1.06) drop-shadow(0 1px 0 rgba(255,246,224,.62)) drop-shadow(0 3px 2px rgba(25,54,37,.25))}
.hero-content h1{color:#244531;text-shadow:0 1px 0 rgba(255,246,224,.48),0 1px 2px rgba(51,58,39,.18)}
.hero-content .hero-copy{color:#344b39;text-shadow:0 1px 0 rgba(255,246,224,.40)}
.hero-content .hero-actions{justify-content:center}
.hero-content .button-light{background:linear-gradient(145deg,#376447,#244a34);color:#fff9ed;border:1px solid #e3c395;text-shadow:0 1px 1px rgba(16,35,24,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 4px 11px rgba(37,56,40,.20)}
.hero-content .text-link{color:#294a35;border-bottom-color:#637451;text-shadow:0 1px 0 rgba(255,246,224,.42)}
.hero-content .text-link span{color:#745c3f}

/* Concentric creek ripples spread outward from the center of the cedar logo reflection. */
.hero-emblem-wrap{position:relative;display:block;width:132px;height:132px;margin:0 auto 18px;isolation:isolate}
.hero-emblem-wrap .hero-emblem{width:100%;height:100%;margin:0}
.hero-water-ripples{position:absolute;z-index:2;pointer-events:none;left:5%;right:5%;bottom:2%;height:27%;overflow:hidden;clip-path:polygon(0 9%,12% 15%,23% 7%,35% 14%,47% 6%,59% 13%,71% 7%,83% 15%,100% 8%,100% 82%,88% 76%,76% 85%,64% 77%,52% 86%,40% 77%,28% 84%,16% 76%,0 83%);mix-blend-mode:screen}
.hero-water-ripples i{position:absolute;left:50%;top:50%;width:12%;height:24%;border:1px solid rgba(220,244,205,.76);border-radius:50%;box-shadow:0 0 5px rgba(232,204,143,.18),inset 0 0 3px rgba(172,229,188,.14);transform:translate(-50%,-50%) scale(.12,.2);opacity:0;animation:creek-ripple-spread 3.2s cubic-bezier(.15,.55,.35,1) infinite}
.hero-water-ripples i:nth-child(2){animation-delay:-.8s;border-color:rgba(222,203,158,.7)}
.hero-water-ripples i:nth-child(3){animation-delay:-1.6s}
.hero-water-ripples i:nth-child(4){animation-delay:-2.4s;border-color:rgba(222,203,158,.7)}
@keyframes creek-ripple-spread{0%{transform:translate(-50%,-50%) scale(.12,.2);opacity:.7}68%{opacity:.28}100%{transform:translate(-50%,-50%) scale(6.8,2.9);opacity:0}}
@media(max-width:820px){.hero-emblem-wrap{width:64px;height:64px;margin-bottom:18px}}
@media(max-width:540px){.hero-emblem-wrap{width:94px;height:94px;margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){.hero-water-ripples i{animation:none;display:none}}


/* Honey oak header wood, intentionally lighter and more golden than the cedar welcome panel. */
.nav{
  background:
    repeating-linear-gradient(2deg,transparent 0 12px,rgba(108,76,39,.075) 13px,rgba(255,245,214,.13) 14px,transparent 16px,transparent 27px),
    radial-gradient(ellipse at 18% 32%,rgba(255,248,220,.32),transparent 44%),
    linear-gradient(112deg,#e7d4aa 0%,#ddc28e 38%,#ebd9b1 68%,#d9bd87 100%);
  border-bottom-color:#9c8052;
  box-shadow:0 5px 24px rgba(25,36,23,.24);
}
+/* Richer translucent cedar header, with the grain and underlying light showing through. */
.nav{
  color:#173422;
  background:
    repeating-linear-gradient(2deg,transparent 0 12px,rgba(66,39,20,.11) 13px,rgba(255,229,182,.12) 14px,transparent 16px,transparent 27px),
    radial-gradient(ellipse at 18% 32%,rgba(255,221,167,.20),transparent 44%),
    linear-gradient(112deg,rgba(133,78,43,.78) 0%,rgba(161,103,59,.76) 38%,rgba(145,89,48,.78) 68%,rgba(126,72,39,.79) 100%);
  border-bottom-color:rgba(82,48,27,.68);
}
.nav .brand-wordmark,.nav .brand-retreat{color:#173d29}
.nav .nav-cta{color:#183b29}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
  .nav .brand-name{
    background:linear-gradient(175deg,#102f20 7%,#245539 29%,#386b49 43%,#183f2a 49%,#10301f 57%,#315d40 78%,#153b27 96%);
    -webkit-background-clip:text;background-clip:text;color:transparent
  }
}

/* Translucent red cedar on the second panel; keep the header logo on the first wood panel. */
.hero-content{
  background:
    radial-gradient(ellipse 46px 18px at 19% 26%,transparent 41%,rgba(111,58,43,.18) 44%,rgba(255,220,195,.20) 49%,transparent 55%),
    radial-gradient(ellipse 52px 20px at 81% 74%,transparent 41%,rgba(111,58,43,.16) 44%,rgba(255,220,195,.18) 49%,transparent 55%),
    repeating-linear-gradient(1deg,transparent 0 7px,rgba(91,45,34,.13) 8px,rgba(255,224,200,.13) 9px,transparent 11px,transparent 18px),
    linear-gradient(178deg,rgba(169,80,62,.76) 0%,rgba(142,61,49,.74) 18%,rgba(173,87,67,.75) 36%,rgba(135,56,45,.73) 54%,rgba(164,76,58,.75) 72%,rgba(125,52,42,.73) 86%,rgba(169,81,62,.75) 100%);
  border-color:rgba(84,39,31,.82);
  box-shadow:inset 0 0 0 4px rgba(226,162,130,.34),inset 0 0 28px rgba(74,28,22,.22),0 20px 55px rgba(7,24,17,.55);
  -webkit-backdrop-filter:blur(2px);
  backdrop-filter:blur(2px);
}

/* Stronger dark-green lettering and more visible cedar grain on both wood surfaces. */
.nav{
  background:
    repeating-linear-gradient(1deg,transparent 0 5px,rgba(69,39,23,.15) 6px,rgba(255,226,188,.16) 7px,transparent 8px,transparent 13px),
    repeating-linear-gradient(178deg,transparent 0 23px,rgba(77,43,26,.12) 24px,transparent 27px,transparent 38px),
    radial-gradient(ellipse 180px 26px at 22% 38%,rgba(255,226,183,.19),transparent 72%),
    radial-gradient(ellipse 210px 32px at 76% 71%,rgba(70,39,24,.13),transparent 72%),
    linear-gradient(112deg,rgba(133,78,43,.78) 0%,rgba(161,103,59,.76) 38%,rgba(145,89,48,.78) 68%,rgba(126,72,39,.79) 100%);
}
.nav .brand-wordmark,.nav .brand-retreat,.nav .brand-name,.nav .brand-waters{
  color:#0d2418;
  -webkit-text-stroke:.35px rgba(4,20,12,.6);
  text-shadow:0 1px 0 rgba(255,229,191,.28),0 2px 3px rgba(18,24,17,.28);
}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
  .nav .brand-name{
    background:none;
    -webkit-background-clip:initial;
    background-clip:initial;
    color:#0d2418;
  }
}
.hero-content{
  background:
    repeating-linear-gradient(1deg,transparent 0 4px,rgba(57,29,21,.18) 5px,rgba(255,220,194,.16) 6px,transparent 7px,transparent 13px),
    repeating-linear-gradient(179deg,transparent 0 27px,rgba(64,34,25,.15) 28px,transparent 31px,transparent 43px),
    radial-gradient(ellipse 54px 22px at 19% 26%,transparent 40%,rgba(80,39,28,.24) 44%,rgba(255,222,199,.2) 49%,transparent 56%),
    radial-gradient(ellipse 62px 24px at 81% 74%,transparent 40%,rgba(80,39,28,.22) 44%,rgba(255,222,199,.18) 49%,transparent 56%),
    linear-gradient(178deg,rgba(169,80,62,.76) 0%,rgba(142,61,49,.74) 18%,rgba(173,87,67,.75) 36%,rgba(135,56,45,.73) 54%,rgba(164,76,58,.75) 72%,rgba(125,52,42,.73) 86%,rgba(169,81,62,.75) 100%);
}
.hero-content h1,.hero-content .hero-copy,.hero-content .text-link{
  color:#101d14;
  -webkit-text-stroke:.25px rgba(8,18,11,.45);
  text-shadow:0 1px 0 rgba(255,226,203,.45),0 2px 3px rgba(48,22,18,.35);
}

/* Bold, high-contrast copy on the translucent cedar welcome panel. */
.hero-content h1,
.hero-content .hero-copy,
.hero-content .text-link{
  color:#050805;
  -webkit-text-stroke:0;
  text-shadow:0 1px 0 rgba(255,238,220,.55);
  font-weight:800;
}
.hero-content h1{font-weight:700}
.hero-content .hero-copy{font-weight:700}
.hero-content .text-link{font-weight:800}

/* Keep the cedar-panel lettering crisp and solid, without a pale halo. */
.nav .brand-wordmark,
.nav .brand-retreat,
.nav .brand-name,
.nav .brand-waters,
.hero-content h1,
.hero-content .hero-copy,
.hero-content .text-link{
  color:#050805;
  -webkit-text-stroke:0;
  text-shadow:none;
  font-weight:800;
}

/* Add a crisp black outline to the Mystic Waters wordmark in the top header. */
.nav .brand-name,
.nav .brand-waters{
  -webkit-text-stroke:1px #000;
  paint-order:stroke fill;
}


/* A quiet watercolor creek follows the page edge. */
.page-river{position:fixed;z-index:3;pointer-events:none;right:-58px;top:10vh;width:220px;height:88vh;opacity:.18;background:url("./assets/watercolor-river-edge.png") center/100% 100% no-repeat;mix-blend-mode:multiply}
@media(max-width:700px){.page-river{right:-52px;top:12vh;width:150px;height:84vh;opacity:.15}}
@media(prefers-reduced-motion:reduce){.page-river{display:none}}
/* Three field photos for the placer gold panning experience. */
.placer-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px}
.placer-gallery .property-photo img{width:100%;aspect-ratio:4/5;object-fit:cover}
.placer-gallery .property-photo figcaption{font-size:13px;line-height:1.5;color:#e7d8ed}
@media(max-width:650px){.placer-gallery{grid-template-columns:1fr;gap:22px}.placer-gallery .property-photo{max-width:440px;width:100%;margin-inline:auto}.placer-gallery .property-photo img{aspect-ratio:4/5}}

/* Each dropdown destination carries a leaf that drifts into place as the menu opens. */
.nav nav .page-menu-links .section-menu-links a,
.nav nav .page-menu-links .experience-submenu-links a{
  display:flex;
  align-items:center;
  gap:10px;
}
.menu-leaf{
  display:inline-grid;
  flex:0 0 26px;
  width:26px;
  height:26px;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.56);
  box-shadow:inset 0 1px 2px rgba(30,44,28,.12),0 1px 2px rgba(30,44,28,.08);
  font-size:17px;
  line-height:1;
  transform-origin:50% 80%;
}
.nav nav .page-menu-links .section-menu-links > a:nth-of-type(4n+1) .menu-leaf{background:#f3e0e4}
.nav nav .page-menu-links .section-menu-links > a:nth-of-type(4n+2) .menu-leaf{background:#f2e5d4}
.nav nav .page-menu-links .section-menu-links > a:nth-of-type(4n+3) .menu-leaf{background:#e2ebdc}
.nav nav .page-menu-links .section-menu-links > a:nth-of-type(4n+4) .menu-leaf{background:#e0e9ed}
.nav nav .page-menu-links .experience-submenu-links .menu-leaf{width:23px;height:23px;flex-basis:23px;font-size:15px;background:rgba(255,255,255,.62)}
.page-menu[open] .menu-leaf{animation:leaf-drift-in .58s cubic-bezier(.18,.72,.22,1) both}
.section-menu-links > a:nth-of-type(2) .menu-leaf{animation-delay:.035s}
.section-menu-links > a:nth-of-type(3) .menu-leaf{animation-delay:.07s}
.section-menu-links > a:nth-of-type(4) .menu-leaf{animation-delay:.105s}
.section-menu-links > a:nth-of-type(5) .menu-leaf{animation-delay:.14s}
.section-menu-links > a:nth-of-type(6) .menu-leaf{animation-delay:.175s}
.section-menu-links > a:nth-of-type(7) .menu-leaf{animation-delay:.21s}
.section-menu-links > a:nth-of-type(8) .menu-leaf{animation-delay:.245s}
.experience-submenu[open] .experience-submenu-links .menu-leaf{animation:leaf-drift-in .58s cubic-bezier(.18,.72,.22,1) both}
@keyframes leaf-drift-in{
  0%{opacity:0;transform:translateY(-13px) rotate(-32deg) scale(.82)}
  65%{opacity:1;transform:translateY(2px) rotate(8deg) scale(1.04)}
  100%{opacity:1;transform:translateY(0) rotate(0) scale(1)}
}
@media(prefers-reduced-motion:reduce){.page-menu[open] .menu-leaf,.experience-submenu[open] .experience-submenu-links .menu-leaf{animation:none}}

/* Compact header: a single small seal at left, navigation aligned at right. */
.nav{height:100px;min-height:100px;padding:0 clamp(14px,4vw,58px);gap:16px}
.nav .brand{flex:0 0 auto;gap:0}
.nav .brand-logo-wrap.retreat-badge{position:relative;display:block;width:90px;height:90px;padding:0;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,#f5e9c9,#dfc183 66%,#c4a25b);border:1.5px solid #8b713d;box-shadow:0 2px 9px #14281d27,inset 0 0 0 3px #fff8}
.nav .retreat-badge .brand-logo{position:absolute;top:5px;left:50%;width:59px;height:59px;transform:translateX(-50%);object-fit:contain}
.badge-wordmark{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.badge-wordmark text{font-family:var(--serif);font-size:12px;letter-spacing:.45px;font-weight:700;fill:#173d29}
.nav .brand-wordmark{display:none}
.nav .nav-actions{flex:1;justify-content:flex-end;gap:clamp(12px,2.5vw,30px);min-width:0}
.nav .nav-actions>nav{display:block;flex:0 0 auto}
.nav .nav-cta{white-space:nowrap}
.hero{min-height:calc(100svh - 100px)}
html{scroll-padding-top:116px}
.page-menu-links{max-height:calc(100svh - 128px)}
@media(max-width:820px){.nav{height:100px;min-height:100px;padding:0 18px}.nav .brand-logo-wrap.retreat-badge{width:90px;height:90px}.nav .retreat-badge .brand-logo{width:59px;height:59px}.hero{min-height:calc(100svh - 100px)}html{scroll-padding-top:116px}.page-menu-links{max-height:calc(100svh - 128px)}}
@media(max-width:620px){.nav{height:96px;min-height:96px;padding:0 12px;flex-wrap:nowrap;gap:8px}.nav .brand{flex:0 0 90px}.nav .brand-logo-wrap.retreat-badge{width:86px;height:86px}.nav .retreat-badge .brand-logo{width:56px;height:56px;top:4px}.badge-wordmark text{font-size:12px}.nav .nav-actions{flex:1;gap:0;margin:0;justify-content:flex-end}.nav .nav-cta{display:none}.nav .page-menu summary{max-width:min(190px,calc(100vw - 118px));padding:9px 12px;gap:8px;font-size:14px}.hero{min-height:calc(100svh - 96px)}html{scroll-padding-top:112px}.page-menu-links{max-height:calc(100svh - 124px)}}
@media(max-width:360px){.nav{padding-inline:8px}.nav .brand{flex-basis:82px}.nav .brand-logo-wrap.retreat-badge{width:78px;height:78px}.nav .retreat-badge .brand-logo{width:51px;height:51px;top:3px}.badge-wordmark text{font-size:11px}.nav .page-menu summary{max-width:calc(100vw - 104px);padding:8px 10px}}
@media(forced-colors:active){.nav .brand-logo-wrap.retreat-badge{background:Canvas;border-color:CanvasText}.badge-wordmark text{fill:CanvasText}}

/* Give the retreat seal more room and make its curved name easy to read. */
.nav{height:124px;min-height:124px}
.nav .brand-logo-wrap.retreat-badge{width:116px;height:116px}
.nav .retreat-badge .brand-logo{top:5px;width:76px;height:76px}
.badge-wordmark text{font-family:var(--sans);font-size:13.5px;font-weight:700;letter-spacing:.25px;fill:#102d1f;paint-order:stroke;stroke:#f4e7c3;stroke-width:1.5px;stroke-linejoin:round}
.hero{min-height:calc(100svh - 124px)}
html{scroll-padding-top:140px}
.page-menu-links{max-height:calc(100svh - 152px)}
@media(max-width:820px){.nav{height:116px;min-height:116px}.nav .brand-logo-wrap.retreat-badge{width:108px;height:108px}.nav .retreat-badge .brand-logo{width:70px;height:70px}.hero{min-height:calc(100svh - 116px)}html{scroll-padding-top:132px}.page-menu-links{max-height:calc(100svh - 144px)}}
@media(max-width:620px){.nav{height:112px;min-height:112px;padding:0 12px}.nav .brand{flex:0 0 104px}.nav .brand-logo-wrap.retreat-badge{width:102px;height:102px}.nav .retreat-badge .brand-logo{top:4px;width:67px;height:67px}.badge-wordmark text{font-size:13px}.nav .page-menu summary{max-width:min(190px,calc(100vw - 132px))}.hero{min-height:calc(100svh - 112px)}html{scroll-padding-top:128px}.page-menu-links{max-height:calc(100svh - 140px)}}
@media(max-width:360px){.nav{padding-inline:8px}.nav .brand{flex-basis:94px}.nav .brand-logo-wrap.retreat-badge{width:92px;height:92px}.nav .retreat-badge .brand-logo{width:60px;height:60px}.badge-wordmark text{font-size:12px}.nav .page-menu summary{max-width:calc(100vw - 116px)}}
@media(forced-colors:active){.badge-wordmark text{fill:CanvasText;stroke:Canvas}}

/* Crisp black lettering with a dark cedar-red badge ring. */
.nav .brand-logo-wrap.retreat-badge{border:3px solid #54251f;box-shadow:0 2px 9px #14281d27,inset 0 0 0 2px #f8edcf}
.badge-wordmark text{fill:#000;stroke:none;paint-order:normal;font-weight:800;letter-spacing:.1px}
@media(forced-colors:active){.nav .brand-logo-wrap.retreat-badge{border-color:CanvasText}.badge-wordmark text{fill:CanvasText}}

/* Slightly larger seal with a true black mark and clear black lettering. */
.nav{height:136px;min-height:136px}
.nav .brand-logo-wrap.retreat-badge{width:128px;height:128px}
.nav .retreat-badge .brand-logo{top:5px;width:84px;height:84px;filter:brightness(0) saturate(100%)}
.badge-wordmark text{font-family:var(--sans);font-size:15px;font-weight:800;letter-spacing:.12px;fill:#000;stroke:none;paint-order:normal}
.hero{min-height:calc(100svh - 136px)}
html{scroll-padding-top:152px}
.page-menu-links{max-height:calc(100svh - 164px)}
@media(max-width:820px){.nav{height:128px;min-height:128px}.nav .brand-logo-wrap.retreat-badge{width:118px;height:118px}.nav .retreat-badge .brand-logo{width:76px;height:76px}.hero{min-height:calc(100svh - 128px)}html{scroll-padding-top:144px}.page-menu-links{max-height:calc(100svh - 156px)}}
@media(max-width:620px){.nav{height:120px;min-height:120px;padding:0 12px}.nav .brand{flex:0 0 112px}.nav .brand-logo-wrap.retreat-badge{width:110px;height:110px}.nav .retreat-badge .brand-logo{top:4px;width:70px;height:70px}.badge-wordmark text{font-size:14px}.nav .page-menu summary{max-width:min(190px,calc(100vw - 140px))}.hero{min-height:calc(100svh - 120px)}html{scroll-padding-top:136px}.page-menu-links{max-height:calc(100svh - 148px)}}
@media(max-width:360px){.nav{height:112px;min-height:112px;padding-inline:8px}.nav .brand{flex-basis:102px}.nav .brand-logo-wrap.retreat-badge{width:100px;height:100px}.nav .retreat-badge .brand-logo{width:64px;height:64px}.badge-wordmark text{font-size:12.5px}.nav .page-menu summary{max-width:calc(100vw - 122px)}.hero{min-height:calc(100svh - 112px)}html{scroll-padding-top:128px}.page-menu-links{max-height:calc(100svh - 140px)}}
@media(forced-colors:active){.badge-wordmark text{fill:CanvasText}.nav .retreat-badge .brand-logo{filter:none}}

/* Strong, visible water rings over the black mark in the header badge. */
.nav .brand-logo-wrap.retreat-badge{position:relative;isolation:isolate}
.nav .retreat-badge .brand-logo{z-index:1}
.nav .badge-water-ripples{z-index:2;left:8%;right:8%;bottom:22%;height:31%;overflow:hidden;mix-blend-mode:normal;clip-path:none}
.nav .badge-water-ripples i{width:14%;height:42%;border-width:1.5px;border-color:rgba(12,35,27,.86);box-shadow:0 0 4px rgba(9,31,23,.34),inset 0 0 3px rgba(9,31,23,.22);animation-duration:2.8s}
.nav .badge-water-ripples i:nth-child(2),.nav .badge-water-ripples i:nth-child(4){border-color:rgba(75,36,30,.78);box-shadow:0 0 5px rgba(75,36,30,.32),inset 0 0 3px rgba(75,36,30,.2)}
@media(prefers-reduced-motion:reduce){.nav .badge-water-ripples i{animation:none;display:none}}

/* Mystical black wordmark on the warm gold badge; keep the navigation bar unchanged. */
.nav .brand-logo-wrap.retreat-badge{background:linear-gradient(145deg,#fff0ad 0%,#f3cf68 52%,#d9ad45 100%)}
.badge-wordmark text{font-family:"Cinzel Decorative",serif;font-size:12.4px;font-weight:700;letter-spacing:0;fill:#000;stroke:none;paint-order:normal}
@media(max-width:620px){.badge-wordmark text{font-size:11.5px}}
@media(max-width:360px){.badge-wordmark text{font-size:10.5px}}

/* Enlarge the lettering inside the gold badge for clearer reading. */
.badge-wordmark text{font-size:15.5px}
@media(max-width:620px){.badge-wordmark text{font-size:14px}}
@media(max-width:360px){.badge-wordmark text{font-size:13px}}

/* Put the full, readable name on a larger arc outside the seal. */
.nav{height:176px;min-height:176px}
.nav .brand-logo-wrap.retreat-badge{width:128px;height:128px;overflow:visible}
.nav .retreat-badge .brand-logo{width:84px;height:84px}
.nav .badge-wordmark{position:absolute;z-index:3;left:50%;bottom:-8px;width:202px;height:112px;overflow:visible;transform:translateX(-50%);pointer-events:none}
.badge-wordmark text{font-family:"Cinzel Decorative",serif;font-size:20px;font-weight:800;letter-spacing:.3px;fill:#000;stroke:none;paint-order:normal;text-rendering:geometricPrecision}
.hero{min-height:calc(100svh - 176px)}
html{scroll-padding-top:192px}
.page-menu-links{max-height:calc(100svh - 204px)}
@media(max-width:820px){.nav{height:164px;min-height:164px}.nav .brand-logo-wrap.retreat-badge{width:118px;height:118px}.nav .retreat-badge .brand-logo{width:76px;height:76px}.nav .badge-wordmark{bottom:-8px;width:190px;height:108px}.badge-wordmark text{font-size:18px}.hero{min-height:calc(100svh - 164px)}html{scroll-padding-top:180px}.page-menu-links{max-height:calc(100svh - 192px)}}
@media(max-width:620px){.nav{height:156px;min-height:156px;padding:0 12px}.nav .brand{flex:0 0 104px}.nav .brand-logo-wrap.retreat-badge{width:102px;height:102px}.nav .retreat-badge .brand-logo{top:4px;width:67px;height:67px}.nav .badge-wordmark{bottom:-6px;width:174px;height:104px}.badge-wordmark text{font-size:16.5px}.nav .page-menu summary{max-width:min(190px,calc(100vw - 132px))}.hero{min-height:calc(100svh - 156px)}html{scroll-padding-top:172px}.page-menu-links{max-height:calc(100svh - 184px)}}
@media(max-width:360px){.nav{height:148px;min-height:148px;padding-inline:8px}.nav .brand{flex-basis:94px}.nav .brand-logo-wrap.retreat-badge{width:92px;height:92px}.nav .retreat-badge .brand-logo{width:60px;height:60px}.nav .badge-wordmark{width:158px;height:98px;bottom:-6px}.badge-wordmark text{font-size:15px}.hero{min-height:calc(100svh - 148px)}html{scroll-padding-top:164px}.page-menu-links{max-height:calc(100svh - 176px)}}
@media(forced-colors:active){.badge-wordmark text{fill:CanvasText;stroke:Canvas}}

/* Keep the name beneath the round mark, clear of the badge artwork. */
.nav .brand{flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:0 0 184px;overflow:visible}
.nav .brand-logo-wrap.retreat-badge{flex:0 0 auto}
.nav .badge-caption{display:block!important;max-width:none!important;padding:0!important;margin:0!important;font-family:"Cinzel Decorative",Georgia,serif!important;font-size:17px!important;line-height:1.15!important;letter-spacing:.015em!important;font-weight:800!important;white-space:nowrap!important;text-align:center;color:#000!important;background:none!important;-webkit-text-fill-color:#000!important;filter:none!important;text-shadow:0 1px 0 #fff4d4}
.nav .brand-wordmark{display:none!important}
@media(max-width:820px){.nav{height:164px;min-height:164px}.nav .brand{flex-basis:150px}.nav .brand-logo-wrap.retreat-badge{width:118px;height:118px}.nav .retreat-badge .brand-logo{width:76px;height:76px}.nav .badge-caption{font-size:16px!important}.hero{min-height:calc(100svh - 164px)}html{scroll-padding-top:180px}}
@media(max-width:620px){.nav{height:156px;min-height:156px;flex-wrap:nowrap;padding:0 12px;gap:8px}.nav .brand{flex:0 0 122px;gap:1px}.nav .brand-logo-wrap.retreat-badge{width:102px;height:102px}.nav .retreat-badge .brand-logo{width:67px;height:67px;top:4px}.nav .badge-caption{font-size:14px!important}.nav .nav-actions{flex:1;justify-content:flex-end}.nav .page-menu summary{max-width:min(190px,calc(100vw - 150px))}.hero{min-height:calc(100svh - 156px)}html{scroll-padding-top:172px}}
@media(max-width:360px){.nav{height:148px;min-height:148px;padding-inline:8px}.nav .brand{flex-basis:110px}.nav .brand-logo-wrap.retreat-badge{width:92px;height:92px}.nav .retreat-badge .brand-logo{width:60px;height:60px}.nav .badge-caption{font-size:12px!important}.nav .page-menu summary{max-width:calc(100vw - 130px)}.hero{min-height:calc(100svh - 148px)}}

/* Enlarge the Mystic Waters wordmark beneath the badge. */
.nav .badge-caption{font-size:28px!important;line-height:1.08!important}
@media(max-width:820px){.nav .badge-caption{font-size:24px!important}}
@media(max-width:620px){.nav .badge-caption{font-size:19px!important}}
@media(max-width:360px){.nav .badge-caption{font-size:17px!important}}

/* The menu wording is burned into the cedar artwork itself. */
.nav .page-menu{transform:translateX(0);min-width:0}
.nav .page-menu summary{position:relative;display:block;width:min(780px,calc(100vw - 420px));max-width:calc(100vw - 420px);min-width:0;height:clamp(112px,12vw,154px);padding:0;border:0;border-radius:0;background:transparent url('./assets/cedar-menu-button.png') center/100% 100% no-repeat;box-shadow:none;color:transparent;font-size:0;text-shadow:none;cursor:pointer}
.nav .page-menu summary::-webkit-details-marker{display:none}
.nav .page-menu summary .menu-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;color:transparent!important}
.nav .page-menu summary:focus-visible{outline:3px solid #d8b56f;outline-offset:1px;border-radius:12px}
@media(max-width:620px){.nav .nav-actions,.nav nav{min-width:0}.nav .page-menu{transform:none;width:100%}.nav .page-menu summary{width:min(100%,calc(100vw - 150px));max-width:calc(100vw - 150px);min-width:154px;height:clamp(74px,15vw,100px)}}
@media(max-width:360px){.nav .page-menu summary{width:calc(100vw - 132px);max-width:calc(100vw - 132px);min-width:142px;height:72px}}
@media(forced-colors:active){.nav .page-menu summary{width:auto;max-width:calc(100vw - 24px);height:auto;min-height:48px;padding:10px 14px;background:ButtonFace;border:1px solid ButtonText;color:ButtonText;font-size:16px}.nav .page-menu summary .menu-label{position:static!important;width:auto!important;height:auto!important;margin:0!important;overflow:visible!important;clip:auto!important;white-space:normal!important;color:ButtonText!important}}

/* The eye emblem is the right-side navigation trigger. */
.nav .page-menu summary{
  width:144px;height:76px;padding:0;display:grid;place-items:center;overflow:hidden;
  border:1px solid #c6a75f;border-radius:999px;background:#fffdf9;box-shadow:0 4px 16px #33204a24;
  cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease
}
.nav .page-menu summary::-webkit-details-marker{display:none}
.nav .page-menu summary:hover,.nav .page-menu[open] summary{transform:translateY(-1px);border-color:#98742e;box-shadow:0 6px 21px #33204a36,0 0 0 3px #e2c58c55}
.nav .page-menu summary:focus-visible{outline:3px solid #9b7534;outline-offset:4px}
.menu-eye{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
@media(max-width:820px){.nav .page-menu summary{width:124px;height:66px;padding:0;max-width:none}}
@media(max-width:540px){.nav .page-menu summary{width:112px;height:60px;padding:0;max-width:none}}
@media(prefers-reduced-motion:reduce){.nav .page-menu summary{transition:none}}

/* Seat the eye menu at the lower edge of the cedar header and blend its white field into the wood. */
.nav .nav-actions{align-self:stretch;margin-top:0}
.nav .nav-actions>nav{align-self:stretch;display:flex;align-items:flex-end;padding-bottom:0}
.nav .page-menu{height:100%;display:flex;align-items:flex-end}
.nav .page-menu summary{
  position:relative;align-self:flex-end;width:144px;height:76px;max-width:none;min-width:0;
  display:grid;place-items:center;overflow:hidden;padding:0;margin:0;
  border:0;border-radius:0;background:transparent url('./assets/cedar-menu-button.png') center/100% 100% no-repeat;
  box-shadow:none;color:transparent;font-size:0;text-shadow:none;cursor:pointer;
  transition:filter .18s ease
}
.nav .page-menu summary:hover,.nav .page-menu[open] summary{transform:none;border:0;box-shadow:none;filter:brightness(1.05)}
.nav .page-menu summary:focus-visible{outline:3px solid #d8b56f;outline-offset:-3px;border-radius:8px}
.nav .page-menu summary .menu-eye{width:100%;height:100%;object-fit:contain;border-radius:0;mix-blend-mode:multiply}
@media(max-width:820px){.nav .page-menu summary{width:124px;height:66px}}
@media(max-width:540px){.nav .page-menu summary{width:112px;height:60px}}
@media(prefers-reduced-motion:reduce){.nav .page-menu summary{transition:none}}

/* Keep the eye integrated with the cedar header and make its purpose visible. */
.nav .page-menu{height:100%;align-items:flex-end}
.nav .page-menu summary{
  width:148px;height:112px;max-width:none;min-width:0;flex:0 0 auto;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;
  overflow:visible;padding:0 4px 3px;margin:0;border:0;border-radius:0;
  background:none;box-shadow:none;color:#10170f;font-size:16px;text-shadow:none;
}
.nav .page-menu summary:hover,.nav .page-menu[open] summary{transform:none;border:0;box-shadow:none;filter:none}
.nav .page-menu summary:focus-visible{outline:3px solid #d8b56f;outline-offset:2px;border-radius:8px}
.nav .page-menu summary .menu-eye{
  display:block;width:138px;height:82px;flex:0 0 82px;object-fit:cover;object-position:50% 43%;
  border-radius:0;mix-blend-mode:multiply;filter:contrast(1.13) saturate(1.12) brightness(.98);
}
.nav .page-menu summary .menu-label{
  position:static!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;
  overflow:visible!important;clip:auto!important;white-space:nowrap!important;border:0!important;
  color:#0b160f!important;-webkit-text-fill-color:#0b160f!important;
  font-family:"Cinzel Decorative",Georgia,serif!important;font-size:16px!important;line-height:1.2!important;
  font-weight:800!important;letter-spacing:.045em!important;text-align:center!important;
  text-shadow:0 1px 0 rgba(255,225,180,.72),0 0 4px rgba(255,230,190,.44)!important;
}
@media(max-width:820px){.nav .page-menu summary{width:132px;height:104px}.nav .page-menu summary .menu-eye{width:124px;height:76px;flex-basis:76px}}
@media(max-width:620px){
  .nav .page-menu{width:auto}
  .nav .page-menu summary{width:120px;height:88px;min-width:0;padding:0 2px 2px;gap:1px}
  .nav .page-menu summary .menu-eye{width:116px;height:68px;flex-basis:68px}
  .nav .page-menu summary .menu-label{font-size:14px!important}
}
@media(max-width:360px){.nav .page-menu summary{width:108px;height:82px}.nav .page-menu summary .menu-eye{width:104px;height:62px;flex-basis:62px}.nav .page-menu summary .menu-label{font-size:13px!important}}
@media(forced-colors:active){.nav .page-menu summary .menu-label{color:CanvasText!important;-webkit-text-fill-color:CanvasText!important;text-shadow:none!important}}

/* A flowing creek ribbon continues from beneath the eye down the page. */
main{position:relative;isolation:isolate}
.eye-waterfall{
  position:absolute;z-index:3;pointer-events:none;overflow:hidden;
  top:0;right:0;width:100px;height:100%;
  opacity:.46;filter:drop-shadow(0 1px 8px rgba(108,116,223,.18));
}
.eye-waterfall path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.waterfall-ribbon{stroke:url(#water-iridescence);stroke-width:38;opacity:.56}
.waterfall-haze{stroke:url(#water-iridescence);stroke-width:52;opacity:.34;filter:blur(9px)}
.waterfall-current{stroke:url(#water-iridescence);stroke-width:15;stroke-dasharray:5 22;animation:creek-run 1.45s linear infinite}
.current-two{stroke:url(#water-shimmer);stroke-width:9;opacity:.72;stroke-dasharray:4 29;animation-duration:1.9s;animation-delay:-.7s}
.waterfall-glint{stroke:url(#water-shimmer);stroke-width:2.5;stroke-dasharray:2 37;animation:creek-run 2.4s linear infinite}
@keyframes creek-run{to{stroke-dashoffset:-80}}
@media(max-width:620px){.eye-waterfall{right:0;width:72px;opacity:.40}.waterfall-ribbon{stroke-width:28}.waterfall-haze{stroke-width:40}.waterfall-current{stroke-width:11}.current-two{stroke-width:7}}
@media(prefers-reduced-motion:reduce){.eye-waterfall path{animation:none!important}.waterfall-current,.waterfall-glint{stroke-dasharray:none;opacity:.65}}

/* Curve the existing Mystic Waters lettering around the outside of the badge. */
.nav .brand-logo-wrap.retreat-badge{position:relative;overflow:visible}
.nav .badge-caption{display:none!important}
.nav .badge-caption-arc{position:absolute;z-index:4;left:50%;top:-6px;width:220px;height:150px;overflow:visible;transform:translateX(-50%);pointer-events:none}
.nav .badge-caption-arc text{font-family:"Cinzel Decorative",Georgia,serif;font-size:20px;font-weight:800;letter-spacing:.015em;fill:#000;text-rendering:geometricPrecision}
@media(max-width:820px){.nav .badge-caption-arc{top:-2px;width:204px;height:139px}.nav .badge-caption-arc text{font-size:18px}}
@media(max-width:620px){.nav .badge-caption-arc{top:-1px;width:184px;height:125px}.nav .badge-caption-arc text{font-size:16.5px}}
@media(max-width:360px){.nav .badge-caption-arc{width:166px;height:113px}.nav .badge-caption-arc text{font-size:15px}}
@media(forced-colors:active){.nav .badge-caption-arc text{fill:CanvasText}}

/* Keep the wordmark inside the badge, following its lower inner edge. */
.nav .brand-logo-wrap.retreat-badge{width:90px;height:90px;flex:0 0 90px;overflow:hidden}
.nav .brand-logo-wrap.retreat-badge .brand-logo{width:84px;height:84px}
.nav .badge-caption-arc{left:0;top:0;width:100%;height:100%;transform:none;overflow:visible}
.nav .badge-caption-arc text{font-size:7.7px;letter-spacing:0;paint-order:stroke;stroke:rgba(255,245,220,.85);stroke-width:.7px}
.nav .badge-water-ripples{z-index:2}

/* Give the Explorer eye a larger presence and a soft indigo aura. */
.nav{height:208px}
.nav .nav-actions>nav,.nav .page-menu{align-items:flex-end}
.nav .page-menu summary{width:296px;height:194px;padding:0 8px 6px;gap:2px}
.nav .page-menu summary .menu-eye{width:276px;height:164px;flex-basis:164px;object-fit:cover;filter:contrast(1.13) saturate(1.12) brightness(.98) drop-shadow(0 0 7px rgba(104,75,210,.8)) drop-shadow(0 0 17px rgba(111,78,230,.58))}
.nav .page-menu summary .menu-label{text-shadow:0 0 8px rgba(157,132,255,.75),0 1px 0 rgba(255,225,180,.72)!important}
.nav .page-menu summary:hover .menu-eye,.nav .page-menu[open] summary .menu-eye{filter:contrast(1.13) saturate(1.14) brightness(1.02) drop-shadow(0 0 10px rgba(128,94,244,.95)) drop-shadow(0 0 24px rgba(111,78,230,.72))}
@media(max-width:820px){.nav{height:190px}.nav .brand-logo-wrap.retreat-badge{width:80px;height:80px;flex-basis:80px}.nav .brand-logo-wrap.retreat-badge .brand-logo{width:74px;height:74px}.nav .page-menu summary{width:256px;height:176px}.nav .page-menu summary .menu-eye{width:236px;height:140px;flex-basis:140px}}
@media(max-width:620px){.nav{height:166px;padding-left:12px;padding-right:12px;gap:8px}.nav .brand{gap:0}.nav .brand-logo-wrap.retreat-badge{width:68px;height:68px;flex-basis:68px}.nav .brand-logo-wrap.retreat-badge .brand-logo{width:63px;height:63px}.nav .nav-actions{gap:0}.nav .page-menu summary{width:218px;height:150px;padding:0 3px 3px}.nav .page-menu summary .menu-eye{width:208px;height:122px;flex-basis:122px}.nav .page-menu summary .menu-label{font-size:14px!important}}
@media(max-width:380px){.nav{height:142px}.nav .brand-logo-wrap.retreat-badge{width:58px;height:58px;flex-basis:58px}.nav .brand-logo-wrap.retreat-badge .brand-logo{width:54px;height:54px}.nav .page-menu summary{width:178px;height:128px}.nav .page-menu summary .menu-eye{width:170px;height:102px;flex-basis:102px}.nav .page-menu summary .menu-label{font-size:13px!important}}
@media(prefers-reduced-motion:reduce){.nav .page-menu summary .menu-eye{transition:none}}

/* Final header refinements: larger arched name, lower water ripples, and an eye blended into the cedar. */
.nav .brand-logo-wrap.retreat-badge{overflow:visible}
.nav .badge-caption-arc{left:-5%;top:-1%;width:110%;height:110%;transform:none;overflow:visible}
.nav .badge-caption-arc text{font-size:9.8px;letter-spacing:.01em;stroke:rgba(255,245,220,.9);stroke-width:.55px}
.nav .badge-water-ripples{bottom:4%;height:31%;}
.nav .page-menu summary{
  width:204px;height:146px;padding:0 4px 4px;gap:1px;
  border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;
}
.nav .page-menu summary .menu-eye{
  width:184px;height:110px;flex:0 0 110px;object-fit:contain;object-position:center;
  border-radius:0;mix-blend-mode:multiply;
  filter:contrast(1.13) saturate(1.12) brightness(.98) drop-shadow(0 0 6px rgba(104,75,210,.72)) drop-shadow(0 0 13px rgba(111,78,230,.48));
}
.nav .page-menu summary:hover,.nav .page-menu[open] summary{background:none;border:0;box-shadow:none;filter:none}
.nav .page-menu summary:hover .menu-eye,.nav .page-menu[open] summary .menu-eye{filter:contrast(1.13) saturate(1.14) brightness(1.02) drop-shadow(0 0 8px rgba(128,94,244,.88)) drop-shadow(0 0 18px rgba(111,78,230,.62))}
@media(max-width:820px){
  .nav .badge-caption-arc{font-size:inherit}
  .nav .badge-caption-arc text{font-size:9.2px}
  .nav .page-menu summary{width:180px;height:132px}
  .nav .page-menu summary .menu-eye{width:160px;height:96px;flex-basis:96px}
}
@media(max-width:620px){
  .nav .badge-caption-arc{left:-8%;top:-1%;width:116%;height:116%}
  .nav .badge-caption-arc text{font-size:8.4px;stroke-width:.5px}
  .nav .page-menu summary{width:152px;height:112px;padding-bottom:2px}
  .nav .page-menu summary .menu-eye{width:144px;height:86px;flex-basis:86px}
}
@media(max-width:380px){
  .nav .badge-caption-arc text{font-size:7.5px}
  .nav .page-menu summary{width:132px;height:100px}
  .nav .page-menu summary .menu-eye{width:124px;height:74px;flex-basis:74px}
}

/* Definitive header pass: restore the full seal, set the wordmark on its lower arc,
   and let the Explorer eye sit cleanly in the red cedar without a button frame. */
.nav{height:140px;min-height:140px;align-items:center}
.nav .brand{flex:0 0 auto;gap:0}
.nav .brand-logo-wrap.retreat-badge{
  position:relative;width:120px;height:120px;flex:0 0 120px;overflow:visible;
  border:1.5px solid #76542e;border-radius:50%;
  background:linear-gradient(145deg,#f4e4b9,#d9b66c 62%,#c49b4f);
  box-shadow:0 3px 12px rgba(30,24,15,.28),inset 0 0 0 4px rgba(255,248,222,.78),inset 0 0 0 6px rgba(116,79,37,.5)
}
.nav .retreat-badge .brand-logo{
  position:absolute;z-index:1;top:3px;left:50%;width:86px;height:86px;
  transform:translateX(-50%);object-fit:contain;filter:contrast(1.28) brightness(.7)
}
.nav .badge-caption-arc{position:absolute;z-index:4;inset:0;width:100%;height:100%;transform:none;overflow:visible;pointer-events:none}
.nav .badge-caption-arc text{
  font-family:"Cinzel Decorative",Georgia,serif;font-size:12.8px;font-weight:700;letter-spacing:.02em;
  fill:#101c13;paint-order:stroke;stroke:#ead29a;stroke-width:.7px;stroke-linejoin:round
}
.nav .badge-water-ripples{left:16%;right:16%;bottom:26%;height:12%;z-index:2;mix-blend-mode:screen}
.nav .badge-water-ripples i{border-color:rgba(194,231,226,.76);box-shadow:0 0 5px rgba(221,239,212,.35),inset 0 0 3px rgba(172,229,188,.2)}
.nav .page-menu summary{
  width:184px;height:116px;padding:0 4px 3px;gap:0;justify-content:center;flex-direction:column;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible;
}
.nav .page-menu summary .menu-eye{
  width:160px;height:88px;flex:0 0 88px;object-fit:cover;object-position:center 42%;
  border:0;border-radius:0;background:transparent;mix-blend-mode:multiply;
  -webkit-mask-image:radial-gradient(ellipse 78% 86% at 50% 47%,#000 61%,rgba(0,0,0,.9) 75%,transparent 100%);
  mask-image:radial-gradient(ellipse 78% 86% at 50% 47%,#000 61%,rgba(0,0,0,.9) 75%,transparent 100%);
  filter:contrast(1.12) saturate(1.08) drop-shadow(0 0 5px rgba(86,73,164,.38)) drop-shadow(0 0 12px rgba(94,80,188,.22));
}
.nav .page-menu summary .menu-label{
  display:block!important;color:#101c13!important;-webkit-text-fill-color:#101c13!important;
  font-family:"Cinzel Decorative",Georgia,serif!important;font-size:15px!important;font-weight:700!important;
  line-height:1.2!important;letter-spacing:.04em!important;text-shadow:0 1px 0 rgba(246,225,183,.8)!important
}
.nav .page-menu summary:hover,.nav .page-menu[open] summary{background:transparent!important;border:0!important;box-shadow:none!important}
.nav .page-menu summary:hover .menu-eye,.nav .page-menu[open] summary .menu-eye{filter:contrast(1.14) saturate(1.12) drop-shadow(0 0 7px rgba(117,94,210,.55)) drop-shadow(0 0 15px rgba(107,84,205,.32))}
@media(max-width:820px){
  .nav{height:132px;min-height:132px}.nav .brand-logo-wrap.retreat-badge{width:114px;height:114px;flex-basis:114px}
  .nav .retreat-badge .brand-logo{width:82px;height:82px}.nav .page-menu summary{width:166px;height:110px}
  .nav .page-menu summary .menu-eye{width:148px;height:82px;flex-basis:82px}.hero{min-height:calc(100svh - 132px)}html{scroll-padding-top:148px}
}
@media(max-width:620px){
  .nav{height:120px;min-height:120px;padding:0 12px;gap:8px}.nav .brand{flex:0 0 108px}
  .nav .brand-logo-wrap.retreat-badge{width:104px;height:104px;flex-basis:104px}.nav .retreat-badge .brand-logo{top:2px;width:74px;height:74px}
  .nav .badge-caption-arc text{font-size:12px}.nav .nav-actions{flex:1;gap:0;justify-content:flex-end}
  .nav .page-menu summary{width:146px;height:100px;padding:0 2px 2px}.nav .page-menu summary .menu-eye{width:132px;height:74px;flex-basis:74px}
  .nav .page-menu summary .menu-label{font-size:13px!important}.hero{min-height:calc(100svh - 120px)}html{scroll-padding-top:136px}
}
@media(max-width:380px){
  .nav{height:110px;min-height:110px;padding-inline:8px}.nav .brand{flex-basis:94px}
  .nav .brand-logo-wrap.retreat-badge{width:92px;height:92px;flex-basis:92px}.nav .retreat-badge .brand-logo{top:1px;width:66px;height:66px}
  .nav .badge-caption-arc text{font-size:10.8px}.nav .page-menu summary{width:130px;height:92px}
  .nav .page-menu summary .menu-eye{width:118px;height:66px;flex-basis:66px}.nav .page-menu summary .menu-label{font-size:12px!important}
  .nav .nav-actions{min-width:0}.hero{min-height:calc(100svh - 110px)}html{scroll-padding-top:126px}
}
@media(prefers-reduced-motion:reduce){.nav .page-menu summary .menu-eye{transition:none}}

/* Clear, black wordmark arcing along the lower inside edge of the badge. */
.nav .badge-caption-arc text{
  font-size:13.3px;font-weight:800;letter-spacing:0;fill:#050705;
  stroke:none;paint-order:normal;text-rendering:geometricPrecision
}

/* Full-size seal: emblem first, company name clearly set beneath it. */
.nav{height:176px;min-height:176px}
.nav .brand{flex:0 0 162px;justify-content:center}
.nav .brand-logo-wrap.retreat-badge{
  width:156px;height:156px;flex:0 0 156px;overflow:visible
}
.nav .brand-logo-wrap.retreat-badge{
  border:2px solid #102d20;border-radius:50%;
  background:radial-gradient(circle at 50% 38%,#e7d49a 0 52%,#c9ad66 58%,#173e2b 59% 100%);
  box-shadow:0 3px 12px rgba(10,20,14,.38),inset 0 0 0 4px rgba(12,39,27,.92),inset 0 0 0 7px rgba(218,190,120,.88)
}
.nav .brand-logo-wrap.retreat-badge .brand-logo{
  top:2px;width:110px;height:110px;filter:brightness(0) contrast(1.1)
}
.nav .badge-name{
  position:absolute;z-index:4;left:5px;right:5px;bottom:12px;
  display:block;text-align:center;white-space:nowrap;
  color:#050705;font-family:"Cinzel Decorative",Georgia,serif;
  font-size:15.5px;font-weight:800;line-height:1.12;letter-spacing:0;
  text-shadow:0 1px 0 rgba(255,247,218,.65)
}
.nav .badge-water-ripples{bottom:30%;height:10%;z-index:2}
.nav .badge-name{
  position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:5;
  pointer-events:none;color:#050705;font-family:"Cinzel Decorative",Georgia,serif;
  font-size:16px;font-weight:900;letter-spacing:.1px;fill:#050705;
  text-rendering:geometricPrecision
}
.nav .badge-name text{paint-order:stroke fill;stroke:#f2e5c8;stroke-width:.45px;stroke-linejoin:round}
@media(max-width:820px){
  .nav{height:158px;min-height:158px}
  .nav .brand{flex-basis:146px}
  .nav .brand-logo-wrap.retreat-badge{width:140px;height:140px;flex-basis:140px}
  .nav .brand-logo-wrap.retreat-badge .brand-logo{width:98px;height:98px}
  .nav .badge-name{font-size:15.8px}
  .nav .badge-water-ripples{bottom:30%;height:10%}
}
@media(max-width:620px){
  .nav{height:146px;min-height:146px}
  .nav .brand{flex:0 0 132px}
  .nav .brand-logo-wrap.retreat-badge{width:128px;height:128px;flex-basis:128px}
  .nav .brand-logo-wrap.retreat-badge .brand-logo{top:1px;width:90px;height:90px}
  .nav .badge-name{font-size:15.2px}
  .nav .badge-water-ripples{bottom:30%;height:10%}
}
@media(max-width:380px){
  .nav{height:130px;min-height:130px}
  .nav .brand{flex:0 0 116px}
  .nav .brand-logo-wrap.retreat-badge{width:112px;height:112px;flex-basis:112px}
  .nav .brand-logo-wrap.retreat-badge .brand-logo{width:78px;height:78px}
  .nav .badge-name{font-size:14.4px}
  .nav .badge-water-ripples{bottom:30%;height:10%}
}

/* Clean branded menu: the black emblem opens the section list. */
.nav{height:196px;min-height:196px;padding-inline:clamp(18px,4vw,64px);align-items:center}
.nav>nav{height:100%;display:flex;align-items:center;flex:1;min-width:0}
.nav .brand-menu{position:relative;height:auto;display:block;align-self:center;flex:1;min-width:0}
.nav .brand-menu>summary{
  width:max-content;max-width:100%;height:auto;min-width:0;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:20px;
  padding:0;margin:0;overflow:visible;background:none;border:0;border-radius:0;box-shadow:none;color:#102d20;cursor:pointer;font-size:inherit;text-shadow:none;transition:filter .18s ease
}
.nav .brand-menu>summary:hover,.nav .brand-menu[open]>summary{transform:none;border:0;box-shadow:none;filter:brightness(1.08)}
.nav .brand-menu>summary:focus-visible{outline:3px solid #d8b56f;outline-offset:5px;border-radius:12px}
.nav .brand-menu>summary::-webkit-details-marker{display:none}
.nav .brand-menu>summary::marker{content:""}
.nav .brand-menu .brand-logo-wrap.retreat-badge{
  width:176px;height:176px;flex:0 0 176px;display:grid;place-items:center;padding:12px;overflow:hidden;
  border:2px solid #102d20;border-radius:50%;background:radial-gradient(circle at 50% 38%,#e7d49a 0 52%,#c9ad66 58%,#173e2b 59% 100%);
  box-shadow:0 3px 12px rgba(10,20,14,.38),inset 0 0 0 4px rgba(12,39,27,.92),inset 0 0 0 7px rgba(218,190,120,.88)
}
.nav .brand-menu .brand-logo{width:144px;height:144px;filter:brightness(0) contrast(1.1);object-fit:contain}
.nav .brand-menu .brand-wordmark{font-family:"Cinzel Decorative",Georgia,serif;font-size:clamp(38px,4vw,60px);font-weight:800;line-height:1.05;letter-spacing:-.025em;color:#050705;white-space:nowrap}
.nav .brand-menu-caret{align-self:center;margin-left:-10px;color:#d5bf88;font-size:30px;line-height:1;transition:transform .18s ease}
.nav .brand-menu[open] .brand-menu-caret{transform:rotate(180deg)}
.nav .brand-menu .page-menu-links{left:0;right:auto;top:calc(100% + 10px)}
.nav .nav-actions{height:auto;align-self:center;margin:0 0 0 auto;flex:0 0 auto}
.nav .nav-cta{font-size:16px}
@media(max-width:820px){
  .nav{height:156px;min-height:156px;padding-inline:16px}.nav .brand-menu>summary{gap:12px}
  .nav .brand-menu .brand-logo-wrap.retreat-badge{width:132px;height:132px;flex-basis:132px;padding:8px}
  .nav .brand-menu .brand-logo{width:108px;height:108px}.nav .brand-menu .brand-wordmark{font-size:clamp(28px,4vw,40px)}
  .nav .brand-menu-caret{font-size:24px;margin-left:-8px}.nav .nav-cta{font-size:14px}.hero{min-height:calc(100svh - 156px)}html{scroll-padding-top:172px}
}
@media(max-width:620px){
  .nav{height:auto;min-height:116px;padding:8px 12px;gap:8px}.nav>nav{flex:1}.nav .brand-menu>summary{gap:8px}
  .nav .brand-menu .brand-logo-wrap.retreat-badge{width:88px;height:88px;flex-basis:88px;padding:5px}
  .nav .brand-menu .brand-logo{width:72px;height:72px}.nav .brand-menu .brand-wordmark{font-size:clamp(21px,5vw,29px);white-space:normal;max-width:140px}
  .nav .brand-menu-caret{font-size:20px;margin-left:-6px}.nav .nav-cta{display:none}.nav .brand-menu .page-menu-links{left:0;top:calc(100% + 8px)}
  .hero{min-height:calc(100svh - 116px)}html{scroll-padding-top:132px}
}
@media(max-width:380px){
  .nav{padding-inline:8px}.nav .brand-menu>summary{gap:5px}.nav .brand-menu .brand-logo-wrap.retreat-badge{width:72px;height:72px;flex-basis:72px;padding:4px}
  .nav .brand-menu .brand-logo{width:58px;height:58px}.nav .brand-menu .brand-wordmark{font-size:20px;max-width:112px}.nav .brand-menu-caret{font-size:18px;margin-left:-4px}
}
@media(prefers-reduced-motion:reduce){.nav .brand-menu-caret{transition:none}}

/* Make the emblem badge the dominant navigation control. */
.nav{height:376px;min-height:376px}
.nav .brand-menu>summary{gap:28px}
.nav .brand-menu .brand-logo-wrap.retreat-badge{width:352px;height:352px;flex-basis:352px;padding:24px}
.nav .brand-menu .brand-logo{width:288px;height:288px}
.nav .brand-menu .brand-wordmark{font-size:clamp(48px,5vw,82px)}
.nav .brand-menu-caret{font-size:40px;margin-left:-14px}
.nav .nav-cta{font-size:19px}
.hero{min-height:calc(100svh - 376px)}html{scroll-padding-top:392px}
.nav .brand-menu .page-menu-links{max-height:calc(100dvh - 400px)}
@media(max-width:820px){
  .nav{height:264px;min-height:264px}
  .nav .brand-menu>summary{gap:18px}
  .nav .brand-menu .brand-logo-wrap.retreat-badge{width:240px;height:240px;flex-basis:240px;padding:16px}
  .nav .brand-menu .brand-logo{width:196px;height:196px}
  .nav .brand-menu .brand-wordmark{font-size:clamp(34px,5vw,52px)}
  .nav .brand-menu-caret{font-size:30px;margin-left:-10px}
  .hero{min-height:calc(100svh - 264px)}html{scroll-padding-top:280px}
  .nav .brand-menu .page-menu-links{max-height:calc(100dvh - 296px)}
}
@media(max-width:620px){
  .nav{height:auto;min-height:164px}
  .nav .brand-menu .brand-logo-wrap.retreat-badge{width:120px;height:120px;flex-basis:120px;padding:7px}
  .nav .brand-menu .brand-logo{width:98px;height:98px}
  .nav .brand-menu .brand-wordmark{font-size:clamp(24px,6vw,34px);max-width:170px}
  .nav .brand-menu-caret{font-size:22px;margin-left:-7px}
  .hero{min-height:calc(100svh - 164px)}html{scroll-padding-top:180px}
  .nav .brand-menu .page-menu-links{max-height:calc(100dvh - 196px)}
}
@media(max-width:380px){
  .nav .brand-menu .brand-logo-wrap.retreat-badge{width:104px;height:104px;flex-basis:104px}
  .nav .brand-menu .brand-logo{width:84px;height:84px}
  .nav .brand-menu .brand-wordmark{font-size:22px;max-width:130px}
}

/* Keep the Experience disclosure arrow inside its own menu button. */
.nav nav .page-menu-links .section-menu-links > .experience-submenu{
  align-self:start;min-width:0;margin:0;padding:0;border:0;position:relative
}
.nav nav .page-menu-links .section-menu-links > .experience-submenu > summary{
  display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:54px;
  padding:10px 13px;border:1px solid rgba(255,247,229,.48);border-radius:9px;
  color:#fffaf3;background:linear-gradient(115deg,rgba(46,59,123,.98),rgba(60,76,151,.87) 62%,rgba(94,107,164,.7));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 4px 12px rgba(34,28,39,.16);
  cursor:pointer;font-family:var(--sans);font-size:16px;font-weight:750;line-height:1.2;text-shadow:0 1px 2px rgba(21,19,29,.32)
}
.nav nav .page-menu-links .section-menu-links > .experience-submenu > summary::-webkit-details-marker{display:none}
.nav nav .page-menu-links .section-menu-links > .experience-submenu > summary::marker{content:""}
.nav nav .page-menu-links .section-menu-links > .experience-submenu > summary:hover,
.nav nav .page-menu-links .section-menu-links > .experience-submenu > summary:focus-visible,
.nav nav .page-menu-links .section-menu-links > .experience-submenu[open] > summary{
  border-color:#f5e0ac;outline:2px solid #f5e0ac;outline-offset:1px;filter:brightness(1.08)
}
.experience-caret{flex:0 0 auto;margin-left:auto;color:#f4d996;font-size:22px;line-height:1;transition:transform .18s ease}
.experience-submenu[open] > summary .experience-caret{transform:rotate(180deg)}
.nav nav .page-menu-links .experience-submenu-links{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin:7px 0 0 10px;padding:7px 0 2px 10px;border-left:1px solid rgba(167,132,82,.78)}
.nav nav .page-menu-links .experience-submenu-links a{min-height:42px;padding:8px 10px;font-size:14px}
@media(max-width:620px){
  .nav nav .page-menu-links .section-menu-links > .experience-submenu > summary{min-height:48px;padding:9px 11px;font-size:15px}
  .nav nav .page-menu-links .experience-submenu-links a{min-height:40px;padding:8px 9px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){.experience-caret{transition:none}}

/* The cedar seal is also the menu trigger; water details follow the mark. */
.nav .brand-menu>summary{gap:18px}
.nav .brand-menu .nav-badge-wrap{
  position:relative;display:block;flex:0 1 330px;width:330px;max-width:calc(100vw - 120px);
  aspect-ratio:1197 / 1315;container-type:inline-size;isolation:isolate;overflow:hidden;border-radius:50%;
  box-shadow:0 8px 24px rgba(11,23,16,.36),inset 0 0 0 2px rgba(36,25,16,.62)
}
.nav .brand-menu .nav-badge-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.nav-badge-drops,.nav-badge-ripple{position:absolute;inset:0;pointer-events:none}
.nav-badge-drops i{
  position:absolute;top:48.4%;width:1.45cqw;height:2.2cqw;border-radius:55% 55% 55% 0;
  background:linear-gradient(145deg,#fffef4 8%,#d9eff2 48%,#6da9b1 100%);
  box-shadow:0 0 .9cqw rgba(231,248,247,.75);opacity:0;
  transform:translate(-50%,-.4cqw) rotate(-45deg) scale(.55);
  animation:seal-drop-fall 2.7s ease-in infinite
}
.nav-badge-drops i:nth-child(1){left:50%;animation-delay:0s}
.nav-badge-drops i:nth-child(2){left:48.2%;top:48.9%;width:1.05cqw;height:1.7cqw;animation-delay:.9s}
.nav-badge-drops i:nth-child(3){left:51.8%;top:48.7%;width:.9cqw;height:1.45cqw;animation-delay:1.75s}
@keyframes seal-drop-fall{
  0%{opacity:0;transform:translate(-50%,-.4cqw) rotate(-45deg) scale(.55)}
  18%{opacity:.95}
  72%{opacity:.72}
  100%{opacity:0;transform:translate(-50%,5.2cqw) rotate(-45deg) scale(.78)}
}
.nav-badge-ripple i{
  position:absolute;left:56%;top:80%;width:19cqw;height:4.2cqw;border:1px solid rgba(35,109,122,.78);
  border-radius:50%;box-shadow:0 0 1cqw rgba(255,249,218,.62),inset 0 0 .7cqw rgba(54,132,143,.34);
  opacity:0;transform:translate(-50%,-50%) scale(.28,.55);animation:seal-ripple 2.8s ease-out infinite
}
.nav-badge-ripple i:nth-child(2){animation-delay:1.4s;border-color:rgba(246,234,197,.9)}
@keyframes seal-ripple{
  0%{opacity:.8;transform:translate(-50%,-50%) scale(.28,.55)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(1.75,1.4)}
}
@media(max-width:820px){.nav .brand-menu .nav-badge-wrap{flex-basis:230px;width:230px}}
@media(max-width:620px){.nav .brand-menu>summary{gap:8px}.nav .brand-menu .nav-badge-wrap{flex-basis:116px;width:116px;max-width:calc(100vw - 80px)}}
@media(max-width:380px){.nav .brand-menu>summary{gap:5px}.nav .brand-menu .nav-badge-wrap{flex-basis:94px;width:94px;max-width:calc(100vw - 66px)}}
@media(prefers-reduced-motion:reduce){
  .nav-badge-drops i{animation:none;opacity:.8;transform:translate(-50%,1cqw) rotate(-45deg) scale(.65)}
  .nav-badge-ripple i{animation:none;opacity:.42;transform:translate(-50%,-50%) scale(1,.9)}
}

/* Only disclosure arrows turn; keep the full badge artwork upright. */
.nav .brand-menu[open]>summary .nav-badge-wrap,
.nav .brand-menu[open]>summary .nav-badge-drops,
.nav .brand-menu[open]>summary .nav-badge-ripple{transform:none!important}
.nav .brand-menu[open] .experience-submenu:not([open])>summary .experience-caret{transform:none!important}
.nav .brand-menu[open] .experience-submenu[open]>summary .experience-caret{transform:rotate(180deg)!important}
.nav nav .page-menu-links .experience-submenu>summary{
  width:100%!important;max-width:none!important;height:54px!important;min-height:54px!important;flex-direction:row!important;
  color:#fffaf3!important;
  background:linear-gradient(115deg,rgba(46,59,123,.98),rgba(60,76,151,.87) 62%,rgba(94,107,164,.7))!important;
  border:1px solid rgba(255,247,229,.48)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 4px 12px rgba(34,28,39,.16)!important
}
.nav nav .page-menu-links .experience-submenu>summary::after{content:none!important}
@media(max-width:620px){.nav nav .page-menu-links .experience-submenu>summary{height:48px!important;min-height:48px!important}}

/* Enlarged ethereal woodland growth spreads behind the navigation badge. */
.nav .nav-woodland-wrap{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.nav .nav-woodland-accent{
  position:absolute;left:110px;right:0;top:0;
  width:calc(100% - 110px);height:100%;object-fit:cover;object-position:50% 52%;
  transform:scale(1.25);transform-origin:right center;
  opacity:.82;filter:saturate(.9) brightness(1.06);
  pointer-events:none;user-select:none;
  mask-image:linear-gradient(to right,transparent 0%,#000 10%,#000 100%);
}
.nav>nav,.nav .nav-actions{position:relative;z-index:1}
@media(max-width:820px){.nav .nav-woodland-accent{left:84px;width:calc(100% - 84px);opacity:.79}}
@media(max-width:620px){.nav .nav-woodland-accent{left:34px;width:calc(100% - 34px);opacity:.75;object-position:56% 52%;transform:scale(1.22)}}