.threshold{background:#fff;color:var(--ink,#171c1f);min-height:100svh;display:flex;flex-direction:column;overflow-x:hidden}
.threshold [hidden]{display:none!important}
.threshold-header{display:flex;align-items:center;justify-content:space-between;padding:28px 7vw;gap:24px;min-height:116px}
.soundscape-mark{display:block;width:210px;height:auto}
.atmosferas-mark{position:relative;width:94px;height:54px;flex-shrink:0;overflow:hidden;mix-blend-mode:multiply;margin:0}
.role-question{display:flex;align-items:center;gap:72px;margin-bottom:48px}
.role-question .question{margin-bottom:0}
.atmosferas-mark img{position:absolute;width:133px;max-width:none;height:auto;top:-27px;left:-21px}
.question-accessible{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.typed-group{display:inline-block;white-space:nowrap}
.typed-letter{display:inline-block;opacity:0;animation:letter-in .14s ease-out var(--delay) forwards}
.threshold-main{flex:1;display:flex;align-items:center;width:100%;max-width:1400px;margin:auto;padding:6vh 10vw 10vh;min-height:510px}
.threshold-step{width:100%;max-width:950px;animation:arrive .7s ease-out both}
.threshold h1,.threshold h2,.question{font-family:var(--heading);font-weight:500;font-size:clamp(2.7rem,6.7vw,6rem);line-height:1.12;letter-spacing:-.045em;margin:0}
.typed-word{display:block;white-space:nowrap;font-size:clamp(2.3rem,6.7vw,6rem)}
.typed-word>span{opacity:0;display:inline-block;animation:letter-in .2s ease-out var(--delay) forwards}
.intro-step .welcome-team{animation:arrive .7s ease-out 1.9s both}
.intro-step>.forward{animation:arrive .7s ease-out 2.35s both}
.welcome-team{display:block;font-family:var(--sans);font-size:clamp(1.2rem,2.5vw,2rem);letter-spacing:0;font-weight:400;color:#626d74;margin-top:24px}
.forward{display:inline-flex;justify-content:center;align-items:center;background:#171c1f;color:white;border:0;border-radius:8px;padding:15px 25px;min-height:50px;font:400 1.05rem var(--sans);text-decoration:none;cursor:pointer;transition:background .2s,transform .2s}
.forward:hover{background:#35424a;transform:translateY(-2px);color:white}
.forward:disabled{opacity:.65;cursor:wait;transform:none}
.intro-step>.forward,[data-panel=success]>.forward{margin-top:44px}
.threshold #welcome-form{width:100%}
.question{display:block;font-size:clamp(2.3rem,5.4vw,4.5rem);margin-bottom:48px}
.soft-label{font:400 1.1rem var(--sans);color:#626d74;margin:0 0 22px}
.writing-space{display:block;width:100%;max-width:820px;font:400 clamp(1.35rem,3vw,2rem)/1.5 var(--sans);padding:18px 0;border:0;border-radius:6px;background:transparent;color:#171c1f;box-shadow:none;resize:vertical;caret-color:#376b8b}
.writing-space::placeholder{color:#737c81;opacity:1}
.writing-space:focus{outline:none;background:#f7f8f8}
.step-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:820px;margin-top:56px}
.back{font:400 1rem var(--sans);color:#626d74;padding:12px 0;border:0;background:none;cursor:pointer}
.back:hover{color:#171c1f}
.consent-note{font:400 .875rem/1.6 var(--sans);color:#626d74;max-width:620px;margin-top:28px}
.entry-status{color:#973e36;margin-top:16px;font-size:1rem}
.another-person{display:block;margin-top:20px}
.entry-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.threshold-footer{display:flex;justify-content:space-between;gap:24px;padding:24px 7vw;font:400 .875rem var(--sans);color:#626d74}
.threshold-footer a{color:inherit;text-decoration:none}
.threshold :focus-visible{outline:2px solid #376b8b;outline-offset:6px}
.threshold .writing-space:focus-visible{outline:2px solid #b0bec6;outline-offset:5px}
.threshold noscript{padding:20px 7vw}
@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes letter-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.threshold-header{padding:20px 7vw;min-height:95px;gap:14px}.soundscape-mark{width:150px}.threshold-main{padding:5vh 7vw 8vh;min-height:440px}.threshold-footer{flex-wrap:wrap}.forward{font-size:1rem;padding:14px 20px}.consent-note{margin-top:22px}}
@media(max-width:700px){.question,.role-question{margin-bottom:36px}.role-question{gap:28px}.role-question .question{font-size:clamp(1.65rem,6.3vw,2.75rem)}.role-question .atmosferas-mark{width:66px;height:38px}.role-question .atmosferas-mark img{width:94px;top:-19px;left:-15px}.step-actions{margin-top:42px}}
@media(prefers-reduced-motion:reduce){.threshold *{animation:none!important;transition:none!important}.typed-word>span,.typed-letter{opacity:1}}