:root{
--bg:#08090a;--line:rgba(238,233,223,.14);--text:#e8e3da;--muted:#aaa59e;--max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#08090a;color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit}

.hero{position:relative;min-height:92svh;display:grid;align-items:end;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-bg{position:absolute;inset:0;background:url("assets/mrc-london.jpg") center/cover no-repeat;transform:scale(1.015)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,4,5,.15),rgba(3,4,5,.24) 45%,rgba(3,4,5,.87))}
.topbar{position:absolute;z-index:2;top:0;left:0;right:0;max-width:var(--max);margin:auto;padding:1.4rem 1.25rem;display:flex;justify-content:space-between;align-items:center}
.brand-mark{display:flex;align-items:center;gap:.75rem;text-decoration:none;letter-spacing:.18em;font-size:.75rem}
.brand-mark img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.18)}
.nav-links{display:flex;gap:1.5rem}
.nav-links a{text-decoration:none;color:#d8d4cc;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}
.hero-content{position:relative;z-index:2;width:min(var(--max),calc(100% - 2.5rem));margin:0 auto;padding-bottom:clamp(4.5rem,10vh,7rem)}
.eyebrow,.section-kicker,.artist-era{text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;color:#b8b1a7;margin:0 0 1rem}
.hero-copy{display:inline-block;max-width:530px;margin:.25rem 0 1.4rem;padding:.55rem .75rem;color:#d0cac1;background:rgba(5,6,7,.26);border-left:1px solid rgba(232,227,218,.28);backdrop-filter:blur(3px)}
.ghost-button{display:inline-flex;text-decoration:none;border:1px solid rgba(232,227,218,.42);padding:.82rem 1.2rem;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;transition:.25s ease}
.ghost-button:hover{background:var(--text);color:#090a0b}

.section{width:min(var(--max),calc(100% - 2.5rem));margin:auto;padding:clamp(5.5rem,10vw,9rem) 0}
.intro{max-width:900px;text-align:center}
.intro h1,.section-heading h2,.studio-copy h2,.artist-card h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500}
.intro h1{font-size:clamp(2.8rem,6vw,5.5rem);line-height:.95;margin:0 0 2rem}
.intro p{max-width:740px;margin:0 auto 1rem;color:#aaa69f;font-size:1.02rem}

.artists{border-top:1px solid var(--line)}
.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:2rem;align-items:end;margin-bottom:3rem}
.section-heading h2,.studio-copy h2{font-size:clamp(2.8rem,6vw,5.5rem);line-height:.95;margin:0}
.artist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.artist-card{position:relative;overflow:hidden;min-height:620px;border:1px solid var(--line);padding:clamp(1.5rem,3vw,2.4rem);display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}
.artist-card::before{content:"";position:absolute;inset:0;z-index:-3;background-position:center top;background-size:cover;background-repeat:no-repeat;transform:scale(1.01)}
.alix-card::before{background-image:url("assets/alix.jpg");background-position:50% 18%}
.mara-card::before{background-image:url("assets/mara.jpg");background-position:50% 16%}
.artist-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,8,9,.07) 0%,rgba(7,8,9,.18) 28%,rgba(7,8,9,.68) 65%,rgba(7,8,9,.96) 100%)}
.artist-number{font-family:"Cormorant Garamond",serif;font-size:1rem;color:#b5afa6;text-shadow:0 1px 14px rgba(0,0,0,.8)}
.artist-content{max-width:92%;text-shadow:0 1px 16px rgba(0,0,0,.65)}
.artist-card h3{margin:0 0 1rem;font-size:clamp(4rem,8vw,7rem);line-height:.85;letter-spacing:-.03em}
.mara-card h3{ font-size:clamp(2.8rem,4.4vw,4.4rem); white-space:nowrap; line-height:.9;}
.artist-card p:not(.artist-era){color:#d0cbc2;max-width:480px;margin-bottom:2rem}
.artist-link{display:inline-flex;gap:.6rem;align-items:center;text-decoration:none;text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;padding-bottom:.4rem;border-bottom:1px solid rgba(255,255,255,.32)}
.artist-link:hover{border-color:white}

.studio{border-top:1px solid var(--line);display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,8vw,8rem);align-items:center}
.studio-copy p{color:#aaa69f;max-width:530px}
.social-grid{border-top:1px solid var(--line)}
.social-link{display:flex;justify-content:space-between;align-items:center;min-height:76px;padding:0 1rem;border-bottom:1px solid var(--line);text-decoration:none;font-family:"Cormorant Garamond",serif;font-size:1.65rem;transition:.2s ease}
.social-link:hover:not(.is-placeholder){padding-left:1.5rem;background:rgba(255,255,255,.025)}
.is-placeholder{opacity:.38;cursor:not-allowed}

footer{width:min(var(--max),calc(100% - 2.5rem));margin:auto;padding:2rem 0 3.5rem;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto auto;gap:2rem;align-items:center;color:#827e78;font-size:.78rem}
.footer-brand{display:flex;align-items:center;gap:.8rem}
.footer-brand img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.footer-brand div{display:grid}
.footer-brand strong{color:#d4cfc6;font-family:"Cormorant Garamond",serif;font-size:1.05rem;font-weight:500}
.footer-brand span{letter-spacing:.08em}

@media(max-width:760px){
.hero{min-height:86svh}.hero-bg{background-position:55% center;filter:brightness(.78)}
.topbar{padding:1rem 1.1rem}.nav-links{gap:.85rem}.nav-links a{font-size:.68rem}
.section-heading,.artist-grid,.studio{grid-template-columns:1fr}
.artist-card{min-height:520px}.artist-content{max-width:100%}
.alix-card::before{background-position:50% 14%}.mara-card h3{ font-size:3.3rem; white-space:normal;}
.section-heading{gap:.4rem}footer{grid-template-columns:1fr;gap:.65rem}
}