.ph-header{
position:sticky;
top:0;
z-index:1000;
background:var(--color-bg-warm);
border-bottom:var(--border);
}

.ph-header-inner{
display:flex;
align-items:center;
justify-content:space-between;
min-height:72px;
gap:var(--space-sm);
}

.ph-brand{
display:flex;
align-items:center;
gap:0.6rem;
font-weight:700;
}

.ph-logo{
height:44px;
width:auto;
}

.ph-brand-text{
font-family:var(--font-heading);
font-size:1.35rem;
}

.ph-nav{
display:flex;
}

.ph-nav-list{
display:flex;
gap:1rem;
list-style:none;
padding:0;
margin:0;
align-items:center;
}

.ph-nav a{
padding:0.4rem 0.6rem;
border-radius:999px;
font-weight:600;
}

.ph-nav a:hover{
background:var(--color-accent-yellow);
text-decoration:none;
}

.ph-toggle{
display:none;
width:44px;
height:44px;
border-radius:50%;
border:2px solid var(--color-border);
align-items:center;
justify-content:center;
flex-direction:column;
gap:4px;
}

.ph-toggle-line{
width:18px;
height:2px;
background:var(--color-text);
}

.ph-toggle:focus{
outline:2px solid var(--color-primary);
}

@media (max-width:900px){
.ph-nav{
position:fixed;
top:72px;
right:0;
width:100%;
max-width:320px;
height:calc(100vh - 72px);
background:var(--color-surface);
border-left:var(--border);
transform:translateX(100%);
transition:var(--transition);
padding:var(--space-md);
overflow-y:auto;
}

.ph-nav.open{
transform:translateX(0);
}

.ph-nav-list{
flex-direction:column;
align-items:flex-start;
}

.ph-toggle{
display:flex;
}
}