/* Precision controls / soft light / cross-page dissolves */
:root{--control-light:#b5fbe5}.tech-arrow{width:20px;height:20px;display:block;flex-shrink:0}.action-glyph{display:inline-flex!important;align-items:center;justify-content:center}.tech-app-glyph{width:39px;height:39px;display:grid;place-items:center;flex-shrink:0;position:relative;border:1px solid #91d8ce44;border-radius:2px;background:#9be4d208;box-shadow:inset 0 0 15px #adfce605;color:#c1f5e4}.tech-app-glyph:before,.tech-app-glyph:after{content:"";width:7px;height:7px;position:absolute;border-color:currentColor;opacity:.8}.tech-app-glyph:before{left:-1px;top:-1px;border-left:1px solid;border-top:1px solid}.tech-app-glyph:after{right:-1px;bottom:-1px;border-right:1px solid;border-bottom:1px solid}.tech-app-glyph svg{width:24px;height:24px;filter:drop-shadow(0 0 5px #a0ffe133);transition:opacity 220ms,transform 220ms}.art-page .tech-app-glyph{width:34px;height:34px;color:var(--accent);background:transparent;border-color:var(--line);box-shadow:none}.art-page .tech-app-glyph svg{width:21px;height:21px;filter:none}.art-title-row{gap:12px}.cosmic-home .button.dark,.cosmic-home .header-cta,.cosmic-home .motion-toggle,.art-page .paper-button{position:relative;isolation:isolate;overflow:hidden;border-radius:2px;transition:background-color 220ms,color 220ms,box-shadow 220ms,border-color 220ms,transform 160ms;box-shadow:inset 0 0 0 1px #b8f8e707}.cosmic-home .button.dark{color:#d6fff0;background:#17373166;border:1px solid #a8f2d77a;box-shadow:inset 0 0 22px #76dbb70b,0 0 20px #89e9ce07;letter-spacing:1px}.cosmic-home .button.dark:before,.cosmic-home .header-cta:before,.art-page .paper-button:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;background:linear-gradient(110deg,transparent,#b8ffe31c,transparent);transition:opacity 260ms}.cosmic-home .button.dark:after,.art-page .paper-button:after{content:"";position:absolute;left:6px;bottom:5px;width:11px;height:1px;background:currentColor;opacity:.4}.cosmic-home .button.dark:hover{background:#244d4277;color:#effff8;border-color:#b6ffe3;box-shadow:0 0 26px #8ee7c91b,inset 0 0 20px #c9ffe312;transform:translateY(-2px)}.cosmic-home .button.dark:hover:before,.cosmic-home .header-cta:hover:before,.art-page .paper-button:hover:before{opacity:1}.cosmic-home .header-cta{border-color:#8bc3b94a;background:#14282233}.cosmic-home .header-cta:hover{color:#dcfff2;background:#1a3d3266;box-shadow:0 0 21px #a0f3d217;border-color:#a6e8d099}.cosmic-home .motion-toggle{border-color:#77ada444;letter-spacing:1px}.cosmic-home .filters{border-radius:3px;padding:4px;background:#08131a}.cosmic-home .filters button{border-radius:1px;transition:color 180ms,background-color 180ms,box-shadow 180ms;position:relative}.cosmic-home .filters .active{color:#c9ffe9;background:#244b3f80;box-shadow:inset 0 0 0 1px #a0f7d959,0 0 13px #aff7db0a}.cosmic-home .menu{transition:opacity 180ms}.cosmic-home .back-top{border-radius:2px;border-color:#92cdbc66;color:#bce6d7;background:#162c2433}.cosmic-home .art-arrow,.next-arrow{width:30px;height:30px;display:grid;place-items:center}.cosmic-home .art-arrow{border:1px solid #ffffff66;background:#08181744;backdrop-filter:blur(4px)}.cosmic-home .art-arrow .tech-arrow{width:18px;height:18px}.art-page .paper-button{background:color-mix(in srgb,var(--accent) 9%,var(--paper));color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 65%,transparent);letter-spacing:1px;box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 4px var(--line)}.art-page .paper-button:hover{background:color-mix(in srgb,var(--accent) 14%,var(--paper));box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 4px var(--line),0 5px 20px color-mix(in srgb,var(--accent) 12%,transparent)}.art-page .expand-art,.art-page .close-art{border-radius:2px;border:1px solid var(--accent);color:var(--accent);background:var(--paper);display:grid;place-items:center;transition:opacity 180ms,box-shadow 180ms}.art-page .expand-art .tech-arrow{width:18px;height:18px}.art-page .expand-art:hover{box-shadow:0 0 18px #fff5}.art-page .paper-link{transition:opacity 180ms,color 180ms}.art-page .paper-link:hover{opacity:.65}.art-product-link:hover .tech-app-glyph svg{opacity:1;transform:translateY(-1px)}.cosmic-home .button:active,.art-page .paper-button:active,.expand-art:active{transform:scale(.975)}
@view-transition{navigation:auto}::view-transition-old(root){animation:screen-out 180ms ease-out both}::view-transition-new(root){animation:screen-in 280ms ease-out both}@keyframes screen-in{from{opacity:0}to{opacity:1}}@keyframes screen-out{from{opacity:1}to{opacity:0}}.page-exit main,.page-exit footer{opacity:0!important;transition:opacity 180ms ease-out!important}.art-page .art-dialog[open]{animation:screen-in 220ms ease-out}.art-page .art-dialog::backdrop{animation:screen-in 220ms ease-out}.art-page .art-dialog.is-closing{animation:screen-out 160ms ease-out forwards}.art-page .art-dialog.is-closing::backdrop{animation:screen-out 160ms ease-out forwards}.motion-ready .reveal{transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);transition-delay:var(--delay,0ms)}.no-motion .page-exit main,.no-motion .page-exit footer{opacity:1!important}.no-motion .art-dialog,.no-motion .art-dialog::backdrop{animation:none!important}@media(max-width:800px){.tech-app-glyph{width:35px;height:35px}.cosmic-home .button.dark{letter-spacing:.4px}.art-page .tech-app-glyph{width:29px;height:29px}.art-page .tech-app-glyph svg{width:18px;height:18px}.tech-arrow{width:17px;height:17px}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.tech-app-glyph svg,.art-page .art-dialog,.art-page .art-dialog::backdrop{animation:none!important;transition:none!important}.page-exit main,.page-exit footer{opacity:1!important;transition:none!important}}
@media(max-width:800px){.cosmic-home .header .brand{flex-shrink:0}.cosmic-home .brand-en{white-space:nowrap;letter-spacing:.6px}.cosmic-home .header-cta{white-space:nowrap;gap:10px;padding:10px 9px}.cosmic-home .header-cta .tech-arrow{width:16px;height:16px}.cosmic-home .motion-toggle{letter-spacing:.3px}}
