/* ============================================================
   TAPFLASH | ABOUT US
   ============================================================ */
body { overflow-x: hidden; }
.about-hero { position: relative; overflow: hidden; padding: 104px 0 92px; background: #f8fafc; }
.about-grid-pattern { position: absolute; inset: 0; opacity: .42; background-image: radial-gradient(rgba(37,99,235,.18) .65px, transparent .65px); background-size: 18px 18px; mask-image: linear-gradient(90deg, black, transparent 45%);animation:aboutMapGrid 20s linear infinite; }.about-orb { position: absolute; border-radius: 50%; filter: blur(70px); pointer-events: none;animation:aboutOrbTravel 9s ease-in-out infinite; }.about-orb--blue { width: 390px; height: 390px; top: -220px; left: 30%; background: rgba(37,99,235,.13); }.about-orb--green { width: 330px; height: 330px; right: -80px; bottom: -170px; background: rgba(34,197,94,.13);animation-delay:-4.5s; }
.about-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.05fr .95fr; gap: 68px; align-items: center; }.about-hero-copy h1 { max-width: 700px; color: var(--navy); font-size: clamp(43px,5.2vw,68px); line-height: 1.04; }.about-hero-copy h1 span { position: relative; color: var(--blue); }.about-hero-copy h1 span::after { content: ''; position: absolute; left: 0; bottom: -4px; width: 100%; height: 4px; border-radius: 5px; background: var(--green); transform: scaleX(0); transform-origin: left; animation: underlineIn .8s .7s forwards; }.about-hero-copy > p { max-width: 630px; margin: 24px 0 32px; color: var(--text); font-size: 17px; line-height: 1.75; }.about-actions { display: flex; flex-wrap: wrap; gap: 12px; }.about-actions svg, .impact-link svg, .about-cta-actions svg { width: 16px; height: 16px; }.about-proof { display: flex; flex-wrap: wrap; gap: 25px; margin-top: 39px; }.about-proof > span { display: flex; align-items: center; gap: 7px; color: var(--text); font-size: 11px; }.about-proof svg { width: 15px; color: var(--green); }.about-proof strong { color: var(--navy); }

