:root{--brand-blue: #0057bf;--brand-black: #000000;--brand-white: #ffffff;--brand-gray: #e0e0e0;--safe-x: clamp(22px, 2.604vw, 50px);--safe-y: clamp(18px, 2.604vw, 50px);--top: var(--brand-black);--bottom: var(--brand-gray);--top-ink: var(--brand-gray);--bottom-ink: var(--brand-black);--beam: rgba(224, 224, 224, .88);--wave-y: 58%;color:var(--top-ink);background:var(--top);font-family:Matter,Inter,Neue Haas Grotesk,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;-webkit-tap-highlight-color:transparent}body{background:var(--top)}.installation{position:relative;width:100vw;height:100vh;min-width:320px;overflow:hidden;background:var(--top);cursor:none}.installation.phase-projection,.installation.phase-cooldown{background:var(--bottom)}.installation.variant-color{--top: var(--brand-blue);--bottom: var(--brand-white);--top-ink: var(--brand-white);--bottom-ink: var(--brand-blue);--beam: rgba(255, 255, 255, .9)}.screen-frame{position:absolute;z-index:1;inset:var(--safe-y) var(--safe-x);overflow:hidden;isolation:isolate;background:var(--top)}.phase-projection .screen-frame:after,.phase-cooldown .screen-frame:after{position:absolute;z-index:4;top:0;right:0;left:0;height:clamp(190px,15vw,288px);background:var(--top);content:"";pointer-events:none}.wave-layer{position:absolute;inset:0;z-index:1;background:var(--bottom);clip-path:polygon(0 calc(var(--wave-y) + 1.6%),3% calc(var(--wave-y) - .7%),5% calc(var(--wave-y) - 1.2%),8% calc(var(--wave-y) - .5%),10% calc(var(--wave-y) - 1.3%),13% calc(var(--wave-y) - .7%),16% calc(var(--wave-y) - 1.2%),20% calc(var(--wave-y) - 2.8%),22% calc(var(--wave-y) - 2.4%),25% calc(var(--wave-y) + .5%),29% calc(var(--wave-y) + 3.2%),34% calc(var(--wave-y) + 2.8%),38% calc(var(--wave-y) + .4%),42% calc(var(--wave-y) - 2.6%),45% calc(var(--wave-y) - 2.8%),50% calc(var(--wave-y) - 4.4%),55% calc(var(--wave-y) - 3.9%),58% calc(var(--wave-y) - 3%),61% calc(var(--wave-y) - .8%),65% calc(var(--wave-y) + .6%),72% calc(var(--wave-y) + .2%),75% calc(var(--wave-y) + 1.2%),80% calc(var(--wave-y) + .7%),83% calc(var(--wave-y) - .7%),86% calc(var(--wave-y) - .4%),89% calc(var(--wave-y) - 2.8%),92% calc(var(--wave-y) - 2.2%),95% calc(var(--wave-y) - .4%),100% calc(var(--wave-y) + 2.8%),100% 100%,0 100%);transition:clip-path .9s cubic-bezier(.16,1,.3,1)}.phase-idle{--wave-y: 60%}.phase-interaction{--wave-y: 21%}.phase-prepare,.phase-launch{--wave-y: 54%}.phase-processing{--wave-y: 46%}.phase-projection,.phase-cooldown{--wave-y: 38%}.lighthouse-beam{position:absolute;z-index:2;left:50%;top:46%;width:120vmax;height:120vmax;margin:-60vmax 0 0 -60vmax;pointer-events:none;opacity:.38;animation:lighthouseRotation 120s linear infinite}.lighthouse-beam i{position:absolute;inset:0;display:block;background:conic-gradient(from calc(var(--beam-angle) - 20deg),transparent 0deg,transparent 5deg,var(--beam) 13deg,var(--beam) 18deg,transparent 31deg,transparent 360deg);filter:blur(1px)}.lighthouse-beam span{position:absolute;left:50%;top:50%;width:14px;height:14px;border-radius:50%;background:var(--beam);transform:translate(-50%,-50%)}.phase-projection .lighthouse-beam,.phase-cooldown .lighthouse-beam{opacity:.3}.brand-header{position:absolute;z-index:5;left:clamp(50px,4vw,76px);top:clamp(28px,2.6vw,50px);width:min(82vw,1580px);max-height:228px;object-fit:contain;object-position:left top;pointer-events:none}.language-switch{position:absolute;z-index:7;top:clamp(30px,3vw,58px);right:clamp(42px,4vw,76px);display:flex;gap:clamp(14px,1.6vw,30px);color:var(--top-ink);pointer-events:auto}.language-switch button{border:0;border-bottom:2px solid transparent;padding:0 0 5px;color:inherit;background:transparent;font-size:clamp(16px,1.35vw,26px);font-weight:800;line-height:1;letter-spacing:0;opacity:.44;cursor:none}.language-switch button.is-active{border-color:currentColor;opacity:1}.idle-quote{position:absolute;z-index:3;left:clamp(52px,4.4vw,86px);top:clamp(42px,4.5vw,86px);width:min(76vw,1150px);color:var(--top-ink)}.idle-quote p,.prepare-copy p,.reading-copy p{margin:0 0 clamp(16px,1.7vw,30px);font-size:clamp(20px,2.15vw,42px);font-weight:700;line-height:1}.idle-quote h1,.prepare-copy h1,.reading-copy h1{margin:0 0 clamp(16px,1.6vw,30px);font-size:clamp(36px,4.2vw,80px);font-weight:700;line-height:.9;max-width:14ch;overflow-wrap:anywhere}.idle-quote h2,.prepare-copy h2,.reading-copy h2{margin:0;font-size:clamp(42px,5.4vw,104px);font-weight:700;line-height:.86;max-width:14ch;text-transform:uppercase;overflow-wrap:anywhere}.touch-call{position:absolute;z-index:3;left:clamp(52px,4.4vw,86px);bottom:clamp(46px,5.6vw,96px);max-width:calc(100% - 110px);border:0;color:var(--bottom-ink);background:transparent;font-size:clamp(34px,5.8vw,108px);font-weight:800;line-height:.86;letter-spacing:0;text-align:left;text-transform:uppercase;cursor:none}.pointer-dot{position:fixed;z-index:100;top:-2px;left:-2px;width:4px;height:4px;border-radius:999px;background:currentColor;opacity:.44;pointer-events:none;mix-blend-mode:difference}.emotion-cloud{position:absolute;z-index:3;inset:0;color:var(--bottom-ink)}.emotion{position:absolute;width:clamp(190px,15vw,292px);min-height:clamp(68px,5.6vw,108px);border:0;padding:clamp(13px,1.15vw,22px) clamp(16px,1.45vw,28px);color:var(--top-ink);background:var(--top);clip-path:polygon(0 12%,4% 7%,8% 0,23% 4%,38% 0,52% 4%,68% 1%,86% 5%,100% 0,97% 21%,100% 38%,96% 54%,100% 74%,94% 100%,78% 96%,63% 100%,47% 97%,31% 100%,17% 96%,0 100%,4% 76%,0 59%,3% 40%);font-size:clamp(20px,1.65vw,32px);font-weight:800;line-height:.94;text-align:left;text-transform:uppercase;white-space:normal;cursor:none;animation:cardFloat 7s ease-in-out infinite alternate}.emotion:after{position:absolute;inset:1px;z-index:-1;background:color-mix(in srgb,var(--bottom) 14%,transparent);clip-path:polygon(0 20%,8% 8%,21% 11%,32% 5%,51% 10%,66% 4%,82% 8%,100% 2%,95% 31%,100% 55%,93% 99%,69% 94%,52% 100%,34% 95%,18% 100%,0 93%,5% 64%);content:""}.emotion:active{transform:scale(.96)}.emotion-1{left:6%;top:31%}.emotion-2{left:31%;top:39%;animation-delay:-2s}.emotion-3{left:56%;top:30%;animation-delay:-3s}.emotion-4{left:10%;top:52%;bottom:auto;animation-delay:-4s}.emotion-5{left:34%;top:56%;bottom:auto;animation-delay:-1s}.emotion-6{left:56%;top:50%;bottom:auto;animation-delay:-5s}.emotion-7{left:22%;top:25%;animation-delay:-2.5s}.emotion-cloud.has-text-input .emotion{width:clamp(170px,13.5vw,260px);min-height:clamp(60px,5vw,92px);font-size:clamp(18px,1.35vw,26px)}.emotion-cloud.has-text-input .emotion-1{left:5%;top:27%}.emotion-cloud.has-text-input .emotion-2{left:28%;top:32%}.emotion-cloud.has-text-input .emotion-3{left:52%;top:27%}.emotion-cloud.has-text-input .emotion-4{left:74%;top:34%;bottom:auto}.emotion-cloud.has-text-input .emotion-5{left:12%;top:42%;bottom:auto}.emotion-cloud.has-text-input .emotion-6{left:38%;top:43%;bottom:auto}.emotion-cloud.has-text-input .emotion-7{left:66%;top:50%}.text-input-trigger{position:absolute;z-index:4;right:7%;bottom:8%;border:0;border-bottom:3px solid currentColor;padding:0 0 8px;color:inherit;background:transparent;font-size:clamp(26px,3vw,58px);font-weight:800;line-height:.9;text-transform:uppercase;cursor:none;animation:cardFloat 7s ease-in-out infinite alternate;animation-delay:-1.4s}.text-input-panel{position:absolute;right:7%;bottom:7%;display:grid;width:min(46vw,820px);gap:clamp(14px,1.5vw,28px);color:inherit}.text-input-panel textarea{width:100%;min-height:clamp(120px,11vw,210px);border:2px solid color-mix(in srgb,currentColor 54%,transparent);border-radius:0;padding:clamp(18px,2vw,34px);color:inherit;background:transparent;font:inherit;font-size:clamp(24px,2.6vw,50px);font-weight:800;line-height:1;letter-spacing:0;outline:0;resize:none;cursor:none}.text-input-panel textarea::placeholder{color:color-mix(in srgb,currentColor 46%,transparent)}.text-input-panel button{justify-self:start;border:0;border-bottom:3px solid currentColor;padding:0 0 7px;color:inherit;background:transparent;font-size:clamp(24px,2.4vw,46px);font-weight:800;line-height:.9;text-transform:uppercase;cursor:none}.text-input-panel button:disabled{opacity:.32}.countdown-number{position:absolute;z-index:3;top:6%;left:50%;color:var(--top-ink);font-size:clamp(116px,14.6vw,280px);font-weight:800;line-height:1;transform:translate(-50%);animation:countdownPulse 1s cubic-bezier(.16,1,.3,1) infinite}.prepare-copy{position:absolute;z-index:3;left:clamp(52px,4.4vw,86px);bottom:clamp(44px,5.8vw,98px);color:var(--bottom-ink);width:min(88vw,1580px)}.prepare-copy h1,.prepare-copy h2{max-width:none}.prepare-copy h1{font-size:clamp(34px,3.7vw,72px)}.prepare-copy h2{font-size:clamp(30px,3vw,58px);line-height:.94}.search-copy{position:absolute;z-index:3;left:clamp(52px,4.4vw,86px);bottom:clamp(62px,7vw,124px);width:min(84vw,1320px);color:var(--bottom-ink)}.search-copy p{margin:0 0 clamp(18px,1.9vw,34px);font-size:clamp(22px,2.4vw,46px);font-weight:700;line-height:1}.search-copy h1{margin:0;font-size:clamp(54px,6.2vw,118px);font-weight:800;line-height:.86;text-transform:uppercase;overflow-wrap:anywhere}.search-copy small{display:block;margin-top:clamp(22px,2vw,38px);color:color-mix(in srgb,currentColor 68%,transparent);font-size:clamp(14px,1.2vw,22px);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.reading-copy{position:absolute;z-index:3;left:clamp(52px,4.4vw,86px);top:44%;color:var(--bottom-ink);width:min(90vw,1640px)}.reading-copy p{margin-bottom:clamp(10px,1vw,18px);font-size:clamp(18px,1.75vw,34px)}.reading-copy h1{margin-bottom:clamp(10px,1vw,18px);font-size:clamp(28px,2.65vw,52px)}.reading-copy h2{max-width:none;margin-bottom:clamp(16px,1.5vw,28px);font-size:clamp(24px,2.1vw,40px);line-height:.98;white-space:nowrap}.reading-copy blockquote{max-width:min(88vw,1580px);margin:0;font-size:clamp(22px,1.95vw,38px);font-weight:700;line-height:1.08}.reading-copy small{display:block;margin-top:clamp(14px,1.3vw,24px);color:color-mix(in srgb,var(--bottom-ink) 72%,transparent);font-size:clamp(14px,1.2vw,22px);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.reading-copy.is-cooldown{opacity:.58}.launch-bloom{position:absolute;inset:0;z-index:6;display:grid;place-items:center;background:var(--top-ink);animation:overExpose .82s cubic-bezier(.16,1,.3,1) both}.launch-bloom span{position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:50%;background:var(--top);transform:translate(-50%,-50%)}.launch-bloom i{width:78vw;height:2px;background:var(--top);transform:rotate(calc(var(--beam-angle) - 90deg));animation:flashLine .82s cubic-bezier(.16,1,.3,1) both}@keyframes lighthouseRotation{to{transform:rotate(360deg)}}@keyframes cardFloat{0%{translate:-5px 4px;rotate:-.25deg}to{translate:5px -4px;rotate:.25deg}}@keyframes countdownPulse{0%{opacity:0;transform:translate(-50%) scale(.92)}18%,70%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:.22;transform:translate(-50%) scale(1.04)}}@keyframes overExpose{0%{opacity:0;filter:blur(16px)}34%{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(24px)}}@keyframes flashLine{0%{opacity:1;transform:rotate(calc(var(--beam-angle) - 90deg)) scaleX(.04)}to{opacity:0;transform:rotate(calc(var(--beam-angle) - 90deg)) scaleX(1.4)}}@media(max-width:900px){.idle-quote h2,.prepare-copy h2{font-size:clamp(46px,12vw,96px)}.touch-call{font-size:clamp(38px,11vw,86px)}.emotion{width:clamp(172px,25vw,250px);min-height:clamp(70px,11vw,108px);font-size:clamp(20px,4vw,34px)}.text-input-panel{width:min(60vw,620px)}.brand-header{width:92%}}@media(max-width:680px){.screen-frame{inset:18px}.idle-quote{left:28px;top:52px}.idle-quote p,.prepare-copy p,.reading-copy p{font-size:clamp(22px,8vw,34px)}.idle-quote h1,.prepare-copy h1,.reading-copy h1{font-size:clamp(36px,12vw,58px)}.idle-quote h2,.prepare-copy h2{font-size:clamp(34px,10.6vw,54px)}.reading-copy h2{font-size:clamp(20px,6vw,34px);white-space:normal}.touch-call{left:28px;bottom:64px;max-width:calc(100% - 56px);font-size:clamp(28px,8.6vw,48px);line-height:.9;overflow-wrap:anywhere}.prepare-copy,.search-copy,.reading-copy{left:28px;width:calc(100% - 56px)}.language-switch{top:24px;right:28px}.text-input-panel{right:28px;bottom:48px;left:28px;width:auto}.reading-copy blockquote{font-size:clamp(22px,6.8vw,34px)}}