.scalp-cases { --case-ink:#28382f; --case-muted:#596056; --case-line:#d8ded4; --case-paper:#f7f8f4; color:var(--case-ink); width:min(1320px,calc(100% - 96px)); margin:0 auto; padding:116px 0; }
.scalp-cases *, .scalp-case-dialog * { box-sizing:border-box; }
.scalp-cases button,.scalp-case-dialog button { font:inherit; cursor:pointer; }
.scalp-cases button:focus-visible,.scalp-case-dialog button:focus-visible,.scalp-case-dialog a:focus-visible { outline:2px solid #769374; outline-offset:5px; }
.scalp-cases__intro { display:grid; grid-template-columns:1fr 2fr; align-items:start; gap:48px; margin-bottom:54px; }
.scalp-cases__eyebrow { margin:0; font-size:11px; font-weight:600; letter-spacing:.19em; line-height:1.6; color:#596856; }
.scalp-cases h2 { font-size:clamp(34px,3.25vw,53px); font-weight:500; line-height:1.27; letter-spacing:-.055em; margin:0 0 23px; }
.scalp-cases__description { color:var(--case-muted); line-height:1.8; font-size:15px; margin:0; letter-spacing:-.025em; }
.scalp-cases__tools { display:flex; justify-content:space-between; align-items:center; gap:24px; border-bottom:1px solid var(--case-line); padding-bottom:22px; margin-bottom:32px; }
.scalp-cases__filters { display:flex; flex-wrap:wrap; gap:7px; }
.scalp-cases__filters button { border:1px solid transparent; background:transparent; color:var(--case-muted); padding:11px 19px; border-radius:24px; font-size:13px; white-space:nowrap; transition:background .18s ease,color .18s ease; }
.scalp-cases__filters button[aria-pressed=true] { color:#fff; background:#344e3b; border-color:#344e3b; }
.scalp-cases__filters button:hover:not(:disabled) { background:#e8eee3; color:#344e3b; }
.scalp-cases__filters button[aria-pressed=true]:hover { background:#344e3b; color:#fff; }
.scalp-cases__count { color:var(--case-muted); font-size:11px; white-space:nowrap; margin:0; }
.scalp-cases__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px 24px; }
.scalp-case-card { min-width:0; }
.scalp-case-card__open { display:block; width:100%; border:0; padding:0; text-align:left; background:transparent; color:inherit; text-decoration:none; }
.scalp-case-card__photos { display:grid; grid-template-columns:1fr 1fr; gap:4px; background:#f0f2ed; overflow:hidden; }
.scalp-case-card__panel { margin:0; min-width:0; position:relative; }
.scalp-case-card__panel img { display:block; width:100%; height:auto; aspect-ratio:16/25; object-fit:contain; background:#f5f5f2; }
.scalp-case-card__panel figcaption { position:absolute; top:12px; left:12px; font-size:10px; letter-spacing:.055em; padding:6px 9px; background:rgba(247,249,244,.94); border:1px solid rgba(219,226,215,.75); color:#34443a; }
.scalp-case-card__body { padding:19px 0 0; }
.scalp-case-card__line { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:11px; color:var(--case-muted); margin-bottom:9px; }
.scalp-case-card h3 { font-size:19px; line-height:1.5; font-weight:500; letter-spacing:-.035em; margin:0; }
.scalp-case-card__link { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--case-line); margin-top:15px; padding-bottom:15px; font-size:12px; color:#53684f; }
.scalp-case-card__open:hover .scalp-case-card__link { color:#253e2a; border-color:#8d9f85; }
.scalp-cases__footer { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-top:39px; }
.scalp-cases__footer p { font-size:11px; line-height:1.8; color:var(--case-muted); margin:0; }
.scalp-cases__more { min-height:48px; padding:12px 22px; border:1px solid #acb9a5; border-radius:30px; background:transparent; color:#344e3b; font-size:13px!important; white-space:nowrap; }
.scalp-cases__more span { margin-left:20px; }
.scalp-cases__more[hidden] { display:none; }
.scalp-cases__filters button:disabled,.scalp-cases__more:disabled { opacity:.52; cursor:default; }
.scalp-case-dialog { width:min(1100px,calc(100vw - 48px)); max-height:calc(100dvh - 48px); padding:0; border:0; color:#28382f; background:#f7f8f4; border-radius:4px; box-shadow:0 24px 100px #07140c66; }
.scalp-case-dialog::backdrop { background:rgba(19,31,23,.80); backdrop-filter:blur(7px); }
.scalp-case-dialog__shell { padding:30px 38px; }
.scalp-case-dialog__header { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:23px; }
.scalp-case-dialog__header h2 { font-size:25px; font-weight:500; letter-spacing:-.04em; margin:6px 0 0; }
.scalp-case-dialog__close { border:0; background:transparent; padding:12px; font-size:12px!important; color:#405440; }
.scalp-case-dialog__close span { font-size:26px; margin-left:8px; vertical-align:-2px; }
.scalp-case-dialog__views { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:20px; }
.scalp-case-dialog__views button { padding:9px 16px; color:#667360; background:transparent; border:1px solid #c8d2c2; border-radius:22px; font-size:12px; }
.scalp-case-dialog__views button[aria-pressed=true] { color:#fff; background:#344e3b; border-color:#344e3b; }
.scalp-case-dialog__images { display:grid; grid-template-columns:1fr 1fr; gap:10px; justify-items:center; align-items:start; background:#e9ede5; padding:10px; }
.scalp-case-dialog__images[data-view=original],.scalp-case-dialog__images[data-view=before],.scalp-case-dialog__images[data-view=after] { grid-template-columns:1fr; }
.scalp-case-dialog__images figure { margin:0; width:100%; }
.scalp-case-dialog__images figcaption { font-size:11px; letter-spacing:.04em; padding:6px 0 10px; color:#5d7057; }
.scalp-case-dialog__images img { display:block; max-width:100%; width:auto; height:auto; max-height:calc(100dvh - 295px); object-fit:contain; margin:0 auto; }
.scalp-case-dialog__meta { padding-top:18px; font-size:12px; line-height:1.75; color:#6b756b; }
.scalp-case-dialog__meta p { margin:0; }
.scalp-case-dialog__meta details { margin-top:10px; }
.scalp-case-dialog__meta summary { cursor:pointer; color:#465e41; padding:4px 0; }
.scalp-case-dialog__meta details p { margin:9px 0 6px; }
.scalp-case-dialog__meta a { color:#465e41; text-underline-offset:4px; }
body.scalp-case-modal-open { overflow:hidden; }
@media(max-width:1050px) { .scalp-cases { width:calc(100% - 64px); padding:85px 0; } .scalp-cases__intro { grid-template-columns:1fr 2fr; gap:24px; } .scalp-cases__grid { gap:32px 18px; } .scalp-case-card h3 { font-size:17px; } .scalp-case-card__panel figcaption { top:8px; left:8px; padding:5px 7px; } }
@media(max-width:760px) { .scalp-cases { width:calc(100% - 40px); padding:74px 0; } .scalp-cases__intro { display:block; margin-bottom:34px; } .scalp-cases__intro>.scalp-cases__eyebrow { margin-bottom:22px; } .scalp-cases h2 { font-size:34px; margin-bottom:20px; } .scalp-cases__description { font-size:13px; } .scalp-cases__tools { display:block; padding-bottom:18px; margin-bottom:25px; } .scalp-cases__filters { gap:4px; } .scalp-cases__filters button { padding:9px 12px; font-size:12px; } .scalp-cases__count { margin:14px 0 0 5px; } .scalp-cases__grid { grid-template-columns:1fr; gap:32px; } .scalp-case-card__photos { gap:5px; } .scalp-case-card__panel figcaption { top:10px; left:10px; } .scalp-case-card__body { padding-top:16px; } .scalp-case-card h3 { font-size:20px; } .scalp-cases__footer { display:block; margin-top:30px; } .scalp-cases__more { margin-top:22px; width:100%; } .scalp-case-dialog { width:calc(100vw - 20px); max-height:calc(100dvh - 20px); } .scalp-case-dialog__shell { padding:20px 15px; } .scalp-case-dialog__header h2 { font-size:20px; } .scalp-case-dialog__close { padding-right:0; } .scalp-case-dialog__views { gap:5px; } .scalp-case-dialog__views button { padding:9px 12px; } .scalp-case-dialog__images { gap:6px; padding:6px; } .scalp-case-dialog__images img { max-height:calc(100dvh - 315px); } .scalp-case-dialog__meta { font-size:11px; } }
@media(prefers-reduced-motion:reduce) { .scalp-cases__filters button { transition:none; } }