.handle-selection{padding:95px 5% 85px;background:#fff;color:#191b1d;scroll-margin-top:30px}
.handle-heading{max-width:1050px;margin:auto;text-align:center}
.handle-heading .eyebrow{color:#8b7460;font-size:11px;letter-spacing:2px}
.handle-heading h2{font-size:clamp(38px,5.2vw,74px);line-height:1.06;letter-spacing:-.045em}
.handle-heading h2 em{font-style:normal;color:#8a8c90}
.handle-heading>p:last-child{max-width:560px;margin:27px auto 0;color:#6d7176;font-size:16px;line-height:1.8}
.handle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:55px;row-gap:60px;max-width:1320px;margin:65px auto 0}
.handle-card{display:flex;flex-direction:column;align-items:center;min-width:0;width:100%;padding:0 5px;background:transparent;color:#202225;border:0;border-radius:0;box-shadow:none;text-align:center;touch-action:manipulation}
.handle-image{display:block;width:100%;height:auto;aspect-ratio:334/104;overflow:hidden;pointer-events:none;background:transparent}
.handle-name{display:block;margin-top:20px;font-size:16px;font-weight:550;letter-spacing:.06em;text-transform:uppercase;line-height:1.3}
.handle-wood{display:block;margin-top:7px;font-size:14px;line-height:1.5;color:#777c82}
.handle-enlarge{margin-top:15px;font-size:11px;color:#85888d;line-height:1.6}
.handle-enlarge>span{padding-left:5px;color:#9b7b58;font-size:14px}
.handle-card:hover .handle-name,.handle-card:hover .handle-enlarge{color:#97764f}
.handle-card:focus-visible{outline:2px solid #9a7c5a;outline-offset:12px}
.handle-note{max-width:680px;margin:55px auto 0;color:#85888d;font-size:12px;line-height:1.8;text-align:center}
.handle-link{display:inline-block;margin:22px 0 0;color:#c6b39a;font-size:14px;text-decoration:underline;text-underline-offset:5px}
dialog.handle-dialog{width:min(920px,calc(100% - 32px));max-width:920px;max-height:calc(100dvh - 40px);padding:60px 50px 35px;background:#fff;color:#202225;border:0;border-radius:0;overflow:auto;text-align:center}
.handle-dialog::backdrop{background:#0a0b0ed9}
.handle-close{position:absolute;right:18px;top:16px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:transparent;color:#555;font-size:28px;line-height:1}
.handle-close:focus-visible,.handle-pagination button:focus-visible{outline:2px solid #9a7c5a;outline-offset:3px}
.handle-dialog>.eyebrow{font-size:10px;letter-spacing:2px;margin:0 0 18px;color:#9b7b58}
.handle-dialog h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.035em;line-height:1.1;margin:0}
.handle-dialog #handle-wood{font-size:16px;line-height:1.6;color:#73777c;margin:13px 0 0}
.handle-large{width:100%;margin:45px auto 35px}
.handle-dialog .handle-detail-note{max-width:480px;font-size:12px;line-height:1.8;margin:0 auto 25px;color:#85888d}
.handle-pagination{display:flex;align-items:center;justify-content:center;gap:25px;margin:30px 0 0}
.handle-pagination button{min-width:44px;min-height:44px;border:0;background:transparent;font-size:22px;color:#60656a}
.handle-pagination output{font-size:11px;letter-spacing:.12em;color:#777d84;min-width:60px}
@media(max-width:1050px){.handle-grid{column-gap:30px;row-gap:50px}}
@media(max-width:640px){.handle-selection{padding:65px 6%}.handle-heading h2{font-size:clamp(35px,9.5vw,52px)}.handle-heading>p:last-child{font-size:14px;line-height:1.85;max-width:320px}.handle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 24px;margin-top:45px}.handle-card{padding:0}.handle-name{font-size:12px;margin-top:15px;letter-spacing:.035em}.handle-wood{font-size:12px;margin-top:6px}.handle-enlarge{font-size:10px;margin-top:10px}.handle-note{font-size:11px;margin-top:40px}.handle-card:focus-visible{outline-offset:7px}dialog.handle-dialog{padding:60px 22px 25px}.handle-large{margin:40px auto 28px}.handle-dialog .handle-detail-note{font-size:11px}.handle-pagination{margin-top:20px;gap:20px}}
@media(max-width:340px){.handle-grid{grid-template-columns:1fr;gap:38px}.handle-name{font-size:15px}.handle-wood{font-size:13px}}