@import 'tailwindcss';

.account-security-page .login form{
  width:min(560px,100%);
  padding:clamp(24px,5vw,48px);
  box-sizing:border-box;
}
.account-security-page .login label{
  font-size:14px;
  font-weight:600;
  letter-spacing:.03em;
  line-height:1.5;
  margin:22px 0;
}
.account-security-page .login input{
  box-sizing:border-box;
  min-height:52px;
  margin-top:8px;
  padding:12px 14px;
  font-size:18px;
  font-weight:400;
  line-height:1.5;
  letter-spacing:normal;
  color:#2b0809;
  background:#fff;
  border:1px solid #9d8b81;
  border-radius:6px;
}
.account-security-page .login input:focus-visible{
  outline:3px solid #74141a;
  outline-offset:2px;
}
.account-security-page .login p{font-size:16px;line-height:1.6}
.account-security-page .login button{font-size:16px;min-height:48px}
@media(max-width:600px){.account-security-page .login{padding:20px 12px}}

:root{
  --ink:#2b0809;
  --cream:#f0e4d8;
  --silver:#c7c7c2;
  --sage:#74141a;
  --line:rgba(21,37,30,.18)
}

/* Admin information architecture, catalog-linked production, and drop shipping */
body:not(.admin-view-orders) .order-table{
  display:none!important
}

body:not(.admin-view-order-entry) .admin-create-order{
  display:none!important
}

body:not(.admin-view-applications) #applications,
body:not(.admin-view-applications) #applications+.admin-intro,
body:not(.admin-view-applications) .admin-apps{
  display:none!important
}

body:not(.admin-view-retailers) .retailer-heading,
body:not(.admin-view-retailers) .retailer-list,
body:not(.admin-view-retailers) #add-retailer,
body:not(.admin-view-retailers) .retailer-profile-detail,
body:not(.admin-view-retailers) .directory-description-editor{
  display:none!important
}

body:not(.admin-view-subscribers) #subscribers,
body:not(.admin-view-subscribers) #subscribers+.admin-intro,
body:not(.admin-view-subscribers) .subscriber-table{
  display:none!important
}

.subscriber-table{
  background:white;
  border:1px solid #dfded8
}

.subscriber-table .table-head,.subscriber-table .order-row{
  grid-template-columns:1fr .6fr
}

@media(max-width:600px){
  .subscriber-table .table-head{
    display:none
  }
  .subscriber-table .order-row{
    grid-template-columns:1fr
  }

}

.catalog-identity-list{
  margin-top:24px;
  border:1px solid #e3ddd5
}
.catalog-identity-head,.catalog-identity-list>form,.catalog-identity-list>.workflow-row{
  display:grid;
  grid-template-columns:minmax(210px,1.2fr) .55fr .75fr .5fr .75fr auto;
  gap:12px;
  align-items:end;
  padding:13px 16px;
  border-bottom:1px solid #e3ddd5
}
.catalog-identity-head{
  background:#ebe7df;
  font-size:8px;
  letter-spacing:.12em
}
.catalog-identity-list>form:last-child,.catalog-identity-list>.workflow-row:last-child{
  border-bottom:0
}
.catalog-identity-list b,.catalog-identity-list small{
  display:block
}
.catalog-identity-list small{
  font-size:9px;
  color:#776d68;
  margin-top:5px
}
.catalog-identity-list label{
  font-size:8px;
  letter-spacing:.1em;
  font-weight:700
}
.catalog-identity-list label span{
  display:none
}
.catalog-identity-list input{
  display:block;
  width:100%;
  border:1px solid #c9c0b6;
  background:#fff;
  padding:9px;
  margin-top:6px
}
.catalog-identity-list button{
  border:0;
  background:#2b0809;
  color:#fff;
  padding:11px 14px
}

.drop-ship-badge{
  display:inline-flex;
  align-items:center;
  width:max-content;
  background:#d66b2e;
  color:#fff;
  border-radius:999px;
  padding:5px 9px;
  font-size:8px!important;
  font-style:normal;
  font-weight:900;
  letter-spacing:.13em;
  line-height:1
}
.order-number-cell{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap
}
.order-row.drop-ship-order{
  background:#fff1e4;
  border-left:4px solid #d66b2e
}
.ops-column>article.drop-ship-order{
  border:2px solid #d66b2e;
  background:#fff7ef;
  box-shadow:0 0 0 3px rgba(214,107,46,.12)
}
.drop-ship-admin,.drop-ship-fulfillment-banner{
  border:2px solid #d66b2e!important;
  background:#fff1e4!important
}
.drop-ship-fulfillment-banner{
  display:flex;
  align-items:flex-start;
  gap:16px;
  padding:18px 20px;
  margin:0 0 18px
}
.drop-ship-fulfillment-banner b{
  font:400 21px Georgia,serif
}
.drop-ship-fulfillment-banner p{
  font-size:11px;
  margin:6px 0 0
}
.drop-ship-fee-line{
  background:#fff1e4;
  border-left:4px solid #d66b2e!important;
  padding-left:12px!important
}
.drop-ship-fee-total{
  color:#9b421d
}
.drop-ship-document-button{
  background:#d66b2e!important;
  color:#fff!important;
  border-color:#d66b2e!important
}
.detail-badge{
  margin-top:7px
}

@media(max-width:1050px){
  .catalog-identity-head{
    display:none
  }
  .catalog-identity-list>form,.catalog-identity-list>.workflow-row{
    grid-template-columns:1fr 1fr
  }
  .catalog-identity-list>form>div,.catalog-identity-list>.workflow-row>div{
    grid-column:1/-1
  }
  .catalog-identity-list label span{
    display:block
  }
  .catalog-identity-list button,.catalog-identity-list .workflow-save-all{
    align-self:end
  }

}
@media(max-width:600px){
  .catalog-identity-list>form,.catalog-identity-list>.workflow-row{
    grid-template-columns:1fr
  }

}

.preview-layout{
  grid-template-columns:minmax(0,1fr) 340px;
  gap:28px
}
.preview-order{
  min-width:0
}
.preview-order .panel-heading{
  align-items:center
}
.preview-line{
  grid-template-columns:64px minmax(0,1fr)!important;
  align-items:start;
  gap:18px
}
.preview-line .catalog-artwork,.preview-line img,.preview-line .silver-coin-placeholder{
  width:64px!important;
  height:64px!important
}
.preview-line>div{
  min-width:0
}
.line-price-breakdown{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  border:1px solid #ded8cf;
  margin-top:15px
}
.line-price-breakdown span{
  padding:11px;
  border-right:1px solid #ded8cf;
  overflow-wrap:anywhere
}
.line-price-breakdown span:last-child{
  border-right:0;
  background:#f4ebe2
}
.preview-total{
  margin-top:0;
  padding:18px 4px
}
.preview-account{
  position:sticky;
  top:24px
}
.preview-actions{
  display:grid;
  grid-template-columns:1fr auto auto;
  align-items:start
}
.preview-actions .drop-ship-choice{
  grid-column:1/-1
}
.preview-actions>.button{
  align-self:end
}
.drop-ship-fields{
  grid-template-columns:1fr 1fr
}
.drop-ship-fields .wide{
  grid-column:1/-1
}

.rich-text-toolbar{
  display:flex;
  gap:5px;
  margin-top:7px
}
.rich-text-toolbar button{
  width:auto!important;
  min-width:34px;
  background:#efe6dc!important;
  color:#2b0809!important;
  border:1px solid #c9c0b6!important;
  padding:7px 10px!important
}
.rich-payment-editor{
  min-height:150px;
  border:1px solid #c9c0b6;
  background:#fff;
  padding:12px;
  font:16px/1.6 Arial,sans-serif;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  letter-spacing:0;
  text-transform:none
}
.rich-payment-editor:focus{
  outline:2px solid #8b262a;
  outline-offset:1px
}
.rich-payment-editor p{
  margin:0 0 9px
}
.rich-invoice-settings label>small{
  display:block;
  margin-top:6px;
  letter-spacing:0;
  text-transform:none;
  color:#776d68
}

.order-open-link{
  display:block;
  background:#2b0809;
  color:#fff;
  text-decoration:none;
  padding:10px 16px;
  font-size:9px;
  letter-spacing:.1em;
  text-transform:uppercase;
  text-align:right
}
.order-history>article.drop-ship-order{
  border:2px solid #d66b2e
}
.retailer-drop-ship-heading{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:14px;
  padding:16px 20px;
  background:#f8e9df;
  color:#74141a;
  border-bottom:1px solid #dbb49f
}
.retailer-drop-ship-heading small{display:block;font-size:11px;letter-spacing:.08em;margin-bottom:4px}
.retailer-drop-ship-heading strong{display:block;font-size:18px;line-height:1.4;overflow-wrap:anywhere}
.portal-document-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 22px
}
.portal-order-detail{
  padding:28px
}
.detailed-order-lines>p{
  display:grid;
  grid-template-columns:minmax(180px,1fr) repeat(2,minmax(70px,.45fr)) auto;
  gap:20px;
  align-items:center
}
.detailed-order-lines>p>span{
  font-size:10px
}
.portal-order-totals{
  display:flex;
  justify-content:flex-end;
  gap:28px;
  align-items:end;
  padding-top:20px;
  border-top:2px solid #2b0809
}
.portal-order-totals span,.portal-order-totals strong{
  display:grid;
  gap:6px;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.08em
}
.portal-order-totals b{
  font-size:16px;
  letter-spacing:0
}

@media(max-width:900px){
  .preview-layout{
    grid-template-columns:1fr
  }
  .preview-account{
    position:static
  }
  .preview-actions{
    grid-template-columns:1fr 1fr
  }
  .preview-actions .drop-ship-choice{
    grid-column:1/-1
  }
  .detailed-order-lines>p{
    grid-template-columns:1fr 1fr
  }
  .portal-order-totals{
    flex-wrap:wrap
  }

}
@media(max-width:560px){
  .line-price-breakdown{
    grid-template-columns:1fr
  }
  .line-price-breakdown span{
    border-right:0;
    border-bottom:1px solid #ded8cf
  }
  .preview-actions{
    grid-template-columns:1fr
  }
  .preview-actions .drop-ship-choice{
    grid-column:1
  }
  .detailed-order-lines>p{
    grid-template-columns:1fr
  }
  .portal-order-totals{
    display:grid;
    grid-template-columns:1fr 1fr
  }

}

