/* 作品索引的專用設計層；不改動內容頁、共用選單及後台。 */
.works_list_body {
    --works_ink: #0b3442;
    --works_muted: #516b72;
    --works_accent: #008c91;
    --works_line: #cfdddd;
    --works_paper: #f5f9f9;
    --works_gutter: clamp(28px, 4.5vw, 100px);
    --works_hero_height: 90svh;
    --works_title_size: clamp(90px, 8.35vw, 180px);
    --works_bento_gap: clamp(18px, 1.65vw, 34px);
    --works_card_row: clamp(360px, 23vw, 440px);
    --works_hover_scale: 1.035;
    background: var(--works_paper);
    color: var(--works_ink);
}
@media (max-width: 1199px) {
    .works_list_body { --works_title_size: clamp(76px, 10vw, 120px); --works_card_row: 440px; --works_gutter: 32px; }
}
@media (max-width: 600px) {
    .works_list_body { --works_gutter: 22px; --works_title_size: clamp(72px, 19.2vw, 100px); --works_hero_height: 85svh; --works_bento_gap: 38px; }
}

/* 主視覺：左側文字與右側獨立玻璃 N，環境圖片僅作極淡景深。 */
.works_list_page .works_banner {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 640px;
    height: var(--works_hero_height);
    max-height: 1180px;
    padding: 140px var(--works_gutter) 82px;
    overflow: hidden;
    background: var(--works_paper);
    isolation: isolate;
}
.works_list_page .works_banner::after {
    content: '';
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient(90deg, var(--works_paper) 6%, rgba(245,249,249,.88) 38%, rgba(245,249,249,.45)), linear-gradient(0deg, var(--works_paper), transparent 45%);
    pointer-events: none;
}
.works_hero_background { position: absolute; inset: 0; z-index: -2; overflow: hidden; opacity: .28; pointer-events: none; }
.works_list_page .works_banner_image {
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    margin: 0;
    max-width: none;
    object-fit: cover;
    object-position: center;
    opacity: 1;
}
.works_list_page .works_banner_copy { z-index: 2; max-width: 76%; pointer-events: none; }
.works_list_page .works_banner_copy a { pointer-events: auto; }
.works_list_page .works_banner_copy .works_eyebrow { margin-bottom: 38px; font-size: 11px; letter-spacing: .28em; color: var(--works_ink); }
.works_list_page .works_banner h1 {
    font-size: var(--works_title_size);
    line-height: 1.025;
    letter-spacing: -.068em;
    font-weight: 300;
    overflow-wrap: normal;
}
.works_title_line { display: block; overflow: hidden; padding: .035em .06em .08em 0; margin: -.035em -.06em -.08em 0; }
.works_title_inner { display: block; }
.works_title_into { margin-right: .08em; }
.works_list_page .works_banner_subtitle { margin-top: 32px !important; font-size: clamp(15px, 1.1vw, 20px); letter-spacing: .065em; line-height: 1.95; }
.works_banner_disciplines { margin-top: 20px !important; font-size: clamp(9px, .64vw, 11px); letter-spacing: .11em; color: var(--works_muted); }
.works_list_page .works_banner_explore { margin-top: 40px; gap: 18px; font-size: 9px; letter-spacing: .14em; }
.works_list_page .works_banner_explore > span:first-child { width: 44px; height: 44px; font-size: 18px; border-color: #91aaad; }
.works_list_page .works_hero_visual {
    position: absolute;
    z-index: 1;
    top: 14%;
    right: -3%;
    width: 58%;
    height: 77%;
    min-height: 0;
    aspect-ratio: auto;
    perspective: 1200px;
    pointer-events: none;
    mix-blend-mode: multiply;
}
.works_hero_visual_inner { width: 100%; height: 100%; transform-origin: 65% 55%; }
.works_hero_art { display: block; width: 100%; height: 100%; object-fit: contain; }
.works_hero_caption { position: absolute; right: 10%; bottom: 1%; display: flex; gap: 18px; font-size: 9px; letter-spacing: .19em; color: #466a75; }
.works_hero_caption::before { content: ''; align-self: center; width: 42px; height: 1px; background: #789599; }
.works_hero_note { position: absolute; left: var(--works_gutter); bottom: 26px; font-size: 8px; line-height: 1.8; letter-spacing: .18em; color: var(--works_muted); }
@media (max-width: 1199px) {
    .works_list_page .works_banner { min-height: 780px; max-height: 1050px; align-items: flex-start; padding-top: 165px; }
    .works_list_page .works_banner_copy { max-width: 96%; }
    .works_list_page .works_hero_visual { top: auto; bottom: 2%; right: -6%; height: 55%; width: 80%; }
    .works_list_page .works_banner_explore { margin-top: 42px; }
    .works_hero_caption { bottom: 4%; right: 12%; }
}
@media (max-width: 600px) {
    .works_list_page .works_banner { min-height: 700px; max-height: 920px; padding: 118px var(--works_gutter) 30px; }
    .works_list_page .works_banner_copy { max-width: 100%; width: 100%; }
    .works_list_page .works_banner_copy .works_eyebrow { margin-bottom: 20px; font-size: 9px; }
    .works_list_page .works_banner h1 { line-height: .98; letter-spacing: -.065em; }
    .works_title_into, .works_title_reality { display: block; }
    .works_title_into { margin-right: 0; }
    .works_list_page .works_banner_subtitle { font-size: 13px; margin-top: 23px !important; letter-spacing: .025em; line-height: 1.9; }
    .works_banner_disciplines { max-width: 280px; font-size: 8px; line-height: 2; margin-top: 12px !important; }
    .works_list_page .works_hero_visual { width: 83%; right: -12%; bottom: 1%; height: 33%; }
    .works_hero_caption { right: 22%; bottom: 3%; font-size: 7px; gap: 10px; }
    .works_hero_caption::before { display: none; }
    .works_list_page .works_banner_explore { margin-top: 46px; font-size: 8px; gap: 10px; }
    .works_list_page .works_banner_explore > span:first-child { width: 34px; height: 34px; }
}

/* 工具列可黏在視窗上緣；右側預留既有固定 MENU 的點擊空間。 */
.works_list_page .works_collection { padding: 0 var(--works_gutter) 70px; background: none; scroll-margin-top: 0; }
.works_list_page .works_toolbar {
    position: sticky;
    z-index: 20;
    top: var(--works_toolbar_top, 0px);
    min-height: 106px;
    margin: 0 calc(-1 * var(--works_gutter)) 38px;
    padding: 22px calc(var(--works_gutter) + 135px) 22px var(--works_gutter);
    gap: 15px 24px;
    flex-wrap: wrap;
    background: rgba(245,249,249,.97);
    border-top: 1px solid var(--works_line);
    border-bottom: 1px solid var(--works_line);
}
.works_list_page .works_category_tabs { flex-wrap: nowrap; gap: clamp(1px, .45vw, 10px); max-width: 100%; }
.works_list_page .works_category_tabs a {
    position: relative;
    flex: 0 0 auto;
    min-height: 38px;
    padding: 8px 13px;
    border: 0;
    border-radius: 100px;
    font-size: 10px;
    letter-spacing: .035em;
    transition: color .25s, background .25s;
}
.works_list_page .works_category_tabs a::after { content: ''; position: absolute; bottom: 4px; left: 50%; width: 4px; height: 4px; border-radius: 50%; background: var(--works_accent); transform: translateX(-50%); opacity: 0; transition: opacity .25s; }
.works_list_page .works_category_tabs a:hover { transform: none; color: #006d75; }
.works_list_page .works_category_tabs a:hover::after { opacity: 1; }
.works_list_page .works_category_tabs a.is_active { color: #fff; background: #0f4c5c; }
.works_list_page .works_category_tabs a.is_active::after { opacity: 0; }
.works_list_page .works_search_form { flex: 1 1 330px; max-width: 445px; gap: 20px; }
.works_list_page .works_search_field { border-color: #b5c8ca; }
.works_list_page .works_search_field input { min-height: 38px; font-size: 12px; padding-left: 30px; }
.works_list_page .works_search_field button { height: 38px; }
.works_list_page .works_search_field svg { width: 17px; height: 17px; }
.works_list_page .works_sort_field { gap: 5px; }
.works_list_page .works_sort_field svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.2; }
.works_list_page .works_sort_field select { max-width: 102px; font-size: 11px; }
.works_results_status { min-height: 0; font-size: 12px; color: #44656b; }
.works_results_status:not(:empty) { margin: -20px 0 20px; }
.works_results_status button { margin-left: 12px; padding: 5px 12px; border: 1px solid var(--works_line); background: #fff; color: var(--works_ink); }
.works_list_page #works_results { min-height: 280px; outline: none; }
.works_list_page #works_results[aria-busy="true"] { opacity: .6; pointer-events: none; }
@media (max-width: 1199px) {
    .works_list_page .works_toolbar { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; padding-right: calc(var(--works_gutter) + 120px); }
    .works_list_page .works_search_form { max-width: 100%; }
    .works_list_page .works_category_tabs { overflow-x: auto; scrollbar-width: thin; scrollbar-color: #bed1d4 transparent; padding-bottom: 4px; }
}
@media (max-width: 600px) {
    .works_list_page .works_collection { padding-bottom: 48px; }
    .works_list_page .works_toolbar { padding: 17px var(--works_gutter) 15px; margin-bottom: 25px; gap: 13px; }
    .works_list_page .works_category_tabs { max-width: calc(100% - 100px); padding-right: 0; margin-right: 0; }
    .works_list_page .works_category_tabs a { min-height: 35px; font-size: 9px; padding: 7px 12px; }
    .works_list_page .works_search_form { gap: 18px; }
    .works_list_page .works_search_field input { font-size: 12px; min-height: 40px; }
    .works_list_page .works_sort_field > span { display: none; }
}

/* 五種索引版型循環；不以任何客戶名稱決定樣式，也不增加資料庫欄位。 */
.works_list_page .works_case_grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-auto-rows: minmax(var(--works_card_row), auto); gap: var(--works_bento_gap); }
.works_list_page .works_case_card { position: relative; grid-column: span 4; min-width: 0; border-radius: 0; overflow: visible; background: transparent; box-shadow: none; perspective: 1500px; }
.works_list_page .works_case_card:hover, .works_list_page .works_case_card:focus-within { box-shadow: none; }
.works_list_page .works_case_card[data-card-variant="featured"] { grid-column: span 8; grid-row: span 2; }
.works_list_page .works_case_card[data-card-variant="wide"] { grid-column: span 5; }
.works_card_anchor { position: relative; display: flex; flex-direction: column; width: 100%; height: 100%; background: #fff; isolation: isolate; transform-origin: center; }
.works_list_page .works_card_image { position: relative; display: block; flex: 1 1 auto; aspect-ratio: auto; min-height: 0; background: #e2ecec; }
.works_card_parallax { position: absolute; inset: 0; }
.works_card_parallax > img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 1.1s cubic-bezier(.22,.61,.36,1); }
.works_list_page .works_image_placeholder { position: absolute; inset: 0; min-height: 0; }
.works_list_page .works_card_number, .works_list_page .works_card_category { top: 18px; font-size: 10px; padding: 4px 7px; border-radius: 0; background: rgba(245,249,249,.94); color: var(--works_ink); letter-spacing: .08em; }
.works_list_page .works_card_number { left: 18px; }
.works_list_page .works_card_category { right: 18px; }
.works_list_page .works_card_content { display: flex; flex-direction: column; justify-content: flex-end; align-items: stretch; flex: 0 0 auto; gap: 10px; padding: 22px 25px; color: var(--works_ink); }
.works_list_page .works_card_copy { transition: transform .65s cubic-bezier(.22,.61,.36,1); }
.works_card_meta { font-size: 9px; line-height: 1.7; letter-spacing: .055em; margin-bottom: 9px !important; opacity: .84; }
.works_list_page .works_card_copy h2 { font-size: clamp(22px, 1.55vw, 32px); letter-spacing: -.025em; line-height: 1.25; font-weight: 400; }
.works_list_page .works_card_subtitle { color: inherit; font-size: 11px; line-height: 1.65; letter-spacing: .035em; margin-top: 6px; }
.works_list_page .works_card_summary { -webkit-line-clamp: 2; font-size: 12px; line-height: 1.75; margin-top: 12px !important; color: inherit; opacity: .84; }
.works_card_tags { display: flex; flex-wrap: wrap; gap: 5px 12px; font-size: 9px; line-height: 1.7; color: inherit; opacity: .8; transition: opacity .35s; }
.works_card_tags > span { display: inline-block; }
.works_card_tags > span + span::before { content: '/'; margin-right: 12px; opacity: .5; }
.works_list_page .works_card_link { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 9px; border-top: 1px solid #d7e2e2; color: inherit !important; font-size: 9px; letter-spacing: .1em; }
.works_list_page .works_card_link > span { font-size: 20px; font-weight: 300; transition: transform .4s; }
.works_list_page .works_card_logo { display: flex; width: 88px; max-width: 40%; min-height: 0; }
.works_list_page .works_card_logo img { height: 25px; max-height: 25px; width: 100%; object-fit: contain; object-position: left center; }
.works_list_page .works_card_content_wide_logo .works_card_logo { width: 145px; max-width: 60%; }
/* 主角卡與大幅橫圖的視差層保留上下餘量；Hover 僅變動內層圖片。 */
.works_list_page [data-card-variant="featured"] .works_card_parallax, .works_list_page [data-card-variant="wide"] .works_card_parallax { inset: -6% 0; }
.works_list_page [data-card-variant="featured"] .works_card_image, .works_list_page [data-card-variant="minimal"] .works_card_image, .works_list_page [data-card-variant="wide"] .works_card_image { position: absolute; inset: 0; height: 100%; }
.works_list_page [data-card-variant="featured"] .works_card_image::after, .works_list_page [data-card-variant="minimal"] .works_card_image::after, .works_list_page [data-card-variant="wide"] .works_card_image::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(4,28,35,.05) 15%, rgba(4,28,35,.55) 40%, rgba(4,28,35,.93) 66%, #041c23); opacity: 1; transition: opacity .55s; pointer-events: none; }
.works_list_page [data-card-variant="minimal"] .works_card_image::after { background: linear-gradient(180deg, rgba(4,28,35,.15), rgba(4,28,35,.87) 40%, #041c23); }
.works_list_page [data-card-variant="featured"] .works_card_content, .works_list_page [data-card-variant="minimal"] .works_card_content, .works_list_page [data-card-variant="wide"] .works_card_content { position: relative; z-index: 1; margin-top: auto; color: #fff; padding: clamp(28px, 3.2vw, 65px); pointer-events: none; }
.works_list_page [data-card-variant="featured"] .works_card_copy h2 { font-size: clamp(36px, 4vw, 78px); font-weight: 300; line-height: 1.08; }
.works_list_page [data-card-variant="featured"] .works_card_copy { max-width: 620px; }
.works_list_page [data-card-variant="featured"] .works_card_subtitle { font-size: 13px; margin-top: 14px; }
.works_list_page [data-card-variant="featured"] .works_card_summary { font-size: 13px; max-width: 480px; }
.works_list_page [data-card-variant="featured"] .works_card_tags { margin-top: 8px; }
.works_list_page [data-card-variant="featured"] .works_card_link, .works_list_page [data-card-variant="minimal"] .works_card_link, .works_list_page [data-card-variant="wide"] .works_card_link { border-color: rgba(230,249,249,.32); margin-top: 8px; }
.works_list_page [data-card-variant="featured"] .works_card_logo, .works_list_page [data-card-variant="minimal"] .works_card_logo, .works_list_page [data-card-variant="wide"] .works_card_logo { background: rgba(255,255,255,.95); padding: 7px 9px; width: 106px; }
.works_list_page [data-card-variant="featured"] .works_card_content_wide_logo .works_card_logo, .works_list_page [data-card-variant="minimal"] .works_card_content_wide_logo .works_card_logo, .works_list_page [data-card-variant="wide"] .works_card_content_wide_logo .works_card_logo { width: 166px; }
.works_list_page [data-card-variant="minimal"] .works_card_content, .works_list_page [data-card-variant="wide"] .works_card_content { padding: 24px 25px; gap: 8px; }
.works_list_page [data-card-variant="minimal"] .works_card_summary, .works_list_page [data-card-variant="wide"] .works_card_summary { margin-top: 8px !important; }
.works_list_page [data-card-variant="editorial"] .works_card_image { min-height: 30%; }
.works_list_page [data-card-variant="editorial"] .works_card_content { padding: 18px 24px; gap: 7px; }
.works_list_page [data-card-variant="editorial"] .works_card_copy h2 { font-size: 23px; }
.works_list_page [data-card-variant="editorial"] .works_card_summary { margin-top: 7px !important; }
.works_list_page [data-card-variant="editorial"] .works_card_logo { position: absolute; top: 18px; right: 18px; z-index: 1; padding: 5px; background: #fff; max-width: 100px; }
.works_list_page [data-card-variant="editorial"] .works_card_category { display: none; }
.works_list_page [data-card-variant="split"] .works_card_anchor { display: grid; grid-template-columns: .95fr 1.05fr; }
.works_list_page [data-card-variant="split"] .works_card_content { padding: 20px; justify-content: center; }
.works_list_page [data-card-variant="split"] .works_card_copy h2 { font-size: 24px; }
.works_list_page [data-card-variant="split"] .works_card_category { display: none; }
.works_list_page [data-card-variant="split"] .works_card_summary { -webkit-line-clamp: 3; }
@media (hover: hover) and (pointer: fine) {
    .works_card_anchor:hover .works_card_parallax > img { transform: scale(var(--works_hover_scale)); }
    .works_card_anchor:hover .works_card_copy { transform: translateY(-4px); }
    .works_card_anchor:hover .works_card_tags { opacity: 1; }
    .works_card_anchor:hover .works_card_link > span { transform: translateX(6px); }
    .works_list_page .works_card_anchor:hover .works_card_image::after { opacity: 1; }
}
.works_card_anchor:focus-visible { outline-offset: 5px; }
.works_card_anchor:focus-visible .works_card_link > span { transform: translateX(6px); }
@media (max-width: 1199px) {
    .works_list_page .works_case_grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: auto; gap: 28px; }
    .works_list_page .works_case_card { grid-column: span 1; min-height: 420px; }
    .works_list_page .works_case_card[data-card-variant="featured"] { grid-column: 1 / -1; grid-row: auto; height: clamp(530px, 65vw, 690px); }
    .works_list_page .works_case_card[data-card-variant="wide"] { grid-column: auto; }
    .works_list_page [data-card-variant="featured"] .works_card_copy h2 { font-size: clamp(48px, 7vw, 68px); }
    .works_list_page [data-card-variant="editorial"] .works_card_image { min-height: 185px; }
    .works_list_page [data-card-variant="split"] .works_card_anchor { display: flex; }
    .works_list_page [data-card-variant="split"] .works_card_image { min-height: 195px; }
    .works_list_page [data-card-variant="split"] .works_card_content { padding: 24px; }
}
@media (max-width: 600px) {
    .works_list_page .works_case_grid { grid-template-columns: minmax(0, 1fr); gap: var(--works_bento_gap); }
    .works_list_page .works_case_card, .works_list_page .works_case_card[data-card-variant="featured"], .works_list_page .works_case_card[data-card-variant="wide"] { grid-column: 1; min-height: 0; height: auto; grid-row: auto; }
    .works_list_page .works_case_card .works_card_anchor { display: flex; background: transparent; }
    .works_list_page .works_case_card .works_card_image { position: relative; inset: auto; flex: none; width: 100%; min-height: 0; height: auto; aspect-ratio: 16 / 10; }
    .works_list_page .works_case_card:nth-child(4n+2) .works_card_image, .works_list_page .works_case_card:nth-child(4n+4) .works_card_image { aspect-ratio: 4 / 5; }
    .works_list_page .works_case_card:nth-child(4n+3) .works_card_image { aspect-ratio: 16 / 9; }
    .works_list_page .works_case_card .works_card_image::after { display: none; }
    .works_list_page .works_case_card .works_card_parallax { inset: 0; }
    .works_list_page .works_case_card .works_card_content { position: relative; padding: 23px 0 0; gap: 12px; color: var(--works_ink); margin: 0; }
    .works_list_page .works_case_card .works_card_copy h2 { font-size: 31px; font-weight: 400; letter-spacing: -.035em; }
    .works_list_page .works_case_card .works_card_subtitle { margin-top: 8px; font-size: 12px; }
    .works_list_page .works_case_card .works_card_summary { margin-top: 12px !important; font-size: 13px; -webkit-line-clamp: 3; opacity: 1; color: var(--works_muted); }
    .works_list_page .works_case_card .works_card_logo, .works_list_page .works_case_card .works_card_content_wide_logo .works_card_logo { position: static; background: transparent; padding: 0; width: 126px; max-width: 50%; }
    .works_list_page .works_case_card .works_card_logo img { max-height: 30px; height: 30px; }
    .works_list_page .works_case_card .works_card_link { border-color: var(--works_line); padding-top: 13px; margin: 0; }
    .works_list_page .works_case_card .works_card_category { display: block; font-size: 9px; }
}

/* 品牌延伸卡：只有真實下一頁才顯示載入更多，否則導向現有專案洽詢。 */
.works_more_tile { position: relative; grid-column: span 3; isolation: isolate; min-width: 0; overflow: hidden; background: #e5eeee; }
.works_more_tile:nth-child(5n+2) { grid-column: span 4; grid-row: span 2; }
.works_more_tile:nth-child(5n+3) { grid-column: span 4; }
.works_more_tile:nth-child(5n+4) { grid-column: span 12; }
.works_more_tile:nth-child(5n+5) { grid-column: span 8; }
.works_more_anchor, .works_more_anchor.works_load_more { display: block; width: 100%; height: 100%; margin: 0; color: var(--works_ink); }
.works_more_image { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: 65% center; opacity: .28; transition: transform 1s cubic-bezier(.22,.61,.36,1); }
.works_more_image img { width: 100%; height: 100%; object-fit: cover; }
.works_more_copy { position: relative; display: flex; height: 100%; flex-direction: column; justify-content: center; align-items: flex-start; padding: clamp(25px, 3vw, 60px); background: linear-gradient(90deg, rgba(237,245,245,.83), rgba(237,245,245,.2)); }
.works_more_copy .works_eyebrow { font-size: 9px; }
.works_more_copy h2 { font-size: clamp(27px, 2.8vw, 54px); font-weight: 300; line-height: 1.1; letter-spacing: -.045em; margin: 23px 0 !important; }
.works_more_copy > p:not(.works_eyebrow) { font-size: 12px; color: var(--works_muted); }
.works_more_link { display: flex; align-items: center; gap: 18px; margin-top: 30px; font-size: 10px; letter-spacing: .08em; }
.works_more_link > span { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid #6e959d; border-radius: 50%; font-size: 19px; transition: transform .5s; }
.works_more_tile:hover .works_more_image { transform: scale(1.035); }
.works_more_tile:hover .works_more_link > span { transform: rotate(45deg); }
@media (max-width: 1199px) {
    .works_more_tile, .works_more_tile:nth-child(n) { grid-column: span 1; grid-row: auto; min-height: 420px; }
    .works_more_tile:nth-child(2n+1) { grid-column: 1 / -1; min-height: 340px; }
    .works_more_copy h2 { font-size: 40px; }
}
@media (max-width: 600px) {
    .works_more_tile, .works_more_tile:nth-child(n) { grid-column: 1; min-height: 370px; }
    .works_more_copy { padding: 32px 28px; }
    .works_more_copy h2 { font-size: 45px; }
}

/* 搜尋空狀態、真實筆數與洽詢入口。 */
.works_list_page .works_empty { padding: 100px 20px 120px; }
.works_list_page .works_empty .works_eyebrow { font-size: 12px; }
.works_list_page .works_empty h2 { font-size: clamp(25px, 3vw, 42px); margin-top: 24px; font-weight: 300; }
.works_list_page .works_empty p { font-size: 14px; }
.works_list_page .works_list_bottom { margin-top: 45px; padding-top: 24px; border-top: 1px solid var(--works_line); gap: 24px; }
.works_list_page .works_result_count { font-size: 9px; letter-spacing: .15em; }
.works_list_page .works_contact_link { color: var(--works_ink) !important; font-size: 10px; letter-spacing: .09em; }
.works_list_page .works_pagination a.is_active { background: #0f4c5c; }
.works_list_page.is_enhanced .works_pagination { display: none; }
@media (max-width: 600px) {
    .works_list_page .works_list_bottom { justify-content: space-between; align-items: flex-start; margin-top: 30px; gap: 22px; }
    .works_list_page .works_result_count { width: auto; text-align: left; font-size: 8px; }
    .works_list_page .works_contact_link { width: auto; font-size: 8px; gap: 8px; }
}
.works_project_cta { position: relative; padding: 105px var(--works_gutter) 125px; overflow: hidden; border-top: 1px solid var(--works_line); }
.works_project_cta > .works_eyebrow { margin-bottom: 30px; }
.works_project_cta h2 { font-size: clamp(72px, 10.8vw, 210px); line-height: .98; font-weight: 300; letter-spacing: -.068em; overflow-wrap: normal; }
.works_project_cta h2 > span { display: block; }
.works_project_cta > p:not(.works_eyebrow) { margin-top: 30px; font-size: clamp(15px, 1.3vw, 21px); letter-spacing: .05em; }
.works_project_cta > a { display: inline-flex; gap: 28px; align-items: center; margin-top: 35px; font-size: 13px; padding-bottom: 15px; border-bottom: 1px solid var(--works_ink); }
.works_project_cta > a > span { display: inline-block; font-size: 24px; transition: transform .4s; }
.works_project_cta > a:hover > span { transform: translate(4px, -4px); }
.works_project_cta_bottom { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 45px; max-width: 1240px; }
.works_project_cta_bottom p { font-size: 17px; letter-spacing: .05em; }
.works_project_cta_bottom a { display: inline-flex; align-items: center; gap: 40px; padding-bottom: 14px; border-bottom: 1px solid var(--works_ink); font-size: 13px; }
.works_project_cta_bottom a span { font-size: 24px; transition: transform .4s; }
.works_project_cta_bottom a:hover span { transform: translate(4px, -4px); }
@media (max-width: 600px) {
    .works_project_cta { padding-top: 65px; padding-bottom: 75px; }
    .works_project_cta h2 { font-size: clamp(43px, 11.7vw, 69px); line-height: 1.1; }
    .works_project_cta > p:not(.works_eyebrow) { font-size: 13px; margin-top: 25px; }
    .works_project_cta > a { margin-top: 26px; font-size: 12px; }
    .works_project_cta_bottom { flex-direction: column; align-items: flex-start; gap: 27px; margin-top: 30px; }
    .works_project_cta_bottom p { font-size: 13px; }
}

/* 游標只由桌機精準指標啟動，永遠不攔截點擊或覆蓋共用選單。 */
.works_view_cursor { position: fixed; z-index: 190; top: 0; left: 0; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; gap: 6px; border-radius: 50%; background: #0f4c5c; color: #fff; font: 10px/1 'Manrope', sans-serif; letter-spacing: .09em; pointer-events: none; opacity: 0; transition: opacity .2s; }
.works_view_cursor > span { opacity: 0; transition: opacity .15s; }
.works_view_cursor.is_visible { opacity: .8; }
.works_view_cursor.is_case { opacity: .95; }
.works_view_cursor.is_case > span { opacity: 1; }
@media (min-width: 1200px) and (hover: hover) and (pointer: fine) { .works_list_page.has_works_cursor .works_card_anchor { cursor: none; } }
@media (max-width: 1199px), (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) { .works_view_cursor { display: none !important; } }
@media (prefers-reduced-motion: reduce) {
    .works_list_page .works_card_anchor, .works_list_page .works_card_parallax, .works_list_page .works_card_parallax > img, .works_list_page .works_card_copy, .works_list_page .works_more_image, .works_list_page .works_more_link > span { transform: none !important; }
}