.home-page{--paper:#f6efe2;--paper-2:#fbf6ec;--card:#fffdf8;--ink:#211c16;--ink-soft:#5c5345;--line:#e3d8c4;--clay:#c8542e;--clay-deep:#9e3e20;--olive:#41513f;--gold:#d7a33f}.home-page .wrap{max-width:1180px;margin:0 auto;padding:0 40px}.home-page .hero{padding:84px 0 70px;position:relative;overflow:hidden}.home-page .hero .wrap{grid-template-columns:1.35fr .9fr;align-items:center;gap:56px;display:grid}.home-page .eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--clay-deep);align-items:center;gap:9px;margin-bottom:26px;font-family:Space Grotesk,Noto Sans TC,sans-serif;font-size:13px;font-weight:600;display:inline-flex}.home-page .eyebrow:before{content:"";background:var(--clay);width:26px;height:2px}.home-page .hero h1{letter-spacing:.01em;text-wrap:balance;margin:0;font-family:Noto Serif TC,serif;font-size:clamp(38px,4.4vw,60px);font-weight:900;line-height:1.22}.home-page .hero h1 .hl{color:var(--clay);white-space:nowrap;position:relative}.home-page .hero h1 .hl:after{content:"";z-index:-1;background:#d7a33f73;border-radius:2px;height:12px;position:absolute;bottom:6px;left:-2px;right:-2px}.home-page .hero p.lead{color:var(--ink-soft);max-width:50ch;margin-top:26px;margin-bottom:0;font-size:18px;line-height:1.85}.home-page .hero .who{align-items:center;gap:14px;margin-top:34px;display:flex}.home-page .hero .who .av{background:linear-gradient(135deg, var(--clay), var(--gold));color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:48px;height:48px;font-family:Noto Serif TC,serif;font-size:19px;font-weight:900;display:flex}.home-page .hero .who .t{font-size:14.5px;line-height:1.5}.home-page .hero .who .t b{font-weight:700}.home-page .hero .who .t span{color:var(--ink-soft)}.home-page .hero-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 24px 50px -30px #50321480}.home-page .hero-card .label{letter-spacing:.14em;text-transform:uppercase;color:var(--clay-deep);font-family:Space Grotesk,Noto Sans TC,sans-serif;font-size:12px;font-weight:600}.home-page .hero-card .stat{border-bottom:1px dashed var(--line);align-items:baseline;gap:8px;padding:16px 0;display:flex}.home-page .hero-card .stat:last-child{border-bottom:0;padding-bottom:0}.home-page .hero-card .stat .n{color:var(--ink);font-family:Noto Serif TC,serif;font-size:34px;font-weight:900}.home-page .hero-card .stat .d{color:var(--ink-soft);font-size:14px}.home-page .hero-cookie{opacity:.5;pointer-events:none;width:230px;height:230px;position:absolute;top:-40px;right:-60px}.home-page .sec{padding:64px 0}.home-page .sec-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:38px;display:flex}.home-page .sec-head .kick{letter-spacing:.16em;text-transform:uppercase;color:var(--clay-deep);margin-bottom:10px;font-family:Space Grotesk,Noto Sans TC,sans-serif;font-size:13px;font-weight:600}.home-page .sec-head h2{letter-spacing:.02em;margin:0;font-family:Noto Serif TC,serif;font-size:34px;font-weight:900}.home-page .sec-head .more{color:var(--ink-soft);white-space:nowrap;align-items:center;gap:6px;font-size:14.5px;font-weight:600;transition:all .18s;display:inline-flex}.home-page .sec-head .more:hover{color:var(--clay);gap:10px}.home-page .featured{background:var(--card);border:1px solid var(--line);border-radius:22px;grid-template-columns:1.05fr 1fr;display:grid;overflow:hidden;box-shadow:0 30px 60px -40px #5032148c}.home-page .ph{color:#b39b6e;background:repeating-linear-gradient(135deg,#efe4cf,#efe4cf 11px,#ead9bd 11px 22px);min-height:300px;line-height:0;display:block;position:relative;overflow:hidden}.home-page .ph img{object-fit:cover;width:100%;height:100%;min-height:300px;display:block}.home-page .ph .ph-tag{z-index:2;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);background:#fffdf8d9;border-radius:999px;padding:6px 12px;font-family:Space Grotesk,Noto Sans TC,sans-serif;font-size:12.5px;line-height:normal;position:absolute;top:12px;left:12px}.home-page .ph:not(:has(img)){justify-content:center;align-items:center;display:flex}.home-page .ph:not(:has(img)) .ph-tag{position:static}.home-page .featured .body{padding:44px 42px}.home-page .featured-tags{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:18px;display:flex}.home-page .pin{color:var(--clay);align-items:center;gap:7px;margin-bottom:0;font-size:13px;font-weight:700;display:inline-flex}.home-page .cat-tag{letter-spacing:.04em;color:var(--olive);background:#41513f1a;border-radius:999px;margin-bottom:0;padding:5px 12px;font-size:12.5px;font-weight:700;display:inline-block}.home-page .card .cat-tag{margin-bottom:0}.home-page .featured h3{text-wrap:pretty;margin:0 0 16px;font-family:Noto Serif TC,serif;font-size:30px;font-weight:900;line-height:1.32}.home-page .featured h3 a{transition:color .18s}.home-page .featured h3 a:hover{color:var(--clay)}.home-page .featured .ex{color:var(--ink-soft);margin:0 0 26px;font-size:16px;line-height:1.85}.home-page .meta{color:var(--ink-soft);align-items:center;gap:14px;font-size:13.5px;display:flex}.home-page .meta .dot{background:var(--line);border-radius:50%;width:3px;height:3px}.home-page .grid2{grid-template-columns:1fr 1fr;gap:34px;display:grid}.home-page .card{background:var(--card);border:1px solid var(--line);border-radius:18px;flex-direction:column;transition:transform .22s,box-shadow .22s;display:flex;overflow:hidden}.home-page .card:hover{transform:translateY(-6px);box-shadow:0 26px 46px -30px #5032148c}.home-page .card .ph{aspect-ratio:16/10;min-height:0}.home-page .card .c-body{flex-direction:column;flex:1;padding:24px 26px 28px;display:flex}.home-page .card h3{text-wrap:pretty;margin:14px 0 12px;font-family:Noto Serif TC,serif;font-size:21px;font-weight:700;line-height:1.42}.home-page .card h3 a{transition:color .18s}.home-page .card:hover h3 a{color:var(--clay)}.home-page .card .ex{color:var(--ink-soft);flex:1;margin:0 0 20px;font-size:14.5px;line-height:1.75}.home-page .card .meta{margin-top:auto}.home-page .cat-band{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.home-page .cat-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.home-page .cat{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px 24px;transition:all .22s;display:block;position:relative;overflow:hidden}.home-page .cat:hover{border-color:var(--clay);transform:translateY(-5px);box-shadow:0 22px 40px -30px #50321480}.home-page .cat .ix{color:var(--clay);font-family:Space Grotesk,Noto Sans TC,sans-serif;font-size:14px;font-weight:700}.home-page .cat h4{margin:14px 0 8px;font-family:Noto Serif TC,serif;font-size:21px;font-weight:900}.home-page .cat p{color:var(--ink-soft);margin:0;font-size:13.5px;line-height:1.6}.home-page .cat .cnt{color:var(--ink-soft);font-size:13px;position:absolute;bottom:18px;right:20px}@media (width<=920px){.home-page .wrap{padding:0 22px}.home-page .hero{padding:56px 0 48px}.home-page .hero .wrap{grid-template-columns:1fr;gap:0}.home-page .hero-card{display:none}.home-page .hero h1{font-size:clamp(34px,8vw,46px)}.home-page .hero p.lead{font-size:16.5px}.home-page .sec{padding:48px 0}.home-page .sec-head h2{font-size:28px}.home-page .featured{grid-template-columns:1fr}.home-page .featured .body{padding:30px 26px}.home-page .featured h3{font-size:25px}.home-page .grid2{grid-template-columns:1fr;gap:22px}.home-page .cat-grid{grid-template-columns:1fr 1fr;gap:14px}}@media (width<=560px){.home-page .wrap{padding:0 18px}.home-page .cat-grid{grid-template-columns:1fr}.home-page .sec-head{flex-direction:column;align-items:flex-start;gap:10px}.home-page .featured .ph,.home-page .card .ph{min-height:150px}}