*{
  box-sizing:border-box
}
html{
  scroll-behavior:smooth
}
body{
  margin:0;
  background:var(--cream);
  color:var(--ink);
  font-family:Arial,Helvetica,sans-serif
}
.nav-shell{
  height:86px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  padding:0 4.5vw;
  border-bottom:1px solid var(--line);
  position:absolute;
  z-index:20;
  width:100%
}
.wordmark{
  display:flex;
  align-items:center;
  gap:12px;
  color:inherit;
  text-decoration:none;
  font-size:17px;
  font-weight:800;
  letter-spacing:.18em
}
.brand-orbit{
  display:grid;
  place-items:center;
  width:31px;
  height:31px;
  border:1px solid;
  border-radius:50%;
  font-size:22px
}
.nav-links{
  display:flex;
  gap:36px
}
.nav-links a:not(.nav-cta),.text-link{
  color:inherit;
  text-decoration:none;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:700
}
.nav-cta{
  justify-self:end;
  background:var(--ink);
  color:white;
  text-decoration:none;
  padding:14px 18px;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.11em
}
.nav-cta span{
  margin-left:20px
}
.menu-button{
  display:none
}
.mobile-nav-cta{
  display:none
}
.hero{
  min-height:790px;
  display:grid;
  grid-template-columns:45% 55%;
  padding-top:86px;
  position:relative;
  overflow:hidden
}
.hero-copy{
  padding:105px 4vw 55px 8vw;
  position:relative;
  z-index:2
}
.eyebrow{
  font-size:10px;
  letter-spacing:.22em;
  font-weight:800;
  margin:0 0 27px
}
.hero h1,.intro h2{
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(60px,6.4vw,105px);
  line-height:.86;
  letter-spacing:-.055em;
  font-weight:400;
  margin:0
}
.hero h1 em,.intro h2 em{
  font-weight:400;
  color:#6d786e
}
.hero-lede{
  max-width:430px;
  font-family:Georgia,serif;
  font-size:19px;
  line-height:1.55;
  margin:42px 0 32px
}
.hero-actions{
  display:flex;
  gap:30px;
  align-items:center
}
.button{
  padding:18px 23px;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:11px;
  font-weight:700
}
.button.dark{
  background:var(--ink);
  color:#fff
}
.text-link span{
  font-size:19px;
  margin-left:10px
}
.hero-proof{
  display:flex;
  gap:15px;
  align-items:flex-start;
  margin-top:78px
}
.hero-proof>span{
  font-size:20px
}
.hero-proof p{
  font-size:11px;
  letter-spacing:.06em;
  line-height:1.6;
  margin:0
}
.hero-proof strong{
  font-size:12px
}
.hero-art{
  background:#74141a;
  position:relative;
  min-height:704px;
  overflow:hidden
}
.orbit{
  position:absolute;
  border:1px solid rgba(255,255,255,.32);
  border-radius:50%
}
.orbit-one{
  width:780px;
  height:780px;
  left:4%;
  top:-9%
}
.orbit-two{
  width:540px;
  height:540px;
  left:21%;
  top:8%
}
.coin{
  border-radius:50%;
  position:absolute;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:25px 28px 45px rgba(29,37,31,.24),inset -18px -13px 25px rgba(47,47,44,.15),inset 14px 12px 20px rgba(255,255,255,.5);
  background:radial-gradient(circle at 36% 30%,#ecece7,#b8b8b3 55%,#898b86);
  color:#344038
}
.coin-main{
  width:min(36vw,480px);
  height:min(36vw,480px);
  left:20%;
  top:17%;
  transform:rotate(-9deg)
}
.coin-rim{
  position:absolute;
  inset:12px;
  border:2px solid rgba(63,69,64,.3);
  border-radius:50%
}
.coin-moon{
  font-size:clamp(100px,13vw,180px);
  text-shadow:1px 2px 0 #eee,-2px -2px 2px #747671
}
.coin-stars{
  position:absolute;
  top:25%;
  right:20%;
  font-size:20px
}
.coin small{
  position:absolute;
  bottom:17%;
  text-align:center;
  letter-spacing:.22em;
  font-weight:bold;
  line-height:1.7
}
.coin-small{
  width:145px;
  height:145px;
  bottom:4%;
  left:7%;
  font-size:46px;
  transform:rotate(8deg)
}
.coin-small small{
  font-size:6px
}
.star{
  position:absolute;
  color:white
}
.s1{
  top:12%;
  right:13%;
  font-size:34px
}
.s2{
  top:34%;
  left:8%;
  font-size:48px
}
.s3{
  bottom:22%;
  right:9%;
  font-size:26px
}
.art-note{
  position:absolute;
  bottom:35px;
  right:35px;
  font-size:10px;
  letter-spacing:.17em;
  font-weight:bold;
  line-height:1.6
}
.art-note span{
  opacity:.65;
  font-weight:normal
}
.hero-index{
  position:absolute;
  bottom:30px;
  left:47%;
  right:3%;
  display:flex;
  gap:12px;
  align-items:center;
  font-size:9px;
  letter-spacing:.1em
}
.hero-index i{
  height:1px;
  background:rgba(255,255,255,.55);
  flex:1
}
.promise-strip{
  height:68px;
  background:var(--ink);
  color:#e9e4d9;
  display:flex;
  align-items:center;
  justify-content:space-around;
  font-family:Georgia,serif;
  font-size:12px;
  letter-spacing:.12em
}
.intro{
  padding:110px 8vw;
  text-align:center
}
.intro h2{
  font-size:clamp(52px,5.5vw,84px)
}
.intro>p:not(.eyebrow){
  max-width:580px;
  margin:35px auto 25px;
  font-family:Georgia,serif;
  font-size:18px;
  line-height:1.7;
  color:#4e5b54
}

@media(max-width:800px){
  .nav-shell{
    grid-template-columns:1fr auto
  }
  .menu-button{
    display:block;
    border:0;
    background:none;
    text-transform:uppercase;
    letter-spacing:.12em
  }
  .nav-links{
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:86px;
    background:var(--cream);
    padding:25px;
    flex-direction:column
  }
  .nav-links.open{
    display:flex
  }
  .nav-cta{
    display:none
  }
  .mobile-nav-cta{
    display:inline-block;
    justify-self:auto;
    margin-top:10px
  }
  .hero{
    grid-template-columns:1fr;
    padding-top:86px
  }
  .hero-copy{
    padding:70px 7vw
  }
  .hero-art{
    min-height:560px
  }
  .coin-main{
    width:72vw;
    height:72vw;
    left:14%;
    top:10%
  }
  .coin-small{
    width:110px;
    height:110px
  }
  .hero-index{
    display:none
  }
  .promise-strip{
    height:auto;
    padding:24px;
    gap:18px;
    flex-wrap:wrap
  }
  .intro{
    padding:80px 6vw
  }

}

button,input,select,textarea{
  font:inherit
}
button{
  cursor:pointer
}
.section-label{
  display:flex;
  align-items:center;
  gap:18px;
  font-size:9px;
  letter-spacing:.2em;
  font-weight:bold
}
.section-label span{
  border:1px solid var(--line);
  border-radius:50%;
  width:33px;
  height:33px;
  display:grid;
  place-items:center
}
.section-label.light{
  color:#eee9df
}
.section-label.light span{
  border-color:rgba(255,255,255,.25)
}
h2{
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(50px,6vw,88px);
  line-height:.92;
  letter-spacing:-.05em;
  font-weight:400;
  margin:0
}
h2 em{
  color:#778078;
  font-weight:400
}
.story-section,.stockists{
  padding:105px 7vw
}
.story-lead{
  max-width:980px;
  margin:70px auto
}
.large-copy{
  font-family:Georgia,serif;
  font-size:20px;
  line-height:1.75;
  max-width:570px;
  margin:40px 0 0 auto
}
.story-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8vw;
  align-items:center
}
.workbench{
  min-height:550px;
  background:#b9b8b0;
  position:relative;
  display:grid;
  place-items:center;
  overflow:hidden
}
.workbench:before,.workbench:after{
  content:"";
  position:absolute;
  border:1px solid rgba(255,255,255,.32);
  width:430px;
  height:430px;
  border-radius:50%
}
.workbench:after{
  width:280px;
  height:280px
}
.hammer{
  position:absolute;
  font-size:150px;
  transform:rotate(-35deg);
  color:#635f57;
  top:20px;
  left:30px;
  opacity:.55
}
.workbench p{
  position:absolute;
  bottom:25px;
  left:30px;
  max-width:240px;
  font-size:11px;
  line-height:1.6;
  letter-spacing:.08em
}
.mini-coin{
  width:245px;
  height:245px;
  border-radius:50%;
  display:grid;
  place-items:center;
  position:relative;
  z-index:1;
  background:radial-gradient(circle at 35% 28%,#f2f1ed,#b3b3ad 58%,#82847f);
  box-shadow:18px 24px 35px rgba(27,34,30,.25),inset 8px 8px 14px rgba(255,255,255,.6),inset -10px -10px 18px rgba(30,30,30,.15);
  border:2px solid #969891
}
.mini-coin:after{
  content:"";
  position:absolute;
  inset:9px;
  border:1px solid #858982;
  border-radius:50%
}
.mini-coin span{
  font-family:Georgia,serif;
  font-size:98px;
  text-shadow:1px 2px #eee
}
.mini-coin i{
  position:absolute;
  bottom:16%;
  font-size:8px;
  letter-spacing:.2em;
  font-style:normal
}
.mini-coin.small{
  width:70px;
  height:70px
}
.timeline article{
  border-top:1px solid var(--line);
  padding:30px 0;
  display:grid;
  grid-template-columns:90px 1fr;
  column-gap:25px
}
.timeline b{
  font-size:11px;
  letter-spacing:.15em;
  grid-row:1/3
}
.timeline h3{
  font-family:Georgia,serif;
  font-size:25px;
  font-weight:400;
  margin:0 0 10px
}
.timeline p{
  margin:0;
  color:#5e6963;
  line-height:1.6;
  font-size:14px
}
.catalog-section{
  background:var(--ink);
  color:#eee9df;
  padding:95px 7vw 115px
}
.catalog-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  margin:65px 0
}
.catalog-head h2 em{
  color:#9ca99d
}
.catalog-tools{
  display:flex;
  align-items:center;
  gap:30px
}
.filters{
  display:flex;
  border-bottom:1px solid rgba(255,255,255,.2)
}
.filters button,.cart-button{
  border:0;
  background:none;
  color:inherit;
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
  padding:13px
}
.filters button.active{
  border-bottom:2px solid #eee
}
.cart-button{
  border:1px solid rgba(255,255,255,.3)
}
.cart-button b{
  margin-left:10px;
  background:#eee;
  color:var(--ink);
  border-radius:50%;
  padding:3px 6px
}
.product-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:55px 20px
}
.product-art{
  aspect-ratio:1;
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden
}
.tone-0{
  background:#74141a
}
.tone-1{
  background:#8a2426
}
.tone-2{
  background:#5b0c12
}
.product-art:before{
  content:"";
  position:absolute;
  width:90%;
  height:90%;
  border:1px solid rgba(255,255,255,.28);
  border-radius:50%
}
.product-art .mini-coin{
  width:62%;
  height:62%;
  transform:rotate(-7deg)
}
.product-art .mini-coin span{
  font-size:clamp(60px,8vw,120px)
}
.product-num{
  position:absolute;
  top:18px;
  left:18px;
  font-size:9px
}
.product-tag{
  position:absolute;
  bottom:18px;
  right:18px;
  font-size:8px;
  letter-spacing:.14em
}
.product-phase{
  font-size:8px!important;
  letter-spacing:.18em;
  margin:20px 0 8px!important;
  color:#9caaa0!important
}
.product-card>p{
  font-size:13px;
  color:#aab2ac;
  margin:5px 0
}
.product-title{
  display:flex;
  justify-content:space-between;
  border-bottom:1px solid rgba(255,255,255,.18);
  padding-bottom:13px
}
.product-title h3{
  font-family:Georgia,serif;
  font-weight:400;
  font-size:25px;
  margin:0
}
.product-title span{
  font-size:13px
}
.product-card>button{
  width:100%;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.18);
  background:none;
  color:#eee;
  text-align:left;
  padding:15px 0;
  text-transform:uppercase;
  font-size:9px;
  letter-spacing:.15em
}
.product-card>button span{
  float:right;
  font-size:18px
}
.stockist-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  margin:70px 0
}
.stockist-head>p{
  max-width:340px;
  font-family:Georgia,serif;
  line-height:1.7;
  font-size:17px
}
.stockist-controls{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  display:flex;
  justify-content:space-between;
  padding:15px 0;
  font-size:9px;
  letter-spacing:.15em
}
.stockist-controls select{
  border:0;
  background:transparent;
  margin-left:15px
}
.stockist-list article{
  display:grid;
  grid-template-columns:70px 1fr 1fr 70px;
  align-items:center;
  border-bottom:1px solid var(--line);
  padding:27px 0
}
.stockist-list article>span{
  font-size:10px
}
.stockist-list h3{
  font-family:Georgia,serif;
  font-size:25px;
  font-weight:400;
  margin:0
}
.stockist-list p,.stockist-list b,.stockist-list a{
  font-size:9px;
  letter-spacing:.12em;
  text-decoration:none;
  color:inherit
}
.wholesale{
  display:grid;
  grid-template-columns:1fr 1fr;
  background:#681116
}
.wholesale-intro{
  padding:80px 7vw;
  color:#f5f1e8
}
.wholesale-intro>.eyebrow{
  margin-top:75px
}
.wholesale-intro h2 em{
  color:#dbe0d8
}
.wholesale-intro>p:not(.eyebrow){
  font-family:Georgia,serif;
  max-width:500px;
  font-size:18px;
  line-height:1.7
}
.wholesale-intro ul{
  list-style:none;
  padding:20px 0;
  border-top:1px solid rgba(255,255,255,.25);
  max-width:500px
}
.wholesale-intro li{
  padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,.25);
  font-size:11px;
  letter-spacing:.1em
}
.wholesale-intro li:before{
  content:'✦';
  margin-right:13px
}
.button.pale{
  border:0;
  background:#eee9df;
  color:var(--ink)
}
.application{
  background:#e8e4da;
  padding:75px 7vw
}
.application h3{
  font-family:Georgia,serif;
  font-weight:400;
  font-size:40px;
  margin:0 0 30px
}
.application label{
  display:block;
  font-size:9px;
  letter-spacing:.15em;
  font-weight:bold;
  margin-bottom:19px
}
.application input,.application select,.application textarea{
  display:block;
  width:100%;
  border:0;
  border-bottom:1px solid #9da39e;
  background:transparent;
  padding:11px 0;
  outline:none
}
.application textarea{
  border:1px solid #b3b7b1;
  padding:13px;
  margin-top:10px;
  resize:vertical
}
.field-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px
}
.application .check{
  display:flex;
  align-items:center;
  gap:10px;
  text-transform:none;
  letter-spacing:.04em
}
.application .check input{
  width:auto
}
.application .button{
  border:0
}
.success{
  height:100%;
  min-height:550px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center
}
.success>span{
  font-size:100px
}
.success h3{
  margin:20px
}
.success p{
  font-family:Georgia,serif;
  line-height:1.7;
  max-width:400px
}
.success button{
  border:0;
  background:none;
  text-decoration:underline
}
footer{
  background:#210506;
  color:#e9e5db;
  padding:70px 7vw 30px;
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1.5fr;
  gap:50px;
  position:relative
}
footer h2{
  font-family:Arial,sans-serif;
  font-size:25px;
  letter-spacing:.16em;
  font-weight:bold;
  margin:15px 0
}
footer>div:not(.footer-brand){
  display:flex;
  flex-direction:column;
  gap:12px;
  font-size:12px
}
footer b{
  font-size:9px;
  letter-spacing:.17em;
  margin-bottom:12px
}
footer a,footer button{
  color:inherit;
  text-decoration:none;
  border:0;
  background:none;
  text-align:left;
  padding:0;
  font-size:12px
}
footer small{
  grid-column:1/-1;
  border-top:1px solid rgba(255,255,255,.15);
  padding-top:20px;
  margin-top:30px;
  font-size:8px;
  letter-spacing:.15em
}
.newsletter{
  border-bottom:1px solid #6f7872;
  display:flex
}
.newsletter input{
  background:none;
  border:0;
  color:white;
  padding:12px 0;
  width:100%
}
.newsletter button{
  font-size:18px
}
.admin-overlay{
  position:fixed;
  inset:0;
  z-index:100;
  background:#f4f2ec;
  display:grid;
  grid-template-columns:220px 1fr;
  color:var(--ink)
}
.admin-overlay>aside{
  background:#2b0809;
  color:white;
  padding:28px 20px;
  display:flex;
  flex-direction:column
}
.admin-logo{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  letter-spacing:.12em
}
.admin-overlay aside nav{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:70px
}
.admin-overlay aside nav button,.close-admin{
  border:0;
  background:none;
  color:#c7cec9;
  text-align:left;
  padding:13px;
  border-radius:4px
}
.admin-overlay aside nav button.active{
  background:#2c3a33;
  color:white
}
.close-admin{
  margin-top:auto
}
.admin-main{
  padding:45px 5vw;
  overflow:auto
}
.admin-main header{
  display:flex;
  justify-content:space-between;
  align-items:center
}
.admin-main header p{
  font-size:9px;
  letter-spacing:.17em
}
.admin-main header h2{
  font-family:Georgia,serif;
  font-size:48px
}
.admin-main header>span{
  width:38px;
  height:38px;
  border-radius:50%;
  background:#8a2426;
  display:grid;
  place-items:center;
  font-size:10px
}
.admin-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:15px;
  margin:40px 0
}
.admin-stats article{
  background:white;
  padding:22px;
  border:1px solid #dfded8
}
.admin-stats p,.admin-stats small{
  font-size:8px;
  letter-spacing:.13em
}
.admin-stats b{
  display:block;
  font-family:Georgia,serif;
  font-size:32px;
  margin:12px 0
}
.order-table{
  background:white;
  border:1px solid #dfded8
}
.table-head,.order-row{
  display:grid;
  grid-template-columns:1fr 1.4fr .8fr .5fr .7fr 1fr .8fr;
  align-items:center;
  padding:16px 20px;
  border-bottom:1px solid #e5e4df;
  gap:10px;
  font-size:11px
}
.table-head{
  font-size:8px;
  letter-spacing:.13em;
  background:#eeece6
}
.status{
  font-style:normal;
  font-size:8px;
  padding:6px 8px;
  border-radius:20px;
  text-align:center;
  background:#eee
}
.status.new{
  background:#efe2c5
}
.status.in-progress{
  background:#dce5eb
}
.status.ready-to-ship{
  background:#e0e9dc
}
.status.fulfilled{
  background:#e6e6e3
}
.order-row button{
  border:0;
  background:none;
  text-decoration:underline;
  font-size:9px
}
.order-row button:disabled{
  text-decoration:none;
  cursor:default
}

