/* RaccLi — About Page */
.rkl-about-page{background:#f5f1e8;color:#103c32;overflow:hidden}.rkl-about-container{width:min(1180px,calc(100% - 80px));margin:0 auto}
.rkl-about-hero{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center;background:url("assets/images/hero-temporary.jpg") center/cover no-repeat}.rkl-about-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,36,29,.50),rgba(4,36,29,.25),rgba(4,36,29,.55))}.rkl-about-hero-content{position:relative;z-index:2;text-align:center;color:#fff}.rkl-about-hero-content h1{margin:15px 0 10px;font-size:clamp(38px,5vw,66px);font-weight:700}.rkl-about-hero-content p{margin:0;color:#d8b56a;font-size:18px}.rkl-about-hero-mark{display:flex;align-items:center;justify-content:center;gap:16px}.rkl-about-hero-mark span{width:50px;height:1px;background:#d8b56a}.rkl-about-leaf{color:#d8b56a;font-size:30px}
.rkl-about-intro{padding:100px 0;display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:center}.rkl-about-intro-image{position:relative}.rkl-about-intro-image img{display:block;width:100%;height:470px;object-fit:cover;border-radius:10px}.rkl-about-image-line{position:absolute;right:-20px;bottom:-20px;width:150px;height:150px;border-right:2px solid #cba65d;border-bottom:2px solid #cba65d;border-radius:0 0 12px 0}.rkl-about-intro-text{text-align:right}.rkl-about-eyebrow{display:inline-block;margin-bottom:16px;color:#b18b3e;font-weight:700;font-size:17px}.rkl-about-intro-text h2{margin:0 0 25px;font-size:clamp(30px,4vw,46px);line-height:1.5}.rkl-about-intro-text p{margin:0 0 17px;color:#52665f;font-size:17px;line-height:2.1}
.rkl-about-section-title{display:flex;justify-content:center;align-items:center;gap:18px;margin-bottom:42px}.rkl-about-section-title span{width:35px;height:1px;background:#cba65d}.rkl-about-section-title h2{margin:0;color:#103c32;font-size:30px}
.rkl-about-mv{padding:80px 0 100px;background:#eeeadf}.rkl-about-mv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.rkl-about-mv-card{min-height:250px;padding:48px 45px;background:#faf8f2;border:1px solid rgba(203,166,93,.20);border-radius:12px;text-align:right;box-shadow:0 15px 40px rgba(16,60,50,.06)}.rkl-about-icon{width:58px;height:58px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;border:1px solid #cba65d;border-radius:50%;color:#b18b3e;font-size:25px}.rkl-about-mv-card h3{margin:0 0 14px;font-size:24px}.rkl-about-mv-card p{margin:0;color:#63736e;line-height:2;font-size:16px}
.rkl-about-activity{padding:100px 0}.rkl-about-activity-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.rkl-about-activity-card{position:relative;height:310px;overflow:hidden;border-radius:10px}.rkl-about-activity-card img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s ease}.rkl-about-activity-card:hover img{transform:scale(1.06)}.rkl-about-activity-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,36,29,.95),rgba(4,36,29,.10) 70%)}.rkl-about-activity-overlay{position:absolute;z-index:2;right:0;left:0;bottom:0;padding:25px 15px;text-align:center;color:#fff}.rkl-about-activity-icon{width:48px;height:48px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;border:1px solid #d8b56a;border-radius:50%;color:#d8b56a;font-size:22px}.rkl-about-activity-overlay h3{margin:0;color:#fff;font-size:17px}
.rkl-about-philosophy{position:relative;min-height:300px;display:flex;align-items:center;overflow:hidden}.rkl-about-philosophy-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,36,29,.88),rgba(4,36,29,.60)),url("assets/images/hero-temporary.jpg") center/cover no-repeat}.rkl-about-philosophy-content{position:relative;z-index:2;width:100%;text-align:center;color:#d8b56a}.rkl-about-philosophy-content h2{margin:18px 0;font-size:clamp(28px,4vw,50px);letter-spacing:2px}.rkl-about-philosophy-content h2 span{margin:0 12px;color:#fff}.rkl-about-philosophy-line{width:min(430px,65%);height:1px;margin:auto;background:rgba(216,181,106,.7)}
.rkl-about-final{position:relative;min-height:310px;display:flex;align-items:center;justify-content:center;background:url("assets/images/hero-temporary.jpg") center/cover no-repeat}.rkl-about-final-overlay{position:absolute;inset:0;background:rgba(4,36,29,.90)}.rkl-about-final-content{position:relative;z-index:2;text-align:center;color:#fff}.rkl-about-final-content h2{margin:0 0 8px;font-size:34px}.rkl-about-final-content p{margin:0 0 25px;color:#d8b56a;font-size:17px}.rkl-about-final-button{display:inline-flex;align-items:center;gap:20px;padding:13px 28px;border:1px solid #d8b56a;border-radius:50px;color:#fff;text-decoration:none;transition:.3s ease}.rkl-about-final-button span{color:#d8b56a;font-size:20px}.rkl-about-final-button:hover{background:#d8b56a;color:#103c32}
@media(max-width:900px){.rkl-about-container{width:min(100% - 40px,700px)}.rkl-about-intro{grid-template-columns:1fr;gap:55px;padding:70px 0}.rkl-about-mv-grid{grid-template-columns:1fr}.rkl-about-activity-grid{grid-template-columns:repeat(2,1fr)}.rkl-about-activity-card:last-child{grid-column:1/-1;width:calc(50% - 8px);margin:auto}}
@media(max-width:560px){.rkl-about-hero{min-height:350px}.rkl-about-intro{padding:55px 0}.rkl-about-intro-image img{height:330px}.rkl-about-intro-text h2{font-size:30px}.rkl-about-intro-text p{font-size:15px}.rkl-about-mv{padding:60px 0}.rkl-about-mv-card{padding:35px 25px}.rkl-about-activity{padding:65px 0}.rkl-about-activity-grid{grid-template-columns:1fr 1fr;gap:10px}.rkl-about-activity-card{height:240px}.rkl-about-activity-card:last-child{width:100%;grid-column:1/-1}.rkl-about-philosophy{min-height:240px}.rkl-about-philosophy-content h2{font-size:27px}.rkl-about-final{min-height:260px}}
