.work-hero{padding:80px 0 105px}.work-hero .crumb{margin-bottom:68px}.work-hero h1,.work-detail-hero h1{font-size:clamp(57px,8vw,114px);letter-spacing:-.078em;line-height:.94;font-weight:650;max-width:1050px;margin:22px 0 30px}.work-hero h1 em{font-style:normal;color:#197d5c}.work-hero>p,.work-detail-summary{font-size:clamp(19px,2.2vw,27px);line-height:1.46;color:#526171;max-width:720px;margin:0}.work-jump{display:flex;flex-wrap:wrap;gap:11px;margin-top:44px}.work-jump a{font-size:12px;font-weight:650;border:1px solid #d6e5dc;border-radius:100px;padding:12px 17px;color:#185d49}.work-jump a:hover{background:#e7f4eb;text-decoration:none}.work-sections{background:#f6f8f7}.work-section{padding:80px 0 90px;border-top:1px solid #e0e8e4;scroll-margin-top:100px}.work-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.work-section-head h2{font-size:clamp(37px,5vw,67px);letter-spacing:-.065em;line-height:1.05;margin:12px 0 0}.work-section-head>span{font-size:12px;color:#718093}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.work-card{background:#fff;border:1px solid #e0e8e4;border-radius:18px;overflow:hidden;box-shadow:0 10px 28px #0f172a08;transition:transform .25s,border-color .25s}.work-card:hover{transform:translateY(-4px);border-color:#8dc9ae}.work-card-main{display:flex;flex-direction:column;height:100%;text-decoration:none!important}.work-image{aspect-ratio:1.6;overflow:hidden;background:#e7eee9}.work-image img{display:block;width:100%;height:100%;object-fit:cover}.work-image-empty{display:grid;place-items:center;background:#eef3f4}.work-image-empty img{width:min(72%,280px);height:auto;object-fit:contain}.work-card-copy{display:flex;flex-direction:column;align-items:start;flex:1;padding:26px}.work-type{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#087a56}.work-card h3{font-size:clamp(24px,2.3vw,34px);line-height:1.1;letter-spacing:-.052em;margin:13px 0 0}.work-subtitle{font-size:16px;line-height:1.45;color:#344054;margin:13px 0 0}.work-summary{font-size:14px;line-height:1.6;color:#607080;margin:13px 0 0}.work-read{margin-top:auto;padding-top:28px;font-size:12px;font-weight:700;color:#087a56}.work-read span{padding-left:6px}.work-empty{border:1px solid #e0e8e4;border-radius:16px;padding:35px;background:#fff;color:#667889}.work-detail-hero{padding:80px 0 70px}.work-detail-hero .crumb{margin-bottom:65px}.work-detail-hero h1{max-width:1120px}.work-detail-subtitle{font-size:clamp(23px,3vw,36px);line-height:1.25;color:#213b36;margin:0 0 20px;max-width:850px}.work-detail-summary{margin:0 0 20px}.work-button{display:inline-flex;align-items:center;gap:20px;background:#11172c;color:#fff;border-radius:100px;padding:16px 24px;font-size:13px;font-weight:650;margin-top:22px}.work-button:hover{background:#087a56;color:#fff;text-decoration:none}.work-detail-image img{display:block;width:100%;max-height:700px;object-fit:cover;border-radius:20px}.work-detail-body{display:grid;grid-template-columns:minmax(180px,.5fr) minmax(0,1.5fr);gap:50px;padding-top:80px;padding-bottom:80px}.work-detail-body p{font-size:clamp(17px,1.5vw,21px);line-height:1.75;color:#455464;margin:0 0 1.4em;overflow-wrap:anywhere}.work-detail-end{display:flex;justify-content:space-between;border-top:1px solid #e0e8e4;padding:28px 0 100px;font-size:13px;font-weight:700;color:#087a56}@media(max-width:950px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.work-hero,.work-detail-hero{padding:48px 0 70px}.work-hero .crumb,.work-detail-hero .crumb{margin-bottom:48px}.work-hero h1,.work-detail-hero h1{font-size:clamp(48px,13vw,76px)}.work-section{padding:60px 0 70px}.work-grid{grid-template-columns:1fr}.work-section-head{align-items:start}.work-detail-body{grid-template-columns:1fr;gap:22px;padding-top:55px;padding-bottom:55px}.work-detail-end{padding-bottom:70px}}@media(prefers-reduced-motion:reduce){.work-card{transition:none}}

.work-faqs{padding:100px 0;background:#fff}
.work-faq-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:clamp(40px,7vw,110px)}
.work-faq-grid h2,.work-cta h2{font-size:clamp(38px,5vw,67px);letter-spacing:-.065em;line-height:1.06;font-weight:650;margin:14px 0 0}
.work-faq-list{border-top:1px solid #dce5e1}
.work-faq-list details{border-bottom:1px solid #dce5e1;padding:23px 0}
.work-faq-list summary{display:flex;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font-size:clamp(17px,1.7vw,21px);font-weight:550;line-height:1.4}
.work-faq-list summary::-webkit-details-marker{display:none}
.work-faq-list summary::after{content:'+';color:#087a56;font-size:25px;line-height:1}
.work-faq-list details[open] summary::after{content:'−'}
.work-faq-list p{font-size:15px;line-height:1.7;color:#526171;max-width:60ch;margin:18px 28px 0 0}
.work-cta{padding:95px 0;background:var(--color-cta-background);border-top:1px solid var(--line)}
.work-cta-inner{display:flex;align-items:end;justify-content:space-between;gap:40px}
.work-cta h2{max-width:13ch}
.work-cta-inner>div:last-child{max-width:340px}
.work-cta p{font-size:18px;line-height:1.6;color:#435b50;margin:0}
.work-cta .work-button{margin-top:24px}
@media(max-width:750px){.work-faq-grid{grid-template-columns:1fr;gap:35px}.work-faqs,.work-cta{padding:70px 0}.work-cta-inner{align-items:start;flex-direction:column;gap:25px}}

/* Shared brand refresh: project content and dashboard behavior stay unchanged. */
.work-hero { position:relative; isolation:isolate; padding-block:55px 65px; }
.work-hero::after { content:''; position:absolute; z-index:-1; width:52%; aspect-ratio:1; right:-2%; top:0; background:url('/pattern-circuit.svg') center/contain no-repeat; pointer-events:none; }
.work-hero .crumb { margin-bottom:38px; }
.work-hero h1,.work-detail-hero h1 { font-size:var(--text-page-hero); font-weight:500; letter-spacing:-.06em; line-height:1; }
.work-hero h1 em { color:var(--green-dark); }
.work-hero>p,.work-detail-summary { color:var(--muted); font-size:var(--text-lg); max-width:39rem; }
.work-jump { margin-top:30px; }
.work-jump a { background:var(--white); color:var(--green-dark); border-color:var(--line); }
.work-sections { background:var(--surface-alt); }
.work-section { padding-block:var(--section-space); }
.work-card { box-shadow:none; border-color:var(--line); }
.work-button { background:var(--green-dark); }
.work-cta { background:var(--color-cta-background) url('/pattern-circuit.svg') 65% 50%/500px no-repeat; }
@media(max-width:650px) { .work-hero::after { width:85%; right:-12%; opacity:.4; }.work-hero { overflow:hidden; padding-block:40px 50px; } }