@media(max-width:900px){
  .story-grid,.wholesale{
    grid-template-columns:1fr
  }
  .product-grid{
    grid-template-columns:repeat(2,1fr)
  }
  .catalog-head,.stockist-head{
    align-items:flex-start;
    gap:40px;
    flex-direction:column
  }
  footer{
    grid-template-columns:1fr 1fr
  }
  .admin-overlay{
    grid-template-columns:65px 1fr
  }
  .admin-overlay aside{
    padding:20px 10px
  }
  .admin-logo b,.admin-overlay aside nav button:not(.active),.close-admin{
    font-size:0
  }
  .admin-logo .brand-orbit{
    display:none
  }
  .admin-overlay aside nav button{
    font-size:0
  }
  .admin-overlay aside nav button:first-letter{
    font-size:17px
  }
  .table-head{
    display:none
  }
  .order-row{
    grid-template-columns:1fr 1fr 1fr
  }
  .order-row span:nth-of-type(2),.order-row span:nth-of-type(3){
    display:none
  }

}

@media(max-width:600px){
  .story-section,.stockists,.catalog-section{
    padding:75px 6vw
  }
  .story-lead{
    margin:50px auto
  }
  .story-grid{
    gap:35px
  }
  .workbench{
    min-height:430px
  }
  .timeline article{
    grid-template-columns:65px 1fr
  }
  .product-grid{
    grid-template-columns:1fr
  }
  .catalog-tools{
    width:100%;
    justify-content:space-between
  }
  .stockist-list article{
    grid-template-columns:40px 1fr auto
  }
  .stockist-list article>b{
    grid-column:2
  }
  .stockist-list article>a{
    grid-row:1/3;
    grid-column:3
  }
  .wholesale-intro,.application{
    padding:65px 7vw
  }
  .field-row{
    grid-template-columns:1fr
  }
  footer{
    grid-template-columns:1fr;
    gap:35px
  }
  footer small{
    grid-column:1
  }
  .admin-main{
    padding:25px 4vw
  }
  .admin-stats{
    grid-template-columns:1fr
  }
  .order-row{
    grid-template-columns:1fr 1fr
  }
  .order-row>span,.order-row>b:nth-of-type(2){
    display:none!important
  }

}

/* PHP 8.3 application routes */
.standalone,.product-detail,.empty-state{
  padding-top:150px;
  min-height:72vh
}
.flash{
  position:fixed;
  z-index:90;
  top:96px;
  left:50%;
  transform:translateX(-50%);
  background:#fff6e9;
  border:1px solid #7a151a;
  padding:14px 22px;
  box-shadow:0 12px 35px #2b080933
}
.filters a{
  color:inherit;
  text-decoration:none;
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
  padding:13px
}
.filters a.active{
  border-bottom:2px solid #eee
}
.product-card>a:first-child{
  display:block;
  color:inherit
}
.card-action{
  display:block;
  color:inherit;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.18);
  padding:15px 0;
  text-transform:uppercase;
  font-size:9px;
  letter-spacing:.15em
}
.card-action span{
  float:right;
  font-size:18px
}
.product-detail{
  display:grid;
  grid-template-columns:1fr 1fr
}
.detail-art{
  background:#74141a;
  display:grid;
  place-items:center;
  min-height:650px
}
.detail-copy{
  padding:80px 8vw
}
.detail-copy h1,.empty-state h1,.login h1{
  font:400 clamp(48px,6vw,80px)/.95 Georgia,serif;
  letter-spacing:-.04em
}
.detail-copy>p{
  font:17px/1.7 Georgia,serif
}
.detail-price{
  font:700 10px/1 Arial!important;
  letter-spacing:.15em
}
.detail-copy form{
  border-top:1px solid var(--line);
  margin:35px 0;
  padding-top:25px
}
.detail-copy label,.login label{
  display:block;
  font-size:9px;
  letter-spacing:.14em;
  margin:14px 0
}
.detail-copy input,.login input{
  display:block;
  width:100%;
  border:0;
  border-bottom:1px solid #9d8b81;
  background:transparent;
  padding:12px 0
}
.detail-copy .button{
  border:0;
  margin:20px 0
}
.empty-state{
  text-align:center;
  padding-left:7vw;
  padding-right:7vw
}
.admin-body{
  background:#f4f2ec
}
.login{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:40px
}
.login>.wordmark{
  position:absolute;
  top:35px;
  left:5vw
}
.login form{
  width:min(440px,100%);
  background:white;
  padding:55px
}
.login form .button{
  border:0;
  margin:20px 0;
  width:100%
}
.login small{
  display:block;
  color:#777;
  line-height:1.5
}
.error{
  color:#8b1117
}
.admin-overlay.static{
  position:relative;
  min-height:100vh
}
.admin-overlay aside nav a{
  color:#c7cec9;
  text-decoration:none;
  padding:13px
}
.admin-overlay aside nav a.active{
  background:#501015;
  color:#fff
}
.logout{
  margin-top:auto
}
.logout button{
  border:0;
  background:none;
  color:#fff;
  padding:13px
}
.admin-main header a{
  color:inherit;
  text-decoration:none;
  font-size:10px;
  letter-spacing:.12em
}
.order-row form{
  margin:0
}
.admin-subhead{
  font-size:40px;
  margin:60px 0 25px
}
.application-list{
  background:#fff
}
.application-list article{
  display:grid;
  grid-template-columns:1.3fr 1fr 1.4fr 1fr;
  gap:15px;
  padding:20px;
  border-bottom:1px solid #e2dfd7;
  font-size:12px
}
.application-list a{
  color:inherit
}
.application-list small{
  text-align:right
}

.product-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .5s ease
}
.product-card:hover .product-art img{
  transform:scale(1.035)
}
.detail-art img{
  width:100%;
  height:100%;
  max-height:790px;
  object-fit:cover
}
.product-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))
}

@media(max-width:800px){
  .standalone,.product-detail{
    padding-top:110px
  }
  .product-detail{
    grid-template-columns:1fr
  }
  .detail-art{
    min-height:450px
  }
  .application-list article{
    grid-template-columns:1fr 1fr
  }

}

/* Wholesaler self-service portal */
.portal-body{
  background:#f1ede5
}
.portal-help{
  display:block;
  color:#5f3a39;
  font-size:12px;
  margin-top:12px
}
.trade-shell{
  min-height:100vh;
  display:grid;
  grid-template-columns:240px 1fr
}
.trade-sidebar{
  position:sticky;
  top:0;
  height:100vh;
  background:#2b0809;
  color:#f3e9dc;
  padding:30px 22px;
  display:flex;
  flex-direction:column
}
.trade-sidebar .admin-logo{
  color:inherit;
  text-decoration:none
}
.trade-sidebar nav{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-top:70px
}
.trade-sidebar nav a{
  color:#d9c9bf;
  text-decoration:none;
  padding:14px 15px;
  border-radius:3px;
  font-size:12px;
  letter-spacing:.04em
}
.trade-sidebar nav a.active,.trade-sidebar nav a:hover{
  background:#571216;
  color:#fff
}
.trade-sidebar>form{
  margin-top:auto
}
.trade-sidebar>form button{
  border:0;
  background:none;
  color:#e9ddd5;
  padding:14px
}
.trade-main{
  padding:50px 5vw 90px;
  min-width:0
}
.portal-flash{
  background:#fff6e8;
  border-left:4px solid #77151a;
  padding:15px 18px;
  margin-bottom:28px
}
.portal-header{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:30px;
  margin-bottom:45px
}
.portal-header h1{
  font:400 clamp(50px,6vw,82px)/.95 Georgia,serif;
  letter-spacing:-.05em;
  margin:8px 0 15px
}
.portal-header>div>p:last-child{
  color:#756967
}
.portal-header .button{
  white-space:nowrap
}
.portal-panel{
  background:white;
  border:1px solid #ded8cf;
  padding:30px
}
.panel-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:20px
}
.panel-heading h2{
  font-size:30px
}
.panel-heading a{
  color:inherit;
  font-size:11px
}
.empty-panel{
  text-align:center;
  padding:60px 20px
}
.portal-order{
  display:grid;
  grid-template-columns:1.1fr 1fr .8fr .8fr .8fr;
  align-items:center;
  gap:20px;
  color:inherit;
  text-decoration:none;
  padding:20px 5px;
  border-top:1px solid #e5e0d8;
  font-size:12px
}
.portal-order i{
  justify-self:end
}
.wholesale-product-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px
}
.wholesale-product-grid article{
  background:#fff;
  border:1px solid #ddd6cc
}
.wholesale-product-grid img{
  display:block;
  width:100%;
  aspect-ratio:1;
  object-fit:cover
}
.wholesale-product-grid article>div{
  padding:18px
}
.wholesale-product-grid h3{
  font:400 23px Georgia,serif;
  margin:5px 0
}
.wholesale-product-grid article>div>p:not(.eyebrow){
  font-size:11px;
  color:#786c67
}
.wholesale-product-grid label{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:9px;
  letter-spacing:.12em
}
.wholesale-product-grid input{
  width:70px;
  border:1px solid #cfc7bc;
  padding:9px;
  background:#faf8f3
}
.order-submit{
  position:sticky;
  bottom:0;
  background:#f1ede5eF;
  backdrop-filter:blur(8px);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
  padding:24px 0;
  border-top:1px solid #d5cec4
}
.order-submit p{
  font-size:11px;
  max-width:470px
}
.order-submit button{
  border:0
}
.order-history{
  display:grid;
  gap:20px
}
.order-history>article{
  background:white;
  border:1px solid #ded8cf
}
.order-summary{
  display:grid;
  grid-template-columns:1fr 1fr 1fr auto;
  gap:25px;
  align-items:center;
  padding:24px
}
.order-summary p{
  font-size:8px;
  letter-spacing:.13em;
  margin:0 0 7px
}
.order-summary b{
  font-size:13px
}
.order-lines{
  background:#f7f4ee;
  padding:8px 24px
}
.order-lines p{
  display:flex;
  justify-content:space-between;
  border-bottom:1px solid #e0dbd2;
  padding:10px 0;
  margin:0;
  font-size:12px
}
.profile-panel{
  max-width:850px
}
.profile-panel label{
  display:block;
  font-size:9px;
  letter-spacing:.13em;
  font-weight:bold;
  margin-bottom:20px
}
.profile-panel input{
  display:block;
  width:100%;
  border:0;
  border-bottom:1px solid #aaa098;
  background:transparent;
  padding:12px 0
}
.profile-panel .three{
  grid-template-columns:2fr .6fr 1fr
}
.profile-panel button{
  border:0;
  margin-top:15px
}
.admin-intro{
  color:#766b67;
  max-width:650px
}
.admin-apps article{
  grid-template-columns:1.2fr 1.2fr .8fr 1.5fr;
  align-items:center
}
.admin-apps article>div{
  display:flex;
  flex-direction:column;
  gap:5px
}
.admin-apps form{
  display:flex;
  gap:6px
}
.admin-apps input{
  min-width:0;
  width:150px;
  border:1px solid #ccc3b9;
  padding:9px
}
.admin-apps button{
  border:0;
  background:#2b0809;
  color:#fff;
  padding:9px;
  font-size:9px
}
.approved{
  color:#476542;
  font-size:10px
}
.status{
  white-space:nowrap
}

