:root{--ink:#111413;--studio:#b4b4b2;--gutter:clamp(24px,2.15vw,42px)}
.brand img{filter:brightness(0)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--studio);font:16px/1.5 Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}h1,p{margin:0}button[hidden],[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:2px solid #263e34;outline-offset:5px}::selection{background:#d4ed8c;color:#111}button:disabled{cursor:wait}.skip-link{position:fixed;z-index:10;top:10px;left:var(--gutter);padding:10px 14px;background:#fff;border-radius:20px;transform:translateY(-180%)}.skip-link:focus{transform:none}
.header{position:absolute;z-index:5;top:22px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;pointer-events:none}.header>*{pointer-events:auto}.brand{display:block;position:relative;width:164px;aspect-ratio:1602/339;overflow:hidden;line-height:0}.brand img{position:absolute;width:116.292%;height:auto;left:-11.236%;top:-78.171%;max-width:none}.language{display:flex;align-items:center;gap:7px;font-size:12px;letter-spacing:.05em}.language button{border:0;background:none;padding:12px 7px;color:#363b37;font-size:12px;opacity:.55}.language button[aria-pressed=true]{opacity:1;text-decoration:underline;text-underline-offset:4px}.language span{opacity:.35}
.hero{position:relative;min-height:640px;height:100svh;overflow:hidden;background:radial-gradient(ellipse at 63% 54%,#e2e2e2,#969696)}#stage{position:absolute;inset:0;pointer-events:none}#stage canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .8s ease}body[data-ready=true] #stage canvas{opacity:1}.hero-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#c8c8c566 0%,#c8c8c533 28%,transparent 47%)}
.dialogue{position:absolute;z-index:2;left:var(--gutter);top:53%;width:min(505px,39vw);transform:translateY(-10%)}.dialogue-previous{position:absolute;left:0;bottom:calc(100% + 48px);width:95%;max-height:3.4em;overflow:hidden;padding:0;border:0;background:none;color:inherit;text-align:left;font-size:24px;line-height:1.18;letter-spacing:-.04em;filter:blur(3px);opacity:.43;user-select:none;cursor:pointer;mask-image:linear-gradient(#000 75%,transparent);transition:filter .2s ease,opacity .2s ease}.dialogue-previous:hover{filter:blur(2px);opacity:.65}.dialogue-previous:focus-visible{filter:none;opacity:1;mask-image:none}.dialogue-current h1{font-size:clamp(23px,1.48vw,29px);line-height:1.17;font-weight:400;letter-spacing:-.045em;max-width:505px;text-wrap:pretty;outline:none}.dialogue-choices{display:flex;flex-wrap:wrap;gap:6px;margin-top:28px;align-items:flex-start;max-width:510px}.choice{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 19px;min-height:34px;border:1px solid transparent;border-radius:25px;background:#fff;color:#111;font-size:13px;line-height:1.2;letter-spacing:-.025em;transition:background .15s ease,transform .15s ease}.choice:hover{background:#e9eeea;transform:translateY(-1px)}.choice-contact{background:#ffffff20;border-color:#ffffff90}.choice-contact:hover{background:#ffffff80}.dialogue-current.is-entering{animation:message-in .32s ease both}@keyframes message-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.dialogue-navigation{position:absolute;z-index:3;bottom:36px;left:var(--gutter);display:flex;align-items:center;gap:10px}.back-button{min-height:44px;padding:10px 18px;display:flex;align-items:center;gap:8px;border:0;border-radius:25px;background:#fff;color:#111;font-size:14px;transition:background .15s}.back-button:hover{background:#e9eeea}.restart-button{min-height:44px;padding:10px 16px;border:1px solid #ffffff90;border-radius:25px;background:#ffffff20;color:#202722;font-size:14px}.restart-button:hover{background:#ffffff80}#status{position:absolute;top:55%;left:66%;font-size:12px;color:#3b484d;transform:translateX(-50%)}body[data-ready=true] #status{display:none}
.call-panel{position:absolute;z-index:4;left:var(--gutter);top:48%;transform:translateY(-10%);width:min(480px,39vw);padding:28px;background:#f5f5f0eb;border:1px solid #fff9;backdrop-filter:blur(16px);border-radius:16px}.call-label{font-size:12px}.call-panel #call-status{font-size:27px;line-height:1.2;letter-spacing:-.04em;margin:18px 0 24px}.call-controls{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.button{border:0;min-height:40px;padding:10px 20px;display:inline-flex;align-items:center;justify-content:center;border-radius:25px;font-size:13px;line-height:1.2}.button-dark{background:#111;color:#fff}.button-dark:hover{background:#343b35}.round-button,.text-link{padding:10px 0;border:0;border-bottom:1px solid #25394425;background:none;font-size:12px}.round-button[aria-pressed=true]{color:#a03a34}#call-error{color:#8f3434;font-size:14px;line-height:1.5}.call-panel #call-error:not(:empty){margin-top:18px}.hero.is-calling .dialogue,.hero.is-calling .dialogue-navigation{visibility:hidden}.no-script{position:absolute;z-index:9;left:var(--gutter);bottom:30px;width:min(500px,calc(100% - 48px));padding:16px;border-radius:10px;background:#fffc;font-size:14px}.no-script a{text-decoration:underline}
@media(min-width:1800px){.dialogue{width:505px}.dialogue-current h1{font-size:28px}}
@media(max-width:1100px) and (min-width:761px){.dialogue{width:39vw;top:47%}.dialogue-current h1{font-size:23px}.dialogue-previous{font-size:21px;bottom:calc(100% + 32px)}.dialogue-choices{margin-top:24px}.choice{padding:9px 15px;font-size:12px}}
@media(max-width:760px),(max-width:1100px) and (max-aspect-ratio:11/10){.header{top:14px}.brand{width:144px}.hero{min-height:740px}.hero-shade{background:linear-gradient(0deg,#b8b8b7 0%,#c2c2c1f5 22%,#cececdcc 38%,transparent 61%)}.dialogue{top:auto;bottom:90px;left:var(--gutter);right:var(--gutter);width:auto;max-width:505px;transform:none}.dialogue-current h1{font-size:23px;line-height:1.2;letter-spacing:-.035em}.dialogue-previous{font-size:18px;line-height:1.2;bottom:calc(100% + 22px);max-height:2.3em;opacity:.35}.dialogue-choices{margin-top:24px;gap:7px}.choice{font-size:12px;padding:9px 16px;min-height:36px}.dialogue-navigation{bottom:24px}.call-panel{top:auto;bottom:90px;transform:none;width:calc(100% - 48px);max-width:480px;padding:24px}#status{top:27%;left:50%}}
@media(max-width:380px){.dialogue-current h1{font-size:21px}.choice{font-size:12px;padding-inline:13px}.dialogue-choices{gap:6px}}
@media(max-height:740px) and (min-width:761px) and (min-aspect-ratio:11/10){.dialogue{top:42%}.dialogue-current h1{font-size:23px}.dialogue-previous{font-size:20px;bottom:calc(100% + 25px)}.dialogue-choices{margin-top:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#stage canvas,.choice,.dialogue-previous{transition:none}.dialogue-current.is-entering{animation:none}}