@import url('/assets/home-premium-v13.css?v=1');

:root{
  --mk-bg:#080806;
  --mk-panel:#11100d;
  --mk-gold:#b18a4d;
  --mk-gold2:#c7a568;
  --mk-cream:#eadfc7;
  --mk-muted:#a99b82;
  --mk-line:rgba(177,138,77,.28);
  --mk-paper:#dccba9;
  --mk-ink:#17130e;
  --mk-max:1380px;
}

body.making-page{
  margin:0;
  background:
    radial-gradient(circle at 50% -15%,#272219 0,#0b0a08 34%,#070705 75%);
  color:var(--mk-cream);
  font-family:Georgia,"Times New Roman",serif;
}

.making-hero{
  max-width:var(--mk-max);
  margin:auto;
  padding:92px 4vw 72px;
}

.making-hero h1{
  margin:14px 0 26px;
  font-size:clamp(62px,8vw,112px);
  line-height:.84;
  letter-spacing:-.045em;
  font-weight:400;
}

.making-hero .deck{
  max-width:780px;
  margin:0;
  color:#b4a690;
  font-size:20px;
  line-height:1.65;
}

.process{
  max-width:var(--mk-max);
  margin:auto;
  padding:0 4vw 110px;
}

.process-row{
  padding:52px 0;
  display:grid;
  grid-template-columns:110px 1fr 1fr;
  gap:48px;
  align-items:start;
  border-top:1px solid var(--mk-line);
}

.process-row:last-child{
  border-bottom:1px solid var(--mk-line);
}

.process-no{
  color:#8f7044;
  font:9px Arial,sans-serif;
  letter-spacing:.16em;
}

.process-copy h2{
  margin:0 0 16px;
  font-size:36px;
  font-weight:400;
}

.process-copy p{
  margin:0;
  color:#a69a86;
  font-size:16px;
  line-height:1.72;
}

.process-proof{
  padding:24px;
  background:#11100d;
  border:1px solid var(--mk-line);
}

.process-proof strong{
  display:block;
  margin-bottom:12px;
  color:#d7c095;
  font-size:16px;
  font-weight:400;
}

.process-proof p{
  margin:0;
  color:#8f846f;
  font-size:13px;
  line-height:1.65;
}

.object-hero{
  max-width:var(--mk-max);
  margin:auto;
  padding:92px 4vw 60px;
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:70px;
  align-items:center;
}

.object-copy h1{
  margin:14px 0 24px;
  font-size:clamp(58px,7.4vw,104px);
  line-height:.86;
  letter-spacing:-.045em;
  font-weight:400;
}

.object-copy .deck{
  color:#b3a58d;
  font-size:19px;
  line-height:1.65;
}

.object-stack{
  min-height:620px;
  position:relative;
}

.object-card{
  width:min(330px,55vw);
  aspect-ratio:63.5/88.9;
  position:absolute;
  top:50%;
  left:50%;
  padding:8px;
  background:#0b0a08;
  border:1px solid rgba(201,163,98,.7);
  box-shadow:0 34px 80px rgba(0,0,0,.52);
  transform-origin:50% 90%;
}

.object-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.object-card.one{transform:translate(-72%,-50%) rotate(-10deg)}
.object-card.two{transform:translate(-50%,-53%) rotate(1deg);z-index:2}
.object-card.three{transform:translate(-28%,-48%) rotate(10deg)}

.specs{
  max-width:var(--mk-max);
  margin:auto;
  padding:20px 4vw 105px;
}

.specs-head{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:70px;
  align-items:end;
  margin-bottom:42px;
}

.specs-head h2{
  margin:12px 0 0;
  font-size:clamp(42px,5vw,68px);
  font-weight:400;
  line-height:.95;
}

.specs-head p:last-child{
  color:#a69a86;
  font-size:16px;
  line-height:1.7;
}

.spec-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--mk-line);
  border-bottom:1px solid var(--mk-line);
}

.spec-grid article{
  padding:30px 26px 34px;
  min-height:180px;
  border-right:1px solid var(--mk-line);
}

.spec-grid article:nth-child(3n){border-right:0}
.spec-grid article:nth-child(n+4){border-top:1px solid var(--mk-line)}

