/* About page: presentation-only layout, scoped to the dedicated template. */

.lareen-about{--about-line:#dfe7ee;--about-muted:#526579}
.lareen-about .page-hero{padding-block:clamp(52px,6vw,82px)}
.lareen-about > .about-hero .about-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(28px,5vw,72px)}
.lareen-about .page-hero-content h1{font-size:clamp(1.85rem,3.4vw,3rem);line-height:1.48}
.lareen-about > .about-hero .about-hero-grid .hero-lead{font-size:clamp(1rem,1.35vw,1.13rem);line-height:1.95!important;color:#e0eaf1}
.lareen-about > .about-hero .page-hero-visual{min-width:0}
.lareen-about .about-intro-section,.lareen-about .about-process-section,.lareen-about .about-details-section{padding-block:clamp(38px,5vw,70px)}
.lareen-about .about-intro-section{background:#fff}
.lareen-about .about-intro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.5vw,26px);align-items:stretch}
.lareen-about .about-story-card{position:relative;min-width:0;padding:clamp(24px,3vw,38px);background:#fff;border:1px solid var(--about-line);border-radius:18px;box-shadow:0 8px 30px rgba(11,37,69,.035)}
/* Semantic inline SVG icons from the theme icon library; no fonts or empty pseudo-icons. */
.lareen-about .about-card-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:48px;height:48px;margin-block-end:18px;border:1px solid #e9d9ba;border-radius:12px;background:#f8f0df;color:#76541b}
.lareen-about .about-card-icon svg{display:block;flex:none;width:24px;height:24px;stroke:currentColor}
.lareen-about .about-story-card--soft{background:#f5f8fb}
.lareen-about .about-story-card h2,.lareen-about .about-detail-card h2,.lareen-about .about-booking-card h2{font-size:clamp(1.28rem,2vw,1.7rem);line-height:1.48;margin:0 0 14px;color:#0b2545}
.lareen-about .about-story-card p,.lareen-about .about-detail-card p,.lareen-about .about-booking-card p{color:var(--about-muted);font-size:1rem;line-height:1.95;margin:0}
.lareen-about :where(.about-story-card,.about-detail-card,.about-booking-card) a:not(.btn){color:#15517d;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.lareen-about .about-process-section{background:#eff4f8;border-block:1px solid #e4ebf1}
.lareen-about .about-process-section .section-header{max-width:none;margin-block-end:24px}
.lareen-about .about-process-section .section-header h2{font-size:clamp(1.5rem,2.6vw,2.15rem);margin:0}
.lareen-about .about-process-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0}
.lareen-about .about-process-card{position:relative;min-width:0;padding:clamp(22px,2.6vw,30px);border-radius:16px;border:1px solid var(--about-line);background:#fff;box-shadow:none;min-height:180px;gap:9px;transition:border-color .2s ease,box-shadow .2s ease}
.lareen-about .about-process-card .about-card-icon{width:44px;height:44px;margin-block-end:8px}
.lareen-about .about-process-card:hover{transform:none;border-color:#cda965;box-shadow:0 10px 24px rgba(11,37,69,.055)}
.lareen-about .about-process-card h3{font-size:clamp(1.07rem,1.5vw,1.2rem);line-height:1.5;margin:0}
.lareen-about .about-process-card p{font-size:.98rem;line-height:1.85;margin:0;color:var(--about-muted)}
.lareen-about .about-details-section{background:#fff}
.lareen-about .about-details-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(16px,2.4vw,26px);align-items:start}
.lareen-about .about-details-list{min-width:0;display:grid;gap:18px}
.lareen-about .about-detail-card{min-width:0;padding:clamp(24px,2.7vw,32px);border:1px solid var(--about-line);border-radius:16px;background:#f8fafc}
.lareen-about .about-booking-card{position:relative;padding:clamp(26px,3vw,36px);margin:0;border:1px solid #d5e0eb;border-block-start:4px solid #c5922e;border-radius:16px;background:#fff;box-shadow:0 12px 34px rgba(11,37,69,.06)}
.lareen-about .about-booking-card .btn{margin-block-start:24px;min-height:50px;white-space:normal!important}
@media(max-width:960px){
 .lareen-about > .about-hero .about-hero-grid{grid-template-columns:1fr;gap:24px}
 .lareen-about .page-hero-content{max-width:780px}
 .lareen-about > .about-hero .page-hero-visual{width:100%;max-width:620px;margin-inline:auto}
 .lareen-about .about-details-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
 .lareen-about .about-intro-grid,.lareen-about .about-process-grid{grid-template-columns:1fr}
 .lareen-about .about-process-card{min-height:0}
 .lareen-about .about-story-card,.lareen-about .about-detail-card,.lareen-about .about-booking-card{padding:22px 20px}
 .lareen-about .about-intro-section,.lareen-about .about-process-section,.lareen-about .about-details-section{padding-block:38px}
 .lareen-about .about-booking-card .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.lareen-about .about-process-card{transition:none}}