@charset "UTF-8";
:root { --hk-ink:#151412; --hk-paper:#f2eee5; --hk-red:#ef4b2f; --hk-line:rgba(21,20,18,.2); }
.hkartist-recovery, .hk-site-header, .hk-site-footer { box-sizing:border-box; color:var(--hk-ink); font-family:Inter,"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif; }
.hkartist-recovery *, .hk-site-header *, .hk-site-footer * { box-sizing:border-box; }
.hkartist-recovery a, .hk-site-header a, .hk-site-footer a { color:inherit; }
.hkartist-recovery h1, .hkartist-recovery h2, .hkartist-recovery h3, .hkartist-recovery p { margin-top:0; }
.hkartist-recovery h1, .hkartist-recovery h2, .hk-brand, .hk-site-mark { font-family:"Arial Narrow","Helvetica Neue","Noto Sans TC",sans-serif; font-stretch:condensed; letter-spacing:-.045em; }
.hk-skip { position:fixed; top:0; left:1rem; z-index:1000; transform:translateY(-120%); background:#fff; color:#111; padding:.75rem 1rem; }
.hk-skip:focus { transform:none; }
.hk-standalone { margin:0; background:var(--hk-paper); color:var(--hk-ink); overflow-x:clip; }
.hk-site-header { min-height:74px; padding:0 clamp(1.25rem,4vw,4.5rem); display:flex; align-items:center; justify-content:space-between; gap:2rem; border-bottom:1px solid rgba(255,255,255,.18); background:#141311; color:#fff; }
.hk-site-mark { color:#fff; text-decoration:none; font-size:1.35rem; font-weight:800; }
.hk-site-mark span { margin-left:.55rem; font:600 .65rem/1 system-ui,sans-serif; letter-spacing:.12em; opacity:.55; }
.hk-nav { display:flex; gap:clamp(.8rem,2vw,2rem); align-items:center; }
.hk-nav a { color:inherit; text-decoration:none; font-size:.82rem; opacity:.76; transition:opacity .2s ease,color .2s ease; }
.hk-nav a:hover, .hk-nav a:focus-visible { opacity:1; color:#ff735d; }
.hkartist-recovery { --hk-pad:clamp(1.25rem,5vw,5.5rem); width:100%; }
.hk-home { background:var(--hk-paper); overflow:visible; }
.hk-hero { position:relative; min-height:clamp(620px,calc(100svh - 74px),900px); width:100vw; margin-left:var(--hk-edge,calc(50% - 50vw)); overflow:hidden; display:flex; align-items:flex-end; isolation:isolate; background:#171513; color:#fff; }
.hk-hero-art { position:absolute; inset:-5%; z-index:-3; width:110%; height:110%; object-fit:cover; transform:translate3d(0,var(--hk-parallax,0),0) scale(1.03); will-change:transform; }
.hk-hero-shade { position:absolute; inset:0; z-index:-2; background:linear-gradient(90deg,rgba(12,11,10,.96) 0%,rgba(12,11,10,.78) 36%,rgba(12,11,10,.2) 72%,rgba(12,11,10,.48) 100%),linear-gradient(0deg,rgba(10,9,8,.72),transparent 58%); }
.hk-hero-inner { width:min(1180px,100%); margin:0 auto; padding:clamp(7rem,15vh,11rem) var(--hk-pad) clamp(4rem,8vh,6rem); }
.hk-brand { margin:0 0 clamp(2.5rem,8vh,6rem); color:#fff; font-size:clamp(3.2rem,8vw,8.8rem); line-height:.82; font-weight:900; opacity:0; transform:translateY(24px); }
.hk-brand span { display:block; margin-top:1rem; font:700 clamp(.65rem,1vw,.9rem)/1 system-ui,sans-serif; letter-spacing:.2em; text-transform:uppercase; opacity:.58; }
.hk-hero h1 { max-width:760px; margin:0 0 1.35rem; font-size:clamp(2rem,4.8vw,5rem); line-height:.94; font-weight:720; opacity:0; transform:translateY(24px); }
.hk-lede { max-width:590px; margin-bottom:2rem; color:rgba(255,255,255,.78); font-size:clamp(1rem,1.6vw,1.2rem); line-height:1.65; opacity:0; transform:translateY(18px); }
.hk-actions { display:flex; align-items:center; gap:1.5rem; flex-wrap:wrap; opacity:0; transform:translateY(18px); }
.hk-hero.is-ready .hk-brand, .hk-hero.is-ready h1, .hk-hero.is-ready .hk-lede, .hk-hero.is-ready .hk-actions { opacity:1; transform:none; transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1); }
.hk-hero.is-ready h1 { transition-delay:.09s; }.hk-hero.is-ready .hk-lede { transition-delay:.18s; }.hk-hero.is-ready .hk-actions { transition-delay:.27s; }
.hk-button { display:inline-flex; align-items:center; min-height:50px; padding:.85rem 1.2rem; border-radius:999px; background:var(--hk-red); color:#fff!important; text-decoration:none; font-weight:750; transition:transform .2s ease,background .2s ease; }
.hk-button:hover, .hk-button:focus-visible { transform:translateY(-2px); background:#ff644b; }
.hk-text-link { display:inline-flex; align-items:center; gap:.5rem; color:inherit; text-decoration:none; font-weight:700; border-bottom:1px solid currentColor; padding-bottom:.18rem; }
.hk-text-link span { transition:transform .2s ease; }.hk-text-link:hover span, .hk-text-link:focus-visible span { transform:translate(.2rem,-.12rem); }
.hk-intro, .hk-statement { padding:clamp(5rem,10vw,10rem) var(--hk-pad); display:grid; grid-template-columns:minmax(150px,.65fr) minmax(0,1.5fr); gap:clamp(2rem,8vw,9rem); }
.hk-kicker { margin:0; font-size:.72rem; font-weight:800; letter-spacing:.18em; text-transform:uppercase; color:var(--hk-red); }
.hk-intro h2, .hk-statement h2 { max-width:880px; margin-bottom:1.4rem; font-size:clamp(2.4rem,6vw,6.8rem); line-height:.94; font-weight:770; }
.hk-intro div>p { max-width:720px; font-size:clamp(1rem,1.5vw,1.2rem); line-height:1.75; color:#4c4842; }
.hk-index { border-top:1px solid var(--hk-line); }
.hk-index-row { min-height:180px; padding:2.2rem var(--hk-pad); display:grid; grid-template-columns:minmax(70px,.25fr) minmax(0,1fr) auto; align-items:center; gap:1rem; text-decoration:none; border-bottom:1px solid var(--hk-line); transition:background .25s ease,color .25s ease,padding .25s ease; }
.hk-index-row>span { color:var(--hk-red); font-size:.74rem; font-weight:800; letter-spacing:.15em; }
.hk-index-row h3 { margin:0 0 .45rem; font-size:clamp(1.7rem,3.4vw,3.6rem); line-height:1; letter-spacing:-.035em; }
.hk-index-row p { margin:0; max-width:640px; color:#625e57; line-height:1.55; }
.hk-index-row>b { font-size:1.6rem; font-weight:400; transition:transform .2s ease; }
.hk-index-row:hover, .hk-index-row:focus-visible { background:#1a1815; color:#fff; padding-left:calc(var(--hk-pad) + .7rem); }
.hk-index-row:hover p, .hk-index-row:focus-visible p { color:rgba(255,255,255,.66); }.hk-index-row:hover>b { transform:translate(.25rem,-.25rem); }
.hk-statement { min-height:660px; align-content:center; background:var(--hk-red); color:#181512; }
.hk-statement>p { font-weight:800; }.hk-statement .hk-text-link { justify-self:start; }
.hk-reveal { opacity:1; transform:none; }.hk-js .hk-reveal { opacity:0; transform:translateY(24px); transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1); }.hk-js .hk-reveal.is-visible { opacity:1; transform:none; }
.hk-route { min-height:70vh; padding:clamp(4rem,9vw,9rem) var(--hk-pad); background:var(--hk-paper); }
.hk-route-hero { max-width:1100px; padding-bottom:clamp(3rem,7vw,7rem); border-bottom:1px solid var(--hk-line); }
.hk-route h1 { max-width:980px; margin:.9rem 0 1.5rem; font-size:clamp(2.8rem,7.2vw,7.8rem); line-height:.9; font-weight:800; overflow-wrap:anywhere; }
.hk-route-intro { max-width:760px; color:#514d47; font-size:clamp(1.05rem,1.6vw,1.25rem); line-height:1.75; }
.hk-route-grid { padding:clamp(3.5rem,7vw,7rem) 0; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr); gap:clamp(2.5rem,8vw,8rem); }
.hk-route-grid h2 { font-size:clamp(1.8rem,3.6vw,3.8rem); line-height:1; }.hk-route-grid p { max-width:650px; line-height:1.75; color:#514d47; }
.hk-route-facts { margin:0; border-top:1px solid var(--hk-line); }.hk-route-facts div { padding:1.1rem 0; display:grid; grid-template-columns:110px minmax(0,1fr); gap:1rem; border-bottom:1px solid var(--hk-line); }
.hk-route-facts dt { color:#777169; font-size:.75rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }.hk-route-facts dd { margin:0; overflow-wrap:anywhere; }.hk-route-facts code { font-size:.78rem; white-space:normal; }
.hk-related { padding-top:2rem; border-top:1px solid var(--hk-line); }.hk-related>.hk-kicker { margin-bottom:1.4rem; }.hk-related a { padding:1rem 0; display:flex; justify-content:space-between; text-decoration:none; border-bottom:1px solid var(--hk-line); font-size:clamp(1.1rem,2vw,1.5rem); }.hk-related a b { font-weight:400; transition:transform .2s ease; }.hk-related a:hover b { transform:translate(.2rem,-.2rem); }
.hk-site-footer { min-height:220px; padding:3rem clamp(1.25rem,4vw,4.5rem); display:flex; align-items:flex-end; justify-content:space-between; gap:2rem; background:#141311; color:#fff; }.hk-site-footer p { margin:0; }.hk-site-footer p:first-child { font-size:1.3rem; font-weight:800; }.hk-site-footer p:first-child span { display:block; margin-top:.35rem; font-size:.65rem; letter-spacing:.15em; opacity:.5; }.hk-site-footer p:last-child { max-width:460px; color:rgba(255,255,255,.55); font-size:.8rem; line-height:1.5; }
.hkartist-recovery-active { overflow-x:clip; }.hkartist-recovery-active #primary { overflow:visible; }.hkartist-recovery-active #right-sidebar { margin-top:clamp(620px,calc(100svh - 74px),900px); }.hkartist-recovery-active .site-content { overflow:visible; }
@media (max-width:900px) { .hk-nav { display:none; }.hk-hero { min-height:calc(100svh - 64px); }.hk-brand { font-size:clamp(3rem,15vw,5.5rem); }.hk-intro,.hk-statement,.hk-route-grid { grid-template-columns:1fr; }.hk-index-row { grid-template-columns:54px minmax(0,1fr) auto; }.hkartist-recovery-active #right-sidebar { margin-top:0; }.hk-site-footer { align-items:flex-start; flex-direction:column; } }
@media (max-width:560px) { .hk-site-header { min-height:64px; }.hk-site-mark span { display:none; }.hk-hero-inner { padding-top:6rem; padding-bottom:3rem; }.hk-brand { margin-bottom:3rem; }.hk-index-row { min-height:150px; padding-block:1.7rem; grid-template-columns:40px minmax(0,1fr); }.hk-index-row>b { display:none; }.hk-index-row p { font-size:.88rem; }.hk-route { padding-top:4rem; }.hk-route-facts div { grid-template-columns:1fr; gap:.35rem; } }
@media (prefers-reduced-motion:reduce) { .hkartist-recovery *, .hkartist-recovery *::before, .hkartist-recovery *::after { animation-duration:.01ms!important; transition-duration:.01ms!important; scroll-behavior:auto!important; }.hk-reveal,.hk-brand,.hk-hero h1,.hk-lede,.hk-actions { opacity:1!important; transform:none!important; }.hk-hero-art { transform:none!important; } }