#apx{position:relative;height:250vh}#apx .apstage{position:sticky;top:0;height:100svh;overflow:hidden;background:#0B3D2E;color:#FBF7F2;isolation:isolate}#apx canvas{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}#apx .apc{position:absolute;z-index:1;left:clamp(20px,5vw,72px);right:clamp(20px,5vw,72px);top:50%;transform:translateY(-50%);opacity:0}#apx .apbg{position:absolute;inset:0;z-index:0;background:#0B3D2E url(assets/bg-approach.webp) center/cover no-repeat;-webkit-mask-image:linear-gradient(#000 76%,transparent);mask-image:linear-gradient(#000 76%,transparent)}#apx .apbg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}#apx .apbg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,28,21,.8),rgba(4,28,21,.42) 55%,rgba(4,28,21,.22))}#apx .apc h2{max-width:14em}#apx .apc .wd>span{transform:none}#approach{padding-top:clamp(24px,4vw,56px)}
#top .stage.cov .art,#top .stage.cov .hc{visibility:hidden}#menu:not(.open) .mrv{filter:none}#approach,#about{contain:paint}

@property --c{syntax:'<color>';inherits:true;initial-value:#C7A068}
#finder .fwrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px);margin-top:clamp(28px,4vw,52px);align-items:stretch}
#finder .fopts{display:flex;flex-direction:column;justify-content:center;border-top:1px solid var(--line-l)}
#finder .fo{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) 36px;gap:clamp(14px,2vw,22px);align-items:center;padding:clamp(18px,2.3vw,28px) 6px;border:0;border-bottom:1px solid var(--line-l);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;isolation:isolate;overflow:hidden;transition:padding .5s cubic-bezier(.2,.7,.2,1)}
#finder .fo::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 22%,transparent),transparent 85%);transform:scaleX(0);transform-origin:left;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
#finder .fo:hover::before,#finder .fo[aria-pressed=true]::before{transform:scaleX(1)}
#finder .fo:hover,#finder .fo[aria-pressed=true]{padding-left:18px}
#finder .fo:focus-visible{outline:2px solid var(--c);outline-offset:-2px}
#finder .fg{width:52px;height:52px;overflow:visible;fill:none;stroke:var(--c);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;color:var(--c);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
#finder .fo:hover .fg,#finder .fo[aria-pressed=true] .fg{transform:scale(1.12)}
#finder .fg .w{stroke-dasharray:96;stroke-dashoffset:0}
#finder .fo:hover .w,#finder .fo[aria-pressed=true] .w{animation:fdash 1.3s cubic-bezier(.2,.7,.2,1) both}
#finder .fg .w:nth-of-type(2){animation-delay:.12s!important}#finder .fg .w:nth-of-type(3){animation-delay:.24s!important}
#finder .fg .sp{transform-box:fill-box;transform-origin:center}
#finder .fo:hover .sp,#finder .fo[aria-pressed=true] .sp{animation:fspin 12s linear infinite}
@keyframes fdash{from{stroke-dashoffset:96}to{stroke-dashoffset:0}}
@keyframes fspin{to{transform:rotate(360deg)}}
#finder .ft{display:block}
#finder .flb{display:block;font:500 clamp(23px,2.5vw,34px)/1.1 'Playfair Display','Times New Roman',serif}
#finder .fn{display:block;margin-top:7px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-l)}
#finder .fi{position:relative;width:34px;height:34px;border-radius:50%;border:1px solid var(--line-l);transition:background .4s,border-color .4s,transform .5s cubic-bezier(.2,.7,.2,1)}
#finder .fi::before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-5px 0 0 -7px;border:solid currentColor;border-width:1.5px 1.5px 0 0;transform:rotate(45deg) scale(.9);transition:color .3s}
#finder .fo:hover .fi{transform:translateX(5px);border-color:var(--c)}
#finder .fo[aria-pressed=true] .fi{background:var(--c);border-color:var(--c);color:#0B3D2E}
#finder .fstage{position:relative;min-height:clamp(540px,52vw,700px);border-radius:28px;overflow:hidden;background:#0B3D2E;color:#FBF7F2;isolation:isolate;box-shadow:0 40px 90px -50px rgba(11,61,46,.75)}
#finder .fstage::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(110% 70% at 85% 0,color-mix(in srgb,var(--c) 30%,transparent),transparent 62%),linear-gradient(to top,rgba(4,24,18,.94),rgba(4,24,18,0) 56%)}
#finder .fvis{position:absolute;inset:0}
#finder .fvis canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y;cursor:crosshair}
#finder .fres{position:absolute;z-index:2;left:clamp(20px,2.6vw,38px);right:clamp(20px,2.6vw,38px);bottom:clamp(20px,2.6vw,38px);margin:0;min-height:0}
#finder .note{display:flex;opacity:1;max-width:none;align-items:center;gap:12px;margin:0;font-size:14px;letter-spacing:.05em;color:rgba(251,247,242,.82)}
#finder .note::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--c);box-shadow:0 0 0 0 var(--c);animation:fpulse 2.2s ease-out infinite}
@keyframes fpulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--c) 70%,transparent)}100%{box-shadow:0 0 0 16px transparent}}
#finder .fc>*{animation:fcin .9s calc(var(--i,0)*.08s) cubic-bezier(.2,.7,.2,1) both}
@keyframes fcin{from{opacity:0;transform:translateY(18px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
#finder .fc h3{margin:0;font-size:clamp(36px,4.6vw,66px);color:#FBF7F2}
#finder .fc .who{margin-top:8px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#d9bd7a}
#finder .fc .tg{margin:12px 0 6px;font:italic 500 clamp(20px,2vw,25px)/1.25 'Playfair Display',serif}
#finder .fc .ds{margin:0;max-width:52ch;font-size:15px;opacity:.85}
#finder .chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none}
#finder .chips li{padding:6px 13px;border:1px solid rgba(251,247,242,.26);border-radius:99px;background:rgba(251,247,242,.06);backdrop-filter:blur(6px);font-size:12px;letter-spacing:.02em;animation:fchip .7s calc(.45s + var(--k,0)*.06s) cubic-bezier(.2,.7,.2,1) both}
@keyframes fchip{from{opacity:0;transform:scale(.85) translateY(8px)}to{opacity:1;transform:none}}
#finder .fc .ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
#finder .fc .btn{padding:12px 22px;font-size:12px;color:#FBF7F2}
#finder .fc .btn:hover{background:#FBF7F2;color:#0B3D2E}
#finder .fc .btn.p{background:#FBF7F2;color:#0B3D2E;border-color:#FBF7F2}
#finder .fc .btn.p:hover{background:transparent;color:#FBF7F2}
@media(max-width:900px){
#finder .fwrap{grid-template-columns:1fr}
#finder .fstage{min-height:0;display:flex;flex-direction:column;border-radius:22px}
#finder .fvis{position:relative;inset:auto;height:300px;flex:none}
#finder .fres{position:relative;left:auto;right:auto;bottom:auto;padding:0 20px 24px;margin-top:-26px}
#finder .fstage::after{background:radial-gradient(110% 50% at 85% 0,color-mix(in srgb,var(--c) 26%,transparent),transparent 62%)}
}

/* Find your pathway: ink-wash mountains and river on ivory */
#finder{position:relative;isolation:isolate;overflow-x:clip;--bg-l:#FBF7F2;--fg-l:#0B3D2E;--gold-l:#8a6a25;--line-l:rgba(11,61,46,.18)}
#finder::before{content:"";position:absolute;z-index:-1;pointer-events:none;top:0;right:0;width:min(1120px,88%);aspect-ratio:1376/768;background:url(assets/bg-finder.webp) center/100% 100% no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 26%),linear-gradient(180deg,transparent 0,#000 14%,#000 62%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 26%),linear-gradient(180deg,transparent 0,#000 14%,#000 62%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
@media(max-width:800px){#finder::before{width:170%;right:-45%;top:0;opacity:.75}}
/* Find your pathway: light editorial panel (replaces the dark particle canvas) */
#finder .fstage{background:transparent;color:var(--fg-l);box-shadow:none;border-radius:0;min-height:clamp(420px,38vw,540px);display:flex;flex-direction:column;justify-content:space-between;border-top:1px solid var(--line-l);overflow:visible;isolation:isolate}
#finder .fstage::after{display:none}
#finder .fvis{position:relative;inset:auto;height:auto;flex:1;display:flex;align-items:center;justify-content:space-between;gap:clamp(6px,1.6vw,22px);padding:clamp(22px,3vw,40px) 0 clamp(8px,1.4vw,18px)}
#finder .fl{position:relative;flex:1;text-align:center;font:500 clamp(84px,12vw,190px)/.92 'Playfair Display','Times New Roman',serif;color:transparent;-webkit-text-stroke:1.4px color-mix(in srgb,var(--c0) 70%,transparent);opacity:.75;transition:opacity .6s,transform .8s cubic-bezier(.2,.7,.2,1),color .6s,-webkit-text-stroke-color .6s;user-select:none}
#finder .fl::before{content:"";position:absolute;left:50%;top:52%;width:150%;aspect-ratio:1;translate:-50% -50%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--c0) 30%,transparent),transparent 72%);opacity:0;transform:scale(.6);transition:opacity .8s,transform 1s cubic-bezier(.2,.7,.2,1)}
#finder .fstage[data-f="harmonia"] .fl[data-d="harmonia"],#finder .fstage[data-f="unveil"] .fl[data-d="unveil"],#finder .fstage[data-f="rise"] .fl[data-d="rise"],#finder .fstage[data-f="orbit"] .fl[data-d="orbit"]{opacity:1;transform:translateY(-8px) scale(1.06);color:color-mix(in srgb,var(--c0) 22%,transparent);-webkit-text-stroke:1.8px var(--c0)}
#finder .fstage[data-f="harmonia"] .fl[data-d="harmonia"]::before,#finder .fstage[data-f="unveil"] .fl[data-d="unveil"]::before,#finder .fstage[data-f="rise"] .fl[data-d="rise"]::before,#finder .fstage[data-f="orbit"] .fl[data-d="orbit"]::before{opacity:1;transform:scale(1)}
#finder .fres{position:relative;left:auto;right:auto;bottom:auto;margin:0;padding:clamp(16px,2vw,26px) 0 0;min-height:clamp(150px,16vw,230px);border-top:1px solid var(--line-l)}
#finder .fres .note{margin:0;font:italic 500 clamp(20px,2vw,26px)/1.3 'Playfair Display',serif;color:var(--gold-l);opacity:1}
#finder .fc h3{font-size:clamp(34px,3.6vw,52px);color:var(--fg-l)}
#finder .fc .who{color:var(--gold-l)}
#finder .fc .tg{color:var(--fg-l)}
#finder .fc .ds{color:var(--fg-l);opacity:.8}
#finder .chips li{border-color:var(--line-l);background:rgba(11,61,46,.04);backdrop-filter:none;color:var(--fg-l)}
#finder .fc .btn{color:var(--fg-l);border-color:var(--fg-l)}
#finder .fc .btn:hover{background:var(--fg-l);color:var(--bg-l)}
#finder .fc .btn.p{background:var(--fg-l);color:var(--bg-l);border-color:var(--fg-l)}
#finder .fc .btn.p:hover{background:transparent;color:var(--fg-l)}
@media(max-width:900px){#finder .fstage{min-height:0;border-radius:0}#finder .fl{font-size:clamp(64px,19vw,120px)}#finder .fvis{padding-top:26px}#finder .fres{min-height:0;margin-top:0}}
@media(prefers-reduced-motion:reduce){#finder .fl,#finder .fl::before{transition:none}}

/* Our divisions: the HUR-ON ecosystem */
#eco{background:var(--bg-l);--bg-l:#FBF7F2;--fg-l:#0B3D2E;--gold-l:#76571a;--line-l:rgba(11,61,46,.18);color:#0B3D2E}
#eco .eco-head{margin-bottom:clamp(18px,2.4vw,34px)}
#eco .eco-sub{margin:10px 0 0;font:italic 500 clamp(20px,2.2vw,28px)/1.25 'Playfair Display',Georgia,serif;color:#0B3D2E}
#eco .eco-fig{position:relative;aspect-ratio:1376/768;border-radius:0;overflow:hidden;background:#fafbf5 url(assets/eco-flow.webp) center/100% 100% no-repeat;box-shadow:none}
#eco .eco-core{position:absolute;left:50%;top:48.6%;translate:-50% -50%;width:21%;text-align:center;font:italic 500 clamp(20px,2.8vw,42px)/1 'Playfair Display',serif;color:#0B3D2E;transform:rotate(-9deg);pointer-events:none}
#eco .eco-core span{display:block}
#eco .eco-core span:nth-child(2){margin-left:.5em}
#eco .eb{position:absolute;display:flex;align-items:center;gap:clamp(10px,1.3vw,18px);text-decoration:none;color:#0B3D2E;padding:clamp(6px,.8vw,12px);border-radius:18px;transition:transform .4s cubic-bezier(.2,.7,.2,1),background .3s}
#eco .eb:hover,#eco .eb:focus-visible{transform:translateY(-4px);background:rgba(255,255,255,.55)}
#eco .e1{left:3.5%;top:19%}#eco .e2{left:9%;top:69%}#eco .e3{left:70.5%;top:27%}#eco .e4{left:71%;top:67%}
#eco .ei{flex:none;width:clamp(56px,7.4vw,104px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--c1),var(--c2));box-shadow:0 10px 26px color-mix(in srgb,var(--c) 38%,transparent);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
#eco .ei svg{width:58%;height:58%}
#eco .eb:hover .ei,#eco .eb:focus-visible .ei{transform:scale(1.08) rotate(-4deg)}
#eco .et{display:flex;flex-direction:column;line-height:1.1}
#eco .et small{font:700 clamp(12px,1.1vw,15px)/1.2 'Poppins',system-ui,sans-serif;letter-spacing:.06em;color:#0B3D2E}
#eco .et b{font:700 clamp(24px,3vw,44px)/1 'Poppins',system-ui,sans-serif;letter-spacing:.01em;color:var(--c2);margin:2px 0 4px}
#eco .et em{font:400 clamp(14px,1.35vw,19px)/1.25 'Poppins',system-ui,sans-serif;font-style:normal;color:#0B3D2E;max-width:14em}
#eco .et i{font:700 13px/1 'Poppins',system-ui,sans-serif;font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--c2);margin-top:8px;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}
#eco .eb:hover .et i,#eco .eb:focus-visible .et i{opacity:1;transform:none}
@media(max-width:900px){
 #eco .eco-fig{aspect-ratio:auto;border-radius:16px;background:#fafbf5;padding:0 0 18px;display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}
 #eco .eco-fig::before{content:"";grid-column:1/-1;aspect-ratio:4/3.1;background:url(assets/eco-flow.webp) 50% 47%/cover no-repeat;border-radius:16px 16px 0 0}
 #eco .eco-core{position:absolute;left:50%;top:calc(((100vw - 2*var(--pad,20px)) * .775 / 2) * 0.99);width:44%;translate:-50% -50%;font-size:clamp(30px,8.5vw,56px)}
 #eco .eb{position:static;flex-direction:column;align-items:flex-start;text-align:left;padding:14px 12px}
 #eco .et i{opacity:1;transform:none}
 #eco .ei{width:64px}
 #eco .et b{font-size:26px}
 #eco .et em{font-size:14px}
}
@media(prefers-reduced-motion:reduce){#eco .eb,#eco .ei,#eco .et i{transition:none}}