.sample-gallery{min-width:0}.sample-gallery[id],.sample-tabs button[id]{scroll-margin-top:86px}.sample-notice{max-width:64ch;margin:0 auto 26px;text-align:center;border-top:1px solid var(--hair-soft);border-bottom:1px solid var(--hair-soft);padding:16px 14px;color:var(--ink-soft);font-size:.95rem;line-height:1.85}.sample-notice b{color:var(--ink)}.sample-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:0 0 18px}.sample-tabs button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:7px 14px;border:1px solid transparent;border-radius:6px;background:var(--hair-soft);color:var(--ink);font:600 .86rem/1.4 var(--f-en);cursor:pointer;transition:background .15s ease,color .15s ease}.sample-tabs button:first-child{font-family:var(--f-bn)}.sample-tabs button:hover{background:#d8dadf}.sample-tabs button[aria-pressed=true]{background:var(--brand-wash);color:var(--brand-deep)}.sample-gallery button:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.sample-gallery .carousel{position:relative;min-width:0}.sample-gallery .carousel-track{list-style:none;margin:0;padding:4px 2px 6px;display:flex;align-items:stretch;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.sample-gallery .carousel-track::-webkit-scrollbar{display:none}.sample-gallery .carousel-track:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.sample-gallery .carousel-item{flex:0 0 clamp(168px,20vw,226px);min-width:0;scroll-snap-align:start}.sample-card{display:block;width:100%;padding:0;border:0;background:none;font-family:var(--f-bn);text-align:center;cursor:pointer;color:inherit}.sample-shot{display:block;position:relative;overflow:hidden;border:1px solid var(--hair);border-top:3px solid var(--hair);border-radius:8px;background:var(--paper);box-shadow:0 1px 2px rgba(0,0,0,.1);transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease}.sample-shot img{display:block;width:100%;height:auto}.sample-card:focus-visible .sample-shot,.sample-card:hover .sample-shot{border-color:#b0b3b8;box-shadow:0 2px 8px rgba(0,0,0,.12);transform:translateY(-2px)}.sample-zoom{position:absolute;inset:auto 0 0 0;display:flex;justify-content:center;align-items:center;gap:6px;padding:10px 6px 7px;background:linear-gradient(0deg,rgba(28,30,33,.88),rgba(28,30,33,0));color:#fff;font-size:.74rem;font-weight:700;opacity:0;transition:opacity .18s ease}.sample-zoom svg{width:15px;height:15px}.sample-card:focus-visible .sample-zoom,.sample-card:hover .sample-zoom{opacity:1}.sample-meta{display:block;padding:9px 2px 0;line-height:1.5}.sample-meta i{display:block;font-style:normal;font-family:var(--f-ui);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.sample-meta b{display:block;color:var(--ink);font-size:.86rem}.sample-meta>span{display:block;color:var(--muted);font-size:.78rem}.samples-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 18px;margin-top:18px}.carousel-hint{margin:0;text-align:center;font-size:.82rem;color:var(--muted);line-height:1.65}.carousel-rail{position:relative;flex:1 1;max-width:180px;min-width:60px;height:3px;background:var(--hair-soft)}.carousel-rail>span{position:absolute;top:0;height:100%;background:var(--muted);transition:left .12s linear,width .12s linear}.carousel-controls{display:flex;gap:8px}.sample-gallery .carousel-arrow{position:static;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:50%;background:var(--hair-soft);color:var(--ink);cursor:pointer;transition:background .15s ease,color .15s ease,opacity .15s ease}.sample-gallery .carousel-arrow svg{width:18px;height:18px}.sample-gallery .carousel-arrow:hover:not(:disabled){background:#d8dadf}.sample-gallery .carousel-arrow:disabled{opacity:.3;cursor:default}.lightbox{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:clamp(10px,3vw,26px);background:rgba(28,30,33,.91);color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.lightbox-inner{display:flex;flex-direction:column;gap:12px;width:min(960px,100%);height:100%;min-height:0}.lightbox-bar{display:flex;align-items:center;gap:12px;flex-shrink:0}.lightbox-heading{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}.lightbox-tag{max-width:100%;padding:3px 10px;border-radius:6px;background:var(--hair-soft);color:var(--ink);font:600 .78rem/1.5 var(--f-en)}.lightbox-title{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;color:#e4e6eb}.lightbox-nav,.lightbox-x{flex-shrink:0;display:grid;place-items:center;width:44px;height:44px;padding:0;background:#3a3b3c;color:#e4e6eb;border:1px solid #4e4f50;border-radius:6px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.lightbox-x{margin-left:auto}.lightbox-nav svg,.lightbox-x svg{display:block;width:23px;height:23px}.lightbox button:hover{background:#4e4f50;border-color:#65676b}.lightbox button:focus-visible{outline:3px solid #92beff;outline-offset:4px}.lightbox-stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1 1;min-height:0;padding:0 52px}.lightbox-stage>img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 22px #0007)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:1}.lightbox-nav.prev{left:0}.lightbox-nav.next{right:0}.lightbox-note{flex-shrink:0;margin:0;color:#c4cbd6;font-size:.8rem;line-height:1.65;text-align:center}@media (max-width:700px){.sample-gallery .carousel-item{flex-basis:58vw}.sample-tabs button{padding:7px 12px}.carousel-rail{display:none}.samples-footer{gap:10px;justify-content:space-between}}@media (max-width:620px){.lightbox{padding:14px 10px max(14px,env(safe-area-inset-bottom))}.lightbox-inner{gap:10px}.lightbox-stage{padding:0}.lightbox-nav.prev{left:2px}.lightbox-nav.next{right:2px}.lightbox-note{padding:0 6px}}@media (max-width:420px){.sample-gallery .carousel-item{flex-basis:70vw}.carousel-hint{text-align:left}.carousel-hint span{display:block}}@media (hover:none){.sample-zoom{opacity:1}}@media (prefers-reduced-motion:reduce){.lightbox *,.sample-gallery *{transition:none}}