@font-face{font-family:Birthstone;src:url(/fonts/birthstone.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/manrope.ttf)format("truetype");font-style:normal;font-weight:200 800;font-display:swap}:root{color:#1a1a1a;font-synthesis:none;--dot-spacing:100px;--dot-radius:.7px;background:#fff;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{isolation:isolate;background:#fff;min-width:320px;min-height:100svh;margin:0;position:relative}body:before{content:"";z-index:3;pointer-events:none;background-image:radial-gradient(circle, #fff var(--dot-radius), transparent calc(var(--dot-radius) + .2px));background-size:var(--dot-spacing) var(--dot-spacing);mix-blend-mode:difference;background-position:50px 50px;position:absolute;inset:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}::selection{color:#fff;background:#242424}:focus-visible{outline-offset:5px;border-radius:4px;outline:2px solid #111}.skip-link{z-index:20;background:#fff;border:1px solid;padding:12px 20px;position:fixed;top:-80px;left:24px}.skip-link:focus{top:16px}.site-header{z-index:5;padding:24px 24px 0;position:relative}.navigation{backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #0000001a;border-radius:12px;align-items:center;gap:28px;max-width:820px;height:60px;margin:0 auto;padding:0 12px 0 20px;display:flex}.brand{letter-spacing:-.8px;align-items:center;gap:10px;font-size:18px;font-weight:650;display:inline-flex}.brand-mark{width:25px}.brand-period{color:#8d8d8d}.nav-links{align-items:center;gap:24px;margin-left:auto;display:flex}.nav-links a{color:#626262;align-items:center;min-height:44px;padding:12px 0;font-size:13px;font-weight:500;display:inline-flex}.nav-links a span{color:#909090;margin-left:5px}.nav-links a:hover{color:#111}.nav-download{color:#242424;background:0 0;border:1px solid #d8d8d8;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:40px;padding:0 16px;font-size:12px;font-weight:600;display:inline-flex}.nav-download:hover{background:#f2f2f2;border-color:#999}.mobile-menu{display:none}.hero{--art-height:clamp(360px, 52svh, 720px);--visual-height:calc(var(--art-height) * .89 + 8px);--art-bottom:calc(var(--art-height) * -.06 + 8px);--hand-scale:1.65;flex-direction:column;justify-content:center;min-height:calc(100svh - 84px);margin:0 auto;padding-block:32px;display:flex}.hero-visual{min-height:var(--visual-height);flex:0 0 var(--visual-height);position:relative}.art-composition,.artwork{position:absolute;inset:0}.scene-stage{z-index:2;bottom:var(--art-bottom);width:100%;height:var(--art-height);pointer-events:none;position:absolute;left:0;container-type:size}.scene-live{opacity:0;position:absolute;inset:0}.scene-stage.is-ready .scene-live{opacity:1}.scene-poster{width:100%;height:100%;position:absolute;inset:0;overflow:clip visible}.scene-poster img{width:auto;max-width:none;height:120%;position:absolute;top:-10%;left:50%;transform:translate(-50%)}.scene-stage.is-ready .scene-poster{opacity:0}.scene-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hand-canvas{filter:drop-shadow(0 0 .6px #00000040);mask-image:linear-gradient(90deg, #000 calc(50% + 4cqh * var(--hand-scale)), #000000d9 calc(50% + 12cqh * var(--hand-scale)), #00000040 calc(50% + 23cqh * var(--hand-scale)), transparent calc(50% + 33cqh * var(--hand-scale)))}.hand-stage{width:min(100%,140cqh);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.microphone-stage{width:min(100%,60cqh);position:absolute;top:-10%;bottom:-10%;left:50%;transform:translate(-50%)}.wordmark{letter-spacing:0;color:#171717;white-space:nowrap;margin:0;font-family:Birthstone,cursive;font-size:clamp(110px,min(14vw,22svh),230px);font-weight:400;line-height:.82}.motion-control{z-index:4;color:#555;cursor:pointer;background:#ffffffd9;border:1px solid #dedede;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;bottom:7px;right:72px}.motion-control:hover{color:#111;border-color:#aaa}.hero-copy{z-index:4;text-align:center;padding:0 24px;position:relative}.hero-description{letter-spacing:-.55px;text-wrap:balance;margin:8px 0 20px;font-size:clamp(22px,1.8vw,30px);font-weight:500;line-height:1.4}.download-button{color:#fff;background:#222;border:1px solid #161616;border-radius:12px;justify-content:center;align-items:center;gap:12px;min-height:58px;padding:0 24px;font-size:14px;font-weight:500;transition:background .18s ease-out;display:inline-flex;box-shadow:inset 0 1px #ffffff20,0 3px 5px #0000000a}.download-button:hover{background:#000}.apple-mark{margin-right:2px}.button-arrow{margin-left:15px}@media (width<=1000px){.motion-control{bottom:8px;right:38px}}@media (width<=600px){.site-header{padding:16px 16px 0}.navigation{gap:12px;height:60px;padding:0 13px 0 17px}.brand{gap:8px;font-size:18px}.brand-mark{width:21px}.nav-links{display:none}.nav-download{gap:8px;min-height:40px;margin-left:auto;padding:0 12px;font-size:11px}.mobile-menu{display:block;position:relative}.mobile-menu summary{cursor:pointer;place-items:center;width:32px;height:44px;list-style:none;display:grid}.mobile-menu summary::-webkit-details-marker{display:none}.menu-lines{border-top:1px solid;border-bottom:1px solid;width:17px;height:7px}.mobile-menu[open] .menu-lines{border-bottom:0;height:1px}.mobile-menu-links{background:#fff;border:1px solid #ddd;border-radius:12px;width:190px;padding:10px;position:absolute;top:50px;right:-12px;box-shadow:0 5px 20px #00000008}.mobile-menu-links a{border-radius:5px;justify-content:space-between;padding:14px 10px;font-size:12px;display:flex}.mobile-menu-links a:hover{background:#f4f4f4}.hero{--art-height:min(clamp(400px, 65svh, 600px), 145vw);--visual-height:calc(var(--art-height) * .79 + 24px);--art-bottom:calc(var(--art-height) * -.16 + 24px);--hand-scale:.98;min-height:calc(100svh - 76px)}.wordmark{font-size:27vw}.motion-control{width:34px;height:34px;top:12px;bottom:auto;right:24px}.hero-copy{padding:0 20px}.hero-description{letter-spacing:-.45px;font-size:21px;line-height:1.45}}@media (width<=370px){.brand{font-size:16px}.navigation{gap:8px;padding-left:12px;padding-right:8px}.nav-download{padding:0 10px}.hero-description{font-size:19px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
