:root{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#e7edf3;background:#0f1d29;
  --ink:#0b1721;--muted:#9aa9b7;--line:#314656;--paper:#152838;--accent:#4ea3d8;
  --field:#0f202e;--field-border:#3b5568;--soft:#1d3445;
}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:#0f1d29;color:#e7edf3}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:24px 34px;background:var(--ink);color:white}
.topbar h1{margin:0;font-size:28px}.topbar p{margin:4px 0 0;color:#cbd1d7}
.pill{padding:7px 11px;border:1px solid #64707c;border-radius:999px;font-size:13px}
nav{display:flex;gap:8px;padding:12px 34px;background:#102331;border-bottom:1px solid var(--line)}
button,select,input,textarea{font:inherit}
button{border:1px solid #466173;background:#183042;color:#e7edf3;border-radius:7px;padding:9px 13px;cursor:pointer}
button:hover{border-color:#77b8df;background:#1d3a4f}
button.primary{background:var(--accent);border-color:var(--accent);color:#07131b}
nav button{background:transparent;border-color:transparent;color:#aebdca}
nav button.active{background:var(--paper);border-color:var(--line);color:white}
main{max-width:1450px;margin:0 auto;padding:24px}
.tab{display:none}.tab.active{display:block}
.panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:18px;box-shadow:0 2px 10px #00000008}
.panel h2{margin:0 0 8px}.muted{color:var(--muted);font-size:14px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}
label{display:block;font-weight:650;margin:10px 0 7px}
textarea,input,select{border:1px solid var(--field-border);border-radius:7px;background:var(--field);color:#edf4fa;padding:10px}
input::placeholder,textarea::placeholder{color:#718595}
textarea{width:100%;resize:vertical}
.row{display:flex;align-items:center;gap:9px}.spread{justify-content:space-between}.grow{flex:1}
.search{min-width:260px}.hidden{display:none!important}
.empty{padding:45px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:9px;background:#102230}
.table-wrap{overflow:auto}
.order-table{width:100%;border-collapse:collapse}
.order-table th{text-align:left;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.order-table th,.order-table td{padding:12px;border-bottom:1px solid #294153;vertical-align:middle}
.slot-num{font-variant-numeric:tabular-nums;color:var(--muted)}
.front-cell{display:flex;align-items:center;gap:12px;min-width:270px}
.thumb{width:110px;height:154px;object-fit:cover;border-radius:7px;background:#0b1721;border:1px solid #466173}
.card-name{font-weight:700}.sub{font-size:12px;color:var(--muted);margin-top:3px}
.badge{display:inline-block;padding:3px 7px;border-radius:999px;background:#ece8df;font-size:11px;margin-right:4px}
.badge.good{background:#dfece5;color:#24503a}.badge.warn{background:#f8e8c9;color:#765214}
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin-top:18px}
.lib-card{border:1px solid var(--line);background:#172b3a;border-radius:10px;padding:12px;min-width:0}
.lib-card img{width:100%;aspect-ratio:63/88;object-fit:cover;border-radius:6px;background:#eee}
.lib-card h3{font-size:14px;margin:8px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lib-card p{margin:0;color:var(--muted);font-size:12px}
.modal{position:fixed;inset:0;background:#1119;display:flex;align-items:flex-start;justify-content:center;padding:5vh 20px;z-index:20}
.modal-card{width:min(1320px,100%);max-height:90vh;overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:20px;box-shadow:0 20px 60px #0009}
.printing-filters{margin-top:10px;flex-wrap:wrap}
.printing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:16px;margin-top:16px}
.printing{border:1px solid var(--line);border-radius:9px;padding:10px;background:#172b3a;cursor:pointer}
.printing:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.printing>img,.face-pair img{width:100%;aspect-ratio:63/88;object-fit:cover;border-radius:5px;background:#0b1721}
.face-pair{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-items:start}
.toast{position:fixed;right:20px;bottom:20px;max-width:560px;background:#551f1f;color:white;padding:14px 16px;border-radius:9px;box-shadow:0 10px 30px #0004;white-space:pre-wrap;z-index:30}
.back-controls{min-width:330px}.back-controls select{width:100%;margin-bottom:6px}
.back-visual{display:flex;align-items:center;gap:12px}.back-thumb{width:88px;height:123px;object-fit:cover;border-radius:6px;background:#0b1721;border:1px solid #466173;flex:0 0 auto}.back-fields{min-width:190px;flex:1}.clickable{cursor:pointer}.clickable:hover{box-shadow:0 0 0 2px var(--accent)}
.small{padding:6px 9px;font-size:12px}.danger{color:#8b2c2c}
.status-line{margin-top:14px;padding:12px;border-radius:8px;background:#1d3445;border:1px solid #31495b}
.import-actions{margin-top:10px}
.render-input{margin-top:12px}
.render-input textarea{max-width:720px}
.render-list-options{flex-wrap:wrap;margin-bottom:9px}
.render-choice{transition:border-color .15s,box-shadow .15s,background .15s}
.render-choice.selected{border-color:#5c9fbe;box-shadow:0 0 0 1px #5c9fbe55;background:#193245}
.render-pick-row{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid #304856;color:#b9d5e2;font-size:12px;font-weight:650;cursor:pointer}
.render-pick-row input{width:auto;margin:0;accent-color:#58b7d8}
.lib-card .add-library{margin-top:9px;width:100%}
.family-preview{position:relative}
.library-family .family-hero{width:100%;aspect-ratio:63/88;object-fit:cover}
.family-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:54px;padding:0;border-radius:999px;background:#0b1721cc;border-color:#6f8ea3;font-size:34px;line-height:1}
.family-prev{left:8px}.family-next{right:8px}
.family-nav:hover{background:#17384dcc;border-color:#9acff0}
.variant-counter,.face-hint{position:absolute;bottom:9px;padding:4px 8px;border-radius:999px;background:#0b1721dd;color:#e7edf3;font-size:11px}
.variant-counter{left:9px}.face-hint{right:9px}
.current-printing{display:flex;justify-content:space-between;gap:8px;margin-top:7px;font-size:12px}
.current-printing span{color:var(--muted);text-align:right}
.family-count{margin-top:4px!important}
.library-family .family-add{margin-top:10px}
.library-family .report-library{margin-top:7px;width:100%;border-color:#7a4b4b;color:#f2c0c0;background:#321f26}
.library-family .report-library:hover{border-color:#b86969;background:#47262f}
@media(max-width:850px){
 .two-col{grid-template-columns:1fr}
 main{padding:14px}.topbar{padding:18px}.topbar p{display:none}
 nav{padding:10px 14px;overflow:auto}
 .order-table thead{display:none}.order-table,.order-table tbody,.order-table tr,.order-table td{display:block}
 .order-table tr{border-bottom:1px solid var(--line);padding:10px 0}
 .order-table td{border:0;padding:5px}
}
.job-log{max-height:280px;overflow:auto;background:#171b20;color:#d8e0e7;padding:12px;border-radius:8px;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}
button:disabled{opacity:.45;cursor:not-allowed}
.top-login{white-space:nowrap}
.login-card{width:min(440px,100%)}
.login-card input{width:100%}
.login-actions{margin-top:14px}
.admin-only.hidden{display:none!important}

/* 2026-09-24 visual editor */
.brand-home{border:0;background:transparent;padding:0;text-align:left;color:inherit}
.brand-home:hover{background:transparent;border:0}
.brand-home h1{pointer-events:none}.brand-home p{pointer-events:none}

.home-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:22px;align-items:stretch;margin-bottom:18px}
.home-copy,.home-project-card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#152838,#102332);padding:34px}
.home-copy{display:flex;flex-direction:column;justify-content:center;min-height:340px}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:#80c8f2}
.home-copy h2{font-size:42px;line-height:1.04;max-width:850px;margin:10px 0 14px}
.home-copy p{font-size:17px;line-height:1.55;color:#b6c4d0;max-width:800px;margin:0}
.home-actions{margin-top:24px}.large-action{padding:12px 18px;font-weight:750}
.home-stats{margin-top:20px}
.home-project-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.project-icon{width:118px;height:118px;border-radius:50%;display:grid;place-items:center;font-size:32px;font-weight:900;background:radial-gradient(circle at 35% 30%,#5bbcf1,#244b6b 55%,#0a1822);border:1px solid #5e8299;box-shadow:0 14px 35px #0006}
.home-project-card h3{font-size:25px;margin:18px 0 7px}.home-project-card p{color:var(--muted);line-height:1.5;margin:0 0 18px}
.home-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:14px;margin-top:15px}
.home-card{border:1px solid var(--line);background:#102534;border-radius:10px;padding:8px;cursor:pointer;min-width:0}
.home-card:hover{border-color:#69b9e7;transform:translateY(-1px)}
.home-card img{width:100%;aspect-ratio:63/88;object-fit:cover;border-radius:6px}
.home-card b{display:block;font-size:12px;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-card span{font-size:11px;color:var(--muted)}

.order-editor{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}
.order-workspace{min-width:0}.order-sidebar{min-width:0}
.sticky-back-panel{position:sticky;top:14px}
.order-title-row{gap:16px}.order-title-row h2{margin-bottom:2px}
.order-actions{flex-wrap:wrap;justify-content:flex-end}
.project-view-row{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.segmented{display:inline-flex;padding:3px;background:#0d1d29;border:1px solid #365063;border-radius:9px}
.segmented button{border:0;background:transparent;padding:7px 16px}
.segmented button.active{background:#2f6180;color:#fff;box-shadow:0 1px 4px #0005}
.order-inline-panel{margin-top:15px;padding:16px;border:1px solid #365063;background:#102230;border-radius:10px}
.order-inline-panel textarea{max-width:850px}
.order-canvas{min-height:440px}
.order-canvas .empty{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:16px}
.order-canvas .empty strong{font-size:22px;color:#dce8f2}
.order-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:14px;align-items:start}
.order-card{position:relative;border:1px solid var(--line);background:#172b3a;border-radius:11px;overflow:hidden;min-width:0}
.order-card.selected-side{border-color:#5f9dc3}
.order-card-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#1e3444;border-bottom:1px solid var(--line)}
.order-slot{font-size:12px;font-weight:800;color:#bdcad4}.order-remove{padding:2px 7px;border-radius:999px;font-size:15px}
.order-image-wrap{position:relative;background:#09151d}
.order-card-image{display:block;width:100%;aspect-ratio:63/88;object-fit:cover;cursor:pointer}
.order-card-image.placeholder{background:linear-gradient(145deg,#132a39,#09151d)}
.order-face-badge{position:absolute;left:8px;bottom:8px;padding:4px 7px;border-radius:999px;background:#08141ddd;color:#e8f2f8;font-size:10px}
.order-card-body{padding:10px}
.order-card-name{font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.order-card-meta{font-size:11px;color:var(--muted);margin-top:3px}
.order-card-actions{display:flex;gap:6px;margin-top:9px}.order-card-actions button{flex:1;padding:6px 8px;font-size:11px}
.order-back-editor{margin-top:9px;display:grid;gap:6px}.order-back-editor select,.order-back-editor button{width:100%;font-size:11px;padding:7px}
.sidebar-kicker{text-transform:uppercase;letter-spacing:.08em;color:#8fa8b9;font-size:10px;font-weight:800;margin-bottom:10px}
.default-back-preview{border:1px solid var(--line);border-radius:9px;background:#0a1720;padding:8px;margin-bottom:10px;text-align:center}
.default-back-preview img{width:100%;aspect-ratio:63/88;object-fit:cover;border-radius:6px;display:block}
.default-back-preview b{display:block;margin-top:8px;font-size:13px}
.sticky-back-panel select{width:100%}.sticky-back-panel>button{width:100%;margin-top:9px}
.back-assignment-note{font-size:10px;color:#88a0b0;margin-top:5px}

.family-preview{position:relative}
.library-family .family-hero{width:100%;aspect-ratio:63/88;object-fit:cover}
.family-selector{display:grid;grid-template-columns:42px 1fr 42px;gap:8px;align-items:center;margin-top:8px}
.family-nav{position:static;transform:none;width:42px;height:38px;padding:0;border-radius:7px;background:#183042;border-color:#5a7d94;font-size:25px;line-height:1}
.family-nav:hover{background:#244b63;border-color:#9acff0}
.variant-counter{position:static;text-align:center;padding:6px 8px;border-radius:7px;background:#0b1721;color:#e7edf3;font-size:11px}
.face-hint{position:absolute;right:9px;bottom:9px;padding:4px 8px;border-radius:999px;background:#0b1721dd;color:#e7edf3;font-size:11px}
.family-prev,.family-next{left:auto;right:auto}

@media(max-width:1000px){
 .order-editor{grid-template-columns:1fr}.sticky-back-panel{position:static}
 .home-hero{grid-template-columns:1fr}.home-project-card{min-height:260px}
}
@media(max-width:700px){
 .home-copy{padding:24px}.home-copy h2{font-size:32px}
 .order-title-row,.project-view-row{align-items:flex-start;flex-direction:column}
 .order-actions{justify-content:flex-start}
 .order-card-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
}

/* Design pass 3: card-first workshop */
:root{
  --ink:#08131b;
  --paper:#101f2a;
  --soft:#162936;
  --line:#28404f;
  --accent:#58b7d8;
  --accent-strong:#76c9e8;
  --warm:#d5b17a;
  --muted:#91a5b2;
  --field:#0b1922;
  --field-border:#314a59;
}
body{
  background:
    radial-gradient(circle at 78% -10%,#15374a88 0,transparent 34%),
    radial-gradient(circle at 0 35%,#172a3380 0,transparent 28%),
    #09151d;
}
.topbar{
  padding:22px max(32px,calc((100vw - 1480px)/2));
  background:#07121aee;
  border-bottom:1px solid #1c3442;
  backdrop-filter:blur(12px);
}
.brand-home h1{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:700;
  letter-spacing:-.025em;
  font-size:30px;
}
.brand-home p{font-size:12px;letter-spacing:.04em;color:#8297a5}
.pill{border:0;background:#10232e;color:#9cb0bd;padding:7px 12px}
nav{
  padding:0 max(32px,calc((100vw - 1480px)/2));
  gap:28px;
  background:#091923cc;
  border-bottom:1px solid #213845;
}
nav button{
  position:relative;
  padding:15px 1px 13px;
  border:0;
  border-radius:0;
  background:transparent!important;
  color:#91a5b2;
}
nav button:hover{color:#d9e7ef;border:0}
nav button.active{color:#f2f7fa;border:0;background:transparent}
nav button.active::after{
  content:"";
  position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:linear-gradient(90deg,var(--warm),var(--accent));
  border-radius:999px;
}
main{max-width:1520px;padding:38px 32px 56px}

/* Home */
.home-hero{
  min-height:500px;
  grid-template-columns:minmax(0,1.08fr) minmax(500px,.92fr);
  gap:42px;
  align-items:center;
  margin-bottom:54px;
}
.home-copy,.home-project-card,.home-visual{
  border:0!important;background:transparent!important;padding:0!important;
}
.home-copy{min-height:0;justify-content:center}
.home-copy h2{
  margin:13px 0 18px;
  max-width:760px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:58px;
  line-height:.98;
  letter-spacing:-.045em;
  font-weight:700;
  text-wrap:balance;
}
.home-copy p{max-width:690px;font-size:17px;line-height:1.65;color:#a7bac6}
.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--warm)}
.home-actions{margin-top:26px}
.home-actions button{border-radius:999px;padding:11px 18px}
.home-actions .primary{box-shadow:0 8px 24px #2e89ad24}
.home-stats{margin-top:22px;font-size:12px;color:#738995}
.home-visual{
  min-height:440px;
  position:relative;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.home-visual::before{
  content:"";
  position:absolute;
  width:420px;height:420px;
  border-radius:50%;
  background:radial-gradient(circle,#4ea9cf26 0,#1d536a12 45%,transparent 68%);
  top:-10px;right:20px;
  filter:blur(2px);
}
.home-fan{
  position:absolute;
  inset:0 0 90px;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
}
.home-fan img{
  position:absolute;
  width:188px;
  aspect-ratio:63/88;
  object-fit:cover;
  border-radius:12px;
  transform-origin:50% 105%;
  transform:translateY(var(--fan-y)) rotate(var(--fan-r));
  z-index:var(--fan-z);
  box-shadow:0 22px 48px #000b,0 0 0 1px #ffffff10;
  transition:transform .3s ease;
}
.home-fan img:nth-child(3){width:202px}
.home-editor-callout{
  position:absolute;
  left:38px;right:38px;bottom:0;
  padding:18px 0 0 18px;
  border-left:2px solid #d5b17a99;
  max-width:470px;
  z-index:8;
  background:linear-gradient(90deg,#09151df2 0,#09151db8 72%,transparent);
}
.home-editor-callout h3{
  margin:5px 0 6px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:22px;
  font-weight:600;
}
.home-editor-callout p{margin:0;color:#93a8b5;font-size:13px;line-height:1.45}
.quiet-cta{
  border:0;background:transparent;padding:9px 0 0;color:#83d1ed;font-weight:750;
}
.quiet-cta:hover{border:0;background:transparent;color:white}

#tab-home .home-gallery-panel{
  background:transparent;border:0;box-shadow:none;padding:0;margin:0;
}
.home-gallery-panel>.row{border-top:1px solid #26404d;padding-top:24px}
.home-gallery-panel h2{
  font-family:Georgia,"Times New Roman",serif;
  font-size:25px;font-weight:600;
}
#homeViewAll{border:0;background:transparent;color:#9dc8dc;padding:8px 0}
#homeViewAll:hover{background:transparent;color:white;border:0}
.home-gallery{
  display:flex;
  gap:0;
  align-items:flex-start;
  overflow-x:auto;
  padding:26px 24px 34px 5px;
  margin:0;
  scrollbar-width:thin;
  scrollbar-color:#315160 transparent;
}
.home-card{
  flex:0 0 154px;
  min-width:154px;
  border:0;background:transparent;border-radius:0;padding:0;
  margin-left:-18px;
  position:relative;
  text-align:left;
  transform:translateY(calc((var(--shelf-i) % 3) * 0px));
}
.home-card:first-child{margin-left:0}
.home-card:hover{
  background:transparent;border:0;
  transform:translateY(-10px) scale(1.025);
  z-index:20;
}
.home-card img{
  width:100%;
  border-radius:10px;
  box-shadow:0 14px 28px #0009,0 0 0 1px #ffffff0d;
  transition:box-shadow .2s ease;
}
.home-card:hover img{box-shadow:0 24px 44px #000c,0 0 0 1px #88cdea55}
.home-card-caption{
  display:block;
  padding:9px 5px 0;
  opacity:.78;
  transition:opacity .2s ease;
}
.home-card:hover .home-card-caption{opacity:1}
.home-card b{font-size:11px;margin:0;color:#d8e5ec}
.home-card small{display:block;font-size:10px;color:#718996;margin-top:2px}

/* New Order: flatten the workspace */
#tab-order .panel{
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.order-editor{grid-template-columns:minmax(0,1fr) 255px;gap:34px}
.order-toolbar{padding:0 0 18px!important;margin:0!important;border-bottom:1px solid #29414f!important}
.order-toolbar h2{
  font-family:Georgia,"Times New Roman",serif;
  font-size:28px;font-weight:600;letter-spacing:-.02em
}
.order-actions button{background:transparent;border:1px solid #35505f}
.order-actions button.primary{background:#2a6e8d;border-color:#2a6e8d;color:white}
.project-view-row{border-top:0;margin-top:15px;padding-top:0}
.segmented{border:0;background:#0d1d27;padding:2px}
.segmented button{border-radius:6px}
.segmented button.active{background:#21485d;box-shadow:none}
.order-inline-panel{
  border:0;
  border-left:2px solid #4d91b0;
  border-radius:0;
  background:#0b1b24;
  padding:14px 18px;
}
.order-canvas{padding:22px 0 0!important;margin:0!important;min-height:480px}
.order-canvas .empty{
  border:0;
  background:transparent;
  min-height:360px;
}
.order-card-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:24px 18px}
.order-card{
  border:0;
  background:transparent;
  border-radius:0;
  overflow:visible;
}
.order-card-head{
  background:transparent;border:0;padding:0 2px 7px;
}
.order-slot{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#6f8795}
.order-remove{
  border:0;background:transparent;color:#8c6262;padding:0 3px;font-size:16px
}
.order-remove:hover{background:transparent;border:0;color:#ed8c8c}
.order-image-wrap{
  border-radius:11px;
  overflow:hidden;
  background:#07131b;
  box-shadow:0 12px 26px #0008,0 0 0 1px #ffffff0d;
}
.order-card-image{transition:transform .18s ease}
.order-card:hover .order-card-image{transform:scale(1.01)}
.order-card-body{padding:10px 3px 0}
.order-card-name{font-size:13px}
.order-card-meta{font-size:10px}
.order-card-actions button{
  border:0;background:transparent;color:#8fbbd0;text-align:left;padding:4px 0
}
.order-card-actions button:hover{border:0;background:transparent;color:white}
.order-card-actions .duplicate{text-align:right}
.order-face-badge{font-size:9px;background:#06121ad9}

.order-sidebar{border-left:1px solid #29414f;padding-left:22px}
.sticky-back-panel{padding:0!important;margin:0!important}
.sidebar-kicker{color:#8ba1ae;letter-spacing:.15em}
.default-back-preview{
  border:0;background:transparent;padding:0;margin:0 0 12px
}
.default-back-preview img{
  border-radius:11px;
  box-shadow:0 14px 30px #000a,0 0 0 1px #ffffff0c
}
.default-back-preview b{font-size:11px;color:#bdcbd3;font-weight:650}
.sticky-back-panel select{
  border:0;border-bottom:1px solid #35505f;border-radius:0;background:transparent;padding:9px 2px
}
.sticky-back-panel>button{
  background:transparent;border:0;border-top:1px solid #29414f;border-radius:0;margin-top:14px;color:#8fc6dd
}
.sticky-back-panel>button:hover{background:transparent;border-color:#456a7c;color:white}

/* Library: catalog, not dashboard */
#tab-library>.panel,#tab-backs>.panel{
  background:transparent;border:0;box-shadow:none;padding:0;
}
#tab-library>.panel>.row:first-child,#tab-backs>.panel>h2{
  margin-bottom:18px;
}
#tab-library h2,#tab-backs h2{
  font-family:Georgia,"Times New Roman",serif;
  font-size:28px;font-weight:600
}
#libraryGrid.card-grid{
  grid-template-columns:repeat(auto-fill,minmax(190px,1fr));
  gap:28px 20px;
}
.library-family{
  border:0;background:transparent;border-radius:0;padding:0
}
.library-family .family-hero{
  border-radius:10px;
  box-shadow:0 12px 28px #0009,0 0 0 1px #ffffff0e
}
.lib-card h3{margin-top:10px}
.family-selector{margin-top:9px;grid-template-columns:36px 1fr 36px}
.family-nav{
  width:36px;height:32px;border:0;background:transparent;color:#8ebbd0;font-size:21px
}
.family-nav:hover{background:transparent;border:0;color:white}
.variant-counter{
  padding:5px 7px;background:transparent;border-top:1px solid #29414f;border-bottom:1px solid #29414f;border-radius:0;color:#9fb0ba
}
.current-printing{padding:0 2px}
.family-count{font-size:10px!important;color:#718997!important;margin-top:6px!important}
.library-family .family-add{
  background:transparent;border:0;border-top:1px solid #29414f;border-radius:0;padding:8px 0;text-align:left;color:#85bdd5
}
.library-family .family-add:hover{background:transparent;border-color:#4c7386;color:white}
.library-family .report-library{
  background:transparent;border:0;padding:5px 0;text-align:left;color:#9c6d6d
}
.library-family .report-library:hover{background:transparent;border:0;color:#e49a9a}
.face-hint{font-size:9px}

/* quieter generic controls */
button{transition:background .15s,border-color .15s,color .15s,transform .15s}
button.primary{background:#4baed2;border-color:#4baed2;color:#07131b;font-weight:700}
input,textarea,select{background:#0a1720;border-color:#304856}

/* Responsive */
@media(max-width:1120px){
  .home-hero{grid-template-columns:1fr;min-height:0}
  .home-visual{min-height:430px}
  .order-editor{grid-template-columns:1fr}
  .order-sidebar{border-left:0;border-top:1px solid #29414f;padding:22px 0 0}
}
@media(max-width:760px){
  main{padding:26px 16px 42px}
  .topbar{padding:18px 16px}
  nav{padding:0 16px;gap:20px;overflow:auto}
  .home-copy h2{font-size:42px}
  .home-fan img{width:145px}
  .home-fan img:nth-child(3){width:158px}
  .home-visual{min-height:365px}
  .home-editor-callout{left:10px;right:10px}
}

/* Design pass 3.1: scale, rhythm, interaction */
.order-editor{grid-template-columns:minmax(0,1fr) 275px}
.order-card-grid{
  grid-template-columns:repeat(auto-fill,minmax(220px,235px));
  gap:30px 22px;
  justify-content:start;
}
.order-card-name{font-size:14px;letter-spacing:.005em}
.order-card-meta{font-size:10.5px;margin-top:4px}
.order-card-actions{margin-top:10px}
#libraryGrid.card-grid{
  grid-template-columns:repeat(auto-fill,minmax(225px,245px));
  justify-content:start;
  gap:34px 24px;
}
.library-family h3{font-size:15px;letter-spacing:.005em}
.current-printing{font-size:11px;margin-top:9px}
.family-selector{margin:10px 0 8px;min-height:32px}
.family-selector-placeholder{visibility:hidden;pointer-events:none}
.library-family h3{height:22px;line-height:22px;margin-bottom:0}
.library-family .current-printing{min-height:18px;align-items:center}
.home-gallery{padding-top:30px}
.home-card{flex-basis:164px;min-width:164px;margin-left:-20px}
.home-card-caption{padding-top:11px}
.home-card b{font-size:11.5px}
.order-toolbar{padding-bottom:20px!important}
.project-view-row{margin-top:17px}
.order-sidebar{padding-left:26px}
.default-back-preview img{max-height:390px;object-fit:cover}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid #78c8e6;
  outline-offset:2px;
}
.order-card-image:focus-visible,.family-hero:focus-visible{
  outline:2px solid #78c8e6;
  outline-offset:3px;
}
@media(max-width:1000px){
  .order-card-grid{grid-template-columns:repeat(auto-fill,minmax(205px,225px))}
}
@media(max-width:620px){
  .order-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
  #libraryGrid.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
}

/* Order destination feedback */
.nav-count{
  display:inline-grid;
  place-items:center;
  min-width:20px;height:20px;
  margin-left:5px;
  padding:0 6px;
  border-radius:999px;
  background:#173547;
  color:#c7e7f4;
  font-size:10px;
  font-weight:800;
  vertical-align:middle;
}
nav button.active .nav-count{
  background:#d5b17a;
  color:#17202a;
}
.order-feedback{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:40;
  display:flex;
  align-items:center;
  gap:18px;
  min-width:340px;
  max-width:min(520px,calc(100vw - 32px));
  padding:14px 16px 14px 18px;
  background:#0d1d27f2;
  border-left:3px solid #d5b17a;
  box-shadow:0 18px 42px #000b;
  backdrop-filter:blur(12px);
}
.order-feedback>div{display:grid;gap:3px;min-width:0}
.order-feedback strong{
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  font-weight:600;
}
.order-feedback span{
  color:#91a5b2;
  font-size:12px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.order-feedback button{
  margin-left:auto;
  border:0;
  background:transparent;
  color:#83d1ed;
  white-space:nowrap;
  padding:6px 0;
  font-weight:750;
}
.order-feedback button:hover{border:0;background:transparent;color:white}
.library-family .family-add.added{
  color:#bfe2c9;
  border-color:#4d7d5d;
}
@media(max-width:620px){
  .order-feedback{right:16px;left:16px;bottom:16px;min-width:0}
}

/* Card Back catalog */
.backs-intro{max-width:760px;margin-bottom:28px}
.backs-intro h2{
  font-family:Georgia,"Times New Roman",serif;
  font-size:34px;
  font-weight:600;
  letter-spacing:-.02em;
  margin:6px 0 7px!important;
}
.backs-intro p{font-size:15px;line-height:1.55;max-width:680px}
#tab-backs .admin-only{margin:0 0 26px;padding:14px 0;border-top:1px solid #29414f;border-bottom:1px solid #29414f}
#backGrid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(220px,250px));
  gap:34px 26px;
  align-items:start;
}
.back-option{background:transparent;min-width:0}
.back-option img{
  width:100%;
  aspect-ratio:63/88;
  object-fit:cover;
  display:block;
  border-radius:12px;
  box-shadow:0 14px 30px #000a,0 0 0 1px #ffffff0d;
}
.back-option.active img{
  box-shadow:0 14px 32px #000b,0 0 0 2px #d5b17a99;
}
.back-option-meta{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-top:11px;
  padding:0 2px;
}
.back-option-meta h3{font-size:14px;margin:0 0 3px}
.back-option-meta span{font-size:10px;color:#718997}
.use-back{
  flex:0 0 auto;
  border:0;
  background:transparent;
  color:#85bdd5;
  padding:5px 0;
  font-size:11px;
}
.use-back:hover{border:0;background:transparent;color:white}
.use-back.active{color:#d5b17a}
@media(max-width:620px){
  #backGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}
  .back-option-meta{align-items:flex-start;flex-direction:column;gap:5px}
}

/* Printing picker: visual catalog */
.modal{
  background:#02080dcc;
  backdrop-filter:blur(10px);
  padding:4vh 24px;
}
.modal-card{
  width:min(1380px,100%);
  background:#0b1821;
  border:1px solid #29414f;
  border-radius:16px;
  box-shadow:0 30px 80px #000d;
}
.modal-card>div:first-child h2{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:600;
  font-size:26px;
}
.printing-grid{
  grid-template-columns:repeat(auto-fill,minmax(185px,210px));
  justify-content:start;
  gap:28px 20px;
}
.printing{
  border:0;
  background:transparent;
  padding:0;
  border-radius:0;
}
.printing:hover{
  border:0;
  box-shadow:none;
  transform:translateY(-4px);
}
.printing>img,.printing .face-pair{
  box-shadow:0 12px 28px #000a,0 0 0 1px #ffffff0d;
  border-radius:10px;
  overflow:hidden;
}
.printing .card-name{
  margin-top:10px;
  font-size:13px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.printing .sub{font-size:10px;margin:3px 0 5px}
.printing .badge{
  background:transparent;
  border:0;
  padding:0;
  margin-right:8px;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#748d9b;
}
.printing .badge.good{color:#83b993}
.printing .badge.warn{color:#c9a46f}
.printing-filters{
  margin:14px 0 20px;
  padding-bottom:14px;
  border-bottom:1px solid #29414f;
}

/* Library action + incremental loading */
.library-family .family-add{
  display:block;
  width:100%;
  margin-top:11px;
  padding:9px 12px;
  border:1px solid #3d7088;
  border-radius:8px;
  background:#123044;
  color:#d9f2fc;
  text-align:center;
  font-size:12px;
  font-weight:750;
}
.library-family .family-add:hover{
  border-color:#6fc0df;
  background:#194158;
  color:#fff;
}
.library-family .family-add.added{
  background:#183b2a;
  border-color:#4f8461;
  color:#c9ead3;
}
.library-more-wrap{
  display:flex;
  justify-content:center;
  padding:34px 0 8px;
}
#libraryLoadMore{
  min-width:150px;
  border-radius:999px;
  background:transparent;
  border:1px solid #355565;
  color:#9dc8dc;
}
#libraryLoadMore:hover{border-color:#67abc8;color:white;background:#102632}

.library-more-wrap{
  position:relative;
  z-index:5;
  isolation:isolate;
}
#libraryLoadMore{
  position:relative;
  z-index:6;
  touch-action:manipulation;
}

/* Mobile-safe Library pagination boundary */
#libraryGrid{
  position:relative;
  z-index:1;
  overflow:clip;
  padding-bottom:2px;
}
.library-more-wrap{
  position:relative;
  z-index:20;
  isolation:isolate;
  margin-top:18px;
  padding:26px 0 10px;
  background:linear-gradient(180deg,transparent 0,#09151d 30%);
}
#libraryLoadMore{
  position:relative;
  z-index:21;
  touch-action:manipulation;
}

.library-sentinel{
  width:100%;
  height:1px;
  pointer-events:none;
}
@media(max-width:760px){
  .library-sentinel{height:28px}
  .library-more-wrap{display:none}
}

/* 2026-09-25 DFC flip controls */
.render-face-preview{position:relative}
.render-face-preview .render-face-image{display:block;width:100%;aspect-ratio:63/88;object-fit:cover;border-radius:6px}
.face-flip{position:absolute;left:10px;top:50%;transform:translateY(-50%);z-index:3;width:38px;height:38px;padding:0;border-radius:9px;border:1px solid #d9edf799;background:#0b1721d9;color:#fff;font-size:22px;line-height:1;display:grid;place-items:center;box-shadow:0 5px 18px #0008;backdrop-filter:blur(4px)}
.face-flip:hover{background:#17384def;border-color:#fff;color:#fff}

/* 2026-09-25 visible printing scope */
#tab-render>.panel>.row{flex-wrap:wrap}
.render-printing-scope{display:flex;align-items:center;gap:8px;padding:5px 7px;border:1px solid #3d5b6c;border-radius:9px;background:#0d1d29}
.render-printing-scope label{margin:0;color:#d8e8f0;font-size:12px;font-weight:750}
.render-printing-scope select{min-width:210px;padding:8px 10px}
.render-list-note{margin:0 0 7px}

/* 2026-09-25 Playtest Press brand system */
:root{
  --ink:#080B09;--paper:#0D120F;--soft:#121A15;--line:#26302A;
  --accent:#217A45;--accent-strong:#3B9F5D;--deep-green:#103A24;
  --green-hi:#33A25B;--green-mid:#207844;--green-lo:#12532F;--warm:#B68A4C;
  --muted:#929B94;--field:#0A0F0C;--field-border:#303A33;
}
html{color-scheme:dark}
body{background:radial-gradient(circle at 78% -10%,#10321D55 0,transparent 34%),radial-gradient(circle at 0 35%,#16261A60 0,transparent 28%),var(--ink);color:#E8ECE8}
.topbar{background:#090D0AF2;border-bottom-color:#202A23}
.brand-home{display:flex;align-items:center}
.brand-lockup{display:flex;align-items:center;gap:12px}
.brand-mark{display:block;width:38px;height:38px;flex:0 0 auto}
.brand-copy{display:block;text-align:left}
.brand-home h1{color:#E8ECE8}
.brand-home p{color:var(--muted)}
.pill{background:#151D17;color:#AAB4AC}
nav{background:#0B100CEB;border-bottom-color:#202A23}
nav button{color:#95A096}
nav button:hover{color:#E8ECE8}
nav button.active{color:#F0F3F0}
nav button.active::after{background:var(--warm)}
nav button.active::before{content:none}
button{border-color:#3A463D;background:#151D17;color:#E8ECE8}
button:hover{border-color:#55705D;background:#1A261D}
button.primary{background:var(--accent);border-color:var(--accent);color:#081009;box-shadow:none}
input,textarea,select{background:var(--field);border-color:var(--field-border);color:#E8ECE8}
input::placeholder,textarea::placeholder{color:#69746B}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.order-card-image:focus-visible,.family-hero:focus-visible{outline-color:var(--accent)}
.eyebrow{color:var(--warm)}
.home-copy p{color:#A9B2AA}
.home-actions .primary{box-shadow:0 8px 24px #315F3D22}
.home-stats{color:#748078}
.home-visual::before{background:radial-gradient(circle,#65B87A1F 0,#315F3D10 45%,transparent 68%)}
.home-editor-callout{border-left-color:#C6A15B99;background:linear-gradient(90deg,#090D0AF2 0,#090D0AB8 72%,transparent)}
.home-editor-callout p{color:#9DA79F}
.quiet-cta,#homeViewAll{color:#79C58B}
.quiet-cta:hover,#homeViewAll:hover{color:#E8ECE8}
.home-gallery-panel>.row{border-top-color:var(--line)}
.home-card:hover img{box-shadow:0 24px 44px #000c,0 0 0 1px #65B87A66}
.home-card b{color:#DCE2DD}
.home-card small{color:#7E8980}
.order-toolbar{border-bottom-color:var(--line)!important}
.order-actions button{border-color:#3A463D}
.order-actions button.primary{background:var(--accent);border-color:var(--accent);color:#081009}
.segmented{background:#0D130E}
.segmented button.active{background:var(--deep-green,#23492F);color:#F0F3F0}
.order-inline-panel{border-left-color:var(--accent);background:#0D140F}
.order-sidebar{border-left-color:var(--line)}
.sidebar-kicker{color:#8E9990}
.sticky-back-panel select{border-bottom-color:#3A463D}
.sticky-back-panel>button,.order-card-actions button{color:#77C189}
.sticky-back-panel>button:hover,.order-card-actions button:hover{color:#E8ECE8}
.order-card.selected-side{border-color:var(--accent)}
.order-slot{color:#879188}
.variant-counter{border-color:var(--line);color:#A4AEA6}
.family-nav{color:#77C189}
.family-nav:hover{color:#E8ECE8}
.library-family .family-add{border-color:#43734E;background:#17331E;color:#DDF1E1}
.library-family .family-add:hover{border-color:#65B87A;background:#21462B;color:#F2F6F2}
.library-family .family-add.added{background:#1B3B25;border-color:#65B87A;color:#DDF1E1}
#libraryLoadMore{border-color:#3A5140;color:#8BCE9A}
#libraryLoadMore:hover{border-color:#65B87A;color:#F2F6F2;background:#142218}
.library-more-wrap{background:linear-gradient(180deg,transparent 0,#090D0A 30%)}
.nav-count{background:#17331E;color:#CFE8D4}
nav button.active .nav-count{background:var(--warm);color:#17140E}
.order-feedback{background:#0D140FF2;border-left-color:var(--warm)}
.order-feedback span{color:var(--muted)}
.order-feedback button{color:#79C58B}
.order-feedback button:hover{color:#E8ECE8}
.back-option.active img{box-shadow:0 14px 32px #000b,0 0 0 2px #65B87A99}
.back-option-meta span{color:#7E8980}
.use-back{color:#77C189}
.use-back.active{color:var(--accent)}
.modal{background:#020503D9}
.modal-card{background:#0D140F;border-color:var(--line)}
.printing-filters{border-bottom-color:var(--line)}
.printing .badge.good{color:#83C592}
.printing .badge.warn{color:var(--warm)}
.render-choice{background:var(--soft);border-color:var(--line)}
.render-choice.selected{border-color:var(--accent);box-shadow:0 0 0 1px #65B87A55;background:#17331E}
.render-pick-row{border-top-color:var(--line);color:#C0CBC2}
.render-pick-row input{accent-color:var(--accent)}
.status-line{background:var(--soft);border-color:var(--line)}
.job-log{background:#080B09;color:#DCE2DD}
.face-flip{border-color:#65B87A99;background:#0C120DDE}
.face-flip:hover{background:#23492FEF;border-color:#9AD8A7}
.render-printing-scope{border-color:#3A5140;background:#0D140F}
.render-printing-scope label{color:#DCE2DD}
.default-back-preview b{color:#C7CEC8}
.back-assignment-note{color:#879188}
.empty{background:#0D140F;border-color:var(--line)}
.modal-card,.panel{border-color:var(--line)}
@media(max-width:850px){.brand-mark{width:34px;height:34px}.brand-lockup{gap:9px}}

.order-image-wrap,.printing>img,.face-pair img{background:var(--ink)}
.order-card-image.placeholder{background:linear-gradient(145deg,#152019,#090D0A)}
.order-face-badge,.face-hint{background:#090D0ADD;color:#E8ECE8}
.thumb,.back-thumb{background:var(--ink);border-color:#3A463D}

/* 2026-09-25 Playtest Press refinement: bottle green + bronze navigation */
button.primary,
.order-actions button.primary{
  background:
    radial-gradient(140% 180% at 18% 0%,#347A4E80 0%,#347A4E00 48%),
    linear-gradient(180deg,#215F3C 0%,#174F32 52%,#0E3D27 100%);
  border-color:#2A6D45;
  color:#F1F2EC;
  box-shadow:inset 0 0 0 1px #FFFFFF08,inset 0 -10px 18px #06170E2E,0 7px 18px #00000042;
}
button.primary:hover,
.order-actions button.primary:hover{
  background:
    radial-gradient(140% 180% at 18% 0%,#3C885780 0%,#3C885700 48%),
    linear-gradient(180deg,#286C44 0%,#1A5736 52%,#10442A 100%);
  border-color:#347A4E;
  color:#FAFAF6;
}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,
.order-card-image:focus-visible,.family-hero:focus-visible{outline-color:var(--accent-strong)}
.home-actions .primary{box-shadow:inset 0 1px 0 #FFFFFF18,0 9px 24px #0A2D194D}
.home-visual::before{background:radial-gradient(circle,#217A4524 0,#103A2412 45%,transparent 68%)}
.quiet-cta,#homeViewAll,.sticky-back-panel>button,.order-card-actions button,.family-nav,.use-back,.order-feedback button{color:#4FA66B}
.quiet-cta:hover,#homeViewAll:hover,.sticky-back-panel>button:hover,.order-card-actions button:hover,.family-nav:hover,.order-feedback button:hover{color:#E8ECE8}
.home-card:hover img{box-shadow:0 24px 44px #000c,0 0 0 1px #217A456B}
.order-card.selected-side{border-color:var(--accent-strong)}
.segmented button.active{background:linear-gradient(180deg,#17472B,#103A24);color:#F0F3F0}
.library-family .family-add{
  border-color:#285E3A;
  background:linear-gradient(180deg,#19472B,#12371F);
  color:#D8E6DB;
}
.library-family .family-add:hover{
  border-color:#3B9F5D;
  background:linear-gradient(180deg,#205B36,#164427);
  color:#F2F6F2;
}
.library-family .family-add.added{background:#173A24;border-color:#2E7E49;color:#D8E6DB}
#libraryLoadMore{border-color:#314C3A;color:#4FA66B}
#libraryLoadMore:hover{border-color:#3B9F5D;color:#E8ECE8;background:#101B14}
.back-option.active img{box-shadow:0 14px 32px #000b,0 0 0 2px #217A45A0}
.use-back.active{color:#3F9C60}
.render-choice.selected{border-color:#2D8B51;box-shadow:0 0 0 1px #217A4555;background:#12331F}
.render-pick-row input{accent-color:#217A45}
.printing .badge.good{color:#4FA66B}
.face-flip{border-color:#2D8B5199;background:#0A0F0CDE}
.face-flip:hover{background:#103A24EF;border-color:#3B9F5D}

/* Hero typography and velvet-green depth */
.home-actions button{
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  font-weight:600;
  letter-spacing:.005em;
  color:#F1F2EC;
}
.home-actions .primary{
  color:#F5F3E9!important;
  background:
    radial-gradient(150% 185% at 18% 2%,#3B825480 0%,#3B825400 50%),
    linear-gradient(180deg,#225F3D 0%,#164D31 54%,#0D3B26 100%);
  border-color:#2B6944;
  box-shadow:inset 0 0 0 1px #FFFFFF07,inset 0 -12px 22px #05140C35,0 10px 24px #06160D55;
}
.home-actions .primary:hover{
  background:
    radial-gradient(150% 185% at 18% 2%,#438E5C80 0%,#438E5C00 50%),
    linear-gradient(180deg,#296B45 0%,#195536 54%,#104229 100%);
  border-color:#397D50;
  color:#FFFFFF!important;
}
.home-actions .large-action:not(.primary){
  background:#101612;
  border-color:#344039;
  color:#EEEFEA;
}
.home-actions .large-action:not(.primary):hover{
  background:#141D17;
  border-color:#46554B;
  color:#FFFFFF;
}

/* Editorial callout: ivory copy, bronze cue */
.home-editor-callout .quiet-cta{
  color:#EEEFE8;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:600;
}
.home-editor-callout .quiet-cta-arrow{
  display:inline-block;
  margin-left:4px;
  color:inherit;
  transition:transform .15s ease;
}
.home-editor-callout .quiet-cta:hover{color:#FFFFFF}
.home-editor-callout .quiet-cta:hover .quiet-cta-arrow{
  color:var(--warm);
  transform:translateX(2px);
}

/* Browser-safe editorial arrow hover */
.home-editor-callout .quiet-cta{
  -webkit-appearance:none;
  appearance:none;
}
.home-editor-callout .quiet-cta-arrow{
  color:#EEEFE8;
  -webkit-text-fill-color:#EEEFE8;
  transition:color .15s ease,-webkit-text-fill-color .15s ease,transform .15s ease;
}
.home-editor-callout .quiet-cta:hover .quiet-cta-arrow{
  color:#B68A4C!important;
  -webkit-text-fill-color:#B68A4C!important;
  transform:translateX(3px);
}

/* Inline SVG arrow: reliable bronze hover */
.home-editor-callout .quiet-cta-arrow-icon{
  width:28px;
  height:18px;
  margin-left:6px;
  vertical-align:-3px;
  overflow:visible;
  fill:none;
  stroke:#EEEFE8;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:stroke .15s ease,transform .15s ease;
}
#homeJumpEditor:hover .quiet-cta-arrow-icon{
  stroke:#B68A4C;
  transform:translateX(3px);
}

/* Playtest Press production mark */
.brand-mark{
  width:46px;
  height:46px;
  object-fit:contain;
}
@media(max-width:850px){
  .brand-mark{width:40px;height:40px}
}