/* Real work, presented as a browsable digital index. */
.digital-section{padding:90px 0;background:#171a15;border-block:1px solid var(--line)}
.digital-section .section-head{margin-bottom:46px}.digital-section h2 em{color:var(--acid)}
.digital-studio{display:grid;grid-template-columns:270px minmax(0,1fr);border:1px solid #434a39}
.digital-index{display:flex;flex-direction:column;background:#1d2119;border-right:1px solid #434a39}
.digital-index-label{padding:24px 22px;border-bottom:1px solid #434a39}
.digital-choice{display:grid;grid-template-columns:24px minmax(0,1fr) 18px;gap:13px;align-items:center;text-align:left;background:transparent;padding:23px 21px;border-bottom:1px solid #434a39;transition:background .2s,color .2s;min-height:93px}
.digital-number{font:.75rem 'Courier New',monospace;color:var(--muted)}
.digital-choice strong{font-size:1rem;font-weight:400;line-height:1.4;display:block}
.digital-choice small{display:block;font:.6875rem/1.5 'Courier New',monospace;letter-spacing:.05em;color:var(--muted);margin-top:5px}
.digital-choice-arrow{color:var(--muted);transition:translate .2s}
.digital-choice:hover{background:#2a3023}.digital-choice:hover .digital-choice-arrow{translate:2px -2px}
.digital-choice.selected{background:var(--acid);color:var(--bg)}
.digital-choice.selected .digital-number,.digital-choice.selected small,.digital-choice.selected .digital-choice-arrow{color:#354024}
.digital-index-foot{font:.6875rem/1.6 'Courier New',monospace;letter-spacing:.08em;color:var(--muted);padding:23px 22px;margin-top:auto}
.digital-showcase{min-width:0;background:#101310}
.digital-window-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 22px;border-bottom:1px solid #434a39;font:.6875rem/1.4 'Courier New',monospace;color:var(--muted)}
.window-dots{display:flex;gap:5px}.window-dots i{width:5px;height:5px;border:1px solid #737b68;border-radius:50%}
#digital-domain{margin-right:auto;overflow-wrap:anywhere}#digital-type{font-size:.625rem;white-space:nowrap}
.digital-media{width:100%;min-width:0;background:#0c0d0d;display:flex;justify-content:center;align-items:center;overflow:hidden}
#digital-preview .digital-media{aspect-ratio:16/9}
.digital-media img{width:100%;height:100%;object-fit:contain;min-height:0;min-width:0}
.digital-media.phones{background:#dbe4d5;gap:22px;padding:25px}
.digital-media.phones img{width:auto;height:100%;max-width:43%;border-radius:18px;box-shadow:0 14px 22px #26382c38}
.digital-media.cover{background:#0e1021}
.digital-details{padding:28px 30px 32px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;border-top:1px solid #434a39}
.digital-story h3{font-size:clamp(1.6rem,2.6vw,2.8rem);font-weight:400;letter-spacing:-.055em;line-height:1.1;margin:15px 0}
.digital-story p{font-size:.875rem;color:var(--muted);line-height:1.65;max-width:370px}
.digital-story .eyebrow{font-size:.625rem;letter-spacing:.04em;line-height:1.7}
.digital-more{display:flex;flex-direction:column;justify-content:space-between;gap:25px}
#digital-features{padding:0;margin:0;list-style:none}
#digital-features li{font-size:.8125rem;line-height:1.6;padding:7px 0;border-bottom:1px solid var(--line)}
#digital-features li:first-child{padding-top:0}
#digital-features li::before{content:'↳';color:var(--acid);margin-right:12px}
.digital-actions{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center}
.digital-actions button{padding:12px 15px;background:var(--acid);color:var(--bg);font-size:.8125rem;display:flex;align-items:center;gap:22px}
.digital-actions button:hover{background:#e7ffa4}.digital-actions a{font-size:.75rem;color:var(--acid);padding:8px 0;line-height:1.5;border-bottom:1px solid #56663b}
.digital-actions a:hover{color:#e7ffa4}.digital-actions a span{margin-left:9px}
.digital-project{grid-column:span 6}
.digital-project:last-child{grid-column:span 12}
.digital-project .project-image{height:auto;aspect-ratio:16/10;background:#111410;padding:40px 23px 22px}
.digital-project .digital-media{height:100%;box-shadow:0 15px 30px #0005;border:1px solid #ffffff12}
.digital-project .digital-media.phones{padding:22px;gap:24px;background:#dbe4d5}
.digital-project:last-child .project-image{aspect-ratio:2.4/1;padding:45px 30px 28px;background:#26181c}
.digital-project:last-child .digital-media img{object-fit:contain}
.project-grid.is-filtered .digital-project{grid-column:span 6}
.project-grid.is-filtered .digital-project .project-image{height:420px;aspect-ratio:auto}
.project:hover .digital-cover img{transform:none}
.project:hover .digital-media{border-color:#ffffff45}
#dialog-gallery.gallery-phones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px;align-items:start}
#dialog-gallery.gallery-phones img{height:auto;max-height:640px;object-fit:contain;background:#e8e8e2}
.gallery-phones a{display:block}.gallery-phones a:hover{outline:1px solid var(--acid);outline-offset:3px}
.contact-info>.contact-email{display:block;font-size:clamp(1.3rem,2.4vw,2.2rem);letter-spacing:-.045em;border-bottom:1px solid var(--line);padding-bottom:8px;overflow-wrap:anywhere}
.digital-project[data-project=spacestash] .digital-media.phones,#digital-showcase[data-active-project=spacestash] .digital-media.phones{background:#ded8e7}
.demo-step-controls{padding:15px 22px;display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #434a39;background:#151812}
.demo-step-controls button{font-size:.75rem;padding:10px 13px;color:var(--ink);background:transparent;border:1px solid #434a39}
.demo-step-controls button[aria-pressed=true]{background:var(--acid);color:var(--bg);border-color:var(--acid)}
.demo-step-controls button:hover{border-color:var(--acid)}
.demo-step-note{font:.625rem/1.6 'Courier New',monospace;color:var(--muted);display:block;width:100%;margin-top:5px}
@media(max-width:1100px){
  .digital-studio{grid-template-columns:235px minmax(0,1fr)}
  .digital-choice{padding:20px 16px;gap:8px;min-height:88px}
  .digital-details{padding:25px 22px;gap:22px;grid-template-columns:1fr}
  .digital-more{flex-direction:row;align-items:end;gap:20px}
  #digital-features{flex:1}.digital-actions{max-width:155px}
  .digital-story p{max-width:none}
}
@media(max-width:760px){
  .digital-section{padding:55px 0}.digital-section .section-head{margin-bottom:30px}
  .digital-studio{display:block}
  .digital-index{border-right:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .digital-index-label{grid-column:span 2;padding:17px 16px}
  .digital-choice{padding:17px 12px;min-height:82px;grid-template-columns:18px minmax(0,1fr);gap:9px}
  .digital-choice:nth-child(even){border-right:1px solid #434a39}
  .digital-choice-arrow{display:none}.digital-choice strong{font-size:.875rem}.digital-choice small{font-size:.625rem}
  .digital-index-foot{display:none}
  .digital-window-bar{padding:13px 14px;gap:10px}#digital-type{display:none}
  #digital-preview .digital-media{aspect-ratio:16/10}
  .digital-media.phones{padding:14px;gap:14px}.digital-media.phones img{border-radius:9px}
  .digital-details{padding:25px 20px;gap:22px}.digital-story h3{font-size:2rem}
  .contact-info>.contact-email{font-size:1.8rem;width:fit-content}
  .demo-step-controls{padding:14px;gap:7px}.demo-step-controls button{padding:9px 10px}
  .digital-more{flex-direction:column;align-items:stretch;gap:22px}.digital-actions{max-width:none}
  .digital-project,.digital-project:last-child,.project-grid.is-filtered .digital-project{grid-column:span 2}
  .digital-project .project-image,.digital-project:last-child .project-image{height:360px;aspect-ratio:auto;padding:43px 15px 22px}
  .project-grid.is-filtered .digital-project .project-image{height:360px}
  #dialog-gallery.gallery-phones{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
}
@media(max-width:420px){
  .digital-project,.digital-project:last-child,.project-grid.is-filtered .digital-project{grid-column:span 1}
  .digital-project .project-image,.digital-project:last-child .project-image,.project-grid.is-filtered .digital-project .project-image{height:310px}
  .digital-details{padding:24px 17px}
  .digital-project .digital-media.phones{padding:15px;gap:14px}
  .window-dots{display:none}
}