.mint-layout{
  width:100%;max-width:1584px;margin:0 auto;
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  align-items:center;gap:clamp(36px,6vw,96px);
  padding:48px var(--gutter) 70px;
}
.mint-preview{margin:0;min-width:0}
.mint-art{position:relative;aspect-ratio:1;background:var(--lime);overflow:hidden}
.mint-art img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}
.preview-label{position:absolute;top:20px;left:20px;padding:9px 12px;background:var(--ink);color:var(--lime);font:12px/1.5 var(--mono);letter-spacing:.06em}
.preview-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}
.preview-caption>div:first-child{display:flex;flex-direction:column;gap:6px}
.preview-kicker{font:12px/1.4 var(--mono);color:var(--muted);letter-spacing:.03em}
#preview-name{font:14px/1.5 var(--mono)}
.preview-navigation{display:flex;gap:8px}
.preview-navigation button{display:grid;place-items:center;width:46px;height:46px;color:var(--paper);border:1px solid var(--line);background:transparent;transition:background .2s,color .2s}
.preview-navigation button:hover{background:var(--lime);color:var(--ink)}
.preview-navigation svg{width:20px;height:20px}
.mint-panel{max-width:520px;min-width:0;width:100%;justify-self:end}
.mint-panel>.eyebrow{color:var(--lime);margin:0 0 22px}
.mint-panel h1{font:700 clamp(72px,7.1vw,112px)/.84 var(--display);letter-spacing:-.035em;margin:0 0 30px}
.mint-panel h1 span{color:var(--lime)}
.mint-facts{margin:0 0 22px}
.mint-facts>div{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:12px 0}
.mint-facts dt{font-size:16px;color:var(--muted)}
.mint-facts dd{font-size:16px;margin:0;text-align:right}
.mint-facts>div:first-child dd{font-family:var(--mono);font-size:18px}
.quantity-row{display:flex;justify-content:space-between;align-items:center;gap:20px}
.quantity-row label{font-size:16px}
.quantity-row label span{display:block;font:12px/1.5 var(--mono);color:var(--muted);margin-top:4px}
.quantity-control{display:flex;align-items:center;border:1px solid #66665a;min-width:0}
.quantity-control button{flex:none;width:48px;height:50px;padding:0;border:0;color:var(--paper);background:transparent;font-size:25px}
.quantity-control button:hover:not(:disabled){background:var(--lime);color:var(--ink)}
.quantity-control button:disabled{color:#5f6056}
.quantity-control input{width:72px;min-width:0;padding:12px 2px;border:0;background:transparent;color:var(--paper);text-align:center;font:18px/1.4 var(--mono);appearance:textfield;-moz-appearance:textfield;border-radius:0}
.quantity-control input::-webkit-inner-spin-button,.quantity-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.quantity-control input:focus-visible{outline:2px solid var(--lime);outline-offset:-2px}
.quantity-control input[aria-invalid=true]{outline:2px solid #f4a794;outline-offset:-2px}
.quantity-error{font-size:14px;line-height:1.4;color:#f4a794;margin:10px 0 0}
.mint-total{display:flex;justify-content:space-between;gap:20px;font-size:16px;margin:24px 0 20px}
.mint-total>span:last-child{font-family:var(--mono)}
.mint-submit{width:100%;justify-content:center;min-height:58px;background:var(--lime);color:var(--ink);font-size:15px;font-weight:400}
.mint-submit:disabled{background:#33362b;color:#b4b9a2;border-color:#4a4f3d}
.mint-availability{font-size:14px;line-height:1.5;color:var(--muted);margin:12px 0 0;text-align:center}
.mint-collection-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0 0;margin-top:28px;font-size:14px}
.mint-collection-link:hover{color:var(--lime)}
.mint-collection-link>span{font-size:20px}
.mint-footer{margin:0 var(--gutter);padding:25px 0;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);font:12px/1.5 var(--mono);color:var(--muted)}
.mint-footer a:hover{color:var(--lime)}
.mint-footer a span{margin-left:12px}
@media(max-width:1050px){
  .mint-layout{gap:34px;align-items:start}
  .mint-panel h1{font-size:82px}
  .mint-facts>div{gap:12px}
}
@media(max-width:760px){
  .mint-layout{grid-template-columns:1fr;gap:38px;max-width:640px;padding-top:32px;padding-bottom:44px}
  .mint-panel{grid-row:1;max-width:none}
  .mint-panel h1{font-size:clamp(68px,18vw,96px);margin-bottom:24px}
  .mint-panel>.eyebrow{margin-bottom:20px}
  .mint-facts{margin-bottom:22px}
  .mint-facts>div{padding:11px 0}
  .preview-label{top:16px;left:16px}
  .mint-footer{padding:22px 0}
}
@media(max-width:380px){
  .quantity-control button{width:42px}
  .quantity-control input{width:64px}
  .mint-facts dt,.mint-facts dd{font-size:16px}
}