/* Only the home hero and its category row are restyled. */
body.pkref-home #pkhc-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:20px; margin:24px 0 20px; align-items:stretch; }
#pkhc-layout, #pkhc-layout * { box-sizing:border-box; }
#pkhc-layout .pkhc-content { min-width:0; }
#pkhc-layout .pkhc-sidebar { position:relative; min-width:0; border:1px solid #dedfe2; border-radius:5px; background:#fff; color:#16191d; }
#pkhc-layout .pkhc-sidebar-title { display:flex; align-items:center; gap:10px; min-height:52px; margin:0 13px; border-bottom:2px solid #ffd400; font-size:14px; font-weight:700; list-style:none; cursor:default; }
#pkhc-layout .pkhc-sidebar-title::-webkit-details-marker { display:none; }
#pkhc-layout .pkhc-sidebar svg { width:19px; height:19px; flex:none; fill:none; stroke:currentColor; stroke-width:1.35; stroke-linecap:round; stroke-linejoin:round; }
#pkhc-layout .pkhc-category-list { position:absolute; top:59px; bottom:8px; left:6px; right:5px; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#b7bbc1 #f5f5f6; padding:0 3px; }
#pkhc-layout .pkhc-category-link { display:flex; align-items:center; gap:10px; min-height:36px; padding:7px 7px; border-radius:3px; color:#20252b; font-size:13px; line-height:1.3; text-decoration:none; }
#pkhc-layout .pkhc-category-link:hover, #pkhc-layout .pkhc-category-link:focus-visible { color:#111; background:#fff8d6; }
#pkhc-layout .pkhc-category-label { flex:1; }
#pkhc-layout .pkhc-chevron { color:#81868d; font-size:20px; line-height:1; }
#pkhc-layout .pkhc-service-link { color:#565c63; }
#pkhc-layout .pkhc-category-link:not(.pkhc-service-link) + .pkhc-service-link { margin-top:8px; border-top:1px solid #e8e9eb; border-radius:0; padding-top:13px; }
body.pkref-home #pkhc-layout .pkht-hero { width:100%!important; height:auto!important; margin:0!important; border:1px solid #dedfe2!important; border-radius:5px!important; overflow:hidden!important; }
body.pkref-home #pkhc-layout .pkht-stage { position:relative!important; width:100%!important; height:300px!important; }
body.pkref-home #pkhc-layout .pkht-slide { width:100%!important; height:300px!important; min-height:0!important; }
body.pkref-home #pkhc-layout .pkht-copy { width:42%!important; height:100%!important; padding:22px 0 28px 26px!important; }
body.pkref-home #pkhc-layout .pkht-copy h2, body.pkref-home #pkhc-layout .pkht-copy h2 span { font-size:28px!important; line-height:1.07!important; }
body.pkref-home #pkhc-layout .pkht-copy p { max-width:320px; font-size:12px!important; line-height:1.4!important; }
body.pkref-home #pkhc-layout .pkht-kicker { font-size:10px!important; }
body.pkref-home #pkhc-layout .pkht-visual { left:33%!important; right:0!important; }
body.pkref-home #pkhc-layout .pkht-visual img { object-fit:contain!important; }
body.pkref-home #pkhc-layout .pkht-rail { display:none!important; }
body.pkref-home #pkhc-layout .pkht-features { flex-wrap:wrap!important; gap:8px!important; }
body.pkref-home #pkhc-layout .pkht-features li { font-size:9px!important; }
body.pkref-home #pkhc-layout .pkht-controls { position:relative!important; inset:auto!important; width:100%!important; height:58px!important; display:grid!important; grid-template-columns:32px minmax(0,1fr) 32px!important; gap:0!important; padding:0!important; margin:0!important; background:#fff!important; border:0!important; border-top:1px solid #dedfe2!important; border-radius:0!important; backdrop-filter:none!important; transform:none!important; }
body.pkref-home #pkhc-layout .pkht-dots { position:static!important; inset:auto!important; display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:0!important; width:100%!important; height:100%!important; margin:0!important; padding:0!important; transform:none!important; }
body.pkref-home #pkhc-layout .pkht-controls button { display:flex!important; align-items:center!important; justify-content:center!important; min-width:0!important; width:100%!important; height:100%!important; padding:6px!important; margin:0!important; border:0!important; border-radius:0!important; background:#fff!important; color:#252a30!important; box-shadow:none!important; font-size:12px!important; line-height:1.35!important; white-space:normal!important; }
body.pkref-home #pkhc-layout .pkht-dots button { border-bottom:3px solid transparent!important; }
body.pkref-home #pkhc-layout .pkht-dots button[aria-pressed="true"] { background:#f4f4f5!important; border-bottom-color:#ffd400!important; font-weight:700!important; }
body.pkref-home #pkhc-layout .pkht-controls button:hover { background:#fff8d6!important; }
body.pkref-home #pkhc-layout .pkht-controls svg { width:20px!important; height:20px!important; }
body.pkref-home #pkhc-layout .pkht-stage > [data-pkht-pause] { position:absolute!important; z-index:5; bottom:15px!important; right:15px!important; width:32px!important; height:32px!important; padding:4px!important; border:1px solid #69707a!important; border-radius:5px!important; background:#1b2027!important; color:white!important; }
body.pkref-home #pkhc-layout .pkht-stage > [data-pkht-pause] svg { width:22px!important; height:22px!important; }
body.pkref-home #pkhc-layout .pkht-stage > [data-pkht-count] { position:absolute!important; z-index:5; bottom:22px!important; right:56px!important; color:#fff!important; font-size:10px!important; }
body.pkref-home #pkhc-layout .pkht-categories { width:100%!important; margin:18px 0 0!important; padding:10px 14px 12px!important; border:1px solid #dedfe2!important; border-radius:5px!important; background:#fff!important; }
body.pkref-home #pkhc-layout .pkht-category-heading { min-height:24px!important; height:24px!important; margin:0 0 8px!important; padding:0 64px 0 0!important; }
body.pkref-home #pkhc-layout .pkht-category-heading h2 { font-size:15px!important; line-height:24px!important; }
body.pkref-home #pkhc-layout .pkht-category-track { display:grid!important; grid-auto-flow:column!important; grid-template-columns:none!important; grid-auto-columns:112px!important; gap:14px!important; padding:2px 0!important; overflow-x:auto!important; scrollbar-width:none; }
#pkhc-layout .pkht-category-track::-webkit-scrollbar { display:none; }
body.pkref-home #pkhc-layout .pkht-category { display:flex!important; flex-direction:column!important; align-items:center!important; width:112px!important; min-height:0!important; height:auto!important; padding:0!important; gap:9px!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; }
body.pkref-home #pkhc-layout .pkht-category-art { display:flex!important; align-items:center!important; justify-content:center!important; width:100px!important; height:100px!important; flex:0 0 100px!important; border:1px solid #eceef1!important; border-radius:50%!important; overflow:hidden!important; background:#fff!important; padding:8px!important; }
body.pkref-home #pkhc-layout .pkht-category-art svg, body.pkref-home #pkhc-layout .pkht-category-art img { width:100%!important; height:100%!important; max-width:100%!important; object-fit:contain!important; }
body.pkref-home #pkhc-layout .pkht-category:hover .pkht-category-art { border-color:#e7b900!important; }
body.pkref-home #pkhc-layout .pkht-category-name { width:100%!important; min-height:32px; font-size:12px!important; line-height:1.35!important; text-align:center!important; font-weight:500!important; }
body.pkref-home #pkhc-layout .pkht-category > svg { display:none!important; }
body.pkref-home #pkhc-layout .pkht-category-controls { top:8px!important; right:12px!important; gap:5px!important; }
body.pkref-home #pkhc-layout .pkht-category-controls button { width:27px!important; height:27px!important; min-width:27px!important; }
#pkhc-layout a:focus-visible, #pkhc-layout button:focus-visible, #pkhc-layout summary:focus-visible { outline:2px solid #e6b800!important; outline-offset:-2px; }
@media(min-width:1500px) {
 body.pkref-home #pkhc-layout { grid-template-columns:244px minmax(0,1fr); gap:24px; }
 body.pkref-home #pkhc-layout .pkht-stage, body.pkref-home #pkhc-layout .pkht-slide { height:350px!important; }
 body.pkref-home #pkhc-layout .pkht-copy { padding-left:34px!important; }
 body.pkref-home #pkhc-layout .pkht-copy h2, body.pkref-home #pkhc-layout .pkht-copy h2 span { font-size:34px!important; }
 body.pkref-home #pkhc-layout .pkht-category-track { grid-auto-columns:128px!important; gap:18px!important; }
 body.pkref-home #pkhc-layout .pkht-category { width:128px!important; }
 body.pkref-home #pkhc-layout .pkht-category-art { width:112px!important; height:112px!important; flex-basis:112px!important; }
}
@media(max-width:959px) {
 body.pkref-home #pkhc-layout { display:block; }
 #pkhc-layout .pkhc-sidebar { margin-bottom:12px; }
 #pkhc-layout .pkhc-sidebar-title { min-height:44px; cursor:pointer; border-bottom:0; }
 #pkhc-layout .pkhc-sidebar-title::after { content:'⌄'; margin-left:auto; font-size:18px; }
 #pkhc-layout .pkhc-sidebar[open] .pkhc-sidebar-title { border-bottom:2px solid #ffd400; }
 #pkhc-layout .pkhc-category-list { position:static; max-height:360px; padding:8px; }
}
@media(max-width:600px) {
 body.pkref-home #pkhc-layout .pkht-stage, body.pkref-home #pkhc-layout .pkht-slide { height:400px!important; }
 body.pkref-home #pkhc-layout .pkht-copy { width:100%!important; height:195px!important; padding:18px 20px!important; justify-content:flex-start!important; }
 body.pkref-home #pkhc-layout .pkht-copy h2, body.pkref-home #pkhc-layout .pkht-copy h2 span { font-size:25px!important; }
 body.pkref-home #pkhc-layout .pkht-copy p { font-size:11px!important; max-width:100%; }
 body.pkref-home #pkhc-layout .pkht-features { display:none!important; }
 body.pkref-home #pkhc-layout .pkht-visual { top:190px!important; bottom:10px!important; left:0!important; right:0!important; width:100%!important; height:auto!important; }
 body.pkref-home #pkhc-layout .pkht-controls { grid-template-columns:26px minmax(0,1fr) 26px!important; height:68px!important; }
 body.pkref-home #pkhc-layout .pkht-controls button { font-size:10px!important; padding:4px!important; }
 body.pkref-home #pkhc-layout .pkht-categories { padding:10px!important; }
 body.pkref-home #pkhc-layout .pkht-category-track { grid-auto-columns:95px!important; gap:10px!important; }
 body.pkref-home #pkhc-layout .pkht-category { width:95px!important; }
 body.pkref-home #pkhc-layout .pkht-category-art { width:86px!important; height:86px!important; flex-basis:86px!important; }
}

