@charset "UTF-8";
/*
 * /brb/lasers/ 보유장비 hub — owner-approved design 시안 2 (owner decision 2026-09-16).
 * 390 = mobile master values; 1440 = desktop master values; 834/1024 are interpolated steps.
 * Palette follows Homepage Master 01: deep green #0B3328 · gold #A88959 (text #816945) · cream #F5F1EA · ink #303432.
 * Page-local tokens only; no global token or shell rule is defined here.
 * Tabs are script-free: each tab targets an empty anchor before the grid; `:target` sibling rules filter the cards.
 */
.page-brb-lasers {
  --eq-green: #0b3328;
  --eq-gold-text: #816945;
  --eq-gold-on-dark: #cbb08a;
  --eq-cream: #f5f1ea;
  --eq-paper: #fbf9f5;
  --eq-ink: #303432;
  --eq-card-ink: #1f2321;
  --eq-line: rgba(48, 52, 50, 0.2);
  --eq-serif: "Noto Serif KR", var(--brb-font-display, serif);
  --eq-sans: var(--brb-font-body, Pretendard, "Noto Sans KR", sans-serif);
  display: block;
  background: var(--eq-paper);
  color: var(--eq-ink);
  font-family: var(--eq-sans);
  font-size: 15px;
  line-height: 1.6;
  word-break: keep-all;
  -webkit-font-smoothing: antialiased;
}
.page-brb-lasers *, .page-brb-lasers *::before, .page-brb-lasers *::after { box-sizing: border-box; }
.page-brb-lasers img { display: block; max-width: 100%; }
.page-brb-lasers a { color: inherit; text-decoration: none; }
.page-brb-lasers a:focus-visible { outline: 3px solid var(--eq-green); outline-offset: 3px; }
.page-brb-lasers h1, .page-brb-lasers p { margin: 0; }

