@import "https://fonts.googleapis.com/css2?family=Albert+Sans:wght@400;600&family=Darker+Grotesque:wght@400;500;600;700&display=swap";:root{color:#000;font-synthesis:none;background:#fff;font-family:Darker Grotesque,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0}main{width:440px;min-height:956px;margin:0 auto;padding:42px 35px 24px}header{letter-spacing:-.04em;justify-content:space-between;height:50px;font-size:14px;font-weight:600;display:flex}header button{padding:0}h1{letter-spacing:-.03em;margin:21px 0 0;font-size:32px;line-height:30px}.intro,.subhead{color:#3a3a3a;letter-spacing:-.02em;font-size:16px;font-weight:600;line-height:20px}.intro{max-width:314px;margin:20px 0 31px}.subhead{max-width:275px;margin:20px 0 59px}.home h1{margin-top:14px;margin-bottom:10px}.projects article{margin-bottom:37px}.projects a{color:inherit;text-decoration:none;display:block}.projects a:focus-visible{outline-offset:5px;outline:2px solid #2100b2}.projects img,.flipghost-art{object-fit:cover;border-radius:8px;width:375px;height:269px;display:block}.project-visual{width:375px;height:269px;position:relative}.project-visual .project-image{width:100%;height:100%}.project-visual .outfifth-demo{object-fit:cover;border-radius:0;width:82px;height:138px;position:absolute;top:98px;right:42px}.projects h2{letter-spacing:-.03em;margin:16px 0 0;font-size:24px;font-weight:600;line-height:30px}.projects p{max-width:350px;margin:0;font-size:16px;line-height:20px}.flipghost-art{background:0 0;border:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.flipghost-art img{object-fit:cover;width:100%;height:100%}footer{color:#999;text-align:center;border-top:1px solid #d9d9d9;margin:16px 3px 0;padding-top:17px;font:600 7px Albert Sans,sans-serif}.service-list{margin-top:61px}.service{margin-bottom:26px}.service-trigger{justify-content:space-between;align-items:flex-start;width:100%;padding:0;display:flex}.service strong,.service small{font-weight:600;display:block}.service strong{letter-spacing:-.02em;font-size:18px;line-height:20px}.service:last-child strong{color:#2100b2}.service small{margin-top:5px;font-size:14px;font-weight:400;line-height:20px}.symbol{font-size:24px;font-weight:400;line-height:18px}.service p{margin:5px 30px 0 0;font-size:16px;line-height:20px}form{gap:13px;margin-top:43px;display:grid}input,textarea{background:#fff;border:1px solid #c7c7c7;border-radius:6px;width:100%;padding:0 18px;font-size:14px}input{height:42px}textarea{resize:vertical;height:204px;padding-top:9px}.submit{color:#fff;text-align:center;background:#000;border-radius:6px;height:42px;margin-top:46px;font-size:14px;box-shadow:0 2px 4px #999}.menu-view{flex-direction:column;align-items:flex-start;gap:0;min-height:956px;padding-top:0;display:flex}.menu-view button{margin-bottom:6px;font-size:18px;line-height:20px}.menu-view .close{margin-bottom:55px;font-size:14px}@media (width<=440px){main{width:100%;padding-left:35px;padding-right:35px}.projects img,.flipghost-art,.oteka-logo-card,.project-visual{width:100%}}@media (width>=900px){main{width:min(100% - 96px,1280px);min-height:100vh;padding:48px 0 64px}header{height:56px;font-size:16px}h1{letter-spacing:-.045em;margin-top:48px;font-size:56px;line-height:52px}.intro{max-width:520px;margin:28px 0 72px;font-size:20px;line-height:25px}.home h1{margin-top:52px;margin-bottom:18px}.projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:76px 48px;display:grid}.projects article{margin-bottom:0}.projects img,.flipghost-art,.oteka-logo-card,.project-visual{aspect-ratio:375/269;width:100%;height:auto}.project-visual .outfifth-demo{width:21.87%;height:51.3%;top:36.43%;right:11.2%}.projects h2{margin-top:20px;font-size:30px;line-height:34px}.projects p{max-width:520px;font-size:18px;line-height:23px}footer{margin-top:80px}.subhead{max-width:420px;margin:28px 0 72px;font-size:20px;line-height:25px}.service-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:72px;max-width:960px;margin-top:0;display:grid}.service{margin-bottom:42px}.service strong{font-size:22px;line-height:26px}.service small{margin-top:7px;font-size:16px;line-height:22px}.service p{max-width:420px;margin-top:10px;font-size:18px;line-height:23px}form{gap:16px;max-width:720px;margin-top:48px}input,textarea{font-size:16px}input{height:52px}textarea{height:240px}.submit{height:52px;margin-top:56px;font-size:16px}.menu-view{z-index:10;border-left:1px solid #e5e5e5;width:min(420px,38vw);height:100vh;min-height:100vh;margin:0;padding:48px;position:fixed;top:0;right:0;box-shadow:-12px 0 32px #0000000f}.menu-view button{margin-bottom:10px;font-size:24px;line-height:30px}.menu-view .close{align-self:flex-end;margin-bottom:72px;font-size:16px}}