/* Builder profile: scoped to preserve the shared site layout. */
.builder-profile-page{--bp-navy:#031525;--bp-gold:#b79a60;background:var(--bp-navy);color:#eef3f7}
.builder-profile-page .navbar{background:#031525f5;border-bottom:1px solid #ffffff24;box-shadow:none}
.builder-profile-page .navbar .container,.bp-container{max-width:1440px;margin-inline:auto;padding-inline:32px}
.builder-profile-page .navbar-content{direction:ltr}
.builder-profile-page .navbar-menu,.builder-profile-page .navbar-brand{direction:rtl}
.builder-profile-page .navbar-brand h1,.builder-profile-page .navbar-menu a{color:#eef3f7}
.builder-profile-page .navbar-menu a:hover{color:var(--bp-gold)}
.builder-profile-page .navbar-toggle span{background:#eef3f7}
.builder-profile-page .btn-login{color:var(--bp-gold);border-color:#b79a6066;background:transparent}
.bp-container,.bp-container *{box-sizing:border-box}
.bp-hero{position:relative;isolation:isolate;border-bottom:1px solid #ffffff26;overflow:hidden}
.bp-hero{background:radial-gradient(circle at 85% 0,#0d2a43,#031525 60%)}
.bp-hero__cover{margin:0;height:220px;border-radius:14px;overflow:hidden;border:1px solid #ffffff26;background:#112a3e}
.bp-hero__cover img{width:100%;height:100%;object-fit:cover}
.bp-hero__inner{display:grid;grid-template-columns:44% 1fr;direction:ltr;gap:38px;align-items:center;min-height:240px;padding-block:28px}
.bp-identity{padding-right:32px;border-right:1px solid #ffffff25}
.bp-identity__heading{display:flex;gap:25px;align-items:center}
.bp-identity__heading>div:last-child{direction:rtl;text-align:left}
.bp-logo{width:86px;height:86px;flex-shrink:0;display:grid;place-items:center;color:var(--bp-gold);font-size:48px}
.bp-logo img{width:100%;height:100%;object-fit:contain}
.bp-identity h1{font-size:30px;margin:0 0 12px;line-height:1.5}
.bp-identity p{font-size:14px;margin:0}
.bp-stats{display:flex;justify-content:space-between;gap:20px;margin:24px 0 0}
.bp-stats>div{position:relative;padding-left:35px;direction:rtl;text-align:left}
.bp-stats i{position:absolute;left:0;top:5px;color:var(--bp-gold);font-size:26px}
.bp-stats dt{font-size:11px;color:#d1dbe4}
.bp-stats dd{margin:3px 0 0;font-size:25px;font-weight:700;line-height:1.4}
.bp-stats small{display:block;font-size:11px;font-weight:400}
.bp-hero__inner--cover{grid-template-columns:40% 1fr 300px}
.bp-about{direction:rtl;max-width:420px;text-align:right}
.bp-about h2{font-size:19px;margin:0 0 12px}
.bp-about__text{font-size:12px;line-height:2.1;white-space:normal}
.bp-about__link{display:inline-block;margin-top:12px;color:#d0b57e;font-size:13px}
.bp-layout{display:flex;flex-direction:column;gap:32px;direction:ltr;padding-block:24px 48px;max-width:1180px}
/* Alternating project timeline. Photos have a bounded height independent of card content. */
.bp-projects { min-width:0; scroll-margin-top:100px; }
.bp-projects__intro { direction:rtl; text-align:center; margin-bottom:28px; }
.bp-projects__intro h2 { color:#e2c88e; font-size:28px; margin:0 0 10px; }
.bp-projects__intro p { color:#b9c6d2; font-size:12px; margin:0; }
.bp-project-list { position:relative; list-style:none; margin:0; padding:0; display:grid; gap:14px; }
.bp-project-list::before { content:""; position:absolute; top:0; bottom:0; left:50%; width:1px; background:linear-gradient(#b79a6020,#b79a6099,#b79a6020); }
.bp-project-row { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 104px minmax(0,1fr); align-items:center; column-gap:20px; }
.bp-year { grid-column:2; grid-row:1; display:flex; flex-direction:column; align-items:center; gap:6px; z-index:1; padding-block:8px; background:var(--bp-navy); justify-self:center; }
.bp-year__number { display:grid; place-items:center; width:52px; height:52px; border:1px solid #c8ad73; border-radius:50%; color:#e2c88e; font-size:23px; font-weight:700; }
.bp-year__label { font-size:10px; color:#c2cdd8; }
.bp-project { grid-column:1; grid-row:1; align-self:center; min-width:0; direction:rtl; text-align:right; padding:14px 18px; border:1px solid #ffffff26; border-radius:11px; background:linear-gradient(125deg,#0a1e30,#051625); color:#eef3f7; }
.bp-project__image { grid-column:3; grid-row:1; justify-self:start; display:block; width:100%; max-width:340px; aspect-ratio:4/5; overflow:hidden; border-radius:11px; background:#112a3e; border:1px solid #ffffff1f; }
.bp-project-row:nth-child(even) .bp-project { grid-column:3; }
.bp-project-row:nth-child(even) .bp-project__image { grid-column:1; justify-self:end; }
.bp-project__image--empty { aspect-ratio:auto; align-self:stretch; min-height:180px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; color:#688096; background:repeating-linear-gradient(135deg,#0a1e30 0 12px,#081a2a 12px 24px); direction:rtl; font-size:11px; }
.bp-project__image--empty svg { width:60%; max-width:200px; opacity:.5; }
.bp-project__image img { width:100%; height:100%; object-fit:cover; object-position:center; transition:transform .3s ease; }
.bp-project__image:hover img { transform:scale(1.035); }
.bp-project__heading { display:flex; direction:ltr; align-items:center; justify-content:space-between; gap:12px; margin-bottom:5px; }
.bp-project__year { padding:3px 12px; border-radius:5px; background:#e2c88e; color:#102436; font-size:11px; font-weight:700; }
.bp-project h3 { font-size:22px; line-height:1.5; margin:0; overflow-wrap:anywhere; }
.bp-project__location { margin:3px 0 10px; font-size:11px; line-height:1.7; color:#bfccd7; overflow-wrap:anywhere; }
.bp-project__location i { color:#d0b57e; margin-left:4px; }
.bp-status { direction:rtl; display:inline-flex; align-items:center; gap:6px; background:#143d49; color:#deedf0; border-radius:20px; font-size:10px; padding:4px 10px; margin-left:auto; }
.bp-status::before { content:""; width:6px; height:6px; border-radius:50%; background:#54c7c0; }
.bp-status--finished::before { background:#5fdda5; }
.bp-project__facts { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; margin:12px 0; }
.bp-project__facts>div { position:relative; padding-right:23px; }
.bp-project__facts i { position:absolute; right:0; top:4px; font-size:16px; color:#c2a971; }
.bp-project__facts dt { font-size:10px; color:#c2cdd8; }
.bp-project__facts dd { font-size:11px; margin:3px 0 0; }
.bp-project__excerpt { margin:0 0 10px; font-size:11.5px; line-height:2; color:#c9d4de; }
.bp-stages { list-style:none; margin:12px 0 0; padding:10px 0 0; border-top:1px solid #ffffff14; display:grid; gap:6px; font-size:10px; color:#c7d2dc; }
.bp-stages li { display:grid; grid-template-columns:72px 1fr 30px; align-items:center; gap:8px; }
.bp-stages li>span:last-child { text-align:left; color:#e4ca8d; }
.bp-stages__bar { height:4px; border-radius:4px; background:linear-gradient(to left,#e4ca8d var(--progress),#263c4d 0); }
.bp-project__facts dd small { display:block; color:#9fb0bf; font-size:10px; margin-top:2px; }
.bp-chips { list-style:none; display:flex; flex-wrap:wrap; gap:6px; margin:0 0 14px; padding:0; }
.bp-chips li { padding:3px 10px; border:1px solid #b79a6055; border-radius:14px; font-size:10px; color:#e2c88e; background:#b79a6012; }
.bp-chips__more { color:#c7d2dc !important; }
.bp-project__action { display:flex; align-items:center; justify-content:center; gap:20px; width:fit-content; min-height:36px; padding:7px 20px; margin-right:auto; border:1px solid #dfc58c; border-radius:24px; background:linear-gradient(110deg,#d0b478,#eed79c); color:#102436; font-size:11px; font-weight:700; }
.bp-project__action:hover { background:#f3dfa9; color:#031525; }
.bp-progress { display:grid; grid-template-columns:42px minmax(90px,1fr) minmax(70px,1.3fr); align-items:center; gap:10px; margin-top:10px; direction:ltr; }
.bp-progress__ring { display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:conic-gradient(#e4ca8d var(--progress),#224252 0); }
.bp-progress__ring>span { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:#081c2d; font-size:10px; }
.bp-progress label { direction:rtl; font-size:10px; color:#c7d2dc; }
.bp-progress label strong { display:block; font-size:11px; font-weight:400; color:#eef3f7; }
.bp-progress progress { display:block; width:100%; height:6px; border:0; border-radius:6px; overflow:hidden; background:#263c4d; accent-color:#e4ca8d; }
.bp-progress progress::-webkit-progress-bar { background:#263c4d; }
.bp-progress progress::-webkit-progress-value { background:linear-gradient(90deg,#a59b87,#efd393); border-radius:6px; }
.bp-progress progress::-moz-progress-bar { background:linear-gradient(90deg,#a59b87,#efd393); border-radius:6px; }
.bp-empty{direction:rtl;text-align:center;padding:65px 24px;border:1px solid #ffffff25;border-radius:14px;color:#c6d3df}.bp-empty>i{font-size:38px;color:#d0b57e}.bp-empty h3{font-size:18px}.bp-empty p{font-size:13px}
.bp-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bp-gallery img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:12px}
.bp-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.builder-profile-page a:focus-visible,.builder-profile-page summary:focus-visible{outline:3px solid #d0b57e;outline-offset:4px}
@media(max-width:1200px) {
    .bp-hero__inner{grid-template-columns:50% 1fr;gap:24px}.bp-hero__inner--cover{grid-template-columns:42% 1fr 220px}
    .bp-identity{padding-right:24px}.bp-identity h1{font-size:25px}
    .bp-stats{gap:10px}.bp-stats>div{padding-left:27px}.bp-stats i{font-size:20px}
    .bp-project-row{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);column-gap:14px}
    .bp-project{padding:14px}.bp-project h3{font-size:20px}
}
@media(max-width:900px) {
    .builder-profile-page .navbar-menu{background:#031525}
    .bp-container,.builder-profile-page .navbar .container{padding-inline:20px}
    .bp-hero__inner{grid-template-columns:1fr;gap:22px}.bp-identity{border:0;padding:0;max-width:550px}
    .bp-hero__cover{height:180px;max-width:550px;width:100%}
    .bp-about{max-width:550px}.bp-about__text{font-size:13px}
    .bp-project-row{grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);column-gap:10px}
    .bp-year__number{width:44px;height:44px;font-size:20px}
    .bp-progress{grid-template-columns:36px minmax(0,1fr);gap:8px}
    .bp-progress__ring{width:36px;height:36px}.bp-progress__ring>span{width:28px;height:28px}
    .bp-progress progress{grid-column:1/-1}
}
@media(max-width:680px) {
    .bp-project-list{gap:22px}.bp-project-list::before{left:22px}
    .bp-project-row{grid-template-columns:44px minmax(0,1fr);gap:0 12px;align-items:start}
    .bp-year{grid-column:1;grid-row:1/3;margin-top:16px}
    .bp-project__image,.bp-project-row:nth-child(even) .bp-project__image{grid-column:2;grid-row:1;justify-self:stretch;max-width:none;max-height:70vh;border-radius:11px 11px 0 0;border-bottom:0}
    .bp-project,.bp-project-row:nth-child(even) .bp-project{grid-column:2;grid-row:2;border-radius:0 0 11px 11px;padding:14px}
    /* Story-style card: heading overlaps the bottom of the portrait photo. */
    .bp-project-row:not(.bp-project-row--no-image) .bp-project{position:relative;margin-top:-120px;padding-top:56px;border-top:0;background:linear-gradient(to bottom,#05162500,#051625e6 70px,#051625 110px)}
    .bp-project-row--no-image .bp-project__image{display:none}
    .bp-project-row--no-image .bp-project{grid-row:1/3;border-radius:11px}
    .bp-progress{grid-template-columns:36px minmax(80px,1fr) minmax(50px,1fr)}
    .bp-progress progress{grid-column:auto}.bp-project__facts{gap:12px 8px}

    .bp-gallery{grid-template-columns:1fr}
}
@media(max-width:560px) {
    .bp-container{padding-inline:14px}.bp-identity__heading{gap:16px}.bp-logo{width:62px;height:62px}
    .bp-identity h1{font-size:23px}.bp-identity p{font-size:11px}.bp-stats dt{font-size:10px}
    .bp-stats dd{font-size:21px}.bp-stats>div{padding-left:0}.bp-stats i{display:none}
}
@media(prefers-reduced-motion:reduce){.builder-profile-page a,.bp-project__image img{transition:none}}