.brand-scene[data-v-b9c695d5]{position:relative;isolation:isolate;min-height:510px;display:flex;flex-direction:column;justify-content:center;padding:16px}.brand-scene[data-v-b9c695d5]:before{content:"";position:absolute;inset:-5% -15%;z-index:-1;background:radial-gradient(ellipse at 48% 55%,oklch(.91 .055 158/.55),oklch(.96 .025 158/.2) 45%,transparent 70%);pointer-events:none}.key-composition[data-v-b9c695d5]{width:100%;transform:perspective(1100px) rotateX(12deg) rotate(-6deg);padding:25px 0}.key-row[data-v-b9c695d5]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.key-row--second[data-v-b9c695d5]{grid-template-columns:repeat(4,minmax(0,1fr));width:calc(80% - 2px);margin-top:25px;margin-left:calc(17% + 2px)}.keycap[data-v-b9c695d5]{--turn:0deg;--shift:0px;position:relative;aspect-ratio:1;display:block;border-radius:9px 9px 12px 12px;background:linear-gradient(135deg,#4b524d,#222824,#121814 80%);box-shadow:0 3px #0c110e,1px 10px 0 -2px #151a17,3px 18px 10px -5px #17251d3d;transform:translateY(var(--shift)) rotate(var(--turn))}.key-face[data-v-b9c695d5]{position:absolute;inset:7% 10% 19%;display:grid;place-items:center;border-radius:8px 8px 12px 12px;color:#e1ded3;background:radial-gradient(ellipse at 50% 42%,#252a27,#343936 75%,#404743);box-shadow:inset 0 2px 3px #0d100e80,inset 0 -1px 1px #8288844d,0 1px 1px #0a0f0ca6;font-family:var(--font-mono);font-size:clamp(1.6rem,3.4vw,2.8rem);font-weight:400;text-shadow:0 1px 1px oklch(.15 .01 158/.65);transition:transform .22s ease-out}.key-glyph[data-v-b9c695d5]{display:block;transform:translateY(-.2em)}.key-glyph--descender[data-v-b9c695d5]{transform:translateY(-.34em)}.key-glyph--tall[data-v-b9c695d5]{transform:translateY(-.12em)}.key-face[data-v-b9c695d5]:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.18;background-image:radial-gradient(oklch(.72 .01 158/.45) .45px,transparent .6px);background-size:3px 3px}.keycap--signal[data-v-b9c695d5]{background:linear-gradient(135deg,#5eab81,#125b3a 70%);box-shadow:0 3px #0c3722,1px 10px 0 -2px #134b30,3px 18px 10px -5px #17251d33}.keycap--signal .key-face[data-v-b9c695d5]{color:var(--color-primary-950);background:radial-gradient(ellipse at 50% 40%,#54a679,#67b98b 78%,#7fc39b);text-shadow:0 1px 0 oklch(.85 .07 158/.4);box-shadow:inset 0 2px 3px #104f3266,inset 0 -1px 1px #aedabf99}.key-row:first-child .keycap[data-v-b9c695d5]:first-child{--turn:-5deg;--shift:-6px}.key-row:first-child .keycap[data-v-b9c695d5]:nth-child(2){--turn:1deg;--shift:2px}.key-row:first-child .keycap[data-v-b9c695d5]:nth-child(3){--turn:-1deg;--shift:-2px}.key-row:first-child .keycap[data-v-b9c695d5]:nth-child(4){--turn:2deg;--shift:3px}.key-row:first-child .keycap[data-v-b9c695d5]:nth-child(5){--turn:-2deg;--shift:-3px}.key-row--second .keycap[data-v-b9c695d5]:first-child{--turn:-2deg;--shift:4px}.key-row--second .keycap[data-v-b9c695d5]:nth-child(2){--turn:1deg;--shift:1px}.key-row--second .keycap[data-v-b9c695d5]:nth-child(3){--turn:-1deg;--shift:5px}.key-row--second .keycap[data-v-b9c695d5]:nth-child(4){--turn:3deg;--shift:-2px}@media(hover:hover)and (prefers-reduced-motion:no-preference){.keycap:hover .key-face[data-v-b9c695d5]{transform:translateY(3px)}}[data-scene] .keycap[data-v-b9c695d5]{animation:key-land-b9c695d5 .7s var(--ease-out-expo) calc(var(--key-order)*.09s) backwards}[data-scene] .key-face[data-v-b9c695d5]{animation:key-press-b9c695d5 .32s ease-out calc(.35s + var(--key-order)*.09s) backwards}[data-scene] .keycap--signal .key-face[data-v-b9c695d5]{animation:key-press-b9c695d5 .32s ease-out .35s backwards,signal-glow-b9c695d5 1.6s var(--ease-out-expo) 1.2s both}[data-scene]:not(.is-visible) .key-face[data-v-b9c695d5],[data-scene]:not(.is-visible) .keycap[data-v-b9c695d5]{animation-play-state:paused}@keyframes key-land-b9c695d5{0%{opacity:0;transform:translateY(calc(var(--shift) - 26px)) rotate(calc(var(--turn)*3))}}@keyframes key-press-b9c695d5{0%,to{transform:translateY(0)}45%{transform:translateY(4px)}}@keyframes signal-glow-b9c695d5{0%{filter:none}30%{filter:brightness(1.18) drop-shadow(0 0 10px oklch(.8 .15 158/.8))}to{filter:none}}@media(max-width:760px){.brand-scene[data-v-b9c695d5]{min-height:310px;padding:20px}.key-composition[data-v-b9c695d5]{max-width:400px;margin-inline:auto}.key-face[data-v-b9c695d5]{font-size:1.7rem}}@media(prefers-reduced-motion:reduce){.key-face[data-v-b9c695d5]{animation:none}}.contact-section[data-v-7bb8c186]{overflow:clip;background:#9cedbe}.contact-inner[data-v-7bb8c186]{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:64px;padding:clamp(60px,8vw,110px) var(--shell-pad)}h2[data-v-7bb8c186]{font-size:clamp(2rem,4vw,3.5rem);max-width:20ch;font-weight:550;line-height:1.08;letter-spacing:-.03em;text-wrap:balance}p[data-v-7bb8c186]{max-width:45ch;margin-top:22px;color:var(--color-primary-900);line-height:1.6}.contact-actions[data-v-7bb8c186]{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:30px}.contact-visual[data-v-7bb8c186]{min-width:0}.contact-visual .contact-keys[data-v-7bb8c186]{min-height:310px;max-width:460px;margin-inline:auto}.contact-visual .contact-keys[data-v-7bb8c186]:before{display:none}.contact-actions a[data-v-7bb8c186]{display:inline-flex;align-items:center;min-height:44px;color:var(--color-primary-900);font-size:.95rem;text-underline-offset:5px}@media(max-width:760px){.contact-inner[data-v-7bb8c186]{grid-template-columns:1fr;gap:22px;padding-block:40px}.contact-visual .contact-keys[data-v-7bb8c186]{min-height:190px}.contact-actions[data-v-7bb8c186]{align-items:flex-start}}