:root{--paper:#f6f4ef;--white:#fffefa;--ink:#172b34;--soft:#52616a;--line:#d9dfdd;--accent:#bf623f;--accent-dark:#9f482c;--blue:#b8d5df;--display:"Unbounded",sans-serif;--body:"Onest",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:var(--body)}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.skip-link{position:fixed;z-index:1000;top:8px;left:8px;transform:translateY(-150%);padding:10px 16px;background:var(--ink);color:#fff}.skip-link:focus{transform:none}
.onda-header{position:fixed;z-index:100;top:14px;left:50%;display:flex;width:min(1240px,calc(100% - 32px));height:66px;align-items:center;justify-content:space-between;gap:26px;padding:0 17px 0 21px;transform:translateX(-50%);border:1px solid rgba(23,43,52,.12);border-radius:13px;background:rgba(255,254,250,.92);box-shadow:0 7px 32px rgba(22,41,48,.08);backdrop-filter:blur(18px)}.onda-brand{display:inline-flex;align-items:center;gap:9px;flex:none}.onda-brand-mark{display:block;width:103px;height:39px;background:var(--ink);-webkit-mask:url('./assets/onda-logo-cutout.png') center/contain no-repeat;mask:url('./assets/onda-logo-cutout.png') center/contain no-repeat}.onda-brand img{width:32px;height:32px;object-fit:contain;filter:sepia(1) saturate(2.5) hue-rotate(328deg)}.onda-nav{display:flex;align-items:center;gap:clamp(14px,2vw,30px);font-size:.79rem;font-weight:700}.onda-nav a{transition:color .2s}.onda-nav a:hover{color:var(--accent)}.onda-nav .nav-brief{padding:13px 17px;border-radius:8px;background:var(--ink);color:#fff}.onda-nav .nav-brief:hover{background:var(--accent);color:#fff}.onda-menu-button{display:none}.onda-home-hero{position:relative;display:flex;min-height:min(860px,100svh);height:100svh;align-items:center;overflow:hidden;background:#142b34;color:#fff}.gallery-frame,.gallery-frame canvas,.gallery-vignette{position:absolute;inset:0;width:100%;height:100%}.gallery-frame canvas{display:block;touch-action:pan-y}.gallery-vignette{pointer-events:none;background:linear-gradient(90deg,rgba(12,29,37,.93) 0%,rgba(12,29,37,.72) 35%,rgba(12,29,37,.1) 78%),linear-gradient(0deg,rgba(12,29,37,.72),transparent 30%)}.hero-content{position:relative;z-index:2;width:min(1240px,calc(100% - 64px));margin:58px auto 0;pointer-events:none}.hero-content a{pointer-events:auto}.kicker,.section-index{font-size:.75rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.hero-content .kicker{margin:0 0 30px;color:#e8bfa9}.hero-content h1{max-width:980px;margin:0;font:600 clamp(3.2rem,7.2vw,7.8rem)/1.02 var(--display);letter-spacing:-.085em;text-wrap:balance}.hero-content h1 em,.section-wrap h2 em,.onda-close h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.07em}.hero-content h1 em{color:#e5ac8e}.hero-lead{max-width:560px;margin:34px 0 0;color:#ebf1ee;font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.55}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:35px}.onda-button{display:inline-flex;min-height:53px;align-items:center;justify-content:space-between;gap:32px;padding:0 20px;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:#fff;font-size:.84rem;font-weight:800;transition:transform .25s,background .25s}.onda-button:hover{transform:translateY(-3px);background:var(--accent-dark)}.text-link{border-bottom:1px solid rgba(255,255,255,.6);padding:6px 0;color:#fff;font-size:.82rem;font-weight:700}.gallery-caption{position:absolute;z-index:2;right:32px;bottom:24px;left:32px;display:flex;justify-content:space-between;color:rgba(255,255,255,.85);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}
.section-wrap{display:grid;grid-template-columns:minmax(145px,.28fr) minmax(0,1fr);gap:clamp(25px,6vw,100px);width:min(1240px,calc(100% - 64px));margin:auto;padding:clamp(84px,11vw,164px) 0;border-bottom:1px solid var(--line)}.section-index{padding-top:13px;color:var(--accent)}.section-wrap h2{margin:0;font:600 clamp(2.6rem,5.6vw,6rem)/1.08 var(--display);letter-spacing:-.075em}.section-wrap h2 em{color:var(--accent)}.section-lead{max-width:790px;margin:37px 0;color:#324a54;font-size:clamp(1.13rem,1.8vw,1.6rem);line-height:1.55}.intro-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:70px}.intro-facts>div{display:grid;align-content:start;gap:12px;padding:22px 0;border-top:1px solid var(--ink)}.intro-facts strong{font:600 1.03rem var(--display)}.intro-facts span{max-width:320px;color:var(--soft);font-size:.93rem;line-height:1.5}.directions-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:58px}.directions-heading p{max-width:270px;margin:0;color:var(--soft);line-height:1.5}.direction-row{display:grid;grid-template-columns:47px minmax(0,1fr) 180px 26px;gap:15px;align-items:center;min-height:158px;border-top:1px solid var(--line);transition:padding .3s,background .3s}.direction-row:last-child{border-bottom:1px solid var(--line)}.direction-row:hover{padding:0 16px;background:var(--white)}.direction-no,.direction-tag{color:var(--accent);font-size:.75rem;font-weight:800;text-transform:uppercase}.direction-row h3{margin:0;font:600 clamp(1.5rem,2.8vw,3rem)/1.1 var(--display);letter-spacing:-.06em}.direction-row p{margin:10px 0 0;color:var(--soft);font-size:.93rem}.direction-arrow{font-size:2rem;transition:transform .25s}.direction-row:hover .direction-arrow{transform:translate(4px,-4px)}.way-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:60px}.way-grid article{min-height:245px;padding:23px;border:1px solid var(--line);border-radius:10px;background:var(--white)}.way-grid article span{color:var(--accent);font-weight:800}.way-grid h3{margin:67px 0 13px;font-size:1.18rem}.way-grid p{margin:0;color:var(--soft);line-height:1.5}.answer-list{margin-top:45px;border-top:1px solid var(--line)}.answer-list details{border-bottom:1px solid var(--line)}.answer-list summary{position:relative;padding:24px 50px 24px 0;list-style:none;cursor:pointer;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:700}.answer-list summary::-webkit-details-marker{display:none}.answer-list summary:after{position:absolute;right:7px;top:24px;content:"+";color:var(--accent);font-size:1.3rem}.answer-list details[open] summary:after{content:"−"}.answer-list details p{max-width:700px;margin:0;padding:0 0 25px;color:var(--soft);line-height:1.6}.onda-close{display:flex;justify-content:space-between;gap:40px;align-items:end;padding:clamp(45px,7vw,95px) max(32px,calc((100vw - 1240px)/2));background:#bcd8dc;color:var(--ink)}.onda-close .kicker{margin:0 0 35px;color:#405f66}.onda-close h2{margin:0;font:600 clamp(3rem,6.4vw,7rem)/1.05 var(--display);letter-spacing:-.08em}.onda-close h2 em{color:var(--accent-dark)}.onda-close>div:last-child{max-width:290px}.onda-close>div:last-child p{font-size:1.05rem;line-height:1.6}.dark-button{margin-top:18px;border-color:var(--ink);background:var(--ink)}.onda-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:35px max(32px,calc((100vw - 1240px)/2));background:#e8ede9}.onda-footer>div{display:flex;flex-wrap:wrap;gap:19px;font-size:.75rem;font-weight:700}.onda-footer small{color:var(--soft)}
@media(max-width:900px){.onda-nav{gap:12px}.onda-nav a{font-size:.68rem}.section-wrap{grid-template-columns:1fr;gap:24px}.section-index{padding:0}.way-grid{grid-template-columns:1fr 1fr}.directions-heading{display:block}.directions-heading p{margin-top:24px}.direction-row{grid-template-columns:40px 1fr 24px}.direction-tag{display:none}.onda-close{padding:60px 32px}.onda-footer{padding:30px 32px}}
@media(max-width:700px){.onda-header{top:9px;left:10px;width:calc(100% - 20px);height:58px;padding:0 11px 0 13px;transform:none}.onda-brand-mark{width:91px;height:33px}.onda-brand img{width:27px;height:27px}.onda-menu-button{display:grid;align-content:center;gap:6px;width:42px;height:42px;padding:10px;border:1px solid var(--line);border-radius:8px;background:transparent}.onda-menu-button span{width:100%;height:2px;background:var(--ink);transition:transform .25s}.onda-header.menu-open .onda-menu-button span:first-child{transform:translateY(4px) rotate(45deg)}.onda-header.menu-open .onda-menu-button span:last-child{transform:translateY(-4px) rotate(-45deg)}.onda-nav{position:absolute;top:64px;right:0;left:0;display:none;padding:16px;border:1px solid var(--line);border-radius:11px;background:var(--white);box-shadow:0 12px 35px rgba(23,43,52,.12)}.onda-header.menu-open .onda-nav{display:grid}.onda-nav a{padding:12px 3px;font-size:.9rem}.onda-nav .nav-brief{padding:14px}.onda-home-hero{height:min(780px,100svh);min-height:620px;align-items:end}.gallery-vignette{background:linear-gradient(0deg,rgba(12,29,37,.98),rgba(12,29,37,.43) 66%,rgba(12,29,37,.38))}.hero-content{width:calc(100% - 40px);margin:0 auto 87px}.hero-content .kicker{margin-bottom:20px;font-size:.64rem}.hero-content h1{font-size:clamp(2.45rem,10vw,4.4rem);line-height:1.11}.hero-lead{margin-top:22px;font-size:.98rem}.hero-actions{gap:18px;flex-wrap:wrap;margin-top:27px}.onda-button{min-height:48px}.text-link{font-size:.76rem}.gallery-caption{left:20px;right:20px;bottom:20px;font-size:.58rem}.desktop-hint{display:none}.section-wrap{width:calc(100% - 40px);padding:72px 0}.section-wrap h2{font-size:clamp(2.3rem,9vw,4rem)}.section-lead{margin:23px 0;font-size:1.1rem}.intro-facts{grid-template-columns:1fr;margin-top:42px;gap:8px}.directions-heading{margin-bottom:35px}.direction-row{min-height:138px;gap:7px}.direction-row h3{font-size:1.45rem}.direction-row p{font-size:.79rem}.way-grid{grid-template-columns:1fr;gap:8px;margin-top:37px}.way-grid article{min-height:0}.way-grid h3{margin-top:35px}.onda-close{display:block;padding:65px 20px}.onda-close h2{font-size:clamp(2.9rem,11vw,5rem)}.onda-close>div:last-child{max-width:440px;margin-top:32px}.onda-footer{align-items:start;flex-wrap:wrap;padding:30px 20px}.onda-footer>div{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.onda-header{background:rgba(255,254,250,.62);backdrop-filter:blur(20px) saturate(1.35);-webkit-backdrop-filter:blur(20px) saturate(1.35)}
.onda-header{top:20px;width:max-content;max-width:calc(100% - 20px);height:56px;justify-content:center;gap:6px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.onda-header .onda-brand,.onda-header .onda-menu-button{display:inline-flex;height:56px;align-items:center;justify-content:center;border:1px solid rgba(23,43,52,.14);border-radius:9px;background:rgba(255,254,250,.64);box-shadow:0 7px 25px rgba(23,43,52,.07);backdrop-filter:blur(20px) saturate(1.35);-webkit-backdrop-filter:blur(20px) saturate(1.35)}
.onda-header .onda-brand{padding:0 13px}.onda-header .onda-menu-button{width:auto;min-width:116px;gap:12px;padding:0 14px;color:var(--ink);cursor:pointer}.onda-header .onda-menu-button b{font-size:.7rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.onda-header .onda-menu-button .menu-lines{display:grid;width:17px;height:auto;gap:4px;background:none;transform:none}.onda-header .menu-lines i{display:block;width:17px;height:2px;background:var(--ink);transition:transform .25s}.onda-header.menu-open .onda-menu-button .menu-lines{transform:none}.onda-header.menu-open .menu-lines i:first-child{transform:translateY(3px) rotate(45deg)}.onda-header.menu-open .menu-lines i:last-child{transform:translateY(-3px) rotate(-45deg)}
.onda-header .onda-nav{position:absolute;top:64px;right:0;left:auto;display:grid;visibility:hidden;width:278px;padding:13px;border:1px solid rgba(23,43,52,.14);border-radius:9px;background:rgba(255,254,250,.82);box-shadow:0 14px 36px rgba(23,43,52,.1);opacity:0;transform:translateY(-8px);pointer-events:none;backdrop-filter:blur(20px) saturate(1.35);-webkit-backdrop-filter:blur(20px) saturate(1.35);transition:opacity .25s,transform .25s,visibility .25s}.onda-header.menu-open .onda-nav{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}.onda-header .onda-nav a{padding:12px;font-size:.8rem}.onda-header .onda-nav .nav-brief{margin-top:6px;color:#fff}
@media(max-width:700px){.onda-header{top:12px;left:50%;width:max-content;height:52px;transform:translateX(-50%)}.onda-header .onda-brand,.onda-header .onda-menu-button{height:52px}.onda-header .onda-menu-button{min-width:103px}.onda-header .onda-nav{top:60px;right:0;left:auto;width:278px;max-width:calc(100vw - 20px)}}