.works-page{background:#f3f6f8;overflow:clip}.works-page :where(button,a):focus-visible{outline:2px solid #55718a;outline-offset:4px}.works-skip{position:absolute;left:24px;top:-90px;z-index:100;padding:12px;background:#F6F8F9}.works-skip:focus{top:4px}.works-page .works-eyebrow,.works-contact-eyebrow{font:500 11px/1.5 var(--tw-font-en);letter-spacing:.30em;color:#687480}.works-page .works-hero{background:var(--white);color:#2c3540}.works-page .works-hero .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);grid-template-rows:auto auto auto;column-gap:clamp(72px,10vw,170px);row-gap:0;align-items:start;align-content:center;min-height:min(900px,calc(100vh - 108px));padding-top:150px;padding-bottom:160px}.works-page .works-hero h1{grid-column:1/-1;grid-row:1;align-self:center;max-width:100%;margin:0 0 54px;font-family:var(--tw-font-ja);font-size:clamp(38px,4.4vw,72px);font-weight:500;line-height:1.22;letter-spacing:.26em;white-space:normal}.works-page .works-hero-copy{grid-column:1/-1;grid-row:2;align-self:end;justify-self:start;width:min(100%,950px);max-width:950px;margin:0;padding:0}.works-page .works-hero-copy p{margin:0;font-family:var(--tw-font-ja);color:#2c3540;font-size:clamp(14px,1.15vw,17px);font-weight:400;line-height:2.2;letter-spacing:.15em}.works-page .works-hero-label{grid-column:2;grid-row:3;display:flex;flex-direction:column;align-items:flex-end;align-self:start;justify-self:start;width:max-content;max-width:100%;margin:76px 0 0;font-family:var(--tw-font-en);font-size:clamp(25px,2.35vw,34px);font-weight:500;line-height:1.3;letter-spacing:.32em;color:#2c3540;text-align:left;transform:translateX(calc(clamp(20px,3vw,44px) + 1.8em))}.works-page .works-hero-label span{display:block;white-space:nowrap}@media (min-width:821px) and (max-width:1120px){.works-page .works-hero .wrap{column-gap:clamp(45px,6vw,95px)}}@media (max-width:820px){.works-page .works-hero .wrap{display:flex;flex-direction:column;min-height:760px;padding-top:105px;padding-bottom:74px;gap:0}.works-page .works-hero h1{width:100%;align-self:flex-start;margin:clamp(81px,10vw,100px) 0 0;font-size:clamp(23px,min(10vw,(100vw - 48px)/8.8),48px);line-height:1.2;letter-spacing:.09em}.works-page .works-hero-copy{width:100%;max-width:610px;align-self:flex-start;margin-top:38px}.works-page .works-hero-copy p{font-size:14px;line-height:1.9;letter-spacing:.13em}.works-page .works-hero-label{align-self:flex-start;margin-top:48px;font-size:clamp(14px,4.9vw,24px);line-height:1.35;letter-spacing:.32em;transform:none}}@media (max-width:620px){.works-page .works-hero h1{margin-top:83px;font-size:clamp(20px,min(10vw,(100vw - 48px)/10.2),48px)}.works-page .works-hero-copy p{font-size:clamp(11.9px,3.6vw,14px)}.works-pc-break{display:none}}@media (min-width:600px) and (max-width:820px){.works-page .works-hero-copy{max-width:100%}.works-page .works-hero-copy p{font-size:clamp(12px,1.9vw,14px)}}.works-archive{padding:clamp(100px,11vw,158px) 0 130px;background:#F6F8F9;color:#111821}.works-archive-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin:0 0 60px}.works-archive-head h2{font-size:clamp(38px,4vw,62px);letter-spacing:.19em;font-weight:500;line-height:1.3;margin:12px 0 0}.works-filter{display:flex;align-items:center;flex-wrap:wrap;gap:8px 28px;border-top:1px solid rgb(17 24 33 / .15);border-bottom:1px solid rgb(17 24 33 / .15);padding:16px 0;margin-bottom:24px}.works-filter-btn{font:500 11px/1.5 var(--tw-font-en);letter-spacing:.09em;color:#687480;background:none;border:0;border-bottom:1px solid #fff0;border-radius:0;padding:10px 0;cursor:pointer;min-height:36px}.works-filter-btn:hover,.works-filter-btn.is-active{color:#111821;border-bottom-color:#111821}.works-list-meta{display:flex;justify-content:space-between;gap:20px;font:500 10px/1.8 var(--tw-font-en);letter-spacing:.17em;color:#A6B3BE;margin:0 0 28px}.works-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:65px 24px}.works-card{min-width:0}.works-card[hidden]{display:none!important}.works-card-visual{position:relative;aspect-ratio:1.48;background:#111821;color:rgb(246 248 249 / .6);overflow:hidden;isolation:isolate;border:1px solid rgb(17 24 33 / .06)}.works-card-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,rgb(246 248 249 / .045) 25.1%,transparent 26%),repeating-linear-gradient(90deg,rgb(246 248 249 / .065) 0 1px,transparent 1px 24px);opacity:.75}.works-card-visual--1{background:#2C3540}.works-card-visual--2{background:#2C3540}.works-card-visual--3{background:#2C3540}.works-card-visual--4{background:#111821}.works-image-note{position:absolute;left:20px;top:18px;font:500 9px var(--tw-font-en);letter-spacing:.23em}.works-visual-num{position:absolute;right:16px;bottom:12px;font:400 clamp(30px,4.3vw,69px)/1 var(--tw-font-en);letter-spacing:-.03em;color:rgb(246 248 249 / .18)}.works-visual-line{position:absolute;left:12%;right:18%;bottom:25%;height:1px;background:rgb(246 248 249 / .40);transform:rotate(-13deg)}.works-card-content h3{font-size:clamp(13px,1.1vw,16px);line-height:1.65;font-weight:500;letter-spacing:.07em;margin:19px 0 18px;overflow-wrap:anywhere}.works-card-credits{margin:0;color:#687480;font-size:11px;letter-spacing:.02em;line-height:1.7}.works-card-credits>div{display:grid;grid-template-columns:43px minmax(0,1fr);gap:8px;margin:0 0 3px;min-width:0}.works-card-credits dt{font-weight:400;white-space:nowrap;color:#A6B3BE}.works-card-credits dd{margin:0;min-width:0;overflow-wrap:anywhere;font-family:var(--tw-font-en)}.works-card-tags{display:flex;gap:6px;flex-wrap:wrap;padding-top:16px}.works-tag{font:500 9px/1.5 var(--tw-font-en);letter-spacing:.1em;padding:3px 7px;border:1px solid rgb(17 24 33 / .23)}.works-empty{padding:70px 0;text-align:center;font-size:14px;color:#687480}.works-pagination{display:flex;justify-content:center;gap:25px;margin-top:72px;min-height:25px}.works-pagination:empty{display:none}.works-page-button{background:none;border:none;border-bottom:1px solid #fff0;cursor:pointer;padding:4px 2px;color:#687480;font:500 12px var(--tw-font-en)}.works-page-button[aria-current="page"]{border-bottom-color:#111821;color:#111821}.works-preview-note{font-size:11px;line-height:1.8;letter-spacing:.06em;color:#687480;padding-top:70px;margin:0}.works-page .final-contact{background:#f3f6f8}.works-page .final-contact .wrap{position:relative}.works-contact-eyebrow{position:absolute;top:105px;left:var(--pad-x)}.works-page .final-contact h2{letter-spacing:.06em}.works-page .final-contact .contact-copy p{letter-spacing:.14em}@media (max-width:1100px){.works-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 22px}}@media (max-width:820px){.works-hero{min-height:580px}.works-archive{padding:90px 0}.works-archive-head{align-items:start}.works-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 18px}.works-filter{gap:3px 20px}.works-archive-head h2{font-size:clamp(35px,7vw,52px)}.works-contact-eyebrow{top:68px}}@media (max-width:620px){.works-hero{min-height:530px}.works-archive{padding:80px 0 95px}.works-archive-head{display:block;margin-bottom:34px}.works-archive-head h2{font-size:37px;margin-top:10px}.works-filter{gap:0 20px;margin-bottom:20px}.works-filter-btn{font-size:10px;padding:10px 0}.works-card-grid{gap:40px 15px}.works-card-content h3{font-size:13px;line-height:1.6;margin:15px 0}.works-card-credits{font-size:10px}.works-card-credits>div{display:block;margin:0 0 8px}.works-card-credits dt{font-size:9px;margin-bottom:2px}.works-card-tags{padding-top:8px}.works-preview-note{padding-top:60px}}@media (max-width:359px){.works-card-grid{grid-template-columns:1fr;gap:38px}.works-card-credits>div{display:grid}}