.tn-hero{position:relative;overflow:hidden;background:var(--tn-bg);color:var(--tn-text);padding:clamp(64px,10vw,140px) clamp(24px,6vw,96px);font-family:Space Grotesk,Inter,-apple-system,sans-serif}.tn-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.tn-hero__bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 50% at 78% 30%,rgba(95,227,255,.08),transparent 70%),radial-gradient(45% 40% at 15% 80%,rgba(95,227,255,.04),transparent 70%)}.tn-hero__bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(80% 60% at 50% 40%,black,transparent 90%);-webkit-mask-image:radial-gradient(80% 60% at 50% 40%,black,transparent 90%)}.tn-hero__bg-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.tn-hero__inner{position:relative;z-index:1;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,6vw,96px);align-items:center}.tn-hero__content{display:flex;flex-direction:column;align-items:flex-start}.tn-hero__eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--tn-text-secondary);margin:0 0 28px}.tn-hero__eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--tn-accent);box-shadow:0 0 8px 1px color-mix(in srgb,var(--tn-accent) 60%,transparent);flex-shrink:0}.tn-hero__headline{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:clamp(40px,5.2vw,76px);line-height:1.04;letter-spacing:-.02em;margin:0 0 28px;max-width:12ch}.tn-hero__subtext{font-family:Inter,sans-serif;font-weight:400;font-size:clamp(15px,1.1vw,17px);line-height:1.65;color:var(--tn-text-secondary);max-width:42ch;margin:0 0 44px}.tn-hero__subtext p{margin:0}.tn-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.tn-btn{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 32px;border-radius:999px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;white-space:nowrap;border:1px solid transparent;transition:transform .25s ease,background-color .25s ease,border-color .25s ease,color .25s ease;cursor:pointer}.tn-btn--primary{background:var(--tn-text);color:var(--tn-bg);border-color:var(--tn-text)}.tn-btn--primary:hover{background:var(--tn-accent);border-color:var(--tn-accent);color:#050505;transform:translateY(-2px)}.tn-btn--secondary{background:#ffffff08;color:var(--tn-text);border-color:var(--tn-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tn-btn--secondary:hover{border-color:var(--tn-accent);color:var(--tn-accent);transform:translateY(-2px)}.tn-btn:focus-visible{outline:2px solid var(--tn-accent);outline-offset:3px}.tn-hero__visual{display:flex;flex-direction:column;align-items:center;gap:24px}.tn-hero__glass-frame{position:relative;width:100%;aspect-ratio:4 / 5;border-radius:28px;background:linear-gradient(180deg,var(--tn-card) 0%,rgba(16,16,16,.6) 100%);border:1px solid var(--tn-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 40px 80px -30px #0009,inset 0 1px #ffffff0f}.tn-hero__glow{position:absolute;width:70%;height:45%;bottom:4%;left:50%;transform:translate(-50%);background:radial-gradient(closest-side,color-mix(in srgb,var(--tn-accent) 22%,transparent),transparent 75%);filter:blur(10px);pointer-events:none}.tn-hero__product-image{position:relative;z-index:1;width:82%;height:82%;object-fit:contain;object-position:center;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5))}.tn-hero__product-placeholder{position:relative;z-index:1;width:82%;height:82%;border:1px dashed var(--tn-border);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--tn-text-secondary);font-size:12px;letter-spacing:.15em;text-transform:uppercase}.tn-hero__specs{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tn-hero__spec-card{display:flex;flex-direction:column;gap:6px;padding:16px 14px;border-radius:14px;background:var(--tn-card);border:1px solid var(--tn-border);text-align:center}.tn-hero__spec-label{font-family:Inter,sans-serif;font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--tn-text-secondary)}.tn-hero__spec-value{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600;letter-spacing:.02em;color:var(--tn-text)}@media(max-width:1024px){.tn-hero__inner{grid-template-columns:1fr}.tn-hero__content{align-items:center;text-align:center;order:1}.tn-hero__headline{max-width:none}.tn-hero__subtext{margin-left:auto;margin-right:auto}.tn-hero__actions{justify-content:center}.tn-hero__visual{order:2}.tn-hero__glass-frame{max-width:480px}}@media(max-width:480px){.tn-hero__specs{gap:8px}.tn-hero__spec-card{padding:12px 8px}.tn-btn{width:100%}.tn-hero__actions{flex-direction:column;width:100%}}@media(prefers-reduced-motion:reduce){.tn-btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-hero.css.map */