#how-it-works{position:relative;padding:0;background:#050807;color:#e9ede6}
#ethos-house-world{--world-pad:clamp(22px,4vw,64px);position:relative;min-height:1000svh;isolation:isolate;background:#050807;font-family:Inter,system-ui,sans-serif}
#ethos-house-world [role="img"]{position:sticky;top:0;height:100svh;overflow:hidden;z-index:0;background:radial-gradient(ellipse at 50% 30%,#1c2823 0,#09100d 42%,#030504 100%)}
#ethos-house-world [role="img"]::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(2,4,3,.82),transparent 32%,transparent 68%,rgba(2,4,3,.62)),linear-gradient(0deg,rgba(1,3,2,.62),transparent 30%,rgba(1,3,2,.18));mix-blend-mode:multiply}
#ethos-house-world [role="img"]::after{content:"";position:absolute;inset:-20%;z-index:3;pointer-events:none;opacity:.23;background:repeating-radial-gradient(circle at 30% 20%,rgba(255,255,255,.12) 0 1px,transparent 1px 4px);mix-blend-mode:soft-light;transform:rotate(8deg)}
#ethos-house-world [data-scene-canvas-host]{position:absolute;inset:0;z-index:1}
#ethos-house-world [data-scene-canvas-host] canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity 1.1s cubic-bezier(.16,1,.3,1)}
#ethos-house-world[data-scene-state="ready"] [data-scene-canvas-host] canvas{opacity:1}
#ethos-house-world .scene-atmosphere{position:absolute;inset:0;z-index:4;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;opacity:.92}
#ethos-house-world .scene-volumetric-light{position:absolute;z-index:3;inset:-30%;pointer-events:none;background:conic-gradient(from 202deg at 53% -6%,transparent 0 41%,rgba(239,191,116,.09) 46%,transparent 52% 100%);filter:blur(34px);transform:translate3d(calc((var(--scene-progress,0) - .5)*8%),0,0)}
#ethos-house-world .scene-grade{position:absolute;inset:0;z-index:5;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,transparent 20%,rgba(2,5,4,.18) 68%,rgba(1,2,2,.72) 100%),linear-gradient(90deg,rgba(1,3,2,.62),transparent 31%,transparent 69%,rgba(1,3,2,.48)),linear-gradient(0deg,rgba(1,2,2,.5),transparent 26%);box-shadow:inset 0 0 12vw rgba(0,0,0,.78);mix-blend-mode:multiply}
#ethos-house-world nav[aria-label="Scene chapters"]{position:sticky;top:50%;transform:translateY(-50%);z-index:5;width:46px;margin-left:calc(100% - 70px);display:flex;flex-direction:column;gap:4px;padding:10px 0;background:transparent}
#ethos-house-world nav button{position:relative;width:42px;height:31px;border:0;padding:0;color:#aeb8af;background:transparent;font:500 9px/1 Inter,system-ui;letter-spacing:.16em;cursor:pointer;transition:color .35s}
#ethos-house-world nav button::before{content:"";position:absolute;right:0;top:50%;width:12px;height:1px;background:currentColor;opacity:.4;transition:width .45s cubic-bezier(.16,1,.3,1),opacity .35s}
#ethos-house-world nav button span{position:absolute;right:20px;top:50%;transform:translateY(-50%);opacity:.54}
#ethos-house-world nav button[aria-current="step"]{color:#efbd73}
#ethos-house-world nav button[aria-current="step"]::before{width:28px;opacity:1}
#ethos-house-world nav button:focus-visible{outline:1px solid #efbd73;outline-offset:3px}
#ethos-house-world [data-semantic-story]{position:relative;z-index:4;margin-top:calc(-100svh - 330px);pointer-events:none}
#ethos-house-world [data-semantic-story]>section{box-sizing:border-box;min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:16svh var(--world-pad);pointer-events:none}
#ethos-house-world [data-semantic-story]>section:nth-child(even){align-items:flex-end}
#ethos-house-world [data-semantic-story]>section>*{width:min(590px,74vw);pointer-events:auto;text-shadow:0 2px 24px #020403,0 1px 3px #020403}
#ethos-house-world [data-semantic-story]>section>p:first-child{display:flex;align-items:center;gap:12px;margin:0 0 20px;color:#e7b76f;font:600 10px/1 Inter,system-ui;letter-spacing:.22em;text-transform:uppercase}
#ethos-house-world [data-semantic-story]>section>p:first-child::after{content:"";width:68px;height:1px;background:#e7b76f80}
#ethos-house-world [data-semantic-story] h2{max-width:11ch;margin:0 0 26px;color:#edf0e9;font:400 clamp(2.5rem,4.4vw,4.6rem)/.96 Inter,system-ui;letter-spacing:-.05em;text-wrap:balance;text-transform:none}
#ethos-house-world [data-semantic-story] h2+p{max-width:43ch;margin:0;padding:0;color:#c2cbc3;font:350 clamp(.98rem,1.12vw,1.18rem)/1.7 Inter,system-ui;border:0;background:none;backdrop-filter:none}
#ethos-house-world [data-semantic-story] a{display:inline-flex;width:auto;margin-top:28px;padding:12px 0;border-bottom:1px solid #e7b76f;color:#f1c684;background:none;font:600 11px/1 Inter,system-ui;letter-spacing:.16em;text-transform:uppercase;text-decoration:none}
#ethos-house-world [data-semantic-story] a:focus-visible{outline:1px solid #efbd73;outline-offset:5px}
#ethos-house-world [data-station-id="steward-the-ecology"],#ethos-house-world [data-station-id="next-bottleneck"]{align-items:flex-end}
#ethos-house-world [role="status"]{position:fixed;left:-10000px;width:1px;height:1px;overflow:hidden}
#ethos-house-world[data-scene-state="loading"]::before{content:"Raising the house";position:sticky;top:calc(50% + 46px);z-index:6;display:block;width:max-content;margin:0 auto;color:#aeb8af;font:500 9px/1 Inter,system-ui;letter-spacing:.25em;text-transform:uppercase}
#ethos-house-world[data-scene-state="ready"]::before{display:none}
@media(max-width:767px){
  #ethos-house-world{--world-pad:22px}
  #ethos-house-world [role="img"]::before{background:linear-gradient(0deg,rgba(2,4,3,.8),transparent 48%,rgba(2,4,3,.28))}
  #ethos-house-world .scene-grade{background:linear-gradient(0deg,rgba(1,3,2,.86),transparent 56%,rgba(1,3,2,.28)),radial-gradient(ellipse at 50% 43%,transparent 18%,rgba(1,2,2,.55) 100%)}
  #ethos-house-world nav[aria-label="Scene chapters"]{top:10px;transform:none;width:100%;height:42px;margin:0;display:flex;flex-direction:row;justify-content:center;gap:1px;padding:5px 8px;background:linear-gradient(#050807dc,transparent)}
  #ethos-house-world nav button{width:34px;height:30px}
  #ethos-house-world nav button::before{right:50%;top:auto;bottom:0;width:4px;transform:translateX(50%)}
  #ethos-house-world nav button[aria-current="step"]::before{width:22px}
  #ethos-house-world nav button span{position:static;display:block;transform:none;font-size:8px}
  #ethos-house-world [data-semantic-story]{margin-top:calc(-100svh - 420px)}
  #ethos-house-world [data-semantic-story]>section,#ethos-house-world [data-semantic-story]>section:nth-child(even){min-height:100svh;justify-content:flex-end;align-items:flex-start;padding:18svh 22px 11svh}
  #ethos-house-world [data-semantic-story]>section>*{width:min(100%,520px)}
  #ethos-house-world [data-semantic-story]>section>p:first-child{margin-bottom:13px;font-size:9px}
  #ethos-house-world [data-semantic-story] h2{max-width:12ch;margin-bottom:16px;font-size:clamp(2.1rem,10.4vw,3.7rem);line-height:.98}
  #ethos-house-world [data-semantic-story] h2+p{max-width:36ch;font-size:.96rem;line-height:1.57}
}
@media(prefers-reduced-motion:reduce){
  #ethos-house-world{min-height:auto}
  #ethos-house-world [role="img"]{position:relative;height:70svh}
  #ethos-house-world nav[aria-label="Scene chapters"]{position:relative;top:auto;transform:none;margin:0;width:100%;flex-direction:row;justify-content:center}
  #ethos-house-world [data-semantic-story]{margin-top:0}
  #ethos-house-world [data-semantic-story]>section,#ethos-house-world [data-semantic-story]>section:nth-child(even){min-height:auto;align-items:flex-start;padding:64px 22px}
  #ethos-house-world canvas{transition:none}
}