/* ============================================================
   Rajmudra Architects — Team page (public)
   Reuses site palette & fonts; matches Journal/Projects language.
   ============================================================ */
:root{
  --bg:#F7F5F2; --white:#fff; --ink:#161616; --muted:#666; --border:#DDD; --accent:#8C7355; --hover:#222;
  --serif:'Cormorant Garamond',Georgia,serif; --sans:'Jost',system-ui,sans-serif; --ease:cubic-bezier(.22,1,.36,1);
  --content:1320px; --gutter:clamp(24px,5vw,80px);
}
*{box-sizing:border-box;} html,body{margin:0;}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:300;font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;} a{color:inherit;text-decoration:none;} ::selection{background:var(--accent);color:#fff;}
.wrap{max-width:var(--content);margin:0 auto;padding-inline:var(--gutter);}
.eyebrow{font-family:var(--sans);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:12px;}
.eyebrow::before{content:"";width:26px;height:1px;background:var(--accent);}
.serif{font-family:var(--serif);font-weight:500;letter-spacing:-.01em;}

/* header (matches project/journal interior pages) */
.thead{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:16px var(--gutter);background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);}
.thead .brand{display:flex;align-items:center;gap:12px;}
.thead .brand img{width:36px;height:36px;object-fit:contain;}
.thead .brand b{font-family:var(--serif);font-weight:500;font-size:18px;line-height:1;}
.thead .brand small{display:block;font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-top:3px;}
.thead nav{display:flex;gap:28px;align-items:center;}
.thead nav a{font-size:12px;letter-spacing:.14em;text-transform:uppercase;position:relative;}
.thead nav a:hover{color:var(--accent);}
.thead nav a.active{color:var(--accent);}
.thead nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--accent);}
@media(max-width:760px){.thead nav a:not(.cta){display:none;}}

/* masthead */
.tmast{padding:clamp(48px,7vw,96px) 0 clamp(30px,4vw,48px);max-width:var(--content);margin:0 auto;padding-inline:var(--gutter);}
.tmast h1{font-family:var(--serif);font-weight:500;font-size:clamp(44px,7vw,84px);line-height:1;margin:18px 0 0;}
.tmast p{color:var(--muted);max-width:56ch;margin:20px 0 0;font-size:19px;}

/* grid */
.tgrid{max-width:var(--content);margin:0 auto;padding:0 var(--gutter) clamp(64px,9vw,120px);
  display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(28px,3vw,44px) clamp(20px,2.4vw,32px);}
@media(max-width:1200px){.tgrid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:820px){.tgrid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.tgrid{grid-template-columns:1fr;}}

.tcard{display:flex;flex-direction:column;}
.tcard__media{position:relative;aspect-ratio:4/5;overflow:hidden;background:#e7e2da;margin-bottom:20px;}
.tcard__media img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease),filter .6s var(--ease);}
.tcard:hover .tcard__media img{transform:scale(1.05);}
.tcard__ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:64px;color:var(--accent);opacity:.5;}
.tcard__feat{position:absolute;top:12px;left:12px;background:var(--ink);color:var(--bg);font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:5px 10px;}
.tcard__name{font-family:var(--serif);font-weight:500;font-size:25px;line-height:1.15;margin:0;}
.tcard__role{color:var(--accent);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-top:6px;}
.tcard__exp{color:var(--muted);font-size:13px;letter-spacing:.04em;margin-top:6px;}
.tcard__bio{color:var(--muted);font-size:15px;line-height:1.6;margin-top:12px;flex:1;}
.tcard__social{display:flex;gap:10px;margin-top:18px;}
.tcard__social a{width:38px;height:38px;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s var(--ease);}
.tcard__social a:hover{background:var(--ink);color:var(--bg);border-color:var(--ink);transform:translateY(-2px);}
.tcard__social svg{width:16px;height:16px;}
.tempty{grid-column:1/-1;padding:80px 0;text-align:center;color:var(--muted);}

.tfoot{background:#0d0d0d;color:rgba(247,245,242,.6);padding:40px var(--gutter);display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;}
.tfoot nav{display:flex;gap:20px;flex-wrap:wrap;}
.tfoot a:hover{color:var(--accent);}
.tfoot a.active{color:var(--accent);}