:root{color-scheme:dark}body{margin:0;background:#090705;color:#f0ddc7;font-family:var(--font-body)}.echoLandingRoot{min-height:100vh;background:radial-gradient(circle at top,rgba(171,109,42,.16),transparent 28%),linear-gradient(180deg,#140d08,#090705 54%,#0c0806)}.echoHeroSection{position:relative;min-height:100svh}.echoHeroBackdrop{position:relative;min-height:100svh;overflow:hidden}.echoHeroImage{width:100%;min-height:100svh;object-fit:cover;object-position:center center}.echoHeroShade{position:absolute;inset:0;background:linear-gradient(180deg,#0a06041f,#0a060457 70%,#0a0604a8),radial-gradient(circle at 22% 34%,rgba(255,207,148,.08),transparent 34%);pointer-events:none}.echoHeroCopy{position:absolute;left:clamp(44px,10vw,116px);top:clamp(184px,27vh,268px);z-index:2;max-width:min(42rem,calc(100vw - 96px))}.echoHeroLead{margin:0;font-family:var(--font-display);font-size:clamp(32px,3.8vw,58px);line-height:1.2;letter-spacing:.008em;color:#dfc6a5c7;text-shadow:0 1px 8px rgba(8,5,4,.22)}.echoHeroSublead{margin:18px 0 0;font-family:var(--font-display);font-size:clamp(12px,.95vw,16px);line-height:1.5;letter-spacing:.018em;color:#ccb5999e;text-shadow:0 1px 6px rgba(8,5,4,.18)}.echoThreadButton{position:absolute;left:32.5%;top:55.8%;width:36px;height:36px;border:0;border-radius:999px;background:transparent;transform:translate(-50%,-50%);cursor:pointer;padding:0;z-index:2}.echoThreadButton:focus-visible{outline:2px solid rgba(255,225,180,.95);outline-offset:6px}.echoThreadButtonCore{position:absolute;inset:10px;border-radius:999px;background:radial-gradient(circle,rgba(255,239,208,.92) 0%,rgba(255,212,138,.78) 44%,rgba(255,168,76,.48) 76%,transparent 100%);box-shadow:0 0 10px #ffc46b85,0 0 22px #e08f302e}.echoThreadButtonOverlay{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%);object-fit:contain;opacity:.68;filter:saturate(.7) brightness(1.06) drop-shadow(0 0 5px rgba(255,212,138,.18));pointer-events:none}.echoThreadPointer{position:absolute;left:32.5%;top:calc(55.8% + 58px);width:14px;height:18px;transform:translate(-50%) rotate(-10deg);z-index:2;filter:drop-shadow(0 1px 3px rgba(8,5,4,.22))}.echoThreadPointer:before{content:"";position:absolute;inset:0;clip-path:polygon(0 0,0 100%,28% 72%,46% 100%,62% 92%,46% 66%,82% 66%);background:#e8d6bfb3;border:1px solid rgba(84,58,35,.24);box-sizing:border-box}.echoThreadButtonPulse{position:absolute;inset:0;border:1px solid rgba(255,205,133,.18);border-radius:999px;opacity:0}.echoThreadButton.is-playing .echoThreadButtonPulse--one,.echoThreadButton.is-playing .echoThreadButtonPulse--two,.echoThreadButton:hover .echoThreadButtonPulse--one,.echoThreadButton:hover .echoThreadButtonPulse--two{animation:echo-thread-pulse 2.4s ease-out infinite}.echoThreadButton.is-playing .echoThreadButtonPulse--two,.echoThreadButton:hover .echoThreadButtonPulse--two{animation-delay:.8s}.echoPlaybackNotice{position:absolute;left:24px;bottom:24px;margin:0;max-width:34rem;padding:10px 14px;border-radius:999px;background:#0b080694;border:1px solid rgba(250,217,173,.18);color:#f7e2c2e0;font-size:13px;line-height:1.45;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:2}.echoContentSection{position:relative;padding:clamp(72px,9vw,144px) 24px 96px}.echoContentShell{width:min(1080px,100%);margin:0 auto;display:grid;gap:28px}.echoStoryBlock,.echoClosingBlock{padding:clamp(28px,4vw,44px);border-radius:28px;background:linear-gradient(180deg,#22150de0,#140d09eb);border:1px solid rgba(245,204,149,.12);box-shadow:0 24px 80px #0000003d}.echoEyebrow{margin:0 0 14px;font-family:var(--font-eyebrow);font-size:12px;line-height:1.3;letter-spacing:.22em;text-transform:uppercase;color:#f8d4a6b8}.echoDisplay{margin:0;max-width:18ch;font-family:var(--font-display);font-size:clamp(32px,4.2vw,64px);line-height:1.08;letter-spacing:-.02em;color:#f6dfbf}.echoDisplay--secondary{max-width:20ch;font-size:clamp(28px,3.6vw,54px)}.echoBody,.echoClosingBody{margin:20px 0 0;max-width:44rem;font-family:var(--font-body);font-size:clamp(17px,1.5vw,21px);line-height:1.85;color:#f3e3cdd1}.echoClosingLine{margin:0;font-family:var(--font-display);font-size:clamp(22px,2vw,30px);line-height:1.2;color:#f8dcb5eb}@keyframes echo-thread-pulse{0%{transform:scale(.8);opacity:0}24%{opacity:.62}to{transform:scale(2.25);opacity:0}}@media(max-width:920px){.echoHeroCopy{left:34px;top:clamp(156px,24vh,214px);max-width:min(30rem,calc(100vw - 64px))}.echoThreadButton{left:32.9%;top:55.2%;width:40px;height:40px}.echoThreadPointer{left:32.9%;top:calc(55.2% + 62px)}.echoThreadButtonOverlay{width:24px;height:24px}}@media(max-width:680px){.echoHeroImage{min-height:100svh;object-position:64% center}.echoHeroCopy{left:18px;right:18px;top:138px;max-width:none}.echoHeroLead{font-size:clamp(25px,6.5vw,36px);line-height:1.2}.echoHeroSublead{margin-top:14px;font-size:clamp(10px,2.6vw,13px);line-height:1.48}.echoThreadButton{left:31.9%;top:54.8%;width:44px;height:44px}.echoThreadPointer{left:31.9%;top:calc(54.8% + 62px);width:13px;height:17px}.echoThreadButtonCore{inset:12px}.echoThreadButtonOverlay{width:26px;height:26px}.echoPlaybackNotice{left:16px;right:16px;bottom:16px;max-width:none;border-radius:18px}.echoStoryBlock,.echoClosingBlock{border-radius:22px;padding:24px 20px}.echoDisplay,.echoDisplay--secondary{max-width:none}}