.portfolio-index{color:#252521;min-height:100vh;font-family:var(--body-font);background:#f1f0ec}.portfolio-index>header{border-bottom:1px solid #cccac1;justify-content:space-between;align-items:center;gap:30px;padding:35px 6%;display:flex}.portfolio-index>header>a{letter-spacing:-.05em;font-size:23px;font-weight:600}.portfolio-index>header>a span{letter-spacing:0;margin-top:4px;font-size:11px;font-weight:400;display:block}.portfolio-index>header>span{font-size:12px}.portfolio-intro{padding:100px 8% 90px}.portfolio-intro>p{margin:0 0 27px;font-size:14px}.portfolio-intro h1{font:400 clamp(42px,5.5vw,80px)/1.65 var(--jp-serif);letter-spacing:.02em;margin:0}.portfolio-intro h1 span{color:#79796c}.portfolio-intro>div{justify-content:space-between;align-items:end;gap:40px;margin-top:35px;display:flex}.portfolio-intro>div p{color:#646456;font-size:14px;line-height:2.1}.portfolio-intro>div>span{font:italic 21px var(--serif-font);color:#79796c}.portfolio-works{gap:60px;padding:0 6% 80px;display:grid}.portfolio-work{grid-template-columns:1.4fr 1fr;align-items:center;gap:7%;display:grid}.portfolio-work-image{background:#dcd7cb;height:420px;position:relative;overflow:hidden}.portfolio-work-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.portfolio-work:hover img{transform:scale(1.035)}.portfolio-work-image>span{font:83px/.8 var(--serif-font);letter-spacing:-.05em;color:#fff;position:absolute;bottom:30px;left:35px}.work-lune img{filter:grayscale()brightness(.75)}.work-sumi img{filter:brightness(.6)}.work-aube .portfolio-work-image>span{color:#514332;letter-spacing:.09em;font-size:55px;top:35px;bottom:auto}.work-aube img{object-position:70% center}.portfolio-work-info>span{color:#79796c;font-size:12px}.portfolio-work-info h2{font:400 26px/1.7 var(--jp-serif);margin:25px 0 20px}.portfolio-work-info p{color:#646456;max-width:380px;font-size:14px;line-height:2.1}.portfolio-work-info strong{border-bottom:1px solid #969686;margin-top:20px;padding:12px 0;font-size:13px;font-weight:400;display:inline-block}.portfolio-index>footer{color:#79796c;border-top:1px solid #cccac1;justify-content:space-between;gap:25px;margin:0 6%;padding:35px 0;font-size:11px;display:flex}.portfolio-index>footer p{margin:0}@media (max-width:800px){.portfolio-index>header{padding:25px 7%}.portfolio-index>header>span{text-align:right;max-width:120px;font-size:10px}.portfolio-intro{padding:65px 7%}.portfolio-intro h1{font-size:39px}.portfolio-intro>p{font-size:12px}.portfolio-intro>div{margin-top:25px;display:block}.portfolio-intro>div p{font-size:13px}.portfolio-intro>div>span{margin-top:25px;font-size:19px;display:block}.portfolio-works{gap:55px;padding:0 7% 60px}.portfolio-work{grid-template-columns:1fr;gap:25px}.portfolio-work-image{height:310px}.portfolio-work-image>span{font-size:70px;left:25px}.portfolio-work-info h2{margin:16px 0;font-size:24px}.portfolio-work-info p{font-size:13px}.portfolio-work-info strong{margin-top:8px}.portfolio-index>footer{font-size:11px;line-height:2;display:block}.portfolio-index>footer p+p{margin-top:15px}}.work-yohaku .portfolio-work-image>span{font-family:var(--jp-serif);letter-spacing:.12em;text-shadow:0 2px 16px #252b2788;font-size:clamp(34px,5vw,60px);line-height:1.4}.work-yohaku img{filter:brightness(.86)}.work-noema .portfolio-work-image>span{font-family:var(--body-font);letter-spacing:.02em;font-size:clamp(38px,5vw,68px);font-weight:300}.work-noema .portfolio-work-image{background:#050811}.work-kasane .portfolio-work-image>span{font-family:var(--body-font);letter-spacing:.05em;font-size:clamp(38px,5vw,68px);font-weight:600}.work-kasane img{filter:brightness(.7)}