.proto-chain{--ink:var(--sj-ink);--orange:var(--sj-orange);--or-50:var(--sj-orange-50);--or-100:var(--sj-orange-100);--or-600:var(--sj-orange-600);--or-700:var(--sj-orange-700);--sun-50:var(--sj-yellow-50);--sun-100:var(--sj-yellow-100);--sun-600:var(--sj-yellow-600);--bg0:var(--sj-bg-0);--bg1:var(--sj-bg-1);--bg2:var(--sj-bg-2);--cream:var(--sj-bg-cream);--line:var(--sj-line);--line-strong:var(--sj-line-strong);--slate:var(--sj-slate);--muted:var(--sj-muted);--radius-card:14px;--radius-btn:12px;--sh-card:0 1px 2px #0e0f120a,0 8px 24px #0e0f120d;--sh-card-hover:0 14px 32px #0e0f121a;--ease:cubic-bezier(.2,.6,.2,1);--dur:.18s;background:var(--bg0);border:1px solid var(--line);box-shadow:var(--sh-card);border-radius:16px;margin:0 0 22px;padding:clamp(22px,3vh,34px) clamp(18px,2.5vw,36px);display:block}.proto-chain .pc-head{margin-bottom:clamp(20px,3vh,32px);padding-top:2px;position:relative}.proto-chain .pc-ghost{color:#0000;-webkit-text-stroke:1.5px var(--or-100);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-size:clamp(48px,7vw,104px);font-weight:700;line-height:1;position:absolute;top:4px;right:0}.proto-chain .pc-head-inner{z-index:1;flex-wrap:wrap;align-items:flex-end;gap:clamp(12px,2vw,24px);display:flex;position:relative}.proto-chain .pc-num{font-variant-numeric:tabular-nums;color:var(--or-600);margin-right:4px;font-size:clamp(26px,3vw,40px);font-weight:700;line-height:1}.proto-chain .pc-titleline{flex-wrap:wrap;align-items:center;display:flex}.proto-chain .pc-en{text-transform:uppercase;letter-spacing:.06em;color:var(--ink);font-size:clamp(18px,2vw,26px);font-weight:700;line-height:1.05}.proto-chain .pc-th{color:var(--slate);font-size:15px;font-weight:500}.proto-chain .pc-accent{background:var(--orange);border-radius:2px;width:48px;height:3px;margin-top:10px}.proto-chain .pc-head-meta{flex-wrap:wrap;align-items:center;gap:18px;margin-left:auto;display:flex}.proto-chain .pc-meta{color:var(--muted);font-size:13px;font-weight:400}.proto-chain .pc-see-all{color:var(--or-600);transition:gap var(--dur)var(--ease),color var(--dur)var(--ease);align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.proto-chain .pc-see-all svg{transition:transform var(--dur)var(--ease)}.proto-chain .pc-see-all:hover{color:var(--or-700);gap:10px}.proto-chain .pc-see-all:hover svg{transform:translate(4px)}.proto-chain .pc-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:clamp(14px,1.5vw,20px);display:grid}.proto-chain .pc-more{justify-content:center;margin-top:clamp(20px,3vh,28px);display:flex}.proto-chain .pc-card{background:var(--bg0);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--sh-card);transition:transform var(--dur)var(--ease),box-shadow var(--dur)var(--ease),border-color var(--dur)var(--ease);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.proto-chain .pc-card:before{content:"";background:var(--orange);width:28px;height:3px;transition:width var(--dur)var(--ease);z-index:5;position:absolute;top:0;left:0}.proto-chain .pc-card:hover{box-shadow:var(--sh-card-hover);border-color:var(--or-100);transform:translateY(-4px)}.proto-chain .pc-card:hover:before{width:100%}.proto-chain .pc-card:focus-visible{outline:2px solid var(--or-600);outline-offset:2px}.proto-chain .pc-tile{aspect-ratio:4/3;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.proto-chain .pc-fam-chain{background:linear-gradient(135deg,#f0f2f6d9,#fffaf18c),repeating-linear-gradient(-45deg,#3a3f4b17 0 1px,transparent 1px 18px),var(--bg2)}.proto-chain .pc-icon{z-index:3;width:clamp(40px,30%,72px);height:auto;transition:transform var(--dur)var(--ease);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.proto-chain .pc-icon svg{aspect-ratio:1;width:100%;height:auto;stroke:var(--slate);stroke-width:1.5px;fill:none;transition:stroke var(--dur)var(--ease)}.proto-chain .pc-card:hover .pc-icon{transform:translate(-50%,-58%)}.proto-chain .pc-card:hover .pc-icon svg{stroke:#fff}.proto-chain .pc-wm{color:#0e0f121c;letter-spacing:.08em;text-transform:uppercase;z-index:1;max-width:80%;font-size:11px;font-weight:700;line-height:1.2;position:absolute;bottom:8px;left:10px}.proto-chain .pc-tile:after{content:"";opacity:0;transition:opacity var(--dur)var(--ease);z-index:2;background:linear-gradient(#ff6a1a00 30%,#e5571aeb);position:absolute;inset:0}.proto-chain .pc-card:hover .pc-tile:after{opacity:1}.proto-chain .pc-cta{color:#fff;z-index:4;opacity:0;transition:transform var(--dur)var(--ease),opacity var(--dur)var(--ease);font-size:14px;font-weight:600;position:absolute;bottom:12px;left:12px;transform:translateY(8px)}.proto-chain .pc-card:hover .pc-cta{opacity:1;transform:translateY(0)}.proto-chain .pc-badge{background:var(--bg1);border:1px solid var(--line-strong);color:var(--slate);letter-spacing:.02em;z-index:4;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;top:8px;left:8px}.proto-chain .pc-tile-img{background:linear-gradient(160deg,var(--bg1),var(--bg0));justify-content:center;align-items:center;display:flex}.proto-chain .pc-tile-img:after{display:none}.proto-chain .pc-img{object-fit:contain;width:100%;height:100%;transition:transform var(--dur)var(--ease);padding:16px}.proto-chain .pc-card:hover .pc-img{transform:scale(1.06)}.proto-chain .pc-fam-mto{background:linear-gradient(135deg,#fff7dad9,#fff1e899),repeating-linear-gradient(45deg,#f0b41b1a 0 1px,transparent 1px 16px),var(--sun-50)}.proto-chain .pc-fam-fishing{background:linear-gradient(135deg,#fff1e8cc,#fff7da8c),repeating-radial-gradient(circle at 70% 30%,#c4481414 0 1px,transparent 1px 18px),var(--or-50)}.proto-chain .pc-badge.pc-oem{background:var(--sun-50);border-color:var(--sun-600);color:var(--ink)}.proto-chain .pc-body{flex-direction:column;flex:1;gap:6px;padding:14px 16px;display:flex}.proto-chain .pc-title{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:clamp(15px,1vw,16px);font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.proto-chain .pc-foot{align-items:center;gap:6px;margin-top:auto;padding-top:4px;display:flex}.proto-chain .pc-foot .pc-lbl{color:var(--slate);transition:color var(--dur)var(--ease);font-size:13px;font-weight:600}.proto-chain .pc-foot svg{stroke:var(--slate);transition:transform var(--dur)var(--ease),stroke var(--dur)var(--ease)}.proto-chain .pc-card:hover .pc-foot .pc-lbl{color:var(--or-600)}.proto-chain .pc-card:hover .pc-foot svg{stroke:var(--or-600);transform:translate(4px)}.proto-chain .pc-btn-ghost{border:1.5px solid var(--line-strong);color:var(--ink);border-radius:var(--radius-btn);transition:border-color var(--dur)var(--ease),color var(--dur)var(--ease);align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;display:inline-flex}.proto-chain .pc-btn-ghost:hover{border-color:var(--orange);color:var(--or-600)}
.proto-fastener{--ink:var(--sj-ink);--orange:var(--sj-orange);--or-50:var(--sj-orange-50);--or-100:var(--sj-orange-100);--or-600:var(--sj-orange-600);--or-700:var(--sj-orange-700);--sun-50:var(--sj-yellow-50);--sun-100:var(--sj-yellow-100);--sun-600:var(--sj-yellow-600);--bg0:var(--sj-bg-0);--bg1:var(--sj-bg-1);--bg2:var(--sj-bg-2);--cream:var(--sj-bg-cream);--line:var(--sj-line);--line-strong:var(--sj-line-strong);--slate:var(--sj-slate);--muted:var(--sj-muted);--radius-card:14px;--radius-btn:12px;--sh-card:0 1px 2px #0e0f120a,0 8px 24px #0e0f120d;--sh-card-hover:0 14px 32px #0e0f121a;--ease:cubic-bezier(.2,.6,.2,1);--dur:.18s;background:var(--bg0);border:1px solid var(--line);box-shadow:var(--sh-card);border-radius:16px;margin:0 0 22px;padding:clamp(22px,3vh,34px) clamp(18px,2.5vw,36px);display:block}.proto-fastener .pf-head{margin-bottom:clamp(20px,3vh,32px);padding-top:2px;position:relative}.proto-fastener .pf-ghost{color:#0000;-webkit-text-stroke:1.5px var(--or-100);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-size:clamp(48px,7vw,104px);font-weight:700;line-height:1;position:absolute;top:4px;right:0}.proto-fastener .pf-head-inner{z-index:1;flex-wrap:wrap;align-items:flex-end;gap:clamp(12px,2vw,24px);display:flex;position:relative}.proto-fastener .pf-num{font-variant-numeric:tabular-nums;color:var(--or-600);margin-right:4px;font-size:clamp(26px,3vw,40px);font-weight:700;line-height:1}.proto-fastener .pf-titleline{flex-wrap:wrap;align-items:center;display:flex}.proto-fastener .pf-en{text-transform:uppercase;letter-spacing:.06em;color:var(--ink);font-size:clamp(18px,2vw,26px);font-weight:700;line-height:1.05}.proto-fastener .pf-th{color:var(--slate);font-size:15px;font-weight:500}.proto-fastener .pf-accent{background:var(--orange);border-radius:2px;width:48px;height:3px;margin-top:10px}.proto-fastener .pf-head-meta{flex-wrap:wrap;align-items:center;gap:18px;margin-left:auto;display:flex}.proto-fastener .pf-meta{color:var(--muted);font-size:13px;font-weight:400}.proto-fastener .pf-see-all{color:var(--or-600);transition:gap var(--dur)var(--ease),color var(--dur)var(--ease);align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.proto-fastener .pf-see-all svg{transition:transform var(--dur)var(--ease)}.proto-fastener .pf-see-all:hover{color:var(--or-700);gap:10px}.proto-fastener .pf-see-all:hover svg{transform:translate(4px)}.proto-fastener .pf-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:clamp(14px,1.5vw,20px);display:grid}.proto-fastener .pf-more{justify-content:center;margin-top:clamp(20px,3vh,28px);display:flex}.proto-fastener .pf-card{background:var(--bg0);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--sh-card);transition:transform var(--dur)var(--ease),box-shadow var(--dur)var(--ease),border-color var(--dur)var(--ease);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.proto-fastener .pf-card:before{content:"";background:var(--orange);width:28px;height:3px;transition:width var(--dur)var(--ease);z-index:5;position:absolute;top:0;left:0}.proto-fastener .pf-card:hover{box-shadow:var(--sh-card-hover);border-color:var(--or-100);transform:translateY(-4px)}.proto-fastener .pf-card:hover:before{width:100%}.proto-fastener .pf-card:focus-visible{outline:2px solid var(--or-600);outline-offset:2px}.proto-fastener .pf-tile{aspect-ratio:4/3;border-bottom:1px solid var(--line);background:linear-gradient(160deg,var(--bg1),var(--bg0));justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.proto-fastener .pf-img{object-fit:contain;width:100%;height:100%;transition:transform var(--dur)var(--ease);padding:16px}.proto-fastener .pf-card:hover .pf-img{transform:scale(1.06)}.proto-fastener .pf-badge{background:var(--bg1);border:1px solid var(--line-strong);color:var(--slate);letter-spacing:.02em;z-index:4;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;top:8px;left:8px}.proto-fastener .pf-body{flex-direction:column;flex:1;gap:6px;padding:14px 16px;display:flex}.proto-fastener .pf-title{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:clamp(15px,1vw,16px);font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.proto-fastener .pf-foot{align-items:center;gap:6px;margin-top:auto;padding-top:4px;display:flex}.proto-fastener .pf-foot .pf-lbl{color:var(--slate);transition:color var(--dur)var(--ease);font-size:13px;font-weight:600}.proto-fastener .pf-foot svg{stroke:var(--slate);transition:transform var(--dur)var(--ease),stroke var(--dur)var(--ease)}.proto-fastener .pf-card:hover .pf-foot .pf-lbl{color:var(--or-600)}.proto-fastener .pf-card:hover .pf-foot svg{stroke:var(--or-600);transform:translate(4px)}.proto-fastener .pf-btn-ghost{border:1.5px solid var(--line-strong);color:var(--ink);border-radius:var(--radius-btn);transition:border-color var(--dur)var(--ease),color var(--dur)var(--ease);align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;display:inline-flex}.proto-fastener .pf-btn-ghost:hover{border-color:var(--orange);color:var(--or-600)}
.proto-rigging{--ink:var(--sj-ink);--orange:var(--sj-orange);--or-50:var(--sj-orange-50);--or-100:var(--sj-orange-100);--or-600:var(--sj-orange-600);--or-700:var(--sj-orange-700);--sun-50:var(--sj-yellow-50);--sun-100:var(--sj-yellow-100);--sun-600:var(--sj-yellow-600);--bg0:var(--sj-bg-0);--bg1:var(--sj-bg-1);--bg2:var(--sj-bg-2);--cream:var(--sj-bg-cream);--line:var(--sj-line);--line-strong:var(--sj-line-strong);--slate:var(--sj-slate);--muted:var(--sj-muted);--radius-card:14px;--radius-btn:12px;--sh-card:0 1px 2px #0e0f120a,0 8px 24px #0e0f120d;--sh-card-hover:0 14px 32px #0e0f121a;--ease:cubic-bezier(.2,.6,.2,1);--dur:.18s;background:var(--bg0);border:1px solid var(--line);box-shadow:var(--sh-card);border-radius:16px;margin:0 0 22px;padding:clamp(22px,3vh,34px) clamp(18px,2.5vw,36px);display:block}.proto-rigging .pr-head{margin-bottom:clamp(20px,3vh,32px);padding-top:2px;position:relative}.proto-rigging .pr-ghost{color:#0000;-webkit-text-stroke:1.5px var(--or-100);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-size:clamp(48px,7vw,104px);font-weight:700;line-height:1;position:absolute;top:4px;right:0}.proto-rigging .pr-head-inner{z-index:1;flex-wrap:wrap;align-items:flex-end;gap:clamp(12px,2vw,24px);display:flex;position:relative}.proto-rigging .pr-num{font-variant-numeric:tabular-nums;color:var(--or-600);margin-right:4px;font-size:clamp(26px,3vw,40px);font-weight:700;line-height:1}.proto-rigging .pr-titleline{flex-wrap:wrap;align-items:center;display:flex}.proto-rigging .pr-en{text-transform:uppercase;letter-spacing:.06em;color:var(--ink);font-size:clamp(18px,2vw,26px);font-weight:700;line-height:1.05}.proto-rigging .pr-th{color:var(--slate);font-size:15px;font-weight:500}.proto-rigging .pr-accent{background:var(--orange);border-radius:2px;width:48px;height:3px;margin-top:10px}.proto-rigging .pr-head-meta{flex-wrap:wrap;align-items:center;gap:18px;margin-left:auto;display:flex}.proto-rigging .pr-meta{color:var(--muted);font-size:13px;font-weight:400}.proto-rigging .pr-see-all{color:var(--or-600);transition:gap var(--dur)var(--ease),color var(--dur)var(--ease);align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.proto-rigging .pr-see-all svg{transition:transform var(--dur)var(--ease)}.proto-rigging .pr-see-all:hover{color:var(--or-700);gap:10px}.proto-rigging .pr-see-all:hover svg{transform:translate(4px)}.proto-rigging .pr-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:clamp(14px,1.5vw,20px);display:grid}.proto-rigging .pr-more{justify-content:center;margin-top:clamp(20px,3vh,28px);display:flex}.proto-rigging .pr-card{background:var(--bg0);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--sh-card);transition:transform var(--dur)var(--ease),box-shadow var(--dur)var(--ease),border-color var(--dur)var(--ease);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.proto-rigging .pr-card:before{content:"";background:var(--orange);width:28px;height:3px;transition:width var(--dur)var(--ease);z-index:5;position:absolute;top:0;left:0}.proto-rigging .pr-card:hover{box-shadow:var(--sh-card-hover);border-color:var(--or-100);transform:translateY(-4px)}.proto-rigging .pr-card:hover:before{width:100%}.proto-rigging .pr-card:focus-visible{outline:2px solid var(--or-600);outline-offset:2px}.proto-rigging .pr-tile{aspect-ratio:4/3;border-bottom:1px solid var(--line);background:linear-gradient(160deg,var(--bg1),var(--bg0));justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.proto-rigging .pr-img{object-fit:contain;width:100%;height:100%;transition:transform var(--dur)var(--ease);padding:16px}.proto-rigging .pr-card:hover .pr-img{transform:scale(1.06)}.proto-rigging .pr-badge{background:var(--bg1);border:1px solid var(--line-strong);color:var(--slate);letter-spacing:.02em;z-index:4;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;top:8px;left:8px}.proto-rigging .pr-body{flex-direction:column;flex:1;gap:6px;padding:14px 16px;display:flex}.proto-rigging .pr-title{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:clamp(15px,1vw,16px);font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.proto-rigging .pr-foot{align-items:center;gap:6px;margin-top:auto;padding-top:4px;display:flex}.proto-rigging .pr-foot .pr-lbl{color:var(--slate);transition:color var(--dur)var(--ease);font-size:13px;font-weight:600}.proto-rigging .pr-foot svg{stroke:var(--slate);transition:transform var(--dur)var(--ease),stroke var(--dur)var(--ease)}.proto-rigging .pr-card:hover .pr-foot .pr-lbl{color:var(--or-600)}.proto-rigging .pr-card:hover .pr-foot svg{stroke:var(--or-600);transform:translate(4px)}.proto-rigging .pr-btn-ghost{border:1.5px solid var(--line-strong);color:var(--ink);border-radius:var(--radius-btn);transition:border-color var(--dur)var(--ease),color var(--dur)var(--ease);align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;display:inline-flex}.proto-rigging .pr-btn-ghost:hover{border-color:var(--orange);color:var(--or-600)}
.proto-other{--ink:var(--sj-ink);--orange:var(--sj-orange);--or-50:var(--sj-orange-50);--or-100:var(--sj-orange-100);--or-600:var(--sj-orange-600);--or-700:var(--sj-orange-700);--sun-50:var(--sj-yellow-50);--sun-100:var(--sj-yellow-100);--sun-600:var(--sj-yellow-600);--bg0:var(--sj-bg-0);--bg1:var(--sj-bg-1);--bg2:var(--sj-bg-2);--cream:var(--sj-bg-cream);--line:var(--sj-line);--line-strong:var(--sj-line-strong);--slate:var(--sj-slate);--muted:var(--sj-muted);--radius-card:14px;--radius-btn:12px;--sh-card:0 1px 2px #0e0f120a,0 8px 24px #0e0f120d;--sh-card-hover:0 14px 32px #0e0f121a;--ease:cubic-bezier(.2,.6,.2,1);--dur:.18s;background:var(--bg0);border:1px solid var(--line);box-shadow:var(--sh-card);border-radius:16px;margin:0 0 22px;padding:clamp(22px,3vh,34px) clamp(18px,2.5vw,36px);display:block}.proto-other .po-head{margin-bottom:clamp(20px,3vh,32px);padding-top:2px;position:relative}.proto-other .po-ghost{color:#0000;-webkit-text-stroke:1.5px var(--or-100);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-size:clamp(48px,7vw,104px);font-weight:700;line-height:1;position:absolute;top:4px;right:0}.proto-other .po-head-inner{z-index:1;flex-wrap:wrap;align-items:flex-end;gap:clamp(12px,2vw,24px);display:flex;position:relative}.proto-other .po-num{font-variant-numeric:tabular-nums;color:var(--or-600);margin-right:4px;font-size:clamp(26px,3vw,40px);font-weight:700;line-height:1}.proto-other .po-titleline{flex-wrap:wrap;align-items:center;display:flex}.proto-other .po-en{text-transform:uppercase;letter-spacing:.06em;color:var(--ink);font-size:clamp(18px,2vw,26px);font-weight:700;line-height:1.05}.proto-other .po-th{color:var(--slate);font-size:15px;font-weight:500}.proto-other .po-accent{background:var(--orange);border-radius:2px;width:48px;height:3px;margin-top:10px}.proto-other .po-head-meta{flex-wrap:wrap;align-items:center;gap:18px;margin-left:auto;display:flex}.proto-other .po-meta{color:var(--muted);font-size:13px;font-weight:400}.proto-other .po-see-all{color:var(--or-600);transition:gap var(--dur)var(--ease),color var(--dur)var(--ease);align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.proto-other .po-see-all svg{transition:transform var(--dur)var(--ease)}.proto-other .po-see-all:hover{color:var(--or-700);gap:10px}.proto-other .po-see-all:hover svg{transform:translate(4px)}.proto-other .po-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:clamp(14px,1.5vw,20px);display:grid}.proto-other .po-more{justify-content:center;margin-top:clamp(20px,3vh,28px);display:flex}.proto-other .po-card{background:var(--bg0);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--sh-card);transition:transform var(--dur)var(--ease),box-shadow var(--dur)var(--ease),border-color var(--dur)var(--ease);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.proto-other .po-card:before{content:"";background:var(--orange);width:28px;height:3px;transition:width var(--dur)var(--ease);z-index:5;position:absolute;top:0;left:0}.proto-other .po-card:hover{box-shadow:var(--sh-card-hover);border-color:var(--or-100);transform:translateY(-4px)}.proto-other .po-card:hover:before{width:100%}.proto-other .po-card:focus-visible{outline:2px solid var(--or-600);outline-offset:2px}.proto-other .po-tile{aspect-ratio:4/3;border-bottom:1px solid var(--line);background:linear-gradient(160deg,var(--bg1),var(--bg0));justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.proto-other .po-img{object-fit:contain;width:100%;height:100%;transition:transform var(--dur)var(--ease);padding:16px}.proto-other .po-card:hover .po-img{transform:scale(1.06)}.proto-other .po-badge{background:var(--bg1);border:1px solid var(--line-strong);color:var(--slate);letter-spacing:.02em;z-index:4;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;top:8px;left:8px}.proto-other .po-body{flex-direction:column;flex:1;gap:6px;padding:14px 16px;display:flex}.proto-other .po-title{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:clamp(15px,1vw,16px);font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.proto-other .po-foot{align-items:center;gap:6px;margin-top:auto;padding-top:4px;display:flex}.proto-other .po-foot .po-lbl{color:var(--slate);transition:color var(--dur)var(--ease);font-size:13px;font-weight:600}.proto-other .po-foot svg{stroke:var(--slate);transition:transform var(--dur)var(--ease),stroke var(--dur)var(--ease)}.proto-other .po-card:hover .po-foot .po-lbl{color:var(--or-600)}.proto-other .po-card:hover .po-foot svg{stroke:var(--or-600);transform:translate(4px)}.proto-other .po-btn-ghost{border:1.5px solid var(--line-strong);color:var(--ink);border-radius:var(--radius-btn);transition:border-color var(--dur)var(--ease),color var(--dur)var(--ease);align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;display:inline-flex}.proto-other .po-btn-ghost:hover{border-color:var(--orange);color:var(--or-600)}