:root{
--sand:#f4ede1;--sand-2:#ece0cd;--foam:#e9f6f3;--shallow:#8fd9d2;--turq:#2bb3b0;--deep:#14707d;--ocean:#0d4c5c;--abyss:#093544;
--color-bg:#f4ede1;--color-surface:#e9f6f3;--color-text:#10262c;--color-accent:#17a8a6;
--color-accent-100:#e9f6f3;--color-accent-200:#c3eae5;--color-accent-300:#8fd9d2;--color-accent-400:#5fcbc4;--color-accent-500:#2bb3b0;--color-accent-600:#1a9399;--color-accent-700:#14707d;--color-accent-800:#0d4c5c;--color-accent-900:#093544;
--color-neutral-700:#5c6b6e;--color-neutral-800:#33484d;--color-divider:rgba(16,38,44,.13);
--font-heading:"Young Serif",Georgia,serif;--font-body:"Karla",system-ui,sans-serif;
--shadow-sm:0 1px 2px rgba(9,53,68,.08);--shadow-md:0 10px 30px rgba(9,53,68,.10);--shadow-lg:0 26px 60px rgba(9,53,68,.18);
}
body{margin:0;background:var(--sand)}
.ph{background:repeating-linear-gradient(135deg,#e3d8c6 0 7px,#eee4d5 7px 14px);display:grid;place-items:center;font:11px ui-monospace,Menlo,monospace;color:#6c6355;letter-spacing:.05em}
.site{font-family:var(--font-body);color:var(--color-text);background:var(--sand);max-width:1280px;margin:0 auto;overflow-x:clip}
.site h1,.site h2,.site h3,.site h4{font-family:var(--font-heading);font-weight:400;line-height:1.02;letter-spacing:-.008em;margin:0}.es{font-family:"Instrument Serif",Georgia,serif;font-style:italic}.k{font-family:var(--font-body)}
.site p{margin:0}.site a{color:inherit;text-decoration:none}.site a:hover{color:var(--color-accent-600)}
.k{font:500 11px/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--deep)}
.plate{background:var(--abyss);color:#f3fbfa}.plate .k{color:var(--shallow)}.plate a:hover{color:var(--shallow)}
.lbl{font:400 12px var(--font-body);color:var(--color-neutral-700)}
.es{font-style:italic}
.btn{border-radius:999px;font-family:var(--font-body);font-weight:600;letter-spacing:.01em;border-width:1px}
.input{border-radius:14px}.tag{border-radius:999px}
.orb{position:absolute;border-radius:50%;pointer-events:none;z-index:1;opacity:0;transition:opacity 1.4s ease}.orb.on{opacity:1}.orb.core[data-for="day"]{animation:breathe-day 8.5s ease-in-out infinite}.orb.core[data-for="dawn"],.orb.core[data-for="dusk"]{animation:breathe-low 12s ease-in-out infinite}@keyframes breathe-day{0%,100%{transform:scale(.92)}50%{transform:scale(1.15)}}@keyframes breathe-low{0%,100%{transform:scale(.96)}50%{transform:scale(1.075)}}.stars{position:absolute;left:0;top:0;width:100%;height:72%;z-index:1;pointer-events:none;opacity:0;transition:opacity 1.6s ease}.clock{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;font:500 14px var(--font-body);color:var(--shallow)}.clock .sep{opacity:.45}.sky-set{display:flex;gap:4px}.sky-btn{cursor:pointer;background:none;border:0;border-radius:999px;font:500 11px var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent-200);padding:5px 10px;transition:color .3s,background .3s}.sky-btn:hover{color:#f3fbfa}.sky-btn.on{color:var(--abyss);background:var(--shallow)}.sky-i{display:none}@media (max-width:860px){.hero-copy{max-width:100%!important}.orb,.stars{display:none}}
.cld{position:absolute;pointer-events:none;z-index:1;opacity:0;transition:opacity 2s ease;will-change:transform;animation:drift linear infinite}
.cld.on{opacity:1}
.cldwrap{position:absolute;inset:0;z-index:1;pointer-events:none;-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 62%,#000 84%);mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 62%,#000 84%)}
.hero-copy::before{content:"";position:absolute;inset:-120px -260px -110px -300px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 62% 58% at 42% 50%,rgba(4,20,29,.48) 0%,rgba(4,20,29,.4) 40%,rgba(4,20,29,.18) 68%,rgba(4,20,29,0) 86%)}
@keyframes drift{from{transform:translate3d(-50vw,0,0)}to{transform:translate3d(130vw,0,0)}}
html{scroll-behavior:smooth}section[id]{scroll-margin-top:64px}
.hdr{position:sticky;top:0;z-index:50;background:transparent!important;transition:padding .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,backdrop-filter .45s}
.hdr.stuck{padding-top:11px!important;padding-bottom:11px!important;box-shadow:0 10px 30px rgba(9,53,68,.35);background:var(--sky-bg,var(--abyss))!important;backdrop-filter:saturate(1.1) blur(6px)}
.logo{display:inline-flex;white-space:nowrap}.logo .w{display:inline-block}
.logo .r{display:inline-block;overflow:hidden;max-width:8ch;opacity:1;transform:translateX(0);transition:max-width .55s cubic-bezier(.2,.7,.2,1),opacity .3s ease .12s,transform .55s cubic-bezier(.2,.7,.2,1)}
.logo .sp{display:inline-block;width:.32em;transition:width .55s cubic-bezier(.2,.7,.2,1)}
.hdr.stuck .logo .r{max-width:0;opacity:0;transform:translateX(-6px);transition:max-width .55s cubic-bezier(.2,.7,.2,1),opacity .2s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
.hdr.stuck .logo .sp{width:0}
.stack{position:relative;aspect-ratio:4/3;perspective:1600px}
.scr{position:absolute;background:var(--sand);border-radius:10px;overflow:hidden;box-shadow:var(--shadow-md);transition:box-shadow .6s}
.scr .win{position:absolute;inset:0;overflow:hidden}
.scr .win img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.tint{position:absolute;inset:0;background:var(--turq);mix-blend-mode:color;opacity:.22;transition:opacity .7s;pointer-events:none}
.tint2{position:absolute;inset:0;background:var(--abyss);mix-blend-mode:multiply;opacity:.12;transition:opacity .7s;pointer-events:none}
.scr.d{left:0;top:0;width:82%;aspect-ratio:16/10}.scr.p{left:8%;bottom:0;width:17%;aspect-ratio:9/19}
.tile-shot{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:20px;background:var(--ocean)}
.tile-shot .d{left:7%;top:12%;width:104%}.tile-shot .p{left:11%;bottom:-3%;width:25%}
.tile:hover .tint,.tile:hover .tint2{opacity:0}
.tile{transition:transform .55s cubic-bezier(.2,.7,.2,1)}.tile:hover{transform:translateY(-7px)}
.tile .arr{display:inline-block;transition:transform .4s cubic-bezier(.2,.7,.2,1)}.tile:hover .arr{transform:translateX(7px)}
.hero-in>*{animation:rise 1s cubic-bezier(.2,.7,.2,1) both}
.hero-in>*:nth-child(1){animation-delay:.05s}.hero-in>*:nth-child(2){animation-delay:.18s}.hero-in>*:nth-child(3){animation-delay:.3s}.hero-in>*:nth-child(4){animation-delay:.42s}.hero-in>*:nth-child(5){animation-delay:.54s}
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.stat-in>div{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
.stat-in>div:nth-child(1){animation-delay:.6s}.stat-in>div:nth-child(2){animation-delay:.72s}.stat-in>div:nth-child(3){animation-delay:.84s}.stat-in>div:nth-child(4){animation-delay:.96s}
.rv{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.rv.on{opacity:1;transform:none}
.rv-stagger>*{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.rv-stagger.on>*{opacity:1;transform:none}.rv-stagger.on>*:nth-child(2){transition-delay:.1s}.rv-stagger.on>*:nth-child(3){transition-delay:.2s}.rv-stagger.on>*:nth-child(4){transition-delay:.3s}.rv-stagger.on>*:nth-child(5){transition-delay:.4s}
.svc{position:relative;transition:padding-left .5s cubic-bezier(.2,.7,.2,1)}
.svc::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--turq);transition:width .7s cubic-bezier(.2,.7,.2,1)}
.svc:hover{padding-left:18px}.ico{transition:box-shadow .45s ease,transform .6s cubic-bezier(.2,.7,.2,1)}.ico svg{transition:stroke .45s ease}.svc:nth-child(odd) .ico{transform:rotate(-2.5deg)}.svc:nth-child(even) .ico{transform:rotate(2deg)}.svc:hover .ico{transform:rotate(0) scale(1.08);box-shadow:0 10px 26px rgba(9,53,68,.16)}.svc:hover::after{width:100%}.svc:hover h3{color:var(--deep)}.svc h3{transition:color .35s}
.btn.pulse{position:relative;overflow:hidden}
.btn.pulse::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s ease}
.btn.pulse:hover::after{transform:translateX(120%)}
.drop{width:9px;height:9px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--turq);display:inline-block}
@media (prefers-reduced-motion:reduce){.rv,.rv-stagger>*{opacity:1;transform:none}.hero-in>*,.stat-in>div,.orb.core,.cld{animation:none}}

.proc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:1120px){.proc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:560px){.proc-grid{grid-template-columns:minmax(0,1fr)}}
.stat-in{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:1120px){.stat-in{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:540px){.stat-in{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px!important}}
.site{max-width:none}
.site>header,.site>section,.site>footer,.site>div{padding-left:max(48px,calc((100% - 1184px)/2))!important;padding-right:max(48px,calc((100% - 1184px)/2))!important}
.site>div.wavewrap{padding-left:0!important;padding-right:0!important}
@media (max-width:700px){.site>header,.site>section,.site>footer,.site>div{padding-left:24px!important;padding-right:24px!important}}
.navbtn{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:none;border:0;padding:0;cursor:pointer;flex:none}
.navbtn span{display:block;height:2px;width:24px;background:#f3fbfa;transition:transform .4s cubic-bezier(.2,.7,.2,1),opacity .25s}
.site>div.navwrap{position:fixed;inset:0;z-index:200;background:var(--abyss);display:none;flex-direction:column;justify-content:center;gap:4px;padding:96px 32px 48px!important;opacity:0;pointer-events:none;transition:opacity .35s ease}
.site>div.navwrap.open{opacity:1;pointer-events:auto}
.site>div.navwrap a{font:400 clamp(30px,8.5vw,42px)/1.25 var(--font-heading);color:#f3fbfa;padding:6px 0}
.site>div.navwrap a:hover{color:var(--shallow)}
.site>div.navwrap .navclose{position:absolute;top:22px;right:26px;width:44px;height:44px;background:none;border:0;padding:0;cursor:pointer}
.site>div.navwrap .navclose::before,.site>div.navwrap .navclose::after{content:"";position:absolute;left:10px;top:21px;width:24px;height:2px;background:#f3fbfa}
.site>div.navwrap .navclose::before{transform:rotate(45deg)}.site>div.navwrap .navclose::after{transform:rotate(-45deg)}
body.nav-open{overflow:hidden}
@media (max-width:700px){.hdr nav{display:none!important}.navbtn{display:flex;margin-left:auto}.hdr{gap:14px!important}.logo .r{max-width:0;opacity:0}.logo .sp{width:0}.site>div.navwrap{display:flex}}

@media (max-width:900px){.hdr nav{display:none!important}.navbtn{display:flex;margin-left:auto}.hdr{gap:14px!important}.site>div.navwrap{display:flex}}
@media (max-width:700px){.hero{padding-top:96px!important;min-height:0!important;padding-bottom:calc(18vh + clamp(64px,min(6vw,8vh),120px))!important;padding-bottom:calc(18svh + clamp(64px,min(6vw,8svh),120px))!important;justify-content:flex-start!important}.hero>:has(>.hero-wave){height:18vh!important;height:18svh!important}.hero h1{font-size:34px!important}.hero-in{gap:14px!important}.svc{grid-template-columns:56px minmax(0,1fr)!important;gap:14px 18px!important;padding:32px 0!important;align-items:center!important}.svc>p{grid-column:1/-1;font-size:16px!important}.svc .ico{width:52px!important;height:52px!important}.svc .ico svg{width:28px;height:28px}.svc:hover{padding-left:0}.sky-btn{min-height:44px;min-width:44px;padding:0 10px;display:grid;place-items:center}.sky-w{display:none}.sky-i{display:block}.sky-btn,.sky-btn:hover{color:#f3fbfa;opacity:.45;transition:opacity .3s}.sky-btn.on{background:none;color:var(--shallow);opacity:1}.navbtn{width:44px;height:44px}.clock{font-size:15px;gap:4px 14px}.k{font-size:12px}.lbl{font-size:13px}.hero-copy>p:nth-of-type(2){font-size:15px!important}}
@media (max-width:700px){.site>div.wv-lg{height:130px!important}.site>div.wv-sm{height:100px!important}}
@media (max-width:700px){
.hero .orb,.hero .stars{display:block}
.hero .orb.core{width:44px!important;height:44px!important;right:30px!important;top:auto!important;bottom:calc(18svh + 18px)!important}
.hero .orb.core[data-for="dawn"],.hero .orb.core[data-for="dusk"]{width:52px!important;height:52px!important;bottom:calc(18svh - 16px)!important}
.hero .orb.core[data-for="night"]{width:34px!important;height:34px!important;bottom:calc(18svh + 24px)!important}
.hero .orb.bloom{width:240px!important;height:240px!important;right:-68px!important;top:auto!important;bottom:calc(18svh - 80px)!important}
.hero .stars{height:42%!important;-webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.55) 60%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.55) 60%,transparent 100%)}
.hero .cldwrap{-webkit-mask-image:none;mask-image:none;opacity:.38}
.hero .cld{zoom:.55}
.hero .cld:nth-child(3),.hero .cld:nth-child(4),.hero .cld:nth-child(7){display:none}
.hero .cld:nth-child(1){top:16px!important}.hero .cld:nth-child(2){top:118px!important}.hero .cld:nth-child(5){top:40px!important}.hero .cld:nth-child(6){top:120px!important}
}
@media (max-width:700px){
.site>section:has(>figure img[src*="webdesign-and-software-developer"]){padding-top:88px!important}
.site>section:has(>figure img[src*="webdesign-and-software-developer"]){grid-template-columns:132px minmax(0,1fr)!important;gap:22px 22px!important;align-items:start!important}
.site>section:has(>figure img[src*="webdesign-and-software-developer"])>div:first-child{display:contents!important}
.site>section:has(>figure img[src*="webdesign-and-software-developer"])>div:first-child>*{grid-column:1/-1}
.site>section:has(>figure img[src*="webdesign-and-software-developer"])>div:first-child>div:last-child{grid-column:2;grid-row:1;align-self:center;display:flex!important;flex-direction:column;gap:9px!important;margin-top:0!important;font-size:13.5px!important;line-height:1.35}
.site>section>figure:has(img[src*="webdesign-and-software-developer"]){grid-column:1;grid-row:1;width:132px!important;justify-self:start!important}
.site>section>figure:has(img[src*="webdesign-and-software-developer"])>div:first-child{transform:translate(10px,10px)!important}
}
@media (min-width:701px) and (max-width:900px){
.hero{padding-top:128px!important;min-height:0!important;padding-bottom:calc(22vh + clamp(64px,min(6vw,8vh),120px))!important;padding-bottom:calc(22svh + clamp(64px,min(6vw,8svh),120px))!important;justify-content:flex-start!important}
.hero>:has(>.hero-wave){height:22vh!important;height:22svh!important}
.hero .hero-copy{max-width:min(64%,560px)!important}
.hero .orb,.hero .stars{display:block}
.hero .orb.core[data-for="day"]{width:84px!important;height:84px!important;right:52px!important;top:auto!important;bottom:calc(22svh + 44px)!important}
.hero .orb.core[data-for="dawn"],.hero .orb.core[data-for="dusk"]{width:96px!important;height:96px!important;right:52px!important;top:auto!important;bottom:calc(22svh - 30px)!important}
.hero .orb.core[data-for="night"]{width:64px!important;height:64px!important;right:62px!important;top:auto!important;bottom:calc(22svh + 56px)!important}
.hero .orb.bloom{width:440px!important;height:440px!important;right:-120px!important;top:auto!important;bottom:calc(22svh - 150px)!important}
.hero .stars{height:55%!important;-webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.55) 60%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.55) 60%,transparent 100%)}
.hero .cldwrap{-webkit-mask-image:linear-gradient(to right,transparent 0%,transparent 64%,#000 82%);mask-image:linear-gradient(to right,transparent 0%,transparent 64%,#000 82%);opacity:.6}
.hero .cld{zoom:.75}
.hero .cld:nth-child(3),.hero .cld:nth-child(4),.hero .cld:nth-child(7){display:none}
.hero .cld:nth-child(1){top:22px!important}.hero .cld:nth-child(2){top:96px!important}.hero .cld:nth-child(5){top:48px!important}.hero .cld:nth-child(6){top:110px!important}
.sky-btn{min-height:44px;padding:0 14px}.navbtn{width:44px;height:44px}
}
@media (min-width:701px) and (max-width:900px){.site>div.wv-lg{height:160px!important}.site>div.wv-sm{height:120px!important}}
@media (min-width:701px) and (max-width:900px){
.site>section:has(>figure img[src*="webdesign-and-software-developer"]){grid-template-columns:200px minmax(0,1fr)!important;gap:28px 44px!important;align-items:start!important}
.site>section:has(>figure img[src*="webdesign-and-software-developer"])>div:first-child{display:contents!important}
.site>section:has(>figure img[src*="webdesign-and-software-developer"])>div:first-child>*{grid-column:1/-1;max-width:640px}
.site>section:has(>figure img[src*="webdesign-and-software-developer"])>div:first-child>div:last-child{grid-column:2;grid-row:1;align-self:center;display:flex!important;flex-direction:column;gap:12px!important;margin-top:0!important;font-size:16px!important;line-height:1.35}
.site>section>figure:has(img[src*="webdesign-and-software-developer"]){grid-column:1;grid-row:1;width:200px!important;justify-self:start!important}
.site>section>figure:has(img[src*="webdesign-and-software-developer"])>div:first-child{transform:translate(12px,12px)!important}
}
@media (max-width:900px){
.logo{display:inline-flex!important;align-items:center;min-height:44px}
.hdr div:has(>a[hreflang])>*{min-height:44px;display:flex!important;align-items:center;justify-content:center;padding:0 14px!important}
.site p>a[style*="border-bottom"],.site a[href^="mailto:"],.site a[href^="tel:"],.site a[href^="sms:"],.site a[href^="https://wa.me"]{position:relative}
.site p>a[style*="border-bottom"]::after,.site a[href^="mailto:"]::after,.site a[href^="tel:"]::after,.site a[href^="sms:"]::after,.site a[href^="https://wa.me"]::after{content:"";position:absolute;left:-6px;right:-6px;top:50%;height:44px;transform:translateY(-50%)}
.k{font-size:13px!important}.sky-btn{font-size:13px}.lbl{font-size:14px!important}
.tile>div:last-child>span:first-child{font-size:13px!important}
.tile>div:last-child>span:last-child,.stat-in>div>div:last-child{font-size:14px!important}
.hero-copy>p:nth-of-type(2){font-size:15px!important}
footer.plate{font-size:14px!important}
}
@media (max-width:700px){
.site>section.plate:has(.tile)>.rv{gap:20px!important;margin-bottom:36px!important}
.site>section.plate:has(.tile)>.rv-stagger{gap:32px!important}
.tile{display:grid!important;grid-template-columns:128px minmax(0,1fr);gap:12px 18px!important;align-items:center}
.tile>div:last-child{display:contents!important}
.tile>div:last-child>*{grid-column:2}
.tile>div:last-child>p{grid-column:1/-1}
.tile>div:last-child>span:last-child{grid-column:1/-1}
.tile-shot{grid-column:1;grid-row:1 / span 2;aspect-ratio:1!important;border-radius:14px!important}
.tile-shot .d{left:10%!important;top:14%!important;width:150%!important}
.tile-shot .p{left:8%!important;bottom:-4%!important;width:36%!important}
.tile h3{font-size:24px!important;align-self:start}
.tile>div:last-child>span:first-child{align-self:end}
#services>.rv{gap:24px!important;margin-bottom:24px!important}
.svc{padding:24px 0!important;gap:12px 16px!important}
}
@media (min-width:901px){
.hero{padding-top:128px!important;min-height:0!important;padding-bottom:calc(clamp(200px,22vh,340px) + clamp(64px,min(6vw,8vh),120px))!important;padding-bottom:calc(clamp(200px,22svh,340px) + clamp(64px,min(6vw,8svh),120px))!important;justify-content:flex-start!important}
.hero>:has(>.hero-wave){height:clamp(200px,22vh,340px)!important;height:clamp(200px,22svh,340px)!important}
.hero .hero-copy{gap:20px!important;max-width:min(66%,820px)!important}
.hero h1{font-size:clamp(38px,min(5vw,6.4vh),64px)!important;font-size:clamp(38px,min(5vw,6.4svh),64px)!important}
}
@media (min-width:901px){.site>section>figure:has(img[src*="webdesign-and-software-developer"]){width:min(100%,320px)!important}}

.motion-sep{flex:none;width:1px;margin:6px 0;background:rgba(143,217,210,.4)}
.motion-toggle{flex:none;position:relative;width:32px;display:grid;place-items:center;padding:0 2px 0 0;border:0;background:transparent;color:var(--shallow);cursor:pointer;font:inherit}
.motion-toggle svg{width:10px;height:10px;display:block}
.motion-toggle:hover{color:#f3fbfa}
.motion-toggle:focus-visible{outline:2px solid var(--shallow);outline-offset:-4px;border-radius:999px}
.motion-toggle .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.motion-toggle .mi-play,.motion-toggle .ml-paused{display:none}
html[data-motion="paused"] .motion-toggle .mi-play,html[data-motion="paused"] .motion-toggle .ml-paused{display:block}
html[data-motion="paused"] .motion-toggle .mi-pause,html[data-motion="paused"] .motion-toggle .ml-playing{display:none}
@media (max-width:900px){.hdr div>.motion-sep.motion-sep{display:block!important;min-height:0!important;padding:0!important;margin:12px 0}.hdr div>.motion-toggle.motion-toggle{display:grid!important;width:44px;padding:0!important}.motion-toggle svg{width:12px;height:12px}}
/* runtime motion pause (not in design, #27): freeze the infinite CSS animations while <html data-motion="paused"> */
html[data-motion="paused"] .cld,html[data-motion="paused"] .orb.core{animation-play-state:paused}