/* ==========================================================================
   PAKEJ — content pages: policies, collections, contact, custom order, blog, 404
   ========================================================================== */

.pk-page { padding-top: clamp(18px, 3vw, 44px); }
.pk-pagehead { padding-bottom: clamp(24px, 4vw, 56px); }
.pk-pagehead .pk-wrap { display: grid; gap: 18px; justify-items: start; }
.pk-pagehead__title { color: var(--display); font: 800 clamp(3rem, 10.5vw, 10rem)/.84 var(--font-display); font-stretch: 80%; letter-spacing: -.055em; text-transform: lowercase; text-wrap: balance; margin-left: -.03em; animation: pk-page-rise .9s var(--ease) both; }
.pk-pagehead__title--post { font-size: clamp(2.4rem, 6vw, 5.4rem); text-transform: none; line-height: .94; }
.pk-pagehead__text { max-width: 54ch; font-size: clamp(1rem, 1.25vw, 1.15rem); color: var(--ink-2); animation: pk-page-rise .9s var(--ease) .08s both; }
@keyframes pk-page-rise { from { opacity: 0; transform: translateY(28px); } }

/* ---------- policy / text pages ---------- */
.pk-doc { display: grid; grid-template-columns: minmax(220px, 300px) minmax(0, 1fr); gap: clamp(24px, 6vw, 100px); align-items: start; padding-top: 28px; position: relative; }
.pk-doc::before { content: ""; position: absolute; left: var(--gut); right: var(--gut); top: 0; border-top: 1.5px dashed var(--line-2); }
.pk-doc__nav { position: sticky; top: calc(var(--header-h) + 30px); display: grid; gap: 14px; }
.pk-doc__nav ul { display: grid; gap: 2px; }
.pk-doc__nav a:not(.pk-btn) { display: block; padding: 11px 16px; margin-left: -16px; border-radius: var(--r-pill); font-weight: 500; transition: background-color .25s, color .25s, padding .4s var(--ease); }
.pk-doc__nav a:not(.pk-btn):hover { background: var(--paper-2); padding-left: 22px; }
.pk-doc__nav a.is-current { background: var(--brand); color: var(--cream); }
.pk-doc__nav a.is-current:hover { background: var(--brand); padding-left: 16px; }
.pk-doc__help { display: grid; gap: 12px; justify-items: start; margin-top: 18px; padding: 20px; border-radius: var(--r-md); background: var(--paper-2); font-weight: 500; }
.pk-doc__body { max-width: 72ch; min-width: 0; }
.pk-doc__body > p:first-child { font-size: 1.18rem; line-height: 1.6; color: var(--ink); }

/* ---------- collections ---------- */
.pk-colls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(10px, 1.2vw, 18px); max-width: var(--max); margin-inline: auto; padding-inline: var(--gut); }
.pk-coll { min-height: clamp(260px, 24vw, 360px); }
.pk-coll .pk-tile__visual { width: 46%; right: 1%; bottom: -8%; }
.pk-coll .pk-tile__body { max-width: 54%; }
.pk-coll--custom { grid-column: 1 / -1; min-height: clamp(240px, 20vw, 320px); background: var(--brand-grad); }
.pk-coll--custom .pk-tile__visual { width: min(30%, 380px); right: 6%; bottom: -14%; }

/* ---------- contact / custom order ---------- */
.pk-split { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: clamp(12px, 1.4vw, 20px); align-items: start; }
.pk-split__side { display: grid; gap: clamp(12px, 1.4vw, 20px); }
.pk-contactcard { position: relative; display: grid; gap: 10px; padding: clamp(20px, 2.2vw, 30px); border-radius: var(--r-lg); background: var(--card); box-shadow: 0 0 0 1px var(--line); transition: transform .6s var(--ease), box-shadow .6s var(--ease); }
a.pk-contactcard:hover { transform: translateY(-5px); box-shadow: 0 0 0 1px var(--line), var(--shadow-1); }
.pk-contactcard--wa { background: var(--brand-grad); color: var(--cream); box-shadow: none; }
.pk-contactcard--wa .pk-eyebrow { color: rgba(251, 248, 240, .7); }
.pk-contactcard__icon { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 50%; background: var(--lime-soft); color: var(--brand); margin-bottom: clamp(14px, 2.6vw, 38px); }
.pk-contactcard--wa .pk-contactcard__icon { background: var(--lime); color: var(--brand-deep); }
.pk-contactcard__value { font: 700 clamp(1.4rem, 2.4vw, 2.2rem)/1 var(--font-display); font-stretch: 86%; letter-spacing: -.03em; overflow-wrap: anywhere; color: var(--display); }
.pk-contactcard--wa .pk-contactcard__value { color: var(--cream); }
.pk-contactcard__go { position: absolute; right: 22px; top: 22px; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px currentColor; opacity: .7; transition: transform .5s var(--spring), opacity .3s; }
a.pk-contactcard:hover .pk-contactcard__go { transform: rotate(45deg); opacity: 1; }
.pk-social--ink { margin-top: 8px; }

