:root{--dp: 1px}@media screen and (min-width: 701px)and (max-width: 1084px){:root{--dp: 0.0922509vw}}@media screen and (max-width: 750px){:root{--dp: 0.266667vw}}@-webkit-keyframes dot-jump-fade{0%{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);width:2px}50%{-webkit-transform:translateX(-50%) translateY(-4px);transform:translateX(-50%) translateY(-4px);width:2px}100%{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);width:2px}}@keyframes dot-jump-fade{0%{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);width:2px}50%{-webkit-transform:translateX(-50%) translateY(-4px);transform:translateX(-50%) translateY(-4px);width:2px}100%{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);width:2px}}.works{padding-block:calc(80 * var(--dp)) calc(180 * var(--dp))}@media screen and (max-width: 750px){.works{padding-block:calc(60 * var(--dp)) calc(100 * var(--dp))}}.works__block{-webkit-margin-before:calc(100 * var(--dp));margin-block-start:calc(100 * var(--dp))}@media screen and (max-width: 750px){.works__block{-webkit-margin-before:calc(80 * var(--dp));margin-block-start:calc(80 * var(--dp))}}.works__block:first-of-type{-webkit-margin-before:0;margin-block-start:0}.works__head{-webkit-margin-after:calc(40 * var(--dp));margin-block-end:calc(40 * var(--dp))}@media screen and (max-width: 750px){.works__head{-webkit-margin-after:calc(32 * var(--dp));margin-block-end:calc(32 * var(--dp))}}.works__ttl{font-size:calc(32 * var(--dp));font-weight:500;letter-spacing:.05em;-webkit-padding-start:calc(24 * var(--dp));padding-inline-start:calc(24 * var(--dp));position:relative}@media screen and (max-width: 750px){.works__ttl{font-size:calc(24 * var(--dp));-webkit-padding-start:calc(16 * var(--dp));padding-inline-start:calc(16 * var(--dp))}}.works__ttl::before{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:calc(4 * var(--dp));height:calc(24 * var(--dp));background-color:#c9a227}@media screen and (max-width: 750px){.works__ttl::before{height:calc(18 * var(--dp))}}.works__list{display:grid;grid-template-columns:repeat(3, 1fr);gap:calc(40 * var(--dp)) calc(30 * var(--dp))}@media screen and (max-width: 992px){.works__list{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 750px){.works__list{grid-template-columns:1fr;gap:calc(32 * var(--dp))}}.works__card{display:block;height:auto}.works__card__link{display:block;color:inherit;text-decoration:none}.works__card__link:hover .works__card__img img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.works__card__link:hover .works__card__ttl{color:#c9a227}.works__card__img{width:100%;aspect-ratio:1188/708;overflow:hidden;border-radius:calc(8 * var(--dp));-webkit-margin-after:calc(20 * var(--dp));margin-block-end:calc(20 * var(--dp));position:relative}@media screen and (max-width: 750px){.works__card__img{-webkit-margin-after:calc(16 * var(--dp));margin-block-end:calc(16 * var(--dp))}}.works__card__img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);transition:-webkit-transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);transition:transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);transition:transform .6s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform .6s cubic-bezier(0.215, 0.61, 0.355, 1)}.works__card__link--external .works__card__ttl{display:inline;-webkit-padding-end:calc(22 * var(--dp));padding-inline-end:calc(22 * var(--dp));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.5 13.5'%3E%3Cpolygon fill='%23c9a227' points='13.5 13.5 0 13.5 0 0 6.92 0 6.92 1 1 1 1 12.5 12.5 12.5 12.5 6.58 13.5 6.58 13.5 13.5'/%3E%3Cpolygon fill='%23c9a227' points='13.5 4.32 12.5 4.32 12.5 1 9.18 1 9.18 0 13.5 0 13.5 4.32'/%3E%3Crect fill='%23c9a227' x='2.52' y='4.34' width='12.28' height='1' transform='translate(-0.89 7.54) rotate(-45)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:calc(14 * var(--dp)) calc(14 * var(--dp));background-position:right center}@media screen and (max-width: 750px){.works__card__link--external .works__card__ttl{-webkit-padding-end:calc(18 * var(--dp));padding-inline-end:calc(18 * var(--dp));background-size:calc(12 * var(--dp)) calc(12 * var(--dp))}}.works__card__body{padding-inline:calc(10 * var(--dp))}@media screen and (max-width: 750px){.works__card__body{padding-inline:calc(0 * var(--dp))}}.works__card__cat{font-size:calc(12 * var(--dp));color:rgba(255,255,255,.6);-webkit-margin-after:calc(8 * var(--dp));margin-block-end:calc(8 * var(--dp));letter-spacing:.05em}@media screen and (max-width: 750px){.works__card__cat{font-size:calc(10 * var(--dp))}}.works__card__ttl{font-size:calc(18 * var(--dp));font-weight:500;line-height:1.4;-webkit-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease}@media screen and (max-width: 750px){.works__card__ttl{font-size:calc(16 * var(--dp))}}.works__card__comment{font-size:calc(12 * var(--dp));color:#bbb;-webkit-margin-before:calc(8 * var(--dp));margin-block-start:calc(8 * var(--dp));line-height:2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media screen and (max-width: 750px){.works__card__comment{font-size:calc(10 * var(--dp))}}.works__card__list{font-size:calc(12 * var(--dp));color:#bbb;-webkit-margin-before:calc(8 * var(--dp));margin-block-start:calc(8 * var(--dp));line-height:2}@media screen and (max-width: 750px){.works__card__list{font-size:calc(10 * var(--dp))}}.works__empty{text-align:center;color:#bbb;font-size:calc(16 * var(--dp));line-height:2;padding-block:calc(80 * var(--dp)) calc(40 * var(--dp));margin:0}@media screen and (max-width: 750px){.works__empty{font-size:calc(14 * var(--dp));padding-block:calc(60 * var(--dp)) calc(32 * var(--dp))}}.works__prep-panel{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:calc(12 * var(--dp));padding:calc(48 * var(--dp)) calc(36 * var(--dp));text-align:center;border:1px solid rgba(201,162,39,.35);border-radius:calc(12 * var(--dp));background-color:rgba(201,162,39,.06);max-width:calc(680 * var(--dp));margin-inline:auto;-webkit-margin-before:calc(40 * var(--dp));margin-block-start:calc(40 * var(--dp))}@media screen and (max-width: 750px){.works__prep-panel{margin-inline:0;padding:calc(36 * var(--dp)) calc(20 * var(--dp))}}.works__prep-badge{margin:0;font-family:"Outfit",sans-serif;font-size:calc(11 * var(--dp));font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#c9a227;border:1px solid rgba(201,162,39,.45);border-radius:calc(999 * var(--dp));background-color:rgba(201,162,39,.08);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-inline:auto;padding-block:calc(6 * var(--dp));padding-inline:calc(24 * var(--dp))}.works__prep-lead{font-size:calc(18 * var(--dp));font-weight:700;color:#fff;letter-spacing:.04em;-webkit-margin-before:calc(24 * var(--dp));margin-block-start:calc(24 * var(--dp))}@media screen and (max-width: 750px){.works__prep-lead{font-size:calc(16 * var(--dp))}}.works__prep-txt{text-align:center;font-size:calc(14 * var(--dp));line-height:2;color:#bbb;-webkit-margin-before:calc(24 * var(--dp));margin-block-start:calc(24 * var(--dp))}@media screen and (max-width: 750px){.works__prep-txt{font-size:calc(13 * var(--dp));text-align:left}}.works-nav{-webkit-margin-before:calc(80 * var(--dp));margin-block-start:calc(80 * var(--dp))}@media screen and (max-width: 750px){.works-nav{-webkit-margin-before:calc(60 * var(--dp));margin-block-start:calc(60 * var(--dp))}}.works-nav__list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:calc(40 * var(--dp))}@media screen and (max-width: 750px){.works-nav__list{gap:calc(24 * var(--dp))}}.works-nav__link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-padding-after:calc(10 * var(--dp));padding-block-end:calc(10 * var(--dp));color:rgba(255,255,255,.6);font-size:calc(24 * var(--dp));font-weight:700;text-decoration:none;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;letter-spacing:.05em;position:relative}.works-nav__link::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#c9a227;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}@media screen and (max-width: 750px){.works-nav__link{font-size:calc(18 * var(--dp));-webkit-padding-after:calc(8 * var(--dp));padding-block-end:calc(8 * var(--dp))}}@media(hover: hover)and (pointer: fine){.works-nav__link:hover{color:#fff}}.works-nav__link.is-active{color:#c9a227;pointer-events:none}.works-nav__link.is-active::after{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.works-cat{-webkit-margin-before:calc(32 * var(--dp));margin-block-start:calc(32 * var(--dp))}@media screen and (max-width: 750px){.works-cat{-webkit-margin-before:calc(24 * var(--dp));margin-block-start:calc(24 * var(--dp))}}.works-cat__list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:calc(16 * var(--dp));list-style:none;margin:0;padding:0}@media screen and (max-width: 750px){.works-cat__list{gap:calc(12 * var(--dp))}}.works-cat__link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding-inline:calc(32 * var(--dp));height:calc(50 * var(--dp));border:1px solid #c9a227;color:#fff;font-size:calc(15 * var(--dp));font-weight:500;text-decoration:none;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;border-radius:calc(25 * var(--dp));letter-spacing:.05em}@media screen and (max-width: 750px){.works-cat__link{padding-inline:calc(16 * var(--dp));height:calc(40 * var(--dp));font-size:calc(12 * var(--dp));border-radius:calc(20 * var(--dp))}}@media(hover: hover)and (pointer: fine){.works-cat__link:hover{background-color:#c9a227;color:#171714}}.works-cat__link.is-active{background-color:#c9a227;color:#171714;pointer-events:none}