.detail{padding:clamp(56px,10vw,120px) 0 clamp(80px,12vw,160px)}.crumb{font-family:var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-mute);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:clamp(40px,6vw,72px);font-size:11px;display:flex}.crumb a{color:var(--fg-dim);transition:color .2s}.crumb a:hover{color:var(--fg)}.crumb .sep{opacity:.5}.detail-head{max-width:860px}.detail-idx{font-family:var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-mute);margin-bottom:16px;font-size:11px}.detail-title{font-family:var(--f-display);letter-spacing:-.03em;margin:0 0 clamp(32px,5vw,56px);font-size:clamp(40px,7vw,96px);font-weight:300;line-height:.96}.detail-title em{color:var(--accent);letter-spacing:-.02em;margin-top:.2em;font-size:.6em;font-style:italic;font-weight:300;display:block}.detail-meta{flex-wrap:wrap;gap:clamp(24px,4vw,64px);display:flex}.detail-meta-item{color:var(--fg);flex-direction:column;gap:6px;font-size:14px;display:flex}.detail-meta-label{font-family:var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-mute);font-size:10px}.detail-tech{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.detail-tag{font-family:var(--f-mono);letter-spacing:.1em;color:var(--accent);background:color-mix(in oklab, var(--accent) 10%, transparent);border-radius:999px;padding:3px 8px;font-size:11px}.detail-rule{border:none;border-top:1px solid var(--rule);margin:clamp(40px,6vw,72px) 0}.detail-image{margin-bottom:clamp(32px,5vw,56px)}.detail-img{border:1px solid var(--rule);border-radius:2px;width:100%;height:auto;display:block}.detail-body{flex-direction:column;gap:1.4em;max-width:64ch;display:flex}.detail-body p{color:var(--fg-dim);text-wrap:pretty;font-size:clamp(16px,1.3vw,18px);line-height:1.75}.detail-body p:first-child:first-letter{font-family:var(--f-display);float:left;color:var(--fg);padding:6px 10px 0 0;font-size:3.4em;font-style:italic;font-weight:400;line-height:.85}.detail-links{flex-wrap:wrap;gap:12px;margin-top:clamp(40px,6vw,64px);display:flex}.detail-btn{border:1px solid var(--rule);font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg);border-radius:999px;align-items:center;gap:8px;padding:12px 20px;font-size:12px;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.detail-btn:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}.detail-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.detail-btn--primary:hover{background:var(--fg);border-color:var(--fg);color:var(--bg)}.detail-back{border-top:1px solid var(--rule);margin-top:clamp(56px,8vw,96px);padding-top:clamp(32px,4vw,48px)}.detail-back-link{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-mute);font-size:12px;transition:color .2s}.detail-back-link:hover{color:var(--fg)}