.personal-site{background:#f7f3e9;color:#17231e}
.personal-site .site-header{background:rgba(247,243,233,.9)}
.personal-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.personal-brand strong,.personal-brand small{display:block;line-height:1.15}
.personal-brand small{margin-top:5px;color:#66736d;font-size:.67rem;text-transform:uppercase;letter-spacing:.13em}
.personal-monogram{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(211,170,84,.65);border-radius:50%;background:#0b2f26;color:#ead39a;font:700 1rem "Playfair Display",serif;letter-spacing:.04em}

.personal-hero{position:relative;overflow:hidden;padding:105px 0 92px;background:#08261f;color:#fff}
.personal-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.18fr .82fr;gap:76px;align-items:center}
.personal-hero h1{max-width:820px;margin:.18em 0;font:700 clamp(3.2rem,6.5vw,6.5rem)/.98 "Playfair Display",serif;letter-spacing:-.052em}
.personal-hero h1 em{color:#ead39a;font-weight:600}
.personal-lead{max-width:740px;color:#d6e2dc;font-size:1.16rem;line-height:1.72}
.hero-orbit{position:absolute;border-radius:50%;pointer-events:none}
.orbit-one{width:520px;height:520px;right:-220px;top:-180px;border:1px solid rgba(234,211,154,.16);box-shadow:0 0 0 70px rgba(255,255,255,.018),0 0 0 140px rgba(255,255,255,.012)}
.orbit-two{width:300px;height:300px;left:38%;bottom:-230px;background:radial-gradient(circle,rgba(211,170,84,.22),transparent 68%)}
.personal-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.personal-tags span,.career-pill-row span,.project-tags span{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 12px;color:#c8d8d1;font-size:.72rem;font-weight:700;letter-spacing:.03em}
.identity-card{border:1px solid rgba(255,255,255,.15);border-radius:30px;padding:15px;background:linear-gradient(150deg,rgba(255,255,255,.11),rgba(255,255,255,.035));box-shadow:0 30px 80px rgba(0,0,0,.2)}
.portrait-frame{position:relative}
.portrait-frame:after{content:"";position:absolute;right:15px;bottom:-10px;width:70px;height:70px;border-radius:50%;background:#d3aa54;opacity:.2;filter:blur(3px)}
.personal-portrait{min-height:365px;background:linear-gradient(150deg,#cab77f,#225c47 70%,#0b2f26)}
.identity-copy{padding:22px 15px 12px}
.identity-copy h2{margin:5px 0 9px;font:700 2rem "Playfair Display",serif}
.identity-copy>p:last-child{margin-bottom:0;color:#c2d2cb}

.personal-signal{background:#d3aa54;color:#0b2f26;border-bottom:1px solid rgba(11,47,38,.2)}
.personal-signal-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;text-transform:uppercase;letter-spacing:.13em;font-size:.7rem;font-weight:800}
.personal-signal-grid span{padding:18px 12px}
.personal-signal-grid span+span{border-left:1px solid rgba(11,47,38,.22)}

.about-grid,.career-grid,.now-grid,.ags-grid,.ideas-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:90px;align-items:start}
.about-copy{max-width:760px;color:#617069}
.about-copy .large-copy{font-size:1.45rem;color:#17231e}
.career-pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.career-pill-row span{border-color:#c8cfc9;color:#284b3f;background:#fff}

.work-section{background:#0d372c;color:#fff}
.work-heading{max-width:800px;margin-bottom:52px}
.work-heading>p:last-child{color:#c0d0c8}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.portfolio-card{min-height:335px;display:flex;flex-direction:column;padding:31px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.052);transition:transform .22s,border-color .22s}
.portfolio-card:hover{transform:translateY(-5px);border-color:rgba(234,211,154,.5)}
.featured-project{background:linear-gradient(150deg,rgba(211,170,84,.16),rgba(255,255,255,.05))}
.project-meta{display:flex;justify-content:space-between;gap:12px;color:#ead39a;text-transform:uppercase;letter-spacing:.13em;font-size:.66rem;font-weight:800}
.portfolio-card h3{margin:45px 0 12px;font:600 2rem "Playfair Display",serif}
.portfolio-card p{color:#c4d5cd}
.project-tags{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 24px}
.project-tags span{padding:6px 10px;font-size:.66rem}
.portfolio-card>a{margin-top:auto;color:#ead39a;font-weight:700}

.career-section{background:#f7f3e9}
.career-lanes{display:grid;border-top:1px solid #cdc5b4}
.career-lanes article{display:grid;grid-template-columns:62px 1fr;gap:18px;padding:26px 0;border-bottom:1px solid #d7d0c1}
.career-lanes article>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#0d372c;color:#ead39a;font-weight:800}
.career-lanes h3{margin:0 0 6px;font:600 1.45rem "Playfair Display",serif}
.career-lanes p{margin:0;color:#66736d}

.ideas-section{background:#071f19;color:#fff}
.ideas-section .section-heading>p:last-child{color:#becfc7}
.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.media-grid article{min-height:270px;padding:27px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.media-kicker{color:#ead39a;text-transform:uppercase;letter-spacing:.13em;font-size:.68rem;font-weight:800}
.media-grid h3{margin:38px 0 10px;font:600 1.55rem "Playfair Display",serif}
.media-grid p{color:#bed0c7}
.media-grid small{display:block;margin-top:22px;color:#88a198}

.now-section{background:#eee6d4}
.now-list{display:grid;gap:10px}
.now-list article{display:grid;grid-template-columns:105px 1fr;gap:18px;align-items:start;padding:20px 22px;background:#fff;border-radius:14px;border:1px solid rgba(16,57,46,.09)}
.now-list span{color:#1c684f;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:800}
.now-list p{margin:0;color:#4f6159}

.ags-section{background:#0d372c;color:#fff}
.ags-section .section-heading>p:last-child{color:#bed0c7}
.ags-services{display:grid;gap:10px}
.ags-services a{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center;padding:22px 24px;border-radius:15px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);transition:transform .2s,border-color .2s}
.ags-services a:hover{transform:translateX(5px);border-color:rgba(234,211,154,.45)}
.ags-services span{color:#ead39a;font-weight:800}
.ags-services small{color:#bdd0c7;font-size:.82rem}

.principles-personal{background:#fbf8f0}
.principle-grid-personal{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.principle-grid-personal article{padding:30px;border:1px solid #d9d2c3;border-radius:18px;background:#fff}
.principle-grid-personal article>span{color:#1c684f;font-size:.72rem;font-weight:800;letter-spacing:.12em}
.principle-grid-personal h3{margin:35px 0 10px;font:600 1.55rem "Playfair Display",serif}
.principle-grid-personal p{color:#64716b;margin-bottom:0}

.contact-note{margin-top:22px;padding:15px 17px;border-left:3px solid #d3aa54;background:rgba(255,255,255,.35);font-size:.82rem;color:#5a6761}
.personal-footer .footer-personal-brand{color:#fff;margin-bottom:18px}
.personal-footer .footer-personal-brand small{color:#9fb3aa}

@media(max-width:980px){
  .personal-hero-grid,.about-grid,.career-grid,.now-grid,.ags-grid,.ideas-grid{grid-template-columns:1fr;gap:52px}
  .identity-card{max-width:570px}
  .portfolio-grid{grid-template-columns:1fr}
  .media-grid{grid-template-columns:1fr}
  .principle-grid-personal{grid-template-columns:1fr}
}

@media(max-width:700px){
  .personal-hero{padding:72px 0}
  .personal-hero h1{font-size:clamp(3rem,15vw,4.5rem)}
  .personal-signal-grid{grid-template-columns:repeat(2,1fr)}
  .personal-signal-grid span:nth-child(3){border-left:0}
  .personal-signal-grid span:nth-child(n+3){border-top:1px solid rgba(11,47,38,.18)}
  .ags-services a{grid-template-columns:1fr;gap:5px}
  .now-list article{grid-template-columns:1fr;gap:6px}
}

@media(max-width:560px){
  .personal-brand small{display:none}
  .personal-monogram{width:40px;height:40px}
  .personal-tags{display:grid;grid-template-columns:1fr 1fr}
  .personal-tags span{text-align:center}
  .personal-portrait{min-height:285px}
  .portfolio-card{min-height:360px;padding:25px}
  .career-lanes article{grid-template-columns:48px 1fr}
}

.identity-visual{position:relative;min-height:365px;display:grid;place-items:center;overflow:hidden;border-radius:21px;background:radial-gradient(circle at 28% 24%,rgba(234,211,154,.28),transparent 28%),linear-gradient(145deg,#225c47,#0b2f26 72%);isolation:isolate}
.identity-rings{position:absolute;width:220px;height:220px;border:1px solid rgba(234,211,154,.38);border-radius:50%;box-shadow:0 0 0 44px rgba(255,255,255,.025),0 0 0 88px rgba(255,255,255,.018)}
.identity-rings:after{content:"";position:absolute;inset:34px;border:1px dashed rgba(234,211,154,.36);border-radius:50%;transform:rotate(-18deg)}
.identity-initials{position:relative;z-index:1;color:#f3e7c3;font:700 6.2rem/1 "Playfair Display",serif;letter-spacing:-.08em;text-shadow:0 16px 32px rgba(0,0,0,.24)}
.identity-location{position:absolute;z-index:1;left:20px;bottom:18px;display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(7,31,25,.72);color:#d6e4dd;font-size:.7rem;font-weight:700;letter-spacing:.04em;backdrop-filter:blur(8px)}
.identity-location i{width:7px;height:7px;border-radius:50%;background:#d3aa54;box-shadow:0 0 0 4px rgba(211,170,84,.14)}

/* Homepage portrait */
.identity-visual{background-image:linear-gradient(180deg,rgba(7,31,25,.02) 45%,rgba(7,31,25,.42) 100%),url("assets/carla-professional-portrait.jpg");background-size:cover;background-position:center 28%;}
.identity-rings,.identity-initials{display:none;}