/* NICK BRAND — black, cinematic, monochrome */
.t-nick{--bg:#000;--ink:#f2f0ec;--mute:#8d8982;background:#000}
.t-nick .kicker{color:#fff;opacity:.75}
.t-nick .copy p,.t-nick .small,.t-nick p{color:#cfcac2}
.t-nick .small{color:var(--mute)}
.spot{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .6s;background:radial-gradient(circle 280px at var(--mx,50%) var(--my,50%),rgba(255,255,255,.14),transparent 70%);mix-blend-mode:screen}
.spot.on{opacity:1}
.t-nick main>section{position:relative;z-index:2}
.n-h{font:100 clamp(2.4rem,5.4vw,5rem)/1.02 var(--display);letter-spacing:-.02em;margin-bottom:3rem}
.t-nick .btn{border-color:#fff}.t-nick .facts b{background:none;color:#fff;-webkit-text-fill-color:#fff}

/* hero */
.n-hero{position:relative;height:100svh;min-height:560px;overflow:hidden;display:flex;align-items:flex-end}
.n-hero>img{position:absolute;inset:-12% 0 auto 0;width:100%;height:124%;object-fit:cover;filter:grayscale(1) brightness(.82)}
.n-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000 3%,transparent 55%)}
.n-hero-t{position:relative;z-index:2;padding-bottom:clamp(3rem,8vh,6rem)}
.n-title{font:100 clamp(4.5rem,16vw,15rem)/.82 var(--display);letter-spacing:-.045em;margin:.2rem 0 1.5rem}
.n-title span{font-weight:600;letter-spacing:-.05em}
.n-title.sm{font-size:clamp(1.8rem,4.4vw,4rem);line-height:1.12;letter-spacing:-.02em}
.n-title.sm span{display:block;font-weight:100;color:#8d8982;margin-top:.4rem;font-size:.55em}
.n-hero .serif{color:#fff}

.n-what,.n-room,.n-scale,.n-artist,.n-collect,.n-trade,.n-end,.j-say{padding:clamp(5rem,10vw,9rem) 0}
.n-what .small{max-width:38rem}

/* viewing room */
.vr{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(1.5rem,5vw,5rem);align-items:start}
.vr-stage{position:sticky;top:5.5rem;cursor:pointer}
.vr-frame{position:relative;height:min(66vh,640px);background:#0b0b0b;overflow:hidden}
.vr-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(1.04);transition:opacity .8s var(--ease),transform 1.4s var(--ease)}
.vr-frame img.on{opacity:1;transform:none}
.vr-cap{display:grid;grid-template-columns:auto 1fr;gap:.2rem 1.2rem;padding-top:1rem;align-items:baseline}
.vr-cap span{font:200 .85rem var(--display);letter-spacing:.3em;color:var(--mute);grid-row:span 2}
.vr-cap b{font:200 1.5rem/1.2 var(--display);letter-spacing:.04em}
.vr-cap em{font:italic 500 1.1rem var(--serif);color:var(--mute)}
.vr-list{display:flex;flex-direction:column}
.vr-group{font:400 .72rem var(--display);letter-spacing:.34em;text-transform:uppercase;color:#fff;margin:2.5rem 0 .6rem}
.vr-group:first-child{margin-top:0}
.vr-intro{font-size:.88rem;color:var(--mute);max-width:30rem;margin-bottom:1rem}
.vr-item{display:flex;align-items:baseline;gap:1rem;text-align:left;padding:.95rem 0;border-top:1px solid #262626;color:#6e6a64;transition:color .4s,padding-left .5s var(--ease);width:100%}
.vr-item:last-child{border-bottom:1px solid #262626}
.vr-item i{font:200 .72rem var(--display);font-style:normal;letter-spacing:.2em;width:2rem;flex:none}
.vr-item b{font:200 clamp(1.05rem,1.6vw,1.4rem)/1.25 var(--display);font-weight:200;flex:1}
.vr-item em{font:400 .72rem var(--display);font-style:normal;letter-spacing:.16em;flex:none}
.vr-item.on{color:#fff;padding-left:1.2rem;box-shadow:inset 3px 0 0 #fff}
.vr-item img{display:none}

/* scale diagram */
.scale-fig{margin:1rem 0 3rem}
.scale-fig svg{width:100%;height:auto;max-width:1000px;display:block;overflow:visible}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,4rem);max-width:60rem}
.cols2 p{font-size:.95rem;color:var(--mute)}

/* artist */
.n-artist .portrait{max-width:520px}
.n-artist .portrait img{aspect-ratio:1;box-shadow:none}

/* collecting */
.price-row{display:grid;grid-template-columns:auto 1fr;gap:clamp(2rem,6vw,6rem);align-items:center;margin-bottom:4rem;border-top:1px solid #333;border-bottom:1px solid #333;padding:2.5rem 0}
.price-row small{display:block;font:400 .74rem var(--display);letter-spacing:.3em;text-transform:uppercase;color:var(--mute)}
.price-row b{display:block;font:100 clamp(3rem,7vw,6.5rem)/1 var(--display);letter-spacing:-.03em}
.price-row span{font-size:.85rem;color:var(--mute)}
.price-row dl{display:grid;grid-template-columns:auto 1fr;gap:.7rem 2rem;font-size:.95rem}
.price-row dt{font:400 .72rem var(--display);letter-spacing:.24em;text-transform:uppercase;color:var(--mute);padding-top:.25rem}
.collect4{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2.4vw,2.4rem);margin-bottom:4rem}
.collect4 div{border-top:1px solid #444;padding-top:1.2rem}
.collect4 i,.steps3 i{font:200 .8rem var(--display);letter-spacing:.3em;color:var(--mute);font-style:normal}
.collect4 h4,.steps3 h4{font:400 1rem var(--display);letter-spacing:.14em;text-transform:uppercase;margin:.6rem 0}
.collect4 p,.steps3 p{font-size:.88rem;color:var(--mute);line-height:1.6}
.steps3{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;counter-reset:s}
.steps3 li{background:#0e0e0e;padding:1.6rem;border:1px solid #232323}
.steps3 i{font-size:2.2rem;letter-spacing:0;color:#fff}

/* trade */
.n-trade{background:#080808}
.n-trade p{max-width:34rem;margin-bottom:1.2rem}
.trade-list{list-style:none}
.trade-list li{padding:1.1rem 0;border-top:1px solid #2a2a2a;color:#cfcac2;font-size:.95rem}
.trade-list li:last-child{border-bottom:1px solid #2a2a2a}
.trade-list b{font:400 .78rem var(--display);letter-spacing:.2em;text-transform:uppercase;color:#fff;display:block;margin-bottom:.15rem}

/* end */
.n-end{text-align:center}
.n-end .serif{color:#cfcac2;margin:2rem auto}
.n-end .contact{font-size:.8rem;color:var(--mute);margin:2.5rem auto 0;line-height:1.9;max-width:40rem}

@media (max-width:980px){
  .vr{grid-template-columns:1fr}
  .vr-stage{display:none}
  .vr-list{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
  .vr-group,.vr-intro{grid-column:1/-1}
  .vr-item{flex-direction:column;align-items:flex-start;padding:0;border:0!important;box-shadow:none!important;gap:.4rem;color:#fff}
  .vr-item.on{padding-left:0}
  .vr-item img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#111}
  .vr-item i{display:none}
  .vr-item b{font-size:.9rem}
  .price-row{grid-template-columns:1fr}
  .collect4{grid-template-columns:1fr 1fr}.steps3{grid-template-columns:1fr}.cols2{grid-template-columns:1fr}
}
@media (max-width:560px){.collect4{grid-template-columns:1fr}.vr-list{grid-template-columns:1fr}}