/* COMMISSIONS */
#commissions { position:relative; }
.comm-wrap { position:relative; }
.comm-fullbody-text { position:absolute; left:-72px; top:50%; transform:translateY(-50%) rotate(-90deg); font-family:'Bebas Neue',sans-serif; font-size:clamp(48px,7vw,80px); color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.1); white-space:nowrap; user-select:none; letter-spacing:.08em; pointer-events:none; z-index:0; }
.comm-notice { font-size:12px; color:var(--dim); letter-spacing:.05em; margin-bottom:32px; font-family:'DM Sans',sans-serif; font-weight:300; }
.comm-notice a { color:var(--blue); text-decoration:none; border-bottom:1px solid var(--blue2); }
.status-row { display:flex; align-items:center; gap:10px; font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:var(--dim); margin-bottom:32px; }
.sdot { width:7px; height:7px; border-radius:50%; background:#5a5; animation:blink 2s ease-in-out infinite; }
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
.comm-layout { display:grid; grid-template-columns:200px 1fr; gap:0; align-items:start; position:relative; z-index:1; }
.comm-char { position:relative; background:var(--bg3); border:1px solid var(--border); border-right:none; display:flex; align-items:flex-end; justify-content:center; overflow:hidden; min-height:0; }
.comm-char::before { content:''; position:absolute; inset:0; background:linear-gradient(to bottom,transparent 50%,var(--bg3) 100%); z-index:1; }
.comm-char-placeholder { color:var(--dim); font-size:10px; letter-spacing:.1em; text-align:center; padding:20px; z-index:2; line-height:2; }
.comm-char img { width:100%; height:100%; object-fit:cover; object-position:top; }
.comm-char-label { position:absolute; bottom:16px; left:50%; transform:translateX(-50%); font-family:'Bebas Neue',sans-serif; font-size:11px; letter-spacing:.25em; color:var(--dim); z-index:2; white-space:nowrap; }
.comm-content { display:flex; flex-direction:column; gap:2px; }
.comm-table { border:1px solid var(--border); margin-bottom:0; display:grid; grid-template-columns:1fr 1fr; }
.comm-table-col { padding:22px 24px; }
.comm-table-col:first-child { border-right:1px solid var(--border); }
.comm-col-head { font-family:'Bebas Neue',sans-serif; font-size:20px; letter-spacing:.1em; margin-bottom:16px; }
.price-row { display:flex; justify-content:space-between; font-size:11px; padding:6px 0; border-bottom:1px solid var(--border); color:var(--dim); letter-spacing:.06em; }
.price-row:last-of-type { border-bottom:none; }
.price-row .amt { color:var(--white); }
.extra-tag { background:var(--white); color:var(--bg); font-size:9px; letter-spacing:.1em; padding:5px 14px; text-align:right; font-weight:700; margin-top:10px; display:block; width:100%; font-family:'IBM Plex Mono',monospace; }
.comm-info-row { display:grid; grid-template-columns:1fr 1fr 1fr; border:1px solid var(--border); }
.comm-info-col { padding:18px 20px; border-right:1px solid var(--border); }
.comm-info-col:last-child { border-right:none; }
.comm-info-head { font-family:'Bebas Neue',sans-serif; font-size:16px; letter-spacing:.1em; margin-bottom:12px; }
.comm-info-list { list-style:none; }
.comm-info-list li { font-size:11px; color:var(--dim); padding:3px 0; letter-spacing:.04em; display:flex; align-items:center; gap:8px; }
.comm-info-list li::before { content:'—'; color:var(--dim2); flex-shrink:0; }
.cant-col .comm-info-list li::before { content:'×'; color:#663333; }
.comm-strips { display:grid; grid-template-columns:1fr 1fr 1fr; gap:2px; }
.strip { aspect-ratio:3/4; background:var(--bg3); border:1px solid var(--border); position:relative; overflow:hidden; }
.strip-label { position:absolute; top:0; left:0; background:var(--white); color:var(--bg); font-family:'Bebas Neue',sans-serif; font-size:13px; letter-spacing:.12em; padding:3px 10px; z-index:4; }
/* slide counter */
.strip-counter { position:absolute; top:0; right:0; background:rgba(0,0,0,.7); color:var(--dim); font-size:9px; letter-spacing:.1em; padding:4px 8px; z-index:4; }
/* slides container */
.strip-slides { display:flex; width:100%; height:100%; transition:transform .35s cubic-bezier(.4,0,.2,1); }
.strip-slide { min-width:100%; height:100%; flex-shrink:0; }
.strip-slide img { width:100%; height:100%; object-fit:cover; display:block; }
.strip-empty { width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:var(--dim); font-size:10px; letter-spacing:.1em; }
.strip-nav { position:absolute; inset:0; display:flex; align-items:center; justify-content:space-between; padding:0 6px; z-index:3; pointer-events:none; }
.strip-btn { background:rgba(0,0,0,.7); border:1px solid rgba(255,255,255,.1); color:var(--white); width:24px; height:24px; cursor:none; font-size:13px; display:flex; align-items:center; justify-content:center; transition:background .2s; pointer-events:all; }
.strip-btn:hover { background:rgba(59,111,255,.5); }.comm-strips { display:grid; grid-template-columns:1fr 1fr 1fr; gap:2px; }
.strip { aspect-ratio:3/4; background:var(--bg3); border:1px solid var(--border); position:relative; overflow:hidden; }
.strip-label { position:absolute; top:0; left:0; background:var(--white); color:var(--bg); font-family:'Bebas Neue',sans-serif; font-size:13px; letter-spacing:.12em; padding:3px 10px; z-index:4; }
.strip-counter { position:absolute; top:0; right:0; background:rgba(0,0,0,.7); color:var(--dim); font-size:9px; letter-spacing:.1em; padding:4px 8px; z-index:4; }
.strip-slides {
  display:flex;
  width:100%; height:100%;
  transition:transform .35s cubic-bezier(.4,0,.2,1);
  will-change:transform;
}
.strip-slide {
  flex:0 0 100%;
  width:100%; height:100%;
  overflow:hidden;
}
.strip-slide img { width:100%; height:100%; object-fit:cover; display:block; }
.strip-empty { width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:var(--dim); font-size:10px; letter-spacing:.1em; }
.strip-nav { position:absolute; inset:0; display:flex; align-items:center; justify-content:space-between; padding:0 6px; z-index:3; pointer-events:none; }
.strip-btn { background:rgba(0,0,0,.7); border:1px solid rgba(255,255,255,.1); color:#e8e8e8; width:24px; height:24px; font-size:13px; display:flex; align-items:center; justify-content:center; transition:background .2s; pointer-events:all; flex-shrink:0; }
.strip-btn:hover { background:rgba(59,111,255,.5); }
.strip-placeholder { width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:var(--dim); font-size:10px; letter-spacing:.1em; }
.binary { font-size:9px; color:var(--dim2); letter-spacing:.04em; line-height:1.7; text-align:right; margin:18px 0 0; word-break:break-all; user-select:none; }
/* FULL BODY background container */
.comm-wrap {
  position: relative;
}
.comm-fullbody-text {
  position: absolute;
  left: 5vw;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(78px, 15vw, 240px);
  color: transparent;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.315);
  white-space: nowrap;
  user-select: none;
  letter-spacing: .1em;
  pointer-events: none;
  z-index: 0;
}

.comm-fullbody-img {
  position: absolute;
  top: 0;
  left: -20px;        /* stays just left of the layout */
  width: 200px;        /* fixed column width */
  height: 100%;        /* matches the height of comm-wrap */
  object-fit:cover;
  object-position: top;
  pointer-events: none;
  z-index: 0;
  opacity: 0.95;
}