.work2-scope{--base-bg-color:#f7f5f2;--sub-text-color:#666;--separator-color:#e0e0e0;--main-indigo:#264653;--sub-indigo:#e0f4ff;--sunrise-orange:#f4a261;--sunrise-sakura:#ffd7e0;--sub-bg-color:#f2f4f7}.work2-scope .section{padding:72px 20px}.work2-scope .section-alt{background-color:var(--sub-bg-color)}.work2-scope .section-inner{max-width:960px;margin:0 auto}.work2-scope .section-header{margin-bottom:28px}.work2-scope .section-label{letter-spacing:.2em;text-transform:uppercase;color:var(--sub-text-color);margin:0 0 4px;font-size:13px}.work2-scope .section-title{color:#264653;margin:0;font-size:24px}.work2-scope .work-hero{border-bottom:1px solid var(--separator-color);background:linear-gradient(135deg,#f8e9df 0%,#f7f5f2 40%);padding:80px 20px 40px}.work2-scope .work-hero-inner{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:40px;max-width:1120px;margin:0 auto;display:grid}.work2-scope .work-label{letter-spacing:.2em;text-transform:uppercase;color:#888;margin:0 0 8px;font-size:12px}.work2-scope .work-title{color:var(--main-indigo);margin:0 0 12px;font-size:28px}.work2-scope .work-subtitle{color:#444;margin:0 0 12px;font-size:14px;line-height:1.9}.work2-scope .work-meta-inline{color:var(--sub-text-color);margin:0;font-size:13px}.work2-scope .work-hero-thumb{background-color:#fff;border-radius:18px;overflow:hidden;box-shadow:0 18px 40px #0000001f}.work2-scope .browser-bar{background-color:var(--sub-bg-color);align-items:center;gap:6px;height:26px;padding:0 10px;display:flex}.work2-scope .browser-bar span{background-color:#d0d4db;border-radius:999px;width:8px;height:8px}.work2-scope .browser-body{background-color:#fff;padding:18px}.work2-scope .browser-hero-grad{background:linear-gradient(135deg, var(--sunrise-orange) 0%, var(--sunrise-sakura) 100%);border-radius:12px;height:120px;margin-bottom:12px}.work2-scope .tomarigi-grad{background:linear-gradient(135deg,#e6b59c 0%,#ffd7e0 60%)}.work2-scope .browser-hero-grad.tomarigi-grad.work-2{background:url(/work-thumb-2.png) 0 0/cover no-repeat}.work2-scope .browser-lines{flex-direction:column;gap:6px;display:flex}.work2-scope .browser-lines span{background-color:#e0e4ec;border-radius:999px;height:5px}.work2-scope .browser-lines span:first-child{width:80%}.work2-scope .browser-lines span:nth-child(2){width:65%}.work2-scope .browser-lines span:nth-child(3){width:50%}.work2-scope .overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.work2-scope .overview-item{background-color:#fff;border-radius:12px;padding:14px 16px;box-shadow:0 10px 26px #0000000a}.work2-scope .overview-label{text-transform:uppercase;letter-spacing:.12em;color:#888;margin:0 0 4px;font-size:11px}.work2-scope .overview-value{color:#333;margin:0;font-size:13px}.work2-scope .link-external{color:var(--main-indigo);word-break:break-all;text-decoration:underline}.work2-scope .two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.work2-scope .subheading{color:var(--main-indigo);margin:0 0 8px;font-size:16px}.work2-scope .text-list{color:#444;margin:0;padding-left:20px;font-size:14px;line-height:1.9}.work2-scope .text-list li+li{margin-top:6px}.work2-scope .concept-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.work2-scope .concept-card{background-color:#fff;border-radius:14px;padding:18px 18px 16px;box-shadow:0 10px 26px #0000000a}.work2-scope .concept-title{color:var(--main-indigo);margin:0 0 8px;font-size:14px}.work2-scope .concept-text{color:#444;margin:0;font-size:13px;line-height:1.9}.work2-scope .tech-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr);align-items:flex-start;gap:32px;display:grid}.work2-scope .badge-row{flex-wrap:wrap;gap:8px;display:flex}.work2-scope .badge{color:var(--main-indigo);background-color:#fff;border-radius:999px;padding:5px 10px;font-size:11px}.work2-scope .tech-text{color:#444;margin:0 0 8px;font-size:13px;line-height:1.8}.work2-scope .cta-layout{background:linear-gradient(135deg, var(--sunrise-orange) 0%, var(--sunrise-sakura) 100%);color:var(--main-indigo);border-radius:18px;grid-template-columns:minmax(0,1.5fr) minmax(0,1.1fr);align-items:center;gap:36px;padding:24px 36px;display:grid}.work2-scope .cta-title{margin:0 0 10px;font-size:20px}.work2-scope .cta-text p{margin:0}.work2-scope .cta-buttons{align-items:flex-start;gap:16px;display:flex}.work2-scope .btn-primary,.work2-scope .btn-outline{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:10px 20px;font-size:14px;text-decoration:none;display:inline-flex}.work2-scope .btn-primary{background-color:var(--main-indigo);color:#fff;border:none;box-shadow:0 4px 10px #26465366}.work2-scope .btn-primary:hover{background-color:#1f3944}.work2-scope .btn-outline{border:1px solid var(--main-indigo);color:var(--main-indigo);background-color:#fff3}.work2-scope .btn-outline:hover{background-color:#fff6}@media (max-width:1024px){.work2-scope .work-hero-inner{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.work2-scope .overview-grid,.work2-scope .concept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work2-scope .feature-row,.work2-scope .feature-row.reverse,.work2-scope .tech-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (max-width:768px){.work2-scope .work-hero{padding:64px 16px 32px}.work2-scope .work-hero-inner{grid-template-columns:minmax(0,1fr);gap:24px}.work2-scope .section{padding:56px 16px}.work2-scope .section-inner{max-width:100%}.work2-scope .overview-grid,.work2-scope .two-column,.work2-scope .concept-grid{grid-template-columns:minmax(0,1fr)}.work2-scope .mobile-mocks{justify-content:space-between}.work2-scope .tech-layout,.work2-scope .cta-layout{grid-template-columns:minmax(0,1fr)}}