/* ===== Work alternatives (v3) ===== */
.work-alt{padding:38px 0 8px}
.alt-intro{text-align:center;font-family:var(--hand);font-size:23px;color:var(--ink);margin-bottom:22px}
.alt-flag{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--ink);background:var(--soft);border:1px solid var(--line-2);border-radius:999px;padding:7px 15px;margin-bottom:30px}
.alt-flag span{color:var(--brand)}
/* option 01 | expanding panels */
.pw{display:flex;gap:14px;height:clamp(400px,55vh,580px)}
.pw-panel{position:relative;flex:1;min-width:0;border-radius:18px;overflow:hidden;cursor:pointer;transition:flex .55s cubic-bezier(.7,0,.2,1);box-shadow:var(--sh)}
.pw-panel.open{flex:3.6}
.pw:hover .pw-panel.open{flex:1}
.pw:hover .pw-panel:hover{flex:3.6}
.pw-ix{position:absolute;top:16px;left:18px;font-family:var(--mono);font-size:12px;font-weight:700;color:rgba(255,255,255,.85);z-index:4}
.pw-panel.pv-paper .pw-ix{color:rgba(20,19,15,.55)}
.pw-vname{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--display);font-weight:800;font-size:23px;letter-spacing:-.01em;color:#fff;white-space:nowrap;z-index:4;transition:opacity .35s;rotate:180deg}
.pw-panel.pv-paper .pw-vname{color:#14130f}
.pw-exp{position:absolute;inset:0;display:flex;flex-direction:column;padding:24px;opacity:0;transition:opacity .4s .12s;z-index:4;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.45))}
.pw-panel.pv-paper .pw-exp{background:linear-gradient(180deg,transparent 35%,rgba(255,255,255,.55))}
.pw-chrome{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;font-weight:700;color:rgba(255,255,255,.85)}
.pw-chrome i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.6)}
.pw-panel.pv-paper .pw-chrome{color:rgba(20,19,15,.6)}.pw-panel.pv-paper .pw-chrome i{background:rgba(20,19,15,.35)}
.pw-info{margin-top:auto;color:#fff}
.pw-panel.pv-paper .pw-info{color:#14130f}
.pw-info h3{font-family:var(--display);font-weight:700;font-size:clamp(26px,2.4vw,38px);line-height:1;letter-spacing:-.02em;margin:0 0 9px}
.pw-info p{font-size:15px;line-height:1.4;margin:0 0 13px;max-width:340px;opacity:.92}
.pw-tags{display:flex;gap:7px;margin-bottom:15px;flex-wrap:wrap}
.pw-tags span{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;padding:3px 9px;border-radius:6px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28)}
.pw-panel.pv-paper .pw-tags span{background:rgba(20,19,15,.08);border-color:rgba(20,19,15,.18)}
.pw-view{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:14px;color:#14202b;background:#fff;border-radius:999px;padding:10px 18px;transition:transform .2s}
.pw-view:hover{transform:translateY(-2px)}
.pw-view svg{width:15px;height:15px}
.pw-vname,.pw-exp{will-change:opacity}
.pw-panel.open .pw-vname{opacity:0}
.pw-panel.open .pw-exp{opacity:1}
.pw:hover .pw-panel.open .pw-vname{opacity:1}
.pw:hover .pw-panel.open .pw-exp{opacity:0}
.pw:hover .pw-panel:hover .pw-vname{opacity:0}
.pw:hover .pw-panel:hover .pw-exp{opacity:1}
@media(max-width:820px){.pw{flex-direction:column;height:auto;gap:14px}.pw-panel{flex:none!important;height:auto;cursor:default}.pw-vname{display:none}.pw-exp{position:relative;opacity:1!important}#work .note{display:none}}
/* option 02 | featured reel */
.fc{display:grid;grid-template-columns:1fr 296px;gap:26px;align-items:start}
.fc-stage{display:flex;flex-direction:column;gap:18px}
.fc-card{position:relative;height:clamp(300px,42vh,440px);border-radius:20px;overflow:hidden;box-shadow:var(--sh)}
.fc-card.in{animation:fcIn .55s cubic-bezier(.2,.8,.2,1)}
@keyframes fcIn{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}
.fc-chrome{position:absolute;top:0;left:0;right:0;height:44px;display:flex;align-items:center;gap:7px;padding:0 16px;background:rgba(255,255,255,.14);z-index:2}
.fc-chrome i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.5)}
.fc-url{margin-left:10px;font-family:var(--mono);font-size:12px;font-weight:700;color:rgba(255,255,255,.82);letter-spacing:.02em}
.fc-card.pv-paper .fc-chrome i{background:rgba(20,19,15,.3)}.fc-card.pv-paper .fc-url{color:rgba(20,19,15,.6)}
.fc-cover{position:absolute;inset:0;display:grid;place-items:center}
.fc-big{font-family:var(--display);font-weight:800;font-size:clamp(40px,6vw,84px);letter-spacing:-.03em;color:#fff;opacity:.96}
.fc-card.pv-paper .fc-big{color:rgba(20,19,15,.2)}
.fc-meta{display:flex;flex-direction:column;gap:9px}
.fc-meta.in{animation:fcUp .55s cubic-bezier(.2,.8,.2,1)}
@keyframes fcUp{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
.fc-ix{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--ink-faint);letter-spacing:.08em}
.fc-nm{font-family:var(--display);font-weight:700;font-size:clamp(26px,3.4vw,42px);line-height:1;letter-spacing:-.02em;margin:0;color:var(--ink)}
.fc-sub{font-size:15px;line-height:1.45;color:rgba(20,32,43,.64);margin:0;max-width:560px}
.fc-tags{display:flex;gap:8px;margin-top:2px;flex-wrap:wrap}
.fc-tags span{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--ink-faint);border:1px solid var(--line-2);border-radius:6px;padding:3px 9px}
.fc-view{align-self:flex-start;margin-top:6px;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:#fff;background:var(--ink);border-radius:999px;padding:11px 21px;transition:transform .2s,background .2s}
.fc-view:hover{background:var(--brand);transform:translateY(-2px)}.fc-view svg{width:16px;height:16px}
.fc-rail{display:flex;flex-direction:column;gap:10px}
.fc-item{position:relative;text-align:left;display:flex;flex-direction:column;gap:3px;background:var(--frame);border:1px solid var(--line-2);border-radius:13px;padding:14px 16px 17px;cursor:pointer;transition:border-color .2s,background .2s,transform .2s;overflow:hidden;font:inherit}
.fc-item:hover{border-color:rgba(20,32,43,.28);transform:translateX(3px)}
.fc-item.active{border-color:var(--brand);background:#fff}
.fc-rn{font-family:var(--display);font-weight:700;font-size:16px;color:var(--ink)}
.fc-rt{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.07em;color:var(--ink-faint)}
.fc-prog{position:absolute;left:0;bottom:0;height:3px;width:100%;background:rgba(20,32,43,.08)}
.fc-prog i{display:block;height:100%;width:0;background:var(--brand)}
@media(max-width:820px){.fc{grid-template-columns:1fr}.fc-rail{flex-direction:row;overflow-x:auto;padding-bottom:4px}.fc-item{min-width:150px;flex:none}.fc-item:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.fc-prog i{transition:none!important}.fc-card.in,.fc-meta.in{animation:none}}