/* Sudut Ruang pages.css [B]: Layanan, FAQ, Proyek (editorial lama). Tentang, Kontak, Artikel punya berkas v2 sendiri. Token saja. */

/* Kepala halaman editorial */
.c-phead{padding-block:24px 40px;border-bottom:1px solid var(--line)}
.c-phead__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.c-phead .c-h1{max-width:18ch}
.c-phead__aside{max-width:60ch}
.c-phead__def{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);font-size:.9375rem;color:var(--ink-2)}
.c-phead__tagline{margin-top:16px;font-size:.75rem;font-weight:600;letter-spacing:.14em;color:var(--ink-2)}
.c-phead .c-actions{margin-top:24px}
.c-jump{margin-top:32px}
.c-jump .c-chips{margin-top:0}
.c-chip[aria-current=page]{background:var(--navy);border-color:var(--navy);color:var(--white)}
@media (min-width:1024px){
.c-phead{padding-block:32px 64px}
.c-phead__grid{grid-template-columns:7fr 5fr;gap:64px;align-items:start}
.c-phead__aside{padding-top:32px}
}

/* Pita bagian bernomor */
.c-band{padding-block:48px;border-top:1px solid var(--line)}
.c-phead + .c-band,.c-band--flush{border-top:0}
.c-band__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.c-band__label{display:flex;align-items:baseline;gap:12px}
.c-band__label .c-eyebrow{margin:0}
.c-band__label > .c-specs{flex:1}
.c-band__body{min-width:0}
.c-band__body > * + *{margin-top:16px}
.c-band__body .c-h2{max-width:24ch}
.c-band__body p{color:var(--ink-2)}
.c-band__body .c-lead{max-width:62ch}
.c-band__note{font-size:.9375rem;max-width:70ch}
.c-band__body > .c-band__note{margin-top:24px}
.c-band__body > .c-band__notice,.c-band__body > .c-band__faq{margin-top:32px}
.c-band__body p.c-steps__text{color:var(--ink-2)}
.c-num{display:inline-flex;align-items:center;gap:8px;font-size:.8125rem;font-weight:700;letter-spacing:.08em;color:var(--bright);font-variant-numeric:tabular-nums}
.c-num::after{content:"";width:24px;height:1px;background:currentColor}
@media (min-width:1024px){
.c-band{padding-block:96px}
.c-band__grid{grid-template-columns:3fr 9fr;gap:48px}
.c-band__label{position:sticky;top:calc(var(--header-h) + 24px);align-self:start;flex-direction:column;gap:12px}
.c-band__label .c-num{font-size:3rem;font-weight:300;line-height:1;color:var(--navy);letter-spacing:-.02em}
.c-band__label .c-num::after{display:none}
}

/* Isi bagian */
.c-split{display:grid;grid-template-columns:minmax(0,1fr);gap:8px 48px}
.c-band__body > .c-split{margin-top:32px}
@media (min-width:768px){.c-split{grid-template-columns:repeat(2,minmax(0,1fr))}}
.c-subhead{margin:24px 0 8px;padding-top:12px;border-top:1px solid var(--navy);font-size:.8125rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--navy)}
.c-split > div > .c-subhead:first-child{margin-top:0}
.c-rules{list-style:none;padding:0}
.c-rules li{position:relative;padding:12px 0 12px 28px;border-top:1px solid var(--line);color:var(--ink)}
.c-rules li:last-child{border-bottom:1px solid var(--line)}
.c-rules li::before{content:"";position:absolute;left:0;top:24px;width:14px;height:1px;background:var(--bright)}
.c-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.c-band__body > .c-actions{margin-top:32px}
.c-inline-links{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:4px 32px}

/* Panduan memilih layanan */
.c-guide{list-style:none;padding:0;border-top:1px solid var(--line)}
.c-band__body > .c-guide{margin-top:32px}
.c-guide a{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;min-height:44px;padding:16px 0;border-bottom:1px solid var(--line);text-decoration:none}
.c-guide__q{color:var(--ink)}
.c-guide__a{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--bright)}
.c-guide svg{transition:transform .25s var(--ease-out)}
.c-guide a:hover .c-guide__q{color:var(--navy)}
.c-guide a:hover svg{transform:translateX(4px)}
@media (min-width:768px){.c-guide a{grid-template-columns:1fr auto;align-items:center;gap:24px}}

/* Portofolio: daftar karya editorial */
.c-work__status{margin-bottom:24px;font-size:.875rem;color:var(--ink-2)}
.c-work{display:grid;grid-template-columns:minmax(0,1fr);gap:48px 32px}
@media (min-width:768px){.c-work{grid-template-columns:repeat(2,minmax(0,1fr))}.c-work__item:first-child{grid-column:1/-1}}
@media (min-width:1024px){.c-work{gap:64px 48px}.c-work__item:first-child{display:grid;grid-template-columns:8fr 4fr;gap:32px;align-items:end}}
.c-work__item{position:relative;display:flex;flex-direction:column;gap:16px}
.c-work__media{aspect-ratio:4/3;overflow:hidden;border-radius:var(--r-sm);background:var(--bg-soft)}
.c-work__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}
.c-work__item:hover .c-work__media img{transform:scale(1.03)}
.c-work__ph{display:grid;place-items:center;height:100%;color:var(--sky)}
.c-work__body{padding-top:12px;border-top:1px solid var(--line)}
.c-work__meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:.8125rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.c-work__title{margin-top:8px;font-size:clamp(1.25rem,1.1rem + .8vw,1.75rem);font-weight:700;letter-spacing:-.01em}
.c-work__link{color:var(--navy);text-decoration:none}
.c-work__link::after{content:"";position:absolute;inset:0;z-index:1}
.c-work__link:hover{color:var(--bright)}
.c-work__link:focus-visible{outline:0;box-shadow:none}
.c-work__item:focus-within{outline:3px solid var(--focus);outline-offset:6px;border-radius:var(--r-sm)}
.c-work__sub{margin-top:4px;color:var(--ink-2)}
.c-work__scope{margin-top:4px;font-size:.875rem;color:var(--ink-2)}

/* Proyek tunggal */
.c-project__hero{padding-top:32px}
.c-project__img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-sm);background:var(--bg-soft)}
.c-project__cap{margin-top:8px;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.c-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
.c-specs > div{padding-block:12px;border-top:1px solid var(--line)}
.c-specs dt{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.c-specs dd{margin:2px 0 0;font-weight:600;color:var(--navy)}
@media (min-width:1024px){.c-specs{grid-template-columns:minmax(0,1fr)}}
.c-gallery{list-style:none;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:32px}
@media (min-width:768px){.c-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.c-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}
.c-gallery a{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:var(--r-sm);background:var(--bg-soft)}
.c-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}
.c-gallery a:hover img{transform:scale(1.03)}

@media (prefers-reduced-motion:reduce){
.c-work__item:hover .c-work__media img,.c-gallery a:hover img,.c-guide a:hover svg{transform:none}
}
@media print{
.c-jump,.c-actions{display:none!important}
.c-band__label{position:static}
}