/* --- hero ---------------------------------------------------------------- */
.page-brb-lasers .brb-eq-hero { position: relative; height: 250px; overflow: hidden; background: #2a2d2b; }
.page-brb-lasers .brb-eq-hero-image { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
.page-brb-lasers .brb-eq-hero-veil { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(14, 26, 22, 0) 0%, rgba(14, 26, 22, 0) 44%, rgba(12, 30, 24, 0.5) 72%, rgba(10, 32, 25, 0.8) 100%); }
.page-brb-lasers .brb-eq-hero-copy { position: absolute; left: 22px; right: 22px; bottom: 20px; color: #fff; }
.page-brb-lasers .brb-eq-eyebrow { color: #e8d5ad; font-size: 10.5px; font-weight: 600; letter-spacing: 0.22em; text-shadow: 0 1px 10px rgba(10, 20, 16, 0.6); }
.page-brb-lasers .brb-eq-hero h1 { margin-top: 8px; color: #fff; font-family: var(--eq-serif); font-size: 32px; font-weight: 600; line-height: 1.2; letter-spacing: -0.035em; text-shadow: 0 1px 2px rgba(10, 20, 16, 0.35), 0 2px 22px rgba(10, 20, 16, 0.4); }

/* --- tabs ---------------------------------------------------------------- */
.page-brb-lasers .brb-eq-wrap { width: 100%; }
.page-brb-lasers .brb-eq-anchor { display: block; position: relative; top: -120px; height: 0; visibility: hidden; }
.page-brb-lasers .brb-eq-tabs { display: flex; gap: 6px; overflow-x: auto; padding: 16px 16px 12px; scrollbar-width: none; }
.page-brb-lasers .brb-eq-tab { display: inline-flex; align-items: baseline; gap: 5px; flex: 0 0 auto; min-height: 38px; padding: 8px 13px; border: 1px solid var(--eq-line); background: var(--eq-paper); color: var(--eq-ink); font-size: 13px; font-weight: 500; white-space: nowrap; }
.page-brb-lasers .brb-eq-tab span { color: var(--eq-gold-text); font-size: 11px; font-weight: 600; }
.page-brb-lasers .brb-eq-t-all { border-color: var(--eq-green); background: var(--eq-green); color: var(--eq-cream); }
.page-brb-lasers .brb-eq-t-all span { color: var(--eq-gold-on-dark); }
.page-brb-lasers .brb-eq-anchor:target ~ .brb-eq-tabs .brb-eq-t-all { border-color: var(--eq-line); background: var(--eq-paper); color: var(--eq-ink); }
.page-brb-lasers .brb-eq-anchor:target ~ .brb-eq-tabs .brb-eq-t-all span { color: var(--eq-gold-text); }
.page-brb-lasers #eq-all:target ~ .brb-eq-tabs .brb-eq-t-all { border-color: var(--eq-green); background: var(--eq-green); color: var(--eq-cream); }
.page-brb-lasers #eq-all:target ~ .brb-eq-tabs .brb-eq-t-all span { color: var(--eq-gold-on-dark); }
.page-brb-lasers #eq-lifting:target ~ .brb-eq-tabs .brb-eq-t-lifting { border-color: var(--eq-green); background: var(--eq-green); color: var(--eq-cream); }
.page-brb-lasers #eq-lifting:target ~ .brb-eq-tabs .brb-eq-t-lifting span { color: var(--eq-gold-on-dark); }
.page-brb-lasers #eq-pigment:target ~ .brb-eq-tabs .brb-eq-t-pigment { border-color: var(--eq-green); background: var(--eq-green); color: var(--eq-cream); }
.page-brb-lasers #eq-pigment:target ~ .brb-eq-tabs .brb-eq-t-pigment span { color: var(--eq-gold-on-dark); }
.page-brb-lasers #eq-scar:target ~ .brb-eq-tabs .brb-eq-t-scar { border-color: var(--eq-green); background: var(--eq-green); color: var(--eq-cream); }
.page-brb-lasers #eq-scar:target ~ .brb-eq-tabs .brb-eq-t-scar span { color: var(--eq-gold-on-dark); }
.page-brb-lasers #eq-redness:target ~ .brb-eq-tabs .brb-eq-t-redness { border-color: var(--eq-green); background: var(--eq-green); color: var(--eq-cream); }
.page-brb-lasers #eq-redness:target ~ .brb-eq-tabs .brb-eq-t-redness span { color: var(--eq-gold-on-dark); }
.page-brb-lasers #eq-acne:target ~ .brb-eq-tabs .brb-eq-t-acne { border-color: var(--eq-green); background: var(--eq-green); color: var(--eq-cream); }
.page-brb-lasers #eq-acne:target ~ .brb-eq-tabs .brb-eq-t-acne span { color: var(--eq-gold-on-dark); }
.page-brb-lasers #eq-hair:target ~ .brb-eq-tabs .brb-eq-t-hair { border-color: var(--eq-green); background: var(--eq-green); color: var(--eq-cream); }
.page-brb-lasers #eq-hair:target ~ .brb-eq-tabs .brb-eq-t-hair span { color: var(--eq-gold-on-dark); }
.page-brb-lasers #eq-disease:target ~ .brb-eq-tabs .brb-eq-t-disease { border-color: var(--eq-green); background: var(--eq-green); color: var(--eq-cream); }
.page-brb-lasers #eq-disease:target ~ .brb-eq-tabs .brb-eq-t-disease span { color: var(--eq-gold-on-dark); }
.page-brb-lasers #eq-booster:target ~ .brb-eq-tabs .brb-eq-t-booster { border-color: var(--eq-green); background: var(--eq-green); color: var(--eq-cream); }
.page-brb-lasers #eq-booster:target ~ .brb-eq-tabs .brb-eq-t-booster span { color: var(--eq-gold-on-dark); }

/* --- card grid ----------------------------------------------------------- */
.page-brb-lasers .brb-eq-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 0 16px 36px; }
.page-brb-lasers .brb-eq-card { position: relative; display: block; aspect-ratio: 1 / 1; overflow: hidden; background: #d9d1c6; }
.page-brb-lasers .brb-eq-anchor:target ~ .brb-eq-grid .brb-eq-card { display: none; }
.page-brb-lasers #eq-all:target ~ .brb-eq-grid .brb-eq-card { display: block; }
.page-brb-lasers #eq-lifting:target ~ .brb-eq-grid .brb-eq-c-lifting { display: block; }
.page-brb-lasers #eq-pigment:target ~ .brb-eq-grid .brb-eq-c-pigment { display: block; }
.page-brb-lasers #eq-scar:target ~ .brb-eq-grid .brb-eq-c-scar { display: block; }
.page-brb-lasers #eq-redness:target ~ .brb-eq-grid .brb-eq-c-redness { display: block; }
.page-brb-lasers #eq-acne:target ~ .brb-eq-grid .brb-eq-c-acne { display: block; }
.page-brb-lasers #eq-hair:target ~ .brb-eq-grid .brb-eq-c-hair { display: block; }
.page-brb-lasers #eq-disease:target ~ .brb-eq-grid .brb-eq-c-disease { display: block; }
.page-brb-lasers #eq-booster:target ~ .brb-eq-grid .brb-eq-c-booster { display: block; }
.page-brb-lasers .brb-eq-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 100% 100%; }
.page-brb-lasers .brb-eq-card-text { position: absolute; top: 11px; left: 11px; width: 50%; display: flex; flex-direction: column; gap: 3px; }
.page-brb-lasers .brb-eq-card-text strong { color: var(--eq-card-ink); font-family: var(--eq-serif); font-size: 14px; font-weight: 600; line-height: 1.3; letter-spacing: -0.02em; }
.page-brb-lasers .brb-eq-card-text small { color: rgba(31, 35, 33, 0.66); font-size: 10.5px; line-height: 1.45; }
.page-brb-lasers .brb-eq-card-more { position: absolute; left: 11px; bottom: 10px; display: inline-flex; align-items: center; gap: 6px; color: var(--eq-card-ink); font-size: 10px; font-weight: 500; }
.page-brb-lasers .brb-eq-card-more i { display: grid; place-items: center; width: 20px; height: 20px; border: 1px solid rgba(31, 35, 33, 0.45); border-radius: 50%; font-size: 10px; font-style: normal; }
.page-brb-lasers a.brb-eq-card:hover strong { color: var(--eq-green); }

/* --- 834: interpolated step between the two masters --------------------- */
@media (min-width: 52.125rem) {
  .page-brb-lasers .brb-eq-hero { height: 520px; }
  .page-brb-lasers .brb-eq-hero-image { object-position: 50% 15%; }
  .page-brb-lasers .brb-eq-hero-copy { left: max(32px, calc((100% - 1200px) / 2)); bottom: 44px; }
  .page-brb-lasers .brb-eq-eyebrow { font-size: 12px; }
  .page-brb-lasers .brb-eq-hero h1 { font-size: 44px; }
  .page-brb-lasers .brb-eq-wrap { width: min(100% - 64px, 1200px); margin-inline: auto; }
  .page-brb-lasers .brb-eq-tabs { flex-wrap: wrap; overflow: visible; padding: 30px 0 20px; }
  .page-brb-lasers .brb-eq-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; padding: 0 0 64px; }
  .page-brb-lasers .brb-eq-card-text { top: 18px; left: 18px; gap: 5px; }
  .page-brb-lasers .brb-eq-card-text strong { font-size: 18px; }
  .page-brb-lasers .brb-eq-card-text small { font-size: 12.5px; }
  .page-brb-lasers .brb-eq-card-more { left: 18px; bottom: 16px; font-size: 12px; }
  .page-brb-lasers .brb-eq-card-more i { width: 26px; height: 26px; font-size: 12px; }
}

/* --- 1024 ---------------------------------------------------------------- */
@media (min-width: 64rem) {
  .page-brb-lasers .brb-eq-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; padding-bottom: 72px; }
}

/* --- 1440: desktop master values; hero tall enough that the sign and the tallest devices are not cut */
@media (min-width: 90rem) {
  .page-brb-lasers .brb-eq-hero { height: 760px; }
  .page-brb-lasers .brb-eq-hero-copy { bottom: 48px; }
  .page-brb-lasers .brb-eq-hero h1 { font-size: 50px; }
  .page-brb-lasers .brb-eq-tabs { padding: 34px 0 22px; }
  .page-brb-lasers .brb-eq-card-text { top: 20px; left: 20px; }
  .page-brb-lasers .brb-eq-card-text strong { font-size: 19px; }
  .page-brb-lasers .brb-eq-card-more { left: 20px; bottom: 18px; }
}