.about-hero{position:relative; isolation:isolate;}
.about-hero .container{position:relative; z-index:1;}
.about-hero-copy{position:relative; z-index:2;}
.about-hero-visual{position:relative; z-index:0; isolation:isolate;}
.about-hero-visual::after{content:""; position:absolute; top:14%; left:10%; width:68%; height:68%; border-radius:40%; background:radial-gradient(circle, rgba(212,175,55,0.24), transparent 62%); pointer-events:none; z-index:0;}
.about-hero-ctas{margin-top:24px; position:relative; z-index:2;}
.about-hero-ctas .btn,
.about-hero-copy .btn{position:relative; z-index:2;}
.hero-trustrow{gap:20px;}
.hero-trustrow .trust-stat{min-width:170px;}
.about-grid{display:grid; grid-template-columns:0.95fr 1.05fr; gap:56px; align-items:center;}
.about-media{aspect-ratio:4/5;}
.about-highlights{display:grid; gap:16px; margin-top:24px;}
.about-highlight{background:rgba(255,255,255,0.88); border:1px solid rgba(16,27,54,0.08); border-radius:20px; padding:22px 24px; box-shadow:0 18px 38px -24px rgba(16,27,54,0.18); color:var(--navy);}
.mission-grid, .service-cards, .feature-grid, .language-grid{display:grid; gap:24px;}
.mission-grid{grid-template-columns:repeat(2,1fr);}
.feature-grid{grid-template-columns:repeat(2,1fr);}
.language-grid{grid-template-columns:repeat(4,1fr);}
.service-cards{grid-template-columns:repeat(3,1fr);}
.service-card-light{background:#FEFBF3;}
.mission-card, .feature-card, .language-card{background:var(--paper); border:1px solid rgba(16,27,54,0.08); border-radius:24px; box-shadow:var(--shadow); padding:32px;}
.mission-card{display:flex; gap:18px; align-items:flex-start;}
.mission-icon{width:58px; height:58px; border-radius:18px; background:rgba(212,175,55,0.12); display:grid; place-items:center; color:var(--saffron-deep);}
.mission-icon svg{width:30px; height:30px; stroke:var(--saffron-deep);}
.mission-card h3, .feature-card h3{margin-bottom:12px; font-size:20px;}
.language-card{padding:20px 18px; text-align:center; font-size:15px; font-weight:700; color:var(--navy);}
.language-card-more{background:linear-gradient(135deg, var(--saffron), var(--saffron-deep)); color:#fff; border-color:transparent;}
.feature-card{display:grid; grid-template-columns:minmax(48px, auto) 1fr; gap:22px; align-items:start;}
.feature-icon{width:50px; height:50px; border-radius:18px; background:rgba(212,175,55,0.14); display:grid; place-items:center; color:var(--gold-deep); font-size:20px;}
.feature-card p{color:var(--muted); margin:0; line-height:1.8;}
.cta-hero{background:linear-gradient(150deg, #111D3A, #0F1A36); color:#F4EFE1; border-radius:32px; padding:72px 0; margin:80px 0 0;}
.cta-hero-panel{display:grid; grid-template-columns:1.2fr auto; gap:32px; align-items:center;}
.cta-hero h2{margin-bottom:16px;}
.cta-actions{justify-content:flex-end;}
.faq-list{display:grid; gap:18px;}
details.faq-item{background:var(--paper); border:1px solid rgba(16,27,54,0.08); border-radius:24px; box-shadow:var(--shadow); overflow:hidden;}
details.faq-item summary{cursor:pointer; padding:24px; font-family:var(--font-display); font-size:18px; color:var(--navy); list-style:none;}
details.faq-item summary::-webkit-details-marker{display:none;}
details.faq-item summary::after{content:'+'; font-size:24px; color:var(--gold-deep); float:right;}
details.faq-item[open] summary::after{content:'−';}
.faq-item .faq-a{padding:0 24px 24px; color:var(--muted); font-size:15px; line-height:1.85;}
.about-book-layout{grid-template-columns:1.2fr 0.8fr;}
@media (max-width: 980px){
  .about-hero-grid, .about-grid, .mission-grid, .service-cards, .feature-grid, .language-grid, .cta-hero-panel, .about-book-layout{grid-template-columns:1fr;}
  .cta-actions{justify-content:flex-start;}
  .about-grid--premium{gap:40px;}
  .about-feature-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width: 720px){
  .about-hero{padding-top:64px; padding-bottom:64px;}
  .about-hero-visual{min-height:420px;}
  .mission-grid, .feature-grid, .service-cards, .language-grid{grid-template-columns:1fr;}
  .language-grid{grid-template-columns:repeat(2,1fr);}
  .language-card{font-size:14px;}
  .about-feature-grid{grid-template-columns:1fr;}
  .about-collage{gap:18px;}
  .about-collage__tile--top-left, .about-collage__tile--top-right{height:220px;}
  .about-collage__hero{height:220px;}
  .about-collage__center{width:140px; height:140px; margin:16px 0 18px;}
}

.trusted-section{position:relative; padding:96px 0 84px; overflow:hidden; background:linear-gradient(180deg, rgba(255,255,255,0.72), rgba(250,247,239,0.95));}
.trusted-shine{position:absolute; inset:auto 0 0 0; height:140px; background:radial-gradient(circle at top, rgba(212,175,55,0.16), transparent 72%); pointer-events:none;}
.trusted-heading{max-width:720px; margin:0 auto 36px; text-align:center; position:relative; z-index:1;}
.trusted-heading h2{font-size:clamp(28px, 3.2vw, 38px); margin-bottom:14px; color:var(--navy);}
.trusted-heading p{font-size:15.5px; line-height:1.8; color:var(--muted);}
.trusted-marquee{position:relative; overflow:hidden; mask-image:linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%); -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);}
.trusted-marquee-track{display:flex; width:max-content; align-items:center; gap:18px; padding:8px 0; will-change:transform; animation:trusted-scroll 36s linear infinite; flex-wrap:nowrap;}
.trusted-marquee.is-hovered .trusted-marquee-track,
.trusted-marquee:hover .trusted-marquee-track{animation-play-state:paused;}
.trusted-logo-item{display:flex; align-items:center; justify-content:center; min-width:160px; height:88px; padding:16px 22px; border:1px solid rgba(16,27,54,0.08); border-radius:20px; background:rgba(255,255,255,0.82); box-shadow:0 18px 34px -22px rgba(16,27,54,0.26); backdrop-filter:blur(6px);}
.trusted-logo-item img{display:block; max-height:42px; width:auto; max-width:136px; object-fit:contain; filter:grayscale(0.12) brightness(0.98);} 
.trusted-note{margin-top:20px; text-align:center; font-size:13px; color:var(--muted); position:relative; z-index:1;}
@keyframes trusted-scroll{from{transform:translate3d(0,0,0);} to{transform:translate3d(-50%,0,0);}}
.about-section{background:#fff; position:relative; overflow:hidden;}
.about-section::before{content:""; position:absolute; inset:0; background:radial-gradient(circle at top left, rgba(212,175,55,0.18) 0%, rgba(247,167,183,0.12) 34%, transparent 74%); pointer-events:none;}
.about-grid--premium{grid-template-columns:minmax(0,0.95fr) minmax(0,1.05fr); gap:64px; align-items:center; position:relative; z-index:1;}
.about-copy--premium{max-width:600px;}
.about-copy--premium .eyebrow{margin-bottom:16px; letter-spacing:0.26em; text-transform:uppercase; font-size:12px;}
.about-copy--premium h2{font-size:clamp(2rem, 3.2vw, 3rem); line-height:1.15; margin:0 0 16px; color:var(--navy);}
.about-divider{width:88px; height:3px; background:linear-gradient(90deg, var(--gold-deep), var(--saffron)); border-radius:999px; margin:18px 0 24px;}
.about-copy--premium p{color:var(--muted); font-size:16px; line-height:1.85; margin-bottom:16px;}
.about-feature-grid{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:20px; margin:28px 0 30px;}
.about-feature-card{background:rgba(255,255,255,0.95); border:1px solid rgba(16,27,54,0.08); border-radius:22px; padding:24px; box-shadow:0 20px 45px rgba(16,27,54,0.07); animation:aboutSlideUp .7s ease both;}
.about-feature-card:nth-child(2){animation-delay:.12s;}
.about-feature-card h3{font-size:18px; margin-bottom:10px; color:var(--navy); font-family:var(--font-display);}
.about-feature-card p{margin:0; font-size:15px; line-height:1.75;}
.about-cta{display:inline-flex; align-items:center; gap:10px; padding:14px 24px;}
.about-cta span{font-size:18px; transition:transform .3s ease;}
.about-cta:hover span{transform:translateX(4px);}
.about-collage-shell{position:relative; padding:22px; background:radial-gradient(circle at top left, rgba(212,175,55,0.18), rgba(238,154,172,0.12) 38%, transparent 72%); border-radius:32px; box-shadow:0 20px 60px rgba(0,0,0,0.08);}
.about-collage{position:relative; display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:24px; align-items:start; min-height:560px;}
.about-card{background:#fff; border-radius:24px; padding:12px; box-shadow:0 20px 60px rgba(0,0,0,0.08); transition:.4s ease; display:flex; flex-direction:column; align-items:center; text-align:center; animation:aboutFadeUp .8s ease both;}
.about-card:hover{transform:translateY(-8px); box-shadow:0 28px 70px rgba(0,0,0,0.12);} 
.about-card img{width:100%; object-fit:cover; border-radius:18px; display:block;}
.about-card h3{font-size:20px; font-weight:700; color:#1d1d1d; margin:14px 0 6px; line-height:1.2;}
.about-card p{font-size:14px; font-weight:500; color:#8a6b2d; margin:0 0 4px;}
.about-card--founder{grid-column:1 / -1; justify-self:center; width:min(360px, 100%); padding:16px;}
.about-card--founder img{height:420px; width:100%; max-width:320px;}
.about-card--left img, .about-card--right img{height:220px; width:100%; max-width:180px;}
.about-card--god{grid-column:1 / -1; justify-self:center; width:min(240px, 100%); padding:12px;}
.about-card--god img{height:140px; width:100%; max-width:140px;}
.about-card--left{margin-top:24px;}
.about-card--right{margin-top:24px;}
@media (max-width: 980px){
  .about-collage{min-height:auto; grid-template-columns:1fr 1fr;}
  .about-card--founder{width:100%; max-width:360px;}
  .about-card--left, .about-card--right{margin-top:0;}
}
@media (max-width: 720px){
  .about-collage{grid-template-columns:1fr; gap:18px;}
  .about-card--founder, .about-card--left, .about-card--right, .about-card--god{grid-column:auto; width:100%; max-width:none;}
  .about-card--founder img{height:280px; max-width:none;}
  .about-card--left img, .about-card--right img, .about-card--god img{height:220px; max-width:none;}
  .about-card--god img{height:220px;}
}
@keyframes aboutFadeUp{from{opacity:0; transform:translateY(24px);} to{opacity:1; transform:translateY(0);} }
@keyframes aboutSlideUp{from{opacity:0; transform:translateY(22px);} to{opacity:1; transform:translateY(0);} }

/* Hero image sizing */
.hero-image{width:100%; max-width:700px; height:auto; object-fit:contain; border-radius:24px; box-shadow:0 26px 62px -24px rgba(16,27,54,0.3); position:relative; z-index:1; display:block;}

/* Logo brand styling */
.brand-logo{display:block; height:70px; width:auto; object-fit:contain; transition:transform .3s ease;}
.brand-logo:hover, .brand-logo:focus-visible{transform:scale(1.05);}
@media (max-width:900px){.brand-logo{height:60px;}}
@media (max-width:600px){.brand-logo{height:50px;}}

/* Utility classes extracted from inline styles (about.html) */
.eyebrow-center{justify-content:center;}
.mobile-nav-title{color:#FDF9EF;}
.footer-address{font-size:14px; margin-bottom:14px;}
.footer-map-iframe{border:0;}

/* Disable text selection and long-press context globally on touch devices
   Keep form controls and contenteditable areas selectable. */
html, body, :root, *{
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  -webkit-touch-callout: none !important;
  -webkit-tap-highlight-color: transparent !important;
  -webkit-user-drag: none !important;
}

input, textarea, select, [contenteditable="true"],
input *, textarea *, select *, [contenteditable="true"] *{
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
  -webkit-touch-callout: default !important;
  -webkit-tap-highlight-color: inherit !important;
  -webkit-user-drag: auto !important;
}

input::selection, textarea::selection, [contenteditable="true"]::selection{
  background: Highlight;
  color: HighlightText;
}