/* Regional hero panel */
.region-visual { position: relative; min-height: 540px; animation: visualIn .85s .2s both cubic-bezier(.2,.8,.2,1); }.region-panel { overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 28px; color: white; background: #0b1628; box-shadow: 0 38px 80px rgba(15,23,42,.22), 0 0 0 8px rgba(255,255,255,.65); }.region-topbar { display: flex; justify-content: space-between; align-items: center; padding: 14px 16px; border-bottom: 1px solid rgba(255,255,255,.07); }.region-topbar > div { display: flex; align-items: center; gap: 9px; }.region-logo { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 8px; background: var(--blue); font: 800 11px 'Manrope'; }.region-topbar strong { font-size: 10px; }.region-live { display: flex; align-items: center; gap: 5px; padding: 5px 8px; border-radius: 99px; color: #86efac; background: rgba(34,197,94,.08); font-size: 7px; }.region-live i { width: 5px; height: 5px; border-radius: 50%; background: var(--green); }
.region-map { position: relative; height: 370px; overflow: hidden; background: radial-gradient(circle at 52% 42%,#172943 0,#101d32 62%,#0c1728 100%); }.region-map::before{content:'';position:absolute;z-index:450;left:0;right:0;top:-28%;height:30%;pointer-events:none;background:linear-gradient(to bottom,transparent,rgba(56,189,248,.16),rgba(34,197,94,.08),transparent);filter:blur(3px);animation:mapRadarScan 5.5s ease-in-out infinite}.region-map::after { content: ''; position: absolute; z-index: 400; inset: 0; pointer-events: none; background: linear-gradient(180deg,rgba(8,17,31,.08),transparent 48%,rgba(8,17,31,.25)); }.region-map #region-live-map { position: absolute; inset: 0; z-index: 1; background: #101d32; }.region-map .leaflet-control-attribution { margin: 7px !important; padding: 3px 6px; border-radius: 6px; color: #64748b; background: rgba(8,17,31,.68); font-size: 6px; backdrop-filter: blur(6px); }.region-map .leaflet-control-attribution a { color: #94a3b8; }.map-city-marker { display: flex; align-items: center; gap: 7px; width: max-content; color: white; filter: drop-shadow(0 4px 8px rgba(0,0,0,.5)); }.map-city-marker > span { display: block; width: 10px; height: 10px; border: 2px solid #dbeafe; border-radius: 50%; background: #3b82f6; box-shadow: 0 0 0 5px rgba(59,130,246,.18);animation:mapFacilityPulse 2.6s var(--marker-delay,0s) ease-out infinite; }.map-city-marker.is-hub > span { background: var(--green); box-shadow: 0 0 0 5px rgba(34,197,94,.18);animation-name:mapHubPulse }.map-city-marker strong,.map-city-marker small { display: block; white-space: nowrap; text-shadow: 0 1px 4px #020617; }.map-city-marker strong { font: 700 8px 'Manrope'; }.map-city-marker small { margin-top: 1px; color: #94a3b8; font: 500 6px 'Inter'; }.tap-map-route { stroke-linecap:round;animation:regionRouteFlow 4.5s linear infinite,regionRouteGlow 3s ease-in-out infinite; }
.region-card { position: absolute; z-index: 500; left: 20px; right: 20px; bottom: 18px; display: flex; align-items: center; gap: 10px; padding: 12px; border: 1px solid rgba(255,255,255,.1); border-radius: 13px; background: rgba(8,17,31,.86); backdrop-filter: blur(12px);animation:regionCardBreathe 4s ease-in-out infinite; }.region-card > span { display: grid; place-items: center; width: 33px; height: 33px; border-radius: 9px; color: var(--green); background: rgba(34,197,94,.1);animation:regionShieldPulse 2.5s ease-in-out infinite; }.region-card svg { width: 15px; }.region-card div { flex: 1; }.region-card strong,.region-card small { display: block; }.region-card strong { font-size: 9px; }.region-card small { margin-top: 2px; color: #64748b; font-size: 7px; }.region-card em { padding: 4px 7px; border-radius: 99px; color: #86efac; background: rgba(34,197,94,.08); font-size: 6px; font-style: normal;animation:regionGrowing 2.8s ease-in-out infinite; }
.region-stats { display: grid; grid-template-columns: repeat(3,1fr); }.region-stats > div { padding: 14px; }.region-stats > div + div { border-left: 1px solid rgba(255,255,255,.07); }.region-stats span,.region-stats strong { display: block; }.region-stats span { color: #64748b; font-size: 6px; text-transform: uppercase; letter-spacing: .05em; }.region-stats strong { display: flex; align-items: center; gap: 5px; margin-top: 4px; font-size: 8px; }.region-stats strong i { width: 5px; height: 5px; border-radius: 50%; background: var(--green); }.floating-purpose { position: absolute; z-index: 3; right: -25px; top: 88px; display: flex; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid var(--border); border-radius: 14px; background: rgba(255,255,255,.96); box-shadow: 0 18px 45px rgba(15,23,42,.14); animation: purposeFloat 5s ease-in-out infinite; }.floating-purpose > span { display: grid; place-items: center; width: 33px; height: 33px; border-radius: 9px; color: var(--blue); background: rgba(37,99,235,.09); }.floating-purpose svg { width: 15px; }.floating-purpose strong,.floating-purpose small { display: block; }.floating-purpose strong { font-size: 9px; }.floating-purpose small { margin-top: 2px; color: var(--text); font-size: 7px; }

/* Belief statement */
.belief-section { padding: 90px 0; color: white; background: var(--navy); }.belief-layout { display: grid; grid-template-columns: .32fr 1.68fr; gap: 55px; align-items: start; }.belief-index { padding-top: 11px; color: var(--green); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }.belief-layout p { max-width: 900px; color: #94a3b8; font: 600 clamp(25px,3.2vw,39px)/1.4 'Manrope'; letter-spacing: -.02em; }.belief-layout strong { color: white; }

/* Story */
.story-section { padding: 116px 0; }.story-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 100px; }.section-kicker { display: inline-block; margin-bottom: 13px; color: var(--blue); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }.story-heading h2,.journey-heading h2,.principles-heading h2,.impact-copy h2 { color: var(--navy); font-size: clamp(32px,4vw,48px); line-height: 1.1; }.story-heading > p { margin-top: 19px; color: var(--text); font-size: 14px; line-height: 1.75; }.story-content > p { margin-bottom: 18px; color: var(--text); font-size: 15px; line-height: 1.85; }.story-callout { display: flex; gap: 14px; margin-top: 29px; padding: 20px; border-left: 3px solid var(--green); border-radius: 0 14px 14px 0; background: #f8fafc; }.story-callout > span { display: grid; place-items: center; flex-shrink: 0; width: 38px; height: 38px; border-radius: 11px; color: var(--blue); background: rgba(37,99,235,.09); }.story-callout svg { width: 17px; }.story-callout strong { font: 700 12px 'Manrope'; }.story-callout p { margin-top: 4px; color: var(--text); font-size: 11px; }

/* Gallery */
.gallery-section { padding: 116px 0; background: #f8fafc; }.gallery-heading { display: grid; grid-template-columns: 1fr .8fr; gap: 80px; align-items: end; margin-bottom: 46px; }.gallery-heading h2 { max-width: 720px; color: var(--navy); font-size: clamp(32px,4vw,48px); line-height: 1.1; }.gallery-heading > p { color: var(--text); font-size: 14px; line-height: 1.75; }.gallery-grid { display: grid; grid-template-columns: repeat(4,1fr); grid-auto-flow: dense; grid-auto-rows: 220px; gap: 15px; }.gallery-item { position: relative; overflow: hidden; border-radius: 19px; background: #dbe3ec; box-shadow: inset 0 0 0 1px rgba(15,23,42,.06); }.gallery-item--wide { grid-column: span 2; }.gallery-item--portrait { grid-row: span 2; }.gallery-item::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 48%,rgba(4,12,26,.72)); transition: background .3s ease; }.gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s cubic-bezier(.2,.8,.2,1); }.gallery-item span { position: absolute; z-index: 1; left: 18px; bottom: 16px; display: flex; align-items: center; gap: 7px; color: white; font-size: 10px; font-weight: 700; letter-spacing: .02em; }.gallery-item span::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(34,197,94,.15); }.gallery-item:hover img,.gallery-item:focus-visible img { transform: scale(1.045); }.gallery-item:hover::after,.gallery-item:focus-visible::after { background: linear-gradient(180deg,rgba(4,12,26,.05) 35%,rgba(4,12,26,.82)); }.gallery-item:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }
.gallery-grid--no-labels .gallery-item::after,.gallery-grid--no-labels .gallery-item span { display: none; }

/* Mission and vision */
.mission-section { padding: 0 0 116px; }.mission-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }.mission-card,.vision-card { position: relative; overflow: hidden; min-height: 375px; padding: 38px; border-radius: 28px; }.mission-card { border: 1px solid var(--border); background: #f8fafc; }.vision-card { color: white; background: var(--blue); }.mission-card-top { display: flex; justify-content: space-between; align-items: center; }.mission-card-top > span { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }.mission-card .mission-card-top > span { color: var(--blue); }.vision-card .mission-card-top > span { color: #dcfce7; }.mission-card-top svg { width: 22px; color: var(--green); }.mission-card h2,.vision-card h2 { position: relative; z-index: 1; max-width: 530px; margin-top: 55px; font-size: clamp(26px,3vw,37px); line-height: 1.2; }.vision-card h2 { color: white; }.mission-card p,.vision-card p { position: relative; z-index: 1; margin-top: 17px; font-size: 13px; }.mission-card p { color: var(--text); }.vision-card p { color: rgba(255,255,255,.75); }.mission-line { position: absolute; left: 38px; right: 38px; bottom: 34px; height: 4px; border-radius: 8px; background: linear-gradient(90deg,var(--blue) 68%,var(--green) 68%); }.vision-circles span { position: absolute; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; }.vision-circles span:first-child { width: 310px; height: 310px; right: -110px; bottom: -140px; }.vision-circles span:nth-child(2) { width: 210px; height: 210px; right: -60px; bottom: -90px; }.vision-circles span:last-child { width: 110px; height: 110px; right: -10px; bottom: -40px; background: rgba(34,197,94,.18); }

/* Journey */
.journey-section { padding: 110px 0; color: white; background: #0b1324; }.section-kicker--green { color: var(--green); }.journey-heading { max-width: 760px; margin-bottom: 60px; }.journey-heading h2 { color: white; }.journey-heading p { margin-top: 15px; color: #94a3b8; font-size: 14px; }.journey-track { display: grid; grid-template-columns: repeat(4,1fr); }.journey-track article { position: relative; padding-right: 28px; }.journey-marker { position: relative; display: flex; align-items: center; margin-bottom: 28px; }.journey-marker > span { z-index: 1; display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; color: #60a5fa; background: #111e32; font: 700 8px 'Manrope'; }.journey-marker > i { position: absolute; left: 38px; width: calc(100% - 10px); height: 1px; background: linear-gradient(90deg,var(--blue),rgba(96,165,250,.1)); }.journey-track article:last-child .journey-marker > span { color: white; border-color: var(--green); background: var(--green); box-shadow: 0 0 0 7px rgba(34,197,94,.08); }.journey-track article > small { color: var(--green); font-size: 8px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }.journey-track h3 { margin: 9px 0; font-size: 15px; }.journey-track p { min-height: 73px; color: #94a3b8; font-size: 10px; line-height: 1.65; }.journey-tag { display: inline-flex; align-items: center; gap: 5px; margin-top: 15px; padding: 5px 8px; border: 1px solid rgba(255,255,255,.09); border-radius: 99px; color: #94a3b8; background: rgba(255,255,255,.03); font-size: 7px; }.journey-tag svg { width: 10px; }.journey-tag--active { color: #86efac; border-color: rgba(34,197,94,.18); background: rgba(34,197,94,.07); }

/* Principles */
.principles-section { padding: 116px 0; background: #f8fafc; }.principles-heading { display: grid; grid-template-columns: 1fr .8fr; gap: 80px; align-items: end; margin-bottom: 50px; }.principles-heading > p { color: var(--text); font-size: 14px; line-height: 1.75; }.principles-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; }.principles-grid article { position: relative; min-height: 275px; padding: 25px; border: 1px solid var(--border); border-radius: 20px; background: white; transition: transform .25s ease,box-shadow .25s ease; }.principles-grid article:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(15,23,42,.07); }.principle-number { position: absolute; top: 22px; right: 23px; color: #dbe3ec; font: 800 23px 'Manrope'; }.principle-icon { display: grid; place-items: center; width: 43px; height: 43px; margin-bottom: 36px; border-radius: 12px; color: var(--blue); background: rgba(37,99,235,.09); }.principle-icon svg { width: 19px; }.principles-grid h3 { font-size: 16px; }.principles-grid p { margin-top: 10px; color: var(--text); font-size: 11px; line-height: 1.7; }

/* Impact */
.impact-section { padding: 116px 0; }.impact-layout { display: grid; grid-template-columns: .65fr 1.35fr; gap: 85px; align-items: center; }.impact-copy > p { margin: 18px 0 25px; color: var(--text); font-size: 14px; line-height: 1.75; }.impact-link { display: inline-flex; align-items: center; gap: 6px; color: var(--blue); font-size: 12px; font-weight: 700; }.impact-numbers { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--border); border-radius: 24px; overflow: hidden; }.impact-numbers > div { position: relative; min-height: 180px; padding: 28px; }.impact-numbers > div:nth-child(2n) { border-left: 1px solid var(--border); }.impact-numbers > div:nth-child(n+3) { border-top: 1px solid var(--border); }.impact-icon { position: absolute; top: 25px; right: 25px; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; color: var(--blue); background: rgba(37,99,235,.08); }.impact-icon svg { width: 15px; }.impact-numbers strong { display: block; margin-top: 31px; font: 800 35px 'Manrope'; }.impact-numbers strong span { color: var(--green); font-size: 20px; }.impact-numbers p { margin-top: 4px; color: var(--text); font-size: 10px; }

/* Founder */
.founder-section { padding: 0 0 116px; }.founder-message { position: relative; overflow: hidden; padding: 61px; border-radius: 28px; color: white; background: var(--navy); }.founder-message::after { content: 'T'; position: absolute; right: 35px; bottom: -90px; color: rgba(255,255,255,.025); font: 800 280px 'Manrope'; }.founder-mark { display: grid; place-items: center; width: 43px; height: 43px; margin-bottom: 28px; border-radius: 13px; color: var(--green); background: rgba(34,197,94,.1); }.founder-mark svg { width: 20px; }.founder-message blockquote { position: relative; z-index: 1; max-width: 900px; color: white; font: 600 clamp(23px,3vw,36px)/1.45 'Manrope'; letter-spacing: -.02em; }.founder-signature { position: relative; z-index: 1; display: flex; align-items: center; gap: 11px; margin-top: 32px; }.founder-avatar { display: grid; place-items: center; width: 39px; height: 39px; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; color: #60a5fa; background: rgba(37,99,235,.12); }.founder-avatar svg { width: 17px; }.founder-signature strong,.founder-signature small { display: block; }.founder-signature strong { font-size: 10px; }.founder-signature small { margin-top: 2px; color: #64748b; font-size: 8px; }

/* FAQ */
.about-faq-section { padding: 110px 0; color: white; background: #0b1324; }.about-faq-layout { display: grid; grid-template-columns: .65fr 1.35fr; gap: 85px; }.about-faq-heading h2 { color: white; font-size: clamp(32px,4vw,48px); line-height: 1.1; }.about-faq-heading p { margin-top: 17px; color: #94a3b8; font-size: 14px; line-height: 1.75; }.about-faq-list { border-top: 1px solid rgba(255,255,255,.1); }.about-faq-list details { border-bottom: 1px solid rgba(255,255,255,.1); }.about-faq-list summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 22px 0; color: white; font: 700 15px 'Manrope'; cursor: pointer; list-style: none; }.about-faq-list summary::-webkit-details-marker { display: none; }.about-faq-list summary svg { flex-shrink: 0; width: 17px; color: var(--green); transition: transform .2s ease; }.about-faq-list details[open] summary svg { transform: rotate(45deg); }.about-faq-list details p { max-width: 690px; padding: 0 40px 21px 0; color: #94a3b8; font-size: 13px; line-height: 1.75; }

/* CTA */
.about-cta-section { padding: 0 0 110px; }.about-cta { position: relative; overflow: hidden; display: grid; grid-template-columns: 1fr auto; gap: 55px; align-items: end; padding: 58px; border-radius: 30px; color: white; background: var(--blue); }.cta-grid-pattern { position: absolute; inset: 0; opacity: .14; background-image: linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px); background-size: 35px 35px; mask-image: linear-gradient(90deg,transparent,black); }.about-cta > div:not(.cta-grid-pattern) { position: relative; z-index: 1; }.about-cta > div > span { display: flex; align-items: center; gap: 6px; margin-bottom: 14px; color: #dcfce7; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; }.about-cta > div > span svg { width: 13px; }.about-cta h2 { max-width: 720px; color: white; font-size: clamp(30px,4vw,44px); line-height: 1.12; }.about-cta p { max-width: 690px; margin-top: 14px; color: rgba(255,255,255,.76); font-size: 13px; line-height: 1.7; }.about-cta-actions { display: flex; flex-direction: column; gap: 9px; }.about-cta-actions .btn { justify-content: center; }.about-cta-actions .btn:first-child { color: var(--navy); background: white; }.about-cta-actions .btn:last-child { color: white; border-color: rgba(255,255,255,.3); background: rgba(255,255,255,.08); }

/* Reveal and animation */
[data-reveal] { opacity: 0; transform: translateY(22px); transition: opacity .65s cubic-bezier(.2,.8,.2,1),transform .65s cubic-bezier(.2,.8,.2,1); }[data-reveal].revealed { opacity: 1; transform: none; }[data-reveal-group] > * { opacity: 0; transform: translateY(18px); transition: opacity .55s cubic-bezier(.2,.8,.2,1),transform .55s cubic-bezier(.2,.8,.2,1); }[data-reveal-group].revealed > * { opacity: 1; transform: none; }[data-reveal-group].revealed > *:nth-child(2) { transition-delay: .08s; }[data-reveal-group].revealed > *:nth-child(3) { transition-delay: .16s; }[data-reveal-group].revealed > *:nth-child(4) { transition-delay: .24s; }
@keyframes underlineIn { to { transform: scaleX(1); } }@keyframes visualIn { from { opacity: 0; transform: translateX(25px); } to { opacity: 1; transform: none; } }@keyframes purposeFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }@keyframes regionRouteFlow { to { stroke-dashoffset: -130; } }
@keyframes aboutMapGrid{to{background-position:18px 18px}}
@keyframes aboutOrbTravel{0%,100%{translate:0 0;scale:.92}50%{translate:30px -18px;scale:1.08}}
@keyframes mapRadarScan{0%{translate:0 0;opacity:0}18%,70%{opacity:1}100%{translate:0 520%;opacity:0}}
@keyframes mapFacilityPulse{0%{box-shadow:0 0 0 0 rgba(59,130,246,.65);scale:.82}65%{box-shadow:0 0 0 13px rgba(59,130,246,0);scale:1.08}100%{box-shadow:0 0 0 0 rgba(59,130,246,0);scale:.82}}
@keyframes mapHubPulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.7);scale:.85}70%{box-shadow:0 0 0 17px rgba(34,197,94,0);scale:1.15}100%{box-shadow:0 0 0 0 rgba(34,197,94,0);scale:.85}}
@keyframes regionRouteGlow{0%,100%{stroke-opacity:.25}50%{stroke-opacity:.85}}
@keyframes regionCardBreathe{0%,100%{border-color:rgba(255,255,255,.1)}50%{border-color:rgba(34,197,94,.26);box-shadow:0 0 28px rgba(34,197,94,.08)}}
@keyframes regionShieldPulse{0%,100%{scale:.92}50%{scale:1.06;box-shadow:0 0 0 7px rgba(34,197,94,0)}}
@keyframes regionGrowing{0%,100%{filter:brightness(1)}50%{filter:brightness(1.45)}}

/* Responsive */
@media (max-width: 1020px) { .about-hero-grid { grid-template-columns: 1fr; gap: 58px; }.about-hero-copy { max-width: 750px; }.region-visual { max-width: 650px; }.story-grid { gap: 55px; }.gallery-grid { grid-template-columns: repeat(3,1fr); }.principles-grid { grid-template-columns: 1fr 1fr; }.impact-layout { gap: 45px; } }
@media (max-width: 820px) { .about-hero { padding: 82px 0 75px; }.belief-layout,.story-grid,.gallery-heading,.principles-heading,.impact-layout,.about-faq-layout { grid-template-columns: 1fr; gap: 28px; }.gallery-heading { margin-bottom: 34px; }.gallery-grid { grid-template-columns: repeat(2,1fr); grid-auto-rows: 205px; }.mission-grid { grid-template-columns: 1fr; }.journey-track { grid-template-columns: 1fr 1fr; gap: 38px 0; }.journey-track article:nth-child(2) .journey-marker i { display: none; }.belief-section,.story-section,.gallery-section,.journey-section,.principles-section,.impact-section,.about-faq-section { padding: 86px 0; }.about-cta { grid-template-columns: 1fr; }.about-cta-actions { flex-direction: row; justify-content: flex-start; } }
@media (max-width: 600px) { .about-hero-copy h1 { font-size: 40px; }.about-hero-copy > p { font-size: 15px; }.about-actions { flex-direction: column; }.about-actions .btn { justify-content: center; }.region-visual { min-height: 510px; }.floating-purpose { right: 5px; top: 74px; }.region-map { height: 345px; }.belief-layout p { font-size: 25px; }.gallery-grid { grid-auto-rows: 175px; gap: 10px; }.gallery-item--wide { grid-column: span 2; }.gallery-item--portrait { grid-row: span 2; }.gallery-item { border-radius: 14px; }.gallery-item span { left: 13px; bottom: 12px; font-size: 8px; }.mission-card,.vision-card { min-height: 340px; padding: 27px; }.journey-track { grid-template-columns: 1fr; }.journey-track article { padding-right: 0; }.journey-marker > i { display: none; }.journey-track p { min-height: 0; }.principles-grid { grid-template-columns: 1fr; }.impact-numbers { grid-template-columns: 1fr; }.impact-numbers > div:nth-child(2n) { border-left: 0; }.impact-numbers > div + div { border-top: 1px solid var(--border); }.founder-message { padding: 40px 26px; }.about-cta { padding: 38px 25px; }.about-cta-actions { flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation-duration: .01ms !important;animation-iteration-count: 1 !important;transition-duration: .01ms !important; }[data-reveal],[data-reveal-group] > * { opacity: 1 !important;transform: none !important; } }