.profile-main,
.studio-main {
    min-height: calc(100vh - 88px);
    color: #19114f;
    background: #fbfaf8;
    font-family: Inter, Arial, sans-serif;
}

.profile-container,
.studio-container {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}

.profile-hero,
.studio-hero {
    position: relative;
    overflow: hidden;
    padding: clamp(70px, 10vw, 126px) 0 58px;
    border-bottom: 1px solid #e5dfeb;
}

.profile-hero::after,
.studio-hero::after {
    position: absolute;
    top: -250px;
    right: -160px;
    width: 600px;
    height: 600px;
    content: "";
    border: 1px solid rgba(112, 71, 232, .13);
    border-radius: 50%;
    box-shadow: inset 0 0 0 74px rgba(112,71,232,.025), inset 0 0 0 148px rgba(112,71,232,.02);
}

.profile-eyebrow,
.studio-eyebrow {
    margin: 0 0 16px;
    color: #7047e8;
    font-size: .69rem;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.profile-hero h1,
.studio-hero h1 {
    max-width: 800px;
    margin: 0;
    font-family: "Bodoni Moda", Georgia, serif;
    font-size: clamp(3.4rem, 7vw, 6.8rem);
    font-weight: 500;
    line-height: .95;
    letter-spacing: -.06em;
}

.profile-hero p:last-child,
.studio-hero p:last-child {
    max-width: 650px;
    margin: 24px 0 0;
    color: #696477;
    font-size: 1rem;
}

.profile-content,
.studio-content {
    padding: 58px 0 100px;
}

.profile-summary-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.profile-card,
.studio-card {
    padding: 26px;
    border: 1px solid #e5dfeb;
    border-radius: 22px;
    background: #fff;
}

.profile-card small,
.studio-card small {
    display: block;
    color: #837d90;
    font-size: .63rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.profile-card strong,
.studio-card strong {
    display: block;
    margin-top: 8px;
    font-family: "Bodoni Moda", Georgia, serif;
    font-size: 1.55rem;
    font-weight: 500;
}

.profile-section,
.studio-section {
    margin-top: 48px;
}

.profile-section-header,
.studio-section-header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}

.profile-section h2,
.studio-section h2 {
    margin: 0;
    font-family: "Bodoni Moda", Georgia, serif;
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 500;
    letter-spacing: -.04em;
}

.profile-action,
.studio-action {
    display: inline-flex;
    padding: 11px 18px;
    color: #fff;
    background: #24143d;
    border-radius: 999px;
    font-size: .76rem;
    font-weight: 750;
    text-decoration: none;
}

.priority-display {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.priority-display article {
    min-height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
    border: 1px solid #e5dfeb;
    border-radius: 18px;
    background: #fff;
}

.priority-display span { color: #696477; font-size: .72rem; }
.priority-display strong { font-size: .88rem; }
.priority-level { height: 5px; overflow: hidden; background: #ede9f1; border-radius: 99px; }
.priority-level i { height: 100%; display: block; background: #7047e8; border-radius: 99px; }
.profile-note { padding: 24px; color: #51496a; background: #f2eef9; border-radius: 18px; font-size: .84rem; }
.studio-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.studio-card { min-height: 220px; display: flex; flex-direction: column; justify-content: space-between; }
.studio-card p { color: #696477; font-size: .82rem; }

@media (max-width: 850px) {
    .profile-summary-grid, .priority-display, .studio-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px) {
    .profile-container, .studio-container { width: min(100% - 28px, 1180px); }
    .profile-summary-grid, .priority-display, .studio-grid { grid-template-columns: 1fr; }
    .profile-section-header, .studio-section-header { align-items: flex-start; flex-direction: column; }
}