.spec-grid span{
  color:#8c6d42;
  font:9px Arial,sans-serif;
  letter-spacing:.15em;
}

.spec-grid h3{
  margin:12px 0 10px;
  color:#dbc79f;
  font-size:23px;
  font-weight:400;
}

.spec-grid p{
  margin:0;
  color:#958a76;
  font-size:14px;
  line-height:1.65;
}

.editions{
  padding:95px 4vw;
  background:var(--mk-paper);
  color:var(--mk-ink);
}

.editions-inner{
  max-width:var(--mk-max);
  margin:auto;
}

.editions h2{
  margin:12px 0 38px;
  font-size:clamp(44px,5vw,70px);
  font-weight:400;
}

.edition-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}

.edition-card{
  padding:34px;
  border:1px solid #8e7753;
  background:#e9ddc6;
}

.edition-card span{
  color:#745a35;
  font:9px Arial,sans-serif;
  letter-spacing:.14em;
}

.edition-card h3{
  margin:10px 0 16px;
  font-size:32px;
  font-weight:400;
}

.edition-card ul{
  margin:0;
  padding-left:18px;
  color:#5f5442;
  line-height:1.75;
}

.production-note{
  max-width:880px;
  margin:70px auto 0;
  padding:28px 0;
  border-top:1px solid rgba(95,76,45,.35);
  border-bottom:1px solid rgba(95,76,45,.35);
}

.production-note strong{
  display:block;
  margin-bottom:10px;
  color:#5e4828;
  font:10px Arial,sans-serif;
  letter-spacing:.14em;
}

.production-note p{
  margin:0;
  color:#665a46;
  font-size:14px;
  line-height:1.7;
}

.making-links{
  max-width:var(--mk-max);
  margin:auto;
  padding:75px 4vw 110px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}

.making-link{
  padding:38px;
  border:1px solid var(--mk-line);
  text-decoration:none;
  background:#11100d;
}

.making-link span{
  color:#8d6e43;
  font:9px Arial,sans-serif;
  letter-spacing:.15em;
}

.making-link h2{
  margin:10px 0 12px;
  font-size:32px;
  font-weight:400;
}

.making-link p{
  margin:0;
  color:#938873;
  line-height:1.65;
  font-size:14px;
}

/* homepage teaser */
.object-teaser{
  padding:85px 4vw;
  background:#0e0d0a;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

.object-teaser-inner{
  max-width:1460px;
  margin:auto;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:70px;
  align-items:center;
}

.object-teaser h2{
  margin:12px 0 18px;
  font-size:clamp(42px,5vw,68px);
  line-height:.95;
  font-weight:400;
}

.object-teaser p{
  max-width:620px;
  color:#9f937d;
  font-size:16px;
  line-height:1.7;
}

.object-teaser-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:26px;
}

.object-teaser-visual{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}

.object-teaser-visual img{
  width:100%;
  aspect-ratio:3/4;
  object-fit:cover;
  border:1px solid rgba(177,138,77,.42);
  box-shadow:0 20px 45px rgba(0,0,0,.38);
}

@media(max-width:900px){
  .process-row,
  .object-hero,
  .specs-head,
  .object-teaser-inner{
    grid-template-columns:1fr;
  }

  .spec-grid{
    grid-template-columns:1fr 1fr;
  }

  .spec-grid article:nth-child(3n){border-right:1px solid var(--mk-line)}
  .spec-grid article:nth-child(2n){border-right:0}
  .spec-grid article:nth-child(n+3){border-top:1px solid var(--mk-line)}

  .edition-grid,
  .making-links{
    grid-template-columns:1fr;
  }
}

@media(max-width:620px){
  .making-hero,
  .process,
  .object-hero,
  .specs,
  .making-links,
  .object-teaser{
    padding-left:20px;
    padding-right:20px;
  }

  .process-row{
    gap:18px;
  }

  .spec-grid{
    grid-template-columns:1fr;
  }

  .spec-grid article{
    border-right:0!important;
    border-top:1px solid var(--mk-line);
  }

  .spec-grid article:first-child{
    border-top:0;
  }

  .object-stack{
    min-height:500px;
  }

  .object-card{
    width:210px;
  }
}