.pk-form { display: grid; gap: 18px; padding: clamp(22px, 3vw, 44px); border-radius: var(--r-lg); background: var(--paper-2); }
.pk-form__title { color: var(--display); font: 700 clamp(1.6rem, 2.8vw, 2.5rem)/1 var(--font-display); font-stretch: 84%; letter-spacing: -.035em; margin-bottom: 6px; }
.pk-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.pk-form__foot { display: flex; align-items: center; gap: 14px 22px; flex-wrap: wrap; margin-top: 6px; }
.pk-form__foot .pk-form__status { flex-basis: 100%; }
.pk-form.is-sent .pk-form__status { padding: 14px 18px; border-radius: var(--r-sm); background: var(--lime-soft); }
.pk-file__drop { display: flex; align-items: center; gap: 14px; padding: 18px; border-radius: var(--r-sm); border: 1.5px dashed var(--line-2); background: var(--card); color: var(--ink-2); font-size: .95rem; cursor: pointer; transition: border-color .25s, background-color .25s; }
.pk-file__drop:hover { border-color: var(--brand); }
.pk-file input:focus-visible + .pk-file__drop, .pk-file__drop:focus-within { border-color: var(--brand); box-shadow: 0 0 0 4px rgba(153, 202, 37, .35); }
.pk-file__drop .pk-icon { color: var(--brand); }

.pk-kit { position: relative; display: grid; place-items: center; padding: clamp(18px, 3vw, 40px) clamp(18px, 3vw, 40px) 0; border-radius: var(--r-lg); background: var(--brand-grad); overflow: hidden; min-height: 300px; }
.pk-kit img { width: min(92%, 460px); margin-bottom: -5%; filter: drop-shadow(0 30px 30px rgba(0, 0, 0, .35)); }
.pk-kit .pk-sticker { left: 7%; top: 12%; }
.pk-steps--ink li { border-color: var(--line-2) !important; }
.pk-steps--ink span { background: var(--brand); color: var(--lime); }

/* ---------- blog ---------- */
.pk-posts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(26px, 3vw, 44px) clamp(14px, 1.8vw, 26px); }
.pk-post { display: grid; gap: 10px; align-content: start; }
.pk-post__media { display: block; aspect-ratio: 1.4; border-radius: var(--r-md); overflow: hidden; background: var(--paper-2); margin-bottom: 6px; }
.pk-post__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--ease); }
.pk-post:hover .pk-post__media img { transform: scale(1.05); }
.pk-post__title { color: var(--display); font: 700 clamp(1.3rem, 2vw, 1.75rem)/1.04 var(--font-display); font-stretch: 86%; letter-spacing: -.03em; text-wrap: balance; }
.pk-post__excerpt { color: var(--ink-3); }
.pk-article { display: grid; gap: clamp(22px, 3vw, 44px); }
.pk-article__media img { width: 100%; border-radius: var(--r-lg); }
.pk-article__body { max-width: 72ch; margin-inline: auto; }

.pk-empty { display: grid; justify-items: center; gap: 12px; text-align: center; max-width: 560px; margin: clamp(40px, 7vw, 100px) auto; color: var(--ink-3); }
.pk-empty__title { color: var(--display); font: 700 clamp(1.8rem, 3.4vw, 2.8rem)/1 var(--font-display); font-stretch: 84%; letter-spacing: -.035em; }
.pk-empty__cta { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 12px; }

/* ---------- 404 ---------- */
.pk-404__inner { display: grid; justify-items: center; gap: 14px; text-align: center; padding-block: clamp(10px, 3vw, 50px); color: var(--ink-2); }
.pk-404__code { display: flex; align-items: center; justify-content: center; color: var(--display); font: 800 clamp(9rem, 34vw, 30rem)/.8 var(--font-display); font-stretch: 80%; letter-spacing: -.06em; }
.pk-404__code img { width: .78em; margin: 0 -.06em; filter: drop-shadow(0 30px 30px rgba(20, 32, 26, .25)); animation: pk-bob 5s ease-in-out infinite; }
.pk-404__title { color: var(--display); font: 700 clamp(1.8rem, 4vw, 3.4rem)/1 var(--font-display); font-stretch: 84%; letter-spacing: -.035em; }

@media (max-width: 900px) {
	.pk-doc { grid-template-columns: 1fr; }
	.pk-doc__nav { position: static; }
	.pk-doc__nav ul { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; margin-inline: calc(-1 * var(--gut)); padding-inline: var(--gut); }
	.pk-doc__nav a:not(.pk-btn) { margin: 0; white-space: nowrap; box-shadow: inset 0 0 0 1.5px var(--line-2); }
	.pk-doc__nav a.is-current { box-shadow: none; }
	.pk-doc__help { display: none; }
	.pk-split { grid-template-columns: 1fr; }
	.pk-split--custom .pk-split__side { order: 2; }
	.pk-posts { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) {
	.pk-colls { grid-template-columns: 1fr; }
	.pk-coll--custom { grid-column: auto; }
	.pk-coll .pk-tile__visual, .pk-coll--custom .pk-tile__visual { width: 78%; }
	.pk-coll .pk-tile__body { max-width: 100%; }
	.pk-form__row { grid-template-columns: 1fr; }
	.pk-form__foot .pk-btn { flex: 1 1 100%; }
	.pk-form__foot .pk-btn__label { flex: 1; }
	.pk-posts { grid-template-columns: 1fr; }
}