.case-detail{width:1200px;margin:131px auto 0;outline:none;scroll-margin-top:90px}.breadcrumb{display:flex;align-items:center;gap:9px;color:#7b7f86;font-size:13px;line-height:19px}.breadcrumb a{text-decoration:none}.breadcrumb [aria-current]{color:#24272c}.project-overview{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:48px;margin-top:24px}.hero-gallery{height:470px;position:relative;background:#f4f4f5;overflow:hidden}.hero-gallery>button#hero-open{display:block;width:100%;height:100%;padding:0;cursor:zoom-in}.hero-gallery img{width:100%;height:100%;object-fit:cover;display:block}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:52px;background:#0002;color:white;font-size:32px;line-height:1}.hero-arrow.previous{left:16px}.hero-arrow.next{right:16px}.hero-arrow:hover{background:#0007}.project-info{padding-top:16px}.project-info h1{font-size:30px;font-weight:700;line-height:1.25;margin:0 0 26px}.project-info dl{border-top:1px solid #e4e4e7;font-size:14px;font-weight:500}.project-info dl>div{display:flex;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid #e4e4e7;min-height:48px}.project-info dl>div:last-child{border:0}.project-info dt{width:84px;flex:none;color:#777c85;font-weight:500}.project-info dd{line-height:1.6}.color-spec{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.color-spec img{width:24px;height:20px;object-fit:cover}.photo-section{margin-top:28px}.photo-toolbar{display:flex;align-items:center;justify-content:space-between;height:22px;font-size:14px;color:#777c85}.photo-toolbar p{display:flex;gap:12px}.photo-toolbar strong{font-weight:600;color:#17213a}.photo-toolbar button{display:flex;align-items:center;gap:8px;font-size:13px;color:#777c85}.photo-toolbar svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4}.photo-thumbnails{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:16px;margin-top:12px}.photo-thumbnails button{height:114px;padding:0;border:1px solid #777;overflow:hidden;background:#f3f3f3}.photo-thumbnails img{display:block;width:100%;height:100%;object-fit:cover}.photo-thumbnails button[aria-pressed=true]{outline:2px solid #172849;outline-offset:2px}.applied-section{margin-top:150px}.case-detail h2{font-size:24px;line-height:1.4;font-weight:700;margin:0}.applied-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}.applied-card{display:flex;flex-direction:column;min-height:510px;border:1px solid #e4e4e7;border-radius:5px;padding:24px}.applied-kind{font-size:15px;font-weight:600;color:#172849}.applied-card img{width:100%;height:200px;object-fit:cover;display:block;margin-top:16px}.applied-card h3{font-size:21px;font-weight:700;line-height:1.4;margin:18px 0 8px}.applied-description{font-size:14px;line-height:1.65;color:#7c818b;min-height:64px}.applied-meta{font-size:13px;color:#7c818b;margin:14px 0 20px}.solid-button,.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:46px;width:fit-content;padding:0 20px;border:1px solid #172849;border-radius:3px;font-size:14px;font-weight:600;text-decoration:none}.solid-button{background:#172849;color:white}.outline-button{background:white;color:#172849}.solid-button:hover{background:#263d65}.outline-button:hover{background:#f3f5f8}.applied-card button{margin-top:auto}.related-section{margin-top:130px}.section-heading{display:flex;justify-content:space-between;align-items:center}.related-tabs{display:flex;gap:20px;font-size:13px;color:#8a8e95}.related-tabs button{padding:6px 0;border-bottom:2px solid transparent;font-weight:500}.related-tabs button[aria-pressed=true]{border-color:#172849;color:#172849;font-weight:700}.related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:28px}.related-card{display:block;text-decoration:none}.related-card figure{height:200px;margin:0;overflow:hidden;background:#f1f1f1}.related-card img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.related-card:hover img{transform:scale(1.03)}.related-card p{font-size:13px;color:#172849;margin-top:12px}.related-card h3{font-size:17px;font-weight:600;line-height:1.4;margin-top:4px}#related-empty{padding:60px 0;color:#777;text-align:center}.list-return{display:flex;justify-content:center;margin:42px 0 52px}.list-return a{font-size:13px;color:#777;text-decoration:none;border-bottom:1px solid #aaa;padding:4px 0}.consultation{background:#f6f7f9;border-bottom:1px solid #e5e7eb;padding:64px 0}.consultation-inner{width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between}.consultation h2{font-size:24px;font-weight:700;line-height:1.4;margin:0}.consultation p{font-size:14px;color:#9297a2;line-height:1.65;margin-top:14px}.consultation-actions{display:flex;gap:14px}.consultation-actions :is(button,a){height:52px;padding:0 25px}#photo-dialog{width:1120px;max-width:92vw;max-height:92vh;padding:48px 24px 24px;background:#15171b;color:white;overflow:auto}#photo-dialog .dialog-close{background:#252930;color:white}.lightbox-stage{height:min(58vh,620px);position:relative;background:#0d0f12;display:flex;align-items:center;justify-content:center}.lightbox-stage img{max-width:100%;width:auto;max-height:100%;object-fit:contain}.lightbox-stage button{position:absolute;top:calc(50% - 25px);width:40px;height:50px;color:white;background:#222a;font-size:36px}#lightbox-prev{left:12px}#lightbox-next{right:12px}#lightbox-caption{font-size:14px;text-align:center;margin:16px 0}.lightbox-thumbnails{display:grid;grid-template-columns:repeat(12,1fr);gap:8px}.lightbox-thumbnails button{height:65px;padding:0;opacity:.65}.lightbox-thumbnails button[aria-pressed=true]{opacity:1;outline:2px solid white;outline-offset:2px}.lightbox-thumbnails img{width:100%;height:100%;object-fit:cover}#material-dialog{width:900px;max-width:90vw;max-height:90vh;overflow:auto}#material-dialog[open]{display:grid;grid-template-columns:1.2fr 1fr}#material-image{width:100%;height:500px;object-fit:contain;background:#f2f2f2}.material-copy{padding:70px 30px 30px}#material-kind{color:#7c818b;font-size:13px}#material-title{font-size:26px;margin:10px 0 22px}#material-description{font-size:15px;line-height:1.8;color:#6f7580}#material-meta{margin-top:26px;font-size:13px;color:#7c818b}#invalid-case{padding:120px 0 200px;text-align:center}#invalid-case h1{font-size:28px;margin-bottom:30px}#invalid-case a{text-decoration:underline}@media(prefers-reduced-motion:reduce){.related-card img{transition:none}}