.individual-profile{background:#fff;color:#123a31}
.profile-page-hero{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);min-height:760px;background:#063f32;color:#fff;overflow:hidden}
.profile-page-photo{position:relative;min-height:760px;background:linear-gradient(150deg,#e8e6df,#fff)}
.profile-page-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
.profile-page-hero.razman .profile-page-photo{background-image:url("assets/razman-board-v3.png"),linear-gradient(150deg,#0b604b,#032d25);background-repeat:no-repeat;background-size:auto 110%,cover;background-position:center 16px,center}
.profile-page-hero.razman .profile-page-photo img{opacity:0}
.profile-page-hero.mazrul .profile-page-photo{background:linear-gradient(150deg,#0b604b,#032d25)}
.profile-page-hero.mazrul .profile-page-photo img{object-fit:contain;object-position:center bottom}
/* Locked profile portrait standard: full-body source is enlarged and cropped at the knees. */
.profile-page-hero.standard-knee-crop .profile-page-photo{overflow:hidden;background:linear-gradient(150deg,#0b604b,#032d25)}
.profile-page-hero.standard-knee-crop .profile-page-photo img{opacity:1;object-fit:contain;object-position:center top;transform:translateY(var(--profile-portrait-y,30px)) scaleX(var(--profile-portrait-scale-x,1)) scale(var(--profile-portrait-scale,1.48));transform-origin:center top}
.profile-page-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(64px,8vw,126px);background:radial-gradient(circle at 100% 0,rgba(20,111,85,.38),transparent 46%)}
.profile-page-code{margin:0 0 28px;color:#b8ddcf;font-size:.72rem;font-weight:850;letter-spacing:.18em;text-transform:uppercase}
.profile-page-copy h1{font-size:clamp(4rem,7.2vw,8.2rem);line-height:.88;margin:0 0 24px;letter-spacing:-.06em}
.profile-page-role{margin:0 0 34px;color:#dfc886;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.profile-page-intro{max-width:730px;margin:0;color:#ccdbd5;font-size:clamp(1rem,1.35vw,1.22rem);line-height:1.8}
.profile-page-back{display:inline-flex;align-items:center;align-self:flex-start;margin-top:42px;color:#fff;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:5px;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.profile-story{display:grid;grid-template-columns:minmax(220px,.42fr) minmax(0,1.58fr);gap:clamp(42px,8vw,130px);padding:clamp(76px,10vw,150px) max(7vw,calc((100vw - 1440px)/2))}
.profile-story-aside{align-self:start;position:sticky;top:120px}
.profile-story-aside h2{margin-top:14px;color:#073f33;font-size:clamp(2.7rem,4.4vw,5.2rem);line-height:.97}
.profile-story-aside p:last-child{margin-top:28px;color:#667970;line-height:1.7}
.profile-story-copy{max-width:900px}.profile-story-copy p{margin:0 0 24px;color:#405c53;font-size:clamp(1rem,1.2vw,1.12rem);line-height:1.86}
.profile-page-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:42px}.profile-page-tags span{padding:10px 14px;border:1px solid rgba(8,47,39,.18);border-radius:999px;color:#194b3f;font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.profile-page-link{display:inline-flex;margin-top:32px;color:#075d49;border-bottom:1px solid rgba(7,93,73,.35);padding-bottom:4px;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:820px){.profile-page-hero{grid-template-columns:1fr}.profile-page-photo{min-height:520px;height:62vh}.profile-page-copy{padding:65px 7% 78px}.profile-page-copy h1{font-size:4.2rem}.profile-story{grid-template-columns:1fr;padding-left:7%;padding-right:7%}.profile-story-aside{position:static}.profile-story-aside p:last-child{max-width:620px}}
@media(max-width:440px){.profile-page-photo{min-height:440px}.profile-page-copy h1{font-size:3.4rem}.profile-page-copy{padding:54px 6% 64px}}
