/* LifeTrack — enskild medarbetarprofil. Bygger på styles.css-tokens. */
.profile-main{padding-top:clamp(20px,2.4vw,28px)}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13.5px;color:var(--muted)}
.crumbs a{color:var(--ink-soft);transition:color .2s}
.crumbs a:hover{color:var(--accent-deep)}
.crumbs span[aria-current]{color:var(--muted)}

.profile-head{display:flex;align-items:center;gap:clamp(18px,2.4vw,30px);margin-top:clamp(26px,3.4vw,44px)}
.profile-photo{position:relative;flex:none;width:clamp(88px,10vw,124px);aspect-ratio:1;border-radius:50%;
  overflow:hidden;background:var(--cream-2);box-shadow:var(--shadow-sm)}
.profile-photo image-slot{position:absolute;inset:0;width:100%;height:100%;display:block}
.profile-name{font-size:clamp(32px,4.4vw,56px);font-weight:300;letter-spacing:-0.04em;line-height:1.02;text-wrap:balance}
.profile-role{margin-top:10px;font-size:clamp(16px,1.7vw,19px);font-weight:300;line-height:1.45;color:var(--accent-deep);text-wrap:pretty}

.profile-body{margin-top:clamp(30px,3.6vw,48px);max-width:68ch;display:flex;flex-direction:column;gap:16px}
.profile-body p{font-size:clamp(15.5px,1.5vw,17px);line-height:1.7;color:var(--ink-soft);text-wrap:pretty}

.profile-more{margin-top:clamp(52px,6vw,88px);margin-bottom:clamp(48px,5.5vw,80px);padding-top:clamp(28px,3.4vw,44px);border-top:1px solid var(--line-soft)}
.profile-more h2{font-size:clamp(22px,2.4vw,30px);font-weight:300;letter-spacing:-0.03em}
.profile-more-list{list-style:none;margin:clamp(22px,2.6vw,32px) 0 0;padding:0;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(18px,2.2vw,28px)}
.profile-more-list a{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:start}
.pm-photo{position:relative;width:56px;aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--cream-2)}
.pm-photo image-slot{position:absolute;inset:0;width:100%;height:100%;display:block}
.pm-text{min-width:0}
.pm-name{display:block;font-size:17px;font-weight:400;letter-spacing:-0.02em;line-height:1.2}
.pm-role{display:block;margin-top:4px;font-size:13px;line-height:1.4;color:var(--muted);text-wrap:pretty}
.profile-more-list a:hover .pm-name{color:var(--accent-deep)}

@media(max-width:560px){
  .profile-head{flex-direction:column;align-items:flex-start;gap:18px}
  .profile-more-list{grid-template-columns:1fr;gap:18px}
}