.sample-section{padding-top:100px;padding-bottom:100px;border-top:1px solid #d7d7d2}.sample-section h1,.sample-section h2{font-size:clamp(34px,4vw,58px);font-weight:500;letter-spacing:-.05em;line-height:1.1;max-width:860px;margin:20px 0 25px}.sample-intro{font-size:20px;line-height:1.6;max-width:760px;color:#595955;margin-bottom:42px}.sample-cards{display:grid;grid-template-columns:1fr 1fr;gap:40px}.sample-card{border-top:1px solid #222;padding-top:24px;min-width:0}.sample-cover{display:block;width:100%;aspect-ratio:1.47;object-fit:contain;background:#efefec;border:1px solid #e0e0da;padding:15px}.sample-card :is(h2,h3){font-size:30px;font-weight:500;letter-spacing:-.04em;margin:23px 0 12px}.sample-card>p{color:#595955;max-width:550px;line-height:1.6}.sample-meta{font-size:12px;letter-spacing:.025em}.sample-card-actions{display:flex;gap:22px;flex-wrap:wrap;align-items:center;margin-top:25px}.sample-card button{min-height:48px}.sample-section .button{cursor:pointer}.sample-reader{margin-top:48px;background:#f2f2ee;border:1px solid #d1d1cb;scroll-margin-top:24px;outline:0}.sample-reader[hidden]{display:none}.reader-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 26px;border-bottom:1px solid #d1d1cb}.sample-reader-title{font-size:23px;font-weight:600;margin:0}.sample-reader-area{font-size:11px;color:#666;max-width:450px;margin:8px 0 0}.sample-reader button,.sample-reader input{font:inherit}.reader-heading button{background:none;border:0;padding:8px;cursor:pointer;font-size:13px;text-decoration:underline;text-underline-offset:4px}.reader-layout{display:grid;grid-template-columns:210px minmax(0,1fr)}.sample-toc{border-right:1px solid #d1d1cb;padding:24px 16px}.sample-toc summary{font-size:13px;font-weight:600;cursor:pointer}.sample-toc-list{max-height:60vh;overflow:auto;margin-top:16px;display:flex;flex-direction:column;gap:4px}.sample-toc-list button{background:none;border:0;text-align:left;font-size:12px;line-height:1.45;padding:9px 12px;color:#65655f;cursor:pointer}.sample-toc-list button[aria-current=true]{background:#181818;color:white}.reader-content{min-width:0}.sample-toolbar{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:15px;padding:14px 20px;border-bottom:1px solid #d1d1cb;background:#fafaf7}.reader-pagination,.reader-zoom{display:flex;gap:9px;align-items:center}.sample-toolbar button{border:1px solid #bbb;background:transparent;min-width:38px;min-height:38px;padding:7px;cursor:pointer;font-size:12px}.sample-toolbar button:disabled{opacity:.3;cursor:default}.sample-page-input{width:58px;background:white;border:1px solid #bbb;padding:8px;text-align:center;font-size:12px}.sample-page-count,.sample-zoom-value{font-size:12px;color:#555;white-space:nowrap}.sample-viewport{overflow:auto;padding:18px;max-height:70vh;min-height:220px;touch-action:pan-y pinch-zoom;background:#e4e4df}.sample-page{display:block;width:100%;height:auto;max-width:100%;margin:auto;box-shadow:0 4px 15px #00000015}.sample-page.is-zoomed{max-width:none;margin:0}.reader-caption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:15px 20px;font-size:12px}.sample-status{color:#5c5c5c}.sample-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:#f2f2ee}.sample-dialog::backdrop{background:#111c}.sample-dialog .sample-reader{margin:0;min-height:100dvh;border:0}.sample-dialog .sample-viewport{max-height:calc(100dvh - 210px)}.sample-dialog .sample-toc-list{max-height:calc(100dvh - 165px)}.sample-note{font-size:12px;line-height:1.7;color:#6a6a62;max-width:880px;margin-top:30px}.sample-fallback{font-size:13px}.specification{margin-top:65px;padding-top:40px;border-top:1px solid #222;scroll-margin-top:24px}.specification>:is(h2,h3){font-size:35px;line-height:1.15;letter-spacing:-.045em;font-weight:500;margin:0 0 15px}.specification>p{max-width:850px;color:#65655f;line-height:1.6}.spec-sheet-controls{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 20px}.spec-sheet-controls button{font:inherit;font-size:13px;padding:12px 18px;border:1px solid #aaa;background:none;cursor:pointer}.spec-sheet-controls button[aria-pressed=true]{background:#161616;color:white;border-color:#161616}.spec-filter{display:flex;gap:15px;align-items:end;flex-wrap:wrap}.spec-filter label{font-size:12px;color:#666;display:grid;gap:7px}.spec-filter input,.spec-filter select{font:inherit;font-size:14px;padding:12px;border:1px solid #b8b8af;background:transparent;border-radius:0;max-width:100%;min-height:45px}.spec-filter input{width:340px}.spec-filter select{min-width:190px}.spec-count{font-size:12px;color:#5c5c5c;margin:0;padding:10px 0}.spec-group{margin-top:40px}.spec-group>:is(h3,h4){font-size:23px;font-weight:500;border-bottom:1px solid #222;padding-bottom:18px;margin-bottom:0}.spec-item{display:grid;grid-template-columns:160px minmax(0,1fr) 155px;gap:30px;padding:25px 0;border-bottom:1px solid #ddd}.spec-item[hidden],.spec-group[hidden]{display:none}.spec-images img{display:block;width:100%;height:150px;object-fit:contain;background:white}.spec-item :is(h4,h5){font-size:18px;line-height:1.35;font-weight:550;margin:0 0 14px}.spec-detail{white-space:pre-line;font-size:13px;color:#62625a;line-height:1.7}.spec-quantity{white-space:pre-line;font-size:13px;line-height:1.6;margin-top:0}.spec-links{display:flex;flex-direction:column;gap:12px;margin-top:18px}.spec-links a{font-size:12px;overflow-wrap:anywhere}.spec-empty{padding:35px;border:1px solid #ccc;color:#666}.samples-preview-brand{display:flex;align-items:center;gap:25px;border-bottom:1px solid #ddd;padding:30px 0}.samples-preview-brand img{width:70px;height:70px}.samples-preview-brand span{font-size:11px;letter-spacing:.12em}.samples-preview-nav{margin-left:auto;display:flex;gap:24px;font-size:13px}.samples-preview-footer{border-top:1px solid #ddd;padding:30px 0;font-size:13px;color:#5c5c5c}.sample-section a:focus-visible,.sample-section button:focus-visible,.sample-section input:focus-visible,.sample-section select:focus-visible,.sample-section summary:focus-visible{outline:2px solid #222;outline-offset:4px}@media(max-width:800px){.sample-section{padding-top:60px;padding-bottom:60px}.sample-cards{gap:35px;grid-template-columns:1fr}.sample-intro{font-size:17px}.sample-card :is(h2,h3){font-size:27px}.sample-cover{padding:7px}.reader-layout{display:block}.sample-toc{border-right:0;border-bottom:1px solid #ccc;padding:15px}.sample-toc-list{max-height:130px;display:grid;grid-template-columns:1fr 1fr}.sample-toolbar{padding:12px;gap:10px}.reader-heading{padding:18px}.sample-reader-title{font-size:20px}.sample-viewport{padding:8px;max-height:65vh;min-height:130px}.reader-zoom{gap:6px}.sample-dialog .sample-viewport{max-height:calc(100dvh - 340px)}.sample-dialog .sample-toc-list{max-height:90px}.spec-item{grid-template-columns:90px minmax(0,1fr);gap:18px}.spec-images img{height:95px}.spec-item .spec-order{grid-column:2}.spec-item :is(h4,h5){font-size:16px}.spec-filter label,.spec-filter input,.spec-filter select{width:100%}.specification>:is(h2,h3){font-size:30px}.samples-preview-nav{display:none}.reader-caption{padding:13px}.sample-section h1,.sample-section h2{font-size:37px}.sample-page-count{font-size:11px}}