/* HYEDRAM about — isolated design, no other pages affected */
.hye-about{background:#151923;color:#f5f5f7;overflow:hidden}
.hye-about *{box-sizing:border-box}.hye-about .container{position:relative}
.hye-about-hero{min-height:min(740px,88svh);position:relative;display:flex;align-items:center;background:radial-gradient(ellipse at 78% 35%,#333747 0,#1b2030 48%,#111621 100%);isolation:isolate}
.hye-about-art{position:absolute;inset:0 0 0 36%;z-index:-1;opacity:.48;overflow:hidden;pointer-events:none;mask-image:linear-gradient(to right,transparent,#000 25%,#000 75%,transparent)}
.hye-about-art img{position:absolute;width:110%;height:110%;top:-5%;left:-5%;object-fit:contain;transform:translate3d(var(--about-x,0px),var(--about-y,0px),0) scale(1.05);transition:transform .35s ease-out;filter:drop-shadow(0 12px 35px #0006)}
.hye-about-hero:after{content:"";position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(transparent,#151923);pointer-events:none}
.hye-about-hero-inner{z-index:1;padding-top:110px;padding-bottom:125px}
.hye-about-kicker{display:inline-flex;align-items:center;gap:12px;color:#e6bf55;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.hye-about-dot{width:4px;height:4px;background:#e6bf55;border-radius:50%}
.hye-about-hero h1{font-size:clamp(48px,6.3vw,94px);line-height:1.04;letter-spacing:-.055em;max-width:820px;font-weight:800;margin:26px 0}
.hye-about em{color:#e8be51;font-style:normal}
.hye-about-hero p{max-width:560px;font-size:clamp(16px,1.5vw,19px);line-height:1.8;color:#c7cbd6}
.hye-about-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:34px}
.hye-about-btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:#e8be51;color:#171b26;text-decoration:none;font-size:13px;font-weight:800;padding:16px 22px;border-radius:5px;transition:transform .2s,background .2s}
.hye-about-btn:hover{background:#f7d982;color:#171b26;transform:translateY(-2px)}
.hye-about-secondary{color:#f2f2f4;text-decoration:none;font-weight:700;font-size:13px}.hye-about-secondary:hover{color:#e8be51}
.hye-about-scroll{position:absolute;bottom:34px;left:max(6%,calc((100% - 1320px)/2));z-index:2;color:#aeb7c8;text-decoration:none;font-size:10px;letter-spacing:.18em;display:flex;align-items:center;gap:12px}
.hye-about-scroll span{font-size:23px;color:#e8be51}
.hye-about-intro{padding:clamp(68px,8vw,115px) 0;background:#151923}
.hye-about-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px)}
.hye-about h2{font-size:clamp(33px,3.5vw,55px);line-height:1.16;letter-spacing:-.035em;font-weight:800;margin:20px 0}
.hye-about-intro h2 span{color:#e8be51}
.hye-about-prose p,.hye-about-blockchain p{color:#c4cad4;font-size:16px;line-height:1.85;margin:0 0 20px}
.hye-about-impact{padding:clamp(65px,7vw,105px) 0;background:#202534}
.hye-about-section-head{max-width:750px;margin-bottom:38px}
.hye-about-section-head>p{color:#bdc5d1;font-size:16px;line-height:1.75}
.hye-about-impact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.hye-about-impact-grid article{border:1px solid #3b4356;background:linear-gradient(145deg,#303648,#252b39);padding:30px 24px;min-height:230px;transition:transform .2s,border-color .2s}
.hye-about-impact-grid article:hover{transform:translateY(-5px);border-color:#cba84d}
.hye-about-index{color:#e8be51;font-size:12px;font-weight:800;letter-spacing:.1em}
.hye-about-impact-grid h3{font-size:19px;font-weight:800;margin:28px 0 12px;color:#fff}
.hye-about-impact-grid p{font-size:14px;color:#bdc5d1;line-height:1.7;margin:0}
.hye-about-blockchain{padding:clamp(65px,8vw,115px) 0;background:#151923}
.hye-about-blockchain-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,6vw,90px);align-items:center}
.hye-about-svg-stage{min-height:340px;background:radial-gradient(circle,#34394b,#1d2330 65%,#171c28);border:1px solid #343b4d;border-radius:12px;display:grid;place-items:center;padding:24px;overflow:hidden}
.hye-about-svg-stage img{display:block;width:100%;max-height:400px;object-fit:contain;animation:hyeAboutFloat 8s ease-in-out infinite}
.hye-about-blockchain .hye-about-btn{margin-top:15px}
.hye-about-closing{text-align:center;padding:clamp(75px,8vw,120px) 0;background:radial-gradient(ellipse at 50% 100%,#373749,#202534 68%)}
.hye-about-closing h2{font-size:clamp(42px,5.5vw,76px);margin:22px 0}
.hye-about-closing p{max-width:540px;color:#c4cad4;line-height:1.8;margin:0 auto 30px}
@keyframes hyeAboutFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(max-width:991px){.hye-about-hero{min-height:650px}.hye-about-art{left:25%;opacity:.29}.hye-about-impact-grid{grid-template-columns:repeat(2,1fr)}.hye-about-intro-grid,.hye-about-blockchain-grid{gap:35px}}
@media(max-width:767px){.hye-about-hero{min-height:600px}.hye-about-hero-inner{padding-top:110px;padding-bottom:100px}.hye-about-art{left:0;opacity:.17;mask-image:linear-gradient(transparent,#000 30%,transparent)}.hye-about-intro-grid,.hye-about-blockchain-grid{grid-template-columns:1fr}.hye-about-impact-grid{grid-template-columns:1fr 1fr}.hye-about-impact-grid article{min-height:195px;padding:23px 17px}.hye-about-impact-grid h3{font-size:17px;margin-top:20px}.hye-about-scroll{left:20px}.hye-about-svg-stage{min-height:250px}}
@media(max-width:450px){.hye-about-impact-grid{grid-template-columns:1fr}.hye-about-impact-grid article{min-height:0}.hye-about-actions{gap:17px}.hye-about-hero h1{font-size:46px}}
@media(prefers-reduced-motion:reduce){.hye-about-svg-stage img{animation:none!important}.hye-about-art img,.hye-about-impact-grid article,.hye-about-btn{transition:none!important}}