/** Page: من نحن | All selectors are scoped to the assigned wrapper. */
.kayan-page--about-us { --about-gold:#d7a457; --about-deep:var(--kayan-page-primary-dark); }
.kayan-page--about-us .about-intro { position:relative; overflow:hidden; padding:clamp(72px,9vw,118px) 0 90px; background:linear-gradient(180deg,#fff 0%,#fbf7f8 100%); isolation:isolate; }
.kayan-page--about-us .about-intro::before { position:absolute; z-index:-1; top:-190px; right:-170px; width:480px; height:480px; border:70px solid rgba(141,17,38,.045); border-radius:50%; content:""; }
.kayan-page--about-us .about-intro::after { position:absolute; z-index:-1; bottom:7%; left:-100px; width:260px; height:260px; border-radius:50%; background:radial-gradient(circle,rgba(215,164,87,.14),transparent 68%); content:""; }
.kayan-page--about-us .about-intro .kayan-section__inner { position:relative; }
.kayan-page--about-us .about-intro__top { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr); align-items:stretch; gap:clamp(32px,5vw,64px); }
.kayan-page--about-us .about-intro__copy { align-self:center; }
.kayan-page--about-us .about-eyebrow { display:inline-flex; align-items:center; gap:8px; margin-bottom:12px; padding:6px 14px; border:1px solid #e7cdd2; border-radius:999px; color:var(--kayan-page-primary); background:#fff; font-size:.84rem; font-weight:900; box-shadow:0 5px 16px rgba(81,32,42,.06); }
.kayan-page--about-us .about-eyebrow::before { width:8px; height:8px; border-radius:50%; background:var(--about-gold); content:""; }
.kayan-page--about-us .about-intro .kayan-page__title { max-width:850px; margin-bottom:26px; font-size:clamp(2.5rem,5vw,4rem); }
.kayan-page--about-us .about-intro__lead,.kayan-page--about-us .about-lead { max-width:960px; margin-bottom:38px; color:#555965; font-size:1.1rem; line-height:2; }
.kayan-page--about-us .about-intro__lead { max-width:1050px; padding:23px 27px; border-right:5px solid var(--kayan-page-primary); border-radius:18px; color:var(--kayan-page-text); background:rgba(255,255,255,.88); box-shadow:0 9px 28px rgba(81,32,42,.07); backdrop-filter:blur(6px); }
.kayan-page--about-us .about-intro__picture { position:relative; min-height:430px; overflow:hidden; margin:0; border:6px solid #fff; border-radius:var(--kayan-page-radius); color:#fff; background:var(--kayan-page-primary); box-shadow:0 18px 45px rgba(81,32,42,.16); text-align:center; }
.kayan-page--about-us .about-intro__picture::after { position:absolute; right:-50px; bottom:-75px; width:210px; height:210px; border:30px solid rgba(255,255,255,.07); border-radius:50%; content:""; }
.kayan-page--about-us .about-intro__picture img { display:block; width:100%; height:100%; min-height:430px; object-fit:cover; object-position:center; }
.kayan-page--about-us .about-intro__picture figcaption { position:absolute; z-index:2; right:22px; bottom:22px; padding:9px 16px; border:1px solid rgba(255,255,255,.4); border-radius:999px; color:#fff; background:rgba(81,32,42,.86); font-size:.8rem; font-weight:800; backdrop-filter:blur(7px); }
.kayan-page--about-us .about-intro__work { margin-top:52px; padding-top:46px; border-top:1px solid rgba(141,17,38,.12); }
.kayan-page--about-us .about-intro__work .kayan-section__title { margin-bottom:28px; font-size:clamp(1.65rem,3vw,2.35rem); }
.kayan-page--about-us .about-intro__work .about-work { background:rgba(255,255,255,.94); backdrop-filter:blur(7px); }
.kayan-page--about-us .about-grid { display:grid; gap:24px; }
.kayan-page--about-us .about-grid--three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.kayan-page--about-us .about-grid--four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.kayan-page--about-us .about-card { height:100%; padding:32px; border:1px solid var(--kayan-page-border); border-radius:var(--kayan-page-radius); background:#fff; box-shadow:var(--kayan-page-shadow); transition:transform .2s ease,box-shadow .2s ease; }
.kayan-page--about-us .about-card:hover { transform:translateY(-6px); box-shadow:0 17px 38px #0002; }
.kayan-page--about-us .about-card h3,.kayan-page--about-us .about-method h3,.kayan-page--about-us .about-branch h3 { margin:0 0 13px; color:var(--kayan-page-primary); font-size:1.3rem; font-weight:900; }
.kayan-page--about-us .about-card p { margin:0; color:var(--kayan-page-muted); }
.kayan-page--about-us .about-identity-card { position:relative; display:flex; min-height:245px; align-items:flex-start; gap:20px; overflow:hidden; padding:34px 30px; border-color:var(--kayan-page-border); border-top:5px solid var(--kayan-page-primary); background:linear-gradient(145deg,#fff 0%,var(--kayan-page-primary-soft) 100%); box-shadow:var(--kayan-page-shadow); }
.kayan-page--about-us .about-identity-card>span { position:relative; z-index:1; display:grid; min-width:48px; height:48px; place-items:center; border-radius:14px; color:#fff; background:var(--kayan-page-primary); font-size:.82rem; font-weight:900; direction:ltr; box-shadow:0 7px 17px rgba(141,17,38,.2); }
.kayan-page--about-us .about-identity-card>div { position:relative; z-index:1; }
.kayan-page--about-us .about-identity-card h3 { margin:4px 0 12px; font-size:1.25rem; }
.kayan-page--about-us .about-identity-card p { color:var(--kayan-page-text); line-height:1.9; }
.kayan-page--about-us .about-identity-card:hover { transform:translateY(-4px); border-top-color:var(--about-gold); box-shadow:0 15px 34px rgba(81,32,42,.12); }
.kayan-page--about-us .about-work>span { display:grid; width:55px; height:55px; place-items:center; margin-bottom:20px; border-radius:16px; color:#fff; background:var(--kayan-page-primary); font-size:1.4rem; transition:transform .2s ease; }
.kayan-page--about-us .about-work:hover>span { transform:rotate(-8deg) scale(1.08); }
.kayan-page--about-us .about-value { position:relative; min-height:165px; padding:24px 25px 22px; overflow:hidden; border-color:var(--kayan-page-border); border-radius:20px; box-shadow:0 7px 20px rgba(81,32,42,.07); }
.kayan-page--about-us .about-value::before { position:absolute; top:0; right:0; width:100%; height:4px; background:var(--kayan-page-primary); content:""; }
.kayan-page--about-us .about-value:hover { transform:translateY(-3px); box-shadow:0 12px 26px rgba(81,32,42,.11); }
.kayan-page--about-us .about-value h3 { margin-bottom:8px; font-size:1.08rem; }
.kayan-page--about-us .about-value p { font-size:.9rem; line-height:1.75; }
.kayan-page--about-us .about-right { padding:26px 18px; border:1px solid var(--kayan-page-border); border-radius:20px; text-align:center; }
.kayan-page--about-us .about-right strong { display:block; color:var(--kayan-page-primary); font-size:1.65rem; font-weight:900; }
.kayan-page--about-us .about-right p { margin:7px 0 0; font-weight:700; }
.kayan-page--about-us .about-timeline { position:relative; max-width:850px; margin:auto; padding:0; list-style:none; }
.kayan-page--about-us .about-timeline::before { position:absolute; top:0; right:91px; bottom:0; width:3px; background:#dfc3c8; content:""; }
.kayan-page--about-us .about-timeline li { position:relative; display:grid; grid-template-columns:75px 1fr; gap:42px; align-items:center; margin-bottom:20px; }
.kayan-page--about-us .about-timeline li::before { position:absolute; right:82px; width:18px; height:18px; border:5px solid #fff; border-radius:50%; background:var(--kayan-page-primary); box-shadow:0 0 0 2px var(--kayan-page-primary); content:""; }
.kayan-page--about-us .about-timeline time { color:var(--kayan-page-primary); font-weight:900; text-align:left; }
.kayan-page--about-us .about-timeline h3 { margin:0; padding:21px 26px; border:1px solid var(--kayan-page-border); border-radius:17px; background:#fff; box-shadow:0 5px 18px #0001; font-size:1rem; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.kayan-page--about-us .about-timeline li:hover h3 { border-color:#dfc3c8; box-shadow:0 10px 25px rgba(81,32,42,.1); transform:translateX(-4px); }
.kayan-page--about-us .about-timeline.is-animation-ready::before { transform:scaleY(0); transform-origin:top; transition:transform 1.5s cubic-bezier(.2,.7,.2,1); }
.kayan-page--about-us .about-timeline.is-animation-ready.is-line-visible::before { transform:scaleY(1); }
.kayan-page--about-us .about-timeline.is-animation-ready li { opacity:0; transition:opacity .35s ease; }
.kayan-page--about-us .about-timeline.is-animation-ready li::before { opacity:0; scale:.35; transition:opacity .35s ease .12s,scale .4s cubic-bezier(.2,.8,.2,1) .12s; }
.kayan-page--about-us .about-timeline.is-animation-ready li h3 { clip-path:inset(0 0 100% 0 round 17px); opacity:0; translate:0 -10px; transition:clip-path .62s cubic-bezier(.2,.75,.25,1),opacity .25s ease,translate .62s cubic-bezier(.2,.75,.25,1),transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.kayan-page--about-us .about-timeline.is-animation-ready li.is-visible { opacity:1; }
.kayan-page--about-us .about-timeline.is-animation-ready li.is-visible::before { opacity:1; scale:1; }
.kayan-page--about-us .about-timeline.is-animation-ready li.is-visible h3 { clip-path:inset(0 0 0 0 round 17px); opacity:1; translate:0 0; }
.kayan-page--about-us .about-method { min-height:300px; padding:32px; border:1px solid var(--kayan-page-border); border-top:5px solid var(--kayan-page-primary); border-radius:var(--kayan-page-radius); color:var(--kayan-page-text); background:linear-gradient(145deg,#fff 0%,var(--kayan-page-primary-soft) 100%); box-shadow:var(--kayan-page-shadow); }
.kayan-page--about-us .about-method-section__headline { max-width:850px; margin:-12px 0 14px; color:var(--about-deep); font-size:clamp(1.25rem,2.5vw,1.8rem); font-weight:900; }
.kayan-page--about-us .about-method>b { display:inline-block; margin-bottom:22px; padding:5px 13px; border-radius:20px; color:#fff; background:var(--kayan-page-primary); }
.kayan-page--about-us .about-method h3 { color:var(--about-deep); }
.kayan-page--about-us .about-method h4 { margin:20px 0 10px; color:var(--kayan-page-primary); font-size:.92rem; font-weight:900; }
.kayan-page--about-us .about-method p { color:var(--kayan-page-text); }
.kayan-page--about-us .about-method ul { display:flex; flex-wrap:wrap; gap:7px; padding:0; list-style:none; }
.kayan-page--about-us .about-method li { padding:4px 11px; border:1px solid var(--kayan-page-border); border-radius:18px; color:var(--kayan-page-primary); background:#fff; font-weight:700; }
.kayan-page--about-us .about-reference { display:flex; align-items:center; justify-content:center; gap:24px; margin-top:28px; padding:26px 30px; border:1px solid var(--kayan-page-border); border-top:5px solid var(--kayan-page-primary); border-radius:var(--kayan-page-radius); background:linear-gradient(145deg,#fff 0%,var(--kayan-page-primary-soft) 100%); box-shadow:var(--kayan-page-shadow); }
.kayan-page--about-us .about-reference div { flex:1; }
.kayan-page--about-us .about-reference div span { display:block; margin-bottom:5px; color:var(--kayan-page-primary); font-weight:900; }
.kayan-page--about-us .about-reference p { margin:0; color:var(--kayan-page-text); }
.kayan-page--about-us .about-reference strong { color:var(--kayan-page-primary); direction:ltr; }
.kayan-page--about-us .about-org { max-width:1000px; margin:auto; text-align:center; }
.kayan-page--about-us .about-org>div { width:min(330px,100%); margin:auto; padding:17px; border-radius:15px; color:#fff; background:var(--kayan-page-primary); font-weight:900; cursor:default; transition:transform .18s ease,box-shadow .18s ease; }
.kayan-page--about-us .about-org>b { display:block; color:var(--kayan-page-primary); font-size:2rem; }
.kayan-page--about-us .about-org>section { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; }
.kayan-page--about-us .about-org span { padding:16px 10px; border-top:4px solid var(--about-gold); border-radius:13px; background:#fff; box-shadow:0 5px 16px #0001; font-weight:700; cursor:default; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.kayan-page--about-us .about-org>div:hover,.kayan-page--about-us .about-org>div:focus-visible,.kayan-page--about-us .about-org span:hover,.kayan-page--about-us .about-org span:focus-visible { outline:0; transform:translateY(-4px); box-shadow:0 12px 25px rgba(81,32,42,.16); }
.kayan-page--about-us .about-org span:hover,.kayan-page--about-us .about-org span:focus-visible { border-color:var(--kayan-page-primary); }
.kayan-page--about-us .about-governance { max-width:850px; margin:32px auto 0; padding:27px; border-radius:20px; color:#fff; background:var(--kayan-page-primary); }
.kayan-page--about-us .about-governance h3 { margin:0 0 8px; color:#fff; }
.kayan-page--about-us .about-governance p { margin:0; }
.kayan-page--about-us .about-map { display:grid; grid-template-columns:minmax(320px,440px) 1fr; align-items:center; gap:clamp(40px,7vw,90px); margin:0 0 40px; padding:clamp(28px,5vw,60px); border:1px solid var(--kayan-page-border); border-radius:var(--kayan-page-radius); color:var(--kayan-page-text); background:linear-gradient(145deg,#fff 0%,var(--kayan-page-primary-soft) 100%); box-shadow:var(--kayan-page-shadow); }
.kayan-page--about-us .about-map__canvas { position:relative; width:min(100%,390px); aspect-ratio:1/1; margin:auto; padding:12px; border-radius:24px; background:#eef5f7; box-shadow:inset 0 0 0 1px #dce8eb; }
.kayan-page--about-us .about-map__canvas svg { display:block; width:100%; height:100%; }
.kayan-page--about-us .about-map__land { fill:#f4e7e9; stroke:var(--kayan-page-primary); stroke-width:2.5; stroke-linejoin:round; }
.kayan-page--about-us .about-map__nile { fill:none; stroke:#4fa9d1; stroke-width:4; stroke-linecap:round; }
.kayan-page--about-us .about-map__pin { position:absolute; width:20px; height:20px; padding:0; border:4px solid #fff; border-radius:50%; background:var(--about-gold); box-shadow:0 0 0 3px rgba(215,163,90,.35),0 5px 12px #0005; cursor:pointer; touch-action:manipulation; transform:translate(50%,-50%); transition:transform .18s ease,box-shadow .18s ease; }
.kayan-page--about-us .about-map__pin::after { position:absolute; top:13px; left:50%; border:5px solid transparent; border-top-color:#fff; content:""; transform:translateX(-50%); }
.kayan-page--about-us .about-map__pin span { position:absolute; z-index:2; right:50%; bottom:calc(100% + 13px); width:max-content; padding:6px 11px; border-radius:9px; color:var(--about-deep); background:#fff; box-shadow:0 5px 15px #0004; font-family:"Cairo",sans-serif; font-size:.78rem; font-weight:900; opacity:0; pointer-events:none; transform:translateX(50%) translateY(5px); transition:opacity .18s ease,transform .18s ease; }
.kayan-page--about-us .about-map__pin:hover,.kayan-page--about-us .about-map__pin:focus-visible,.kayan-page--about-us .about-map__pin.is-active { outline:0; box-shadow:0 0 0 6px rgba(255,255,255,.3),0 6px 14px #0006; transform:translate(50%,-50%) scale(1.22); }
.kayan-page--about-us .about-map__pin:hover span,.kayan-page--about-us .about-map__pin:focus-visible span,.kayan-page--about-us .about-map__pin.is-active span { opacity:1; transform:translateX(50%) translateY(0); }
.kayan-page--about-us .about-map__pin--cairo { top:19%; right:47%; }
.kayan-page--about-us .about-map__pin--beni { top:28%; right:47%; }
.kayan-page--about-us .about-map__pin--minya { top:37%; right:47%; }
.kayan-page--about-us .about-map__pin--assiut { top:46%; right:47%; }
.kayan-page--about-us .about-map__pin--sohag { top:52%; right:46%; }
.kayan-page--about-us .about-map__eyebrow { display:block; margin-bottom:10px; color:var(--kayan-page-primary); font-size:.84rem; font-weight:900; }
.kayan-page--about-us .about-map figcaption strong { display:block; color:var(--about-deep); font-size:clamp(1.4rem,3vw,2.3rem); font-weight:900; line-height:1.55; }
.kayan-page--about-us .about-map figcaption ul { display:flex; flex-wrap:wrap; gap:8px; margin:22px 0 0; padding:0; list-style:none; }
.kayan-page--about-us .about-map figcaption li { padding:6px 13px; border:1px solid var(--kayan-page-border); border-radius:999px; color:var(--kayan-page-primary); background:#fff; font-size:.82rem; font-weight:800; }
.kayan-page--about-us .about-branch { position:relative; min-height:440px; overflow:hidden; border:1px solid #eadde0; border-radius:26px; background:#fff; box-shadow:0 10px 30px rgba(81,32,42,.09); perspective:1200px; }
.kayan-page--about-us .about-branch.about-branch--static { min-height:0; overflow:hidden; border:1px solid var(--kayan-page-border); border-radius:26px; background:#fff; box-shadow:var(--kayan-page-shadow); perspective:none; transition:transform .2s ease,box-shadow .2s ease; }
.kayan-page--about-us .about-branch.about-branch--static:hover { transform:translateY(-5px); box-shadow:0 18px 42px rgba(81,32,42,.14); }
.kayan-page--about-us .about-branch__image { display:none; }
.kayan-page--about-us .about-branch__image::after { position:absolute; right:-35px; bottom:-65px; width:180px; height:180px; border:28px solid rgba(255,255,255,.07); border-radius:50%; content:""; }
.kayan-page--about-us .about-branch__image span { font-size:2.15rem; font-weight:900; }
.kayan-page--about-us .about-branch__image small { margin-top:5px; color:#f5d9ae; font-size:.78rem; font-weight:700; }
.kayan-page--about-us .about-branch__content { padding:27px 29px 30px; }
.kayan-page--about-us .about-branch__governorate { display:inline-flex; margin-bottom:10px; padding:4px 11px; border-radius:999px; color:var(--kayan-page-primary); background:var(--kayan-page-primary-soft); font-size:.78rem; font-weight:900; }
.kayan-page--about-us .about-branch dl { margin:18px 0 0; }
.kayan-page--about-us .about-branch dl>div { padding:14px 0; border-bottom:1px solid var(--kayan-page-border); }
.kayan-page--about-us .about-branch dl>div:last-child { border-bottom:0; }
.kayan-page--about-us .about-branch dt { display:flex; align-items:center; gap:7px; color:var(--kayan-page-primary); font-size:.8rem; font-weight:900; }
.kayan-page--about-us .about-branch dt span { display:grid; width:23px; height:23px; place-items:center; border-radius:50%; background:var(--kayan-page-primary-soft); }
.kayan-page--about-us .about-branch dd { margin:5px 30px 0 0; color:var(--kayan-page-muted); font-size:.88rem; line-height:1.75; }
.kayan-page--about-us .about-partners { display:grid; gap:25px; }
.kayan-page--about-us .about-partners>section { padding:27px; border-radius:20px; background:#fff; }
.kayan-page--about-us .about-partners h3,.kayan-page--about-us .about-testimonials>h3 { color:var(--about-deep); font-weight:900; }
.kayan-page--about-us .about-logo-grid { display:grid; grid-template-columns:repeat(2,minmax(0,240px)); gap:16px; }
.kayan-page--about-us .about-logo-grid a { display:flex; min-height:170px; flex-direction:column; align-items:center; justify-content:center; gap:12px; padding:18px; border:1px solid var(--kayan-page-border); border-radius:16px; color:var(--kayan-page-text); background:#fff; text-align:center; text-decoration:none; transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease; }
.kayan-page--about-us .about-logo-grid a:hover,.kayan-page--about-us .about-logo-grid a:focus-visible { border-color:#dfc3c8; box-shadow:0 10px 25px rgba(81,32,42,.1); transform:translateY(-3px); }
.kayan-page--about-us .about-logo-grid img { display:block; max-width:100%; width:auto; height:92px; object-fit:contain; }
.kayan-page--about-us .about-logo-grid span { color:var(--kayan-page-primary); font-size:.8rem; font-weight:800; }
.kayan-page--about-us .about-partners__pending { margin:0; padding:20px; border:1px dashed var(--kayan-page-border); border-radius:14px; color:var(--kayan-page-muted); background:var(--kayan-page-surface); font-size:.9rem; }
.kayan-page--about-us .about-testimonials { margin-top:38px; }
.kayan-page--about-us .about-testimonials>div:first-of-type { display:grid; width:100%; max-width:100%; min-width:0; box-sizing:border-box; grid-auto-columns:min(80%,510px); grid-auto-flow:column; gap:17px; overflow-x:auto; padding:5px 5px 18px; scrollbar-width:none; scroll-behavior:smooth; scroll-snap-type:x mandatory; overscroll-behavior-inline:contain; }
.kayan-page--about-us .about-testimonials>div:first-of-type::-webkit-scrollbar { display:none; }
.kayan-page--about-us .about-testimonials>div:first-of-type:focus-visible,.kayan-page--about-us a:focus-visible { outline:3px solid var(--about-gold); outline-offset:4px; }
.kayan-page--about-us .about-testimonials .about-testimonials__dots { display:flex; width:auto; max-width:none; align-items:center; justify-content:center; gap:9px; overflow:visible; margin:10px 0 0; padding:0; }
.kayan-page--about-us .about-testimonials__dots button { width:10px; height:10px; padding:0; border:0; border-radius:999px; background:#d7bdc2; cursor:pointer; transition:width .25s ease,background .25s ease,transform .25s ease; }
.kayan-page--about-us .about-testimonials__dots button.is-active { width:28px; background:var(--kayan-page-primary); }
.kayan-page--about-us .about-testimonials__dots button:hover,.kayan-page--about-us .about-testimonials__dots button:focus-visible { outline:3px solid rgba(215,164,87,.4); outline-offset:3px; background:var(--kayan-page-primary); transform:scale(1.12); }
.kayan-page--about-us .about-testimonials blockquote { margin:0; padding:28px; border:1px solid var(--kayan-page-border); border-right:5px solid var(--kayan-page-primary); border-radius:18px; color:var(--kayan-page-text); background:#fff; box-shadow:0 8px 24px rgba(81,32,42,.08); scroll-snap-align:start; transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.kayan-page--about-us .about-testimonials blockquote:hover { border-color:#dfc3c8; box-shadow:0 14px 32px rgba(81,32,42,.13); transform:translateY(-5px); }
.kayan-page--about-us .about-testimonials cite { color:var(--kayan-page-primary); font-style:normal; font-weight:800; }
.kayan-page--about-us .about-cta { padding:82px 24px; color:#fff; background:var(--kayan-page-primary); text-align:center; }
.kayan-page--about-us .about-cta>div { max-width:850px; margin:auto; }
.kayan-page--about-us .about-cta h2 { margin:0 0 14px; color:#fff; font-size:clamp(1.5rem,3.5vw,2.5rem); }
.kayan-page--about-us .about-cta p { max-width:680px; margin:0 auto 28px; color:rgba(255,255,255,.88); }
.kayan-page--about-us .about-cta__links { display:flex; flex-wrap:wrap; justify-content:center; gap:14px; }
.kayan-page--about-us .about-cta .kayan-button { border-color:#fff; color:var(--kayan-page-primary)!important; background:#fff; }
.kayan-page--about-us .about-cta .about-cta__report { color:#fff!important; background:transparent; }
.kayan-page--about-us .about-cta .about-cta__report:hover,.kayan-page--about-us .about-cta .about-cta__report:focus-visible { color:var(--kayan-page-primary)!important; background:#fff; }
.kayan-page--about-us .about-reveal-ready { opacity:0; translate:0 26px; transition:opacity .55s ease,translate .68s cubic-bezier(.2,.75,.25,1); }
.kayan-page--about-us .about-intro__copy.about-reveal-ready { translate:30px 0; }
.kayan-page--about-us .about-intro__picture.about-reveal-ready { translate:-30px 0; }
.kayan-page--about-us .about-reveal-ready.is-revealed { opacity:1; translate:0 0; }
.kayan-page--about-us .about-logo-grid a.about-reveal-ready,
.kayan-page--about-us .about-testimonials blockquote.about-reveal-ready { transition:opacity .55s ease,translate .68s cubic-bezier(.2,.75,.25,1),transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
@media (max-width:1024px) { .kayan-page--about-us .about-grid--three { grid-template-columns:repeat(2,1fr); } .kayan-page--about-us .about-grid--four { grid-template-columns:repeat(2,1fr); } }
@media (max-width:1024px) { .kayan-page--about-us .about-intro__top { grid-template-columns:1fr; } .kayan-page--about-us .about-intro__picture,.kayan-page--about-us .about-intro__picture img { min-height:340px; } }
@media (max-width:767px) { .kayan-page--about-us .about-reference { align-items:flex-start; flex-wrap:wrap; padding:22px; } .kayan-page--about-us .about-reference div { flex-basis:100%; } }
@media (max-width:767px) { .kayan-page--about-us .about-intro { padding:60px 0 56px; } .kayan-page--about-us .about-intro__picture,.kayan-page--about-us .about-intro__picture img { min-height:280px; } .kayan-page--about-us .about-intro__picture figcaption { right:14px; bottom:14px; } .kayan-page--about-us .about-intro__work { margin-top:38px; padding-top:36px; } .kayan-page--about-us .about-grid--three { grid-template-columns:1fr; } .kayan-page--about-us .about-timeline::before { right:11px; } .kayan-page--about-us .about-timeline li { grid-template-columns:1fr; gap:5px; padding-right:38px; } .kayan-page--about-us .about-timeline li::before { top:9px; right:2px; } .kayan-page--about-us .about-timeline time { text-align:right; } .kayan-page--about-us .about-org>section { grid-template-columns:1fr; } .kayan-page--about-us .about-map { grid-template-columns:1fr; gap:24px; padding:22px; text-align:center; } .kayan-page--about-us .about-map__canvas { width:min(100%,320px); } .kayan-page--about-us .about-map figcaption ul { justify-content:center; } .kayan-page--about-us .about-logo-grid { grid-template-columns:1fr; } }
@media (max-width:767px) { .kayan-page--about-us .about-testimonials>div:first-of-type { grid-auto-columns:88%; } }
@media (pointer:coarse) { .kayan-page--about-us .about-map__pin { width:28px; height:28px; } .kayan-page--about-us .about-map__pin::after { top:21px; } }
@media (prefers-reduced-motion:reduce) {
 .kayan-page--about-us .about-testimonials>div:first-of-type { scroll-behavior:auto; }
 .kayan-page--about-us .about-card,
 .kayan-page--about-us .about-work>span,
 .kayan-page--about-us .about-timeline::before,
 .kayan-page--about-us .about-timeline li,
 .kayan-page--about-us .about-timeline li::before,
 .kayan-page--about-us .about-timeline h3,
 .kayan-page--about-us .about-testimonials blockquote,
 .kayan-page--about-us .about-identity-card,
 .kayan-page--about-us .about-value,
 .kayan-page--about-us .about-right,
 .kayan-page--about-us .about-method,
 .kayan-page--about-us .about-reference,
 .kayan-page--about-us .about-map,
 .kayan-page--about-us .about-map__pin,
 .kayan-page--about-us .about-branch--static,
 .kayan-page--about-us .about-logo-grid a,
 .kayan-page--about-us .about-partners span,
 .kayan-page--about-us .about-org>div,
 .kayan-page--about-us .about-org span,
 .kayan-page--about-us .about-testimonials__dots button,
 .kayan-page--about-us .about-reveal-ready { opacity:1; animation:none; transition:none; translate:none; scale:none; transform:none; }
}