@media(max-width:950px){
  .wholesale-product-grid{
    grid-template-columns:repeat(2,1fr)
  }
  .portal-order{
    grid-template-columns:1fr 1fr 1fr
  }
  .portal-order span:nth-of-type(2){
    display:none
  }
  .admin-apps article{
    grid-template-columns:1fr 1fr
  }
  .admin-apps form{
    grid-column:1/-1
  }

}

@media(max-width:700px){
  .trade-shell{
    grid-template-columns:1fr
  }
  .trade-sidebar{
    position:relative;
    height:auto;
    padding:20px
  }
  .trade-sidebar nav{
    margin-top:25px;
    display:grid;
    grid-template-columns:1fr 1fr
  }
  .trade-sidebar>form{
    position:absolute;
    right:15px;
    top:15px
  }
  .trade-main{
    padding:35px 5vw 70px
  }
  .portal-header{
    align-items:flex-start;
    flex-direction:column
  }
  .wholesale-product-grid{
    grid-template-columns:1fr
  }
  .portal-order{
    grid-template-columns:1fr 1fr
  }
  .portal-order span,.portal-order strong{
    display:none
  }
  .order-summary{
    grid-template-columns:1fr 1fr
  }
  .profile-panel .field-row,.profile-panel .three{
    grid-template-columns:1fr
  }
  .order-submit{
    align-items:flex-start;
    flex-direction:column
  }
  .application-list article{
    grid-template-columns:1fr!important
  }

}

/* Admin retailer creation and order drill-down */
.view-order{
  color:#2b0809;
  font-size:9px;
  text-decoration:underline
}
.admin-order-detail{
  background:#fff;
  border:1px solid #d8d1c8;
  margin:30px 0;
  padding:30px;
  scroll-margin-top:20px
}
.detail-top{
  display:flex;
  justify-content:space-between;
  align-items:start;
  flex-wrap:wrap;
  gap:12px
}
.detail-top h2{
  font-size:42px
}
.detail-top>a{
  color:inherit;
  font-size:11px
}
.detail-facts{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin:30px 0
}
.detail-facts>div{
  background:#f4f0e9;
  padding:18px
}
.detail-facts small,.admin-order-detail h3{
  display:block;
  font-size:8px;
  letter-spacing:.14em;
  margin-bottom:9px
}
.detail-facts b{
  font:400 19px Georgia,serif
}
.admin-detail-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:45px;
  border-top:1px solid #e3ddd5;
  padding-top:25px
}
.admin-detail-grid h3{
  font-size:10px
}
.detail-lines p{
  display:flex;
  justify-content:space-between;
  border-bottom:1px solid #e3ddd5;
  padding:13px 0;
  margin:0;
  font-size:12px
}
.detail-lines span small{
  display:block;
  color:#7b716c;
  margin-top:5px
}
.admin-detail-grid address{
  font-style:normal;
  font-size:12px;
  line-height:1.6
}
.admin-detail-grid address a{
  color:inherit
}
.status-form{
  margin-top:25px;
  border-top:1px solid #e3ddd5;
  padding-top:18px
}
.status-form label{
  display:block;
  font-size:8px;
  letter-spacing:.13em
}
.status-form select{
  display:block;
  width:100%;
  padding:10px;
  margin:8px 0;
  border:1px solid #c9c0b6;
  background:#fff
}
.status-form button,.retailer-heading>button{
  border:0;
  background:#2b0809;
  color:#fff;
  padding:11px 14px;
  font-size:10px
}
.retailer-heading{
  display:flex;
  justify-content:space-between;
  align-items:end
}
.retailer-heading>button{
  margin-bottom:25px
}
.retailer-dialog{
  width:min(760px,calc(100% - 30px));
  border:0;
  padding:0;
  box-shadow:0 24px 90px #21050666;
  background:#f6f1e8;
  color:#2b0809
}
.retailer-dialog::backdrop{
  background:#210506aa
}
.retailer-dialog>form{
  padding:35px
}
.dialog-head{
  display:flex;
  justify-content:space-between;
  align-items:start
}
.dialog-head h2{
  font-size:42px
}
.dialog-head>button{
  border:0;
  background:none;
  font-size:28px
}
.retailer-dialog label{
  display:block;
  font-size:8px;
  letter-spacing:.13em;
  font-weight:bold;
  margin-bottom:18px
}
.retailer-dialog input{
  display:block;
  width:100%;
  border:0;
  border-bottom:1px solid #a99e94;
  background:transparent;
  padding:10px 0
}
.retailer-dialog label>small{
  display:block;
  font-weight:normal;
  letter-spacing:0;
  margin-top:7px;
  color:#756b66
}
.retailer-dialog .three{
  grid-template-columns:2fr .7fr 1fr
}
.retailer-dialog .button{
  border:0
}
.admin-apps form button{
  white-space:nowrap
}

@media(max-width:800px){
  .detail-facts{
    grid-template-columns:1fr 1fr
  }
  .admin-detail-grid{
    grid-template-columns:1fr
  }
  .retailer-dialog .field-row,.retailer-dialog .three{
    grid-template-columns:1fr
  }
  .retailer-heading{
    align-items:start;
    flex-direction:column
  }
  .retailer-heading>button{
    margin-top:0
  }
  .order-row{
    grid-template-columns:1fr 1fr 1fr
  }
  .order-row .view-order{
    display:block
  }

}

/* Wholesale order preview */
.preview-header .text-link{
  margin-bottom:12px;
  color:#2b0809
}
.preview-layout{
  display:grid;
  grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);
  gap:22px;
  align-items:start
}
.preview-order,.preview-account{
  padding:30px
}
.preview-line{
  display:grid;
  grid-template-columns:88px 1fr auto;
  gap:18px;
  align-items:center;
  padding:18px 0;
  border-top:1px solid #e5e0d8
}
.preview-line img{
  width:88px;
  height:88px;
  object-fit:cover;
  background:#74141a
}
.preview-line h3{
  font:400 22px Georgia,serif;
  margin:4px 0
}
.preview-line span{
  font-size:11px;
  color:#736964
}
.preview-line>b{
  font-size:14px
}
.preview-total{
  display:flex;
  align-items:start;
  justify-content:space-between;
  gap:25px;
  padding-top:22px;
  border-top:2px solid #2b0809;
  font-size:10px;
  letter-spacing:.12em
}
.preview-total small{
  display:block;
  margin-top:8px;
  color:#776d68;
  letter-spacing:0;
  font-weight:normal
}
.preview-total strong{
  font:400 30px Georgia,serif;
  letter-spacing:0
}
.preview-account h2{
  font:400 30px Georgia,serif;
  margin:12px 0
}
.preview-account>p:not(.eyebrow),.preview-account address{
  font-size:13px;
  line-height:1.7;
  font-style:normal
}
.preview-account .text-link{
  display:inline-block;
  color:#2b0809;
  font-size:11px;
  margin:14px 0
}
.preview-notice{
  border-top:1px solid #e5e0d8;
  margin-top:20px;
  padding-top:20px
}
.preview-notice b{
  font-size:10px;
  letter-spacing:.1em
}
.preview-notice p{
  font-size:12px;
  line-height:1.6
}
.preview-actions{
  display:flex;
  justify-content:flex-end;
  gap:12px;
  margin-top:22px
}
.preview-actions button{
  border:0
}
.button.outline-dark{
  border:1px solid #2b0809;
  color:#2b0809;
  background:transparent
}
.preview-actions .button{
  min-width:160px;
  text-align:center
}

@media(max-width:850px){
  .preview-layout{
    grid-template-columns:1fr
  }
  .preview-actions{
    position:sticky;
    bottom:0;
    background:#f1ede5ef;
    padding:16px 0
  }
  .preview-header .text-link{
    margin-bottom:0
  }

}

@media(max-width:520px){
  .preview-line{
    grid-template-columns:62px 1fr
  }
  .preview-line img{
    width:62px;
    height:62px
  }
  .preview-line>b{
    grid-column:2
  }
  .preview-actions{
    display:grid;
    grid-template-columns:1fr 1fr
  }
  .preview-actions .button{
    min-width:0
  }

}

