@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,500;1,9..144,400&family=Inter:wght@300;400&family=IBM+Plex+Mono:wght@400;500&display=swap');

  :root{
    --ink:#ffffff;
    --paper:#0b0b0c;
    --signature:#e2087a;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{background:var(--ink); color:var(--paper); font-family:'Inter',sans-serif; font-weight:300;}
  a{color:inherit; text-decoration:none;}

  nav{
    position:fixed; top:0; left:0; right:0; z-index:50;
    display:flex; justify-content:space-between; align-items:center;
    padding:26px 6vw; mix-blend-mode:difference;
  }
  .nav-mark{font-family:'Fraunces',serif; font-style:italic; font-size:19px;}
  .nav-links{display:flex; gap:30px; font-family:'IBM Plex Mono',monospace; font-size:10px; letter-spacing:1.5px; text-transform:uppercase; opacity:0.7;}
  .nav-burger{display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:6px; z-index:60;}
  .nav-burger span{width:22px; height:2px; background:var(--paper); display:block;}
  @media (max-width:700px){
    .nav-links{
      display:none; position:fixed; top:0; right:0; height:100vh; width:70vw; max-width:280px;
      background:var(--ink); flex-direction:column; gap:0; align-items:flex-start;
      padding:100px 30px; box-shadow:-8px 0 24px rgba(0,0,0,0.15); opacity:1;
    }
    .nav-links a{padding:14px 0; width:100%; border-bottom:1px solid rgba(11,11,12,0.1);}
    .nav-links.open{display:flex;}
    .nav-burger{display:flex;}
  }

  .hero{
    min-height:100vh; display:flex; flex-direction:column; justify-content:center;
    padding:0 6vw; position:relative;
  }
  .hero-eyebrow{
    font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:3px;
    text-transform:uppercase; color:var(--signature); margin-bottom:26px;
  }
  h1.hero-title{
    font-family:'Fraunces',serif; font-weight:500;
    font-size:clamp(52px, 10vw, 140px); line-height:0.95; letter-spacing:-1px;
  }
  h1.hero-title em{font-style:italic; font-weight:300; color:var(--signature);}
  .hero-meta{
    position:absolute; bottom:44px; left:6vw; right:6vw;
    display:flex; justify-content:space-between;
    font-family:'IBM Plex Mono',monospace; font-size:10px; letter-spacing:1px;
    opacity:0.5; text-transform:uppercase;
  }

  .section{padding:100px 6vw;}
  .stand-code{
    font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--signature);
    letter-spacing:1px; display:block; margin-bottom:40px;
    border-top:1px solid rgba(11,11,12,0.15); padding-top:16px;
  }

  .artist-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:2px; background:rgba(11,11,12,0.06);}
  @media (max-width:900px){ .artist-grid{grid-template-columns:repeat(2,1fr);} }
  @media (max-width:560px){ .artist-grid{grid-template-columns:1fr;} }

  .artwork{background:var(--ink); position:relative; aspect-ratio:4/5; display:flex; align-items:flex-end; overflow:hidden;}
  .artwork::before{content:""; position:absolute; inset:0;}
  .aw1::before{background:url(../images/home-photo-1.jpg) center/cover;}
  .aw2::before{background:url(../images/home-photo-2.jpg) center/cover;}
  .aw3::before{background:url(../images/home-photo-3.jpg) center/cover;}
  .aw4::before{background:url(../images/home-photo-4.jpg) center/cover;}
  .aw5::before{background:url(../images/home-photo-5.jpg) center/cover;}
  .aw6::before{background:url(../images/home-photo-6.jpg) center/cover;}
  .artwork-card{
    position:relative; z-index:2; background:rgba(246,243,238,0.88); padding:9px 12px; width:100%;
    font-family:'IBM Plex Mono',monospace; font-size:10px; letter-spacing:0.5px;
  }

  .fair-row{
    display:flex; justify-content:space-between; align-items:baseline;
    padding:22px 0; border-bottom:1px solid rgba(11,11,12,0.12);
    font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:0.5px;
  }
  .fair-row .fair-name{font-family:'Fraunces',serif; font-size:24px; font-weight:500; letter-spacing:0; color:var(--paper); transition:color .2s;}
  a.fair-row:hover .fair-name{color:var(--signature);}
  .fair-row .fair-stand{color:var(--signature);}

  footer{padding:100px 6vw 60px; display:flex; flex-direction:column; gap:50px;}
  .footer-cta{font-family:'Fraunces',serif; font-size:clamp(32px,6vw,64px); font-weight:500; line-height:1.05;}
  .footer-cta em{font-style:italic; color:var(--signature);}
  .footer-grid{
    display:flex; flex-wrap:wrap; gap:30px;
    font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:0.5px; opacity:0.7;
    border-top:1px solid rgba(11,11,12,0.15); padding-top:28px;
  }
  .footer-grid a{opacity:1; border-bottom:1px solid rgba(11,11,12,0.3);}

  .marquee-wrap{overflow:hidden; width:100%; padding-left:6vw;}
  .marquee-track{display:flex; width:max-content; animation:marquee-scroll 28s linear infinite;}
  .marquee-track:hover{animation-play-state:paused;}
  @keyframes marquee-scroll{
    from{transform:translateX(0);}
    to{transform:translateX(-50%);}
  }
  .marquee-item{display:block; flex-shrink:0; width:140px; margin-right:14px;}
  .marquee-photo{width:140px; height:175px; position:relative; margin-bottom:8px;}
  .marquee-photo::before{content:""; position:absolute; inset:0;}
  .mp1::before{background:linear-gradient(135deg,#c9143b,#e2087a 55%,#f5a3c4);}
  .mp2::before{background:linear-gradient(160deg,#2c3b2e,#556b4f 45%,#c9b79c);}
  .mp3::before{background:linear-gradient(145deg,#1c2b3d,#3d5a73 50%,#9c3226);}
  .mp4::before{background:linear-gradient(120deg,#0f4c4c,#1c8c8c 40%,#f2c14e);}
  .mp5::before{background:linear-gradient(160deg,#3a1c1c,#9c3226 55%,#e2087a);}
  .marquee-price{font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--signature); padding-left:2px;}
  summary::-webkit-details-marker{display:none;}
  summary::marker{content:"";}
  details[open] summary span{transform:rotate(45deg); display:inline-block;}