/* Lookbook — katalog mode: serif kontras tinggi, foto tinggi, huruf kapital berjarak, bar bawah di HP */
.fam-lookbook { --card: var(--bg); --shadow: none; --sec-y: clamp(56px, 8vw, 128px); }
.fam-lookbook .display, .fam-lookbook .h1, .fam-lookbook .h2 { font-weight: 500; }
.fam-lookbook .h2 { font-size: clamp(1.9rem, 1.2rem + 3vw, 3.8rem); line-height: 1.02; }
.fam-lookbook .display em, .fam-lookbook .h1 em, .fam-lookbook .h2 em { font-style: italic; color: var(--primary-text); }
.fam-lookbook .eyebrow { font-weight: 600; letter-spacing: .26em; font-size: .74rem; color: var(--ink); }
.fam-lookbook .btn { border-radius: 0; min-height: 50px; font-size: .82rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.fam-lookbook .btn--primary { --btn-bg: var(--ink); --btn-ink: var(--bg); }
.fam-lookbook .btn--primary:hover { background: var(--primary); color: var(--on-primary); }
.fam-lookbook .btn--ghost { border-color: var(--ink); }
.fam-lookbook .icon-btn { border-radius: 0; border-color: var(--ink); }
.fam-lookbook .link-arrow { color: var(--ink); font-size: .8rem; letter-spacing: .16em; text-transform: uppercase; }

/* Header: tipis di atas (desktop), bar di bawah layar (HP) */
.fam-lookbook .hdr { background: color-mix(in oklab, var(--bg) 94%, transparent); }
.fam-lookbook .brand__mark { display: none; }
.fam-lookbook .brand__name { font-family: var(--font-head), serif; font-weight: 600; font-size: 1.35rem; letter-spacing: .02em; }
.fam-lookbook .nav__a { font-size: .76rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
.fam-lookbook .nav__a.is-active::after { height: 1px; }
@media (min-width: 960px) {
  .fam-lookbook .hdr__in { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
  .fam-lookbook .hdr .nav { order: -1; }
  .fam-lookbook .hdr .brand { margin: 0; justify-self: center; }
  .fam-lookbook .hdr__act { justify-self: end; }
}
@media (max-width: 959px) {
  .fam-lookbook .hdr { background: var(--bg); }
  .fam-lookbook .mnav__a { font-family: var(--font-head), serif; font-size: 1.4rem; font-weight: 500; }
}

.fam-lookbook .feat, .fam-lookbook .tcard, .fam-lookbook .step, .fam-lookbook .cinfo { border: 0; border-top: 1px solid var(--ink); border-radius: 0; background: transparent; padding-inline: 0; }
.fam-lookbook .fstrip__i { border-radius: 0; background: transparent; border-top: 1px solid var(--ink); padding-inline: 0; }
.fam-lookbook .feat__ic { border-radius: 0; background: transparent; color: var(--ink); }
.fam-lookbook .fstrip__i b { font-family: var(--font-head), serif; font-size: 1.1rem; font-weight: 600; }
.fam-lookbook .cat, .fam-lookbook .about__img, .fam-lookbook .about-banner, .fam-lookbook .feats-split__img, .fam-lookbook .gitem, .fam-lookbook .map, .fam-lookbook .pd__main, .fam-lookbook .pd__shot, .fam-lookbook .pd__thumb, .fam-lookbook .ahero__img, .fam-lookbook .cta, .fam-lookbook .promo { border-radius: 0; }
.fam-lookbook .cat { aspect-ratio: 2 / 3; }
.fam-lookbook .cat__name { font-style: italic; font-size: clamp(1.2rem, 1rem + 1vw, 1.7rem); }
.fam-lookbook .about-banner { background: var(--ink); color: var(--bg); --muted: color-mix(in oklab, var(--bg) 72%, var(--ink)); }
.fam-lookbook .about-banner .checks .ic { color: var(--bg); }
.fam-lookbook .about-banner .prose { color: var(--muted); }
.fam-lookbook .about-banner .link-arrow { color: var(--bg); }
.fam-lookbook .gmason .gitem:nth-child(3n+1) { aspect-ratio: 2 / 3; }
.fam-lookbook .tquote__q { font-style: italic; font-weight: 500; }
.fam-lookbook .faq { border-top: 1px solid var(--ink); }
.fam-lookbook .faq__q { font-family: var(--font-head), serif; font-weight: 600; font-size: 1.15rem; }
.fam-lookbook .cta::after { background: linear-gradient(0deg, rgb(0 0 0 / .7), rgb(0 0 0 / .2)); }
.fam-lookbook .cta .h2 { font-size: clamp(2.2rem, 1.3rem + 4vw, 5rem); }
.fam-lookbook .badge { border-radius: 0; }
.fam-lookbook .chip { border-radius: 0; border-color: var(--ink); font-size: .8rem; letter-spacing: .1em; text-transform: uppercase; }
.fam-lookbook .input, .fam-lookbook .select, .fam-lookbook .textarea, .fam-lookbook .qty, .fam-lookbook .opt__v span { border-radius: 0; border-color: var(--ink); }
.fam-lookbook .avatar { border-radius: 0; }
.fam-lookbook .ftr { background: var(--bg); border-top: 1px solid var(--ink); }
.fam-lookbook .ftr__brand { font-style: italic; }
.fam-lookbook .wa-float { border-radius: 0; }