:root{
  --ink:#130b0d;
  --paper:#f5efe9;
  --cream:#fffaf5;
  --wine:#7f1024;
  --red:#a8152d;
  --rose:#d6a2a8;
  --line:rgba(19,11,13,.18);
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;color:var(--ink);background:var(--paper);
  font-family:Arial,Helvetica,sans-serif;line-height:1.55;
}
img{display:block;max-width:100%}
a{color:inherit}
.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}
.site-header{
  position:sticky;top:0;z-index:40;background:rgba(245,239,233,.92);
  backdrop-filter:blur(14px);border-bottom:1px solid var(--line)
}
.nav{height:84px;display:flex;align-items:center;justify-content:space-between}
.brand{
  font-family:Georgia,serif;font-size:1.35rem;font-weight:700;
  text-decoration:none;letter-spacing:.02em
}
.brand span{color:var(--wine)}
.nav-links{display:flex;align-items:center;gap:30px}
.nav-links a{text-decoration:none;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.12em}
.nav-links a:hover,.nav-links a.active{color:var(--wine)}
.btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:48px;
  padding:0 23px;border:1px solid var(--ink);text-decoration:none;
  text-transform:uppercase;letter-spacing:.11em;font-size:.78rem;font-weight:800;
  transition:.2s ease
}
.btn:hover{background:var(--ink);color:white;transform:translateY(-2px)}
.btn.red{background:var(--wine);border-color:var(--wine);color:white}
.btn.red:hover{background:var(--ink);border-color:var(--ink)}
.menu-button{display:none;background:none;border:0;font-size:1.7rem}
.hero{
  min-height:calc(100vh - 84px);display:grid;place-items:center;
  background:
    radial-gradient(circle at 72% 28%,rgba(168,21,45,.28),transparent 28%),
    radial-gradient(circle at 18% 72%,rgba(127,16,36,.18),transparent 30%),
    linear-gradient(135deg,#11090b 0 48%,#7f1024 48% 66%,#efe5dc 66%);
  color:white;overflow:hidden
}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;padding:80px 0}
.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.75rem;font-weight:800}
.hero h1,.display{
  font-family:Georgia,serif;font-weight:500;line-height:.92;letter-spacing:-.045em
}
.hero h1{font-size:clamp(4rem,9vw,8.5rem);margin:18px 0 28px}
.hero h1 em{font-weight:400;color:#efb0b7}
.hero p{max-width:620px;font-size:1.15rem}
.hero-art{position:relative;min-height:590px}
.hero-art img{position:absolute;right:0;bottom:-55px;max-height:650px;filter:drop-shadow(0 28px 35px rgba(0,0,0,.35))}
.stamp{
  position:absolute;top:12%;left:0;width:155px;height:155px;border:1px solid rgba(255,255,255,.7);
  border-radius:50%;display:grid;place-items:center;text-align:center;text-transform:uppercase;
  letter-spacing:.15em;font-weight:800;font-size:.72rem;transform:rotate(-10deg)
}
.section{padding:110px 0}
.section.dark{background:var(--ink);color:white}
.section.red{background:var(--wine);color:white}
.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:52px}
.section-head h2,.page-hero h1{
  font-family:Georgia,serif;font-size:clamp(3rem,7vw,6.5rem);
  line-height:.94;letter-spacing:-.04em;margin:0
}
.section-head p{max-width:540px;margin:0}
.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.project-card{
  position:relative;min-height:520px;overflow:hidden;text-decoration:none;
  border:1px solid var(--line);background:#ddd
}
.project-card::before{
  content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.86));
  z-index:1
}
.project-card .art{position:absolute;inset:0;transition:.5s ease}
.project-card:hover .art{transform:scale(1.035)}
.project-card .content{position:absolute;z-index:2;left:30px;right:30px;bottom:28px;color:white}
.project-card h3{font-family:Georgia,serif;font-size:2.5rem;margin:5px 0 8px}
.project-card small{text-transform:uppercase;letter-spacing:.16em;font-weight:800}
.art.ragtop{background:radial-gradient(circle at 30% 30%,#f5b3b6 0 14%,transparent 15%),linear-gradient(135deg,#231416,#af2942)}
.art.beauty{background:linear-gradient(135deg,#e9ddd0,#806e65 55%,#2a2220)}
.art.panda{background:radial-gradient(circle at 50% 45%,#f9f9f9 0 12%,#121212 13% 25%,transparent 26%),linear-gradient(135deg,#6b2cff,#1fe2cc)}
.art.gaia{background:radial-gradient(circle at 70% 25%,#e1e5ba,transparent 28%),linear-gradient(135deg,#263a28,#91a86b)}
.art.r2{background:linear-gradient(135deg,#082b55,#1c74bd 45%,#e7eef4)}
.art.poster{background:linear-gradient(135deg,#e5bd4f,#e26432 45%,#563426)}
.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}
.about-photo{
  min-height:650px;background:
  url('https://static.wixstatic.com/media/79ab40_6c05a14c9ba74be9a7531674e4415cc1~mv2.png/v1/crop/x_0%2Cy_233%2Cw_4205%2Ch_9135/fill/w_980%2Ch_2129%2Cal_c%2Cq_95%2Cusm_0.66_1.00_0.01%2Cenc_avif%2Cquality_auto/leah%20branding-06.png')
  center bottom/contain no-repeat,
  linear-gradient(150deg,#7f1024,#180c0f);
}
.about-copy h2{font-family:Georgia,serif;font-size:clamp(3rem,6vw,6rem);line-height:.95;margin:0 0 30px}
.about-copy p{font-size:1.08rem;max-width:680px}
.skills{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}
.skills span{border:1px solid currentColor;padding:9px 13px;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:800}
.page-hero{padding:110px 0 80px;border-bottom:1px solid var(--line)}
.page-hero p{font-size:1.15rem;max-width:760px}
.case-hero{padding:90px 0 55px}
.case-meta{display:flex;gap:16px;text-transform:uppercase;letter-spacing:.15em;font-weight:800;font-size:.75rem;color:var(--wine)}
.case-hero h1{font-family:Georgia,serif;font-size:clamp(3.7rem,8vw,7.8rem);line-height:.9;margin:20px 0 28px}
.case-hero p{font-size:1.16rem;max-width:840px}
.case-art{min-height:620px;margin-top:50px;border-radius:2px}
.case-copy{display:grid;grid-template-columns:.65fr 1.35fr;gap:60px}
.case-copy h2{font-family:Georgia,serif;font-size:3rem;margin-top:0}
.case-copy p{font-size:1.08rem}
.cta{text-align:center;padding:120px 20px;background:var(--wine);color:white}
.cta h2{font-family:Georgia,serif;font-size:clamp(3rem,7vw,6rem);line-height:.95;margin:0 0 30px}
footer{background:#0d0809;color:white;padding:72px 0 35px}
.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .8fr;gap:45px}
footer h3{font-family:Georgia,serif;font-size:2rem;margin-top:0}
footer a{display:block;text-decoration:none;margin:8px 0}
footer a:hover{color:#efb0b7}
.copyright{border-top:1px solid rgba(255,255,255,.15);margin-top:55px;padding-top:25px;font-size:.8rem;opacity:.7}
@media(max-width:850px){
  .menu-button{display:block}
  .nav-links{display:none;position:absolute;top:84px;left:0;right:0;background:var(--paper);padding:28px 20px;border-bottom:1px solid var(--line);flex-direction:column}
  .nav-links.open{display:flex}
  .hero-grid,.about-grid,.case-copy,.footer-grid{grid-template-columns:1fr}
  .hero-art{min-height:460px}
  .hero-art img{left:50%;right:auto;transform:translateX(-50%);max-height:500px}
  .stamp{left:4%}
  .project-grid{grid-template-columns:1fr}
  .section{padding:80px 0}
  .section-head{display:block}
  .section-head p{margin-top:20px}
}
@media(max-width:520px){
  .wrap{width:min(calc(100% - 26px),var(--max))}
  .nav{height:72px}.nav-links{top:72px}
  .hero h1{font-size:3.7rem}
  .hero-art{min-height:390px}
  .project-card{min-height:410px}
}