:root{--text:#000000;--muted:rgba(0, 0, 0, 0.66);--accent:#2a2625;--panel-bg:rgba(255, 255, 255, 0.34);--panel-bg-strong:rgba(255, 255, 255, 0.5);--panel-border:rgba(42, 38, 37, 0.12);--controls-hit-size:34px}*{box-sizing:border-box}body,html{width:100%;height:100%;margin:0;overflow:hidden}body{background:#01c585;font-family:"Space Grotesk","Avenir Next","Segoe UI",sans-serif}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 18%,rgba(255,255,255,.22),transparent 40%),radial-gradient(circle at 82% 26%,rgba(255,255,255,.16),transparent 36%),radial-gradient(circle at 50% 85%,rgba(0,0,0,.09),transparent 45%);mix-blend-mode:soft-light;z-index:2}@media (max-width:640px){#copy{max-width:min(96vw,540px)}#title{font-size:clamp(1.8rem, 11vw, 3.3rem)}#subtitle{font-size:clamp(.95rem, 4.4vw, 1.25rem)}#nav-controls{gap:12px}.nav-text-btn{padding:8px 10px;font-size:clamp(.72rem, 3.2vw, .84rem)}.dot{width:20px}.dot.active{width:42px}}#flash{position:fixed;inset:0;pointer-events:none;opacity:0;z-index:2;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.34),rgba(255,255,255,0) 58%);mix-blend-mode:screen}#app{position:fixed;inset:0;z-index:1}#fixed-contact{position:fixed;top:auto;right:auto;left:50%;bottom:max(18px,calc(env(safe-area-inset-bottom,0px) + 12px));transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:12px;pointer-events:auto}#locale-switcher{position:fixed;top:max(12px,calc(env(safe-area-inset-top,0px) + 8px));right:max(12px,calc(env(safe-area-inset-right,0px) + 8px));z-index:4;pointer-events:auto}#locale-trigger{gap:8px;min-width:70px;padding:7px 10px;font-weight:600;color:#2a2625;opacity:.88;border-radius:10px;background:var(--panel-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#locale-trigger::after{display:none}#locale-current{letter-spacing:.06em}.locale-chevron{font-size:.72rem;opacity:.8;transition:transform .16s,opacity .16s}#locale-switcher.open .locale-chevron{transform:rotate(180deg);opacity:1}#locale-menu{position:absolute;top:calc(100% + 8px);right:0;display:flex;flex-direction:column;gap:4px;min-width:76px;padding:6px;border-radius:10px;border:1px solid var(--panel-border);background:var(--panel-bg-strong);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 24px rgba(0,0,0,.14)}#locale-menu[hidden]{display:none}.locale-option{border:0;border-radius:8px;background:0 0;color:#2a2625;font-family:"Avenir Next","Segoe UI",sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;text-align:left;padding:6px 8px;opacity:.74;cursor:pointer;transition:opacity .14s,background-color .14s}.locale-option.active,.locale-option:focus-visible,.locale-option:hover{opacity:1;outline:0;background:rgba(42,38,37,.08)}.contact-link{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:6px 8px;font-size:1.02rem;line-height:1;overflow:visible;text-decoration:none}.contact-link:active,.contact-link:focus-visible,.contact-link:hover,.contact-link:link,.contact-link:visited{text-decoration:none}.contact-link i{display:block;line-height:1;pointer-events:none}canvas{width:100%;height:100%;display:block;touch-action:none}#hud{position:fixed;inset:0;z-index:3;color:var(--text);pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:clamp(16px,6vw,56px)}#copy{max-width:min(92vw,680px);text-align:center;opacity:0;transform:translateY(14px)}#step-icon{margin:0 0 10px;font-size:clamp(1rem, 4.8vw, 1.5rem);color:var(--accent);opacity:.82}#title{margin:0;font-size:clamp(2.1rem, 10vw, 4.8rem);line-height:.95;letter-spacing:-.03em;font-weight:800;white-space:pre-line;text-wrap:balance}#subtitle{margin:12px auto 0;max-width:24ch;font-size:clamp(1rem, 4.6vw, 1.6rem);line-height:1.2;font-weight:700;text-wrap:balance}#progress{margin-top:18px;display:flex;align-items:center;gap:10px;min-height:var(--controls-hit-size);pointer-events:auto}.dot{width:26px;height:6px;border:0;border-radius:999px;background:rgba(127,127,127,.34);opacity:.75;transform-origin:left center;cursor:pointer;transition:width .26s,background-color .26s,opacity .26s}.dot:hover{opacity:1}.dot.active{width:52px;background:var(--accent);opacity:1}#nav-controls{margin:14px 0 0;pointer-events:auto;display:flex;align-items:center;gap:18px;min-height:var(--controls-hit-size)}.nav-text-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:var(--controls-hit-size);pointer-events:auto;border:0;background:0 0;padding:6px 8px;font-family:"Avenir Next","Segoe UI",sans-serif;font-size:clamp(.76rem, 2.4vw, .95rem);font-weight:400;letter-spacing:.025em;text-transform:uppercase;color:var(--muted);opacity:.56;cursor:pointer;transition:color .18s,opacity .18s;-webkit-tap-highlight-color:transparent}#nav-controls .nav-text-btn{font-weight:500;color:var(--text);opacity:.66}.nav-text-btn::after{content:"";position:absolute;inset:-7px -10px;border-radius:9px;border:1px solid currentColor;opacity:0;transform:scale(.95);transition:opacity .14s,transform .14s;pointer-events:none}.nav-text-btn.show-hitbox,.nav-text-btn:active,.nav-text-btn:focus-visible,.nav-text-btn:hover{color:var(--text);opacity:.92;outline:0}.nav-text-btn.show-hitbox::after,.nav-text-btn:active::after,.nav-text-btn:focus-visible::after,.nav-text-btn:hover::after{opacity:.62;transform:scale(1)}@media (min-width:960px){#hud{justify-content:center;align-items:flex-start;padding:0 clamp(40px,6vw,92px)}#fixed-contact{top:auto;right:auto;left:50%;bottom:clamp(10px,2.8vw,24px);transform:translateX(-50%);flex-direction:row;gap:18px;min-height:var(--controls-hit-size)}#copy{max-width:min(46vw,680px);text-align:left}#subtitle{margin-left:0}#progress{position:absolute;right:clamp(28px,5vw,64px);bottom:clamp(10px,2.8vw,24px);margin-top:0}#nav-controls{position:absolute;left:clamp(40px,6vw,92px);bottom:clamp(10px,2.8vw,24px);margin:0}}@media (max-width:640px){#fixed-contact{top:auto;right:max(10px,calc(env(safe-area-inset-right,0px) + 8px));left:auto;bottom:max(12px,calc(env(safe-area-inset-bottom,0px) + 8px));transform:none;flex-direction:column;align-items:flex-end;gap:8px}.contact-link,.contact-link.nav-text-btn{min-width:32px;min-height:32px;padding:6px 7px;font-size:.95rem}#locale-switcher{top:max(8px,calc(env(safe-area-inset-top,0px) + 4px));right:max(8px,calc(env(safe-area-inset-right,0px) + 4px))}#locale-trigger{min-width:66px;padding:6px 8px;font-size:.78rem}}