@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;700;800&family=Playfair+Display:wght@700&display=swap";
:root{--bg:#08080b;--card:#121216;--line:#292930;--ink:#f6f2ed;--muted:#aaa6a0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:Manrope,sans-serif}a{color:inherit}header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#08080bdd;justify-content:space-between;align-items:center;height:74px;padding:0 5vw;display:flex;position:sticky;top:0}.brand{letter-spacing:.18em;font-weight:800;text-decoration:none}nav{gap:2rem;display:flex}nav a,.contact{font-size:.82rem;text-decoration:none}.contact{border:1px solid var(--line);border-radius:99px;padding:.65rem 1rem}.hero{background-position:50%;background-size:cover;align-items:end;min-height:calc(100vh - 74px);padding:8vw 7vw;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#d5a4ff;font-size:.72rem;font-weight:800}.hero h1,.heading h2{margin:.3em 0;font-family:Playfair Display,serif;font-size:clamp(4.5rem,13vw,10rem);line-height:.76}.hero p:not(.eyebrow){color:#ddd;max-width:620px;font-size:clamp(1rem,2vw,1.35rem)}.cta,.interview a{color:#111;background:#fff;border-radius:99px;margin-top:1rem;padding:.8rem 1.1rem;font-weight:800;text-decoration:none;display:inline-block}section{padding:7rem 5vw}.heading{max-width:820px;margin-bottom:3rem}.heading h2{margin:.15em 0;font-size:clamp(3.3rem,8vw,7rem);line-height:.9}.heading>p:last-child{color:var(--muted);font-size:1.1rem}.artgrid{grid-template-columns:repeat(12,1fr);gap:1rem;display:grid}.art{background:var(--card);border:1px solid var(--line);color:#fff;text-align:left;cursor:pointer;border-radius:1.2rem;grid-column:span 4;padding:0;overflow:hidden}.art:nth-child(5n+1),.art:nth-child(5n+4){grid-column:span 6}.art img{object-fit:contain;background:#050505;width:100%;height:480px;padding:1rem}.art span{grid-template-columns:auto 1fr;gap:.3rem 1rem;padding:1rem;display:grid}.art small{color:#777;grid-row:span 2}.art em{color:var(--muted);font-size:.75rem;font-style:normal}.joy{color:#111;background:#eee9e1!important}.joy h2,.joy h3,.joy p{color:#111}.joy .eyebrow{color:#6d2ba4}.joy .heading>p:last-child{color:#555}.joygrid{grid-template-columns:2fr 1fr 1fr;gap:1rem;display:grid}.joygrid img{object-fit:cover;border-radius:1rem;width:100%;height:260px}.joygrid .lead{grid-row:span 2;height:540px}.interview{grid-template-columns:1fr 1.4fr;align-items:center;gap:3rem;margin-top:4rem;display:grid}.interview h3{font-family:Playfair Display;font-size:3rem}.interview iframe{aspect-ratio:16/9;border:0;border-radius:1rem;width:100%}.interview a{color:#fff;background:#111}.cards{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.cards article{background:var(--card);border:1px solid var(--line);border-radius:1.2rem;padding:1.4rem}.cards small{color:#a97ac9}.cards p{color:var(--muted);line-height:1.6}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:2rem 5vw;display:flex}.modal{z-index:40;background:#000e;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal>div{background:#111;border:1px solid #444;border-radius:1.4rem;width:min(900px,100%);max-height:94vh;padding:1rem;overflow:auto}.modal img{object-fit:contain;background:#050505;width:100%;max-height:65vh}.modal button{float:right;padding:.6rem 1rem}.modal p{color:#bbb}@media (max-width:800px){body{overflow-x:hidden}header{height:68px;padding:0 1rem}.brand{font-size:.82rem}.contact{padding:.55rem .85rem}nav{display:none}.hero{min-height:72vh;padding:3rem 1.2rem}.hero h1{font-size:4.7rem}section{padding:4rem 1rem}.heading{margin-bottom:2rem}.heading h2{overflow-wrap:anywhere;font-size:clamp(3rem,15vw,4.6rem);line-height:.92}.heading>p:last-child{font-size:1rem}.art{grid-column:span 6!important}.art img{height:320px}.joygrid{grid-template-columns:1fr 1fr}.joygrid .lead{grid-column:span 2;height:380px}.joygrid img{height:190px}.interview{grid-template-columns:1fr;gap:2rem;margin-top:3rem}.interview h3{font-size:clamp(2.5rem,12vw,3.5rem);line-height:1}.interview iframe{min-height:190px}.cards{grid-template-columns:1fr;gap:.85rem}.cards article{min-width:0;padding:1.2rem}.cards h3{overflow-wrap:anywhere}#work,#recognition{min-height:auto}footer{flex-direction:column;gap:.8rem}}@media (max-width:480px){.art{grid-column:span 12!important}.art img{height:min(105vw,400px)}.joygrid{gap:.65rem}.joygrid .lead{height:330px}.joygrid img{height:155px}footer{padding:2rem 1rem}}