.story-hero{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;background-color:#05050a;overflow:hidden;text-align:center;padding:140px 20px 120px;color:#fff}.scanner-grid{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background-image:linear-gradient(rgba(37,99,235,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.15) 1px,transparent 1px);background-size:60px 60px;transform:perspective(1000px) rotateX(60deg) translateY(-100px) translateZ(-200px);z-index:1;mask-image:radial-gradient(circle at center,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(circle at center,black 20%,transparent 70%);pointer-events:none}.laser-beam{position:absolute;left:0;right:0;height:2px;background-color:#3b82f6;box-shadow:0 0 20px 5px #2563eb99;z-index:2;opacity:0;animation:laserScan 4s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}@keyframes laserScan{0%{top:-10%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:110%;opacity:0}}.story-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 40%,rgba(37,99,235,.08) 0%,transparent 60%);z-index:3;pointer-events:none}.story-hero__inner{max-width:800px;margin:0 auto;position:relative;z-index:10}.story-hero__label{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--brand-lighter);margin-bottom:20px}.story-hero__title{font-size:clamp(3.5rem,8vw,6rem);font-weight:800;letter-spacing:-.04em;line-height:1;margin-bottom:1.5rem}.story-hero__title .text-dim{color:#71717a}.story-hero__title .text-glow{color:#fff;text-shadow:0 0 30px rgba(37,99,235,.4)}.story-hero__title .accent{color:#fff;text-shadow:0 0 30px rgba(37,99,235,.4);background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset}.story-hero__desc{font-size:clamp(1.1rem,2vw,1.3rem);color:#a1a1aa;line-height:1.6;max-width:600px;margin:0 auto}.story-origin{padding:120px 60px 80px;background:var(--bg);position:relative;z-index:1}.story-origin__inner{max-width:1240px;margin:0 auto}.story-origin__grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.story-origin__grid--centered{grid-template-columns:1fr;max-width:680px;margin:0 auto}.story-origin__grid--centered .story-origin__text{max-width:100%;text-align:center}.story-origin__grid--centered .story-prose{font-size:18px;line-height:1.9}.story-origin__text{max-width:480px}.story-origin__visual{border-radius:24px;overflow:hidden;aspect-ratio:4/3;background:var(--bg-soft)}.story-origin__visual img{width:100%;height:100%;object-fit:cover}.story-prose{font-size:17px;color:var(--text-secondary);line-height:1.85}.story-prose p{margin-bottom:20px}.story-prose strong{color:var(--text);font-weight:700}#process{margin-top:-50px;position:relative;z-index:2}.story-values{padding:120px 60px;background:var(--bg-soft)}.story-values__inner{max-width:1240px;margin:0 auto}.story-values__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.story-value-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:20px;padding:36px;transition:all .4s var(--ease-spring)}.story-value-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #2563eb1a;border-color:#2563eb26}.story-value-card__icon{width:52px;height:52px;border-radius:14px;background:#2563eb0f;display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:all .4s var(--ease-spring)}.story-value-card:hover .story-value-card__icon{transform:scale(1.1);background:#2563eb1a}.story-value-card__icon svg{width:24px;height:24px;color:var(--brand)}.story-value-card h3{font-size:20px;font-weight:800;letter-spacing:-.3px;margin-bottom:10px}.story-value-card p{font-size:14px;color:var(--text-secondary);line-height:1.75}.s2s-card{transition:all .4s var(--ease-spring)}.s2s-card:hover{transform:translateY(-6px)}@media(max-width:768px){.story-hero{padding:100px 20px 80px;min-height:auto}.story-hero__title{font-size:2.8rem}.scanner-grid{background-size:40px 40px}.story-origin{padding:60px 20px 40px}.story-origin__grid{grid-template-columns:1fr;gap:40px}.story-origin__visual{order:-1}#process{margin-top:-30px}.story-values{padding:60px 20px}.story-values__grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/proadsy-our-story.css.map */