.motion-hero{max-width:1280px;margin:24px auto 40px;padding:0 28px}.motion-hero__heading{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 38px;background:#0a0b0d;color:#f6f6f3;border-radius:28px 28px 12px 12px}.motion-hero__eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;color:#05c3de}.motion-hero h1{font-size:clamp(40px,5.5vw,72px);line-height:1;letter-spacing:-.06em;margin:0;font-weight:650}.motion-hero h1 span{color:#fffd38}.motion-hero__signature{position:relative;width:170px;height:110px;flex:none;margin-right:22px}.motion-hero__signature i{position:absolute;inset:2px 0 0 55px;border-radius:18px;background:#31515c;transform:rotate(-14deg) translateX(-45px)}.motion-hero__signature i:nth-child(2){background:#05c3de;transform:rotate(-5deg) translateX(-20px)}.motion-hero__signature i:last-child{display:grid;place-items:center;background:#fffd38;color:#0a0b0d;transform:rotate(7deg);font-size:65px;font-style:normal}.motion-hero__screen{margin-top:14px;aspect-ratio:16/9;overflow:hidden;border-radius:24px;background:#f6f6f3}.motion-hero video{display:block;width:100%;height:100%;object-fit:contain}.motion-hero__bar{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:14px}.motion-hero__bar p{font-size:14px;line-height:1.5;margin:0;color:#31515c}.motion-hero__controls{display:flex;gap:8px;flex-shrink:0}.motion-hero__controls button{font:inherit;font-size:12px;padding:10px 15px;min-height:42px;border-radius:30px;border:1px solid #31515c40;background:transparent;color:#0a0b0d;cursor:pointer}.motion-hero__controls button:first-child{background:#fffd38;border-color:#fffd38}.motion-hero__controls button:hover{border-color:#0a0b0d}.motion-hero__discover{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:22px 2px 0;color:#31515c}.motion-hero__discover span{font-size:25px}.personal-intro{max-width:1200px;width:calc(100% - 56px);margin:80px auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;scroll-margin-top:100px}.personal-intro__portrait{position:relative;margin:0;border-radius:28px;overflow:hidden;background:#31515c;border-bottom:9px solid #05c3de}.personal-intro__portrait img{display:block;width:100%;height:auto;object-fit:contain;filter:grayscale(1);padding-top:25px}.personal-intro__eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#31515c;margin-bottom:24px}.personal-intro h2{font-size:clamp(35px,4.5vw,60px);line-height:1.08;letter-spacing:-.055em;margin:0 0 26px}.personal-intro h2 em{font-style:normal;background:linear-gradient(transparent 66%,#fffd38 66%)}.personal-intro__copy>p:not(.personal-intro__eyebrow){font-size:17px;line-height:1.7;color:#555;margin-bottom:26px}.motion-hero button:focus-visible,.motion-hero a:focus-visible{outline:3px solid #05c3de;outline-offset:4px}@media(max-width:760px){.motion-hero{padding:0 14px;margin-top:22px;margin-bottom:28px}.motion-hero__heading{padding:22px;border-radius:22px 22px 10px 10px;gap:8px}.motion-hero__eyebrow{font-size:9px;letter-spacing:.06em;max-width:190px;line-height:1.5}.motion-hero h1{font-size:clamp(33px,9vw,55px)}.motion-hero__signature{width:68px;height:68px;margin-right:6px}.motion-hero__signature i{inset:0 0 0 8px;border-radius:10px;transform:rotate(-14deg) translateX(-14px)}.motion-hero__signature i:nth-child(2){transform:rotate(-5deg) translateX(-7px)}.motion-hero__signature i:last-child{font-size:42px}.motion-hero__screen{margin-top:10px;border-radius:12px}.motion-hero__bar{align-items:flex-start;flex-direction:column;gap:12px;padding:0 6px}.motion-hero__bar p{font-size:13px}.motion-hero__controls{width:100%;justify-content:flex-end}.motion-hero__discover{padding-inline:6px}.personal-intro{width:calc(100% - 40px);grid-template-columns:1fr;gap:30px;margin:46px auto}.personal-intro__portrait{max-width:480px;width:100%;margin:auto}.personal-intro__copy>p:not(.personal-intro__eyebrow){font-size:16px}.personal-intro h2{font-size:42px}}
