/* Astra independent Korean reference proposal. Page-local only.
Brand authority: production BARABOM HOMEPAGE MASTER 01 / .brb-hv1. */
.brb-pigment-hub{--pg-green:#0b3328;--pg-ink:#303432;--pg-muted:#666b64;--pg-gold:#816945;--pg-line:#deded5;--pg-cream:#f5f1ea;--pg-paper:#fbf9f5;--pg-serif:"Noto Serif KR",var(--brb-font-display,serif);--pg-sans:var(--brb-font-body,"Pretendard Variable",Pretendard,sans-serif);color:var(--pg-ink);background:var(--pg-paper);font:400 16px/1.7 var(--pg-sans);word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased}
.brb-pigment-hub *,.brb-pigment-hub *::before,.brb-pigment-hub *::after{box-sizing:border-box}
.brb-pigment-hub :where(h1,h2,h3,p,figure){margin:0}
.brb-pigment-hub a{color:inherit;text-decoration:none}
.brb-pigment-hub a:focus-visible,.brb-pigment-hub summary:focus-visible{outline:3px solid var(--pg-gold);outline-offset:4px}
.brb-pigment-hub a:hover .pg-destination{text-decoration:underline;text-underline-offset:5px}
.brb-pigment-hub :where(section,details){scroll-margin-top:24px}
.brb-pigment-hub .pg-wrap{width:min(1200px,calc(100% - 40px));margin-inline:auto}
.brb-pigment-hub .pg-kicker{color:var(--pg-gold);font-size:13px;font-weight:600;letter-spacing:.035em}
.brb-pigment-hub .pg-caption{display:block;color:var(--pg-muted);font-size:14px;line-height:1.5}
.brb-pigment-hub .pg-intro{padding-block:42px 34px}
.brb-pigment-hub .pg-intro-grid{margin-top:18px}
.brb-pigment-hub h1{font:500 36px/1.4 var(--pg-serif);letter-spacing:-.055em;color:var(--pg-green)}
.brb-pigment-hub .pg-intro-lead{margin-top:20px;font-size:16px;line-height:1.8;color:var(--pg-muted)}
.brb-pigment-hub .pg-direct{margin-top:28px;border:1px solid #d8d9cd;border-radius:8px;background:#fff}
.brb-pigment-hub .pg-direct summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;cursor:pointer;list-style:none}
.brb-pigment-hub .pg-direct summary::-webkit-details-marker{display:none}
.brb-pigment-hub .pg-direct summary strong{display:block;margin-top:4px;color:var(--pg-green);font-size:17px;font-weight:600}
.brb-pigment-hub .pg-expand{position:relative;width:20px;height:20px;flex:none}
.brb-pigment-hub .pg-expand::before,.brb-pigment-hub .pg-expand::after{content:"";position:absolute;background:var(--pg-green);top:9px;left:3px;width:14px;height:1px}
.brb-pigment-hub .pg-expand::after{transform:rotate(90deg)}
.brb-pigment-hub .pg-direct[open] .pg-expand::after{transform:rotate(0)}
.brb-pigment-hub .pg-direct-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;padding:0 20px 16px}
.brb-pigment-hub .pg-direct-list a{display:flex;align-items:center;min-height:52px;padding-block:10px;border-top:1px solid var(--pg-line);font-size:15px;line-height:1.5}
.brb-pigment-hub .pg-direct-list a:hover{color:var(--pg-green);text-decoration:underline;text-underline-offset:4px}
.brb-pigment-hub .pg-discovery{padding-bottom:64px}
.brb-pigment-hub .pg-guide{padding-top:24px;border-top:1px solid var(--pg-line)}
.brb-pigment-hub .pg-guide h2{margin-top:10px;font-size:23px;font-weight:500;line-height:1.5;letter-spacing:-.04em}
.brb-pigment-hub .pg-guide h2 br{display:none}
.brb-pigment-hub .pg-contents{margin-top:18px}
.brb-pigment-hub .pg-contents a{display:flex;justify-content:space-between;gap:10px;align-items:center;min-height:49px;border-bottom:1px solid var(--pg-line);font-size:15px}
.brb-pigment-hub .pg-contents a>span:last-child{color:var(--pg-gold)}
.brb-pigment-hub .pg-contents a:hover{color:var(--pg-green);background:#f0ede5}
.brb-pigment-hub .pg-guide-note{margin-top:18px;color:var(--pg-muted);font-size:13px;line-height:1.7}
.brb-pigment-hub .pg-stories{display:grid;gap:20px;margin-top:30px;min-width:0}
.brb-pigment-hub .pg-panel{min-width:0;padding:26px 20px 10px;border:1px solid #e1dfd7;border-radius:10px;background:#fff}
.brb-pigment-hub .pg-panel-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:24px}
.brb-pigment-hub .pg-number{padding-top:2px;color:var(--pg-gold);font-size:13px;font-variant-numeric:tabular-nums}
.brb-pigment-hub .pg-panel h2{margin-top:6px;color:var(--pg-green);font:500 24px/1.5 var(--pg-serif);letter-spacing:-.04em}
.brb-pigment-hub .pg-feature-link{display:flex;flex-direction:column;gap:16px;padding:20px;border-radius:6px;background:#eef1e9}
.brb-pigment-hub .pg-feature-copy{display:grid;gap:8px}
.brb-pigment-hub .pg-feature-copy strong{font-size:19px;line-height:1.5;font-weight:600;letter-spacing:-.025em}
.brb-pigment-hub .pg-feature-copy>span{color:var(--pg-muted);font-size:14px;line-height:1.65}
.brb-pigment-hub .pg-destination{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--pg-green);font-size:14px;font-weight:600;line-height:1.6}
.brb-pigment-hub .pg-destination>span{flex:none;font-size:19px;font-weight:400}
.brb-pigment-hub .pg-pair{display:grid}
.brb-pigment-hub .pg-route{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0;padding-block:23px}
.brb-pigment-hub .pg-pair .pg-route+.pg-route{border-top:1px solid var(--pg-line)}
.brb-pigment-hub .pg-say{font-size:18px;font-weight:500;line-height:1.55;letter-spacing:-.035em}
.brb-pigment-hub .pg-pair .pg-say br{display:none}
.brb-pigment-hub .pg-description{color:var(--pg-muted);font-size:14px;line-height:1.65}
.brb-pigment-hub .pg-route .pg-destination{margin-top:auto;padding-top:9px}
.brb-pigment-hub .pg-inline-route{display:grid;gap:12px;padding-block:22px;border-top:1px solid var(--pg-line)}
.brb-pigment-hub .pg-inline-route strong{display:block;font-size:17px;font-weight:500}
.brb-pigment-hub .pg-inline-route>span>span:not(.pg-destination){display:block;margin-top:7px;color:var(--pg-muted);font-size:14px}
.brb-pigment-hub .pg-panel-soft{background:#f1f0e9;border-color:#e5e2d8}
.brb-pigment-hub .pg-eye{padding:20px;border-radius:6px;background:#fff}
.brb-pigment-hub .pg-location{color:var(--pg-gold);font-size:13px;font-weight:500}
.brb-pigment-hub .pg-eye h3{margin-block:5px 10px;font-size:20px;font-weight:500;letter-spacing:-.035em}
.brb-pigment-hub .pg-eye-intro>p:last-child{font-size:14px;line-height:1.75;color:var(--pg-muted)}
.brb-pigment-hub .pg-eye-links{margin-top:16px}
.brb-pigment-hub .pg-eye-links a{display:grid;gap:5px;padding-block:14px;border-top:1px solid var(--pg-line);font-size:15px}
.brb-pigment-hub .pg-eye-links a:last-child{padding-bottom:0}
.brb-pigment-hub .pg-bump-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin-top:6px}
.brb-pigment-hub .pg-bump-grid .pg-route:nth-child(n+3){border-top:1px solid #d8d7cc}
.brb-pigment-hub .pg-bump-grid .pg-say{font-size:16px}
.brb-pigment-hub .pg-bump-grid .pg-description{font-size:13px}
.brb-pigment-hub .pg-panel-lead{font-size:15px;color:var(--pg-muted)}
.brb-pigment-hub .pg-related{display:grid;gap:8px;padding-block:20px;border-top:1px solid var(--pg-line);font-size:14px;color:var(--pg-muted)}
.brb-pigment-hub .pg-tattoo{padding:30px 26px;border-radius:10px;background:var(--pg-green);color:var(--pg-cream)}
.brb-pigment-hub .pg-tattoo .pg-caption{color:#d4be9c}
.brb-pigment-hub .pg-tattoo h2{margin-top:16px;font:500 27px/1.5 var(--pg-serif);letter-spacing:-.045em}
.brb-pigment-hub .pg-tattoo>p:not(.pg-caption){margin-top:16px;color:#e0e5db;font-size:15px;line-height:1.85}
.brb-pigment-hub .pg-tattoo>a{display:flex;justify-content:space-between;align-items:center;min-height:52px;margin-top:22px;padding-block:12px;border-top:1px solid #73877a;font-size:15px}
.brb-pigment-hub .pg-tattoo>a:hover{text-decoration:underline;text-underline-offset:5px}
.brb-pigment-hub .pg-tattoo a:focus-visible{outline-color:#d4be9c}
.brb-pigment-hub .pg-consult{padding-block:44px 54px;background:var(--pg-cream)}
.brb-pigment-hub .pg-consult-grid{display:grid;gap:30px}
.brb-pigment-hub .pg-consult figure{width:100%}
.brb-pigment-hub .pg-consult img{display:block;width:100%;height:240px;object-fit:contain;background:#fff;border-radius:8px}
.brb-pigment-hub .pg-consult figcaption{margin-top:8px;color:var(--pg-muted);font-size:12px}
.brb-pigment-hub .pg-consult h2{margin-block:14px 20px;font:500 25px/1.55 var(--pg-serif);letter-spacing:-.055em;color:var(--pg-green)}
.brb-pigment-hub .pg-consult-copy>p:not(.pg-kicker){margin-top:12px;color:var(--pg-muted);font-size:15px;line-height:1.85}
.brb-pigment-hub .pg-book{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;min-height:50px;margin-top:24px;padding:12px 22px;background:var(--pg-green);border-radius:4px;color:#fff;font-size:15px}
.brb-pigment-hub .pg-book:hover{background:#164b3a}
.brb-pigment-hub .pg-desktop-break{display:none}
.brb-pigment-hub .pg-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(min-width:700px){
.brb-pigment-hub .pg-wrap{width:min(1200px,calc(100% - 80px))}
.brb-pigment-hub .pg-intro{padding-block:64px 48px}
.brb-pigment-hub h1{font-size:44px}
.brb-pigment-hub .pg-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.brb-pigment-hub .pg-direct{margin-top:0}
.brb-pigment-hub .pg-direct-list{grid-template-columns:1fr}
.brb-pigment-hub .pg-guide h2{font-size:25px}
.brb-pigment-hub .pg-contents{display:grid;grid-template-columns:1fr 1fr;column-gap:32px}
.brb-pigment-hub .pg-guide-note br{display:none}
.brb-pigment-hub .pg-stories{gap:28px}
.brb-pigment-hub .pg-panel{padding:32px 32px 12px}
.brb-pigment-hub .pg-panel h2{font-size:28px}
.brb-pigment-hub .pg-mobile-break{display:none}
.brb-pigment-hub .pg-feature-link{flex-direction:row;justify-content:space-between;align-items:center;padding:24px;gap:28px}
.brb-pigment-hub .pg-feature-link>.pg-destination{flex:none}
.brb-pigment-hub .pg-pair{grid-template-columns:1fr 1fr;column-gap:28px}
.brb-pigment-hub .pg-pair .pg-route+.pg-route{border-top:0}
.brb-pigment-hub .pg-pair .pg-say br{display:initial}
.brb-pigment-hub .pg-say{font-size:20px}
.brb-pigment-hub .pg-inline-route{grid-template-columns:1fr auto;align-items:center;gap:24px}
.brb-pigment-hub .pg-eye{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:24px}
.brb-pigment-hub .pg-eye-links{margin-top:0}
.brb-pigment-hub .pg-eye-links a:first-child{border-top:0;padding-top:0}
.brb-pigment-hub .pg-bump-grid{column-gap:32px}
.brb-pigment-hub .pg-bump-grid .pg-say{font-size:19px}
.brb-pigment-hub .pg-related{display:flex;justify-content:space-between;align-items:center}
.brb-pigment-hub .pg-tattoo{padding:38px 40px}
.brb-pigment-hub .pg-tattoo h2{font-size:32px}
.brb-pigment-hub .pg-tattoo>a{max-width:310px}
.brb-pigment-hub .pg-consult{padding-block:60px}
.brb-pigment-hub .pg-consult-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:center}
.brb-pigment-hub .pg-consult img{height:330px}
.brb-pigment-hub .pg-consult h2{font-size:27px}
}
@media(min-width:1100px){
.brb-pigment-hub .pg-intro{padding-block:76px 62px}
.brb-pigment-hub .pg-intro-grid{grid-template-columns:1.15fr .85fr;gap:96px}
.brb-pigment-hub h1{font-size:52px}
.brb-pigment-hub .pg-intro-lead{font-size:18px}
.brb-pigment-hub .pg-direct summary{padding:24px}
.brb-pigment-hub .pg-direct-list{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:24px}
.brb-pigment-hub .pg-discovery{display:grid;grid-template-columns:260px minmax(0,1fr);gap:64px;padding-block:0 90px;border-top:1px solid var(--pg-line)}
.brb-pigment-hub .pg-guide{border-top:0;padding-top:40px}
.brb-pigment-hub .pg-guide-inner{position:sticky;top:32px}
.brb-pigment-hub .pg-guide h2{margin-top:16px;font-size:29px}
.brb-pigment-hub .pg-guide h2 br{display:initial}
.brb-pigment-hub .pg-contents{display:block;margin-top:24px}
.brb-pigment-hub .pg-contents a{min-height:59px}
.brb-pigment-hub .pg-guide-note{margin-top:24px}
.brb-pigment-hub .pg-stories{margin-top:40px}
.brb-pigment-hub .pg-panel{padding:36px 36px 14px}
.brb-pigment-hub .pg-panel-head{margin-bottom:28px;gap:18px}
.brb-pigment-hub .pg-panel h2{font-size:30px}
.brb-pigment-hub .pg-consult-grid{grid-template-columns:380px 1fr;gap:88px;max-width:1050px}
.brb-pigment-hub .pg-consult h2{font-size:33px}
.brb-pigment-hub .pg-desktop-break{display:initial}
}

/* Eye-area comparison: two owner-provided illustrative cues, HUB-local only. */
.brb-pigment-hub .pg-eye-links a{grid-template-columns:56px minmax(0,1fr);gap:10px;align-items:center}
.brb-pigment-hub .pg-eye-thumb,.brb-pigment-hub .pg-lesion-thumb{display:block;width:56px;height:56px;object-fit:cover;border-radius:6px}
.brb-pigment-hub .pg-eye-copy{display:grid;gap:5px;min-width:0}
@media(min-width:700px){
.brb-pigment-hub .pg-eye-links a{grid-template-columns:64px minmax(0,1fr);gap:12px}
.brb-pigment-hub .pg-eye-thumb,.brb-pigment-hub .pg-lesion-thumb{width:64px;height:64px}
}
@media(min-width:1100px){
.brb-pigment-hub .pg-eye-links a{grid-template-columns:72px minmax(0,1fr);gap:14px}
.brb-pigment-hub .pg-eye-thumb,.brb-pigment-hub .pg-lesion-thumb{width:72px;height:72px}
}

/* Shared small cue; descriptions retain their existing full width. */
.brb-pigment-hub .pg-birthmark .pg-pair .pg-route{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:10px;align-items:start}
.brb-pigment-hub .pg-birthmark .pg-say{align-self:center}
.brb-pigment-hub .pg-birthmark .pg-description,.brb-pigment-hub .pg-birthmark .pg-pair .pg-destination{grid-column:1/-1}
.brb-pigment-hub .pg-birthmark .pg-related{grid-template-columns:56px minmax(0,1fr);column-gap:10px;align-items:center}
.brb-pigment-hub .pg-birthmark .pg-related img{grid-row:1/3}
.brb-pigment-hub .pg-birthmark .pg-related>span{grid-column:2}
@media(min-width:700px){
.brb-pigment-hub .pg-birthmark .pg-pair .pg-route{grid-template-columns:64px minmax(0,1fr);column-gap:12px}
.brb-pigment-hub .pg-birthmark .pg-related{display:grid;grid-template-columns:64px minmax(0,1fr) auto;column-gap:12px}
.brb-pigment-hub .pg-birthmark .pg-related img{grid-row:1}
.brb-pigment-hub .pg-birthmark .pg-related>.pg-destination{grid-column:3}
}
@media(min-width:1100px){
.brb-pigment-hub .pg-birthmark .pg-pair .pg-route{grid-template-columns:72px minmax(0,1fr);column-gap:14px}
.brb-pigment-hub .pg-birthmark .pg-related{grid-template-columns:72px minmax(0,1fr) auto;column-gap:14px}
}
#brbPigmentHub #pg-tattoo-title { color: #fbf9f5; }