@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Open+Sans:wght@400;600;700&family=Noto+Serif:wght@400;500&display=swap');
:root{--green:#81c100;--green-dark:#6ba300;--navy:#131736;--navy-btn-text:#073f6f;--ink:#333333;--body:#666666;--link:#2ea3f2;--line:#e8e8e8;--maxw:1080px;--ff-head:'Oswald',Helvetica,Arial,sans-serif;--ff-serif:'Noto Serif',Georgia,'Times New Roman',serif;--ff-body:'Open Sans',Arial,sans-serif;}
*{box-sizing:border-box;}html{scroll-behavior:smooth;}
body{margin:0;font-family:var(--ff-body);font-size:16px;line-height:1.7em;color:var(--body);background:#fff;-webkit-font-smoothing:antialiased;}
img{max-width:100%;height:auto;display:block;}
a{color:var(--link);text-decoration:none;transition:.25s;}a:hover{color:var(--green);}
p{margin:0 0 1em;}
.container{max-width:var(--maxw);margin:0 auto;padding:0 20px;width:100%;}
.site-header{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.06);}
.site-header .container{display:flex;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px;}
.site-logo img{height:64px;width:auto;}
.main-nav{display:flex;gap:34px;align-items:center;}
.main-nav a{color:#5a5a5a;font-size:14px;font-weight:600;letter-spacing:.3px;}
.main-nav a:hover,.main-nav a.active{color:var(--link);}
.nav-toggle{display:none;background:none;border:0;cursor:pointer;font-size:24px;color:#555;}
.btn{display:inline-block;font-family:var(--ff-body);font-weight:700;letter-spacing:2px;text-transform:uppercase;border-radius:50px;border:2px solid transparent;cursor:pointer;line-height:1;}
.btn-green{background:var(--green);color:#fff;font-size:14px;padding:15px 30px;}
.btn-green:hover{background:var(--green-dark);color:#fff;}
.btn-white{background:#fff;color:var(--navy-btn-text);font-size:18px;padding:20px 50px;}
.btn-white:hover{background:#f1f1f1;color:var(--navy-btn-text);}
.section{padding:90px 0;position:relative;}
.section.tight{padding:60px 0;}
.h-serif{font-family:var(--ff-serif);font-weight:500;color:var(--ink);font-size:54px;line-height:1.25em;margin:0 0 .3em;}
.h-stamp{font-family:var(--ff-head);font-weight:700;text-transform:uppercase;font-size:40px;line-height:1.2em;color:var(--ink);letter-spacing:.5px;margin:0 0 .55em;text-decoration:underline;text-decoration-color:var(--green);text-decoration-thickness:4px;text-underline-offset:8px;}
.h-stamp.on-dark{color:#fff;}
.center{text-align:center;}
.hero{min-height:88vh;display:flex;align-items:center;background:#3a4a63 url('https://beachcliffassociation.com/wp-content/uploads/2019/12/IMG_8445.jpg') center 40%/cover no-repeat;position:relative;}
.hero::before{content:"";position:absolute;inset:0;background:rgba(10,18,30,.18);}
.hero .container{position:relative;z-index:2;padding-top:60px;padding-bottom:60px;}
.hero h1{font-family:var(--ff-head);font-weight:700;text-transform:uppercase;color:#fff;letter-spacing:12px;line-height:1.18em;margin:0;font-size:78px;text-shadow:0 2px 18px rgba(0,0,0,.25);}
.hero .lede{color:#fff;max-width:520px;margin:22px 0 34px;font-size:17px;text-shadow:0 1px 8px rgba(0,0,0,.35);}
.hero .pay-dues{position:absolute;right:0;bottom:60px;}
.quote-block{border-left:12px solid var(--green);padding:6px 0 6px 28px;margin:0 auto;max-width:760px;color:var(--body);font-size:24px;line-height:1.6em;}
.lookout-head{text-align:center;padding:80px 0 40px;}
.lookout-head .h-serif{font-size:60px;}
.band-mountain{background:#1c2331 url('https://beachcliffassociation.com/wp-content/uploads/2023/12/environmental-nonprofit-22.jpg') center/cover no-repeat;background-attachment:fixed;position:relative;padding:120px 0;text-align:center;}
.band-mountain::before{content:"";position:absolute;inset:0;background:rgba(12,18,30,.55);}
.band-mountain .container{position:relative;z-index:2;max-width:820px;}
.band-mountain h3{font-family:var(--ff-body);color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:6px;font-size:22px;line-height:1.8em;margin:0 0 36px;}
.band-mountain h3 a{color:#fff;text-decoration:underline;}
.band-mountain h3 a:hover{color:var(--green);}
.feature{display:flex;align-items:center;gap:60px;}
.feature .col{flex:1;min-width:0;}
.feature img{width:100%;border-radius:2px;box-shadow:0 18px 40px rgba(0,0,0,.12);}
.feature p{font-size:16px;}
.photo-band{height:460px;background:#2b3a2b url('https://beachcliffassociation.com/wp-content/uploads/2019/12/IMG_8453.jpg') center/cover no-repeat;background-attachment:fixed;}
.curve-top{display:block;width:100%;height:90px;margin-bottom:-1px;}
.curve-bottom{display:block;width:100%;height:90px;margin-top:-1px;}
.properties{background:var(--navy);color:#fff;padding:80px 0 100px;}
.properties .h-stamp{text-align:center;display:block;}
.diamond-row{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin-top:60px;}
.diamond{width:230px;height:230px;border:1px solid rgba(255,255,255,.18);transform:rotate(45deg);display:flex;align-items:center;justify-content:center;}
.diamond .inner{transform:rotate(-45deg);text-align:center;color:#fff;}
.diamond .inner svg{width:40px;height:40px;fill:#c2a878;margin-bottom:14px;}
.diamond .inner span{display:block;font-family:var(--ff-head);font-weight:600;text-transform:uppercase;letter-spacing:3px;font-size:15px;color:#fff;}
.connect{position:relative;background:#fff;padding:90px 0;overflow:hidden;}
.connect .hatch{position:absolute;right:-120px;top:50%;transform:translateY(-50%);width:520px;height:520px;border-radius:50%;background-image:repeating-linear-gradient(45deg,rgba(129,193,0,.20) 0 2px,transparent 2px 9px);-webkit-mask-image:radial-gradient(circle,#000 60%,transparent 62%);mask-image:radial-gradient(circle,#000 60%,transparent 62%);z-index:0;}
.connect .container{position:relative;z-index:2;}
.contact-list{list-style:none;padding:0;margin:14px 0 0;font-size:16px;}
.contact-list li{margin:0 0 14px;color:var(--body);}
.band-news{position:relative;text-align:center;padding:150px 0;background:#243018 url('https://beachcliffassociation.com/wp-content/uploads/2019/12/IMG_8453.jpg') center/cover no-repeat;background-attachment:fixed;}
.band-news::before{content:"";position:absolute;inset:0;background:rgba(10,16,26,.35);}
.band-news .container{position:relative;z-index:2;}
.oak-main{padding:70px 0;}
.oak-grid{display:flex;gap:60px;align-items:flex-start;}
.oak-grid .left{flex:1.05;min-width:0;}
.oak-grid .right{flex:.95;min-width:0;display:flex;flex-direction:column;gap:30px;}
.oak-grid .right img{width:100%;border-radius:2px;box-shadow:0 14px 34px rgba(0,0,0,.14);}
.oak-title{font-family:var(--ff-serif);font-weight:500;color:var(--ink);font-size:46px;line-height:1.22em;margin:0 0 22px;}
.divider-orange{width:60px;height:4px;background:#e0992f;margin:18px 0 26px;}
.buy-box,.doc-box{border:1px solid var(--line);border-radius:3px;padding:26px 30px;margin:26px 0;box-shadow:0 6px 20px rgba(0,0,0,.04);}
.buy-box p{margin:.35em 0;}
.price{color:var(--body);}
.addr{color:var(--body);line-height:1.8em;}
.partner{border:1px solid var(--line);border-radius:3px;padding:22px 28px;margin:22px 0;box-shadow:0 6px 20px rgba(0,0,0,.04);}
.partner h4,.section-label{font-family:var(--ff-body);font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--ink);font-size:15px;margin:0 0 12px;}
.learn-more{display:inline-block;margin-top:8px;color:var(--green);font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:13px;}
.learn-more:hover{color:var(--green-dark);}
.doc-list a{display:block;margin:10px 0;}
.fund{background:var(--navy);color:#fff;text-align:center;padding:70px 0 90px;}
.fund .h-stamp{display:block;text-align:center;}
.progress{max-width:850px;margin:34px auto 0;background:#dfe1e6;border-radius:3px;height:26px;position:relative;overflow:hidden;}
.progress > span{display:block;height:100%;width:50%;background:var(--green);color:#fff;font-size:12px;line-height:26px;text-align:right;padding-right:10px;font-weight:700;}
.fund .diamond{margin:46px auto 0;}
.np{display:flex;gap:50px;padding:60px 0 90px;align-items:flex-start;}
.np .content{flex:2;min-width:0;}
.np .sidebar{flex:1;min-width:0;}
.np h1{font-family:var(--ff-body);font-weight:600;color:#5a5a5a;font-size:26px;margin:0 0 20px;}
.searchbox{display:flex;}
.searchbox input{flex:1;border:1px solid #ddd;padding:12px;border-radius:3px 0 0 3px;font-family:inherit;}
.searchbox button{border:0;background:#dcdcdc;color:#555;padding:0 18px;border-radius:0 3px 3px 0;cursor:pointer;font-weight:600;}
.np-empty{color:#999;font-style:italic;}
.site-footer{background:#33373b;color:#cfd2d6;}
.site-footer .container{display:flex;gap:26px;padding-top:20px;padding-bottom:20px;}
.site-footer a{color:var(--link);font-weight:600;font-size:14px;}
.site-footer a:hover{color:#fff;}
.credit{background:#2b2f33;color:#9aa0a6;font-size:12px;text-align:center;padding:14px 20px;}
.credit a{color:#9aa0a6;}
.credit a:hover{color:#fff;}
@media(max-width:980px){.hero h1{font-size:54px;letter-spacing:8px;}.h-serif,.lookout-head .h-serif{font-size:42px;}.h-stamp{font-size:32px;}.feature,.oak-grid,.np{flex-direction:column;gap:34px;}.hero .pay-dues{position:static;display:inline-block;margin-top:30px;}.diamond{width:200px;height:200px;}}
@media(max-width:680px){.main-nav{display:none;}.main-nav.open{display:flex;flex-direction:column;position:absolute;top:100%;right:0;left:0;background:#fff;padding:16px 20px;gap:16px;box-shadow:0 8px 16px rgba(0,0,0,.08);}.nav-toggle{display:block;}.site-header .container{position:relative;}.hero h1{font-size:40px;letter-spacing:5px;}.section{padding:60px 0;}.band-mountain,.band-news{background-attachment:scroll;}.photo-band{background-attachment:scroll;height:300px;}}