body.about-page main{
    padding-top:0
}
.section-about-hero{
    padding-top:var(--space-12);
    padding-bottom:var(--space-12)
}
.about-hero-grid{
    display:grid;
    grid-template-columns:3fr 2fr;
    gap:var(--space-10);
    align-items:center
}
.about-hero-text .about-lead{
    font-size:var(--font-size-lg);
    max-width:36rem
}
.about-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:var(--space-3);
    margin-top:var(--space-5);
    margin-bottom:var(--space-4)
}
.about-hero-meta{
    display:flex;
    flex-wrap:wrap;
    gap:var(--space-6);
    align-items:center;
    margin-top:var(--space-4)
}
.about-hero-media{
    position:relative
}
.about-hero-figure{
    border-radius:var(--radius-lg);
    overflow:hidden;
    border:var(--border-width-hairline) solid var(--color-border);
    box-shadow:var(--shadow-soft)
}
.about-hero-image{
    width:100%;
    height:100%;
    object-fit:cover
}
.about-hero-card{
    position:absolute;
    left:8%;
    bottom:8%;
    display:flex;
    align-items:center;
    gap:var(--space-3);
    padding:var(--space-3) var(--space-4);
    border-radius:var(--radius-lg);
    background:rgba(251,248,241,0.96);
    border:var(--border-width-hairline) solid rgba(170,131,80,0.6);
    box-shadow:var(--shadow-soft)
}
.about-hero-card-label{
    font-size:var(--font-size-xs);
    letter-spacing:0.16em;
    text-transform:uppercase;
    color:var(--color-muted);
    margin-bottom:var(--space-1)
}
.about-hero-card-text{
    font-size:var(--font-size-sm);
    margin-bottom:0
}
.about-grid-gap{
    gap:var(--space-10)
}
.about-grid-auto{
    gap:var(--space-8)
}
.about-image-panel{
    display:flex;
    flex-direction:column;
    gap:var(--space-4)
}
.about-figure{
    border-radius:var(--radius-lg);
    overflow:hidden;
    border:var(--border-width-hairline) solid var(--color-border);
    box-shadow:var(--shadow-soft)
}
.about-image{
    width:100%;
    display:block
}
.about-caption-card{
    border-radius:var(--radius-md);
    padding:var(--space-4);
    background:rgba(241,236,226,0.96);
    border:var(--border-width-hairline) solid var(--color-border)
}
.about-caption-title{
    font-family:var(--font-serif);
    font-size:var(--font-size-md);
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:var(--color-espresso);
    margin-bottom:var(--space-1)
}
.about-caption-text{
    font-size:var(--font-size-sm);
    margin-bottom:0
}
.about-value-card{
    height:100%;
    display:flex;
    flex-direction:column;
    gap:var(--space-3)
}
.about-value-card>.feature-icon,.about-value-card>.lamp-icon{
    margin-bottom:var(--space-2)
}
.about-value-media{
    padding:var(--space-3)
}
.about-card-room{
    margin-top:var(--space-4)
}
.about-card-room-layout{
    display:flex;
    flex-direction:row;
    gap:var(--space-8);
    align-items:flex-start
}
.about-card-room-meta{
    flex:1;
    min-width:260px
}
.section-offline{
    background:var(--color-background-alt)
}
.about-card-lounge-media{
    margin-top:var(--space-8)
}
.about-team-layout{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:var(--space-10)
}
.section-responsible{
    background:var(--color-background-alt)
}
.about-gathering{
    margin-bottom:var(--space-4)
}
.about-gathering-links h3{
    font-size:var(--font-size-lg)
}
.about-links-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:var(--space-2);
    margin-top:var(--space-3)
}
.about-links-list a{
    display:inline-flex;
    padding:0.35rem 0.6rem;
    border-radius:var(--radius-pill);
    border:var(--border-width-hairline) solid var(--color-border);
    font-size:var(--font-size-xs);
    letter-spacing:0.12em;
    text-transform:uppercase;
    color:var(--color-muted);
    background:rgba(255,255,255,0.9)
}
.about-links-list a:hover{
    border-color:var(--color-primary-soft);
    color:var(--color-primary)
}
@media (max-width:960px){
    .about-hero-grid{
        grid-template-columns:1fr;
        gap:var(--space-8)
    }
    .about-hero-media{
        order:-1
    }
    .about-card-room-layout{
        flex-direction:column
    }
}
@media (max-width:720px){
    .section-about-hero{
        padding-top:var(--space-10)
    }
    .about-hero-card{
        left:6%;
        right:6%;
        bottom:6%;
        padding:var(--space-3)
    }
    .about-hero-meta{
        gap:var(--space-3)
    }
    .about-links-list{
        grid-template-columns:1fr
    }
}
#thelamplitparlour-final
ul {
    list-style: none !important;
}

.nav-toggle {
    flex-direction: column;
}