#rm-about-page .about-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:68px;align-items:center;direction:ltr}
#rm-about-page .about-copy{min-width:0;direction:ltr;text-align:left}
html[dir=rtl] #rm-about-page .about-copy{direction:rtl;text-align:right}
#rm-about-page .about-portrait{margin:0;position:relative;padding:0 14px 14px 0;isolation:isolate}
#rm-about-page .about-portrait:before{content:'';position:absolute;inset:18px 0 0 18px;border:1px solid #f2990080;border-radius:140px 20px 20px 20px;z-index:-1}
#rm-about-page .about-portrait img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;object-position:center;border-radius:140px 20px 20px 20px;background:#262324}
#rm-about-page .about-perspective .about-portrait img{border-radius:20px 20px 140px 20px}
#rm-about-page .about-perspective .about-portrait:before{border-radius:20px 20px 140px 20px}
#rm-about-page .about-experience{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr);gap:68px;align-items:stretch;direction:ltr}
#rm-about-page .about-portfolio{display:grid;grid-template-rows:repeat(6,minmax(0,1fr));gap:10px;min-height:0;padding:12px;border:1px solid #F2990030;border-radius:20px;background:#ffffff;box-shadow:0 20px 50px rgba(15,23,42,.08)}
#rm-about-page .about-project-thumb{position:relative;display:block;min-height:0;overflow:hidden;border-radius:10px;border:1px solid #e2e8f0;color:#fff;text-decoration:none;isolation:isolate}
#rm-about-page .about-project-thumb:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07121ef5,transparent 90%);z-index:0}
#rm-about-page .about-project-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;transition:transform .35s,filter .35s;filter:saturate(.7)}
#rm-about-page .about-project-thumb:hover img{transform:scale(1.05);filter:saturate(1)}
#rm-about-page .about-thumb-index{position:absolute;top:10px;left:12px;z-index:1;font:500 9px var(--font-mono);background:#07121eee;padding:3px 6px;border:1px solid #e2e8f0;border-radius:5px;color:#F29900}
#rm-about-page .about-thumb-title{position:absolute;bottom:12px;left:14px;right:38px;font-size:12px;font-weight:700;z-index:1;line-height:1.3;direction:ltr}
#rm-about-page .about-thumb-arrow{position:absolute;bottom:10px;right:12px;color:#F29900;font-size:18px;z-index:1}
#rm-about-page .about-recognition-section{background:radial-gradient(ellipse at 10% 20%,#f2990018,transparent 55%),#262324;color:#f4f7fb}
#rm-about-page .about-recognition-section .about-honour-grid{background:#332f2e;border-color:rgba(255,255,255,.12)}
#rm-about-page .about-recognition-section .about-honour{border-color:rgba(255,255,255,.1)}
#rm-about-page .about-recognition-section .about-honour p{color:#c4c0bf}
#rm-about-page .about-recognition-section .about-honour h3{color:#fff}
#rm-about-page .about-recognition-section .about-honour-feature{background:linear-gradient(145deg,#3a3534,#332f2e);border-color:rgba(242,153,0,.35)}
#rm-about-page .about-recognition-section .about-honour-feature p{color:#c4c0bf}
#rm-about-page .about-honours{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);gap:24px;margin-top:32px}
#rm-about-page .about-honour-feature{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:40px;padding:40px;border:1px solid #f2990070;border-radius:22px;background:linear-gradient(145deg,#fff7ea,#ffffff);min-width:0}
#rm-about-page .about-honour-feature:after{content:'';position:absolute;width:240px;height:240px;border:1px solid #f2990020;border-radius:50%;top:-90px;inset-inline-end:-90px;box-shadow:0 0 0 28px #f2990008,0 0 0 58px #f2990005;pointer-events:none}
#rm-about-page .about-honour-feature h3{font-size:var(--text-h3);line-height:1.25;color:#F29900;margin-bottom:20px}
#rm-about-page .about-seal{display:grid;place-items:center;width:94px;height:94px;border-radius:50%;border:1px solid #f2990050;background:#f299000b;color:#F29900}
#rm-about-page .about-seal svg{width:68px;height:68px;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
#rm-about-page .about-feature-line{height:3px;width:52px;background:#f29900;border-radius:3px}
#rm-about-page .about-honour-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid #e2e8f0;border-radius:22px;overflow:hidden;background:#f4f7fb}
#rm-about-page .about-honour{padding:28px;min-width:0}
#rm-about-page .about-honour:nth-child(odd){border-inline-end:1px solid #e2e8f0}
#rm-about-page .about-honour:nth-child(-n+2){border-bottom:1px solid #e2e8f0}
#rm-about-page .about-honour p{font-size:13px;line-height:1.9}
#rm-about-page .about-honour h3{font-size:16px;line-height:1.5}
#rm-about-page .about-honour-mark{display:flex;align-items:center;justify-content:space-between;color:#F29900;font:500 23px var(--font-mono);letter-spacing:-1px;margin-bottom:24px;direction:ltr}
#rm-about-page .about-honour-mark span{color:#f29900;font-size:16px}
#rm-about-page .about-honour-symbol{display:block;color:#f29900;font-size:32px;line-height:1;margin-bottom:20px}
#rm-about-page .about-workflow-heading{max-width:770px}
#rm-about-page .about-stages{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;margin-top:45px;counter-reset:stage}
#rm-about-page .about-stages .about-step{grid-column:span 2;display:flex;flex-direction:column;gap:30px;padding:30px;position:relative;border:1px solid #e2e8f0;border-radius:18px;background:linear-gradient(150deg,#ffffff,#f4f7fb);overflow:hidden}
#rm-about-page .about-stages .about-step:nth-last-child(-n+2){grid-column:span 3;background:linear-gradient(150deg,#fffaf0,#ffffff)}
#rm-about-page .about-stages .about-number{display:flex;justify-content:space-between;align-items:center;width:100%;color:#F29900;font:500 44px/1 var(--font-mono);letter-spacing:-3px}
#rm-about-page .about-stages .about-number:after{content:'↗';letter-spacing:0;color:#f29900;font-size:22px;font-weight:400;border:1px solid #f2990035;border-radius:50%;width:40px;height:40px;display:grid;place-items:center}
#rm-about-page .about-stages .about-step:last-child .about-number:after{content:'↻'}
#rm-about-page .about-stages h3{font-size:20px;line-height:1.5}
#rm-about-page .about-stages p{font-size:14px;line-height:1.9}
@media(max-width:1000px){#rm-about-page .about-split,#rm-about-page .about-experience{gap:36px;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr)}#rm-about-page .about-experience{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr)}#rm-about-page .about-honours{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:16px}#rm-about-page .about-honour-feature{padding:28px}#rm-about-page .about-honour{padding:22px}#rm-about-page .about-stages .about-step{padding:24px}}
@media(max-width:767px){#rm-about-page .about-split,#rm-about-page .about-experience{grid-template-columns:minmax(0,1fr);gap:36px}#rm-about-page .about-portrait{width:min(100%,390px);margin-inline:auto}#rm-about-page .about-portrait img{aspect-ratio:3/4}#rm-about-page .about-portfolio{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,120px);gap:10px;padding:10px}#rm-about-page .about-thumb-title{font-size:10px;left:10px;bottom:10px;right:25px}#rm-about-page .about-thumb-arrow{right:8px;bottom:8px;font-size:15px}#rm-about-page .about-honours{grid-template-columns:minmax(0,1fr)}#rm-about-page .about-honour-feature{padding:30px;gap:30px;min-height:350px}#rm-about-page .about-honour-feature h3{font-size:30px}#rm-about-page .about-honour{padding:22px 18px}#rm-about-page .about-honour h3{font-size:14px}#rm-about-page .about-honour p{font-size:12px}#rm-about-page .about-stages{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:30px}#rm-about-page .about-stages .about-step,#rm-about-page .about-stages .about-step:nth-last-child(-n+2){grid-column:auto;display:grid;grid-template-columns:45px minmax(0,1fr);gap:22px;padding:26px 22px}#rm-about-page .about-stages .about-number{font-size:29px;display:block;letter-spacing:-2px;line-height:1.5}#rm-about-page .about-stages .about-number:after{font-size:15px;width:30px;height:30px;margin-top:18px}#rm-about-page .about-stages h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){#rm-about-page .about-project-thumb img{transition:none}#rm-about-page .about-project-thumb:hover img{transform:none}}
