.about-hero{text-align:center;background:linear-gradient(#0000004d,#0000);padding-top:220px;padding-bottom:80px;position:relative;overflow:hidden}.about-hero h1{color:var(--gold);text-shadow:0 0 30px #d4af374d,0 10px 20px #00000080;margin-bottom:20px;font-size:clamp(3.5rem,10vw,6.5rem);font-weight:900;animation:1s forwards fadeInUp}.about-hero p{opacity:0;letter-spacing:8px;text-transform:uppercase;color:var(--lava-red);font-size:1.1rem;font-weight:800;animation:1s .3s forwards fadeInUp}.story-section{padding:120px 0}.story-grid{grid-template-columns:1fr 1.2fr;align-items:center;gap:100px;display:grid}.story-text h2{color:var(--gold);text-shadow:0 0 20px #d4af3766;margin-bottom:40px;font-size:clamp(2.8rem,6vw,4rem);font-weight:900}.story-text p{margin-bottom:30px;font-size:1.15rem}.story-image{aspect-ratio:1;box-shadow:var(--shadow-strong);z-index:1;border-radius:4px;position:relative}.story-image:after{content:"";border:2px solid var(--gold);z-index:-1;transition:var(--transition);border-radius:4px;position:absolute;inset:20px -20px -20px 20px}.story-grid:hover .story-image:after{inset:10px -10px -10px 10px}.philosophy-banner{text-align:center;border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);background:#0003;padding:150px 0;position:relative}.philosophy-banner blockquote{max-width:1000px;color:var(--gold);text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 30px #d4af374d;margin:0 auto;font-size:clamp(1.8rem,5vw,3rem);font-weight:900;line-height:1.3}.mastery-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:120px;display:grid}.mastery-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--glass-border);transition:var(--transition);border-radius:4px;padding:60px 40px}.mastery-card:hover{border-color:var(--gold);box-shadow:var(--shadow-strong);transform:translateY(-15px)}.mastery-card i{color:var(--lava-red);transition:var(--transition);margin-bottom:35px;display:inline-block}.mastery-card:hover i{color:var(--gold);transform:scale(1.2)}.mastery-card h3{color:var(--gold);letter-spacing:2px;margin-bottom:25px;font-size:1.8rem;font-weight:900}.mastery-card p{opacity:.9;color:#fff;font-size:1.05rem;line-height:1.8}@media (max-width:1100px){.story-grid{grid-template-columns:1fr;gap:80px}.mastery-grid{grid-template-columns:1fr}}@media (max-width:768px){.mastery-card h3{margin-bottom:10px!important;font-size:.95rem!important}.mastery-card p{font-size:.65rem!important;line-height:1.3!important}.about-hero{padding-top:160px!important;padding-bottom:40px!important}.about-hero h1{font-size:3.5rem!important}.story-image:after{display:none!important}.philosophy-banner{padding:100px 0!important}}