:root{--ht-bg-dark: #0d1f26;--ht-bg-mid: #132a33;--ht-bg-card: #1a2f38;--ht-bg-darker: #0a181d;--ht-accent: #3ad0e6;--ht-accent-alt: #2c9ab8;--ht-text-light: #f8fafa;--ht-text-dim: #c5d2d6;--ht-border: rgba(255, 255, 255, .08);--ht-radius: 14px;--ht-radius-sm: 8px;--ht-shadow: 0 8px 32px rgba(0, 0, 0, .4);--ht-shadow-soft: 0 4px 20px rgba(0, 0, 0, .25)}*{font-family:Quicksand,sans-serif!important;font-weight:700!important;box-sizing:border-box}html,body{background:var(--ht-bg-darker)!important;margin:0;padding:0}.ht-about-page{position:relative;background:linear-gradient(90deg,rgba(58,208,230,.08) 1px,transparent 1px),linear-gradient(rgba(58,208,230,.08) 1px,transparent 1px),linear-gradient(135deg,#0a181d,#0d1f26,#1a2f38);background-size:40px 40px,40px 40px,100% 100%;background-position:0 0,0 0,0 0;background-attachment:fixed;min-height:100vh;color:var(--ht-text-light);line-height:1.7;overflow-x:hidden}.ht-about-page:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(58,208,230,.08) 0%,transparent 50%);animation:htAboutPulse 15s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes htAboutPulse{0%,to{transform:scale(1) rotate(0);opacity:.3}50%{transform:scale(1.2) rotate(180deg);opacity:.6}}.ht-about-page:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(58,208,230,.1) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(44,154,184,.08) 0%,transparent 40%);pointer-events:none;z-index:0}.ht-container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 24px}.ht-about-hero{position:relative;padding:80px 0 60px;text-align:center;overflow:hidden;border:none;margin-bottom:-50px;z-index:2;height:280px;display:flex;align-items:center;justify-content:center}.ht-about-video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.ht-about-video:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a181d66,#0d1f26b3,#0a181df2);z-index:2}.ht-about-video:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 0%,rgba(58,208,230,.1) 50%,rgba(44,154,184,.2) 100%);z-index:3;mix-blend-mode:screen}.ht-about-video video{width:100%;height:100%;object-fit:cover;filter:brightness(.5) contrast(1.2) saturate(1.3)}.ht-about-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.ht-hero-content{position:relative;z-index:5;padding-top:0}.ht-about-title{font-size:clamp(3rem,6vw,4.8rem);font-weight:700;margin:0 0 16px;color:var(--ht-text-light);text-shadow:0 0 20px rgba(58,208,230,.3),0 4px 20px rgba(0,0,0,.8);letter-spacing:.5px}.ht-about-subtitle{font-size:clamp(1.32rem,2.4vw,1.56rem);color:var(--ht-text-dim);margin:0;text-shadow:0 2px 8px rgba(0,0,0,.6)}.ht-about-content{position:relative;z-index:1;padding:100px 0}.ht-about-section{position:relative;background:linear-gradient(135deg,#1a2f38f2,#132a33fa);border-radius:var(--ht-radius);padding:50px;margin-bottom:50px;box-shadow:0 0 0 1px #3ad0e633,0 20px 60px #0009,0 0 100px #3ad0e61a;border:1px solid rgba(58,208,230,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;overflow:hidden}.ht-about-section:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,transparent 0%,rgba(58,208,230,.3) 25%,transparent 50%,rgba(58,208,230,.3) 75%,transparent 100%);border-radius:var(--ht-radius);z-index:-1;opacity:0;animation:htSectionBorderPulse 4s linear infinite}@keyframes htSectionBorderPulse{0%{background-position:-200% 0;opacity:0}50%{opacity:.5}to{background-position:200% 0;opacity:0}}.ht-about-section:hover{transform:translateY(-4px);box-shadow:0 0 0 1px #3ad0e64d,0 24px 72px #000000b3,0 0 120px #3ad0e626}.ht-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;padding-bottom:24px;border-bottom:2px solid var(--ht-accent);position:relative}.ht-section-header:after{content:"";position:absolute;bottom:-2px;left:0;width:100px;height:2px;background:var(--ht-accent);box-shadow:0 0 15px var(--ht-accent);animation:htHeaderGlow 2s ease-in-out infinite}@keyframes htHeaderGlow{0%,to{opacity:.5;box-shadow:0 0 10px var(--ht-accent)}50%{opacity:1;box-shadow:0 0 20px var(--ht-accent)}}.ht-section-header h2{font-size:clamp(2.88rem,4.8vw,3.84rem);font-weight:700;margin:0;color:var(--ht-text-light);letter-spacing:.3px;text-shadow:0 0 20px rgba(58,208,230,.3)}.ht-section-icon{font-size:4.2rem;opacity:.9;filter:drop-shadow(0 0 10px rgba(58,208,230,.5))}.ht-story-content p{font-size:clamp(1.56rem,2.64vw,1.8rem);line-height:1.8;color:var(--ht-text-dim);margin:0 0 20px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.ht-story-content .lead{font-size:clamp(1.8rem,3.12vw,2.16rem);color:var(--ht-text-light);font-weight:700;margin-bottom:32px;text-shadow:0 0 15px rgba(58,208,230,.2)}.ht-values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;margin-bottom:50px}.ht-value-card{position:relative;background:linear-gradient(135deg,#1a2f38f2,#132a33fa);border-radius:var(--ht-radius);padding:40px;box-shadow:0 0 0 1px #3ad0e633,0 8px 32px #0006;border:1px solid rgba(58,208,230,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;overflow:hidden}.ht-value-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(58,208,230,.1) 50%,transparent 100%);transition:left .6s ease}.ht-value-card:hover:before{left:100%}.ht-value-card:hover{transform:translateY(-4px);border-color:var(--ht-accent);box-shadow:0 0 0 1px #3ad0e666,0 12px 48px #00000080,0 0 60px #3ad0e633}.ht-value-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.ht-value-icon{font-size:3.36rem;filter:drop-shadow(0 0 10px rgba(58,208,230,.5))}.ht-value-card h3{font-size:clamp(2.16rem,3.12vw,2.64rem);color:var(--ht-accent);margin:0;text-shadow:0 0 15px rgba(58,208,230,.3)}.ht-value-card p{font-size:clamp(1.56rem,2.4vw,1.8rem);line-height:1.7;color:var(--ht-text-dim);margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.ht-values-list{list-style:none;padding:0;margin:0}.ht-values-list li{font-size:clamp(1.5rem,2.4vw,1.74rem);line-height:1.7;color:var(--ht-text-dim);margin-bottom:16px;padding-left:28px;position:relative;text-shadow:0 2px 4px rgba(0,0,0,.3)}.ht-values-list li:before{content:"\2192";position:absolute;left:0;color:var(--ht-accent);font-weight:700;font-size:1.56rem;text-shadow:0 0 10px var(--ht-accent)}.ht-values-list strong{color:var(--ht-text-light)}.ht-difference-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}.ht-difference-item{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px;background:#0a181dcc;border-radius:var(--ht-radius-sm);border:1px solid rgba(58,208,230,.2);box-shadow:inset 0 2px 4px #0000004d,0 4px 20px #0000004d;transition:all .3s ease;overflow:hidden}.ht-difference-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(58,208,230,.1) 50%,transparent 100%);transition:left .6s ease}.ht-difference-item:hover:before{left:100%}.ht-difference-item:hover{border-color:var(--ht-accent);transform:translateY(-4px);box-shadow:inset 0 2px 4px #0000004d,0 8px 32px #0006,0 0 40px #3ad0e633}.ht-diff-icon{font-size:4.8rem;margin-bottom:20px;filter:drop-shadow(0 0 15px rgba(58,208,230,.5))}.ht-difference-item h4{font-size:clamp(1.92rem,2.88vw,2.28rem);color:var(--ht-accent);margin:0 0 16px;text-shadow:0 0 15px rgba(58,208,230,.3)}.ht-difference-item p{font-size:clamp(1.5rem,2.4vw,1.74rem);line-height:1.7;color:var(--ht-text-dim);margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.ht-commitment-section{background:linear-gradient(135deg,#1a2f38fa,#0d1f26f2)}.ht-commitment-intro{text-align:center;font-size:clamp(1.8rem,3.12vw,2.16rem);color:var(--ht-text-light);margin-bottom:40px;text-shadow:0 0 15px rgba(58,208,230,.2)}.ht-commitment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;margin-bottom:40px}.ht-commitment-item{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px;background:#0a181dcc;border-radius:var(--ht-radius-sm);border:1px solid rgba(58,208,230,.2);box-shadow:inset 0 2px 4px #0000004d,0 4px 20px #0000004d;transition:all .3s ease;overflow:hidden}.ht-commitment-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(58,208,230,.1) 50%,transparent 100%);transition:left .6s ease}.ht-commitment-item:hover:before{left:100%}.ht-commitment-item:hover{border-color:var(--ht-accent);transform:translateY(-4px);box-shadow:inset 0 2px 4px #0000004d,0 8px 32px #0006,0 0 40px #3ad0e633}.ht-commit-icon{font-size:4.8rem;margin-bottom:20px;filter:drop-shadow(0 0 15px rgba(58,208,230,.5))}.ht-commitment-item h4{font-size:clamp(1.92rem,2.88vw,2.28rem);color:var(--ht-accent);margin:0 0 16px;text-shadow:0 0 15px rgba(58,208,230,.3)}.ht-commitment-item p{font-size:clamp(1.5rem,2.4vw,1.74rem);line-height:1.7;color:var(--ht-text-dim);margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.ht-age-notice{background:#f39c1226;border:2px solid #f39c12;border-radius:var(--ht-radius-sm);padding:28px;text-align:center;box-shadow:0 4px 20px #f39c1233,inset 0 2px 4px #0003}.ht-age-notice p{font-size:clamp(1.56rem,2.64vw,1.8rem);color:var(--ht-text-light);margin:0;line-height:1.7;text-shadow:0 2px 4px rgba(0,0,0,.3)}.ht-age-notice strong{color:#f39c12;text-shadow:0 0 10px rgba(243,156,18,.5)}@media (max-width: 768px){.ht-about-hero{padding:60px 0 50px;height:280px}.ht-about-content{padding:80px 0}.ht-about-section{padding:32px;margin-bottom:32px}.ht-section-header{flex-direction:column;align-items:flex-start;gap:16px}.ht-values-grid,.ht-difference-grid,.ht-commitment-grid{grid-template-columns:1fr}.ht-story-content p{font-size:clamp(1.44rem,2.4vw,1.62rem)}.ht-value-card p,.ht-difference-item p,.ht-commitment-item p{font-size:clamp(1.38rem,2.16vw,1.56rem)}}@media (max-width: 480px){.ht-container{padding:0 20px}.ht-about-section{padding:28px}.ht-about-hero{padding:50px 0 40px;height:250px}.ht-about-title{font-size:clamp(2.4rem,5.4vw,3.36rem)}.ht-about-subtitle{font-size:clamp(1.2rem,2.16vw,1.44rem)}.ht-section-header h2{font-size:clamp(2.4rem,4.2vw,3.12rem)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hightide-about.css.map */