@import "https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600&display=swap";:root{--clr-bg:#080808;--clr-bg-2:#0d0d0d;--clr-surface:#ffffff0a;--clr-surface-2:#ffffff12;--clr-border:#ffffff14;--clr-border-2:#ffffff24;--clr-text:#e8e8e0;--clr-text-2:#e8e8e08c;--clr-text-3:#e8e8e04d;--clr-accent:#0a84ff;--clr-accent-glow:#0a84ff2e;--clr-accent-2:#5e5ce6;--font-display:"Outfit", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:48px;--space-6:64px;--space-7:96px;--space-8:128px;--space-9:180px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--ease-smooth:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--dur-fast:.2s;--dur-med:.45s;--dur-slow:.7s;--max-w:1280px;--gutter:clamp(20px, 5vw, 60px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;-webkit-text-size-adjust:100%;overflow-x:hidden}body{font-family:var(--font-body);background-color:var(--clr-bg);color:var(--clr-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.65;overflow-x:hidden}body.nav-open{overflow:hidden}img,video,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;resize:vertical;background:0 0;border:none;outline:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.08}:focus-visible{outline:2px solid var(--clr-accent);outline-offset:3px;border-radius:4px}.grain-overlay{pointer-events:none;z-index:9999;opacity:.025;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;width:400%;height:400%;animation:.4s step-end infinite grain-shift;position:fixed;inset:-200%}@keyframes grain-shift{0%{transform:translate(0)}10%{transform:translate(-2%,-3%)}20%{transform:translate(-5%,2%)}30%{transform:translate(3%,-4%)}40%{transform:translate(-1%,5%)}50%{transform:translate(-4%,1%)}60%{transform:translate(2%,-2%)}70%{transform:translate(4%,3%)}80%{transform:translate(-3%,4%)}90%{transform:translate(1%,-5%)}to{transform:translate(-2%,2%)}}.cursor{pointer-events:none;z-index:10000;mix-blend-mode:exclusion;position:fixed;top:0;left:0}.cursor-dot{width:8px;height:8px;transition:transform var(--dur-fast) var(--ease-smooth);background:#fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.cursor-ring{width:36px;height:36px;transition:transform .18s var(--ease-smooth), width .3s, height .3s, opacity .2s;border:1.5px solid #ffffff80;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.cursor.hovering .cursor-ring{opacity:.6;width:56px;height:56px}@media (pointer:coarse){.cursor{display:none}}.container{max-width:var(--max-w);padding:0 var(--gutter);margin:0 auto}.section-label{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--clr-accent);margin-bottom:var(--space-3);font-size:.75rem;font-weight:500;display:inline-block}.section-heading{font-family:var(--font-display);letter-spacing:-.02em;color:var(--clr-text);font-size:clamp(2.4rem,5vw,4rem);font-weight:700;line-height:1.08}.section-heading-wide{font-size:clamp(2.8rem,6vw,5rem)}.btn-primary{background:var(--clr-accent);color:#fff;font-family:var(--font-display);letter-spacing:-.01em;transition:transform var(--dur-fast) var(--ease-smooth), box-shadow var(--dur-fast) var(--ease-smooth), background-color var(--dur-fast);will-change:transform;border-radius:100px;align-items:center;gap:10px;padding:14px 28px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary:hover{box-shadow:0 8px 32px var(--clr-accent-glow);transform:translateY(-2px)scale(1.02)}.btn-primary:active{transform:scale(.98)}.btn-ghost{border:1px solid var(--clr-border-2);color:var(--clr-text);font-family:var(--font-display);transition:border-color var(--dur-fast), background-color var(--dur-fast), transform var(--dur-fast) var(--ease-smooth);border-radius:100px;align-items:center;gap:8px;padding:14px 28px;font-size:.95rem;font-weight:500;display:inline-flex}.btn-ghost:hover{background:var(--clr-surface);border-color:#ffffff4d;transform:translateY(-1px)}[data-reveal]{opacity:0;will-change:opacity, transform;transition:opacity var(--dur-slow) var(--ease-smooth), transform var(--dur-slow) var(--ease-smooth);transform:translateY(28px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.nav-header{z-index:1000;transition:padding var(--dur-med) var(--ease-smooth), background-color var(--dur-med);padding:20px 0;position:fixed;top:0;left:0;right:0}.nav-header.scrolled{-webkit-backdrop-filter:blur(20px)saturate(1.2);border-bottom:1px solid var(--clr-border);background:#080808d9;padding:12px 0}.nav-inner{max-width:var(--max-w);padding:0 var(--gutter);justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 auto;display:flex}.nav-logo{font-family:var(--font-display);letter-spacing:-.02em;color:var(--clr-text);transition:opacity var(--dur-fast);flex-shrink:0;align-items:center;gap:6px;font-size:1.2rem;font-weight:700;display:flex}.nav-logo:hover{opacity:.75}.logo-mark{background:var(--clr-accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;font-weight:800;display:inline-flex}.nav-links{align-items:center;gap:var(--space-4);display:flex}.nav-link{font-family:var(--font-body);color:var(--clr-text-2);transition:color var(--dur-fast);font-size:.9rem;font-weight:500}.nav-link:hover{color:var(--clr-text)}.nav-link-cta{border:1px solid var(--clr-border-2);color:var(--clr-text);transition:border-color var(--dur-fast), background-color var(--dur-fast);border-radius:100px;padding:10px 22px}.nav-link-cta:hover{background:var(--clr-surface);color:var(--clr-text);border-color:#ffffff59}.nav-menu-btn{z-index:1001;flex-direction:column;gap:5px;padding:8px;display:none}.nav-menu-btn span{background:var(--clr-text);width:22px;height:1.5px;transition:transform var(--dur-med) var(--ease-smooth), opacity var(--dur-fast);transform-origin:50%;border-radius:2px;display:block}.nav-menu-btn[aria-expanded=true] span:first-child{transform:translateY(6.5px)rotate(45deg)}.nav-menu-btn[aria-expanded=true] span:last-child{transform:translateY(-6.5px)rotate(-45deg)}.mobile-nav{z-index:900;-webkit-backdrop-filter:blur(20px);opacity:0;pointer-events:none;transition:opacity var(--dur-med) var(--ease-smooth);background:#080808f7;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mobile-nav[aria-hidden=false]{opacity:1;pointer-events:all}.mobile-nav ul{gap:var(--space-5);text-align:center;flex-direction:column;display:flex}.mobile-nav-link{font-family:var(--font-display);letter-spacing:-.03em;color:var(--clr-text);transition:color var(--dur-fast), transform var(--dur-med) var(--ease-smooth);font-size:clamp(2rem,8vw,3.5rem);font-weight:700;display:block}.mobile-nav-link:hover{color:var(--clr-accent);transform:translate(8px)}@media (width<=768px){.nav-links{display:none}.nav-menu-btn{display:flex}}.section-hero{background:var(--clr-bg);justify-content:center;align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-content{z-index:2;max-width:900px;padding:0 var(--gutter);padding-top:80px;position:relative}.hero-eyebrow{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--clr-text-2);margin-bottom:var(--space-5);opacity:0;align-items:center;gap:10px;font-size:.78rem;font-weight:500;display:flex;transform:translateY(20px)}.eyebrow-dot{background:var(--clr-accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2.4s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 0 var(--clr-accent-glow)}50%{box-shadow:0 0 0 8px #0000}}.hero-title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--clr-text);margin-bottom:var(--space-5);font-size:clamp(3.6rem,10vw,8.5rem);font-weight:800;line-height:.96;overflow:hidden}.hero-title-line{display:block}.hero-title-accent{background:linear-gradient(135deg, #e8e8e0 0%, var(--clr-accent) 60%, var(--clr-accent-2) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.char{will-change:transform, opacity;display:inline-block;overflow:hidden}.hero-sub{font-family:var(--font-body);color:var(--clr-text-2);max-width:520px;margin-bottom:var(--space-5);opacity:0;font-size:clamp(1rem,2vw,1.2rem);font-weight:400;line-height:1.7;transform:translateY(24px)}.hero-actions{align-items:center;gap:var(--space-3);opacity:0;flex-wrap:wrap;display:flex;transform:translateY(20px)}.hero-scroll-hint{color:var(--clr-text-3);letter-spacing:.12em;text-transform:uppercase;opacity:0;flex-direction:column;align-items:center;gap:8px;font-size:.7rem;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-line{background:linear-gradient(to bottom, var(--clr-text-3), transparent);width:1px;height:48px;animation:2s ease-in-out infinite scroll-line-anim}@keyframes scroll-line-anim{0%{transform-origin:top;opacity:1;transform:scaleY(0)}50%{transform-origin:top;opacity:1;transform:scaleY(1)}51%{transform-origin:bottom;opacity:1;transform:scaleY(1)}to{transform-origin:bottom;opacity:0;transform:scaleY(0)}}.brand-intro-pin{background:var(--clr-bg);justify-content:center;align-items:center;min-height:100vh;display:flex;overflow:hidden}.brand-intro-inner{max-width:1100px;padding:0 var(--gutter)}.brand-word-line{font-family:var(--font-display);letter-spacing:-.03em;color:var(--clr-text);flex-wrap:wrap;align-items:baseline;gap:.3em;font-size:clamp(2rem,5.5vw,5rem);font-weight:700;line-height:1.15;display:flex}.bw{opacity:.18;will-change:opacity;transition:opacity .3s;display:inline-block}.bw-accent{color:var(--clr-text)}.bw.lit{opacity:1}.section-about{padding:var(--space-9) 0;position:relative;overflow:hidden}.about-bg-shape{background:radial-gradient(circle, var(--clr-accent-glow) 0%, transparent 70%);pointer-events:none;opacity:.5;border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;right:-200px}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(48px,8vw,100px);display:grid}.about-text-col{max-width:540px}.about-body{color:var(--clr-text-2);margin-bottom:var(--space-4);font-size:clamp(.95rem,1.4vw,1.1rem);line-height:1.75}.about-stats{gap:var(--space-5);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.stat-number{font-family:var(--font-display);letter-spacing:-.04em;color:var(--clr-text);font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1}.stat-number span{color:var(--clr-accent);font-size:.65em}.stat-label{color:var(--clr-text-3);letter-spacing:.04em;margin-top:4px;font-size:.8rem}.about-visual-col{position:relative}.about-image-frame{border-radius:var(--radius-lg);border:1px solid var(--clr-border);background:var(--clr-bg-2);will-change:transform;position:relative;overflow:hidden}.about-image-inner{aspect-ratio:4/5;overflow:hidden}.about-img-placeholder{width:100%;height:100%}.about-img-placeholder svg{object-fit:cover;width:100%;height:100%}.about-image-tag{-webkit-backdrop-filter:blur(12px);border:1px solid var(--clr-border);color:var(--clr-text-2);background:#080808bf;border-radius:100px;align-items:center;gap:8px;padding:10px 16px;font-size:.78rem;font-weight:500;display:flex;position:absolute;bottom:20px;left:20px}.about-tag-dot{background:#27c93f;border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 8px #27c93f99}@media (width<=900px){.about-grid{grid-template-columns:1fr}.about-visual-col{max-width:480px;margin:0 auto}.about-text-col{max-width:100%}}.section-services{padding:var(--space-9) 0;position:relative}.section-header{margin-bottom:var(--space-7)}.services-list{border-top:1px solid var(--clr-border)}.service-item{gap:var(--space-5);padding:var(--space-5) 0;border-bottom:1px solid var(--clr-border);cursor:default;transition:background-color var(--dur-med) var(--ease-smooth);grid-template-columns:80px 1fr auto;align-items:center;display:grid;position:relative;overflow:hidden}.service-item:before{content:"";background:var(--clr-surface);transform-origin:0;transition:transform var(--dur-med) var(--ease-smooth);z-index:0;position:absolute;inset:0;transform:scaleX(0)}.service-item:hover:before{transform:scaleX(1)}.service-number{font-family:var(--font-display);letter-spacing:.1em;color:var(--clr-text-3);transition:color var(--dur-fast);z-index:1;font-size:.78rem;font-weight:600;position:relative}.service-item:hover .service-number{color:var(--clr-accent)}.service-body{z-index:1;position:relative}.service-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--clr-text);margin-bottom:var(--space-2);transition:transform var(--dur-med) var(--ease-smooth);font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:600}.service-item:hover .service-title{transform:translate(8px)}.service-desc{color:var(--clr-text-2);max-width:540px;margin-bottom:var(--space-2);font-size:.9rem;line-height:1.65}.service-tags{flex-wrap:wrap;gap:6px;display:flex}.service-tags li{letter-spacing:.06em;text-transform:uppercase;color:var(--clr-text-3);border:1px solid var(--clr-border);transition:border-color var(--dur-fast), color var(--dur-fast);border-radius:100px;padding:4px 10px;font-size:.72rem;font-weight:500}.service-item:hover .service-tags li{border-color:var(--clr-border-2);color:var(--clr-text-2)}.service-arrow{color:var(--clr-text-3);z-index:1;transition:transform var(--dur-med) var(--ease-smooth), color var(--dur-fast);flex-shrink:0;position:relative}.service-item:hover .service-arrow{color:var(--clr-accent);transform:translate(4px,-4px)}@media (width<=640px){.service-item{grid-template-columns:48px 1fr}.service-arrow{display:none}}.section-portfolio{padding:var(--space-9) 0 0;position:relative;overflow:hidden}.portfolio-header{margin-bottom:var(--space-6)}.portfolio-hint{color:var(--clr-text-3);margin-top:var(--space-3);letter-spacing:.06em;font-size:.8rem}.portfolio-pin-wrapper{position:relative}.portfolio-track{padding:0 var(--gutter) var(--space-8);gap:clamp(20px,3vw,40px);width:max-content;display:flex}.portfolio-card{border-radius:var(--radius-lg);background:var(--clr-bg-2);border:1px solid var(--clr-border);width:clamp(300px,38vw,560px);transition:border-color var(--dur-med), transform var(--dur-med) var(--ease-smooth), box-shadow var(--dur-med);will-change:transform;flex-shrink:0;overflow:hidden}.portfolio-card:hover{border-color:var(--clr-border-2);transform:translateY(-8px);box-shadow:0 24px 64px #0009}.portfolio-card:focus-visible{outline-offset:4px}.portfolio-card-media{aspect-ratio:16/10;background:var(--clr-bg-2);position:relative;overflow:hidden}.portfolio-card-img{width:100%;height:100%;transition:transform var(--dur-slow) var(--ease-smooth);justify-content:center;align-items:center;display:flex}.portfolio-card:hover .portfolio-card-img{transform:scale(1.04)}.project-svg{width:100%;height:100%}.portfolio-card-info{padding:var(--space-4)}.portfolio-card-tags{margin-bottom:var(--space-2);gap:8px;display:flex}.ptag{letter-spacing:.08em;text-transform:uppercase;color:var(--clr-accent);border:1px solid #0a84ff40;border-radius:100px;padding:3px 10px;font-size:.7rem;font-weight:600}.portfolio-card-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--clr-text);margin-bottom:var(--space-2);font-size:clamp(1.2rem,2vw,1.5rem);font-weight:700;line-height:1.15}.portfolio-card-desc{color:var(--clr-text-2);font-size:.88rem;line-height:1.6}@media (width<=768px){.portfolio-pin-wrapper{height:auto!important}.portfolio-track{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-6);overflow-x:auto}.portfolio-track::-webkit-scrollbar{display:none}.portfolio-card{width:clamp(280px,80vw,360px)}}.section-marquee{padding:var(--space-7) 0;border-top:1px solid var(--clr-border);border-bottom:1px solid var(--clr-border);position:relative;overflow:hidden}.section-marquee:before,.section-marquee:after{content:"";z-index:2;pointer-events:none;width:120px;position:absolute;top:0;bottom:0}.section-marquee:before{background:linear-gradient(to right, var(--clr-bg), transparent);left:0}.section-marquee:after{background:linear-gradient(to left, var(--clr-bg), transparent);right:0}.marquee-track-outer{overflow:hidden}.marquee-track{white-space:nowrap;align-items:center;gap:0;width:max-content;animation:24s linear infinite marquee-scroll;display:flex}.marquee-track:hover{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item{font-family:var(--font-display);letter-spacing:-.02em;color:var(--clr-text-2);padding:0 var(--space-5);transition:color var(--dur-fast);font-size:clamp(1.4rem,3vw,2.2rem);font-weight:600}.marquee-track:hover .marquee-item{color:var(--clr-text)}.marquee-sep{color:var(--clr-accent);opacity:.7;font-size:.9rem}.section-contact{padding:var(--space-9) 0;align-items:center;min-height:80vh;display:flex;position:relative;overflow:hidden}.contact-bg-orb{pointer-events:none;filter:blur(100px);opacity:.18;border-radius:50%;position:absolute}.contact-bg-orb:first-child{background:radial-gradient(circle,#0a84ff 0%,#0000 70%);width:600px;height:600px;top:-100px;left:-100px}.contact-bg-orb-2{background:radial-gradient(circle,#5e5ce6 0%,#0000 70%);width:400px;height:400px;bottom:-80px;right:-80px}.contact-inner{max-width:760px}.contact-heading{font-family:var(--font-display);letter-spacing:-.04em;color:var(--clr-text);margin-bottom:var(--space-4);font-size:clamp(3rem,7vw,6rem);font-weight:800;line-height:1.02}.contact-heading em{background:linear-gradient(135deg, #e8e8e0 0%, var(--clr-accent) 50%, var(--clr-accent-2) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:italic}.contact-sub{color:var(--clr-text-2);margin-bottom:var(--space-5);max-width:480px;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.7}.contact-cta-group{margin-bottom:var(--space-7)}.contact-email-btn{font-family:var(--font-display);letter-spacing:-.02em;color:var(--clr-text);border-bottom:1px solid var(--clr-border-2);transition:color var(--dur-fast), border-color var(--dur-fast);align-items:center;gap:12px;padding-bottom:4px;font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:600;display:inline-flex}.contact-email-btn:hover{color:var(--clr-accent);border-color:var(--clr-accent)}.contact-form-wrap{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:var(--space-5)}.form-row{gap:var(--space-3);margin-bottom:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.form-field{margin-bottom:var(--space-3);flex-direction:column;gap:8px;display:flex}.form-field:last-child{margin-bottom:0}.form-field label{color:var(--clr-text-2);letter-spacing:.04em;font-size:.8rem;font-weight:500}.form-field input,.form-field textarea{background:var(--clr-surface-2);border:1px solid var(--clr-border);border-radius:var(--radius-sm);width:100%;color:var(--clr-text);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);appearance:none;padding:14px 16px;font-size:.95rem}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--clr-text-3)}.form-field input:focus,.form-field textarea:focus{border-color:var(--clr-accent);box-shadow:0 0 0 3px var(--clr-accent-glow)}.form-field input.field-error,.form-field textarea.field-error{border-color:#ff453a;box-shadow:0 0 0 3px #ff453a26}.btn-form-submit{border-radius:var(--radius-sm);justify-content:center;width:100%;padding:16px;font-size:1rem;font-weight:700}@media (width<=600px){.form-row{grid-template-columns:1fr}}.site-footer{padding:var(--space-8) 0 var(--space-5);border-top:1px solid var(--clr-border)}.footer-grid{margin-bottom:var(--space-6);grid-template-columns:1fr 2fr;gap:clamp(48px,6vw,80px);display:grid}.footer-brand p{color:var(--clr-text-3);margin-top:var(--space-3);font-size:.9rem;line-height:1.7}.footer-logo{margin-bottom:var(--space-3)}.footer-nav{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.footer-col-title{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--clr-text-3);margin-bottom:var(--space-3);font-size:.78rem;font-weight:600}.footer-col ul{flex-direction:column;gap:10px;display:flex}.footer-col a{color:var(--clr-text-2);transition:color var(--dur-fast);font-size:.88rem}.footer-col a:hover{color:var(--clr-text)}.footer-bottom{padding-top:var(--space-4);border-top:1px solid var(--clr-border);color:var(--clr-text-3);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:.8rem;display:flex}@media (width<=768px){.footer-grid{grid-template-columns:1fr}.footer-nav{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.footer-nav{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.grain-overlay,.scroll-line{animation:none}.marquee-track{animation-play-state:paused}[data-reveal]{opacity:1!important;transform:none!important}.reduced-motion-notice{display:block!important}}.reduced-motion-notice{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-sm);color:var(--clr-text-2);z-index:9998;max-width:280px;padding:12px 16px;font-size:.8rem;position:fixed;bottom:20px;right:20px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--clr-bg)}::-webkit-scrollbar-thumb{background:var(--clr-border-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}::selection{background:var(--clr-accent);color:#fff}