/* Admin-managed catalog and inventory */
.catalog-admin-heading{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:30px;
  margin:35px 0 18px
}
.catalog-admin-heading button,.catalog-admin-table article>button{
  border:0;
  background:#2b0809;
  color:#fff;
  padding:11px 15px;
  font-size:10px
}
.catalog-admin-table{
  background:#fff;
  border:1px solid #ded8cf
}
.catalog-admin-head,.catalog-admin-table>article{
  display:grid;
  grid-template-columns:2fr .55fr .65fr .75fr .65fr .65fr .4fr;
  gap:14px;
  align-items:center;



  padding:14px 18px;
  border-bottom:1px solid #e5e0d8;
  font-size:11px
}
.catalog-admin-head{
  background:#ebe7df;
  font-size:8px;
  letter-spacing:.12em
}
.catalog-item-name{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0
}
.catalog-item-name img{
  width:54px;
  height:54px;
  object-fit:cover;
  background:#74141a
}
.catalog-item-name div{
  min-width:0
}
.catalog-item-name b,.catalog-item-name small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.catalog-item-name small{
  color:#756b66;
  margin-top:5px;
  font-size:9px
}
.stock-count{
  font:400 20px Georgia,serif
}
.stock-count.low{
  color:#a2262c
}
.product-dialog select,.product-dialog textarea{
  display:block;
  width:100%;
  border:0;
  border-bottom:1px solid #a99e94;
  background:transparent;
  padding:10px 0
}
.product-dialog textarea{
  border:1px solid #a99e94;
  margin-top:9px;
  padding:12px;
  resize:vertical
}
.product-dialog .three-product{
  grid-template-columns:.8fr 1fr 1fr
}
.product-dialog .catalog-check{
  display:flex;
  gap:10px;
  align-items:center;
  letter-spacing:.04em;
  text-transform:none
}
.product-dialog .catalog-check input{
  width:auto
}
.product-card.out-of-stock .product-art img,.wholesale-product-grid .out-of-stock img{
  filter:grayscale(1);
  opacity:.55
}
.minted-to-order-note,
.wholesale-product-grid article.minted-to-order>div>small{
  display:block;
  font-size:14px;
  line-height:1.6;
  letter-spacing:0;
  color:#74141a;
  font-weight:600
}
.minting-warning{display:block;margin:10px 0;color:#74141a;font-size:14px;line-height:1.6;font-weight:600}
.minting-warning[hidden]{display:none}
.packaging-item-assignment{padding:20px 0;border-top:1px solid #d4cbc2}
.packaging-item-assignment h4{font-size:18px;margin:0 0 14px}
.packaging-item-assignment .packaging-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.packaging-item-assignment .packaging-checks label{display:flex;align-items:flex-start;gap:8px;font-size:14px}
.packaging-item-assignment small{display:block;margin-top:4px}
.inventory-arrival small{display:block;margin-top:7px;line-height:1.5;font-size:12px}
@media(min-width:901px){
  .catalog-workflow-list.inventory-only.inventory-with-arrivals .catalog-workflow-head,
  .catalog-workflow-list.inventory-only.inventory-with-arrivals>.workflow-row{grid-template-columns:minmax(190px,1.2fr) minmax(120px,.5fr) minmax(230px,1fr)}
}
.wholesale-product-grid article>div>small{
  display:block;
  margin-top:10px;
  font-size:9px;
  letter-spacing:.1em;
  color:#756b66
}
.inventory-note,.sold-out-note{
  font-size:11px!important;
  letter-spacing:.1em;
  text-transform:uppercase
}
.sold-out-note{
  border:1px solid #7a151a;
  padding:15px
}
.out-of-stock input:disabled{
  background:#e5e0d8
}

@media(max-width:1050px){
  .catalog-admin-head{
    display:none
  }
  .catalog-admin-table>article{
    grid-template-columns:1.8fr repeat(3,.7fr) .5fr
  }
  .catalog-admin-table>article>span:first-of-type,.catalog-admin-table>article .status{
    display:none
  }
  .catalog-admin-table>article>button{
    justify-self:end
  }
  .product-dialog .three-product{
    grid-template-columns:1fr
  }

}

@media(max-width:700px){
  .catalog-admin-heading{
    align-items:flex-start;
    flex-direction:column
  }
  .catalog-admin-table>article{
    grid-template-columns:1fr auto
  }
  .catalog-admin-table>article>b,.catalog-admin-table>article>span,.catalog-admin-table>article>.status{
    display:none
  }
  .catalog-item-name img{
    width:46px;
    height:46px
  }

}

/* Admin payment tracking */
.payment-order-table .table-head,.payment-order-table .order-row{
  grid-template-columns:.9fr 1.25fr .72fr .4fr .62fr .65fr .75fr .75fr
}
.payment-state{
  display:inline-block;
  width:max-content;
  border-radius:20px;
  padding:6px 9px;
  background:#eee;
  font-style:normal;
  font-size:8px;
  letter-spacing:.05em
}
.payment-state.unpaid{
  background:#efe1df;
  color:#7b1b20
}
.payment-state.partial{
  background:#f3e5bf;
  color:#695313
}
.payment-state.paid{
  background:#dce9da;
  color:#355c31
}
.payment-state.overpaid{
  background:#dce5eb;
  color:#31566b
}
.payment-facts{
  grid-template-columns:repeat(6,1fr)
}
.payment-facts .payment-state{
  margin-top:2px
}
.payment-facts .overpaid{
  color:#31566b
}
.payment-section{
  display:grid;
  grid-template-columns:1.35fr .9fr;
  gap:35px;
  border-top:1px solid #ded8cf;
  margin-top:35px;
  padding-top:35px
}
.payment-title{
  display:flex;
  justify-content:space-between;
  align-items:end;
  margin-bottom:18px
}
.payment-title h3,.payment-form h3{
  font:400 29px Georgia,serif;
  letter-spacing:0;
  margin:5px 0
}
.payment-title>strong{
  font:400 18px Georgia,serif
}
.payment-entry{
  display:grid;
  grid-template-columns:1fr 1fr 1.5fr auto;
  gap:18px;
  align-items:center;
  padding:15px 0;
  border-top:1px solid #e5e0d8;
  font-size:11px
}
.payment-entry div>*{
  display:block
}
.payment-entry div span{
  margin-top:4px;
  color:#6f6661
}
.payment-entry small{
  font-size:8px;
  letter-spacing:.1em
}
.payment-entry p{
  margin:0;
  color:#6f6661
}
.payment-entry>strong{
  font:400 18px Georgia,serif
}
.no-payments{
  background:#f4f0e9;
  padding:20px;
  font-size:12px
}
.payment-form{
  background:#f4f0e9;
  padding:25px
}
.payment-form label{
  display:block;
  font-size:8px;
  letter-spacing:.12em;
  font-weight:bold;
  margin:16px 0
}
.payment-form input,.payment-form select,.payment-form textarea{
  display:block;
  width:100%;
  border:0;
  border-bottom:1px solid #aaa098;
  background:transparent;
  padding:10px 0
}
.payment-form textarea{
  border:1px solid #aaa098;
  padding:10px;
  resize:vertical
}
.payment-form button{
  border:0;
  background:#2b0809;
  color:#fff;
  padding:12px 16px;
  font-size:10px
}

@media(max-width:1100px){
  .payment-order-table .table-head,.payment-order-table .order-row{
    grid-template-columns:1fr 1.2fr .7fr .6fr .7fr .7fr
  }
  .payment-order-table .table-head span:nth-child(3),.payment-order-table .order-row span:nth-child(3),.payment-order-table .table-head span:nth-child(4),.payment-order-table .order-row span:nth-child(4){
    display:none
  }
  .payment-facts{
    grid-template-columns:repeat(3,1fr)
  }

}

@media(max-width:800px){
  .payment-section{
    grid-template-columns:1fr
  }
  .payment-entry{
    grid-template-columns:1fr auto
  }
  .payment-entry>div:nth-child(2),.payment-entry>p{
    grid-column:1/-1
  }
  .payment-order-table .table-head{
    display:none
  }
  .payment-order-table .order-row{
    grid-template-columns:1fr auto auto
  }
  .payment-order-table .order-row>span,.payment-order-table .order-row>b:nth-of-type(2),.payment-order-table .order-row>.status{
    display:none!important
  }

}

@media(max-width:560px){
  .payment-facts{
    grid-template-columns:1fr 1fr
  }
  .payment-title{
    align-items:flex-start;
    flex-direction:column
  }
  .payment-title>strong{
    margin-top:8px
  }
  .payment-form .field-row{
    grid-template-columns:1fr
  }

}

/* Internal and customer-visible order notes */
.order-notes-section{
  scroll-margin-top:20px
}
.notes-title{
  display:flex;
  justify-content:space-between;
  align-items:end;
  margin-bottom:25px
}
.notes-title h3{
  font:400 32px Georgia,serif;
  margin:5px 0
}
.notes-title>span{
  font-size:10px;
  letter-spacing:.1em
}
.notes-layout{
  display:grid;
  grid-template-columns:1.35fr .9fr;
  gap:35px;
  align-items:start
}
.notes-history{
  display:grid;
  gap:12px
}
.order-note{
  border:1px solid #ded8cf;
  border-left:4px solid #6e7770;
  background:#faf8f3;
  padding:18px
}
.order-note.customer{
  border-left-color:#8a2426;
  background:#fff7ee
}
.order-note>div{
  display:flex;
  justify-content:space-between;
  gap:15px
}
.order-note i{
  font-style:normal;
  font-size:8px;
  letter-spacing:.1em;
  text-transform:uppercase
}
.order-note.customer i{
  color:#821c22
}
.order-note time{
  font-size:9px;
  color:#776d68
}
.order-note p{
  font:15px/1.6 Georgia,serif;
  margin:14px 0
}
.order-note small{
  font-size:9px;
  color:#776d68
}
.note-guidance{
  font-size:10px!important;
  line-height:1.5;
  color:#706660
}
.customer-updates{
  padding:22px 24px 24px;
  background:#efe5d8;
  border-top:1px solid #d9cdbf
}
.customer-updates>.eyebrow{
  margin-bottom:13px
}
.customer-updates article{
  background:#fffaf3;
  border-left:3px solid #8a2426;
  padding:15px 17px;
  margin-top:10px
}
.customer-updates article>div{
  display:flex;
  justify-content:space-between;
  gap:15px
}
.customer-updates b{
  font-size:10px
}
.customer-updates time{
  font-size:9px;
  color:#786c67
}
.customer-updates article p{
  font:14px/1.6 Georgia,serif;
  margin:10px 0 0
}

@media(max-width:800px){
  .notes-layout{
    grid-template-columns:1fr
  }
  .notes-title{
    align-items:flex-start;
    flex-direction:column
  }
  .notes-title>span{
    margin-top:8px
  }

}

@media(max-width:520px){
  .order-note>div,.customer-updates article>div{
    flex-direction:column;
    gap:5px
  }

}

/* Per-item production status */
.item-production-section{
  scroll-margin-top:20px
}
.production-summary{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-bottom:22px
}
.production-summary span{
  background:#f4f0e9;
  padding:16px;
  font-size:9px;
  letter-spacing:.1em;
  text-transform:uppercase
}
.production-summary b{
  display:block;
  font:400 26px Georgia,serif;
  letter-spacing:0;
  margin-bottom:5px
}
.production-items{
  border:1px solid #e0d9d0
}
.production-items>article{
  display:grid;
  grid-template-columns:1.2fr .55fr 1fr;
  gap:20px;
  align-items:center;
  padding:18px;
  border-bottom:1px solid #e5e0d8
}
.production-items>article:last-child{
  border-bottom:0
}
.production-items>article>div b,.production-items>article>div span{
  display:block
}
.production-items>article>div span{
  font-size:10px;
  color:#746a65;
  margin-top:5px
}
.production-state{
  display:inline-block;
  width:max-content;
  border-radius:20px;
  padding:6px 9px;
  font-style:normal;
  font-size:8px;
  letter-spacing:.06em;
  white-space:nowrap
}
.production-state.to-mint{
  background:#efe1df;
  color:#7b1b20
}
.production-state.minted{
  background:#f3e5bf;
  color:#695313
}
.production-state.fulfilled{
  background:#dce9da;
  color:#355c31
}
.production-items form{
  display:flex;
  gap:8px;
  align-items:end
}
.production-items label{
  flex:1
}
.production-items label span{
  display:block;
  font-size:8px;
  letter-spacing:.1em;
  margin-bottom:6px
}
.production-items select{
  width:100%;
  border:1px solid #c9c0b6;
  background:#fff;
  padding:9px
}
.production-items button{
  border:0;
  background:#2b0809;
  color:#fff;
  padding:10px 13px;
  font-size:9px
}
.production-order-lines p{
  display:grid;
  grid-template-columns:1fr auto auto;
  align-items:center;
  gap:14px
}
.production-order-lines .production-state{
  justify-self:end
}

@media(max-width:760px){
  .production-items>article{
    grid-template-columns:1fr auto
  }
  .production-items form{
    grid-column:1/-1
  }
  .production-order-lines p{
    grid-template-columns:1fr auto
  }
  .production-order-lines p>b{
    grid-column:1
  }
  .production-order-lines .production-state{
    grid-row:1/3;
    grid-column:2
  }

}

@media(max-width:480px){
  .production-summary{
    grid-template-columns:1fr
  }
  .production-items>article{
    grid-template-columns:1fr
  }
  .production-items>article>.production-state{
    justify-self:start
  }
  .production-items form{
    flex-direction:column;
    align-items:stretch
  }

}

/* Included tin and premium packaging upsell */
.packaging-banner{
  display:flex;
  gap:16px;
  align-items:center;
  background:#571216;
  color:#f5eee5;
  padding:20px 24px;
  margin:-20px 0 28px
}
.packaging-banner>span{
  font-size:25px
}
.packaging-banner b{
  font:400 20px Georgia,serif
}
.packaging-banner p{
  font-size:11px;
  line-height:1.5;
  margin:6px 0 0;
  color:#e3d5ce
}
.wholesale-product-grid .packaging-label{
  display:flex;
  align-items:flex-start;
  flex-direction:column;
  gap:7px;
  margin-top:15px
}
.packaging-label select{
  width:100%;
  border:1px solid #cfc7bc;
  background:#faf8f3;
  padding:9px;
  font-size:11px
}
.preview-packaging{
  display:block!important;
  margin-top:7px;
  color:#7b1b20!important;
  font-size:10px!important
}
.packaging-price-admin{
  border-top:1px solid #d8d1c8;
  margin-top:55px;
  padding-top:40px
}
.packaging-price-admin>div:first-child{
  margin-bottom:22px
}
.packaging-price-admin h2{
  font:400 34px Georgia,serif;
  margin:8px 0
}
.packaging-price-list{
  background:#fff;
  border:1px solid #ded8cf
}
.packaging-price-list form{
  display:grid;
  grid-template-columns:1.4fr .8fr auto;
  gap:20px;
  align-items:end;
  padding:17px 20px;
  border-bottom:1px solid #e5e0d8
}
.packaging-price-list form:last-child{
  border-bottom:0
}
.packaging-price-list b,.packaging-price-list small{
  display:block
}
.packaging-price-list small{
  font-size:9px;
  color:#776d68;
  margin-top:5px
}
.packaging-price-list label{
  font-size:8px;
  letter-spacing:.1em
}
.packaging-price-list input{
  display:block;
  width:100%;
  border:0;
  border-bottom:1px solid #aaa098;
  padding:8px 0
}
.packaging-price-list button{
  border:0;
  background:#2b0809;
  color:#fff;
  padding:10px 14px
}
.order-packaging-list{
  border:1px solid #e0d9d0
}
.order-packaging-list article{
  display:grid;
  grid-template-columns:1.3fr 1fr auto;
  gap:20px;
  align-items:center;
  padding:16px 18px;
  border-bottom:1px solid #e5e0d8
}
.order-packaging-list article:last-child{
  border-bottom:0
}
.order-packaging-list b,.order-packaging-list small{
  display:block
}
.order-packaging-list small{
  font-size:9px;
  color:#776d68;
  margin-top:5px
}
.order-packaging-list span{
  font-size:11px
}
.order-packaging-list strong{
  font:400 17px Georgia,serif
}
.production-order-lines span small{
  display:block;
  margin-top:5px;
  color:#7b1b20;
  font-size:9px;
  font-weight:normal
}

@media(max-width:700px){
  .packaging-price-list form{
    grid-template-columns:1fr auto
  }
  .packaging-price-list form>div{
    grid-column:1/-1
  }
  .order-packaging-list article{
    grid-template-columns:1fr auto
  }
  .order-packaging-list article>span{
    grid-column:1
  }

}

/* Retailer account management */
.retailer-list article{
  grid-template-columns:1.15fr .9fr 1.35fr .7fr auto;
  align-items:center
}
.retailer-list .view-order{
  white-space:nowrap;
  text-align:right
}
.retailer-profile-detail{
  scroll-margin-top:20px
}
.retailer-facts{
  grid-template-columns:repeat(4,1fr)
}
.retailer-profile-grid{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:35px;
  align-items:start;
  border-top:1px solid #e3ddd5;
  padding-top:28px
}
.retailer-edit-form{
  background:#f4f0e9;
  padding:25px
}
.retailer-edit-form h3,.retailer-order-history h3{
  font:400 29px Georgia,serif;
  letter-spacing:0;
  margin:5px 0 22px
}
.retailer-edit-form label{
  display:block;
  font-size:8px;
  letter-spacing:.12em;
  font-weight:bold;
  margin:15px 0
}
.retailer-edit-form input,.retailer-edit-form select{
  display:block;
  width:100%;
  border:0;
  border-bottom:1px solid #aaa098;
  background:transparent;
  padding:10px 0
}
.retailer-edit-form label small{
  display:block;
  letter-spacing:0;
  font-weight:normal;
  color:#776d68;
  margin-top:6px
}
.retailer-edit-form .three{
  grid-template-columns:1.4fr .55fr .8fr
}
.retailer-edit-form button{
  border:0;
  background:#2b0809;
  color:#fff;
  padding:12px 16px;
  font-size:10px;
  margin-top:8px
}
.retailer-order-history article{
  display:grid;
  grid-template-columns:1.25fr .7fr .8fr auto;
  gap:13px;
  align-items:center;
  padding:15px 0;
  border-top:1px solid #e5e0d8;
  font-size:10px
}
.retailer-order-history article small,.retailer-order-history article strong small{
  display:block;
  margin-top:5px;
  color:#776d68;
  font-weight:normal
}
.retailer-order-history article strong{
  text-align:right;
  font:400 16px Georgia,serif
}
.retailer-order-history article a{
  color:inherit;
  white-space:nowrap
}

@media(max-width:900px){
  .retailer-profile-grid{
    grid-template-columns:1fr
  }
  .retailer-list article{
    grid-template-columns:1fr 1fr
  }
  .retailer-list .view-order{
    text-align:left
  }
  .retailer-facts{
    grid-template-columns:1fr 1fr
  }

}

@media(max-width:560px){
  .retailer-edit-form .field-row,.retailer-edit-form .three{
    grid-template-columns:1fr
  }
  .retailer-order-history article{
    grid-template-columns:1fr auto
  }
  .retailer-order-history article>span{
    grid-column:1
  }
  .retailer-order-history article strong{
    grid-row:1/3;
    grid-column:2
  }
  .retailer-order-history article a{
    grid-column:1/-1
  }
  .retailer-facts{
    grid-template-columns:1fr
  }

}

/* Unified mint operations */
.mint-stats{
  grid-template-columns:repeat(5,1fr)
}
.ops-shortcuts{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px
}
.ops-shortcuts a,.ops-button{
  display:block;
  background:#2b0809;
  color:#fff;
  padding:18px;
  text-decoration:none;
  font-size:10px;
  letter-spacing:.1em;
  text-transform:uppercase
}
.ops-button{
  display:inline-block;
  padding:12px 16px
}
.ops-button.secondary{
  background:#fff;
  color:#2b0809;
  border:1px solid #bdb3aa
}
.page-tools{
  display:flex;
  gap:10px;
  justify-content:flex-end;
  margin:25px 0
}
.ops-grid{
  display:grid;
  grid-template-columns:minmax(300px,.8fr) minmax(0,1.6fr);
  gap:20px;
  margin-top:30px
}
.ops-panel{
  background:#fff;
  border:1px solid #ded8cf;
  padding:26px;
  margin-top:28px;
  overflow:auto
}
.ops-grid .ops-panel{
  margin-top:0
}
.ops-panel h3{
  font:400 28px Georgia,serif;
  margin:0 0 20px
}
.ops-panel table{
  width:100%;
  border-collapse:collapse
}
.ops-panel th,.ops-panel td{
  text-align:left;
  border-bottom:1px solid #e6e0d8;
  padding:13px 10px;
  font-size:11px;
  vertical-align:top
}
.ops-panel th{
  background:#eeeae3;
  font-size:8px;
  letter-spacing:.1em
}
.ops-panel a:not(.ops-button){
  color:inherit
}
.ops-form label{
  display:block;
  font-size:8px;
  letter-spacing:.1em;
  font-weight:bold;
  margin-bottom:16px
}
.ops-form input,.ops-form select,.ops-form textarea{
  display:block;
  width:100%;
  border:1px solid #c9c0b6;
  background:#fff;
  padding:10px;
  margin-top:7px
}
.ops-form textarea{
  min-height:76px;
  resize:vertical
}
.ops-form button,.finalize-form button{
  border:0;
  background:#2b0809;
  color:#fff;
  padding:12px 16px;
  font-size:10px
}
.ops-form .check{
  display:flex;
  gap:10px;
  align-items:center
}
.ops-form .check input{
  width:auto;
  margin:0
}
.inline-form{
  display:grid;
  grid-template-columns:repeat(5,1fr) auto;
  gap:12px;
  align-items:end
}
.line-entry{
  display:grid;
  grid-template-columns:1fr 1.1fr .45fr .65fr .85fr auto;
  gap:10px;
  align-items:end;
  border-top:1px solid #ded8cf;
  padding:15px 0
}
.line-entry .remove-line{
  background:transparent;
  color:#81161b;
  font-size:20px
}
.add-line{
  margin:8px 0 20px
}
.ops-board{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:30px
}
.ops-column{
  background:#e9e4dc;
  padding:15px;
  min-height:300px
}
.ops-column h3{
  font:400 24px Georgia,serif
}
.ops-column article{
  background:#fff;
  border-top:3px solid #74141a;
  padding:18px;
  margin:12px 0;
  display:grid;
  gap:8px
}
.ops-column article>a{
  color:inherit
}
.ops-column article span,.ops-column article small{
  font-size:11px
}
.ops-column article i{
  font-style:normal;
  font-size:9px;
  color:#536b50
}
.ops-column article i.late{
  color:#a11b21
}
.ops-column article form{
  border-top:1px solid #e5e0d8;
  padding-top:10px
}
.ops-column label{
  font-size:8px
}
.ops-column input,.ops-column select{
  width:100%;
  padding:7px;
  margin:4px 0
}
.ops-column button{
  border:0;
  background:#2b0809;
  color:#fff;
  padding:8px 11px
}
.finalize-form{
  border-top:2px solid #74141a;
  margin-top:25px;
  padding-top:20px
}
.finalize-form button{
  background:#74141a
}
.success-note{
  background:#dce9da;
  color:#355c31;
  padding:16px
}
.error-note{
  background:#efe1df;
  color:#7b1b20;
  padding:16px
}

@media(max-width:1100px){
  .mint-stats{
    grid-template-columns:repeat(3,1fr)
  }
  .inline-form{
    grid-template-columns:repeat(3,1fr)
  }
  .line-entry{
    grid-template-columns:1fr 1fr 1fr
  }
  .ops-board{
    grid-template-columns:1fr
  }
  .ops-grid{
    grid-template-columns:1fr
  }

}

@media(max-width:650px){
  .mint-stats,.ops-shortcuts,.inline-form{
    grid-template-columns:1fr
  }
  .line-entry{
    grid-template-columns:1fr
  }
  .page-tools{
    justify-content:flex-start;
    flex-wrap:wrap
  }
  .ops-panel{
    padding:15px
  }
  .ops-panel table{
    min-width:720px
  }

}

.settle-row{
  display:grid;
  grid-template-columns:1fr 2fr;
  gap:18px;
  align-items:center;
  border-top:1px solid #e5e0d8;
  padding:14px 0
}
.settle-row small{
  display:block;
  margin-top:5px
}
.settle-row form{
  display:grid;
  grid-template-columns:.45fr .7fr 1fr 1fr auto;
  gap:8px
}
.settle-row input,.settle-row select{
  min-width:0;
  padding:9px;
  border:1px solid #c9c0b6
}
.settle-row button{
  border:0;
  background:#2b0809;
  color:white;
  padding:9px 12px
}
@media(max-width:850px){
  .settle-row{
    grid-template-columns:1fr
  }
  .settle-row form{
    grid-template-columns:1fr 1fr
  }
  .settle-row form button{
    grid-column:1/-1
  }

}

/* Operations layout corrections */
body.admin-body{
  overflow-x:hidden
}
.admin-overlay.static{
  grid-template-columns:250px minmax(0,1fr);
  align-items:start
}
.admin-overlay.static>aside{
  position:sticky;
  top:0;
  height:100vh;
  overflow-y:auto;
  padding:26px 18px
}
.admin-overlay.static>aside nav{
  margin-top:36px;
  gap:3px
}
.admin-overlay.static>aside nav a{
  display:block;
  padding:10px 12px;
  border-radius:4px;
  line-height:1.25
}
.admin-overlay.static .admin-main{
  min-width:0;
  width:100%;
  padding:38px clamp(22px,4vw,64px) 70px
}
.admin-overlay.static .admin-main>header{
  padding-bottom:24px;
  border-bottom:1px solid #d8d1c8
}
.admin-overlay.static .admin-main>header h2{
  font-size:clamp(34px,4vw,52px);
  line-height:1;
  margin-top:7px
}
.admin-overlay.static .admin-main>header p{
  margin:0
}
.ops-panel{
  border-radius:3px;
  box-shadow:0 8px 24px rgba(43,8,9,.035)
}
.ops-panel>p{
  font-size:12px;
  line-height:1.55;
  color:#6f6661
}
.ops-panel table{
  table-layout:auto
}
.ops-panel th{
  white-space:nowrap
}
.ops-panel td{
  line-height:1.4
}
.ops-panel td small{
  display:block;
  margin-top:4px;
  color:#776d68
}
.ops-panel select{
  max-width:100%
}
.ops-form .field-row.three{
  grid-template-columns:repeat(3,minmax(0,1fr))
}
.ops-form .field-row{
  align-items:start
}
.ops-form label{
  min-width:0
}
.ops-form input,.ops-form select,.ops-form textarea{
  min-width:0;
  border-radius:2px
}
.line-entry{
  grid-template-columns:minmax(140px,1fr) minmax(180px,1.1fr) 90px 110px minmax(140px,.85fr) 34px
}
.line-entry label{
  margin-bottom:0
}
.line-entry .remove-line{
  padding:8px
}
.ops-board{
  align-items:start
}
.ops-column{
  border:1px solid #d8d1c8;
  border-radius:3px
}
.ops-column>h3{
  margin:3px 3px 18px
}
.ops-column article{
  box-shadow:0 5px 15px rgba(43,8,9,.04)
}
.page-tools{
  margin:24px 0 4px
}
.mapping-form{
  display:grid;
  grid-template-columns:minmax(180px,1fr) auto;
  gap:9px;
  align-items:center
}
.mapping-form select{
  width:100%;
  padding:9px
}
.mapping-form button{
  border:0;
  background:#2b0809;
  color:#fff;
  padding:10px 13px
}
.finalize-form button{
  border-radius:2px
}

@media(max-width:1050px){
  .admin-overlay.static{
    grid-template-columns:210px minmax(0,1fr)
  }
  .line-entry{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .line-entry .remove-line{
    justify-self:start
  }
  .ops-form .field-row.three{
    grid-template-columns:1fr 1fr
  }
  .mint-stats{
    grid-template-columns:repeat(2,1fr)
  }

}

@media(max-width:760px){
  .admin-overlay.static{
    display:block
  }
  .admin-overlay.static>aside{
    position:relative;
    width:100%;
    height:auto;
    overflow:visible
  }
  .admin-overlay.static>aside .admin-logo{
    margin-bottom:16px
  }
  .admin-overlay.static>aside nav{
    margin:0;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .admin-overlay.static>aside nav a{
    font-size:10px!important
  }
  .admin-overlay.static>aside .logout{
    position:absolute;
    right:15px;
    top:14px
  }
  .admin-overlay.static .admin-main{
    padding:24px 16px 60px
  }
  .ops-form .field-row,.ops-form .field-row.three,.line-entry{
    grid-template-columns:1fr
  }
  .ops-panel{
    overflow-x:auto
  }
  .ops-panel table{
    min-width:680px
  }
  .ops-shortcuts{
    grid-template-columns:1fr 1fr
  }
  .mint-stats{
    grid-template-columns:1fr 1fr
  }

}

@media(max-width:480px){
  .admin-overlay.static>aside nav,.ops-shortcuts,.mint-stats{
    grid-template-columns:1fr
  }
  .admin-overlay.static>aside .logout{
    position:static
  }
  .admin-overlay.static .admin-main>header{
    align-items:flex-start;
    flex-direction:column;
    gap:12px
  }
  .mapping-form{
    grid-template-columns:1fr
  }

}

#catalog-mapping{
  display:none
}
.mapping-list{
  border:1px solid #e1dad1
}
.mapping-list .mapping-form{
  grid-template-columns:minmax(220px,1.2fr) minmax(220px,1fr) auto;
  padding:15px 18px;
  border-bottom:1px solid #e5e0d8
}
.mapping-list .mapping-form:last-child{
  border-bottom:0
}
.mapping-list b,.mapping-list small{
  display:block
}
.mapping-list small{
  margin-top:5px;
  color:#776d68
}

@media(max-width:700px){
  .mapping-list .mapping-form{
    grid-template-columns:1fr
  }
  .mapping-list .mapping-form button{
    width:100%
  }

}

/* Wholesale certificate application */
.certificate-question{
  border:0;
  padding:0;
  margin:5px 0 20px
}
.certificate-question legend{
  font-size:9px;
  letter-spacing:.15em;
  font-weight:bold;
  margin-bottom:12px
}
.certificate-question>div{
  display:flex;
  gap:24px
}
.application .certificate-question label{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0;
  letter-spacing:.06em
}
.application .certificate-question input{
  width:auto
}
.certificate-fields{
  border-left:3px solid #74141a;
  background:#f1ece3;
  padding:18px 20px;
  margin:-3px 0 22px
}
.certificate-fields[hidden]{
  display:none
}
.certificate-fields label:last-child{
  margin-bottom:0
}
.certificate-fields input[type=file]{
  font-size:11px
}
.certificate-fields small{
  display:block;
  margin-top:7px;
  letter-spacing:0;
  color:#756b66
}
.certificate-summary{
  font-size:9px;
  color:#6e625d;
  line-height:1.5
}
.certificate-summary a{
  font-weight:bold
}

/* Authorized distributor directory */
.directory-intro{
  max-width:520px;
  font:16px/1.65 Georgia,serif;
  color:#6f635e
}
.stockist-head>div .directory-intro{
  margin:24px 0 0
}
.directory-empty{
  grid-column:1/-1;
  padding:55px 0;
  border-top:1px solid var(--line);
  text-align:center
}
.directory-empty h3{
  font:400 30px Georgia,serif;
  margin:0 0 12px
}
.directory-empty p{
  font-size:13px;
  color:#6f635e
}
.directory-toggle{
  display:flex!important;
  align-items:flex-start;
  gap:13px;
  background:#f1e8dc;
  border:1px solid #d8cabc;
  padding:16px 18px;
  margin:8px 0 22px!important;
  letter-spacing:0!important;
  text-transform:none
}
.directory-toggle input{
  width:auto!important;
  margin:3px 0 0
}
.directory-toggle span,.directory-toggle b,.directory-toggle small{
  display:block
}
.directory-toggle b{
  font-size:11px;
  letter-spacing:.04em
}
.directory-toggle small{
  font-size:10px;
  line-height:1.5;
  margin-top:5px;
  color:#756b66
}
.admin-directory-toggle{
  background:#fff
}
.retailer-dialog .admin-directory-toggle input{
  width:auto
}

.retailer-list article{
  grid-template-columns:1.05fr .8fr 1.25fr .65fr auto auto
}
.directory-action{
  margin:0
}
.directory-action button{
  border:1px solid #7a151a;
  background:transparent;
  color:#681116;
  padding:8px 10px;
  font-size:8px;
  white-space:nowrap
}
.directory-action button.listed{
  background:#dce9da;
  border-color:#8aa185;
  color:#355c31
}

@media(max-width:1050px){
  .retailer-list article{
    grid-template-columns:1fr 1fr 1fr
  }
  .retailer-list .view-order{
    text-align:left
  }

}
@media(max-width:700px){
  .retailer-list article{
    grid-template-columns:1fr!important
  }

}

/* Destructive order maintenance */
.order-danger-zone{
  display:flex;
  justify-content:space-between;
  gap:35px;
  align-items:end;
  border-color:#b85d61;
  background:#fff8f5
}
.order-danger-zone h3,.purge-orders h3{
  font:400 28px Georgia,serif;
  margin:5px 0 10px
}
.order-danger-zone p,.purge-orders p{
  max-width:650px;
  font-size:11px;
  line-height:1.6;
  color:#776764
}
.order-danger-zone form{
  min-width:300px
}
.order-danger-zone label,.purge-orders label{
  display:block;
  font-size:8px;
  letter-spacing:.12em;
  font-weight:bold
}
.order-danger-zone input,.purge-orders input,.purge-orders select{
  display:block;
  width:100%;
  border:1px solid #c7aaa8;
  background:#fff;
  padding:10px;
  margin-top:7px
}
.order-danger-zone button,.purge-orders button{
  border:0;
  background:#8b1117;
  color:#fff;
  padding:11px 14px;
  font-size:9px;
  margin-top:10px
}
.purge-orders{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:35px;
  background:#efe2df;
  border:1px solid #c99996;
  margin:35px 0;
  padding:27px;
  scroll-margin-top:20px
}
.purge-orders form{
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:12px;
  align-items:end
}
.purge-orders button{
  margin:0;
  white-space:nowrap
}

@media(max-width:900px){
  .order-danger-zone{
    align-items:stretch;
    flex-direction:column
  }
  .order-danger-zone form{
    min-width:0
  }
  .purge-orders{
    grid-template-columns:1fr
  }
  .purge-orders form{
    grid-template-columns:1fr 1fr
  }

}
@media(max-width:560px){
  .purge-orders form{
    grid-template-columns:1fr
  }
  .purge-orders button{
    width:100%
  }

}

/* Unified public palette, wordmark, editorial homepage, and and admin order entry */
.wordmark{
  gap:0;
  font-weight:400
}
.wordmark strong{
  font-weight:900
}
.wordmark span{
  font-weight:400
}

.catalog-section{
  background:linear-gradient(145deg,#2b0809 0%,#571216 55%,#681116 100%)
}
.catalog-head h2 em,.product-phase{
  color:#d8b8aa!important
}
.product-card>p{
  color:#ddcfc6
}
.filters a.active{
  border-color:#d8a45f
}
.card-action{
  border-color:rgba(255,255,255,.3)
}

.wholesale{
  background:#571216
}
.wholesale-intro{
  background:linear-gradient(145deg,#2b0809,#681116)
}
.application{
  background:#f0e4d8;
  color:#2b0809
}
.application input,.application select,.application textarea{
  border-color:#9f7872
}
.certificate-fields{
  background:#ead6c8;
  border-color:#74141a
}

.hero-proof-copy{
  margin-top:45px;
  font:15px/1.65 Georgia,serif
}
.hero-proof-copy strong{
  font-family:Arial,sans-serif;
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase
}

.story-copy{
  max-width:720px;
  margin:42px 0 0 auto
}
.story-copy p{
  font:18px/1.75 Georgia,serif;
  margin:0 0 22px
}

.zodiac-series{
  background:linear-gradient(150deg,#2b0809,#571216);
  color:#f3e9dc;
  padding:105px 7vw
}
.series-head{
  display:grid;
  grid-template-columns:1.5fr .6fr;
  align-items:end;
  gap:50px;
  margin:65px 0
}
.series-head .eyebrow{
  grid-column:1/-1;
  margin-bottom:-20px
}
.series-head>p:last-child{
  font:18px/1.65 Georgia,serif
}
.series-head h2Rut em{
  color:#d9b5a6
}
.zodiac-facts{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(255,255,255,.24);
  border-left:1px solid rgba(255,255,255,.24)
}
.zodiac-facts article{
  display:grid;
  grid-template-columns:32px 1fr;
  gap:14px;
  padding:25px;
  border-right:1px solid rgba(255,255,255,.24);
  border-bottom:1px solid rgba(255,255,255,.24);
  min-height:225px
}
.zodiac-facts article>span,.zodiac-facts small{
  font-size:8px;
  letter-spacing:.14em
}
.zodiac-facts b{
  float:right;
  font:42px Georgia,serif;
  color:#d8a45f
}
.zodiac-facts h3{
  font:400 28px Georgia,serif;
  margin:8px 0 12px
}
.zodiac-facts p{
  font-size:12px;
  line-height:1.6;
  color:#dfd0c8
}
.zodiac-facts small{
  display:block;
  margin-top:18px;
  color:#d8b8aa
}
.zodiac-year-note{
  max-width:720px;
  font-size:11px;
  line-height:1.6;
  margin:28px 0 36px;
  color:#d5c4ba
}

.purge-orders{
  display:none!important
}
.order-cleanup-actions{
  min-width:340px;
  display:grid;
  gap:18px
}
.order-cleanup-actions form{
  min-width:0
}
.order-cleanup-actions .void-order-button{
  background:#f0e4d8;
  color:#681116;
  border:1px solid #a97c78
}
.voided-order-note{
  border-left:3px solid #74141a;
  padding:12px;
  background:#f3e6e2!important;
  color:#681116!important
}

.admin-create-order{
  background:#fff;
  border:1px solid #d8d1c8;
  padding:28px;
  margin:30px 0
}
.create-order-heading h3,.directory-description-editor h3{
  font:400 30px Georgia,serif;
  margin:4px 0 10px
}
.create-order-heading p,.directory-description-editor p{
  font-size:11px;
  line-height:1.6;
  color:#776d68
}
.create-order-meta{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin:24px 0
}
.admin-create-order label,.directory-description-editor label{
  font-size:8px;
  letter-spacing:.12em;
  font-weight:bold
}
.admin-create-order input,.admin-create-order select,.directory-description-editor input{
  display:block;
  width:100%;
  padding:10px;
  border:1px solid #c9c0b6;
  background:#fff;
  margin-top:7px
}
.admin-create-order label small{
  display:block;
  margin-top:6px;
  letter-spacing:0;
  color:#776d68
}
.admin-order-products{
  border:1px solid #ded8cf;
  margin:20px 0
}
.admin-order-products article{
  display:grid;
  grid-template-columns:1fr 100px minmax(230px,.6fr);
  gap:18px;
  align-items:end;
  padding:14px 17px;
  border-bottom:1px solid #e5e0d8
}
.admin-order-products article:last-child{
  border-bottom:0
}
.admin-order-products b,.admin-order-products small{
  display:block
}
.admin-order-products small{
  font-size:9px;
  color:#776d68;
  margin-top:5px
}
.admin-create-order>form>.button{
  border:0
}
.directory-description-editor{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
  align-items:end
}
.directory-description-editor button{
  border:0;
  background:#2b0809;
  color:#fff;
  padding:11px 14px;
  margin-top:10px
}

@media(max-width:900px){
  .series-head{
    grid-template-columns:1fr
  }
  .zodiac-facts{
    grid-template-columns:repeat(2,1fr)
  }
  .admin-order-products article{
    grid-template-columns:1fr 90px
  }
  .admin-order-products article label:last-child{
    grid-column:1/-1
  }
  .directory-description-editor{
    grid-template-columns:1fr
  }

}

@media(max-width:600px){
  .zodiac-series{
    padding:75px 6vw
  }
  .zodiac-facts{
    grid-template-columns:1fr
  }
  .create-order-meta,.admin-order-products article{
    grid-template-columns:1fr
  }
  .admin-order-products article label:last-child{
    grid-column:auto
  }
  .order-cleanup-actions{
    min-width:0
  }

}

.series-head h2 em{
  color:#d9b5a6
}
.footer-brand h2{
  font-weight:400
}
.footer-brand h2 strong{
  font-weight:900
}
.footer-brand h2 span{
  font-weight:400
}

/* Light public catalog and wholesale pages; unified admin wordmark */
.catalog-section{
  background:#f0e4d8;
  color:#2b0809
}
.catalog-section .section-label.light{
  color:#2b0809
}
.catalog-section .section-label.light span{
  border-color:rgba(43,8,9,.24)
}
.catalog-head h2 em,.catalog-section .product-phase{
  color:#8b262a!important
}
.catalog-section .filters{
  border-color:rgba(43,8,9,.22)
}
.catalog-section .filters a.active{
  border-color:#74141a
}
.catalog-section .product-card>p{
  color:#6f5d58
}
.catalog-section .product-title,.catalog-section .card-action{
  border-color:rgba(43,8,9,.2)
}

/* Catalog pricing is wholesale-only; the admin summary has no retail-price column. */
.catalog-admin-head,.catalog-admin-table>article{
  grid-template-columns:2fr .55fr .75fr .65fr .65fr .4fr
}

@media(max-width:1050px){
  .catalog-admin-table>article{
    grid-template-columns:1.8fr repeat(2,.7fr) .5fr
  }

}

@media(max-width:700px){
  .catalog-admin-table>article{
    grid-template-columns:1fr auto
  }
  .catalog-admin-table>article>.stock-count{
    display:none
  }

}

.wholesale{
  background:#f0e4d8;
  color:#2b0809
}
.wholesale-intro{
  background:#f0e4d8;
  color:#2b0809;
  border-right:1px solid rgba(43,8,9,.16)
}
.wholesale-intro h2 em{
  color:#8b262a
}
.wholesale-intro>p:not(.eyebrow){
  color:#5f4f4b
}
.application{
  background:#f7f0e8;
  color:#2b0809
}
.application input,.application select,.application textarea{
  border-color:#a88780
}
.certificate-fields{
  background:#efe0d4
}

.admin-logo,.admin-logo:link,.admin-logo:visited,.admin-logo:hover,.admin-logo:focus{
  display:flex;
  align-items:center;
  gap:0;
  color:#fff!important;
  text-decoration:none;
  font-size:14px;
  letter-spacing:.14em
}
.admin-logo strong{
  font-weight:900
}
.admin-logo span{
  font-weight:400
}
.mint-operations .admin-overlay.static>aside nav a:visited{
  color:#c7cec9
}
.mint-operations .admin-overlay.static>aside nav a.active,.mint-operations .admin-overlay.static>aside nav a:hover{
  color:#fff
}

@media(max-width:900px){
  .wholesale-intro{
    border-right:0;
    border-bottom:1px solid rgba(43,8,9,.16)
  }

}

/* Readable zodiac year labels */
.zodiac-facts small{
  font-size:12px;
  line-height:1.5;
  letter-spacing:.08em;
  font-weight:700;
  color:#fff;
  max-width:100%;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.22)
}

@media(max-width:600px){
  .zodiac-facts small{
    font-size:13px;
    letter-spacing:.06em
  }

}

/* Editorial alignment, artwork fallbacks, directory, and packaging catalog */
.story-section{
  display:grid;
  grid-template-columns:minmax(120px,.28fr) minmax(0,1fr);
  column-gap:7vw;
  align-items:start
}
.story-section>.section-label{
  position:sticky;
  top:110px
}
.story-lead{
  width:100%;
  max-width:1050px;
  margin:0
}
.story-lead h2{
  max-width:980px
}
.story-copy{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px;
  max-width:900px;
  margin:48px 0 0
}
.story-copy p{
  margin:0
}

.silver-coin-placeholder{
  position:relative;
  z-index:1;
  width:68%;
  aspect-ratio:1;
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#3d3532;
  background:radial-gradient(circle at 32% 25%,#fff 0,#e6e4df 17%,#bbbcb8 48%,#858984 73%,#d8d7d1 86%,#71746f 100%);
  border:2px solid #c9cbc5;
  box-shadow:inset 9px 9px 16px rgba(255,255,255,.75),inset -12px -12px 20px rgba(42,40,37,.28),0 22px 35px rgba(30,8,8,.22);
  text-align:center
}
.silver-coin-placeholder:before{
  content:"";
  position:absolute;
  inset:7%;
  border:1px solid rgba(58,58,53,.4);
  border-radius:50%
}
.silver-coin-placeholder span{
  font:400 clamp(11px,1.6vw,22px) Arial,sans-serif;
  letter-spacing:.08em
}
.silver-coin-placeholder span strong{
  font-weight:900
}
.silver-coin-placeholder small{
  font-size:7px;
  letter-spacing:.16em;
  margin-top:9px
}
.silver-coin-placeholder--small{
  width:54px;
  min-width:54px;
  height:54px
}
.silver-coin-placeholder--small span{
  font-size:7px
}
.silver-coin-placeholder--small small{
  font-size:4px;
  margin-top:3px
}
.detail-art .silver-coin-placeholder{
  width:min(68%,500px)
}
.wholesale-product-grid .silver-coin-placeholder{
  width:100%;
  border-radius:0;
  box-shadow:none
}
.preview-line .silver-coin-placeholder{
  width:58px;
  height:58px
}
.catalog-item-name>.silver-coin-placeholder{
  flex:none
}

.distributor-purchase{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:24px 0;
  margin:30px 0
}
.distributor-purchase p{
  font:15px/1.6 Georgia,serif;
  margin:0 0 16px
}
.distributor-purchase .button{
  display:inline-block;
  margin:0
}

.stockist-list article{
  grid-template-columns:minmax(0,1.4fr) minmax(130px,.65fr) 80px
}
.stockist-list article>span:first-child{
  display:none
}

.artwork-upload-admin,.packaging-catalog-admin{
  background:#fff;
  border:1px solid #d8d1c8;
  padding:28px;
  margin:35px 0
}
.artwork-upload-admin h2,.packaging-catalog-admin h2{
  font-size:38px
}
.artwork-upload-list,.packaging-option-list{
  display:grid;
  gap:10px;
  margin-top:24px
}
.artwork-upload-list form{
  display:grid;
  grid-template-columns:1fr minmax(230px,.7fr) auto;
  align-items:center;
  gap:18px;
  border-top:1px solid #e3ddd5;
  padding:13px 0
}
.artwork-upload-list label,.packaging-catalog-admin label{
  font-size:8px;
  letter-spacing:.12em;
  font-weight:bold
}
.artwork-upload-list input,.packaging-catalog-admin input{
  display:block;
  width:100%;
  margin-top:6px
}
.artwork-upload-list button,.packaging-catalog-admin button{
  border:0;
  background:#2b0809;
  color:#fff;
  padding:11px 14px;
  font-size:9px
}
.packaging-create-form{
  display:grid;
  grid-template-columns:1fr .45fr 1.2fr .9fr auto;
  gap:14px;
  align-items:end;
  margin:25px 0 35px;
  padding:20px;
  background:#f1ece4
}
.packaging-create-form input,.packaging-option-list input{
  border:1px solid #c9c0b6;
  background:#fff;
  padding:9px
}
.packaging-option-list form{
  display:grid;
  grid-template-columns:72px 1fr .45fr 1.15fr .8fr auto auto;
  gap:12px;
  align-items:end;
  border-top:1px solid #e3ddd5;
  padding:14px 0
}
.packaging-option-list img,.package-placeholder{
  width:62px;
  height:62px;
  object-fit:cover;
  background:#d4d1ca;
  display:grid;
  place-items:center;
  font-size:7px;
  letter-spacing:.1em
}
.packaging-option-list .catalog-check{
  display:flex;
  align-items:center;
  gap:6px
}
.packaging-option-list .catalog-check input{
  width:auto
}
.packaging-catalog-admin .packaging-bindings{
  margin-top:45px
}
.packaging-bindings h3{
  font:400 28px Georgia,serif
}
.packaging-bindings>form,.packaging-bindings>.workflow-row{
  display:grid;
  grid-template-columns:minmax(180px,.7fr) 1fr auto;
  gap:20px;
  align-items:center;
  border-top:1px solid #ddd7cf;
  padding:16px 0
}
.packaging-bindings b,.packaging-bindings small{
  display:block
}
.packaging-bindings small{
  margin-top:5px;
  color:#756b66
}
.packaging-bindings .packaging-options{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px
}
.packaging-bindings label{
  display:flex;
  align-items:center;
  gap:6px
}
.packaging-bindings input{
  width:auto;
  margin:0
}

@media(max-width:900px){
  .story-section{
    grid-template-columns:1fr;
    gap:45px
  }
  .story-section>.section-label{
    position:static
  }
  .story-copy{
    grid-template-columns:1fr;
    gap:0
  }
  .artwork-upload-list form,.packaging-create-form,.packaging-option-list form,.packaging-bindings>form,.packaging-bindings>.workflow-row{
    grid-template-columns:1fr
  }
  .stockist-list article{
    grid-template-columns:1fr auto
  }
  .stockist-list article>b{
    grid-column:1
  }
  .stockist-list article>a{
    grid-column:2;
    grid-row:1/3
  }

}

.packaging-bindings .packaging-checks{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px
}

.unified-admin-nav{
  margin-top:34px!important;
  gap:2px!important
}
.unified-admin-nav a{
  padding:9px 11px!important
}

.catalog-workflow-admin{
  background:#fff;
  border:1px solid #d8d1c8;
  padding:28px;
  margin:35px 0
}
.catalog-workflow-admin h2{
  font-size:38px
}
.sku-create-inline{
  display:grid;
  grid-template-columns:.7fr 1fr 1fr .55fr auto;
  align-items:end;
  gap:14px;
  background:#f1ece4;
  padding:20px;
  margin:24px 0
}
.sku-create-inline label,.catalog-workflow-list label{
  font-size:8px;
  letter-spacing:.12em;
  font-weight:bold
}
.sku-create-inline input,.catalog-workflow-list input,.catalog-workflow-list select{
  display:block;
  width:100%;
  border:1px solid #c9c0b6;
  background:#fff;
  padding:9px;
  margin-top:6px
}
.sku-create-inline button,.catalog-workflow-list button{
  border:0;
  background:#2b0809;
  color:#fff;
  padding:11px 14px;
  font-size:9px
}
.catalog-workflow-head,.catalog-workflow-list>form,.catalog-workflow-list>.workflow-row{
  display:grid;
  grid-template-columns:minmax(260px,1fr) 120px minmax(220px,.8fr) auto;
  gap:16px;
  align-items:center;
  padding:13px 16px;
  border-bottom:1px solid #e3ddd5
}
.catalog-workflow-head{
  background:#ebe7df;
  font-size:8px;
  letter-spacing:.12em
}
.catalog-workflow-list>form label>span,.catalog-workflow-list>.workflow-row label>span{
  display:none
}

.packaging-radio-group{
  border:0;
  padding:0;
  margin:16px 0
}
.packaging-radio-group legend{
  font-size:8px;
  letter-spacing:.13em;
  font-weight:bold;
  margin-bottom:8px
}
.packaging-radio-group label{
  display:flex!important;
  align-items:flex-start;
  gap:9px;
  border:1px solid #d4cbc2;
  padding:10px;
  margin:7px 0!important;
  background:#fff;
  letter-spacing:0!important;
  text-transform:none
}
.packaging-radio-group input{
  width:auto!important;
  margin:2px 0 0!important
}
.packaging-radio-group label:has(input:checked){
  border-color:#74141a;
  background:#f4e7df
}
.packaging-radio-group span{
  font-size:10px;
  line-height:1.4
}

.line-price-breakdown{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:12px;
  margin-top:13px
}
.line-price-breakdown span{
  font-size:7px;
  letter-spacing:.11em;
  color:#776d68
}
.line-price-breakdown b,.line-price-breakdown strong{
  display:block;
  margin-top:5px;
  color:#2b0809;
  font-size:11px;
  letter-spacing:0
}
.preview-line{
  grid-template-columns:70px 1fr!important
}
.admin-line-pricing{
  background:#f7f3ed;
  border:1px solid #ded8cf;
  padding:24px;
  margin:25px 0
}
.admin-line-pricing h3,.sales-line-breakdowns h3{
  font:400 28px Georgia,serif;
  margin:4px 0 18px
}
.admin-line-pricing article,.sales-line-breakdowns article>div{
  display:grid;
  grid-template-columns:minmax(180px,1fr) repeat(4,minmax(85px,.4fr));
  gap:15px;
  padding:13px 0;
  border-top:1px solid #ddd7cf;
  font-size:11px
}
.admin-line-pricing span,.sales-line-breakdowns span{
  display:flex;
  justify-content:space-between;
  gap:10px
}
.order-invoice-actions{
  display:flex;
  gap:8px;
  align-items:center
}
.order-invoice-actions .button{
  font-size:8px;
  padding:10px 12px
}
.sales-line-breakdowns{
  background:#fff;
  border:1px solid #ded8cf;
  padding:25px;
  margin-top:25px
}
.sales-line-breakdowns article{
  border-top:1px solid #ddd7cf;
  padding:15px 0
}
.sales-line-breakdowns h4{
  font:400 20px Georgia,serif;
  margin:0 0 10px
}
.workflow-notice{
  padding:20px;
  background:#f1ece4;
  border-left:3px solid #74141a
}
.workflow-notice p{
  font-size:11px;
  line-height:1.6
}

@media(max-width:900px){
  .sku-create-inline,.catalog-workflow-head,.catalog-workflow-list>form,.catalog-workflow-list>.workflow-row{
    grid-template-columns:1fr
  }
  .catalog-workflow-head{
    display:none
  }
  .catalog-workflow-list>form label>span,.catalog-workflow-list>.workflow-row label>span{
    display:block
  }
  .line-price-breakdown{
    grid-template-columns:1fr
  }
  .admin-line-pricing article,.sales-line-breakdowns article>div{
    grid-template-columns:1fr
  }
  .order-invoice-actions{
    flex-wrap:wrap
  }

}

.unified-admin-nav{
  overflow-y:auto;
  padding-right:4px
}
.workflow-notice{
  padding:24px;
  background:#f3ece2;
  border-left:3px solid #74141a
}
.workflow-notice b{
  font:400 24px Georgia,serif
}
.workflow-notice p{
  max-width:620px;
  line-height:1.6;
  color:#6f625c
}

.admin-overlay aside .unified-admin-nav{
  margin-top:42px;
  overflow-y:auto;
  padding-right:3px;
  min-height:0
}
.admin-overlay aside .unified-admin-nav a{
  padding:9px 11px
}
.workflow-notice{
  padding:22px;
  background:#f1ece4;
  border-left:3px solid #74141a
}
.workflow-notice b{
  font:400 24px Georgia,serif
}
.workflow-notice p{
  font-size:12px;
  line-height:1.6;
  max-width:650px
}
.workflow-notice .ops-button{
  display:inline-block;
  margin-top:8px
}

.fulfillment-order-link{
  display:grid;
  gap:5px;
  text-decoration:none
}
.fulfillment-order-link small{
  color:#74141a;
  font-size:8px!important;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase
}
.order-finalize-guide{
  margin-top:20px
}
.order-fulfillment-action{
  display:flex
}
.admin-shipping-summary{
  display:flex;
  justify-content:flex-end;
  gap:26px;
  align-items:center;
  border-top:1px solid #ddd7cf;
  margin-top:18px;
  padding-top:18px;
  font-size:10px
}
.admin-shipping-summary span,.admin-shipping-summary strong{
  display:grid;
  gap:5px
}
.admin-shipping-summary b{
  font-size:14px
}
.fulfillment-shipping{
  background:#fff;
  border:1px solid #ded8cf;
  padding:18px 24px;
  margin-top:18px
}
.shipping-total{
  border-top:0!important
}
.grand-total{
  background:#f5eee7
}
@media(min-width:901px){
  .catalog-workflow-list.inventory-only .catalog-workflow-head,.catalog-workflow-list.inventory-only>form,.catalog-workflow-list.inventory-only>.workflow-row{
    grid-template-columns:minmax(280px,1fr) minmax(160px,.35fr) auto
  }
}
.workflow-bulk-form{
  display:block
}
.workflow-save-all{
  border:0;
  background:#2b0809;
  color:#fff;
  padding:12px 22px;
  font-size:9px;
  letter-spacing:.1em;
  text-transform:uppercase;
  margin-top:18px;
  display:inline-block
}
.drop-ship-choice{
  width:100%;
  border:1px solid #d8d1c8;
  background:#fff;
  padding:22px;
  margin:0 0 20px
}
.drop-ship-choice legend{
  font-size:9px;
  font-weight:700;
  letter-spacing:.12em;
  color:#74141a
}
.drop-ship-choice>p{
  font-size:12px
}
.drop-ship-radios{
  display:flex;
  gap:12px;
  flex-wrap:wrap
}
.drop-ship-radios label{
  border:1px solid #d8d1c8;
  padding:12px 14px;
  font-size:11px
}
.drop-ship-fields{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:18px
}
.drop-ship-fields[hidden]{
  display:none
}
.drop-ship-fields label{
  font-size:8px;
  font-weight:700;
  letter-spacing:.1em
}
.drop-ship-fields input{
  display:block;
  width:100%;
  padding:10px;
  border:1px solid #c9c0b6;
  margin-top:6px
}
.drop-ship-fields .wide{
  grid-column:span 2
}
@media(max-width:700px){
  .drop-ship-fields{
    grid-template-columns:1fr
  }
  .drop-ship-fields .wide{
    grid-column:auto
  }

}

/* Account security uses the retailer portal shell. */
.security-panel{max-width:760px}
.security-form{display:grid;gap:22px}
.security-form h1{font-size:28px;margin:0}
.security-form p{font-size:16px;line-height:1.6;margin:0}
.security-form label{display:grid;gap:9px;font-size:12px;letter-spacing:.08em;font-weight:700}
.security-form input{box-sizing:border-box;width:100%;min-width:0;font-family:inherit;font-size:18px;line-height:1.5;letter-spacing:normal;padding:13px 15px;border:1px solid #cbbeb4;border-radius:4px;background:#fffdf9;color:#302522}
.security-form input:focus-visible{outline:2px solid #6b0f1a;outline-offset:2px}
.security-form .button{justify-self:start;min-height:48px;font-size:16px}
.security-form>a{color:#6b0f1a}
.security-form button[value="logout"]{justify-self:start;background:transparent;color:#6b0f1a;border:0;text-decoration:underline;padding:0}
.production-item form{flex-wrap:wrap}