.work_wrap{--paper:#eeede9;--card:#f6f5f2;--ink:#14161b;--mute:#5b606a;--line:rgba(20,22,27,0.12);--blue:#2a6cff;--pad:clamp(18px,2.6vw,40px);--mono:'CNUD Geist Mono','Geist Mono',ui-monospace,monospace;--ease:cubic-bezier(0.16,1,0.3,1);background:var(--paper);color:var(--ink);padding:clamp(48px,5.5vw,84px) var(--pad);font:400 16px/1.5 'CNUD Geist','Geist',system-ui,sans-serif;-webkit-font-smoothing: antialiased}.work_wrap *,.work_wrap *::before,.work_wrap *::after{box-sizing:border-box}.work_wrap p,.work_wrap h2,.work_wrap h3{margin:0}.work_wrap .work_contain{display:grid;gap:clamp(32px,3.6vw,56px)}.work_wrap .work_head{display:grid;grid-template-columns: 1fr 1fr;gap:20px 48px;align-items: end}.work_wrap .work_label{grid-column: 1 / -1;font:400 11px/1.3 var(--mono);letter-spacing: 0.05em;text-transform: uppercase;color:var(--mute)}.work_wrap .work_label i{display:inline-block;width:7px;height:7px;background:var(--blue);margin-right: 10px;vertical-align: 1px}.work_wrap .work_htitle{font-weight: 400;font-size:clamp(36px,4vw,66px);line-height: 1;letter-spacing: -0.045em}.work_wrap .work_lead{color:var(--mute);max-width:34em;justify-self: end}.work_wrap .work_grid{display:grid;grid-template-columns: repeat(3,1fr);gap:14px}.work_wrap .work_card{position:relative;display:grid;grid-template-rows: auto 1fr;background:var(--card);border:1px solid rgba(20,22,27,0.2);color:inherit;text-decoration: none;outline:none;transition:border-color 0.4s var(--ease)}.work_wrap .work_card::after{content:'';position:absolute;inset:0;pointer-events: none;z-index:2;background:linear-gradient(#14161b,#14161b) 0 0 / 12px 2px,linear-gradient(#14161b,#14161b) 0 0 / 2px 12px,linear-gradient(#14161b,#14161b) 100% 0 / 12px 2px,linear-gradient(#14161b,#14161b) 100% 0 / 2px 12px,linear-gradient(#14161b,#14161b) 0 100% / 12px 2px,linear-gradient(#14161b,#14161b) 0 100% / 2px 12px,linear-gradient(#14161b,#14161b) 100% 100% / 12px 2px,linear-gradient(#14161b,#14161b) 100% 100% / 2px 12px;background-repeat: no-repeat}.work_wrap .work_card:hover,.work_wrap .work_card:focus-visible{border-color: var(--blue)}.work_wrap .work_fig{aspect-ratio: 520 / 360;border-bottom: 1px solid var(--line);overflow:hidden}.work_wrap .work_fig svg{display:block;width:100%;height:100%;overflow:visible}.work_wrap .work_fig .iso_note{opacity:0}.work_wrap .work_text{padding:22px 22px 24px;display:grid;gap:12px;align-content: start}.work_wrap .work_n{font:400 11px var(--mono);letter-spacing: 0.05em;text-transform: uppercase;color:var(--blue)}.work_wrap .work_title{font-weight: 400;font-size:clamp(22px,1.8vw,28px);line-height: 1.1;letter-spacing: -0.03em}.work_wrap .work_body{font-size:15px;line-height: 1.55;color:var(--mute)}.work_wrap .work_tag{margin-top:6px;display:flex;justify-content: space-between;align-items: center;gap:12px;padding:9px 10px;background:var(--ink);color:#f4f5f7;font:400 10px var(--mono);letter-spacing: 0.05em;text-transform: uppercase;transition:background 0.4s var(--ease)}.work_wrap .work_card:hover .work_tag{background:var(--blue)}.work_wrap .work_go{transition:transform 0.45s var(--ease)}.work_wrap .work_card:hover .work_go{transform:translateX(4px)}@media (max-width: 900px){.work_wrap .work_head,.work_wrap .work_grid{grid-template-columns: 1fr}.work_wrap .work_lead{justify-self: start}.work_wrap .work_fig .iso_note{opacity:1}}