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