.page{background:#fff;width:100%;max-width:393px;min-height:100vh;margin:0 auto;position:relative}.page .hdr{z-index:20;background:#fff;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.page .hdr .logo{align-items:center;height:11.872px;display:flex}.page .hdr .logo img{object-fit:contain;width:142.889px;height:11.872px}.page .hdr .logo-text{letter-spacing:.01em;color:var(--ink);white-space:nowrap;font-size:16px;line-height:1}.page .hdr .menu-btn{cursor:pointer;width:24px;height:24px;color:var(--ink);background:0 0;border:0;place-items:center;padding:0;display:grid}.page .hdr .menu-btn svg{display:block}.page .hdr .nav-desktop{display:none}.page .hero-block{flex-direction:column;align-items:flex-start;gap:24px;margin-top:28px;padding:0 16px;display:flex}.page .hero-block .hero{font-size:32px;line-height:1.22}.page .hero-block .hero .l1{color:var(--ink);display:block}.page .hero-block .hero .l2{color:var(--ink-40);display:block}.page .hero-block .hero-cta{background:var(--ink);color:#fff;border-radius:10px;justify-content:center;align-items:center;height:40px;padding:12px 20px;font-size:15px;line-height:1;transition:opacity .2s;display:none}.page .exp{flex-direction:column;gap:20px;margin-top:36px;padding:0 16px;display:flex}.page .exp .exp-row{align-items:center;gap:28px;width:100%;display:flex}.page .exp .exp-row .exp-year{color:var(--ink-40);white-space:nowrap;flex:none;font-size:14px;line-height:14px}.page .exp .exp-row .exp-detail{flex-direction:column;flex:1 1 0;gap:8px;min-width:0;display:flex}.page .exp .exp-row .exp-detail .exp-title{color:var(--ink);font-size:14px;line-height:14px}.page .exp .exp-row .exp-detail .exp-sub{color:var(--ink-40);font-size:14px;line-height:14px}.page .rec{flex-direction:column;align-items:flex-start;gap:32px;margin-top:56px;padding:0 16px;display:flex}.page .rec .rec-label{color:var(--ink);text-align:center;font-size:14px;line-height:14px}.page .rec .rec-logos{width:100%}.page .rec .rec-logos img{width:100%;height:auto}.page .rec .rec-logos .rec-desktop{display:none}.page .work{flex-direction:column;gap:32px;margin-top:56px;padding:0 16px;display:flex}.page .work .case{cursor:pointer;color:inherit;flex-direction:column;gap:20px;display:flex}.page .work .case .case-thumb{background:var(--thumb);width:100%;height:250px;position:relative;overflow:hidden}.page .work .case .case-cap{flex-direction:column;gap:8px;display:flex}.page .work .case .case-cap .case-title{color:var(--ink);white-space:nowrap;font-size:17px;line-height:20px}.page .work .case .case-cap .case-sub{color:var(--ink-60);font-feature-settings:"liga" 0;font-size:15px;line-height:20px}.page .ftr{border-top:1px solid var(--ink-12);text-align:center;flex-direction:column;align-items:center;gap:32px;margin-top:80px;padding:24px 16px;display:flex}.page .ftr .ftr-links{flex-direction:column;gap:20px;width:100%;display:flex}.page .ftr .ftr-links a{color:var(--ink-60);text-underline-position:from-font;font-feature-settings:"liga" 0;font-size:14px;line-height:14px;text-decoration:underline}.page .ftr .copyright{color:var(--ink-60);font-size:12px;line-height:16px}@media (min-width:900px){.page{grid-template-columns:1.7fr 1fr;grid-template-areas:"header header""hero exp""rec rec""work work""footer footer";align-content:start;align-items:start;gap:96px 72px;max-width:1120px;padding:0 48px;display:grid}.page>.hdr{background:0 0;grid-area:header;height:auto;padding:40px 0 0;position:static}.page>.hero-block{grid-area:hero}.page>.exp{grid-area:exp}.page>.rec{grid-area:rec}.page>.work{grid-area:work}.page>.ftr{grid-area:footer}.page .hero-block,.page .exp,.page .rec,.page .work,.page .ftr{margin-top:0}.page .hdr .menu-btn{display:none}.page .hdr .logo-text{font-size:18px}.page .hdr .nav-desktop{align-items:center;gap:34px;display:flex}.page .hdr .nav-desktop a{color:var(--ink-60);font-size:16px;transition:color .2s}.page .hdr .nav-desktop a:hover{color:var(--ink)}.page .hero-block{padding:0}.page .hero-block .hero{letter-spacing:-.015em;font-size:58px;line-height:1.08}.page .hero-block .hero-cta{border-radius:16px;height:48px;padding:16px 24px;font-size:15px;display:inline-flex}.page .hero-block .hero-cta:hover{color:#fff;opacity:.9}.page .exp{gap:24px;margin-top:20px;padding:0}.page .exp .exp-row .exp-year,.page .exp .exp-row .exp-title,.page .exp .exp-row .exp-sub{font-size:15px;line-height:15px}.page .rec{align-items:center;gap:30px;padding:0}.page .rec .rec-logos .rec-mobile{display:none}.page .rec .rec-logos .rec-desktop{display:block}.page .work{grid-template-columns:1fr 1fr;gap:64px 40px;padding:0;display:grid}.page .work .case{gap:24px}.page .work .case .case-thumb{aspect-ratio:3/2;height:auto;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.page .work .case:hover .case-thumb{transform:scale(1.01)}.page .work .case .case-cap .case-title{font-size:20px;line-height:24px}.page .work .case .case-cap .case-sub{font-size:16px;line-height:24px}.page .ftr{text-align:left;flex-direction:row;justify-content:space-between;align-items:center;gap:24px;padding:40px 0}.page .ftr .ftr-links{flex-direction:row;gap:28px;width:auto}}body.no-scroll{overflow:hidden}.menu{z-index:50;background:#fff;display:none;position:fixed;inset:0}.menu.open{display:block}.menu .menu-inner{flex-direction:column;max-width:393px;height:100%;margin:0 auto;display:flex;position:relative}.menu .menu-inner .hdr{z-index:20;background:#fff;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.menu .menu-inner .hdr .logo{align-items:center;height:11.872px;display:flex}.menu .menu-inner .hdr .logo img{object-fit:contain;width:142.889px;height:11.872px}.menu .menu-inner .hdr .logo-text{letter-spacing:.01em;color:var(--ink);white-space:nowrap;font-size:16px;line-height:1}.menu .menu-inner .hdr .menu-btn{cursor:pointer;width:24px;height:24px;color:var(--ink);background:0 0;border:0;place-items:center;padding:0;display:grid}.menu .menu-inner .hdr .menu-btn svg{display:block}.menu .menu-inner .menu-nav{flex-direction:column;gap:8px;margin-top:16px;padding:0 16px;display:flex}.menu .menu-inner .menu-nav .menu-item{color:var(--ink);align-items:center;padding:8px 0;font-size:16px;line-height:28px;display:flex}.menu .menu-inner .menu-nav .menu-div{border:0;border-top:1px solid var(--ink-12);width:100%;height:0}.menu .menu-inner .menu-cta{background:var(--ink);color:#fff;font-feature-settings:"liga" 0;border-radius:12px;justify-content:center;align-items:center;height:40px;margin:auto 16px 16px;font-size:14px;line-height:16px;display:flex}@media (min-width:900px){.menu{display:none!important}}