
.nb-gallery{background:#ecf0f2}.nb-gallery-intro{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:40px;margin:54px 0 34px}.nb-gallery-intro h2{font-size:clamp(47px,6vw,88px);line-height:1.02;letter-spacing:-.065em;margin:14px 0 0}.nb-kicker{font-size:11px;letter-spacing:.23em;font-weight:800;color:#149dcc}.nb-gallery-intro p{color:#56646e;line-height:1.85;font-size:16px}.nb-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.nb-filter button{border:1px solid #c6d0d6;background:#fff;padding:12px 17px;font-size:11px;letter-spacing:.05em;font-weight:800;cursor:pointer}.nb-filter button.active,.nb-filter button:hover{background:#149dcc;color:white;border-color:#149dcc}.nb-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.nb-gallery-item{padding:0;background:#fff;border:0;text-align:left;cursor:pointer;min-width:0;box-shadow:0 12px 40px #1123340c;transition:transform .3s,box-shadow .3s}.nb-gallery-item:hover{transform:translateY(-6px);box-shadow:0 20px 55px #11233421}.nb-gallery-item[hidden]{display:none}.nb-gallery-visual{position:relative;display:block;aspect-ratio:1.25;overflow:hidden;background:#1b2b38}.nb-gallery-visual img,.nb-gallery-visual video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.nb-gallery-item:hover img{transform:scale(1.07)}.nb-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #fff8;border-radius:50%;width:70px;height:70px;display:grid;place-items:center;color:white;background:#149dccbd;font-size:21px}.nb-gallery-caption{padding:22px 24px 24px;min-height:132px;display:block;position:relative}.nb-gallery-caption small{display:block;color:#149dcc;font-size:10px;letter-spacing:.1em;font-weight:800;margin-bottom:12px}.nb-gallery-caption strong{display:block;font-size:20px;letter-spacing:-.025em;line-height:1.3;padding-right:28px}.nb-arrow{position:absolute;right:22px;bottom:21px;font-size:25px;color:#149dcc}.nb-viewer[hidden]{display:none}.nb-viewer{position:fixed;inset:0;z-index:25000;display:grid;place-items:center;padding:20px}.nb-viewer-bg{position:absolute;inset:0;background:#06131bf2;backdrop-filter:blur(12px)}.nb-viewer-content{position:relative;z-index:1;max-width:1100px;width:100%;max-height:95vh;display:flex;flex-direction:column;background:#101e29;border:1px solid #ffffff24;color:white;box-shadow:0 30px 90px #0007}.nb-viewer-close{position:absolute;right:12px;top:12px;z-index:2;width:44px;height:44px;border:0;background:#149dcc;color:white;font-size:29px;cursor:pointer}.nb-viewer #nbViewerMedia{min-height:200px;overflow:hidden;display:grid;place-items:center}.nb-viewer #nbViewerMedia img,.nb-viewer #nbViewerMedia video{max-width:100%;max-height:65vh;object-fit:contain;display:block}.nb-viewer-bottom{display:flex;justify-content:space-between;gap:25px;padding:25px 30px}.nb-viewer-bottom small{color:#6ac9ef;letter-spacing:.12em;font-weight:800}.nb-viewer-bottom h3{font-size:26px;margin:7px 0}.nb-viewer-bottom p{margin:0;color:#b5c3cb;font-size:14px;line-height:1.5}.nb-viewer-nav{display:flex;gap:8px;align-items:center}.nb-viewer-nav button{width:46px;height:46px;border:1px solid #ffffff51;background:transparent;color:#fff;font-size:23px;cursor:pointer}.nb-viewer-nav button:hover{background:#149dcc}@media(max-width:900px){.nb-gallery-intro{grid-template-columns:1fr}.nb-gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.nb-gallery-grid{grid-template-columns:1fr}.nb-gallery-intro h2{font-size:43px}.nb-viewer-bottom{padding:16px}.nb-viewer-bottom h3{font-size:19px}.nb-gallery-caption{min-height:112px}}

.nb-hdd-case{background:#e8eef2}.nb-hdd-case-layout{display:grid;grid-template-columns:1fr 1fr;gap:6%;margin:65px 0;align-items:center}.nb-hdd-case h2{font-size:clamp(44px,6vw,90px);line-height:1.04;letter-spacing:-.06em}.nb-hdd-case p{color:#536575;line-height:1.85;font-size:16px}.nb-hdd-case-film{padding:14px;background:white;box-shadow:0 24px 55px #10283822}.nb-hdd-case-film video{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#0e1922}.nb-hdd-case-film small{font-size:11px;color:#657989;display:block;margin:14px}.nb-hdd-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.nb-hdd-steps article{padding:25px;background:white;border-top:3px solid #149dcc}.nb-hdd-steps article>span{color:#149dcc;font-size:30px;font-weight:900}.nb-hdd-steps h3{font-size:22px;margin:12px 0}.nb-hdd-collage{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px;margin-top:20px}.nb-hdd-collage img{width:100%;height:280px;object-fit:cover}@media(max-width:800px){.nb-hdd-case-layout{grid-template-columns:1fr}.nb-hdd-steps{grid-template-columns:1fr}.nb-hdd-collage{grid-template-columns:1fr 1fr}.nb-hdd-collage img{height:220px}}
