.as-site{--as-gutter:clamp(20px, 3vw, 48px);--as-coral:#ff977c;--as-line:#24232024;--as-beats:6.75;background:var(--paper);color:var(--ink)}.as-page{overflow-x:clip}.as-eyebrow{font:500 var(--text-small) / 1.3 var(--body);letter-spacing:.14em;text-transform:uppercase;opacity:.72}.as-line{overflow-clip-margin:.12em;margin-bottom:-.1em;padding-bottom:.1em;display:block;overflow:clip}.as-line>span{display:block}.as-hero{color:var(--paper);background:var(--ink);position:relative}.as-stage{padding:130px var(--as-gutter) 72px}.as-canvas{display:none}.as-title{letter-spacing:-.035em;font-size:clamp(2.7rem,5.9vw,7rem);line-height:1}.as-figures{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:40px;margin-top:56px;display:grid}.as-foot{font-size:var(--text-ui);justify-content:space-between;align-items:center;gap:18px;margin-top:56px;display:flex}.as-foot a{color:var(--paper);text-underline-offset:5px;-webkit-text-decoration:underline #f5eee566;text-decoration:underline #f5eee566}.as-foot p{color:#f5eee5b8}.as-cue{display:none}@media (prefers-reduced-motion:no-preference){.as-hero{height:calc((var(--as-beats) + 1.6) * 100svh)}.as-stage{height:100svh;padding:0;position:sticky;top:0;overflow:hidden}.as-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.as-figures{display:none}.as-intro{transition:opacity .4s,visibility;position:absolute;inset:0}.as-intro.is-gone{opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}.as-title{left:var(--as-gutter);right:var(--as-gutter);justify-content:space-between;display:flex;position:absolute;top:52%;translate:0 -50%}.as-foot{left:var(--as-gutter);right:var(--as-gutter);margin:0;position:absolute;bottom:clamp(24px,4.4vh,44px)}.as-foot a{margin-right:190px}.as-cue{font-size:var(--text-small);letter-spacing:.14em;text-transform:uppercase;color:#f5eee5b8;justify-items:center;gap:10px;display:grid;position:absolute;bottom:0;left:50%;translate:-50%}.as-cue:before{content:"";background:linear-gradient(#f5eee500, var(--paper));transform-origin:top;width:1px;height:34px;animation:2.2s cubic-bezier(.65,0,.35,1) infinite as-cue}.as-logo{margin-top:-60svh}}@keyframes as-cue{0%{transform:scaleY(0)}55%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.as-section{z-index:2;padding:clamp(84px, 10vw, 150px) var(--as-gutter);position:relative}.as-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:8px 24px;margin-bottom:clamp(36px,5vw,72px);display:grid}.as-head .as-eyebrow{grid-column:1/-1}.as-head h2{letter-spacing:-.04em;font-size:clamp(3.4rem,2rem + 7vw,9rem);line-height:.92}.as-head-line{text-align:right;justify-self:end;max-width:24ch;padding-bottom:.5em;font-size:clamp(1.05rem,.98rem + .45vw,1.45rem);line-height:1.3}.as-fallback{font-size:var(--text-ui);text-decoration:underline;display:none}.as-logo{background:var(--paper);border-radius:clamp(22px,3vw,40px) clamp(22px,3vw,40px) 0 0}.as-studio-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,24px);display:grid}.as-panel{color:var(--ink);background:#fbf7f1;border-radius:26px;flex-direction:column;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #2423201a}.as-panel-icon{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;display:grid}.as-preview{background:#efe7db;flex:none;height:clamp(260px,26vw,400px);position:relative}.as-preview.is-checker{background:repeating-conic-gradient(#e9e0d3 0 25%, #f4eee5 0 50%) 0 0 / 24px 24px}.as-preview svg{width:86%;height:86%;display:block;position:absolute;inset:7%}.as-panel-icon .as-preview{height:auto;min-height:100%}.as-controls{flex-direction:column;flex:1;gap:20px;padding:clamp(20px,2.2vw,32px);display:flex}.as-controls h3{letter-spacing:-.025em;font-size:clamp(1.5rem,1.25rem + .9vw,2.2rem)}.as-field{border:0;min-width:0;margin:0;padding:0}.as-field legend{font-size:var(--text-small);color:#242320b8;margin-bottom:9px;padding:0;font-weight:500}.as-chips{flex-wrap:wrap;gap:6px;display:flex}.as-chip{min-height:38px;font-size:var(--text-small);color:inherit;opacity:.72;background:0 0;border-radius:100px;padding:0 14px;font-weight:500;transition:opacity .2s,color .2s,background .2s;box-shadow:inset 0 0 0 1px}.as-chip:hover{opacity:1}.as-chip[aria-pressed=true]{color:var(--paper);background:var(--ink);box-shadow:none;opacity:1}.as-dots{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.as-dot,.as-pick{background:var(--dot);border-radius:50%;flex:none;width:30px;height:30px;padding:0;transition:transform .2s;position:relative;box-shadow:inset 0 0 0 1px #2423202e}.as-dot:hover{transform:scale(1.12)}.as-dot[aria-pressed=true]:after{content:"";border:2px solid var(--ink);border-radius:50%;position:absolute;inset:-4px}.as-dot.is-none{background:linear-gradient(45deg,#fbf7f1 46%,#d9503f 46% 54%,#fbf7f1 54%)}.as-pick{cursor:pointer;background:conic-gradient(#ff977c,#efd18b,#bcda8c,#8fd5df,#9da0ed,#d8a7ff,#ff977c);overflow:hidden}.as-pick input{opacity:0;cursor:pointer;width:200%;height:200%;position:absolute;inset:-6px}.as-hex{width:92px;height:34px;font:500 var(--text-small) / 1 var(--body);text-transform:uppercase;color:var(--ink);background:#efe7db;border:0;border-radius:9px;margin-left:4px;padding:0 10px}.as-sizes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.as-size{min-height:46px;font-size:var(--text-small);background:#efe7db;border-radius:12px;align-items:center;gap:10px;padding:0 14px;font-weight:500;display:flex}.as-size span{color:#242320b8}.as-size input{min-width:0;font:500 var(--text-body) / 1 var(--body);text-align:right;color:var(--ink);appearance:textfield;background:0 0;border:0;flex:1}.as-size input::-webkit-outer-spin-button{appearance:none;margin:0}.as-size input::-webkit-inner-spin-button{appearance:none;margin:0}.as-download{text-align:left;width:100%;min-height:72px;color:var(--paper);background:var(--ink);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding:12px 24px;transition:color .25s,background .25s,transform .25s;display:flex}.as-download b{font:700 clamp(1.25rem, 1.1rem + .5vw, 1.6rem) / 1.1 var(--display);letter-spacing:-.02em;display:block}.as-download small{font-size:var(--text-small);opacity:.78;margin-top:3px;display:block}.as-download>span:last-child{font-size:1.7rem;transition:transform .3s cubic-bezier(.22,1,.36,1)}.as-download:hover{color:var(--ink);background:var(--as-coral)}.as-download:hover>span:last-child{transform:translateY(4px)}.as-download:disabled{opacity:.6}.as-chip:focus-visible,.as-dot:focus-visible,.as-download:focus-visible,.as-swatch:focus-visible,.as-foot a:focus-visible,.as-face a:focus-visible{outline-offset:3px;outline:2px solid}.as-hex:focus-visible,.as-size:focus-within{outline:2px solid var(--ink);outline-offset:1px}.as-size input:focus{outline:0}.as-favicon{color:#25214f;background:#9da0ed}.as-colour{z-index:2;background:var(--paper);position:relative}.as-colour-head{padding:clamp(84px, 10vw, 150px) var(--as-gutter) 0}.as-band{margin:0;padding:0;list-style:none;display:flex}.as-swatch-slot{flex:1;min-width:0;transition:flex .7s cubic-bezier(.22,1,.36,1)}.as-swatch{text-align:left;width:100%;height:100%;color:var(--t);background:var(--c);flex-direction:column;padding:clamp(16px,1.5vw,24px);display:flex}.as-band-surfaces{height:clamp(240px,36svh,380px)}.as-band-surfaces .as-swatch-name{font:700 clamp(2.4rem, 1.5rem + 3.4vw, 5rem) / 1 var(--display);letter-spacing:-.035em}.as-band-surfaces [style*=\#f5eee5].as-swatch{box-shadow:inset 0 0 0 1px var(--as-line)}.as-band-accents{height:clamp(320px,56svh,560px)}.as-swatch-name{font:700 clamp(1.25rem, 1rem + .7vw, 1.8rem) / 1.05 var(--display);letter-spacing:-.025em}.as-swatch-use{font-size:var(--text-small);opacity:.82;margin-top:8px;line-height:1.3}.as-swatch-code{margin-top:auto}.as-swatch-code b{font:500 var(--text-ui) / 1.2 var(--body);text-transform:uppercase;display:block}.as-swatch-code small{font-size:var(--text-small);opacity:.8;margin-top:3px;display:block}@media (hover:hover) and (min-width:761px){.as-band .as-swatch-slot:hover{flex:1.7}}.as-type{color:var(--paper);background:var(--ink)}.as-type .as-chip[aria-pressed=true]{color:var(--ink);background:var(--paper)}.as-tester-bar{border-bottom:1px solid #f5eee533;flex-wrap:wrap;align-items:center;gap:12px 26px;padding-bottom:18px;display:flex}.as-range{min-width:220px;font-size:var(--text-small);flex:1;justify-content:flex-end;align-items:center;gap:12px;display:flex}.as-range input{max-width:280px;accent-color:var(--as-coral);flex:1}.as-range small{text-align:right;width:3ch}.as-tester-text{width:100%;min-height:2.4em;height:calc(2.2 * min(var(--tester-size), 14vw) * 1.04);font-size:min(var(--tester-size), 14vw);letter-spacing:-.03em;color:var(--paper);resize:none;background:0 0;border:0;border-bottom:1px solid #f5eee533;padding:22px 0;line-height:1.04;display:block}@supports (field-sizing:content){.as-tester-text{field-sizing:content;height:auto;min-height:0}}.as-tester-text:focus{border-bottom-color:var(--as-coral);outline:0}.as-tester-text::placeholder{color:#f5eee566}.as-faces{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,4vw,64px);margin-top:clamp(44px,5vw,72px);display:grid}.as-face{font-family:var(--face);grid-template-columns:auto minmax(0,1fr);gap:clamp(18px,2vw,32px);display:grid}.as-face-glyph{letter-spacing:-.04em;font-size:clamp(5rem,9vw,9rem);font-weight:700;line-height:.9}.as-face small{font:500 var(--text-small) / 1.2 var(--body);letter-spacing:.12em;text-transform:uppercase;opacity:.72}.as-face h3{font-family:var(--face);letter-spacing:-.02em;margin-top:8px;font-size:clamp(1.5rem,1.25rem + .9vw,2.1rem)}.as-face p{font-size:var(--text-body);color:#f5eee5cc;margin-top:8px;line-height:1.4}.as-face .as-glyphs{overflow-wrap:anywhere;margin-top:14px}.as-face a{font:500 var(--text-ui) / 1.3 var(--body);text-decoration:underline;-webkit-text-decoration-color:var(--as-coral);text-decoration-color:var(--as-coral);text-underline-offset:5px;margin-top:16px;display:inline-block}.as-licence{max-width:62ch;font-size:var(--text-small);color:#f5eee5b8;margin-top:clamp(30px,3.4vw,48px);line-height:1.5}.as-voice{z-index:2;color:#352327;background:var(--as-coral);position:relative}.as-voice-inner{padding:clamp(84px, 11svh, 120px) var(--as-gutter) clamp(40px, 7svh, 72px);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(16px,3svh,30px);display:flex}.as-voice-tag{letter-spacing:-.05em;white-space:nowrap;transform-origin:50%;width:fit-content;font-size:clamp(2.6rem,min(11.5vw,24svh),13.5rem);line-height:.92}.as-voice-tag .as-line{vertical-align:top;margin-right:.2em;display:inline-block}.as-voice-tag .as-line:last-child{margin-right:0}.as-voice-owner{flex-direction:column-reverse;align-items:center;gap:14px;margin:0;display:flex}.as-voice-owner:after{content:"";background:#35232780;width:1px;height:clamp(24px,6svh,56px);margin-bottom:4px}.as-voice-lines{display:grid}.as-voice-lines>*{grid-area:1/1}.as-voice-lines .is-off{visibility:hidden}.as-voice-owner p{max-width:17em;font:700 clamp(1.7rem, min(1rem + 3.4vw, 8.5svh), 5.2rem) / 1.04 var(--display);letter-spacing:-.03em;text-wrap:balance}.as-voice-owner footer{font:500 var(--text-small) / 1.3 var(--body);letter-spacing:.14em;text-transform:uppercase;margin:0;padding:0}@media (prefers-reduced-motion:no-preference){.as-voice{height:260svh}.as-voice-inner{height:100svh;position:sticky;top:0}}.as-translate{justify-items:center;gap:12px;width:min(100%,860px);display:grid}.as-langs{font-size:var(--text-small);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-weight:500;display:flex}.as-langs>span{letter-spacing:.14em;text-transform:uppercase;margin-right:6px}.as-langs .as-chip{min-height:32px;font-family:var(--body), system-ui, sans-serif;opacity:1;padding:0 12px}.as-voice-owner p.as-translation{font-family:var(--display), system-ui, sans-serif;letter-spacing:-.02em;line-height:1.12;animation:.5s cubic-bezier(.22,1,.36,1) as-translation}@keyframes as-translation{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.as-voice-owner p.as-translation{animation:none}}.as-status{z-index:90;font-size:var(--text-small);text-transform:uppercase;color:var(--paper);background:var(--ink);opacity:0;pointer-events:none;border-radius:100px;margin:0;padding:12px 20px;font-weight:500;transition:opacity .25s,translate .35s cubic-bezier(.22,1,.36,1);position:fixed;bottom:26px;left:50%;translate:-50% 12px;box-shadow:0 8px 30px #24232040}.as-status.is-on{opacity:1;translate:-50%}@media (max-height:480px){.as-voice-owner:after{display:none}.as-voice-inner{gap:10px;padding-top:64px;padding-bottom:16px}}@media (min-width:761px) and (max-width:1100px){.as-band-accents .as-swatch{padding:12px 10px}.as-band-accents .as-swatch-name{font-size:.98rem}}@media (max-width:900px){.as-studio-two,.as-panel-icon,.as-faces{grid-template-columns:minmax(0,1fr)}.as-panel-icon .as-preview{height:300px;min-height:0}}@media (max-width:760px){.as-head{grid-template-columns:minmax(0,1fr)}.as-head-line{text-align:left;justify-self:start;padding:0}.as-band-surfaces{flex-direction:column;height:auto}.as-band-surfaces .as-swatch{min-height:170px}.as-band-accents{grid-template-columns:repeat(3,minmax(0,1fr));height:auto;display:grid}.as-band-accents .as-swatch{min-height:186px;padding:12px}.as-face{grid-template-columns:minmax(0,1fr)}.as-voice-tag{font-size:13vw}.as-voice-owner p{font-size:clamp(1.9rem,9vw,2.6rem)}}@media (max-width:760px) and (prefers-reduced-motion:no-preference){.as-title{text-align:center;align-content:space-between;justify-items:center;height:72svh;font-size:clamp(2.4rem,11.5vw,3.6rem);display:grid;top:50%;bottom:auto}.as-cue{display:none}.as-foot{white-space:nowrap;right:84px}.as-foot a{margin:0}}
