.principle-habitat-scroll-lock{overflow:hidden!important;}
.principle-habitat-site{
  --paper:#EDE6D6; --paper2:#E4DBC7; --ink:#232520; --moss:#4B5D45; --moss-d:#3A4736;
  --clay:#9C5B3C; --gold:#C9A227; --mist:#D9DED2; --glow:#FFD98A; --glow-d:#FFB84D;
  --stage:0; --progress:0;
  position:fixed;inset:0;z-index:999999;overflow:hidden;background:var(--paper);color:var(--ink);
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
.principle-habitat-site,.principle-habitat-site *{box-sizing:border-box;}
.principle-habitat-site .app{position:absolute;inset:0;overflow:hidden;
  background:
   radial-gradient(120% 70% at 50% 100%, rgba(201,162,39,.10), transparent 60%),
   radial-gradient(90% 60% at 50% 0%, rgba(75,93,69,.08), transparent 60%),
   var(--paper)}
.principle-habitat-site .app::after{content:"";position:absolute;inset:0;opacity:.55;
  background-image:radial-gradient(rgba(75,93,69,.16) 1px,transparent 1px);
  background-size:34px 34px;
  -webkit-mask:radial-gradient(85% 75% at 50% 46%,#000,transparent 82%);
          mask:radial-gradient(85% 75% at 50% 46%,#000,transparent 82%)}

/* ---------- house stage ---------- */
.principle-habitat-site .stage{position:fixed;inset:0;z-index:1;display:grid;place-items:center;pointer-events:none}
.principle-habitat-site .stage-inner{position:relative;width:100%;height:100%;display:grid;place-items:center;
  transform:translateY(calc(2.4vh - var(--stage)*0.5vh)) scale(calc(1.0 + var(--stage)*0.018));
  transition:transform 1.1s cubic-bezier(.19,1,.22,1)}
.principle-habitat-site .ground-glow{position:absolute;left:50%;bottom:22%;width:620px;height:220px;translate:-50% 0;
  background:radial-gradient(ellipse,rgba(201,162,39,.20),transparent 70%);filter:blur(18px);
  opacity:calc(min(max(var(--stage) - 3.2,0),1)*0.9)}
.principle-habitat-site .house{height:min(64vh,620px);width:auto;display:block;
  filter:drop-shadow(0 18px 34px rgba(35,37,32,.14))}

/* ---------- scrims ---------- */
.principle-habitat-site .scrim-b{position:fixed;left:0;right:0;bottom:0;height:50vh;z-index:2;pointer-events:none;
  background:linear-gradient(to top,rgba(237,230,214,.96),rgba(237,230,214,.6) 45%,transparent)}
.principle-habitat-site .scrim-t{position:fixed;left:0;right:0;top:0;height:14vh;z-index:2;pointer-events:none;
  background:linear-gradient(to bottom,rgba(237,230,214,.9),transparent)}

/* ---------- nav ---------- */
.principle-habitat-site .nav{position:fixed;top:0;left:0;right:0;z-index:6;display:flex;align-items:center;
  justify-content:space-between;padding:18px 24px}
.principle-habitat-site .brand{font-family:'Newsreader',Georgia,serif;font-size:20px;font-weight:600;letter-spacing:.01em;
  color:var(--ink)}
.principle-habitat-site .nav-left,.principle-habitat-site .nav-right{display:flex;align-items:center;gap:18px}
.principle-habitat-site .nav a{color:var(--ink);opacity:.68;text-decoration:none;font-size:13px;font-weight:500;letter-spacing:.02em}
.principle-habitat-site .nav a:hover{opacity:1}
.principle-habitat-site .nav button,.principle-habitat-site .nav .nav-action{font:600 12.5px 'Inter';color:var(--ink);background:transparent;cursor:pointer;
  border:1px solid rgba(35,37,32,.18);border-radius:999px;padding:7px 15px;letter-spacing:.02em;text-decoration:none;opacity:1}
.principle-habitat-site .nav button:hover,.principle-habitat-site .nav .nav-action:hover{border-color:var(--moss);color:var(--moss-d)}
.principle-habitat-site .nav .cta{color:var(--paper);background:var(--moss);border:none}
.principle-habitat-site .nav .cta:hover{background:var(--moss-d);color:var(--paper)}

/* ---------- scroll + sections ---------- */
.principle-habitat-site .scroll{position:relative;z-index:3;height:100%;overflow-y:auto;overflow-x:hidden;
  scroll-snap-type:y mandatory;scrollbar-width:none}
.principle-habitat-site .scroll::-webkit-scrollbar{display:none}
.principle-habitat-site .section{height:100vh;scroll-snap-align:start;display:grid;align-items:end;justify-items:center;
  padding:0 6vw 11.5vh;position:relative}
.principle-habitat-site .copy{max-width:640px;text-align:center;opacity:0;transform:translateY(18px);
  transition:opacity .85s cubic-bezier(.19,1,.22,1),transform .85s cubic-bezier(.19,1,.22,1)}
.principle-habitat-site .section.active .copy{opacity:1;transform:none}
.principle-habitat-site .kicker{font:600 12px/1 'Inter';letter-spacing:.28em;text-transform:uppercase;color:var(--moss-d);
  margin-bottom:16px;opacity:.9}
.principle-habitat-site .copy h2{margin:0;font-family:'Newsreader',Georgia,serif;font-weight:500;
  font-size:clamp(34px,5.6vw,60px);line-height:1.06;letter-spacing:-.01em;color:var(--ink)}
.principle-habitat-site .copy h2 em{font-style:italic;font-weight:500;color:var(--clay)}
.principle-habitat-site .bodytxt{margin:18px auto 0;max-width:46ch;color:#4b4d46;
  font:400 clamp(15px,1.5vw,18px)/1.6 'Inter'}
.principle-habitat-site .cta-row{margin-top:24px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.principle-habitat-site .cta{font:600 14px 'Inter';text-decoration:none;color:var(--paper);
  background:var(--moss);padding:12px 24px;border-radius:999px;
  transition:transform .25s,background .25s}
.principle-habitat-site .cta:hover{transform:translateY(-1px);background:var(--moss-d)}
.principle-habitat-site .cta.ghost{color:var(--ink);background:transparent;border:1px solid rgba(35,37,32,.25)}
.principle-habitat-site .cta.ghost:hover{border-color:var(--moss)}

/* ---------- dots / progress / mobile ---------- */
.principle-habitat-site .dots{position:fixed;right:20px;top:50%;translate:0 -50%;z-index:6;display:flex;flex-direction:column;gap:11px}
.principle-habitat-site .dot{width:9px;height:9px;border-radius:50%;border:1px solid rgba(75,93,69,.45);
  background:transparent;cursor:pointer;padding:0;transition:.3s}
.principle-habitat-site .dot:hover{border-color:var(--moss)}
.principle-habitat-site .dot.active{background:var(--moss);box-shadow:0 0 8px rgba(75,93,69,.5)}
.principle-habitat-site .prog{position:fixed;top:0;left:0;height:2px;width:100%;z-index:7;transform-origin:left;
  transform:scaleX(var(--progress));background:linear-gradient(90deg,var(--moss),var(--gold));
  transition:transform .5s cubic-bezier(.19,1,.22,1)}
.principle-habitat-site .mobile-controls{position:fixed;bottom:16px;left:50%;translate:-50% 0;z-index:7;display:none;gap:10px}
.principle-habitat-site .mobile-controls button{width:46px;height:46px;border-radius:50%;font-size:18px;color:var(--ink);
  background:rgba(237,230,214,.85);border:1px solid rgba(35,37,32,.18);cursor:pointer;backdrop-filter:blur(6px)}

@media(max-width:820px){
  .principle-habitat-site .nav-left{display:none}
  .principle-habitat-site .dots{display:none}
  .principle-habitat-site .mobile-controls{display:flex}
  .principle-habitat-site .house{height:46vh}
  .principle-habitat-site .section{padding-bottom:15vh}
}
@media(prefers-reduced-motion:reduce){
  .principle-habitat-site .stage-inner,.principle-habitat-site .copy,.principle-habitat-site .prog,.principle-habitat-site .cta{transition:none}
}