.approved-bio{margin-top:30px;font-size:18px;line-height:1.95;max-width:66ch}.approved-bio p+p{margin-top:22px}.about-page h1 .about-profession{font-size:.52em;color:var(--red);line-height:1.8}.approved-project-copy p{line-height:1.95;margin-bottom:20px}.vision-section{padding-block:65px 80px;background:#e7ded0;color:#151b16}.vision-copy{font-size:clamp(18px,2vw,26px);line-height:1.95;max-width:950px;margin-top:25px}.intro-title{font-size:clamp(40px,5vw,78px);line-height:1.45}.footer h2{font-size:clamp(42px,7vw,105px);line-height:1.4;letter-spacing:0}.evidence-grid{grid-template-columns:repeat(6,minmax(0,1fr));align-items:start}.evidence-grid>.evidence-item{grid-column:span 2}.evidence-grid>.certificate-card{grid-column:span 3;background:#fff;border:1px solid #d6d0c6;border-radius:4px;overflow:hidden;box-shadow:0 8px 30px #0000000b}.evidence-grid>.certificate-card img{height:auto;aspect-ratio:1/1.414;object-fit:contain;background:white;padding:12px}.certificate-card .gallery-index{font-size:14px;padding:16px 20px;border-top:1px solid #ddd}.evidence-grid>.certificate-card:hover{box-shadow:0 12px 30px #00000018}.approved-bio p:first-child{font-weight:600}.footer h2 a{display:block}html[lang=ar] .about-page h1{font-size:clamp(44px,5vw,80px)}html[lang=ar] .footer h2{font-size:clamp(36px,6vw,85px)}@media(max-width:700px){.approved-bio{font-size:16px;line-height:1.95;margin-top:22px}.approved-bio p+p{margin-top:18px}.vision-section{padding-block:40px 50px}.vision-copy{font-size:17px;line-height:1.95}.evidence-grid{grid-template-columns:1fr 1fr}.evidence-grid>.evidence-item{grid-column:span 1}.evidence-grid>.certificate-card{grid-column:1/-1}.certificate-card .gallery-index{font-size:13px}.evidence-grid>.certificate-card img{padding:8px}.footer h2{font-size:42px}html[lang=ar] .about-page h1{font-size:43px}html[lang=ar] .intro-title{font-size:37px;line-height:1.5}html[lang=ar] .footer h2{font-size:35px;line-height:1.6}.approved-project-copy p{font-size:16px}}

/* Keep the project action and navigation unambiguous on touch screens. */
.scene .copy .open{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 22px;margin-top:16px;border:1px solid #e1cfac;border-radius:4px;background:#e1cfac;color:#101616;letter-spacing:0;font-size:13px;line-height:1.6;transition:background .2s,color .2s}
.scene .copy .open:hover{background:#f4eee5;border-color:#f4eee5}.scene .copy .open:focus-visible{outline:2px solid white;outline-offset:4px}
.scene .bottom{min-height:44px;align-items:center}.scene .bottom .arrows{position:absolute;left:50%;right:auto;top:50%;transform:translate(-50%,-50%);display:flex;gap:10px;direction:ltr;margin:0;padding:0}
.scene .bottom .arrows button{display:flex;align-items:center;justify-content:center;padding:0;width:42px;height:42px;border:1px solid #ffffff65;border-radius:50%}
.scene .bottom .arrows svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.scene .bottom>span:first-child{max-width:calc(50% - 60px);line-height:1.7}.scene .bottom .counter{max-width:calc(50% - 60px);white-space:nowrap}
@media(max-width:700px){.scene .copy .open{font-size:12px;margin-top:13px;padding:8px 18px}.scene .bottom .arrows{gap:8px}.scene .bottom .arrows button{width:40px;height:40px}.scene .bottom .arrows svg{width:22px;height:22px}}