/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-ui:"Commit Mono", ui-monospace, "SF Mono", Menlo, monospace;--color-ink:#12151c}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.hidden{display:none}.inline{display:inline}.shrink{flex-shrink:1}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.font-ui{font-family:var(--font-ui)}.text-ink{color:var(--color-ink)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@font-face{font-family:Commit Mono;src:url(/fonts/commit-mono-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}html,body{overscroll-behavior:none;background:#000;height:100%;overflow:hidden}#stage{height:100dvh;position:fixed;inset:0}.sky-canvas{display:block;width:100%!important;height:100%!important}.ui{--gutter:clamp(20px, 3.2vw, 44px);height:100dvh;padding:max(28px, env(safe-area-inset-top)) max(var(--gutter), env(safe-area-inset-right)) max(var(--gutter), env(safe-area-inset-bottom)) max(var(--gutter), env(safe-area-inset-left));pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}@media (width<=900px){.ui{padding-top:max(16px, env(safe-area-inset-top));padding-bottom:max(24px, env(safe-area-inset-bottom))}}.ui a,.ui button{pointer-events:auto}.ui-top{justify-content:space-between;align-items:center;gap:16px;min-height:32px;display:flex}.wordmark{margin:0;line-height:0}.wordmark img{width:clamp(112px,10vw,192px);height:auto;display:block}.tagline{--lh:.95;--word-space:.188em;letter-spacing:-.02em;white-space:nowrap;margin:0;font-size:clamp(40px,5.35vw,98px);font-weight:300;line-height:.95}:is(p,h1).outlined{letter-spacing:0;word-spacing:calc(var(--word-space) - .6em);font-family:Commit Mono,monospace;line-height:0}.outlined .word{margin-top:calc((var(--lh) / 2 - .3305) * 1em);vertical-align:calc((.4415 - var(--lh) / 2) * 1em);display:inline-block}.outline-word{height:1em;margin-bottom:calc((var(--lh) / 2 - .6695) * 1em);fill:currentColor;display:block;overflow:visible}.nav{gap:10px;display:flex}@media (width<=900px){.nav{gap:0}}.nav .text-btn,.nav .glass-btn{color:#fff}.nav{position:relative}.contact{--contact-gap:6px;top:calc(100% + var(--contact-gap));align-items:flex-end;gap:var(--contact-gap);flex-direction:column;width:max-content;display:flex;position:absolute;right:0}.contact:not([data-state=closed]){pointer-events:auto}.contact[data-state=closed]{visibility:hidden;transition:visibility 0s linear .42s}.contact>.glass-wrap,.message>.contact-step,.message>.glass-wrap{transition:opacity .26s ease calc(var(--i,0) * 45ms), translate .42s cubic-bezier(.25, 1, .5, 1) calc(var(--i,0) * 45ms), scale .42s cubic-bezier(.25, 1, .5, 1) calc(var(--i,0) * 45ms), transform .4s cubic-bezier(.25, 1, .5, 1)}.contact[data-state=closed]>.glass-wrap,.contact[data-state=closed] .message>*{opacity:0;transition-delay:0s;translate:0 -8px;scale:.96}@media (width<=900px){.contact-open-more{display:none}}@starting-style{.contact[data-state=message] .message>*,.contact[data-state=options]>.glass-wrap{opacity:0;translate:0 -8px;scale:.96}}.message{display:none}.contact[data-state=message] .message{display:flex}:is(.contact[data-state=message] .glass-wrap:has(>[href^=mailto]),.contact[data-state=message] .glass-wrap:has(>.contact-call)){display:none}.message{gap:var(--contact-gap);width:min(280px, calc(100vw - 2 * var(--gutter)));flex-direction:column}.message>.glass-wrap{align-self:flex-end}.message-trap{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.message-status{text-align:right;color:#fff;margin:0;padding:0 4px;font-size:13px;line-height:1.5}.message-status:empty{display:none}.message-status a{color:inherit}.message[data-status=sent]>:not(.message-status){display:none}.message[data-status=sending] .glass-btn{cursor:progress}.field{width:100%;padding:0 16px}.field::placeholder{color:#ffffff9e}.field[aria-invalid=true]{background:#8c141e38}.glass-field.message-text{resize:none;border-radius:16px;height:auto;min-height:88px;padding:10px 16px;line-height:1.45}.message-text::placeholder{color:#ffffff9e}.chips{gap:var(--contact-gap);border:0;grid-template-columns:1fr 1fr;min-width:0;margin:0;padding:0;display:grid}.chip{color:#ffffffb8;cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;display:flex;position:relative}.chip input{opacity:0;pointer-events:none;position:absolute}.chip:has(input:checked){color:#1fa8e6;background:#fff}.chip:has(input:focus-visible){outline-offset:2px;outline:2px solid #ffffffe6}@media (hover:hover){.chip:hover:not(:has(input:checked)){color:#fff}}@media (prefers-reduced-motion:reduce){.contact *{translate:none!important;scale:none!important}}.ui-bottom{justify-content:space-between;align-items:center;gap:24px;display:flex}.services{--u:clamp(.6px, .0762vw, 1.4px);align-items:center;gap:calc(34 * var(--u));margin:0;padding:0;list-style:none;display:flex}.service{place-items:center;display:grid;position:relative}.service img{height:calc(127 * var(--u) * var(--optical,1));width:auto;display:block}.service-digital{--optical:1.06}.service-product{--optical:1.14}.service span{text-box:trim-both cap alphabetic;letter-spacing:0;white-space:nowrap;justify-content:center;align-items:center;font-size:13px;line-height:1;display:flex;position:absolute;inset:0}@media (width<=900px){.ui-bottom{flex-direction:column;align-items:flex-start;gap:40px}.tagline{font-size:clamp(40px,14vw,60px)}.services{--u:min(calc((100vw - 2 * var(--gutter)) / 481), 1.3px);justify-content:space-between;align-self:stretch}.service span{letter-spacing:-.04em;font-size:11px}}.night,.night .glass-btn{color:#fff}a.wordmark{display:block}.lost{text-align:right;margin-left:auto}.lost-note{letter-spacing:0;color:#ffffffad;margin:20px 0 0;font-size:13px}.lost .glass-btn{margin-top:24px}@media (width<=900px){.lost{text-align:left;margin-left:0}}.text-btn{height:32px;font-family:var(--font-ui);letter-spacing:0;color:#363636;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;padding-inline:12px;font-size:13px;text-decoration:none;display:inline-flex}.text-btn:focus-visible{outline-offset:3px;outline:2px solid #19191994}.about{-webkit-backdrop-filter:blur(32px)saturate(1.4);backdrop-filter:blur(32px)saturate(1.4);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--color-ink);letter-spacing:0;opacity:0;transition:opacity .4s ease, overlay .4s allow-discrete, display .4s allow-discrete;background:linear-gradient(#fffffff2 0%,#ffffffdb 35%,#ffffffc7 70%);border:0;margin:0;padding:0;overflow:auto}.about[open]{opacity:1}@starting-style{.about[open]{opacity:0}}.about::backdrop{background:0 0}.ui{transition:opacity .4s}body:has(.about[open]) .ui{opacity:0}.about-panel{--gutter:clamp(20px, 3.2vw, 44px);padding:0 max(var(--gutter), env(safe-area-inset-right)) max(var(--gutter), env(safe-area-inset-bottom)) max(var(--gutter), env(safe-area-inset-left))}.about-panel:focus{outline:none}.about-top{z-index:1;padding-top:max(28px, env(safe-area-inset-top));pointer-events:none;justify-content:flex-end;display:flex;position:sticky;top:0}.about-top .glass-btn{pointer-events:auto}.about-content{max-width:1120px;padding-top:clamp(40px,9vh,112px)}.about-label{color:#12151ca8;margin:0;font-size:13px;font-weight:400;line-height:1.6}.about-section{--about-measure:480px;grid-template-columns:minmax(140px, 240px) minmax(0, var(--about-measure));max-width:calc(240px + 32px + var(--about-measure));border-top:.5px solid #12151c1f;gap:16px 32px;margin-top:clamp(56px,7vw,96px);padding-top:40px;display:grid}.about-section:first-child{border-top:0;margin-top:0}@media (width<=720px){.about-section{grid-template-columns:1fr}}.about-text{gap:16px;font-size:13px;line-height:1.6;display:grid}.about-text p{margin:0}.about-lead{--lh:1.08;--word-space:.198em;letter-spacing:-.01em;max-width:24ch;margin:0;font-size:clamp(28px,2.6vw,44px);font-weight:300;line-height:1.08}.about-beliefs{gap:28px;margin:0;display:grid}.about-beliefs dt{font-size:13px;font-weight:400}.about-beliefs dd{color:#12151cc7;margin:6px 0 0;font-size:13px;line-height:1.6}.about-services{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.about-services li{border-bottom:.5px solid #12151c1a;padding:12px 0}@media (width<=520px){.about-services{grid-template-columns:1fr}}.about-end{border-top:0}.about-marks{bottom:max(var(--gutter), env(safe-area-inset-bottom));width:fit-content;margin-left:auto;margin-top:calc(-145 * var(--u));pointer-events:none;position:sticky}@media (width<=900px){.about-panel{flex-direction:column;display:flex}.about-marks{order:1;margin:64px 0 0;position:static}.about-content{order:2;padding-top:0}}.about-actions{gap:10px;margin-top:32px;display:flex}.about-contact{margin-bottom:480px;position:relative}.about-contact .contact{align-items:flex-start;left:0;right:auto}.about-contact .contact-open-more{display:inline}.about-contact .glass-field{color:var(--color-ink);background:#12151c0f}.about-contact input.glass-field:focus,.about-contact textarea.glass-field:focus{background:#12151c1a}.about-contact .field::placeholder,.about-contact .message-text::placeholder{color:#12151c80}.about-contact .field[aria-invalid=true]{background:#d43c3b24}.about-contact .chip{color:#12151cb8}.about-contact .chip:has(input:checked){background:var(--color-ink);color:#fff}.about-contact .chip:has(input:focus-visible){outline-color:#12151c99}@media (hover:hover){.about-contact .chip:hover:not(:has(input:checked)){color:var(--color-ink)}}.about-contact .message-status{color:var(--color-ink);text-align:left}[data-mode=intro] .reveal{opacity:0;visibility:hidden}[data-mode=fade] #stage,[data-mode=fade] .ui{animation:.7s both fade-in}@keyframes fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.about,.about::backdrop{transition:none}}.no-webgl #stage{background:linear-gradient(#00bfff 0%,#a6e6fa 50%,#fff 60% 100%)}.no-webgl #stage:before{content:"";filter:blur(1.5px);background:linear-gradient(#ffb92e 0%,#e2633a 40%,#d93f3f 62%,#f3e6d0 100%);border-radius:50%;width:43.8vmin;height:43.8vmin;position:absolute;top:calc(50% - 2vmin);left:50%;transform:translate(-50%,-50%);box-shadow:0 0 48px 14px #ffffffd9}.no-webgl .night #stage{background:linear-gradient(#0a1230 0%,#2e3468 50%,#1a2044 60%,#080b18 100%)}.no-webgl .night #stage:before{background:linear-gradient(#f4f2ea 0%,#c3cad8 62%,#e6ecf6 100%);box-shadow:0 0 56px 12px #8ea4dc73}.og .ui{display:none}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --angle-2{syntax:"<angle>";inherits:false;initial-value:-45deg}.glass-wrap{--glass-ease:cubic-bezier(.25, 1, .5, 1);pointer-events:none;transition:transform .4s var(--glass-ease);display:inline-block;position:relative}.glass-btn{--button-tint:255 255 255;--button-opacity:.11;--glass-height:32px;--glass-font:13px;--glass-rim:.5;--glass-ring-light:.12;isolation:isolate;height:var(--glass-height);border:1px solid rgb(255 255 255/var(--glass-rim));--glass-inset:inset 0 1px 1.5px #ffffff73, inset 0 -1px 2px #ffffff59;box-shadow:var(--glass-inset);font-family:var(--font-ui);font-size:var(--glass-font);letter-spacing:0;color:#363636;text-shadow:0 .05em .05em #0000000d;white-space:nowrap;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:transform .4s var(--glass-ease), box-shadow .4s var(--glass-ease), background-color .4s var(--glass-ease);background:0 0;border-radius:999vw;justify-content:center;align-items:center;padding-inline:1em;font-weight:400;text-decoration:none;display:inline-flex;position:relative}.glass-btn[data-size=md]{--glass-height:40px;--glass-font:15px}.glass-btn[data-size=lg]{--glass-height:48px;--glass-font:17px}.glass-field{--glass-height:32px;--glass-font:13px;box-sizing:border-box;height:var(--glass-height);-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);font-family:var(--font-ui);font-size:var(--glass-font);letter-spacing:0;color:#fff;background:#0000001f;border:0;border-radius:999vw;outline:none;transition:background-color .2s,color .2s}input.glass-field:focus,textarea.glass-field:focus{background:#0003}.glass-field[data-size=md]{--glass-height:40px;--glass-font:15px}.glass-field[data-size=lg]{--glass-height:48px;--glass-font:17px}@media (pointer:coarse){input.glass-field,textarea.glass-field{font-size:max(16px, var(--glass-font))}}.glass-refract{z-index:-1;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.glass-refraction .glass-refract{-webkit-backdrop-filter:var(--glass-filter) blur(.7px) saturate(1.08);backdrop-filter:var(--glass-filter) blur(.7px) saturate(1.08)}html:not(.glass-refraction) .glass-btn{--button-opacity:.3;-webkit-backdrop-filter:blur(clamp(4px,.5em,14px))saturate(1.2);backdrop-filter:blur(clamp(4px,.5em,14px))saturate(1.2)}.glass-tint{z-index:-1;border-radius:inherit;pointer-events:none;background-color:rgb(var(--button-tint) / var(--button-opacity));transition:background-color .4s var(--glass-ease);background-image:linear-gradient(-75deg,#ffffff05,#ffffff0f,#ffffff05);position:absolute;inset:0}.glass-defs{width:0;height:0;position:absolute;overflow:hidden}.glass-specular{border-radius:inherit;pointer-events:none;opacity:.92;width:100%;height:100%;transition:opacity .22s;position:absolute;inset:0}.glass-label{border-radius:999vw;padding-block:.15em;display:block;position:relative}.glass-shine{border-radius:inherit;pointer-events:none;background:linear-gradient(var(--angle-2), transparent 0%, #ffffff80 40% 50%, transparent 55%);mix-blend-mode:screen;transition:background-position .5s var(--glass-ease), --angle-2 .5s var(--glass-ease);background-position:0%;background-repeat:no-repeat;background-size:200% 200%;position:absolute;inset:0}.glass-ring{z-index:1;pointer-events:none;background:rgb(255 255 255/var(--glass-ring-light));-webkit-mask-composite:xor;border-radius:999vw;padding:1px;position:absolute;inset:-1px;box-shadow:inset 0 0 0 .5px #ffffff59;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@media (hover:hover){.glass-btn:hover{transform:scale(.975)}.glass-btn:hover .glass-shine{background-position:25%}.glass-btn:hover .glass-specular{opacity:1}}.glass-wrap:has(.glass-btn:active){transform:perspective(800px)rotateX(25deg)}.glass-btn:focus-visible{outline-offset:3px;outline:2px solid #19191994}.glass-btn[data-variant=dark]{--button-tint:30 39 51;--button-opacity:.22;color:#fff;text-shadow:0 1px 2px #0006;--glass-inset:inset 0 1px 4px #ffffff40, inset 0 -4px 4px #ffffff1f;border-color:#ffffff59}.glass-btn[data-variant=sun]{color:#fff;text-shadow:0 1px 1px #78141447}.glass-btn[data-variant=sun] .glass-tint{box-shadow:var(--glass-inset), inset 0 0 4px 1px #ffffff4d, inset -2px -2px 3px #ffffff59;background:radial-gradient(90% 160% at 12% 0,#ffc454f2 0%,#ffc45400 60%),linear-gradient(118deg,#f6a531 0%,#e8603a 38%,#d43c3b 66%,#cf3a3a 82%,#e8a088 100%)}.glass-btn[data-variant=sun]:focus-visible{outline-color:#cf3a3ab3}.glass-btn[data-variant=ink]{--button-tint:18 21 28;--button-opacity:.06;--glass-rim:0;--glass-ring-light:0;--glass-inset:none;color:var(--color-ink,#12151c);text-shadow:none}.glass-btn[data-variant=ink] .glass-ring,.glass-btn[data-variant=ink] .glass-specular{display:none}.glass-btn[data-variant=ink] .glass-shine{opacity:.5}html:not(.glass-refraction) .glass-btn[data-variant=ink]{--button-opacity:.06}@media (hover:hover){.glass-btn[data-variant=ink]:hover{--button-opacity:.1}}@media (prefers-reduced-motion:reduce){.glass-wrap,.glass-btn,.glass-shine{transition:none}.glass-btn:hover{transform:none}.glass-wrap:has(.glass-btn:active){transform:none}}@media (forced-colors:active){.glass-refract,.glass-specular,.glass-shine,.glass-ring,.glass-tint{display:none}.glass-btn{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:buttonface;border:1px solid buttontext}}