:root{--text-secondary:#a0aec0;--text-muted:#8492a8;--glass-bg:#0d1727e6}.portfolio-button{text-align:center;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:12px 20px;font-size:14px;font-weight:600;line-height:1.5;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.portfolio-button-primary{color:#0a0f1a;background:#e9f2f7}.portfolio-button-primary:hover{background:#fff}.portfolio-button-secondary{color:#e2e8f0;background:0 0;border-color:#405168}.portfolio-button-secondary:hover{background:#142034;border-color:#8492a8}.btn-primary,.btn-glass{border-radius:8px;min-height:44px;line-height:1.5;transition:background .16s,border-color .16s,color .16s}.btn-primary:hover,.btn-glass:hover{box-shadow:none;transform:none}@media (max-width:480px){.hero-actions .portfolio-button{flex:100%}}html{scroll-padding-top:100px}a,button,input,textarea,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}:focus-visible{outline-offset:4px;outline:2px solid #67e8f9}.skip-link{z-index:300;color:#07101e;background:#a5f3fc;border-radius:8px;padding:12px 18px;position:fixed;top:8px;left:16px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.glass{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#121e31d9,#0a1220e6);border-color:#aac6e71f;box-shadow:0 12px 30px #0000001f}.glass:hover{background:linear-gradient(145deg,#152337e6,#0b1525f0);border-color:#67e8f938;box-shadow:0 14px 34px #00000029}.aurora-bg:before,.aurora-bg:after{opacity:.08;animation:none}.portfolio-nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0b1525f0;border:1px solid #a1bbdc29;border-radius:18px;align-items:stretch;gap:4px;width:max-content;max-width:calc(100% - 24px);padding:6px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000029}.portfolio-nav-link{color:#a0aec0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:76px;min-height:44px;padding:10px 15px;font-size:13px;transition:color .2s,background .2s;display:inline-flex}.portfolio-nav-link:hover{color:#f1f5f9;background:#ffffff09}.portfolio-nav-link.is-active{color:#a5f3fc;background:#22d3ee14}.hero-section .hero-rotating-slot{font-size:clamp(1.65rem,7.8vw,3rem)}.hero-section h1{max-width:100%}.hero-section .hero-circuit{pointer-events:none;z-index:-1;position:absolute;inset:-18% -12%}.hero-circuit svg{stroke:#38bdf8;stroke-width:1px;stroke-opacity:.45;width:100%;height:100%}.hero-section .scroll-film{overflow:hidden}.section-kicker{font-family:var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.14em;color:#67e8f9;font-size:11px}.section-title{font-family:var(--font-display),sans-serif;letter-spacing:-.035em;font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.15}.service-tab[aria-selected=true]{box-shadow:inset 2px 0 #22d3ee}.custom-section-art{-webkit-mask-image:radial-gradient(#000 25%,#0000 72%);mask-image:radial-gradient(#000 25%,#0000 72%)}#work{overflow:clip}#work h3{overflow-wrap:anywhere}footer>div{min-width:0}footer .flex.items-center.gap-6{flex-wrap:wrap;justify-content:center}footer a{align-items:center;min-height:44px;display:inline-flex}@media (min-width:1024px){.hero-section .hero-rotating-slot{font-size:clamp(2.5rem,4.1vw,3.6rem)}}@media (max-width:639px){.portfolio-nav{top:max(12px,env(safe-area-inset-top));border-radius:17px;gap:1px;padding:5px}.portfolio-nav-link{flex-direction:column;gap:4px;min-width:51px;min-height:49px;padding:7px 9px;font-size:10px}.hero-section h1{width:100%}.hero-section .hero-rotating-slot{font-size:clamp(1.65rem,7.5vw,2.7rem)}#work h3{font-size:1.5rem}#work .flex.items-center.gap-4{flex-wrap:wrap}input,textarea{font-size:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-section{height:auto!important}.hero-section>div{height:auto!important;position:relative!important}}