.top{--works-desc-color:#000}.hero{text-align:center;padding-top:399px}.hero__logo{width:min(723px,47.8vw);height:auto;margin-inline:auto}.about{text-align:center;margin-top:509px}.about__body{letter-spacing:.05em;font-size:24px;font-weight:500;line-height:2}.about__body+.about__body{margin-top:48px}.section-title{letter-spacing:.07em;text-align:center;font-size:74px;font-weight:900;line-height:1}.works{margin-top:246px}.works__list{width:min(var(--container), 100% - 96px);gap:127px;margin:153px auto 0;display:grid}.work__image{aspect-ratio:128/79;object-fit:cover;width:100%;height:auto;transition:opacity .25s}.work__body{justify-content:space-between;align-items:flex-start;gap:32px;margin-top:30px;padding:0 40px 0 20px;display:flex}.work__text{flex-direction:column;justify-content:center;gap:10px;display:flex}.work__title{letter-spacing:.04em;font-size:40px;font-weight:700;line-height:1.15}.work__desc{letter-spacing:.04em;color:var(--works-desc-color);font-size:18px;font-weight:500;line-height:1.4}.work__more{flex-direction:column;flex:none;align-items:center;gap:8px;width:78px;display:flex}.work__more-label{letter-spacing:.01em;white-space:nowrap;order:2;font-size:16px;font-weight:400;line-height:1}.work__more-circle{border:1.5px solid var(--ink);border-radius:50%;order:1;place-items:center;width:62px;height:62px;transition:background-color .25s,transform .25s;display:grid}.work__more-circle img{width:39px;height:auto;transition:filter .25s}.work--linked .work__link:hover .work__more-circle{background:var(--ink)}.work--linked .work__link:hover .work__more-circle img{filter:invert()}.work--linked .work__link:hover .work__image{opacity:.85}.contact{text-align:center;margin-top:354px}.contact__body{width:min(var(--container), 100% - 96px);letter-spacing:.05em;margin:104px auto 0;font-size:18px;font-weight:500;line-height:2}.contact__address{letter-spacing:.02em;margin-top:76px;font-size:20px;font-weight:400;line-height:1.4}.contact__button{border:1.5px solid var(--ink);letter-spacing:.06em;border-radius:34px;justify-content:center;align-items:center;gap:27px;width:280px;height:68px;margin-top:76px;font-size:24px;font-weight:400;line-height:1;transition:background-color .25s,color .25s;display:inline-flex}.contact__button img{width:38px;height:auto;transition:filter .25s}.contact__button:hover{background:var(--ink);color:#fff}.contact__button:hover img{filter:invert()}.top .site-footer{margin-top:310px}@media (width<=1024px){.about__body{font-size:18px}.section-title{font-size:50px}.work__title{font-size:26px}.work__desc,.contact__body{font-size:18px}.contact__address{font-size:16px}}@media (width<=768px){.top{--works-desc-color:#666}.hero{padding-top:186px}.hero__logo{width:min(268px,71.5vw)}.about{margin-top:250px}.about__body{letter-spacing:.04em;width:min(100% - 80px,560px);margin-inline:auto;font-size:15px;line-height:29px}.about__body+.about__body{margin-top:29px}.section-title{font-size:48px}.works{margin-top:200px}.works__list{gap:81px;width:min(100% - 80px,560px);margin-top:83px}.work__image{aspect-ratio:16/9}.work__body{margin-top:30px;padding:0;display:block}.work__title{font-size:20px;line-height:1.15}.work__desc{font-size:18px;line-height:29px}.work__more{display:none}.contact{margin-top:214px}.contact__body{letter-spacing:.04em;width:min(100% - 80px,560px);margin-top:94px;font-size:18px;line-height:29px}.br-pc{display:none}.contact__address{margin-top:74px;font-size:16px}.contact__button{border-radius:27px;gap:25px;width:177px;height:54px;margin-top:74px;font-size:15px}.contact__button img{width:28px}.top .site-footer{margin-top:170px}}