
:root{--ink:#10251d;--paper:#f5f1df;--sun:#ffb000;--leaf:#207a4b;--hot:#d94a35;--night:#092018}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink);line-height:1.55}
nav{position:sticky;top:0;z-index:10;background:rgba(9,32,24,.96);padding:16px 5%;display:flex;justify-content:space-between;gap:20px;align-items:center}
nav a{color:white;text-decoration:none;margin:0 8px;font-weight:700}.brand{letter-spacing:1px}.brand b{color:#8ed16f}
.hero{min-height:78vh;padding:10vh 7%;display:flex;align-items:center;color:white;background:linear-gradient(90deg,rgba(4,20,14,.94) 0%,rgba(4,20,14,.72) 38%,rgba(4,20,14,.15) 72%),url('hero.png') center/cover no-repeat}
.hero .inner{max-width:850px}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-weight:800;color:#ffe28a}
h1{font-size:clamp(3rem,8vw,7rem);line-height:.88;margin:.15em 0}.hero h2{font-size:clamp(1.25rem,3vw,2rem);font-weight:500}
.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-block;background:var(--sun);color:#151b17;text-decoration:none;padding:13px 20px;border-radius:999px;font-weight:800}
.btn.alt{background:white}.btn.small{font-size:.88rem;padding:9px 14px}
section{padding:70px 7%}.dark{background:var(--night);color:white}.accent{background:#dbe8c8}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.card{background:white;border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(0,0,0,.08);color:var(--ink)}
.dark .card{background:#123a2c;color:white}.tag{text-transform:uppercase;font-size:.72rem;letter-spacing:1.4px;font-weight:800;color:#9a4c00}
.dark .tag{color:#ffd36b}.bigquote{font-size:clamp(1.8rem,4vw,3.4rem);font-weight:900;max-width:1000px}
.kicker{font-size:1.2rem;max-width:800px}.two{display:grid;grid-template-columns:1fr 1fr;gap:30px}
footer{padding:45px 7%;background:#06140f;color:white}footer a{color:#ffcf61}.fine{opacity:.7;font-size:.85rem}
@media(max-width:760px){nav{align-items:flex-start;flex-direction:column}.links{display:flex;flex-wrap:wrap}.two{grid-template-columns:1fr}.hero{min-height:70vh}}

/* Cinematic responsive refinements */
body{background:#f3f5ed}h1{line-height:1.02}h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.15}h3{font-size:1.4rem;line-height:1.25}.compact{min-height:55vh}.compact h1{font-size:clamp(2.7rem,7vw,5.8rem)}.video{aspect-ratio:16/9;max-width:1000px;border-radius:20px;overflow:hidden;background:#092018}.video iframe{width:100%;height:100%;border:0}.collections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.collection{padding:32px}.collection li{padding:8px 0}.collection li p{margin:5px 0 12px}.dark .fine a{color:#ffcf61}.btn:focus-visible,a:focus-visible{outline:3px solid #d94a35;outline-offset:4px}.tag{font-size:.875rem}.fine{font-size:.9rem}.hero{background-position:center}.links{display:flex;flex-wrap:wrap;row-gap:10px}nav{flex-wrap:wrap}.card a:not(.btn){color:#155d3d}footer a{line-height:2}
@media(max-width:760px){.collections{grid-template-columns:1fr}.collection{padding:24px}section{padding:45px 6%}.compact{min-height:45vh}nav{position:relative}.hero{padding:60px 6%}.video{border-radius:10px}.brand{font-size:.95rem}.links a{margin-left:0;margin-right:16px}}

/* Unique photographic scenes and cinematic card layout */
.hero{background-image:linear-gradient(90deg,rgba(4,20,14,.91),rgba(4,20,14,.56) 52%,rgba(4,20,14,.14)),var(--hero-image);background-position:center}
.hero .inner{max-width:800px}.hero h1{text-shadow:0 3px 24px #0006}
.card{overflow:hidden;display:flex;flex-direction:column;padding:0 0 28px;border-radius:22px}
.card>:not(img){margin-left:26px;margin-right:26px}.card h3,.card h2{margin-top:25px}
.card-photo{display:block;width:100%;height:245px;object-fit:cover}
.collection .card-photo{height:280px}.collection .tag{margin-top:24px}.collection h3{margin-top:10px}
.collection ol{padding-left:25px}.collection li{padding:2px 0}
.collection li p{font-size:.98rem}.set-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:18px}
.set-buttons .btn{font-size:.96rem;padding:12px 17px}
.grid .card>.btn{align-self:flex-start;margin-top:auto}
.feature-photo{width:100%;height:300px;object-fit:cover;border-radius:20px}
.playlist-finale{position:relative;min-height:410px;color:white;display:flex;align-items:center;overflow:hidden;background:#092018}
.playlist-finale .inner{position:relative;z-index:1;max-width:650px}
.finale-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}
.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.page-about .hero{display:block;padding-top:100px}
@media(max-width:760px){.resource-grid{grid-template-columns:1fr}.card-photo,.collection .card-photo{height:230px}.card>:not(img){margin-left:22px;margin-right:22px}.set-buttons{flex-direction:column}.set-buttons .btn{text-align:center}.hero h1{font-size:clamp(2.7rem,12vw,5rem)}}

/* Free Resources: community gallery */
.page-free .accent{background:linear-gradient(145deg,#edf1df,#d6e6cf);}
.page-free .accent>.grid{max-width:1240px;margin:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.page-free .accent>h2{max-width:1240px;margin:0 auto 32px}
.page-free .card{box-shadow:0 14px 36px #123a2c18;border:1px solid #ffffffa8}
.page-free .facebook-card{grid-column:1/-1;background:#092b21;color:#fff;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:center;padding:0}
.page-free .facebook-card>a.facebook-banner{display:block;margin:0;width:100%;line-height:0}
.page-free .facebook-banner img{width:100%;height:auto;display:block}
.page-free .facebook-card>.facebook-copy{margin:0;padding:30px}
.page-free .facebook-copy h3{font-size:clamp(1.8rem,3vw,2.5rem);margin:10px 0 16px}
.page-free .facebook-copy p{color:#edf4e7;margin-bottom:24px}
.page-free .facebook-copy .eyebrow{font-size:.75rem;letter-spacing:2px}
.page-free .btn{transition:transform .2s,box-shadow .2s}.page-free .btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0002}
@media(max-width:850px){.page-free .accent>.grid{grid-template-columns:1fr}.page-free .facebook-card{grid-template-columns:1fr}.page-free .facebook-card>.facebook-copy{padding:26px}.page-free .card-photo{height:260px}}
@media(prefers-reduced-motion:reduce){.page-free .btn{transition:none}.page-free .btn:hover{transform:none}}

/* Nature festival photographs */
.page-action section:not(.hero) .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.page-action .card-photo{height:auto;aspect-ratio:16/9;object-fit:cover}
.gateway-photo{display:block;width:100%;max-height:460px;object-fit:cover;border-radius:24px;margin-bottom:34px;box-shadow:0 12px 30px #09201820}
.page-about .connected-photo{height:auto;aspect-ratio:2/1;object-fit:cover}
@media(max-width:900px){.page-action section:not(.hero) .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.page-action section:not(.hero) .grid{grid-template-columns:1fr}.gateway-photo{max-height:none;aspect-ratio:3/2}}
