.echoes-story{position:relative;z-index:3;height:460vh;background:#010202}
.echoes-stage{--echoes-reveal:0;--echoes-heading-reveal:0;--echoes-message-reveal:0;--echoes-form-reveal:0;position:sticky;top:0;height:100vh;min-height:620px;overflow:hidden;isolation:isolate;opacity:var(--echoes-reveal);background:radial-gradient(ellipse at 50% 48%,#0b1012 0%,#040607 48%,#010202 86%);transition:opacity .08s linear}
.echoes-stage::after{content:"";position:absolute;z-index:7;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 32%,rgba(0,0,0,.58) 88%),linear-gradient(180deg,rgba(0,0,0,.24),transparent 22%,transparent 73%,rgba(0,0,0,.55));box-shadow:inset 0 0 150px 28px rgba(0,0,0,.58)}
.echoes-background-video{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;opacity:.14;filter:saturate(.62) contrast(1.08) brightness(.68);transform:scale(1.025)}
.echoes-background-video.is-placeholder{background:radial-gradient(circle at 26% 64%,rgba(197,138,77,.08),transparent 23%),radial-gradient(circle at 76% 31%,rgba(101,125,139,.055),transparent 24%)}
.echoes-background-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(1,2,2,.65),rgba(2,4,5,.48) 48%,rgba(1,2,2,.76)),radial-gradient(circle at 50% 50%,transparent,rgba(0,0,0,.5))}
.echoes-particles{position:absolute;z-index:2;inset:0;width:100%;height:100%;pointer-events:none}
.echoes-heading{position:absolute;z-index:9;left:50%;top:44%;display:grid;justify-items:center;text-align:center;opacity:var(--echoes-heading-reveal);filter:blur(calc((1 - var(--echoes-heading-reveal))*8px));transform:translate(-50%,-50%) translateY(calc((1 - var(--echoes-heading-reveal))*20px));pointer-events:none;will-change:opacity,filter,transform}
.echoes-heading>span{color:rgba(219,165,99,.48);font-size:6px;font-weight:600;letter-spacing:.42em;text-indent:.42em}
.echoes-heading h2{margin:9px 0 0;color:rgba(234,220,202,.88);font:400 clamp(46px,5.6vw,82px)/.82 "Cormorant Garamond",Georgia,serif;letter-spacing:.045em;text-shadow:0 0 38px rgba(215,154,83,.12)}
.echoes-heading p{margin:17px 0 0;color:rgba(235,217,196,.38);font:400 10px/1.4 "Cormorant Garamond",Georgia,serif;letter-spacing:.13em}
.echoes-message-field{position:absolute;z-index:5;inset:14% 0 18%;overflow:hidden;opacity:var(--echoes-message-reveal);pointer-events:none;mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}
.echoes-message{position:absolute;left:0;top:0;display:flex;align-items:baseline;gap:12px;max-width:min(72vw,980px);padding:8px 14px;color:rgba(243,227,207,var(--echo-alpha,.75));white-space:nowrap;will-change:transform,opacity;transform:translate3d(110vw,var(--echo-y),0)}
.echoes-message strong{overflow:hidden;max-width:720px;font:400 var(--echo-size,18px)/1.35 "Noto Serif SC Variable","Songti SC",serif;text-overflow:ellipsis;text-shadow:0 0 20px rgba(226,169,98,.1)}
.echoes-message small{flex:none;color:rgba(220,165,99,.52);font-size:7px;font-weight:600;letter-spacing:.12em}
.echoes-form{position:absolute;z-index:12;left:50%;bottom:42px;display:grid;grid-template-columns:190px minmax(360px,1fr) 104px;align-items:end;gap:12px;width:min(1100px,calc(100vw - 220px));padding:13px 14px 13px 18px;border:1px solid rgba(226,188,141,.17);border-radius:18px;background:rgba(7,8,7,.68);box-shadow:0 18px 54px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.025);opacity:var(--echoes-form-reveal);transform:translateX(-50%) translateY(calc((1 - var(--echoes-form-reveal))*20px));backdrop-filter:blur(18px);pointer-events:none;will-change:opacity,transform}
.echoes-stage.is-interactive .echoes-form{pointer-events:auto}
.echoes-form label{display:grid;gap:7px;min-width:0;color:rgba(219,169,106,.52);font-size:6px;font-weight:600;letter-spacing:.24em}
.echoes-form input{width:100%;height:35px;padding:0 2px;border:0;border-bottom:1px solid rgba(225,186,137,.14);outline:0;background:transparent;color:#f0dfca;font:400 13px/1 "Noto Serif SC Variable","Songti SC",serif}
.echoes-form input::placeholder{color:rgba(234,217,196,.25)}
.echoes-form input:focus{border-color:rgba(225,169,101,.52)}
.echoes-form button{display:flex;align-items:center;justify-content:space-between;height:47px;padding:0 17px;border:1px solid rgba(226,178,119,.26);border-radius:12px;background:linear-gradient(135deg,rgba(194,125,54,.15),rgba(255,255,255,.025));color:#e2b77f;font-size:7px;font-weight:600;letter-spacing:.2em;cursor:pointer;transition:color .25s,border-color .25s,background .25s,transform .25s}
.echoes-form button i{font-size:13px;font-style:normal}.echoes-form button:hover{color:#ffe1b7;border-color:rgba(231,181,119,.5);background:rgba(181,112,44,.2);transform:translateY(-2px)}.echoes-form button:disabled{opacity:.42;cursor:wait;transform:none}
.echoes-form-status{position:absolute;left:19px;bottom:-27px;margin:0;color:rgba(233,199,156,.6);font-size:7px;letter-spacing:.08em}.echoes-form-status.is-error{color:#df927d}
.echoes-stage.is-submitting .echoes-form{border-color:rgba(228,174,107,.36)}
.echoes-about-bridge{--echoes-about-reveal:0;position:relative;z-index:3;height:150vh;background:#010202}
.echoes-about-bridge>div{position:sticky;top:0;display:grid;place-items:center;height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(204,139,67,.035),transparent 28%),#010202}
.echoes-about-bridge a{display:flex;align-items:center;justify-content:center;width:max-content;max-width:calc(100vw - 64px);padding:18px 24px;border:1px solid rgba(226,185,134,.18);border-radius:999px;color:#e9c99f;background:rgba(40,27,17,.18);text-decoration:none;opacity:var(--echoes-about-reveal);filter:blur(calc((1 - var(--echoes-about-reveal))*9px));transform:translateY(calc((1 - var(--echoes-about-reveal))*28px));transition:color .35s,border-color .35s,background .35s,box-shadow .35s;backdrop-filter:blur(12px);will-change:opacity,filter,transform}
.echoes-about-bridge a strong{font:500 9px/1.2 Montserrat,Arial,sans-serif;letter-spacing:.27em}.echoes-about-bridge a:hover{color:#ffe0b7;border-color:rgba(231,181,119,.45);background:rgba(73,48,29,.3);box-shadow:0 16px 44px rgba(0,0,0,.25),0 0 25px rgba(219,147,69,.06)}
@media(prefers-reduced-motion:reduce){.echoes-stage{transition:none}.echoes-message{transition:none}.echoes-background-video{display:none}}