/* Amwaj — projects.css — page-type styles (loaded conditionally). Ported from static source. */
.nav-links a:hover,.nav-links a.active{color:var(--accent-dk)}
.btn-pill{padding:0.7rem 1.4rem;border-radius:100px;background:var(--ink);color:var(--cream);font-size:0.78rem;border:none;cursor:pointer;font-weight:700;letter-spacing:0.01em;transition:all .3s;display:inline-flex;align-items:center;gap:0.4rem;font-family:var(--sans);text-decoration:none}
.hero{position:relative;height:52vh;min-height:420px;overflow:hidden}
.hero-img{position:absolute;inset:0;background:center/cover no-repeat;background-color:var(--accent-bg)}
.hero-img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(42,37,32,0.12) 0%,rgba(42,37,32,0.28) 100%)}
.portfolio-intro{padding:6rem 40px 3.5rem;text-align:center}
.portfolio-intro .section-eyebrow{justify-content:center}
.portfolio-intro h1{font-family:var(--serif);font-size:clamp(2.2rem,4.5vw,3.6rem);font-weight:400;line-height:1.1;letter-spacing:-0.015em;color:var(--ink);margin-bottom:1.3rem}
.portfolio-intro h1 i{font-style:normal;color:var(--accent)}
.portfolio-intro p{font-size:1.02rem;line-height:1.85;color:var(--ink-2);font-weight:300;max-width:680px;margin:0 auto}
.projects-list{max-width:1280px;margin:0 auto;padding:1rem 40px 7rem;display:flex;flex-direction:column;gap:2.5rem}
.project-card{display:grid;grid-template-columns:1fr 1fr;background:rgba(255,255,255,0.6);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,0.85);border-radius:var(--r-xl);overflow:hidden;box-shadow:0 8px 24px rgba(170,145,128,0.08),inset 0 1px 0 rgba(255,255,255,0.9);transition:transform .4s cubic-bezier(0.16,1,0.3,1),box-shadow .4s cubic-bezier(0.16,1,0.3,1)}
.project-card:hover{transform:translateY(-6px);box-shadow:0 26px 60px rgba(170,145,128,0.18)}
.project-media{position:relative;min-height:380px;background:var(--accent-bg)}
.project-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(0.16,1,0.3,1)}
.project-card:hover .project-media img{transform:scale(1.04)}
.project-body{padding:3.2rem 3.4rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1.4rem}
.project-logo{min-height:48px;display:flex;align-items:center}
.project-logo img{max-height:58px;max-width:230px;width:auto;object-fit:contain}
.project-logo-text{display:none;font-family:var(--serif);font-size:2rem;color:var(--ink);line-height:1.05;letter-spacing:-0.01em}
.project-desc{font-size:0.98rem;line-height:1.8;color:var(--ink-2);font-weight:300}
.project-body .btn-pill{margin-top:0.3rem}
.project-body .btn-pill svg{width:14px;height:14px}
.foot-soc{width:34px;height:34px;border-radius:50%;background:var(--white);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink-2);cursor:pointer;transition:all .3s;text-decoration:none}
.foot-soc svg{width:16px;height:16px}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
@media(max-width:980px){
  nav{padding:0.5rem 0.5rem 0.5rem 1rem;gap:1rem;width:calc(100% - 30px)}
  .nav-links{display:none}
  .hero{height:42vh;min-height:320px}
  .portfolio-intro{padding:4rem 24px 2.5rem}
  .projects-list{padding:0.5rem 24px 5rem;gap:2rem}
}
@media(max-width:880px){
  .project-card{grid-template-columns:1fr}
  .project-media{min-height:260px;position:relative}
  .project-media img{position:relative}
  .project-body{padding:2.4rem}
}
@media(max-width:600px){
  .foot{grid-template-columns:1fr}
}
.btn-pill.accent.cta-starlight{background:#004B4C}
.btn-pill.accent.cta-starlight:hover{background:#00393A}
.btn-pill.accent.cta-cube{background:#636B2E}
.btn-pill.accent.cta-cube:hover{background:#4B5223}
.btn-pill.accent.cta-gate{background:#C19259}
.btn-pill.accent.cta-gate:hover{background:#9A7344}
.btn-pill.accent.cta-kaia{background:#038493}
.btn-pill.accent.cta-kaia:hover{background:#02646F}