.studio-brand{--studio-glass-filter:blur(var(--glass-blur,48px)) saturate(var(--glass-saturate,220%));--brand-action:linear-gradient(180deg,#a4efff47,#ffffff00 44%),linear-gradient(115deg,#0867bb,#1656ba 54%,#6041c5);--bg-primary:#050d20;--bg-gradient:radial-gradient(ellipse at 12% 0%,#006ac51a,transparent 50%),radial-gradient(ellipse at 90% 28%,#642ed01a,transparent 52%);--bg-header:rgb(7 19 43/75%);--glass-border:rgb(104 194 255/19%);--glass-hover-border:rgb(92 218 255/40%);--tx-50:rgb(227 238 255/72%);--tx-40:rgb(218 233 255/63%);--tx-35:rgb(218 233 255/58%);--tx-30:rgb(218 233 255/55%)}.studio-brand .studio-header{border-color:rgb(118 205 255/27%);background:linear-gradient(115deg,#1071bb13,transparent 45%,#794bea12),var(--bg-header);box-shadow:inset 0 1px 0 #d1f6ff52,inset 0 -1px 0 #4257bc45,0 14px 44px -24px #008cff70}.studio-brand .studio-header[data-scrolled=true]{background:linear-gradient(115deg,#1071bb13,transparent 45%,#794bea12),color-mix(in srgb,var(--bg-header) 62%,var(--popup-bg));backdrop-filter:var(--studio-glass-filter);-webkit-backdrop-filter:var(--studio-glass-filter)}.studio-brand .glass,.studio-brand .glass-card{background:linear-gradient(135deg,#57ccff0d,transparent 42%,#6647d90a),var(--glass-bg);border-color:var(--glass-border);box-shadow:inset 0 1px 0 #b9edff38,inset 0 -1px 0 #645be926,0 18px 42px -30px #000a;transition:border-color .18s ease,box-shadow .18s ease}.studio-brand .glass-card:hover{border-color:var(--glass-hover-border);box-shadow:inset 0 1px 0 #d5faff55,0 12px 36px -25px #00a6ff66}.studio-brand .btn-primary-glass{background:var(--brand-action);border:1px solid #83dcff80;color:#fff;text-shadow:0 1px 3px #001c3f80;box-shadow:inset 0 1px 0 #e1fbff80,inset 0 -2px 0 #00296166,0 8px 28px -12px #0088ffb3}.studio-brand .btn-primary-glass:hover{border-color:#b5f0ff;box-shadow:inset 0 1px 0 #efffff99,0 8px 32px -10px #008dffb3}.studio-brand .btn-glass{background:linear-gradient(145deg,#47bcff1a,#6862ff12);border-color:#69bcff45;box-shadow:inset 0 1px 0 #b6edff26;color:var(--tx-80)}.studio-brand .btn-glass:hover{background:linear-gradient(145deg,#47bcff2b,#6862ff26);border-color:#69d9ff80}.studio-brand :is(.btn-primary-glass,.btn-glass):focus-visible{outline:2px solid #40bce8;outline-offset:4px}.studio-hero{padding:clamp(1.5rem,4vw,3.5rem) 1rem;border-radius:2rem;background:radial-gradient(ellipse at 45% 12%,#008cff14,transparent 65%)}.studio-logo{border-radius:.5rem}.studio-logo:focus-visible{outline:2px solid #40bce8;outline-offset:3px}.studio-logo-wave{display:none;position:absolute;inset-inline:0;top:50%;aspect-ratio:2147/366;transform:translateY(-50%);filter:drop-shadow(0 0 5px #38bdf8b3);pointer-events:none}.studio-logo-wave>span{position:absolute;inset:0;background:url(/brand/softych-glass-wordmark-v4.webp) 50%/100% 100% no-repeat;animation:studio-logo-hop .42s ease-in-out both}@keyframes studio-logo-hop{0%,to{transform:translateY(0)}45%{transform:translateY(-3px)}}@keyframes studio-mascot-greeting{0%,to{transform:translateY(0) rotate(0);filter:drop-shadow(0 0 0 transparent)}40%{transform:translateY(-2px) rotate(7deg);filter:drop-shadow(0 0 4px #38bdf8b3)}70%{transform:translateY(-1px) rotate(-2deg);filter:drop-shadow(0 0 2px #38bdf880)}}.studio-mascot{transform-origin:50% 80%}@media (prefers-reduced-motion:no-preference){.studio-logo:focus-visible .studio-mascot{animation:studio-mascot-greeting .6s ease-in-out}.studio-logo:focus-visible .studio-wordmark-image{opacity:0}.studio-logo:focus-visible .studio-logo-wave{display:block}@media (hover:hover){.studio-logo:hover .studio-mascot{animation:studio-mascot-greeting .6s ease-in-out}.studio-logo:hover .studio-wordmark-image{opacity:0}.studio-logo:hover .studio-logo-wave{display:block}}}.studio-pin-surface:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--bg-header);backdrop-filter:var(--studio-glass-filter);-webkit-backdrop-filter:var(--studio-glass-filter);pointer-events:none}.studio-pin-surface>*{position:relative}.studio-glass-popup.studio-contact-popup{background:linear-gradient(115deg,#1071bb13,transparent 45%,#794bea12),color-mix(in srgb,var(--bg-header) 42%,var(--popup-bg))}.studio-glass-popup{background:var(--popup-bg);backdrop-filter:var(--studio-glass-filter);-webkit-backdrop-filter:var(--studio-glass-filter);transform:translateZ(0);border:1px solid rgba(255,255,255,.14);border-radius:1rem;box-shadow:0 20px 56px -16px rgba(0,0,0,.65),0 6px 20px -8px rgba(0,0,0,.4),inset 0 1.5px 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(0,0,0,.25),inset 2px 0 0 rgba(255,255,255,.1),inset -2px 0 0 rgba(255,255,255,.1);transform-origin:top center}.studio-brand .brand-chat-action{border:1px solid #83dcff80;box-shadow:inset 0 1px 0 #e1fbff66,0 8px 26px -10px #0088ff99}.studio-brand .prose a{color:#46bbf3;text-decoration-color:#46bbf380}.studio-brand :is(input,textarea,select):focus-visible{outline-color:#40bce8}.studio-brand footer{border-color:var(--glass-border)}.studio-hero-logo{width:min(100%,31rem);height:auto;margin:0 auto 1.5rem}.studio-services-scroll{scrollbar-width:thin;scrollbar-color:#4a9edb80 transparent;padding-bottom:.75rem}.studio-services-scroll::-webkit-scrollbar{height:5px}.studio-services-scroll::-webkit-scrollbar-track{background:transparent}.studio-services-scroll::-webkit-scrollbar-thumb{background:#4a9edb80;border-radius:6px}[data-theme=light] .studio-brand{--bg-primary:#f4f8ff;--bg-gradient:radial-gradient(ellipse at 12% 0%,#008cff0d,transparent 50%),radial-gradient(ellipse at 90% 28%,#642ed00a,transparent 52%);--bg-header:rgb(245 250 255/88%);--glass-border:rgb(29 95 155/20%);--glass-hover-border:rgb(25 109 178/42%);--tx-50:rgb(20 43 74/78%);--tx-40:rgb(20 43 74/70%);--tx-35:rgb(20 43 74/67%);--tx-30:rgb(20 43 74/64%)}[data-theme=light] .studio-brand .prose a{color:#096394}.contact-icons{display:flex;align-items:center;justify-content:center;gap:12px}.contact-icon-item{position:relative;display:inline-flex}.studio-brand .contact-icon-button{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border-radius:16px;color:#72daff}.contact-icon-button svg{width:22px;height:22px;flex-shrink:0}.contact-icon-button:focus-visible{outline:2px solid #72daff;outline-offset:4px}.contact-icon-tooltip{position:absolute;z-index:10;top:calc(100% + 10px);left:50%;transform:translate(-50%,-4px);padding:8px 12px;border:1px solid rgb(114 218 255/30%);border-radius:12px;background:var(--bg-header,#0b1630);backdrop-filter:blur(16px);color:var(--tx-90,#eaf5ff);font-size:12px;line-height:1.4;white-space:nowrap;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.contact-icon-item:first-child .contact-icon-tooltip{left:0;transform:translateY(-4px)}.contact-icon-item:last-child .contact-icon-tooltip{left:auto;right:0;transform:translateY(-4px)}.contact-icon-item:is(:hover,:focus-within) .contact-icon-tooltip{visibility:visible;opacity:1;transform:translate(-50%)}.contact-icon-item:is(:first-child,:last-child):is(:hover,:focus-within) .contact-icon-tooltip{transform:translate(0)}[data-theme=light] .studio-brand .contact-icon-button{color:#096394}@media (prefers-reduced-motion:reduce){.contact-icon-tooltip{transition:none}.studio-brand :is(.glass-card,.btn-primary-glass,.btn-glass){transition:none}.studio-brand :is(.btn-primary-glass,.btn-glass):hover{transform:none}}