/* Supplied artwork is a complete banner: preserve every edge at all widths. */
body.pkref-home #pkhc-layout .pkhc-artwork .pkht-stage { height:300px!important; aspect-ratio:auto; background:#080d16; }
body.pkref-home #pkhc-layout .pkhc-artwork .pkht-slide { position:absolute!important; inset:0!important; height:100%!important; min-height:0!important; padding:0!important; background:none!important; }
body.pkref-home #pkhc-layout .pkhc-artwork .pkht-slide:not([hidden]) { display:block!important; }
body.pkref-home #pkhc-layout .pkhc-artwork .pkht-slide::before,
body.pkref-home #pkhc-layout .pkhc-artwork .pkht-slide::after { content:none!important; }
body.pkref-home #pkhc-layout .pkhc-artwork .pkhc-artwork-link { display:block; width:100%; height:100%; }
body.pkref-home #pkhc-layout .pkhc-artwork .pkhc-artwork-link img { display:block!important; width:100%!important; height:100%!important; max-width:none!important; object-fit:contain!important; margin:0!important; }
body.pkref-home #pkhc-layout .pkhc-artwork .pkht-dots { grid-template-columns:repeat(4,minmax(0,1fr))!important; }

@media(min-width:1500px){body.pkref-home #pkhc-layout .pkhc-artwork .pkht-stage{height:350px!important}}
@media(max-width:600px){body.pkref-home #pkhc-layout .pkhc-artwork .pkht-stage{height:400px!important}}