.page-hero{position:relative;isolation:isolate;padding:88px 0 92px;border-bottom:1px solid var(--color-line)}.page-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgb(255 255 255 / .9),rgb(255 255 255 / .72),rgb(255 255 255 / .9)),linear-gradient(90deg,rgb(17 17 17 / .07) 1px,transparent 1px),linear-gradient(180deg,rgb(17 17 17 / .07) 1px,transparent 1px),linear-gradient(90deg,rgb(17 17 17 / .04) 1px,transparent 1px),linear-gradient(180deg,rgb(17 17 17 / .04) 1px,transparent 1px),linear-gradient(105deg,transparent 0 62%,rgb(17 17 17 / .065) 62.15%,transparent 62.3%),#fff;background-size:auto,28px 28px,28px 28px,7px 7px,7px 7px,auto,auto;background-position:center;pointer-events:none}.wide-section{width:min(100% - 40px, var(--max-width))}.works-hero-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px;align-items:stretch}.hero-card-side{position:relative}.hero-card-mark{position:absolute;top:50%;right:calc(100% + 24px);transform:translateY(-50%);width:46px;min-height:28px;display:flex;align-items:center;justify-content:center;opacity:.72}.hero-card-mark img{display:block;width:46px;height:auto}.works-hero-card{min-height:220px;padding:28px;display:flex;flex-direction:column;justify-content:center;gap:22px;border:1px solid var(--color-line);background:#fff}.works-hero-card .section-label{margin-bottom:0}.works-hero-card .hero-card-title{font-family:var(--font-en);font-size:clamp(20px, 2.4vw, 30px);line-height:1.1;letter-spacing:.08em;font-weight:500}.works-hero-copy{align-self:center;max-width:680px;text-shadow:var(--text-glow)}.works-hero-copy h1{margin-bottom:28px;white-space:nowrap}.works-hero-copy p{max-width:680px;line-height:1.95}.works-section{padding:72px 0 82px;border-bottom:1px solid var(--color-line)}.works-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:38px}.works-filter{position:relative;width:min(100%, 220px);font-family:var(--font-en)}.works-filter-button{position:relative;width:100%;padding:0 24px 8px 0;border:0;border-bottom:1px solid #111;border-radius:0;background:#fff0;color:#111;font-family:var(--font-en);font-size:12px;line-height:1;letter-spacing:.12em;font-weight:500;text-align:left;cursor:pointer}.works-filter-button::after{content:"";position:absolute;right:2px;top:2px;width:7px;height:7px;border-right:1px solid #111;border-bottom:1px solid #111;transform:rotate(45deg);transition:transform .2s ease;pointer-events:none}.works-filter.is-open .works-filter-button::after{transform:translateY(3px) rotate(225deg)}.works-filter-menu{position:absolute;top:calc(100% + 10px);left:0;z-index:10;width:100%;display:grid;padding:8px 0;border:1px solid var(--color-line);border-radius:var(--radius-subtle);background:rgb(255 255 255 / .98);box-shadow:0 18px 40px rgb(17 17 17 / .08);opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease}.works-filter.is-open .works-filter-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.works-filter-option{width:100%;min-height:34px;padding:0 14px;border:0;background:#fff0;color:#666;font-family:var(--font-en);font-size:10px;line-height:1;letter-spacing:.12em;text-align:left;cursor:pointer;transition:background .18s ease,color .18s ease}.works-filter-option:hover,.works-filter-option.is-active{background:#f7f7f7;color:#111}.works-grid{transition:opacity .22s ease;will-change:opacity}.works-grid.is-fading{opacity:1}.works-section .work-card,.works-section .work-info,.works-section .work-info h3{min-width:0}.works-section .work-info h3{display:block!important;width:100%;max-width:100%;height:1.55em;overflow:hidden!important;text-overflow:ellipsis;white-space:nowrap!important;word-break:normal;overflow-wrap:normal}@media (prefers-reduced-motion:reduce){.works-grid{transition:none}}.works-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:52px}.pagination-button{min-width:22px;padding:0 0 6px;border:0;border-bottom:1px solid #fff0;background:#fff0;color:#666;font-family:var(--font-en);font-size:11px;line-height:1;letter-spacing:.12em;cursor:pointer;transition:color .2s ease,border-color .2s ease}.pagination-button.is-active,.pagination-button:hover{border-bottom-color:#111;color:#111}@media (min-width:901px) and (max-width:1120px){.hero-card-side{display:grid;gap:18px}.hero-card-mark{position:static;transform:none}.works-hero-grid{grid-template-columns:220px minmax(0,1fr);gap:52px}.works-hero-card{min-height:204px;padding:24px}.works-hero-copy h1{font-size:clamp(29px, 3.5vw, 42px);letter-spacing:.04em}.works-hero-copy p{font-size:11.5px;line-height:1.85}}@media (max-width:900px){.page-hero{padding:64px 0}.works-hero-grid{grid-template-columns:1fr;gap:36px}.hero-card-side{display:grid;gap:18px}.hero-card-mark{position:static;transform:none}.works-hero-card{min-height:190px;padding:26px}.works-hero-copy h1{font-size:clamp(27px, 5.4vw, 42px);letter-spacing:.04em;white-space:normal}.works-section{padding:56px 0}.works-head{display:grid;gap:24px;align-items:start}.works-filter{width:min(100%, 220px)}}@media (max-width:520px){.wide-section{width:min(100% - 28px, var(--max-width))}.page-hero{padding:56px 0}.works-hero-card{min-height:170px;padding:24px}.works-hero-copy h1{font-size:clamp(25px, 6.6vw, 34px);letter-spacing:.02em;white-space:nowrap}.works-hero-copy p{font-size:11.5px;line-height:1.85;letter-spacing:.02em}.works-section{padding:52px 0}}