: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}.header{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--separator-color);background:#fffffff2;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;padding:12px 20px;display:flex}.logo{letter-spacing:.08em;font-size:16px}.nav a{color:var(--main-indigo);margin-left:20px;font-size:14px}.nav a:hover{opacity:.7}.works_section{padding:72px 20px}.works_section-alt{background-color:var(--sub-bg-color)}.works_section-inner{max-width:960px;margin:0 auto}.works_section-header{margin-bottom:28px}.works_section-label{letter-spacing:0.works_2em;text-transform:uppercase;color:var(--sub-text-color);margin:0 0 4px;font-size:13px}.works_section-title{color:var(--main-indigo);margin:0;font-size:24px}.works_work-hero{background:linear-gradient(135deg, #f4f2ec 0%, var(--base-bg-color) 40%);border-bottom:1px solid var(--separator-color);padding:80px 20px 40px}.works_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}.works_work-label{letter-spacing:.2em;text-transform:uppercase;color:#888;margin:0 0 8px;font-size:12px}.works_work-title{color:var(--main-indigo);margin:0 0 12px;font-size:28px}.works_work-subtitle{font-size:14px;line-height:1.works_9;color:#444;margin:0 0 12px}.works_work-meta-inline{color:var(--sub-text-color);margin:0;font-size:13px}.works_work-hero-thumb{box-shadow:0 18px 40px rgba(0, 0, 0, 0.works_12);background-color:#fff;border-radius:18px;overflow:hidden}.works_browser-bar{background-color:var(--sub-bg-color);align-items:center;gap:6px;height:26px;padding:0 10px;display:flex}.works_browser-bar span{background-color:#d0d4db;border-radius:999px;width:8px;height:8px}.works_browser-body{background-color:#fff;padding:18px}.works_browser-hero-grad{background:linear-gradient(135deg, var(--sunrise-orange) 0%, var(--sunrise-sakura) 100%);border-radius:12px;height:120px;margin-bottom:12px}.works_browser-hero-grad.work-1{background:url(/work-thumb-1.png) 50%/cover no-repeat}.works_browser-lines{flex-direction:column;gap:6px;display:flex}.works_browser-lines span{background-color:#e0e4ec;border-radius:999px;height:5px}.works_browser-lines span:first-child{width:80%}.works_browser-lines span:nth-child(2){width:65%}.works_browser-lines span:nth-child(3){width:50%}.works_overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.works_overview-item{background-color:#fff;border-radius:12px;padding:14px 16px;box-shadow:0 10px 26px #0000000a}.works_overview-label{text-transform:uppercase;letter-spacing:.12em;color:#888;margin:0 0 4px;font-size:11px}.works_overview-value{color:#333;margin:0;font-size:13px}.link-external{color:var(--main-indigo);word-break:break-all;text-decoration:underline}.works_two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.works_subheading{color:var(--main-indigo);margin:0 0 8px;font-size:16px}.works_text-list{color:#444;margin:0;padding-left:20px;font-size:14px;line-height:1.9;list-style-type:disc}.works_text-list li+li{margin-top:6px}.works_concept-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.works_concept-card{background-color:#fff;border-radius:14px;padding:24px 24px 18px;box-shadow:0 10px 26px #0000000a}.works_concept-title{color:var(--main-indigo);margin:0 0 8px;font-size:16px}.works_concept-text{font-size:13px;line-height:1.works_9;color:#444;margin:0}.works_tech-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr);align-items:flex-start;gap:32px;display:grid}.works_badge-row{flex-wrap:wrap;gap:8px;display:flex}.works_badge{color:var(--main-indigo);background-color:#fff;border-radius:999px;padding:5px 10px;font-size:11px}.works_tech-text{color:#444;margin:0 0 8px;font-size:13px;line-height:1.8}.works_voice-card{box-shadow:0 14px 34px rgba(0, 0, 0, 0.works_06);background-color:#fff;border-radius:16px;padding:22px 20px}.works_voice-text{color:#444;margin:0 0 12px;font-size:14px;line-height:1.9}.works_voice-name{color:var(--sub-text-color);text-align:right;margin:0;font-size:13px}.works_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}.works_cta-title{margin:0 0 10px;font-size:20px}.works_cta-text p{margin:0}.works_cta-buttons{align-items:flex-start;gap:16px;display:flex}.works_btn-primary,.works_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}.works_btn-primary{background-color:var(--main-indigo);color:#fff;border:none;box-shadow:0 4px 10px #26465366}.works_btn-primary:hover{background-color:#1f3944}.works_btn-outline{border:1px solid var(--main-indigo);color:var(--main-indigo);background-color:#fff3}.works_btn-outline:hover{background-color:#fff6}@media (max-width:1024px){.works_work-hero-inner{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.works_overview-grid,.works_concept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.works_tech-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (max-width:768px){.header-inner{padding:10px 16px}.nav{display:none}.works_work-hero{padding:64px 16px 32px}.works_work-hero-inner{grid-template-columns:minmax(0,1fr);gap:24px}.works_section{padding:56px 16px}.works_section-inner{max-width:100%}.works_overview-grid,.works_two-column,.works_concept-grid,.works_tech-layout,.works_cta-layout{grid-template-columns:minmax(0,1fr)}.works_cta-text p{word-break:auto-phrase}}