.tp :where([data-r]) { position: relative; }
.tp { font-family: var(--fb); color: var(--ink); background: var(--bg); font-size: 15px; line-height: 1.5; min-height: 100%; -webkit-font-smoothing: antialiased; --chip: var(--n100); --body: var(--n700); --subtle: var(--n500); --ok: #11813C; --warn: #8A6508; }
.tp *, .tp ::before, .tp ::after { box-sizing: border-box; }
.tp :where(h1, h2, h3, h4, p, ul, ol, figure) { margin: 0px; padding: 0px; }
.tp :is(h1, h2, h3, h4) { letter-spacing: normal; }
.tp :where(ul, ol) { list-style: none; }
.tp a { color: inherit; text-decoration: none; }
.tp.dir-A { --bg: #fff; --soft: var(--n50); --card: #fff; --ink: var(--n900); --muted: var(--n600); --line: var(--n200); --line2: var(--n300); --hero: #fff; --hero-ink: var(--n900); --hero-muted: var(--n700); --hero-line: var(--n300); --nav: #fff; --nav-ink: var(--n900); --nav-line: var(--n200); --band: var(--n50); --band-ink: var(--n900); --sbox: #fff; --sbox-line: var(--n300); --tog: var(--n100); --side: var(--n50); --r: 16px; --r2: 8px; --btn: 8px; --hw: 600; --ht: 0; --foot: var(--n900); }
.tp.dir-B { --bg: #fff; --soft: var(--n50); --card: #fff; --ink: var(--n900); --muted: var(--n600); --line: var(--n200); --line2: var(--n300); --hero: var(--dk); --hero-ink: var(--dk-ink); --hero-muted: var(--dk-mut); --hero-line: rgba(255,255,255,.3); --nav: var(--dk); --nav-ink: var(--dk-ink); --nav-line: var(--dk); --band: var(--dk); --band-ink: var(--dk-ink); --sbox: transparent; --sbox-line: transparent; --tog: transparent; --side: transparent; --r: 8px; --r2: 4px; --btn: 4px; --hw: 700; --ht: 0; --foot: var(--dk); }
.tp.dir-C { --bg: var(--p50); --soft: var(--p100); --card: #fff; --ink: var(--n900); --muted: var(--n600); --line: var(--p200); --line2: var(--p300); --hero: var(--p50); --hero-ink: var(--n900); --hero-muted: var(--n700); --hero-line: var(--p300); --nav: var(--p50); --nav-ink: var(--n900); --nav-line: transparent; --band: var(--brand-50); --band-ink: var(--n900); --sbox: #fff; --sbox-line: var(--p300); --tog: var(--p100); --side: #fff; --r: 18px; --r2: 12px; --btn: 10px; --hw: 600; --ht: 0; --foot: var(--n900); }
.tp.dir-D { --bg: color-mix(in srgb, var(--n50), var(--n100)); --soft: var(--n50); --card: #fff; --ink: var(--n900); --muted: var(--n600); --line: var(--n200); --line2: var(--n300); --hero: transparent; --hero-ink: var(--n900); --hero-muted: var(--n700); --hero-line: var(--n300); --nav: #fff; --nav-ink: var(--n900); --nav-line: var(--n200); --band: #fff; --band-ink: var(--n900); --sbox: #fff; --sbox-line: var(--n300); --tog: var(--n100); --side: #fff; --r: 10px; --r2: 8px; --btn: 999px; --hw: 600; --ht: 0; --foot: var(--n800); }
.tp.dir-E { --bg: #fff; --soft: var(--n50); --card: #fff; --ink: var(--n900); --muted: var(--n600); --line: var(--n200); --line2: var(--n300); --hero: var(--hdr); --hero-ink: var(--hdr-ink); --hero-muted: var(--hdr-ink); --hero-line: color-mix(in srgb, var(--hdr-ink) 55%, transparent); --nav: var(--hdr); --nav-ink: var(--hdr-ink); --nav-line: var(--hdr); --band: var(--brand-50); --band-ink: var(--n900); --sbox: #fff; --sbox-line: transparent; --tog: rgba(255,255,255,.16); --side: var(--n50); --r: 12px; --r2: 8px; --btn: 8px; --hw: 700; --ht: 0; --foot: var(--n900); }
.tp svg.i { display: inline-block; vertical-align: middle; }
.tp .i { width: 18px; height: 18px; flex: 0 0 auto; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.tp .i.f { fill: currentcolor; stroke: none; }
.t-wrap { max-width: 1200px; margin: 0px auto; padding: 0px 40px; }
.t-sec { padding: 80px 0px; }
.t-sp { flex: 1 1 0%; }
.t-mut { color: var(--muted); }
.m-only { display: none !important; }
.t-h1 { font-family: var(--fh); font-weight: var(--hw); letter-spacing: var(--ht); font-size: 56px; line-height: 1.06; text-wrap: balance; }
.t-h2 { font-family: var(--fh); font-weight: var(--hw); letter-spacing: var(--ht); font-size: 36px; line-height: 1.12; text-wrap: balance; }
.t-h3 { font-family: var(--fh); font-weight: 600; font-size: 20px; line-height: 1.3; }
.t-lead { font-size: 18px; line-height: 1.5; color: var(--body); }
.t-eye { display: block; font-size: 14px; font-weight: 500; color: var(--muted); }
.t-crumb { font-size: 14px; color: var(--muted); display: flex; gap: 8px; align-items: center; }
.t-crumb a { display: inline-flex; align-items: center; gap: 6px; }
.tp.dir-B .t-hero .t-h1, .tp.dir-B .t-hero .t-h2 { color: var(--hero-ink); }
.t-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 40px; padding: 0px 20px; border-radius: var(--btn); font-weight: 600; font-size: 15px; white-space: nowrap; border: 1px solid transparent; line-height: 1; }
.t-btn.brand { background: var(--brand); color: var(--brand-ink); }
.t-btn.ink { background: var(--n900); color: rgb(255, 255, 255); }
.t-btn.line { border-color: var(--line2); background: rgb(255, 255, 255); color: var(--ink); }
.t-btn.sm { height: 34px; padding: 0px 14px; font-size: 14px; }
.t-btn.lg { height: 48px; padding: 0px 26px; font-size: 16px; }
.t-btn.full { width: 100%; }
.t-btn .i { width: 17px; height: 17px; }
.t-chip { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0px 12px; border-radius: 999px; background: var(--chip); font-size: 13px; font-weight: 500; color: var(--n800); white-space: nowrap; }
.t-chip.line { background: transparent; border: 1px solid var(--line2); }
.t-chip.on { background: var(--ink); color: rgb(255, 255, 255); }
.t-chip.brand { background: var(--chip); color: var(--n800); }
.t-chip .i { width: 14px; height: 14px; }
.t-chips { display: flex; flex-wrap: wrap; gap: 7px; }
.t-chips.sm .t-chip { height: 28px; font-size: 13px; padding: 0px 11px; }
.t-ver { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; font-weight: 500; color: var(--muted); white-space: nowrap; }
.t-ver .i { width: 16px; height: 16px; color: var(--brand); stroke-width: 2; }
.t-vi { display: inline-grid; color: var(--brand); }
.t-vi .i { width: 17px; height: 17px; stroke-width: 2; }
.t-rt { display: inline-flex; align-items: center; gap: 4px; font-size: 13.5px; color: var(--ink); }
.t-rt .i { width: 14px; height: 14px; }
.t-rt em { font-style: normal; color: var(--muted); }
.t-av { position: relative; overflow: hidden; width: var(--s,44px); height: var(--s,44px); border-radius: 50%; display: inline-grid; place-items: center; font-weight: 700; font-size: calc(var(--s,44px) * .36); color: var(--n800); flex: 0 0 auto; }
.t-card { background: var(--card); border: 1px solid var(--line); border-radius: var(--r); }
.t-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; font-size: 13.5px; color: var(--muted); }
.t-meta > span { display: inline-flex; align-items: center; gap: 5px; }
.t-meta .i { width: 15px; height: 15px; }
.t-link { color: var(--brand-deep); font-weight: 600; display: inline-flex; align-items: center; gap: 6px; font-size: 15px; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.t-link .i { width: 16px; height: 16px; }
.t-new { font-size: 13px; font-weight: 600; color: var(--brand-deep); }
.t-st { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; white-space: nowrap; }
.t-st::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentcolor; flex: 0 0 auto; }
.t-st.paid { color: var(--muted); }
.t-st.rev { color: var(--warn); }
.t-st.todo { color: var(--subtle); }
.t-st.go { color: var(--ok); }
.t-heart { position: absolute; top: 10px; right: 10px; width: 32px; height: 32px; border-radius: 50%; background: rgba(255, 255, 255, 0.94); display: grid; place-items: center; color: var(--ink); }
.t-heart .i { width: 16px; height: 16px; }
.t-meter { display: inline-flex; gap: 3px; }
.t-meter i { width: 14px; height: 6px; border-radius: 2px; background: var(--line); }
.t-meter i.on { background: var(--ok); }
.t-prog { height: 6px; border-radius: 99px; background: var(--chip); overflow: hidden; }
.t-prog i { display: block; height: 100%; background: var(--brand-500); border-radius: 99px; }
.t-in { height: 46px; border: 1px solid var(--line2); border-radius: var(--r2); background: rgb(255, 255, 255); padding: 0px 14px; display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 15px; min-width: 0px; white-space: nowrap; overflow: hidden; contain: inline-size; }
.t-in .v { color: var(--ink); }
.t-in .i { color: var(--muted); }
.t-in.ta { height: auto; min-height: 112px; align-items: flex-start; padding: 12px 14px; line-height: 1.55; color: var(--ink); white-space: normal; }
.t-lab { font-size: 14px; font-weight: 600; margin-bottom: 8px; display: block; }
.t-help { font-size: 13px; color: var(--muted); margin-top: 6px; }
.t-field { margin-bottom: 20px; }
.t-2c { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.t-seg { display: inline-flex; border: 1px solid var(--line2); border-radius: var(--r2); overflow: hidden; }
.t-seg b { padding: 9px 16px; font-size: 14px; font-weight: 500; color: var(--body); border-left: 1px solid var(--line2); }
.t-seg b:first-child { border-left: 0px; }
.t-seg b.on { background: var(--n900); color: rgb(255, 255, 255); }
.t-sw { width: 36px; height: 21px; border-radius: 999px; background: var(--line); position: relative; flex: 0 0 auto; }
.t-sw::after { content: ""; position: absolute; top: 2.5px; left: 2.5px; width: 16px; height: 16px; border-radius: 50%; background: rgb(255, 255, 255); }
.t-sw.on { background: var(--n900); }
.t-sw.on::after { left: 17.5px; }
.t-cb { width: 18px; height: 18px; border-radius: 5px; border: 1.5px solid var(--n300); display: inline-grid; place-items: center; background: rgb(255, 255, 255); flex: 0 0 auto; color: rgb(255, 255, 255); }
.t-cb .i { width: 12px; height: 12px; stroke-width: 3.2; }
.t-cb.on { background: var(--ink); border-color: var(--ink); }
.t-ultabs { display: flex; gap: 26px; border-bottom: 1px solid var(--line); }
.t-ultabs b { padding: 12px 0px; font-size: 15px; font-weight: 500; color: var(--muted); white-space: nowrap; display: inline-flex; gap: 7px; align-items: center; }
.t-ultabs b em { font-style: normal; font-size: 13px; background: var(--soft); border-radius: 99px; padding: 1px 8px; color: var(--muted); }
.t-ultabs b.on { color: var(--ink); box-shadow: inset 0 -2px 0 var(--ink); font-weight: 600; }
.t-pills { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.t-pill { height: 38px; padding: 0px 14px; border: 1px solid var(--line2); border-radius: var(--r2); display: inline-flex; align-items: center; gap: 8px; font-weight: 500; font-size: 14px; background: var(--card); white-space: nowrap; }
.t-pill .i { width: 16px; height: 16px; }
.t-pill.on { border-color: var(--n900); background: var(--n900); color: rgb(255, 255, 255); }
.t-nav { background: var(--nav); color: var(--nav-ink); border-bottom: 1px solid var(--nav-line); }
.t-nav-in { height: 68px; display: flex; align-items: center; gap: 30px; }
.t-logo { display: flex; align-items: center; font-family: var(--fh); font-weight: 700; font-size: 23px; letter-spacing: -0.025em; line-height: 1; color: var(--brand-600); flex: 0 0 auto; }
.tp.dir-B .t-nav .t-logo, .tp.dir-B .jB-top .t-logo { color: var(--dk-ink); }
.tp.dir-E .t-nav .t-logo, .tp.dir-E .jB-top .t-logo { color: var(--hdr-ink); }
.t-foot .t-logo { color: #fff; }
.t-links { display: flex; gap: 24px; font-size: 15px; font-weight: 400; }
.t-links a {  }
.t-links a.on { font-weight: 600; }
.t-nav-r { margin-left: auto; display: flex; align-items: center; gap: 14px; font-size: 14.5px; font-weight: 500; }
.t-ibtn { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; position: relative; flex: 0 0 auto; }
.t-ibtn .i { width: 21px; height: 21px; }
.t-ibtn .bd { position: absolute; top: 7px; right: 8px; width: 8px; height: 8px; border-radius: 50%; background: var(--brand-500); box-shadow: 0 0 0 2px var(--nav); }
.t-nsearch { flex: 1 1 0%; max-width: 440px; height: 42px; border-radius: var(--r2); background: rgb(255, 255, 255); display: flex; align-items: center; gap: 10px; padding: 0px 14px; color: var(--muted); font-size: 14px; border: 1px solid var(--line2); }
.t-nsearch .i { width: 17px; height: 17px; }
.t-nsearch .go { margin-left: auto; width: 30px; height: 30px; margin-right: -8px; border-radius: calc(var(--btn) - 3px); background: var(--n900); color: rgb(255, 255, 255); display: grid; place-items: center; }
.tp.dir-B .t-nsearch { background: rgba(255,255,255,.1); color: var(--dk-mut); border: 1px solid rgba(255,255,255,.18); }
.tp.dir-B .t-nav .t-btn.line { background: transparent; border-color: rgba(255,255,255,.4); color: var(--nav-ink); }
.tp.dir-C .t-nsearch { background: rgb(255, 255, 255); border: 1px solid var(--line); }
.t-catnav { border-bottom: 1px solid var(--line); background: var(--bg); }
.t-catnav .t-wrap { display: flex; gap: 26px; height: 46px; align-items: center; font-size: 14px; font-weight: 500; color: var(--muted); overflow: hidden; white-space: nowrap; }
.t-tabs { display: none; position: sticky; bottom: 0px; z-index: 6; height: 66px; padding-bottom: 6px; background: var(--card); border-top: 1px solid var(--line); grid-template-columns: repeat(5, 1fr); align-items: center; }
.t-tab { display: flex; flex-direction: column; align-items: center; gap: 3px; font-size: 11px; font-weight: 600; color: var(--muted); }
.t-tab.on { color: var(--ink); }
.t-tab .i { width: 22px; height: 22px; }
.t-mbar { display: none; position: sticky; bottom: 0px; z-index: 6; padding: 12px 16px; background: var(--card); border-top: 1px solid var(--line); gap: 10px; }
.t-mbar .t-btn { flex: 1 1 0%; }
.t-hero { background: var(--hero); color: var(--hero-ink); }
.t-hero .t-lead { color: var(--hero-muted); }
.t-sbox { margin-top: 32px; background: var(--sbox); border: 1px solid var(--sbox-line); border-radius: calc(var(--r) + 4px); padding: 12px; }
.t-tog { display: inline-flex; gap: 4px; padding: 4px; border-radius: calc(var(--btn) + 2px); background: var(--tog); }
.t-tog b { padding: 7px 14px; border-radius: var(--btn); font-size: 14px; font-weight: 600; color: var(--muted); }
.t-tog b.on { background: rgb(255, 255, 255); color: var(--ink); }
.t-srow { display: flex; gap: 8px; margin-top: 10px; }
.t-srow .t-in { flex: 1 1 0%; height: 52px; border-color: transparent; }
.tp.dir-C .t-srow .t-in { border-color: var(--line); }
.t-srow .t-city { flex: 0 0 200px; }
.t-srow .t-btn { height: 48px; }
.t-pop { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 18px; font-size: 13px; color: var(--hero-muted); }
.t-pop .t-chip { background: transparent; border: 1px solid var(--hero-line); color: var(--hero-ink); }
.t-trustbar { border-bottom: 1px solid var(--line); }
.t-trust { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; padding-top: 30px; padding-bottom: 30px; }
.t-trust > div { display: flex; gap: 14px; align-items: flex-start; }
.t-trust .ic { width: 28px; height: 28px; display: grid; place-items: start; color: var(--ink); flex: 0 0 auto; }
.t-trust .ic .i { width: 24px; height: 24px; }
.t-trust b { display: block; font-size: 16px; font-weight: 600; }
.t-trust p { font-size: 14px; color: var(--body); margin-top: 2px; }
.t-shead { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 28px; }
.t-shead p { margin-top: 8px; color: var(--body); font-size: 17px; }
.t-cats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.t-cat { background: var(--soft); border-radius: var(--r2); padding: 22px 22px 20px; min-height: 132px; display: flex; flex-direction: column; justify-content: space-between; gap: 18px; }
.t-cat b { display: block; font-size: 20px; font-weight: 600; line-height: 1.2; }
.t-cat .t-meta { color: var(--body); font-size: 14px; margin-top: 6px; }
.t-cat .t-rt { color: inherit; }
.tp.dir-C .t-cat { background: rgb(255, 255, 255); border: 1px solid var(--line); }
.t-split { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 64px; align-items: center; }
.t-split > img { width: 100%; height: 440px; object-fit: cover; border-radius: var(--r); }
.t-list { display: flex; flex-direction: column; gap: 22px; margin: 28px 0px 30px; }
.t-list li { display: grid; grid-template-columns: 28px 1fr; gap: 14px; }
.t-list .i { width: 24px; height: 24px; color: var(--ink); margin-top: 2px; }
.t-list b { display: block; font-size: 18px; font-weight: 600; }
.t-list p { font-size: 15px; color: var(--body); margin-top: 3px; }
.t-btns { display: flex; gap: 12px; flex-wrap: wrap; }
.t-pros { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.t-pro { padding: 22px; display: flex; flex-direction: column; gap: 14px; }
.t-pro .t-prot { display: flex; gap: 12px; align-items: center; }
.t-pro .nm { font-weight: 600; font-size: 17px; display: flex; align-items: center; gap: 5px; line-height: 1.2; }
.t-pro .tt { font-size: 13px; color: var(--muted); margin-top: 2px; line-height: 1.3; }
.t-pro p { font-size: 14px; color: var(--body); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.t-pro .t-meta { font-size: 13px; gap: 4px 12px; }
.t-pro .t-btn { margin-top: auto; }
.t-lcols { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 6px 32px; }
.t-lcols a { font-size: 17px; color: var(--body); padding: 5px 0px; }
.t-cta { background: var(--band); color: var(--band-ink); }
.t-cta .t-wrap { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding-top: 64px; padding-bottom: 64px; }
.t-cta .t-h2 { max-width: 600px; }
.t-cta p { margin-top: 10px; color: var(--body); font-size: 17px; }
.t-cta .btns { display: flex; gap: 10px; flex: 0 0 auto; }
.t-cta .t-btn.line { background: rgb(255, 255, 255); }
.tp.dir-B .t-cta p { color: var(--dk-mut); }
.tp.dir-B .t-cta .t-btn.line { background: transparent; border-color: rgba(255, 255, 255, 0.45); color: rgb(255, 255, 255); }
.t-foot { background: var(--foot); color: rgb(255, 255, 255); padding: 56px 0px 28px; font-size: 14px; }
.t-foot-g { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 28px; }
.t-foot h4 { font-size: 13px; font-weight: 700; margin-bottom: 12px; }
.t-foot a { display: block; color: rgba(255, 255, 255, 0.72); margin-bottom: 10px; }
.t-foot .about { color: rgba(255, 255, 255, 0.72); margin-top: 12px; max-width: 280px; }
.t-foot .pay { display: flex; gap: 6px; margin-top: 14px; }
.t-foot .pay span { font-size: 12.5px; font-weight: 700; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 6px; padding: 3px 8px; background: transparent; color: rgb(255, 255, 255); }
.t-foot .bt { display: flex; justify-content: space-between; border-top: 1px solid rgba(255, 255, 255, 0.14); margin-top: 32px; padding-top: 18px; color: rgba(255, 255, 255, 0.6); font-size: 13px; }
.t-thumb { position: relative; overflow: hidden; background: var(--tb,#EEE); border-radius: var(--r2); container-type: size; }
.t-thumb > * { position: absolute; }
.t-av img, .t-thumb .t-ph { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; display: block; }
.t-thumb .t-ph { z-index: 1; }
.t-heart { z-index: 2; }
.k-logo .c { left: 50%; top: 43%; width: 30cqw; height: 30cqw; transform: translate(-50%, -50%); border-radius: 50%; background: rgb(46, 74, 42); color: rgb(243, 233, 214); display: grid; place-items: center; font: italic 400 19cqw / 1 "Instrument Serif", serif; }
.k-logo .w { left: 0px; right: 0px; top: 67%; text-align: center; font-weight: 800; letter-spacing: 0.32em; font-size: 5cqw; color: rgb(46, 74, 42); font-family: var(--fb); }
.k-web .b { inset: 13% 10% 0px; background: rgb(255, 255, 255); border-radius: 3cqw 3cqw 0px 0px / 3cqw 3cqw 0px 0px; box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; }
.k-web .b > * { position: absolute; }
.k-web .b::before { content: ""; position: absolute; left: 0px; right: 0px; top: 0px; height: 9%; background: rgb(238, 241, 243); border-radius: 3cqw 3cqw 0px 0px / 3cqw 3cqw 0px 0px; }
.k-web .h { left: 9%; top: 22%; width: 46%; height: 8%; background: var(--n900); border-radius: 2px; }
.k-web .h2 { left: 9%; top: 35%; width: 34%; height: 4.5%; background: var(--n300); border-radius: 2px; }
.k-web .bt { left: 9%; top: 46%; width: 18%; height: 8%; background: var(--brand); border-radius: 99px; }
.k-web .g { inset: 63% 9% 8%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 3cqw 3cqw; }
.k-web .g i { background: var(--n100); border-radius: 1.5cqw 1.5cqw 1.5cqw 1.5cqw / 1.5cqw 1.5cqw 1.5cqw 1.5cqw; }
.k-books .sh { inset: 14% 40% 14% 10%; background: rgb(255, 255, 255); border-radius: 2cqw 2cqw 2cqw 2cqw / 2cqw 2cqw 2cqw 2cqw; padding: 5cqw 5cqw 5cqw 5cqw; display: flex; flex-direction: column; gap: 3.2cqw 3.2cqw; }
.k-books .sh i { display: block; height: 2.4cqw; background: var(--n200); border-radius: 2px; }
.k-books .sh i:nth-child(2n+1) { width: 80%; }
.k-books .sh i:nth-child(3n) { width: 60%; background: var(--n400); }
.k-books .bars { right: 10%; bottom: 16%; width: 24%; height: 56%; display: flex; gap: 2cqw 2cqw; align-items: flex-end; }
.k-books .bars i { flex: 1 1 0%; background: var(--n800); border-radius: 1cqw 1cqw 0px 0px / 1cqw 1cqw 0px 0px; }
.k-books .bars i:nth-child(1) { height: 40%; }
.k-books .bars i:nth-child(2) { height: 62%; }
.k-books .bars i:nth-child(3) { height: 48%; }
.k-books .bars i:nth-child(4) { height: 80%; background: var(--brand-deep); }
.k-books .bars i:nth-child(5) { height: 100%; background: var(--brand); }
.k-video .p { left: 50%; top: 42%; transform: translate(-50%, -50%); width: 15cqw; height: 15cqw; border-radius: 50%; background: rgba(255, 255, 255, 0.95); }
.k-video .p::after { content: ""; position: absolute; left: 55%; top: 50%; transform: translate(-50%, -50%); border-left: 4.6cqw solid var(--n900); border-top: 2.8cqw solid transparent; border-bottom: 2.8cqw solid transparent; }
.k-video .tl { left: 7%; right: 7%; bottom: 12%; height: 9%; display: flex; gap: 1.2cqw 1.2cqw; }
.k-video .tl i { flex: 1 1 0%; border-radius: 1cqw 1cqw 1cqw 1cqw / 1cqw 1cqw 1cqw 1cqw; background: var(--n800); }
.k-video .tl i:nth-child(2) { flex: 2 1 0%; background: rgb(201, 118, 79); }
.k-video .tl i:nth-child(4) { flex: 1.5 1 0%; background: var(--brand); }
.k-video .ph { left: 38%; bottom: 9%; width: 2px; height: 15%; background: rgb(255, 255, 255); }
.k-plan .fp { inset: 13% 15%; border: 1.4cqw solid var(--n800); background: rgb(251, 248, 241); }
.k-plan .fp > i { position: absolute; }
.k-plan .w1 { left: 58%; top: 0px; bottom: 38%; border-left: 0.9cqw solid var(--n800); }
.k-plan .w2 { left: 58%; right: 0px; top: 44%; border-top: 0.9cqw solid var(--n800); }
.k-plan .w3 { left: 0px; right: 66%; top: 64%; border-top: 0.9cqw solid var(--n800); }
.k-plan .t1, .k-plan .t2, .k-plan .t3 { width: 9cqw; height: 9cqw; border-radius: 50%; background: rgb(216, 199, 168); }
.k-plan .t1 { left: 9%; top: 14%; }
.k-plan .t2 { left: 32%; top: 14%; }
.k-plan .t3 { left: 20%; top: 38%; }
.k-plan .ct { right: 7%; bottom: 9%; width: 30%; height: 16%; background: var(--n400); border-radius: 0.8cqw 0.8cqw 0.8cqw 0.8cqw / 0.8cqw 0.8cqw 0.8cqw 0.8cqw; }
.k-social .gr { inset: 11% 24%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.8cqw 1.8cqw; }
.k-social .gr i { border-radius: 1.4cqw 1.4cqw 1.4cqw 1.4cqw / 1.4cqw 1.4cqw 1.4cqw 1.4cqw; background: var(--n200); }
.k-social .gr i:nth-child(2), .k-social .gr i:nth-child(9) { background: var(--brand); }
.k-social .gr i:nth-child(4) { background: var(--n800); }
.k-social .gr i:nth-child(6) { background: rgb(212, 154, 117); }
.k-social .gr i:nth-child(7) { background: rgb(244, 237, 224); }
.k-photo .sh { left: 28%; right: 28%; bottom: 12%; height: 8%; border-radius: 50%; background: rgba(80, 50, 20, 0.18); }
.k-photo .cup { left: 50%; bottom: 16%; width: 22cqw; height: 36cqw; transform: translateX(-50%); background: rgb(255, 255, 255); border-radius: 1cqw 1cqw 5cqw 5cqw / 1cqw 1cqw 5cqw 5cqw; clip-path: polygon(0px 0px, 100% 0px, 88% 100%, 12% 100%); }
.k-photo .cup i { position: absolute; left: 0px; right: 0px; top: 34%; height: 30%; background: rgb(46, 74, 42); }
.k-photo::after { content: ""; position: absolute; left: 50%; bottom: 52%; width: 2.4cqw; height: 22cqw; background: rgb(46, 74, 42); transform: translateX(30%) rotate(8deg); border-radius: 2px; }
.hA-hero { padding: 24px 0px 0px; }
.hA-hero .t-lead { margin-top: 16px; max-width: 520px; }
.hA-panel { position: relative; overflow: hidden; border-radius: var(--r); min-height: 560px; display: flex; align-items: flex-end; background: var(--n800); }
.hA-panel > img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
.hA-panel > img.flip { transform: scaleX(-1); }
.hA-panel .hA-t { display: none; }
.hA-panel::before { content: ""; position: absolute; inset: 0px; z-index: 1; background: linear-gradient(90deg, rgba(20, 14, 10, 0.8) 0%, rgba(20, 14, 10, 0.55) 42%, rgba(20, 14, 10, 0) 72%); }
.hA-copy { position: relative; z-index: 2; padding: 56px; max-width: 690px; color: rgb(255, 255, 255); }
.hA-copy .t-lead { color: rgba(255, 255, 255, 0.88); }
.hA-copy .t-sbox { margin-top: 28px; max-width: 600px; background: transparent; border: 0px; padding: 0px; }
.hA-copy .t-tog { background: transparent; padding: 0px; margin-bottom: 10px; }
.hA-copy .t-tog b { color: rgba(255, 255, 255, 0.85); }
.hA-copy .t-tog b.on { background: rgb(255, 255, 255); color: var(--n900); }
.hA-copy .t-srow { background: rgb(255, 255, 255); border-radius: var(--r2); padding: 4px; gap: 4px; margin-top: 0px; }
.hA-copy .t-srow .t-in { border: 0px; }
.hA-copy .t-srow .t-city { border-left: 1px solid var(--line) !important; border-radius: 0px; }
.hA-copy .t-pop { color: rgba(255, 255, 255, 0.8); }
.hA-copy .t-pop .t-chip { background: transparent; border: 1px solid rgba(255, 255, 255, 0.45); color: rgb(255, 255, 255); }
.tp.dir-B .hA-hero { padding: 0px; }
.tp.dir-B .hA-hero > .t-wrap { max-width: none; padding: 0px; }
.tp.dir-B .hA-panel { border-radius: 0px; min-height: 600px; background: var(--dk); align-items: center; }
.tp.dir-B .hA-panel .hA-w { display: none; }
.tp.dir-B .hA-panel .hA-t { display: block; left: auto; width: 44%; }
.tp.dir-B .hA-panel::before { display: none; }
.tp.dir-B .hA-copy { padding: 0px 0px 0px max(40px, (100% - 1200px) / 2 + 40px); max-width: calc(56% + 20px); }
.tp.dir-B .hA-copy .t-h1 { padding-right: 40px; }
.tp.dir-B .hA-copy .t-srow { padding: 0px; gap: 0px; overflow: hidden; }
.tp.dir-B .hA-copy .t-srow .t-btn { border-radius: 0px; }
.tp.dir-C .hA-hero { padding: 56px 0px 24px; }
.tp.dir-C .hA-panel { display: grid; grid-template-columns: minmax(0px, 1.05fr) minmax(0px, 0.95fr); gap: 56px; align-items: center; background: none; overflow: visible; min-height: 0px; }
.tp.dir-C .hA-panel .hA-w { display: none; }
.tp.dir-C .hA-panel .hA-t { display: block; position: static; order: 2; height: 560px; border-radius: var(--r); }
.tp.dir-C .hA-panel::before { display: none; }
.tp.dir-C .hA-copy { padding: 0px; color: var(--ink); }
.tp.dir-C .hA-copy .t-lead { color: var(--body); }
.tp.dir-C .hA-copy .t-tog b { color: var(--muted); }
.tp.dir-C .hA-copy .t-tog b.on { background: var(--n900); color: rgb(255, 255, 255); }
.tp.dir-C .hA-copy .t-srow { border: 1px solid var(--line2); }
.tp.dir-C .hA-copy .t-pop { color: var(--muted); }
.tp.dir-C .hA-copy .t-pop .t-chip { border-color: var(--line2); color: var(--ink); }
.hB-hero { padding: 60px 0px 64px; }
.hB-top { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; }
.hB-top .t-h1 { font-size: 56px; max-width: 720px; }
.hB-top .t-lead { max-width: 360px; font-size: 16.5px; }
.hB-doors { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 40px; }
.hB-door { border-radius: var(--r); overflow: hidden; display: grid; grid-template-rows: 220px auto; background: var(--card); border: 1px solid var(--line); color: var(--ink); }
.hB-door > img { width: 100%; height: 100%; object-fit: cover; }
.hB-door .bd { padding: 28px; display: flex; flex-direction: column; gap: 10px; }
.hB-door p { color: var(--body); font-size: 16px; }
.hB-door .t-h2 { font-size: 30px; }
.hB-door .go { display: flex; align-items: center; gap: 16px; margin-top: 10px; font-size: 14px; color: var(--muted); }
.hB-search { margin-top: 18px; display: flex; gap: 10px; align-items: center; background: var(--sbox); border: 1px solid var(--sbox-line); border-radius: calc(var(--r) + 4px); padding: 10px; }
.hB-search .t-in { flex: 1 1 0%; border-color: transparent; }
.tp.dir-C .hB-search .t-in { border-color: var(--line); }
.hC-hero { padding: 46px 0px 38px; }
.hC-hero .t-h1 { font-size: 50px; max-width: 780px; }
.hC-hero .t-pop { margin-top: 20px; }
.hC-tiles { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.hC-tile { height: 340px; border-radius: var(--r2); overflow: hidden; position: relative; padding: 18px; display: flex; flex-direction: column; color: rgb(255, 255, 255); background: var(--n800); }
.hC-tile small { position: relative; z-index: 3; font-size: 14px; opacity: 0.9; }
.hC-tile b { position: relative; z-index: 3; font-family: var(--fh); font-size: 22px; font-weight: var(--hw); line-height: 1.15; margin-top: 2px; }
.hC-tile .t-thumb { position: absolute; inset: 0px; border-radius: 0px; }
.hC-tile::before { content: ""; position: absolute; inset: 0px; z-index: 2; background: linear-gradient(rgba(15, 10, 6, 0.62) 0%, rgba(15, 10, 6, 0) 48%); }
.t-gigs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px 18px; }
.t-gig .t-thumb { aspect-ratio: 16 / 10; }
.t-gig .who { display: flex; align-items: center; gap: 8px; margin-top: 12px; font-size: 14px; font-weight: 600; }
.t-gig .who .t-ver { margin-left: auto; }
.t-gig .tl { margin-top: 6px; font-size: 15px; line-height: 1.4; color: var(--body); }
.t-gig .ft { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; font-size: 13.5px; }
.t-gig .fr { font-weight: 700; }
.t-gig .loc { font-size: 13px; color: var(--muted); display: flex; gap: 4px; align-items: center; margin-top: 4px; }
.t-gig .loc .i { width: 13px; height: 13px; }
.t-jobs3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.t-job { padding: 22px 24px; display: flex; flex-direction: column; gap: 12px; }
.t-job .hd { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; }
.t-job .ttl { font-size: 18px; font-weight: 600; line-height: 1.3; }
.t-job .sub { font-size: 13px; color: var(--muted); display: flex; gap: 8px; align-items: center; margin-top: 6px; flex-wrap: wrap; }
.t-job .facts { display: flex; gap: 28px; flex-wrap: wrap; }
.t-job .fact b { display: block; font-size: 14.5px; }
.t-job .fact span { font-size: 13px; color: var(--muted); }
.t-job p { font-size: 14px; opacity: 0.86; }
.t-job .bt { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 13px; color: var(--muted); align-items: center; padding-top: 12px; border-top: 1px solid var(--line); }
.t-job .bt > span { display: inline-flex; align-items: center; gap: 5px; }
.t-job .bt .i { width: 15px; height: 15px; }
.t-job .bt .ok { color: var(--ok); font-weight: 600; }
.t-job .ic { width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--line); display: grid; place-items: center; flex: 0 0 auto; }
.t-job .ic .i { width: 17px; height: 17px; }
.t-phead { padding: 30px 0px 22px; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.t-phead .t-h2 { font-size: 32px; }
.t-phead p { color: var(--muted); margin-top: 6px; }
.fA-body { display: grid; grid-template-columns: 250px 1fr; gap: 30px; padding-bottom: 48px; }
.t-filt { display: flex; flex-direction: column; gap: 22px; }
.t-fg h4 { font-size: 13.5px; font-weight: 700; margin-bottom: 8px; }
.t-opt { display: flex; align-items: center; gap: 10px; font-size: 14px; padding: 5px 0px; }
.t-opt em { margin-left: auto; font-style: normal; color: var(--muted); font-size: 13px; }
.t-fg .more { font-size: 13px; font-weight: 600; color: var(--brand-deep); margin-top: 4px; display: inline-block; text-decoration: underline; text-underline-offset: 3px; }
.t-togrow { display: flex; align-items: center; gap: 10px; justify-content: space-between; font-size: 15px; font-weight: 600; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.fA-list { display: flex; flex-direction: column; gap: 14px; }
.fA-row { padding: 22px; display: grid; grid-template-columns: auto 1fr auto; gap: 18px; }
.fA-row .nm { font-size: 17px; font-weight: 600; display: flex; align-items: center; gap: 8px; }
.fA-row .tt { font-size: 14.5px; font-weight: 500; margin-top: 2px; }
.fA-row .t-meta { margin-top: 8px; }
.fA-row p { font-size: 14px; color: var(--muted); margin-top: 10px; max-width: 640px; }
.fA-row .t-chips { margin-top: 12px; }
.fA-act { display: flex; flex-direction: column; gap: 8px; min-width: 168px; }
.fA-act .rate { font-size: 18px; font-weight: 700; text-align: right; margin-bottom: 4px; }
.fA-act .rate small { font-size: 13px; color: var(--muted); font-weight: 500; }
.t-mfilt { gap: 8px; overflow: hidden; padding: 0px 0px 14px; flex-wrap: nowrap; }
.fC-proj { background: var(--soft); border-radius: var(--r2); padding: 18px 22px; display: flex; align-items: center; gap: 18px; margin-top: 26px; border: 1px solid var(--line); }
.fC-proj .ic { display: none; }
.fC-proj .t-meta { margin-top: 4px; }
.fC-proj b { font-size: 16px; }
.fC-list { display: flex; flex-direction: column; gap: 14px; padding: 18px 0px 48px; }
.fC-card { display: grid; grid-template-columns: 1.15fr 1fr auto; gap: 26px; padding: 22px; align-items: start; }
.fC-who { display: flex; gap: 14px; }
.fC-who .nm { font-size: 16.5px; font-weight: 600; display: flex; gap: 7px; align-items: center; }
.fC-who .t-meta { margin-top: 6px; }
.fC-match { display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 700; margin-bottom: 10px; }
.fC-why { display: flex; flex-direction: column; gap: 7px; font-size: 13.5px; }
.fC-why li { display: flex; gap: 8px; align-items: flex-start; }
.fC-why .i { color: var(--ok); width: 16px; height: 16px; margin-top: 2px; stroke-width: 2.4; }
.fC-why li.no { color: var(--muted); }
.fC-why li.no .i { color: var(--subtle); }
.fC-act { display: flex; flex-direction: column; gap: 8px; min-width: 170px; }
.fC-act .q { font-size: 13px; color: var(--muted); text-align: center; }
.pA-top { padding: 34px 0px 28px; display: flex; gap: 22px; align-items: center; border-bottom: 1px solid var(--line); }
.pA-top .nm { font-family: var(--fh); font-size: 30px; font-weight: var(--hw); letter-spacing: var(--ht); display: flex; align-items: center; gap: 10px; line-height: 1.1; }
.pA-top .tt { font-size: 16px; font-weight: 500; margin-top: 6px; }
.pA-top .t-meta { margin-top: 8px; }
.pA-top .act { margin-left: auto; display: flex; gap: 10px; align-items: center; }
.pA-rate { font-size: 22px; font-weight: 700; margin-right: 8px; }
.pA-rate small { font-size: 13px; font-weight: 500; color: var(--muted); }
.pA-body { display: grid; grid-template-columns: 1fr 330px; gap: 40px; padding: 32px 0px 56px; }
.pA-blk { padding-bottom: 28px; margin-bottom: 28px; border-bottom: 1px solid var(--line); }
.pA-blk:last-child { border: 0px; }
.pA-blk .t-h3 { margin-bottom: 12px; }
.pA-blk > p { font-size: 15px; line-height: 1.6; }
.pA-port { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.pA-port .t-thumb { aspect-ratio: 4 / 3; }
.pA-port figcaption { font-size: 13px; font-weight: 600; margin-top: 8px; }
.t-rev { padding: 16px 0px; border-top: 1px solid var(--line); }
.t-rev:first-of-type { border-top: 0px; padding-top: 4px; }
.t-rev .h { display: flex; justify-content: space-between; gap: 12px; font-size: 14.5px; font-weight: 600; }
.t-rev p { font-size: 14px; margin-top: 6px; opacity: 0.86; }
.t-rev .m { font-size: 13px; color: var(--muted); margin-top: 6px; }
.t-side { display: flex; flex-direction: column; gap: 16px; }
.t-side .t-card { padding: 20px; }
.t-side .t-h3 { font-size: 16px; margin-bottom: 10px; }
.t-vlist li { display: flex; gap: 10px; align-items: center; font-size: 14px; padding: 6px 0px; }
.t-vlist .ok { display: inline-grid; color: var(--ok); }
.t-vlist .ok .i { width: 18px; height: 18px; stroke-width: 2.4; }
.t-vlist small { margin-left: auto; color: var(--muted); font-size: 13px; }
.t-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.t-stats b { display: block; font-size: 21px; font-weight: 700; }
.t-stats span { font-size: 13px; color: var(--muted); }
.pB-wrap { display: grid; grid-template-columns: 1fr 340px; gap: 40px; padding: 26px 0px 56px; }
.pB-title { font-family: var(--fh); font-size: 30px; font-weight: var(--hw); letter-spacing: var(--ht); line-height: 1.15; margin: 10px 0px 14px; text-wrap: balance; }
.pB-who { display: flex; gap: 12px; align-items: center; font-size: 14px; }
.pB-who b { font-size: 15px; }
.pB-gal { display: grid; grid-template-columns: 2fr 1fr; grid-template-rows: 1fr 1fr; gap: 10px; height: 430px; margin-top: 22px; }
.pB-gal .t-thumb:first-child { grid-row: 1 / 3; }
.pB-dots { gap: 6px; justify-content: center; margin-top: 10px; }
.pB-dots i { width: 7px; height: 7px; border-radius: 50%; background: var(--line); }
.pB-dots i.on { background: var(--ink); }
.pB-card { position: sticky; top: 20px; padding: 22px; }
.pB-card .t-stats { margin: 16px 0px; padding: 16px 0px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.pB-card .rate { font-size: 24px; font-weight: 700; margin-top: 14px; }
.pB-card .rate small { font-size: 13px; color: var(--muted); font-weight: 500; }
.jA-wrap { display: grid; grid-template-columns: 1fr 390px; gap: 44px; padding: 32px 0px 56px; }
.jA-prev { position: sticky; top: 20px; align-self: start; }
.jA-prev .t-eye { margin-bottom: 10px; }
.jA-tip { display: flex; gap: 10px; font-size: 14px; color: var(--body); border-left: 2px solid var(--line2); padding: 2px 0px 2px 14px; margin-top: 18px; }
.jA-tip .i { display: none; }
.t-range { display: flex; align-items: center; gap: 10px; }
.t-range .t-in { flex: 1 1 0%; }
.jA-actions { display: flex; gap: 10px; margin-top: 6px; }
.jB-top { border-bottom: 1px solid var(--line); background: var(--nav); color: var(--nav-ink); }
.jB-top .t-wrap { height: 64px; display: flex; align-items: center; gap: 16px; }
.jB-top .ex { margin-left: auto; font-size: 14px; font-weight: 600; opacity: 0.85; }
.jB-prog { height: 4px; background: var(--soft); }
.jB-prog i { display: block; height: 100%; width: 62%; background: var(--brand-500); }
.jB-wrap { display: grid; grid-template-columns: 230px 1fr; gap: 64px; padding: 48px 0px 40px; }
.jB-steps li { display: flex; gap: 12px; align-items: center; padding: 10px 0px; font-size: 14.5px; font-weight: 600; color: var(--muted); }
.jB-steps .n { width: 28px; height: 28px; border-radius: 50%; border: 1.5px solid var(--line); display: grid; place-items: center; font-size: 13px; flex: 0 0 auto; }
.jB-steps .n .i { width: 14px; height: 14px; stroke-width: 3; }
.jB-steps li.done { color: var(--ink); }
.jB-steps li.done .n { background: var(--ink); border-color: var(--ink); color: rgb(255, 255, 255); }
.jB-steps li.on { color: var(--ink); }
.jB-steps li.on .n { background: rgb(255, 255, 255); border-color: var(--brand); color: var(--n900); border: 2px solid var(--n900); }
.jB-q { max-width: 660px; }
.jB-q .t-eye { margin-bottom: 10px; }
.jB-q .t-lead { font-size: 16px; margin-top: 10px; }
.jB-opts { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 26px 0px 24px; }
.jB-o { border: 1.5px solid var(--line); border-radius: var(--r); padding: 20px; display: flex; flex-direction: column; gap: 6px; position: relative; background: var(--card); }
.jB-o.on { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.jB-o .ic { display: grid; place-items: start; color: var(--ink); margin-bottom: 6px; }
.jB-o b { font-size: 16px; }
.jB-o span { font-size: 13.5px; color: var(--muted); }
.jB-o .rad { position: absolute; top: 18px; right: 18px; width: 20px; height: 20px; border-radius: 50%; border: 1.5px solid var(--line); }
.jB-o.on .rad { border: 6px solid var(--ink); }
.jB-bar { border-top: 1px solid var(--line); margin-top: 28px; padding-top: 20px; display: flex; justify-content: space-between; align-items: center; }
.wA-wrap { display: grid; grid-template-columns: 270px 1fr; gap: 30px; padding: 28px 0px 56px; }
.wA-me { padding: 20px; }
.wA-me .nm { font-weight: 600; font-size: 15.5px; margin-top: 10px; display: flex; gap: 6px; align-items: center; }
.wA-me .t-prog { margin: 14px 0px 6px; }
.wA-me small { font-size: 13px; color: var(--muted); }
.wA-me .row { display: flex; justify-content: space-between; font-size: 13.5px; padding: 9px 0px; border-top: 1px solid var(--line); }
.wA-me .row:first-of-type { margin-top: 14px; }
.wA-feed { display: flex; flex-direction: column; gap: 14px; }
.wA-search { margin: 16px 0px 6px; }
.wB-tbl { width: 100%; border-collapse: collapse; font-size: 14px; background: var(--card); border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; }
.wB-tbl th { text-align: left; font-size: 13px; font-weight: 600; color: var(--muted); padding: 12px 16px; border-bottom: 1px solid var(--line); background: var(--soft); }
.wB-tbl td { padding: 16px; border-bottom: 1px solid var(--line); vertical-align: top; }
.wB-tbl tr:last-child td { border-bottom: 0px; }
.wB-tbl .ttl { font-weight: 600; font-size: 14.5px; }
.wB-tbl .sk { font-size: 13px; color: var(--muted); margin-top: 3px; }
.wB-tbl .num { font-weight: 600; white-space: nowrap; }
.wB-tbl .pv { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; color: var(--ok); font-weight: 600; }
.wB-tbl .pv .i { width: 14px; height: 14px; }
.wB-tbl .lab { display: none; }
.wB-wrap { padding: 0px 0px 56px; }
.wB-wrap .t-pills { margin-bottom: 16px; }
.qA-wrap { display: grid; grid-template-columns: 1fr 420px; gap: 40px; padding: 26px 0px 56px; }
.qA-proj .t-h2 { font-size: 28px; margin: 10px 0px 12px; }
.qA-proj p { font-size: 15px; line-height: 1.6; margin-top: 18px; }
.qA-facts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0px; border: 1px solid var(--line); border-radius: var(--r); margin-top: 20px; }
.qA-facts div { padding: 14px 16px; border-left: 1px solid var(--line); }
.qA-facts div:first-child { border-left: 0px; }
.qA-facts span { font-size: 13px; color: var(--muted); display: block; }
.qA-facts b { font-size: 14.5px; }
.qA-client { display: flex; gap: 12px; align-items: center; margin-top: 22px; padding-top: 22px; border-top: 1px solid var(--line); font-size: 14px; }
.qA-form { padding: 24px; position: sticky; top: 20px; align-self: start; }
.qA-form .t-h3 { margin-bottom: 16px; }
.qA-money { border: 1px solid var(--line); border-radius: var(--r2); overflow: hidden; margin: 4px 0px 18px; }
.qA-money div { display: flex; justify-content: space-between; padding: 10px 14px; font-size: 13.5px; border-top: 1px solid var(--line); }
.qA-money div:first-child { border-top: 0px; }
.qA-money .tot { font-weight: 700; color: var(--ink); }
.qA-att { display: flex; gap: 8px; }
.qA-att .t-thumb { width: 64px; height: 48px; flex: 0 0 auto; }
.qA-att .add { width: 64px; height: 48px; border: 1.5px dashed var(--line); border-radius: var(--r2); display: grid; place-items: center; color: var(--muted); }
.qB-wrap { display: grid; grid-template-columns: 1fr 330px; gap: 40px; padding: 26px 0px 56px; }
.qB-ms { border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; background: var(--card); }
.qB-r { display: grid; grid-template-columns: 30px 1fr 120px 130px 24px; gap: 14px; align-items: center; padding: 14px 16px; border-top: 1px solid var(--line); font-size: 14px; }
.qB-r.h { font-size: 13px; color: var(--muted); font-weight: 600; background: var(--soft); border-top: 0px; padding: 10px 16px; }
.qB-r .n { width: 26px; height: 26px; border-radius: 50%; background: var(--soft); display: grid; place-items: center; font-size: 13px; font-weight: 700; }
.qB-r .t-in { height: 38px; font-size: 13.5px; padding: 0px 10px; }
.qB-r .x { color: var(--muted); }
.qB-r .x .i { width: 16px; height: 16px; }
.qB-add { display: flex; align-items: center; gap: 8px; padding: 14px 16px; border-top: 1px solid var(--line); color: var(--brand-deep); font-weight: 600; font-size: 14px; }
.qB-add .i { width: 16px; height: 16px; }
.qB-tot { display: flex; justify-content: space-between; align-items: center; padding: 16px; border-top: 2px solid var(--n900); font-weight: 700; }
.qB-tot .big { font-size: 20px; }
.qB-sum { padding: 22px; position: sticky; top: 20px; align-self: start; }
.qB-sum .row { display: flex; justify-content: space-between; font-size: 13.5px; padding: 8px 0px; border-top: 1px solid var(--line); }
.cA-list { display: flex; flex-direction: column; gap: 14px; padding: 18px 0px 56px; }
.cA-card { padding: 22px; display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: 16px 28px; }
.cA-who { display: flex; gap: 14px; align-items: center; }
.cA-who .nm { font-size: 16.5px; font-weight: 600; display: flex; gap: 7px; align-items: center; }
.cA-price { text-align: right; }
.cA-price b { display: block; font-size: 22px; }
.cA-price span { font-size: 13px; color: var(--muted); }
.cA-card p { grid-column: 1 / -1; font-size: 14px; opacity: 0.88; }
.cA-foot { grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; padding-top: 14px; border-top: 1px solid var(--line); }
.cB-scroll { overflow-x: auto; padding: 18px 0px 4px; }
.cB-tbl { display: grid; grid-template-columns: 190px repeat(3, minmax(0px, 1fr)); border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; background: var(--card); min-width: 0px; }
.cB-tbl > div { padding: 14px 16px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); font-size: 14px; }
.cB-tbl > .lab { border-left: 0px; font-size: 13px; color: var(--muted); font-weight: 600; background: var(--soft); }
.cB-tbl > .hd { border-top: 0px; padding: 18px 16px; }
.cB-tbl > .hd.lab { background: var(--soft); }
.cB-who { display: flex; gap: 10px; align-items: center; }
.cB-who .nm { font-weight: 600; font-size: 15px; display: flex; gap: 5px; align-items: center; }
.cB-who .tt { font-size: 13px; color: var(--muted); }
.cB-tbl .big { font-size: 20px; font-weight: 700; }
.cB-best { background: transparent; }
.cB-best em { display: block; font-style: normal; font-size: 13px; font-weight: 600; color: var(--ok); margin-top: 2px; }
.cB-tbl > .ft { padding: 16px; }
.cB-note { font-size: 13px; color: var(--muted); padding: 12px 0px 56px; display: flex; gap: 8px; align-items: center; }
.cB-note .i { width: 16px; height: 16px; color: var(--muted); }
.t-whead { padding: 26px 0px 0px; }
.t-whead .row { display: flex; align-items: flex-start; gap: 16px; }
.t-whead .t-h2 { font-size: 28px; }
.t-whead .t-meta { margin-top: 8px; }
.t-whead .act { margin-left: auto; display: flex; gap: 10px; }
.t-whead .t-ultabs { margin-top: 22px; }
.t-msr { padding: 18px 20px; display: grid; grid-template-columns: 34px 1fr auto auto; gap: 16px; align-items: center; }
.t-msr .n { width: 30px; height: 30px; border-radius: 50%; background: var(--soft); display: grid; place-items: center; font-weight: 700; font-size: 13px; }
.t-msr.done .n { background: var(--ink); color: rgb(255, 255, 255); }
.t-msr.now .n { background: var(--brand); color: var(--brand-ink); }
.t-msr .n .i { width: 14px; height: 14px; stroke-width: 3; }
.t-msr b { font-size: 15px; display: block; }
.t-msr small { font-size: 13px; color: var(--muted); }
.t-msr .amt { font-weight: 700; font-size: 15px; }
.t-held { display: flex; gap: 12px; align-items: center; background: var(--soft); border-radius: var(--r2); padding: 14px; }
.t-held .ic { display: inline-grid; color: var(--ink); flex: 0 0 auto; }
.t-held b { display: block; font-size: 15px; }
.t-held span { font-size: 13px; color: var(--muted); }
.t-payrow { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 13.5px; padding: 10px 0px; border-top: 1px solid var(--line); }
.t-payrow .gc { font-size: 12.5px; font-weight: 600; padding: 2px 8px; border-radius: 6px; background: var(--n100); color: var(--n800); }
.t-msg { max-width: 72%; padding: 11px 14px; border-radius: 16px; font-size: 14px; line-height: 1.45; background: rgb(255, 255, 255); border: 1px solid var(--line); }
.t-msg.me { align-self: flex-end; background: var(--ink); color: rgb(255, 255, 255); border-color: var(--ink); }
.t-msg .tm { display: block; font-size: 12px; opacity: 0.6; margin-top: 4px; }
.t-sys { align-self: center; font-size: 13px; color: var(--muted); display: inline-flex; gap: 6px; align-items: center; background: var(--card); border: 1px solid var(--line); border-radius: 999px; padding: 5px 12px; }
.t-sys .i { width: 14px; height: 14px; color: var(--ok); }
.t-file { display: flex; gap: 10px; align-items: center; margin-top: 9px; padding: 9px 10px; border-radius: 10px; background: var(--soft); font-size: 13px; }
.t-file .i { width: 20px; height: 20px; }
.t-file small { display: block; color: var(--muted); font-size: 12.5px; }
.kA-wrap { display: grid; grid-template-columns: 1fr 320px; gap: 30px; padding: 24px 0px 56px; }
.kA-ms { display: flex; flex-direction: column; gap: 12px; }
.kA-pay { padding: 20px; }
.kA-pay .t-h3 { font-size: 16px; margin-bottom: 12px; }
.kA-rev { padding: 20px; border-style: dashed; }
.kA-rev .stars { display: flex; gap: 4px; color: var(--line); margin: 10px 0px; }
.kA-rev .stars .i { width: 22px; height: 22px; }
.kB-app { display: grid; grid-template-columns: 270px 1fr 330px; min-height: 830px; border-top: 1px solid var(--line); }
.kB-list { border-right: 1px solid var(--line); padding: 16px 12px; display: flex; flex-direction: column; gap: 4px; }
.kB-list .t-in { height: 40px; margin: 0px 4px 10px; font-size: 13.5px; }
.kB-it { display: flex; gap: 10px; padding: 10px; border-radius: var(--r2); align-items: center; }
.kB-it.on { background: var(--soft); }
.kB-it b { font-size: 13.5px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kB-it small { font-size: 13px; color: var(--muted); display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kB-it > div { min-width: 0px; }
.kB-chat { display: flex; flex-direction: column; min-width: 0px; }
.kB-ch { padding: 14px 22px; border-bottom: 1px solid var(--line); display: flex; gap: 12px; align-items: center; }
.kB-ch b { font-size: 15px; display: flex; gap: 6px; align-items: center; }
.kB-ch small { font-size: 13px; color: var(--muted); }
.kB-msgs { flex: 1 1 0%; padding: 22px; display: flex; flex-direction: column; gap: 12px; background: var(--soft); }
.tp.dir-C .kB-msgs { background: var(--p100); }
.kB-comp { padding: 14px 18px; border-top: 1px solid var(--line); display: flex; gap: 10px; align-items: center; }
.kB-comp .t-in { flex: 1 1 0%; height: 44px; }
.kB-side { border-left: 1px solid var(--line); padding: 20px; display: flex; flex-direction: column; gap: 18px; }
.kB-side .t-h3 { font-size: 15.5px; }
.kB-ms li { display: flex; gap: 10px; align-items: center; font-size: 13.5px; padding: 8px 0px; }
.kB-ms .d { width: 20px; height: 20px; border-radius: 50%; border: 1.5px solid var(--line); display: grid; place-items: center; flex: 0 0 auto; }
.kB-ms .d .i { width: 12px; height: 12px; stroke-width: 3.2; }
.kB-ms li.done .d { background: var(--ink); border-color: var(--ink); color: rgb(255, 255, 255); }
.kB-ms li.now .d { background: var(--brand); border-color: var(--brand); }
.kB-ms li em { margin-left: auto; font-style: normal; font-weight: 600; }
.kB-ms .t { display: flex; flex-direction: column; min-width: 0; }
.kB-ms .t small { font-size: 13px; color: var(--muted); }
.kB-sheet { padding: 12px 16px; border-bottom: 1px solid var(--line); gap: 12px; align-items: center; background: var(--card); }
.kB-sheet .ic { display: inline-grid; color: var(--ink); flex: 0 0 auto; }
.kB-sheet b { font-size: 13.5px; display: block; }
.kB-sheet small { font-size: 13px; color: var(--muted); }
.kC-wrap { display: grid; grid-template-columns: 1fr 330px; gap: 36px; padding: 28px 0px 56px; }
.t-tl { position: relative; padding-left: 40px; }
.t-tl::before { content: ""; position: absolute; left: 13px; top: 8px; bottom: 8px; width: 2px; background: var(--line); }
.t-tli { position: relative; padding-bottom: 26px; }
.t-tli .dot { position: absolute; left: -40px; top: -1px; width: 28px; height: 28px; border-radius: 50%; background: var(--card); border: 2px solid var(--line); display: grid; place-items: center; }
.t-tli .dot .i { width: 14px; height: 14px; stroke-width: 3; }
.t-tli.done .dot { background: var(--ink); border-color: var(--ink); color: rgb(255, 255, 255); }
.t-tli.now .dot { background: var(--brand); border-color: var(--brand); color: var(--brand-ink); }
.t-tli .when { font-size: 13px; color: var(--muted); }
.t-tli b { font-size: 15.5px; display: block; }
.t-tli .box { margin-top: 12px; padding: 18px; }
.t-tli .box p { font-size: 14px; opacity: 0.86; margin-top: 4px; }
.t-tli .box .btns { display: flex; gap: 10px; margin-top: 14px; }
.t-tli.todo b { color: var(--muted); }
.tp [data-go], .tp [data-act], .tp a, .t-sw, .t-opt, .t-pill, .t-chip, .t-tog b, .t-seg b, .t-ultabs b, .jB-o, .kB-it, .t-tab, .pB-dots i, [data-one] > * { cursor: pointer; }
body.noting .tp [data-go], body.noting .tp [data-act] { cursor: copy; }
.t-inp { color-scheme: unset; forced-color-adjust: unset; mask: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; color: var(--ink); font-family: inherit; font-feature-settings: inherit; font-kerning: inherit; font-language-override: inherit; font-optical-sizing: inherit; font-palette: unset; font-size: inherit; font-size-adjust: inherit; font-stretch: inherit; font-style: inherit; font-synthesis: unset; font-variant: inherit; font-variation-settings: inherit; font-weight: inherit; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; box-sizing: border-box; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: text; cx: unset; cy: unset; d: unset; display: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: 1 1 0%; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; line-height: 1.4; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: 0px; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: 100%; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; }
.t-inp::placeholder { color: var(--muted); opacity: 1; }
select.t-inp { cursor: pointer; appearance: none; }
select.t-inp + .i { margin-left: -28px; pointer-events: none; }
textarea.t-inp { min-height: 84px; resize: vertical; white-space: pre-wrap; }
.t-in:focus-within { border-color: var(--brand); box-shadow: 0 0 0 3px var(--brand-100); }
.t-srow .t-in:focus-within, .hB-search .t-in:focus-within { border-color: var(--brand); }
.t-nsearch .t-inp { color: inherit; }
.t-pill select.t-inp { flex: 0 0 auto; width: auto; font-weight: 600; padding-right: 4px; }
.t-pgrp { display: contents; }
.t-btn { transition: filter 0.12s; }
.t-btn:hover { filter: brightness(0.94); }
.t-btn.done { background: var(--soft); color: var(--ink); border-color: var(--line2); }
.t-btn.done .i { width: 16px; height: 16px; stroke-width: 2.6; }
.t-heart.on, .t-job .hd .ic.on, .t-btn.ic.on { color: var(--brand-600); }
.t-heart.on .i, .t-job .hd .ic.on .i, .t-btn.ic.on .i { fill: currentcolor; }
.t-chip .i { width: 13px; height: 13px; }
.t-chipin { width: 170px; height: 30px; padding: 0px 12px; border-radius: 999px; border: 1px dashed var(--line2); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; outline: 0px; background: rgb(255, 255, 255); color: var(--ink); }
.t-catnav .t-wrap span.on { color: var(--ink); box-shadow: inset 0 -2px 0 var(--ink); }
.t-msheet { position: absolute; left: 0px; right: 0px; top: 100%; z-index: 20; background: var(--card); color: var(--ink); border-bottom: 1px solid var(--line); box-shadow: rgba(20, 14, 10, 0.12) 0px 14px 30px; padding: 8px 16px 14px; display: flex; flex-direction: column; }
.t-msheet[hidden] { display: none; }
.t-msheet a { padding: 12px 4px; font-weight: 600; font-size: 15px; border-bottom: 1px solid var(--line); }
.t-msheet a:last-child { border-bottom: 0px; }
.kA-rev .stars b { display: inline-grid; color: var(--line); }
.kA-rev .stars b.on, .t-tli .stars b.on { color: var(--n900); }
.t-tli .stars { display: flex; gap: 4px; color: var(--line); }
.t-tli .stars b { display: inline-grid; }
.t-tli .stars .i { width: 24px; height: 24px; }
.kA-rev.open { border-style: solid; border-color: var(--n900); }
.jB-edit { display: flex; flex-wrap: wrap; gap: 8px 18px; align-items: center; margin-top: 18px; font-size: 14px; color: var(--muted); }
.jB-steps li { cursor: pointer; }
.cA-inv { display: flex; gap: 14px; align-items: center; padding: 14px 18px; }
.cA-inv > div { flex: 1 1 0%; min-width: 0px; }
.cA-inv b { display: block; font-size: 15px; }
.cA-inv small { display: block; font-size: 13px; color: var(--muted); }
.cA-post { max-width: 760px; padding: 20px 0px 48px; }
.kA-chat { border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; display: flex; flex-direction: column; background: var(--card); }
.kA-chat .kB-msgs { min-height: 420px; }
.kA-files { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; align-content: start; }
.kA-files .t-file { margin: 0px; padding: 14px; background: var(--card); border: 1px solid var(--line); }
.kA-files .t-file.add { border-style: dashed; color: var(--muted); }
.kB-sheetx { flex-direction: column; gap: 12px; padding: 12px 16px 16px; border-bottom: 1px solid var(--line); background: var(--card); }
.qA-att .t-thumb { position: relative; }
.tp.dir-D .t-cat { background: #fff; border: 1px solid var(--line); }
.tp.dir-D .t-trustbar, .tp.dir-D .t-catnav, .tp.dir-D .kB-app { background: #fff; }
.tp.dir-E .t-nav .t-btn.brand { background: #fff; color: var(--brand-deep); }
.tp.dir-E .t-nav .t-btn.line { background: transparent; border-color: var(--hero-line); color: var(--hdr-ink); }
.tp.dir-E .t-nsearch { background: #fff; border-color: transparent; }
.tp.dir-E .t-ibtn .bd { background: #fff; }
.tp.dir-E .hA-hero { padding: 48px 0px 56px; }
.tp.dir-E .hA-panel { display: grid; grid-template-columns: minmax(0px, 1.05fr) minmax(0px, 0.95fr); gap: 56px; align-items: center; background: none; overflow: visible; min-height: 0px; }
.tp.dir-E .hA-panel .hA-w { display: none; }
.tp.dir-E .hA-panel .hA-t { display: block; position: static; order: 2; height: 500px; border-radius: var(--r); }
.tp.dir-E .hA-panel::before { display: none; }
.tp.dir-E .hA-copy { padding: 0px; color: var(--hdr-ink); }
.tp.dir-E .hA-copy .t-lead, .tp.dir-E .hA-copy .t-tog b, .tp.dir-E .hA-copy .t-pop { color: var(--hdr-ink); }
.tp.dir-E .hA-copy .t-pop .t-chip { border-color: var(--hero-line); color: var(--hdr-ink); }
.tp.dir-E .hA-copy .t-tog b.on { color: var(--n900); }
.tp.dir-B .hB-door .t-h2 { color: var(--ink); }
.hD-hero { padding: 56px 0px 64px; }
.hD-in { display: grid; grid-template-columns: minmax(0px, 1.1fr) minmax(0px, 0.9fr); gap: 56px; align-items: center; }
.hD-in .t-lead { margin-top: 14px; max-width: 560px; }
.hD-form { margin-top: 28px; background: #fff; color: var(--n900); border: 1px solid var(--line); border-radius: var(--r); padding: 24px 24px 18px; max-width: 620px; }
.hD-form .t-field { margin-bottom: 14px; }
.hD-form > .t-btn { margin-top: 4px; }
.hD-alt { margin-top: 12px; font-size: 14px; color: var(--n600); }
.hD-alt .t-link { font-size: 14px; }
.hD-ph { width: 100%; height: 600px; object-fit: cover; border-radius: var(--r); display: block; }
.fD-wrap { display: grid; grid-template-columns: minmax(0px, 1fr) 520px; min-height: 832px; }
.fD-list { padding: 0px 32px 48px 40px; min-width: 0px; }
.fD-list .t-pills { margin-bottom: 16px; }
.fD-rows { display: flex; flex-direction: column; gap: 12px; }
.fD-row { padding: 16px 18px; display: grid; grid-template-columns: auto minmax(0px, 1fr) auto; gap: 14px; align-items: center; }
.fD-row .nm { font-weight: 600; font-size: 16px; display: flex; gap: 6px; align-items: center; }
.fD-row .tt { font-size: 14px; color: var(--body); }
.fD-row .t-meta { margin-top: 4px; }
.fD-map { position: sticky; top: 0px; overflow: hidden; border-left: 1px solid var(--line); }
.fD-box { position: relative; width: 100%; aspect-ratio: 525 / 767; }
.fD-box img { position: absolute; inset: 0px; width: 100%; height: 100%; display: block; }
.fD-pins { position: absolute; inset: 0px; }
.fD-pin { position: absolute; transform: translate(-50%, -50%); display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0px 10px; border-radius: 999px; background: #fff; color: var(--n900); font-size: 13px; font-weight: 600; white-space: nowrap; box-shadow: 0 0 0 1px rgba(20, 14, 10, 0.14), 0 1px 3px rgba(20, 14, 10, 0.16); }
.fD-pin em { font-style: normal; font-weight: 500; color: var(--n600); }
.fD-pin.on { background: var(--n900); color: #fff; z-index: 2; }
.fD-pin.on em { color: rgba(255, 255, 255, 0.75); }
.fD-osm { position: absolute; right: 6px; bottom: 6px; font-size: 11px; background: rgba(255, 255, 255, 0.88); padding: 1px 6px; border-radius: 4px; color: var(--n700); }
.pA-two { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.t-quals li, .t-xp li { padding: 10px 0px; border-top: 1px solid var(--line); }
.t-quals li:first-child, .t-xp li:first-child { border-top: 0px; padding-top: 0px; }
.t-quals b, .t-xp b { display: block; font-size: 15px; font-weight: 600; line-height: 1.35; }
.t-quals small { display: flex; flex-wrap: wrap; gap: 2px 12px; align-items: center; font-size: 13px; color: var(--muted); margin-top: 2px; }
.t-quals .ck { display: inline-flex; align-items: center; gap: 4px; color: var(--ok); font-weight: 600; }
.t-quals .ck .i { width: 15px; height: 15px; stroke-width: 2; }
.t-xp small { display: block; font-size: 13px; color: var(--muted); margin-top: 1px; }
.t-xp p { font-size: 14px; color: var(--body); margin-top: 4px; }
.t-rep { display: inline-flex; margin-top: 12px; font-size: 13px; font-weight: 500; color: var(--muted); }
.t-side .t-rep { margin-top: 0px; align-self: flex-start; }
.pC-wrap { display: grid; grid-template-columns: minmax(0px, 1fr) 320px; gap: 24px; padding: 24px 0px 56px; align-items: start; }
.pC-main { display: flex; flex-direction: column; gap: 16px; min-width: 0px; }
.pC-head { overflow: hidden; }
.pC-cover { height: 180px; border-radius: 0px; }
.pC-id { position: relative; padding: 0px 28px 24px; }
.pC-id .t-av { margin-top: -60px; border: 4px solid #fff; z-index: 2; }
.pC-act { position: absolute; right: 28px; top: 18px; display: flex; gap: 10px; }
.pC-id .nm { font-family: var(--fh); font-size: 28px; font-weight: var(--hw); display: flex; align-items: center; gap: 10px; margin-top: 10px; line-height: 1.15; }
.pC-id .tt { font-size: 16px; margin-top: 4px; }
.pC-id .t-meta { margin-top: 10px; }
.pC-blk { padding: 22px 24px; }
.pC-blk .t-h3 { margin-bottom: 14px; }
.t-reqs { display: flex; flex-direction: column; align-items: flex-start; }
.t-reqs > .t-chip, .t-reqs > .t-chipin { margin-top: 8px; }
.t-reqs > .t-chipin { width: 280px; }
.t-reql { margin-top: 18px; }
.t-reql b { display: block; font-size: 14px; font-weight: 600; margin-bottom: 6px; }
.t-reql li { display: flex; gap: 8px; align-items: flex-start; font-size: 14px; padding: 3px 0px; }
.t-reql .i { width: 16px; height: 16px; color: var(--ok); margin-top: 2px; stroke-width: 2.4; }
.jC3-wrap { display: grid; grid-template-columns: minmax(0px, 1fr) 520px; gap: 40px; padding: 32px 0px 56px; align-items: start; }
.jC3-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.jC3-o { border: 1.5px solid var(--line); border-radius: var(--r2); padding: 16px; display: flex; flex-direction: column; gap: 4px; background: var(--card); }
.jC3-o .i { width: 22px; height: 22px; margin-bottom: 6px; }
.jC3-o b { font-size: 15.5px; }
.jC3-o span { font-size: 13px; color: var(--muted); }
.jC3-o.on { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.jC3-brief { padding: 24px; position: sticky; top: 20px; }
.jC3-brief .t-eye { margin-bottom: 14px; }
.jC-wrap { display: grid; grid-template-columns: 400px minmax(0px, 1fr); gap: 20px; padding-bottom: 56px; align-items: start; }
.jC-list { display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; background: var(--card); }
.jC-row { padding: 16px 18px; border-top: 1px solid var(--line); }
.jC-row:first-child { border-top: 0px; }
.jC-row.on { background: var(--brand-50); }
.jC-row .ttl { font-weight: 600; font-size: 15.5px; line-height: 1.35; }
.jC-row .t-meta { margin-top: 6px; color: var(--body); }
.jC-row .sub { font-size: 13px; color: var(--muted); margin-top: 6px; }
.jC-more { display: none; }
.jC-det { padding: 28px; position: sticky; top: 20px; }
.jC-det .t-h2 { font-size: 26px; }
.jC-det .t-h3 { font-size: 16px; margin: 22px 0px 8px; }
.jC-det p { font-size: 15px; line-height: 1.6; }
.jC-btns { display: flex; gap: 10px; margin-top: 18px; }
.jC-btns .t-btn.ic { width: 40px; padding: 0px; }
.jC-det .qA-facts { margin-top: 20px; }
.qC-wrap { padding: 26px 0px 56px; }
.qC-head .t-h2 { font-size: 28px; margin: 10px 0px 8px; }
.qC-tiers { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px; margin-top: 24px; }
.qC-t { padding: 20px 20px 4px; }
.qC-t.rec { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.qC-t .hd { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.qC-t .hd b { font-size: 17px; }
.qC-t .hd .t-link { font-size: 13.5px; }
.qC-t .t-in.ta { min-height: 120px; }
.qC-foot { display: grid; grid-template-columns: minmax(0px, 1fr) 380px; gap: 32px; margin-top: 24px; align-items: end; }
.qC-send { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; padding-bottom: 20px; }
.qC-send p { font-size: 13.5px; }
.hC3-wrap { display: grid; grid-template-columns: 340px minmax(0px, 1fr); gap: 20px; padding: 18px 0px 56px; align-items: start; }
.hC3-list { border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; background: var(--card); }
.hC3-it { display: flex; gap: 12px; padding: 14px 16px; border-top: 1px solid var(--line); align-items: flex-start; }
.hC3-it:first-child { border-top: 0px; }
.hC3-it.on { background: var(--brand-50); }
.hC3-it > div { min-width: 0px; }
.hC3-it b { display: block; font-size: 14.5px; }
.hC3-it small { display: block; font-size: 13px; font-weight: 600; margin-top: 1px; }
.hC3-it span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 13px; color: var(--muted); margin-top: 4px; }
.hC3-det { padding: 24px; }
.hC3-det .hd { display: flex; gap: 14px; align-items: center; }
.hC3-det .nm { font-size: 18px; font-weight: 600; display: flex; gap: 7px; align-items: center; }
.hC3-det .qA-facts { margin-top: 18px; }
.hC3-det .t-h3 { font-size: 16px; margin: 20px 0px 8px; }
.hC3-det p { font-size: 15px; line-height: 1.6; }
.hC3-sm { display: flex; gap: 10px; }
.hC3-sm .t-thumb { width: 120px; height: 84px; }
.hC3-ask { display: flex; gap: 10px; margin-top: 22px; }
.hC3-ask .t-in { flex: 1 1 0%; }
.hC3-hire { display: flex; gap: 10px; margin-top: 12px; }
.hC3-det .cB-note { padding: 14px 0px 0px; }
.cA-list:has(+ .cB-note) { padding-bottom: 4px; }
.cB-note { align-items: flex-start; }
.cB-note .i { margin-top: 1px; }
@container tp (min-width: 701px) {
  .tp.dir-D .t-h1 { font-size: 46px; }
  .tp.dir-D .t-h2 { font-size: 30px; }
  .tp.dir-D .t-sec { padding: 56px 0px; }
  .tp.dir-D .hA-panel { min-height: 480px; }
  .tp.dir-D .hA-copy { padding: 44px; }
}
@container tp (max-width: 700px) {
  .d-only { display: none !important; }
  .m-only { display: flex !important; }
  body.pn-tabs .tp .t-tabs { display: grid; }
  body.pn-tabs .tp .t-menu-btn { display: none !important; }
  body.pn-menu .tp .t-tabs-only { display: none !important; }
  .t-mbar { display: flex; }
  .t-wrap { padding: 0px 16px; }
  .t-sec { padding: 36px 0px; }
  .t-h1 { font-size: 36px; line-height: 1.1; }
  .t-h2 { font-size: 26px; }
  .t-lead { font-size: 16px; }
  .t-nav-in { height: 58px; gap: 10px; }
  .t-nav-r { gap: 4px; }
  .t-logo { font-size: 19px; }
  .t-catnav .t-wrap { gap: 18px; height: 42px; font-size: 13px; }
  .t-sbox { margin-top: 22px; padding: 10px; }
  .t-srow { flex-direction: column; }
  .t-srow .t-in, .t-srow .t-btn { height: 48px; flex: 0 0 auto; }
  .t-srow .t-city { flex: 0 0 auto; }
  .t-pop { margin-top: 14px; }
  .t-trust { grid-template-columns: 1fr; gap: 16px; padding-top: 24px; padding-bottom: 24px; }
  .t-shead { margin-bottom: 18px; }
  .t-shead .t-link { display: none; }
  .t-cats { grid-template-columns: 1fr 1fr; gap: 10px; }
  .t-cat { min-height: 96px; padding: 14px 16px; gap: 8px; }
  .t-cat b { font-size: 16px; }
  .t-pros { display: flex; overflow-x: auto; gap: 12px; margin: 0px -16px; padding: 0px 16px; scrollbar-width: none; }
  .t-pro { flex: 0 0 80%; }
  .t-cta { background: var(--band); }
  .t-cta .t-wrap { flex-direction: column; align-items: flex-start; padding-top: 44px; padding-bottom: 44px; gap: 20px; }
  .t-cta .btns { width: 100%; flex-direction: column; }
  .t-cta .t-btn { width: 100%; }
  .t-foot-g { grid-template-columns: 1fr 1fr; }
  .t-foot-g > div:first-child { grid-column: 1 / -1; }
  .t-foot .bt { flex-direction: column; gap: 6px; }
  .hA-hero { padding: 12px 0px 0px; }
  .hA-hero .t-lead { margin-top: 14px; }
  .hA-panel { min-height: 600px; border-radius: calc(var(--r) - 4px); }
  .hA-panel .hA-w { display: none; }
  .hA-panel .hA-t { display: block; }
  .hA-panel::before { background: linear-gradient(0deg, rgba(20, 14, 10, 0.88) 0%, rgba(20, 14, 10, 0.6) 52%, rgba(20, 14, 10, 0.05) 85%); }
  .hA-copy { padding: 24px 20px; }
  .hA-copy .t-srow { padding: 6px; }
  .hA-copy .t-srow .t-city { border-left: 0px !important; border-top: 1px solid var(--line) !important; }
  .tp.dir-B .hA-panel { min-height: 0px; display: flex; flex-direction: column; align-items: stretch; }
  .tp.dir-B .hA-panel .hA-t { position: static; width: 100%; height: 220px; order: 2; }
  .tp.dir-B .hA-copy { padding: 28px 16px 32px; max-width: none; }
  .tp.dir-B .hA-copy .t-h1 { padding-right: 0px; }
  .tp.dir-B .hA-copy .t-srow { padding: 6px; gap: 4px; }
  .tp.dir-B .hA-copy .t-srow .t-btn { border-radius: var(--btn); }
  .tp.dir-C .hA-hero { padding: 24px 0px 8px; }
  .tp.dir-C .hA-panel { grid-template-columns: 1fr; gap: 24px; }
  .tp.dir-C .hA-panel .hA-t { height: 260px; }
  .t-split { grid-template-columns: 1fr; gap: 20px; }
  .t-split > img { height: 220px; }
  .t-lcols { grid-template-columns: 1fr; }
  .t-lcols a { font-size: 16px; }
  .hC-tile::before { background: linear-gradient(rgba(15, 10, 6, 0.66) 0%, rgba(15, 10, 6, 0) 55%); }
  .hB-hero { padding: 30px 0px 36px; }
  .hB-top { flex-direction: column; align-items: flex-start; gap: 12px; }
  .hB-top .t-h1 { font-size: 36px; }
  .hB-doors { grid-template-columns: 1fr; gap: 12px; margin-top: 22px; }
  .hB-door { grid-template-rows: 150px auto; }
  .hB-door .bd { padding: 20px; }
  .hB-door .t-h2 { font-size: 23px; }
  .hB-door .go { flex-direction: column; align-items: stretch; margin-top: 8px; }
  .hB-door .go .t-btn { width: 100%; }
  .hB-search .t-btn { display: none; }
  .hC-hero { padding: 26px 0px 24px; }
  .hC-hero .t-h1 { font-size: 34px; }
  .hC-hero .t-in { margin-top: 18px; }
  .hC-tiles { display: flex; overflow-x: auto; gap: 10px; margin: 0px -16px; padding: 0px 16px; scrollbar-width: none; }
  .hC-tile { flex: 0 0 46%; height: 250px; padding: 14px; }
  .hC-tile b { font-size: 17px; }
  .t-gigs { grid-template-columns: 1fr 1fr; gap: 18px 10px; }
  .t-gig .tl { font-size: 13px; }
  .t-gig .who .t-ver { display: none; }
  .t-jobs3 { grid-template-columns: 1fr; gap: 12px; }
  .t-job { padding: 18px; }
  .t-job .ttl { font-size: 16px; }
  .t-job .facts { gap: 18px; }
  .t-phead { padding: 20px 0px 14px; flex-direction: column; align-items: flex-start; gap: 6px; }
  .t-phead .t-h2 { font-size: 24px; }
  .t-phead > .t-btn, .t-phead > .t-pill { display: none; }
  .fA-body { grid-template-columns: 1fr; gap: 0px; }
  .fA-row { grid-template-columns: auto 1fr; padding: 16px; gap: 12px; }
  .fA-row p { display: none; }
  .fA-act { grid-column: 1 / -1; flex-direction: row; min-width: 0px; }
  .fA-act .rate { display: none; }
  .fA-act .t-btn { flex: 1 1 0%; }
  .fA-row .t-chips { display: none; }
  .fC-proj { margin-top: 16px; padding: 14px; gap: 12px; }
  .fC-proj .t-btn { display: none; }
  .fC-card { grid-template-columns: 1fr; gap: 14px; padding: 16px; }
  .fC-act { flex-direction: row; min-width: 0px; }
  .fC-act .t-btn { flex: 1 1 0%; }
  .fC-act .q { display: none; }
  .t-ultabs { gap: 18px; overflow: hidden; }
  .t-ultabs b { font-size: 13.5px; }
  .pA-top { flex-direction: column; align-items: flex-start; gap: 12px; padding: 22px 0px; }
  .pA-top .nm { font-size: 24px; }
  .pA-top .act { margin-left: 0px; width: 100%; flex-wrap: wrap; }
  .pA-top .act .t-btn { flex: 1 1 0%; }
  .pA-rate { width: 100%; }
  .pA-body { grid-template-columns: 1fr; gap: 20px; padding-top: 20px; }
  .pA-body .t-side { order: -1; }
  .pA-port { grid-template-columns: 1fr 1fr; }
  .pA-port figure:nth-child(3) { display: none; }
  .pB-wrap { grid-template-columns: 1fr; gap: 20px; padding-top: 16px; }
  .pB-title { font-size: 22px; }
  .pB-gal { grid-template-columns: 1fr; grid-template-rows: 1fr; height: 240px; margin-top: 16px; }
  .pB-gal .t-thumb:not(:first-child) { display: none; }
  .pB-gal .t-thumb:first-child { grid-row: auto; }
  .pB-card { position: static; }
  .jA-wrap { grid-template-columns: 1fr; gap: 0px; padding-top: 20px; }
  .t-2c { grid-template-columns: 1fr; gap: 0px; }
  .t-2c .t-field { margin-bottom: 20px; }
  .jA-actions { display: none; }
  .jB-wrap { grid-template-columns: 1fr; gap: 0px; padding: 26px 0px 20px; }
  .jB-steps { display: none; }
  .jB-q .t-h2 { font-size: 26px; }
  .jB-opts { grid-template-columns: 1fr; gap: 10px; margin: 20px 0px; }
  .jB-bar { display: none; }
  .jB-top .ex { font-size: 13px; }
  .wA-wrap { grid-template-columns: 1fr; gap: 0px; padding-top: 16px; }
  .wB-tbl { border: 0px; background: none; }
  .wB-tbl thead { display: none; }
  .wB-tbl, .wB-tbl tbody, .wB-tbl tr, .wB-tbl td { display: block; width: 100%; }
  .wB-tbl tr { background: var(--card); border: 1px solid var(--line); border-radius: var(--r); padding: 14px 16px; margin-bottom: 10px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px 12px; }
  .wB-tbl td { padding: 0px; border: 0px; }
  .wB-tbl td:first-child, .wB-tbl td:last-child { grid-column: 1 / -1; }
  .wB-tbl .lab { display: block; font-size: 12.5px; color: var(--muted); }
  .wB-wrap .t-pills { flex-wrap: nowrap; overflow: hidden; }
  .qA-wrap { grid-template-columns: 1fr; gap: 18px; padding-top: 16px; }
  .qA-proj .t-h2 { font-size: 22px; }
  .qA-proj p { display: none; }
  .qA-facts { grid-template-columns: 1fr 1fr; }
  .qA-facts div:nth-child(3) { border-left: 0px; }
  .qA-facts div:nth-child(n+3) { border-top: 1px solid var(--line); }
  .qA-client { display: none; }
  .qA-form { position: static; padding: 18px; }
  .qB-wrap { grid-template-columns: 1fr; gap: 16px; padding-top: 16px; }
  .qB-r { grid-template-columns: 26px 1fr 96px; gap: 10px; padding: 12px; }
  .qB-r .days, .qB-r .x, .qB-r.h { display: none; }
  .qB-sum { position: static; }
  .cA-card { grid-template-columns: minmax(0px, 1fr); padding: 16px; gap: 12px; }
  .cA-foot .t-st, .cA-foot .t-sp, .cA-foot .t-btn.ic { display: none; }
  .t-pills { flex-wrap: nowrap; overflow: hidden; }
  .cA-price { text-align: left; display: flex; gap: 10px; align-items: baseline; }
  .cA-price b { font-size: 20px; }
  .cA-foot .t-btn { flex: 1 1 0%; }
  .cA-foot .t-btn.ic { flex: 0 0 auto; }
  .cB-scroll { margin: 0px -16px; padding: 14px 16px 4px; }
  .cB-tbl { grid-template-columns: 96px repeat(3, 210px); width: max-content; }
  .cB-tbl > div { padding: 12px; }
  .cB-tbl > .lab { position: sticky; left: 0px; z-index: 1; }
  .t-whead { padding-top: 16px; }
  .t-whead .t-h2 { font-size: 21px; }
  .t-whead .act { display: none; }
  .kA-wrap { grid-template-columns: 1fr; gap: 16px; padding-top: 16px; }
  .t-msr { grid-template-columns: 30px 1fr auto; padding: 14px; gap: 12px; }
  .t-msr .t-btn, .t-msr .t-st { grid-column: 2 / -1; justify-self: start; }
  .kB-app { grid-template-columns: 1fr; min-height: 0px; border-top: 0px; }
  .kB-ch { padding: 12px 16px; }
  .kB-msgs { padding: 16px; min-height: 520px; }
  .t-msg { max-width: 84%; }
  .kB-comp { padding: 10px 12px; }
  .kC-wrap { grid-template-columns: 1fr; gap: 20px; padding-top: 18px; }
  .t-tli .box .btns { flex-direction: column; }
  .pB-gal .t-thumb { display: none !important; }
  .pB-gal[data-g="0"] .t-thumb:nth-child(1), .pB-gal[data-g="1"] .t-thumb:nth-child(2), .pB-gal[data-g="2"] .t-thumb:nth-child(3) { display: block !important; }
  .kA-files { grid-template-columns: 1fr; }
  .cA-inv { flex-wrap: wrap; padding: 14px; }
  .cA-inv .t-btn { width: 100%; }
  .kA-chat .kB-msgs { min-height: 360px; }
  .tp.dir-E .hA-hero { padding: 24px 0px 28px; }
  .tp.dir-E .hA-panel { grid-template-columns: 1fr; gap: 20px; }
  .tp.dir-E .hA-panel .hA-t { height: 220px; }
  .hD-hero { padding: 24px 0px 32px; }
  .hD-in { grid-template-columns: 1fr; gap: 0px; }
  .hD-ph { display: none; }
  .hD-form { margin-top: 20px; padding: 16px; }
  .fD-wrap { grid-template-columns: 1fr; min-height: 0px; }
  .fD-side { order: -1; }
  .fD-map { position: relative; height: 380px; border-left: 0px; border-bottom: 1px solid var(--line); }
  .fD-box { position: absolute; left: 0px; right: 0px; top: -86px; }
  .fD-pin { height: 24px; font-size: 11.5px; padding: 0px 8px; gap: 4px; }
  .fD-list { padding: 0px 16px 24px; }
  .fD-row { grid-template-columns: auto minmax(0px, 1fr); padding: 14px; }
  .fD-row > .t-btn { grid-column: 1 / -1; }
  .pA-two { grid-template-columns: 1fr; gap: 24px; }
  .pC-wrap { grid-template-columns: 1fr; gap: 16px; padding-top: 16px; }
  .pC-cover { height: 110px; }
  .pC-id { padding: 0px 16px 18px; display: flex; flex-direction: column; align-items: flex-start; }
  .pC-id .t-av { width: 88px; height: 88px; margin-top: -44px; font-size: 30px; }
  .pC-act { position: static; order: 5; margin-top: 14px; width: 100%; }
  .pC-act .t-btn { flex: 1 1 0%; }
  .pC-id .nm { font-size: 23px; }
  .pC-blk { padding: 18px 16px; }
  .jC3-wrap { grid-template-columns: 1fr; gap: 20px; padding-top: 20px; }
  .jC3-o { padding: 12px; }
  .jC3-brief { position: static; padding: 16px; }
  .jC-wrap { grid-template-columns: 1fr; }
  .jC-row.on .jC-more { display: flex; flex-direction: column; gap: 4px; margin-top: 10px; font-size: 14px; }
  .jC-more .t-btn { margin-top: 12px; }
  .qC-head .t-h2 { font-size: 22px; }
  .qC-tiers { grid-template-columns: 1fr; gap: 12px; margin-top: 16px; }
  .qC-foot { grid-template-columns: 1fr; gap: 0px; margin-top: 16px; }
  .hC3-wrap { grid-template-columns: 1fr; padding-top: 14px; }
  .hC3-det { padding: 16px; }
  .hC3-sm .t-thumb { width: 96px; height: 70px; }
  .hC3-hire .t-btn { flex: 1 1 0%; }
}