.recommended-works{border-top:1px solid #f4f1ec2e;margin-top:36px;padding-top:28px}.recommended-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.recommended-title{letter-spacing:.22em;text-transform:uppercase;color:#ede8df9e;font-size:11px}.recommended-controls{gap:10px;display:flex}.rec-btn{color:#f4f1ece6;cursor:pointer;background:#0e0e0c40;border:1px solid #f4f1ec3d;border-radius:999px;width:34px;height:34px}.rec-btn:hover{opacity:.7}.recommended-scroller{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:minmax(220px,280px);grid-auto-flow:column;gap:16px;padding-bottom:8px;display:grid;overflow-x:auto}.recommended-scroller::-webkit-scrollbar{display:none}.rec-card{scroll-snap-align:start;color:inherit;grid-template-rows:auto 1fr;gap:12px;text-decoration:none;display:grid}.rec-thumb{aspect-ratio:4/3;background:#f4f1ec0f;border:1px solid #f4f1ec38;border-radius:14px;overflow:hidden}.rec-thumb img{object-fit:cover;width:100%;height:100%;display:block}.rec-meta{align-content:start;gap:8px;display:grid}.rec-cat{letter-spacing:.18em;text-transform:uppercase;color:#ede8df80;font-size:10px}.rec-title{color:#f4f1eceb;font-size:16px;line-height:1.4}.rec-title.i18n-hover{width:100%;display:grid}@media (max-width:720px){.recommended-works{margin-top:28px;padding-top:22px}.rec-thumb{border-radius:12px}}
.work-panel{-webkit-backdrop-filter:blur(5px)saturate(1.1)}.work-page{z-index:2;color:#ede8df;pointer-events:none;min-height:100dvh;padding:0 clamp(16px,4vw,48px) clamp(72px,10vh,120px);position:relative}.work-bar{z-index:3;pointer-events:none;justify-content:space-between;align-items:center;gap:24px;padding:28px 0 16px;display:flex;position:sticky;top:0}.work-logo,.work-back{pointer-events:auto}.work-logo{align-items:center;display:inline-flex}.work-logo img{mix-blend-mode:screen;width:auto;height:16px;display:block}.work-back{letter-spacing:.22em;text-transform:uppercase;color:#ede8df9e;cursor:pointer;font-size:11px;font-weight:500;text-decoration:none}.work-back:hover{color:#ede8df}.work-panel{pointer-events:auto;background:#0e0e0c47;border:1.5px solid #f4f1ec8c;border-radius:28px;width:min(920px,100%);margin:0 auto;padding:clamp(24px,4vw,40px)}.work-frame{aspect-ratio:16/10;background:#161614;border:1.5px solid #f4f1ec59;border-radius:18px;position:relative;overflow:hidden}.work-frame-link{color:inherit;cursor:pointer;text-decoration:none;display:block}.work-frame-link:hover .work-frame{border-color:#f4f1ec8c}.work-frame img{object-fit:cover;width:100%;height:100%;display:block}.work-heading{margin:32px 0 24px}.work-category{letter-spacing:.22em;text-transform:uppercase;color:#ede8df73;margin-bottom:10px;font-size:11px}.work-title{letter-spacing:-.03em;color:#f4f1ec;font-size:clamp(28px,5vw,48px);font-weight:500;line-height:1.15}.work-title.i18n-hover{cursor:default;display:grid}.work-credit{letter-spacing:.04em;color:#ede8df80;margin-top:16px;font-size:12px;line-height:1.6}.work-credit.i18n-hover{cursor:default;display:grid}.work-site{letter-spacing:.06em;color:#ede8dfb8;margin-top:14px;font-size:13px;text-decoration:none;display:inline-block}.work-site:hover{color:#f4f1ec}.work-lang{gap:8px;margin:0 0 24px;display:flex}.work-lang button{color:#ede8df8c;letter-spacing:.16em;cursor:pointer;background:0 0;border:1px solid #f4f1ec47;border-radius:999px;min-width:40px;padding:6px 10px;font-size:11px}.work-lang button.is-active{color:#f4f1ec;border-color:#f4f1ecb3}.work-body{color:#ede8dfe0;font-size:16px;line-height:1.85}.work-body>:first-child{margin-top:0}.work-body p,.work-body ul,.work-body ol,.work-body blockquote{margin:0 0 1.15em}.work-body h2,.work-body h3{letter-spacing:-.02em;color:#f4f1ec;margin:1.6em 0 .6em;font-size:1.15em;font-weight:500}.work-body a{color:inherit;text-underline-offset:3px}.work-body img,.work-body video,.work-body iframe{border-radius:4px;width:100%;height:auto;margin:1.8em 0;display:block}.work-body ul,.work-body ol{padding-left:1.2em}.work-empty{color:#ede8df80;font-size:15px;line-height:1.7}.work-external{color:#f4f1ec;letter-spacing:.04em;cursor:pointer;border-top:1px solid #f4f1ec2e;margin-top:36px;padding-top:24px;font-size:14px;text-decoration:none;display:inline-grid}.work-external:hover{opacity:.65}@media (max-width:720px){.work-page{padding-inline:16px;padding-bottom:72px}.work-bar{padding:22px 0 12px}.work-panel{border-radius:22px;padding:20px 18px 28px}.work-frame{aspect-ratio:4/3;border-radius:14px}.work-heading{margin:24px 0 20px}.work-body{font-size:15px}}