:root{
  --sun:#f6c453; --sunset:#e8935a; --dusk:#c9784a;
  --cream:#fbf3d9; --paper:#fffaf0;
  --pine:#1d3a3a; --pine-2:#24494a; --moss:#5f7f63; --sage:#8fa585;
  --ink:#1b2626; --muted:#4d5b58;
  --radius:14px; --max:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 "Barlow",system-ui,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--pine-2)}
a:hover{color:var(--dusk)}
h1,h2,h3{font-family:"Barlow Condensed","Barlow",sans-serif;font-weight:800;letter-spacing:.01em;line-height:1.05;margin:0 0 .5em}
h1{font-size:clamp(2.6rem,7vw,4.6rem);text-transform:uppercase}
h2{font-size:clamp(2rem,4.5vw,3rem);text-transform:uppercase}
h3{font-size:1.5rem}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px 12px;z-index:9}

/* header */
.top{position:sticky;top:0;z-index:5;background:rgba(29,58,58,.94);backdrop-filter:blur(6px)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}
.brand{display:flex;align-items:center;gap:10px;color:var(--cream);text-decoration:none;font:800 1.35rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.04em}
.brand img{width:38px;height:38px;border-radius:8px}
.brand:hover{color:var(--sun)}
nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0}
nav a{color:var(--cream);text-decoration:none;font-weight:600}
nav a:hover,nav a[aria-current]{color:var(--sun)}
@media(max-width:640px){nav ul{gap:14px;font-size:.95rem}.brand span{display:none}}

/* hero */
.hero{position:relative;background:linear-gradient(180deg,#f2b06b 0%,#e8935a 55%,#9a8a6b 100%);overflow:hidden;color:var(--pine)}
.hero .wrap{position:relative;z-index:2;padding:72px 20px 280px;text-align:center}
.hero p.lede{font-size:1.25rem;max-width:640px;margin:0 auto 28px;color:#2c3b36;font-weight:500}
.hero .sunball{position:absolute;left:50%;top:150px;width:300px;height:300px;margin-left:-150px;border-radius:50%;background:radial-gradient(circle,#ffe58a,#f6c453 60%,rgba(246,196,83,0) 72%);z-index:1}
.hero svg.ridge{position:absolute;bottom:-1px;left:0;width:100%;height:300px;z-index:1}
.eyebrow{display:inline-block;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.85rem;color:var(--pine-2);margin-bottom:12px}

.btn{display:inline-block;padding:13px 24px;border-radius:999px;font-weight:700;text-decoration:none;transition:transform .15s ease,background .15s}
.btn:hover{transform:translateY(-2px)}
.btn-dark{background:var(--pine);color:var(--cream)}
.btn-dark:hover{background:var(--pine-2);color:var(--sun)}
.btn-light{background:var(--cream);color:var(--pine);border:2px solid var(--pine)}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}

/* sections */
section{padding:80px 0;scroll-margin-top:64px}
.forest{background:var(--pine);color:var(--cream)}
.forest a{color:var(--sun)}
.forest h2,.forest h3{color:var(--cream)}
.grid-2{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
@media(max-width:860px){.grid-2{grid-template-columns:1fr}}
.card{background:var(--pine-2);border-radius:var(--radius);padding:26px;border:1px solid rgba(251,243,217,.12)}
.facts{list-style:none;padding:0;margin:20px 0 28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.facts li{background:rgba(251,243,217,.07);border-radius:10px;padding:12px 14px}
.facts b{display:block;color:var(--sun);font-family:"Barlow Condensed",sans-serif;font-size:1.3rem}
.shot{border-radius:var(--radius);overflow:hidden;background:linear-gradient(180deg,#5aa0d8 0%,#a9d4f0 60%,#d8eefa 100%);box-shadow:0 20px 40px rgba(0,0,0,.3);padding-top:28px}
.shot .mvlogo{width:62%;margin:0 auto 4px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25))}
.scene-wrap{position:relative}
.scene-wrap .scene{width:100%}
.scene-wrap .mob{position:absolute;image-rendering:pixelated;width:auto;height:auto;max-width:9%}
.forest a.btn{color:var(--pine)}
.btn-ghost{border:2px solid var(--cream);color:var(--cream)!important}
.btn-ghost:hover{background:var(--cream);color:var(--pine)!important}
.tag{display:inline-block;background:var(--sun);color:var(--pine);font-weight:700;border-radius:999px;padding:3px 12px;font-size:.85rem;margin-bottom:14px}
.fine{font-size:.88rem;opacity:.8;margin-top:22px}

.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:30px}
.pillar{background:#fff;border-radius:var(--radius);padding:26px;border:1px solid #eadfc4}
.pillar h3{color:var(--pine)}
.pillar p{color:var(--muted);margin:0}

.studio{background:var(--cream)}
.studio dl{display:grid;grid-template-columns:max-content 1fr;gap:10px 22px;margin:24px 0 0}
.studio dt{font-weight:700;color:var(--pine)}
.studio dd{margin:0;color:var(--muted)}

.prose{max-width:780px}
.prose h2{margin-top:1.6em;font-size:1.7rem}
.page-head{background:var(--pine);color:var(--cream);padding:64px 0 48px}
.page-head h1{font-size:clamp(2.2rem,6vw,3.6rem)}

footer{background:#122525;color:#c9d2c4;padding:40px 0;font-size:.92rem}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}
footer a{color:var(--cream)}
footer ul{list-style:none;display:flex;gap:18px;margin:0;padding:0}