/* ===== cheese-profile-v7 ===== */
.cheese-monogram{font-family:"Playfair Display",Georgia,serif;font-size:32px;font-style:italic;font-weight:700;line-height:1.3;color:#173d5d;letter-spacing:0;padding-right:4px}.cheese-monogram span{color:#d9a822}

.nav-wrap.motion-nav .brand-logo {width:52px!important;height:52px!important;border-radius:50%!important;padding:5px!important;background:#fffaf0!important;border:1px solid #e5dccd!important;box-shadow:0 5px 18px #08283f14!important}
.nav-wrap.motion-nav .header-logo-badge {width:100%!important;height:100%!important;border-radius:50%!important;overflow:hidden!important}
.nav-wrap.motion-nav .brand-logo img {object-fit:contain!important;object-position:center!important}
.cheese-photographer-card {transition:transform .38s cubic-bezier(.2,.75,.2,1),box-shadow .38s ease,border-color .38s ease,opacity .18s ease!important;cursor:pointer}
.cheese-photographer-card:hover,.cheese-photographer-card:focus-within {transform:translateY(-4px)!important;box-shadow:0 16px 35px #173d5d14!important}
.cheese-photographer-card.is-leaving {opacity:0;transform:translateY(5px)!important}
.cheese-photographer-card .heart {opacity:1;transform:none;z-index:5}
.cheese-photographer-card .card-book-link {min-height:44px!important;color:#173d5d!important;font-weight:700!important;margin-top:8px}
.cheese-photographer-card .card-image::before {transition:transform .6s cubic-bezier(.2,.75,.2,1)!important}
.profile-page {display:none}
html.profile-mode body {background:#f5f8fb;color:#17354f}
html.profile-mode #top,html.profile-mode body>footer,html.profile-mode .fx-loader,html.profile-mode .scroll-progress,html.profile-mode .music-toggle {display:none!important}
html.profile-mode .profile-page {display:block}
html.profile-mode .nav-wrap.motion-nav {background:#fffefb!important;border-bottom:1px solid #dce5ed!important;padding-top:9px!important;padding-bottom:9px!important}
html.profile-mode .nav-wrap.motion-nav nav a,html.profile-mode .nav-wrap.motion-nav .mobile-menu-toggle {color:#173d5d!important}
html.profile-mode .nav-wrap.motion-nav .nav-cta {background:#173d5d!important;color:white!important}
.profile-shell {max-width:850px;margin:0 auto;padding:102px 24px 128px}
.profile-breadcrumb {display:flex;gap:10px;align-items:center;font-size:13px;color:#65798b;margin-bottom:18px}
.profile-breadcrumb a:hover {color:#173d5d;text-decoration:underline}
.profile-gallery {position:relative}
.profile-slides {display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:22px;background:#dce5ed;aspect-ratio:4/3}
.profile-slides::-webkit-scrollbar{display:none}
.profile-slides figure {flex:0 0 100%;width:100%;height:100%;margin:0;scroll-snap-align:start;scroll-snap-stop:always}
.profile-slides img {width:100%;height:100%;object-fit:cover}
.profile-photo-arrow {position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border:1px solid #ffffff88;border-radius:50%;background:#fffefbe8;color:#173d5d;font-size:24px;cursor:pointer;box-shadow:0 4px 14px #08283f22}
.profile-photo-arrow.prev{left:14px}.profile-photo-arrow.next{right:14px}
.profile-gallery-meta {display:flex;justify-content:space-between;align-items:center;margin:12px 0 20px;color:#6c7c8b;font-size:12px}
.profile-dots {display:flex;gap:6px}.profile-dot {width:28px;height:28px;padding:9px;border:0;background:transparent;cursor:pointer}.profile-dot:after{content:'';display:block;width:8px;height:8px;border-radius:50%;background:#b5c3cd}.profile-dot[aria-current=true]:after{background:#173d5d}
.profile-album-link {display:flex;justify-content:center;align-items:center;gap:12px;background:#173d5d;color:#fff;border-radius:12px;padding:16px 20px;font-weight:700;font-size:14px;transition:background .25s}
.profile-album-link:hover{background:#25597e}
.profile-info {padding:26px 0 8px}.profile-name-row{display:flex;align-items:center;gap:12px}.profile-name-row h1 {font-family:'Playfair Display',Georgia,serif;font-size:36px;letter-spacing:0;margin:0}
.profile-team {font-size:10px;letter-spacing:.1em;font-weight:800;padding:7px 10px;background:#e5eff6;color:#29668e;border-radius:6px}
.profile-summary {font-size:14px;line-height:1.8;color:#5b6f80;margin:12px 0}.profile-summary .star {color:#c18b06}
.profile-tags {display:flex;gap:7px;flex-wrap:wrap}.profile-tags span{font-size:12px;padding:7px 10px;background:#eaf0f5;border-radius:6px;color:#4f6475}
.profile-section{margin-top:30px;scroll-margin-top:95px}.profile-section h2{font:800 12px 'Be Vietnam Pro',sans-serif;letter-spacing:.13em;text-transform:uppercase;margin:0 0 14px;color:#6c7f90}
.service-list {margin:0;border:1px solid #d7e2eb;border-radius:14px;overflow:hidden;background:#ffffff66}.service-list>div{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #d7e2eb}.service-list>div:last-child{border:0}.service-list dt{font-size:13px}.service-list dd {margin:0;flex-shrink:0;font-size:11px;background:#edf2f6;color:#60758a;border:1px solid #d7e2eb;border-radius:6px;padding:6px 8px}
.profile-note {font-size:12px;line-height:1.7;color:#6c7f90}
.profile-portfolio {display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-portfolio img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;background:#dce5ed}
.profile-contact {border:1px solid #d7e2eb;background:white;border-radius:18px;padding:24px}.profile-contact p{line-height:1.7;font-size:14px;color:#617588}.profile-contact label {display:block;font-size:13px;font-weight:700;margin-bottom:10px}.profile-contact textarea{font:14px/1.8 'Be Vietnam Pro',sans-serif;width:100%;min-height:156px;border:1px solid #d7e2eb;border-radius:10px;padding:14px;resize:vertical;color:#17354f}.profile-copy{border:0;border-radius:10px;padding:13px 18px;background:#173d5d;color:white;font-weight:700;cursor:pointer;margin-top:12px}.profile-copy-status{min-height:24px;font-size:12px;color:#267555;margin-top:10px}
.profile-bookbar {position:fixed;bottom:0;left:0;right:0;z-index:1100;background:#fffefbf5;backdrop-filter:blur(14px);border-top:1px solid #d7e2eb;padding:13px 24px calc(13px + env(safe-area-inset-bottom))}.profile-bookbar-inner{max-width:802px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.profile-bookbar small{display:block;color:#6c7f90;font-size:11px;margin-bottom:3px}.profile-bookbar strong{font-size:22px}.profile-bookbar a{background:#e5b52d;color:#17354f;border-radius:10px;padding:15px 20px;font-size:14px;font-weight:800;transition:background .25s}.profile-bookbar a:hover{background:#f0c64c}
@media(max-width:700px){.nav-wrap.motion-nav .brand-logo{width:44px!important;height:44px!important}.profile-shell{padding:88px 16px 128px}.profile-slides{border-radius:15px}.profile-name-row h1{font-size:30px}.profile-bookbar{padding-left:16px;padding-right:16px}.profile-bookbar strong{font-size:19px}.profile-bookbar a{font-size:12px;padding:14px}.service-list>div{padding:14px 12px;gap:10px}.service-list dt{font-size:12px}.service-list dd{font-size:10px}.profile-contact{padding:18px}.profile-gallery-meta{font-size:11px}}
@media(prefers-reduced-motion:reduce){.cheese-photographer-card,.cheese-photographer-card .card-image::before{transition:none!important}.cheese-photographer-card:hover{transform:none!important}}

/* ===== directory-v8 ===== */
/* Keep the exact original logo artwork, inside a round frame. */
.nav-wrap.motion-nav .brand-logo{width:60px!important;height:60px!important;padding:4px!important;border-radius:50%!important}
.nav-wrap.motion-nav .header-logo-badge{border-radius:50%!important;width:100%!important;height:100%!important}
.nav-wrap.motion-nav .brand-logo img{object-fit:contain!important;object-position:center!important}
.directory-heading{display:none}.directory-heading>a{font-size:13px;color:#607387;display:inline-block;margin-bottom:32px}.directory-heading .eyebrow{display:block;font-size:10px;letter-spacing:.14em}.directory-heading h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(36px,5vw,66px);line-height:1.3;letter-spacing:0;margin:16px 0;color:#173d5d}.directory-heading h1 em{color:#a97810}.directory-heading p{max-width:620px;color:#657585;line-height:1.8;margin-bottom:36px}
.browse-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.all-photographers{color:#173d5d;font-weight:700;font-size:14px}.view-switch{display:flex;padding:4px;background:#e9edf0;border-radius:99px;gap:3px}.view-switch button{border:0;border-radius:99px;background:transparent;color:#607387;font-size:12px;padding:10px 15px;cursor:pointer}.view-switch button[aria-pressed=true]{background:#173d5d;color:white}
.directory-tools{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:16px;margin-bottom:20px}.directory-tools label{font-size:12px;font-weight:700;color:#526b7e;display:flex;flex-direction:column;gap:8px}.directory-tools input,.directory-tools select{width:100%;border:1px solid #d5dee5;background:#fff;border-radius:12px;padding:14px;color:#173d5d;min-height:48px}
#photographers .filters{flex-wrap:wrap;overflow:visible;gap:8px}
.rail-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:12px}.rail-toolbar p{font-size:13px;color:#61798c}.rail-toolbar>div{display:flex;gap:8px}.rail-toolbar button{width:44px;height:44px;border-radius:50%;border:1px solid #c8d5df;background:white;color:#173d5d;font-size:22px;cursor:pointer;transition:background .2s}.rail-toolbar button:hover{background:#f7e8ad}.rail-toolbar button:disabled{opacity:.35;cursor:default}.sample-note{font-size:12px;color:#71808d;line-height:1.6;margin-bottom:16px}
#photographers .cheese-photographer-grid{display:flex!important;gap:20px!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:4px;padding:10px 4px 26px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b1bec9 transparent;align-items:stretch;}
#photographers .cheese-photographer-card{flex:0 0 calc((100% - 60px)/4);scroll-snap-align:start;opacity:1;transform:none;transition:transform .32s ease,opacity .18s ease,box-shadow .32s ease!important}
#photographers .cheese-photographer-card.hidden{display:none!important}
#photographers .cheese-photographer-card.is-leaving{opacity:0}
#photographers.grid-view .cheese-photographer-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;overflow:visible}
#photographers.grid-view .rail-toolbar>div{display:none}
.directory-empty{padding:40px 20px;border:1px dashed #c8d5df;border-radius:18px;text-align:center;color:#526b7e}.directory-empty[hidden]{display:none}
html.directory-mode body{background:#f7f9fb}html.directory-mode #top>section:not(#photographers),html.directory-mode .fx-loader{display:none!important}html.directory-mode #photographers{padding-top:120px}html.directory-mode #photographers>.section-head{display:none}html.directory-mode .directory-heading{display:block}html.directory-mode .all-photographers{display:none}html.directory-mode .browse-top{justify-content:flex-end}
html.directory-mode .nav-wrap.motion-nav{background:#fffefb!important;border-bottom:1px solid #dce5ed!important}html.directory-mode .nav-wrap.motion-nav nav a,html.directory-mode .nav-wrap.motion-nav .mobile-menu-toggle{color:#173d5d!important}html.directory-mode .nav-wrap.motion-nav .nav-cta{background:#173d5d!important;color:white!important}
.profile-neighbours{display:flex;justify-content:space-between;gap:12px;margin:24px 0}.profile-neighbours a{padding:14px;border:1px solid #d7e2eb;border-radius:12px;font-size:13px;background:white;color:#173d5d}
@media(max-width:1100px){#photographers .cheese-photographer-card{flex-basis:calc((100% - 40px)/3)}#photographers.grid-view .cheese-photographer-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:800px){#photographers .cheese-photographer-card{flex-basis:calc((100% - 20px)/2)}#photographers.grid-view .cheese-photographer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.directory-tools{grid-template-columns:1fr 200px}}
@media(max-width:560px){.nav-wrap.motion-nav .brand-logo{width:50px!important;height:50px!important}.browse-top{align-items:flex-start;flex-direction:column}.directory-tools{grid-template-columns:1fr}.directory-tools input{font-size:16px}#photographers .cheese-photographer-card{flex-basis:85%}#photographers.grid-view .cheese-photographer-grid{grid-template-columns:1fr!important}.view-switch button{padding:10px 14px}.directory-heading h1{font-size:39px}.profile-neighbours a{font-size:12px;padding:12px}}
@media(prefers-reduced-motion:reduce){#photographers .cheese-photographer-card{transition:none!important}}

/* ===== swipe-only-v9 ===== */
#photographers .browse-top {display:flex;justify-content:center;align-items:center;margin:8px auto 30px;width:100%}
#photographers .all-photographers {display:inline-flex;align-items:center;justify-content:center;gap:24px;width:min(100%,390px);min-height:62px;padding:18px 28px;border:1px solid #d5bf7e;border-radius:18px;background:#fff7df;color:#173d5d;font-weight:800;font-size:15px;text-align:center;box-shadow:0 8px 24px #173d5d08;transition:background .25s ease,box-shadow .25s ease}
#photographers .all-photographers:hover {background:#f8e9bb;box-shadow:0 10px 26px #173d5d12}
#photographers .all-photographers span {font-size:20px}
#photographers .rail-toolbar {align-items:center;flex-wrap:wrap;gap:8px}
#photographers .swipe-hint {display:flex;align-items:center;gap:9px;color:#526b7e;font-size:13px}
.swipe-hint span {font-size:20px;color:#a97810}
#photographers .cheese-photographer-grid {cursor:grab;touch-action:pan-x pan-y;}
#photographers .cheese-photographer-grid.is-dragging {scroll-snap-type:none;cursor:grabbing;user-select:none;scroll-behavior:auto}
#photographers .cheese-photographer-grid.is-dragging * {cursor:grabbing!important}
html.directory-mode #photographers .browse-top {display:none}
@media(max-width:560px){#photographers .browse-top{flex-direction:row}#photographers .all-photographers{font-size:14px;min-height:58px}#photographers .swipe-hint{font-size:12px}}
@media(prefers-reduced-motion:reduce){#photographers .all-photographers{transition:none}}

/* ===== cheese-real-photos-v10 ===== */
.hero-shot.wide,.hero-shot.mid,.hero-shot.portrait{width:auto!important;min-width:0!important;aspect-ratio:2/3}
.hero-shot img{object-position:center 40%;filter:saturate(.96) contrast(1.02) brightness(.88)}
.cheese-photographer-card .card-image{background-position:center 40%!important}
.profile-slides{aspect-ratio:3/4;max-height:78svh;background:#e9e6e0}
.profile-slides img{object-fit:contain;object-position:center}
.profile-portfolio img{aspect-ratio:2/3;object-fit:cover;object-position:center}
.masonry figure img{object-position:center 38%}

/* ===== founder-badge-v11 ===== */
.cheese-photographer-card[data-team="Founder"] .badge {background:#fff0bb!important;color:#795a12!important;border-color:#e6c55e!important}
.cheese-photographer-card[data-team="Founder"] {border-color:#dfc77e!important}


/* ===== directory sidebar upgrade ===== */
.directory-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:start}
.directory-sidebar{display:none;position:sticky;top:112px}
.directory-sidebar-card{padding:18px 18px 16px;border:1px solid #dbe4eb;border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 14px 34px rgba(9,35,54,.05);margin-bottom:14px}
.directory-sidebar-card small{display:block;font-size:10px;letter-spacing:.16em;color:#9b7a28;font-weight:800;margin-bottom:8px}
.directory-sidebar-card strong{display:block;font-size:20px;line-height:1.35;color:#173d5d;margin-bottom:8px}
.directory-sidebar-card p{margin:0;font-size:13px;line-height:1.7;color:#6b7d8c}
.sidebar-title-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.sidebar-title-row h3{margin:0;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#173d5d}
.sidebar-title-row span{font-size:10px;color:#8798a7;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.directory-sidebar-card label{display:flex;align-items:flex-start;gap:10px;margin:10px 0;font-size:13px;line-height:1.55;color:#425b6e}
.directory-sidebar-card input[type="checkbox"],.directory-sidebar-card input[type="radio"]{margin-top:3px;accent-color:#173d5d}
.directory-switch{padding:12px 14px;border:1px solid #e1e8ee;border-radius:14px;background:#fbfcfe}
.directory-main{min-width:0}
.directory-top-meta{display:inline-flex;align-items:center;gap:12px;color:#607387;font-size:13px}
.directory-top-meta i{width:5px;height:5px;border-radius:50%;background:#d5b14c;display:block}
.photographer-meta-line{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#6d7e8c;margin:10px 0 12px}
.photographer-card .photographer-meta-line span:last-child{font-weight:700;color:#173d5d}
html.directory-mode #photographers{max-width:1400px;margin:0 auto;padding-left:24px;padding-right:24px}
html.directory-mode #photographers .directory-shell{display:grid}
html.directory-mode .directory-sidebar{display:block}
html.directory-mode .directory-main .directory-tools{margin-bottom:18px}
html.directory-mode #photographers .filters{margin-bottom:14px}
html.directory-mode #photographers .rail-toolbar{margin-bottom:12px}
html.directory-mode #photographers .sample-note{margin-bottom:16px}
html.directory-mode #photographers .cheese-photographer-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;overflow:visible!important;scroll-snap-type:none!important;padding:0!important;cursor:default!important}
html.directory-mode #photographers .cheese-photographer-card{flex:none!important}
html.directory-mode #photographers .cheese-photographer-card.hidden{display:none!important}
html.directory-mode #photographers .cheese-photographer-card .card-body{padding:20px!important}
html.directory-mode #photographers .cheese-photographer-card .photographer-tags{min-height:48px}
html.directory-mode #photographers .directory-tools{padding:12px 14px;border-radius:20px;background:#fff;border:1px solid #d8e2ea;box-shadow:0 12px 28px rgba(9,35,54,.04)}
html.directory-mode #photographers .all-photographers{display:none}
html.directory-mode .browse-top{justify-content:space-between}
@media(max-width:1200px){html.directory-mode #photographers .directory-shell{grid-template-columns:240px minmax(0,1fr)}html.directory-mode #photographers .cheese-photographer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:860px){.directory-shell{grid-template-columns:1fr}.directory-sidebar{position:static}.directory-sidebar-card{margin-bottom:12px}html.directory-mode #photographers{padding-left:18px;padding-right:18px}.directory-top-meta{display:none}html.directory-mode #photographers .cheese-photographer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:580px){html.directory-mode #photographers .cheese-photographer-grid{grid-template-columns:1fr!important}.directory-sidebar-card strong{font-size:18px}}


/* ===== balance fixes ===== */
#photographers .filter{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
#photographers .filter .filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#eef3f7;color:#4f6475;font-size:11px;font-weight:800}
html.directory-mode .directory-heading,html.directory-mode .browse-top,html.directory-mode .rail-toolbar,html.directory-mode .sample-note{text-align:center}
html.directory-mode .browse-top{justify-content:center}
html.directory-mode .directory-tools{max-width:1000px;margin-left:auto;margin-right:auto}
html.directory-mode #photographers .filters{justify-content:center}
html.directory-mode #photographers .rail-toolbar{justify-content:center}
html.directory-mode #photographers .sample-note{max-width:760px;margin-left:auto;margin-right:auto}
html.directory-mode .directory-heading p{margin-left:auto;margin-right:auto}


/* ===== v24 remove intro on directory subpage ===== */
html.directory-mode #photographers > .section-head,
html.directory-mode #photographers > .photographers-bg-word{
  display:none!important;
}
html.directory-mode #photographers{
  padding-top:118px!important;
}
html.directory-mode #photographers .directory-shell{
  margin-top:0!important;
}


/* ===== v26 hard-hide home intro on choose-photographer subpage ===== */
html.directory-mode #photographers > .section-head,
html.directory-mode #photographers > .section-head-centered,
html.directory-mode #photographers > .photographers-bg-word,
html.directory-mode #photographers .section-head-centered,
html.directory-mode #photographers .photographers-bg-word{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
html.directory-mode #photographers > .directory-shell{
  margin-top:0!important;
}

/* ===== v27 full-width centered photographer directory ===== */
html.directory-mode,
html.directory-mode body{
  width:100%;
  min-height:100%;
  background:#f4f0e8!important;
}
html.directory-mode body{
  overflow-x:hidden;
}
html.directory-mode #photographers{
  width:100%!important;
  max-width:none!important;
  min-height:100vh!important;
  margin:0!important;
  padding:122px clamp(22px,3.2vw,56px) 90px!important;
  box-sizing:border-box!important;
  background:
    radial-gradient(circle at 9% 5%,rgba(224,187,94,.17),transparent 28%),
    radial-gradient(circle at 94% 12%,rgba(106,151,133,.10),transparent 24%),
    linear-gradient(180deg,#faf7f0 0%,#f3efe7 55%,#f8f6f1 100%)!important;
}
html.directory-mode #photographers > .directory-shell{
  width:min(100%,1580px)!important;
  max-width:1580px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:270px minmax(0,1fr)!important;
  gap:34px!important;
  align-items:start!important;
}
html.directory-mode #photographers .directory-main{
  width:100%!important;
  min-width:0!important;
  margin:0 auto!important;
}
html.directory-mode #photographers .directory-heading{
  max-width:980px!important;
  margin:0 auto 34px!important;
  text-align:center!important;
}
html.directory-mode #photographers .directory-heading h1{
  margin-left:auto!important;
  margin-right:auto!important;
}
html.directory-mode #photographers .directory-heading p{
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* One continuous filter rail, inspired by the supplied reference. */
html.directory-mode #photographers .directory-sidebar{
  display:block!important;
  position:sticky!important;
  top:112px!important;
  max-height:calc(100vh - 132px)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  padding:18px 18px 22px!important;
  border:1px solid rgba(20,48,68,.12)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.91)!important;
  box-shadow:0 18px 55px rgba(16,39,55,.08)!important;
  scrollbar-width:thin;
  scrollbar-color:#b8b5ae transparent;
}
html.directory-mode #photographers .directory-sidebar::-webkit-scrollbar{width:7px}
html.directory-mode #photographers .directory-sidebar::-webkit-scrollbar-thumb{background:#b8b5ae;border-radius:999px}
html.directory-mode #photographers .directory-sidebar::-webkit-scrollbar-track{background:transparent}
html.directory-mode #photographers .sidebar-intro-card{
  display:none!important;
}
html.directory-mode #photographers .directory-sidebar-card,
html.directory-mode #photographers .directory-style-filter-block{
  margin:0!important;
  padding:18px 0!important;
  border:0!important;
  border-bottom:1px solid rgba(20,48,68,.12)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html.directory-mode #photographers .directory-sidebar-card:last-child{
  border-bottom:0!important;
  padding-bottom:2px!important;
}
html.directory-mode #photographers .directory-sidebar-search{
  display:block!important;
  margin:0!important;
  padding:0 0 17px!important;
  border-bottom:1px solid rgba(20,48,68,.12)!important;
  font-size:0!important;
  color:transparent!important;
}
html.directory-mode #photographers .directory-sidebar-search input{
  width:100%!important;
  min-height:48px!important;
  padding:0 14px!important;
  border:1px solid #d9d5cc!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#173d5d!important;
  font:500 14px/1.2 Inter,system-ui,sans-serif!important;
  outline:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important;
}
html.directory-mode #photographers .directory-sidebar-search input:focus{
  border-color:#c6a754!important;
  box-shadow:0 0 0 3px rgba(198,167,84,.12)!important;
}
html.directory-mode #photographers .directory-style-title{
  margin-bottom:11px!important;
}
html.directory-mode #photographers .directory-style-filter-block .filters{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-start!important;
  gap:7px!important;
  margin:0!important;
}
html.directory-mode #photographers .directory-style-filter-block .filter{
  min-height:34px!important;
  padding:7px 10px!important;
  border:1px solid #dedbd4!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#31495b!important;
  font-size:11px!important;
  font-weight:700!important;
  box-shadow:none!important;
}
html.directory-mode #photographers .directory-style-filter-block .filter.active{
  border-color:#173d5d!important;
  background:#173d5d!important;
  color:#fff!important;
}
html.directory-mode #photographers .directory-style-filter-block .filter-count{
  min-width:auto!important;
  height:auto!important;
  padding:0!important;
  background:transparent!important;
  color:inherit!important;
  opacity:.68;
  font-size:10px!important;
}
html.directory-mode #photographers .sidebar-title-row h3{
  font-size:11px!important;
  letter-spacing:.12em!important;
}
html.directory-mode #photographers .directory-sidebar-card label{
  margin:9px 0!important;
  font-size:13px!important;
}
html.directory-mode #photographers .directory-switch{
  padding:10px 11px!important;
  border-radius:12px!important;
}

/* Main toolbar becomes a compact sort control; search lives in the sidebar. */
html.directory-mode #photographers .directory-tools.directory-tools-sort-only{
  display:flex!important;
  justify-content:flex-end!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 20px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html.directory-mode #photographers .directory-tools.directory-tools-sort-only label{
  width:min(100%,250px)!important;
}
html.directory-mode #photographers .directory-tools.directory-tools-sort-only select{
  background:#fff!important;
  border:1px solid rgba(20,48,68,.13)!important;
  box-shadow:0 8px 22px rgba(16,39,55,.04)!important;
}
html.directory-mode #photographers .rail-toolbar{
  justify-content:flex-start!important;
  margin:0 0 16px!important;
  text-align:left!important;
}
html.directory-mode #photographers .rail-toolbar .swipe-hint{
  display:none!important;
}
html.directory-mode #photographers #photographerResult{
  margin:0!important;
  font-size:13px!important;
  font-weight:800!important;
  color:#607080!important;
}

/* Three photographers per row on desktop. */
html.directory-mode #photographers .cheese-photographer-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
  padding:0!important;
  overflow:visible!important;
  scroll-snap-type:none!important;
  cursor:default!important;
}
html.directory-mode #photographers .cheese-photographer-card{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  flex:none!important;
  margin:0!important;
}
html.directory-mode #photographers .cheese-photographer-card .card-image{
  aspect-ratio:4/5!important;
}
html.directory-mode #photographers .cheese-photographer-card .card-body{
  padding:18px!important;
}

@media(max-width:1120px){
  html.directory-mode #photographers > .directory-shell{
    grid-template-columns:235px minmax(0,1fr)!important;
    gap:24px!important;
  }
  html.directory-mode #photographers .cheese-photographer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:820px){
  html.directory-mode #photographers{
    padding:104px 16px 70px!important;
  }
  html.directory-mode #photographers > .directory-shell{
    grid-template-columns:1fr!important;
    width:min(100%,760px)!important;
  }
  html.directory-mode #photographers .directory-sidebar{
    position:relative!important;
    top:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  html.directory-mode #photographers .directory-tools.directory-tools-sort-only{
    justify-content:stretch!important;
  }
  html.directory-mode #photographers .directory-tools.directory-tools-sort-only label{
    width:100%!important;
  }
}
@media(max-width:580px){
  html.directory-mode #photographers > .directory-shell{
    width:100%!important;
  }
  html.directory-mode #photographers .cheese-photographer-grid{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  html.directory-mode #photographers .directory-sidebar{
    padding:15px 15px 18px!important;
    border-radius:18px!important;
  }
}

/* ===== v28 directory layout polish ===== */
html.directory-mode #photographers{
  padding-top:112px!important;
  padding-bottom:96px!important;
}
html.directory-mode #photographers > .directory-page-heading{
  width:min(100%,1500px)!important;
  max-width:1500px!important;
  margin:0 auto 34px!important;
  padding:0 4px 30px!important;
  text-align:center!important;
  border-bottom:1px solid rgba(19,47,67,.12)!important;
}
html.directory-mode #photographers > .directory-page-heading > a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  margin:0 auto 16px!important;
  padding:0 14px!important;
  border:1px solid rgba(19,47,67,.12)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.7)!important;
  color:#173d5d!important;
  font-size:12px!important;
  font-weight:800!important;
  text-decoration:none!important;
}
html.directory-mode #photographers > .directory-page-heading .eyebrow{
  justify-content:center!important;
  margin-bottom:10px!important;
}
html.directory-mode #photographers > .directory-page-heading h1{
  max-width:1000px!important;
  margin:0 auto 14px!important;
  font-size:clamp(48px,5.4vw,78px)!important;
  line-height:.94!important;
  letter-spacing:-.045em!important;
  text-wrap:balance!important;
}
html.directory-mode #photographers > .directory-page-heading h1 em{
  display:block!important;
  margin-top:.04em!important;
  font-size:.72em!important;
  line-height:1!important;
  color:#b68d37!important;
}
html.directory-mode #photographers > .directory-page-heading p{
  max-width:720px!important;
  margin:0 auto!important;
  font-size:14px!important;
  line-height:1.75!important;
  color:#687a89!important;
}
html.directory-mode #photographers > .directory-shell{
  width:min(100%,1500px)!important;
  max-width:1500px!important;
  grid-template-columns:286px minmax(0,1fr)!important;
  gap:30px!important;
  align-items:start!important;
}
html.directory-mode #photographers .directory-browse-hidden{
  display:none!important;
}
html.directory-mode #photographers .directory-main{
  padding-top:0!important;
}
html.directory-mode #photographers .directory-sidebar{
  top:102px!important;
  max-height:calc(100vh - 124px)!important;
  padding:18px 18px 20px!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 18px 48px rgba(17,43,61,.07)!important;
}
html.directory-mode #photographers .directory-sidebar-search{
  position:sticky!important;
  top:-18px!important;
  z-index:3!important;
  margin:0 -4px!important;
  padding:18px 4px 15px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.985) 78%,rgba(255,255,255,.93))!important;
}
html.directory-mode #photographers .directory-sidebar-search input{
  min-height:50px!important;
  border-radius:14px!important;
  font-size:13px!important;
}
html.directory-mode #photographers .directory-style-filter-block{
  padding-top:17px!important;
  padding-bottom:18px!important;
}
html.directory-mode #photographers .directory-sidebar-card{
  padding:17px 0!important;
}
html.directory-mode #photographers .directory-sidebar-card label{
  margin:8px 0!important;
  line-height:1.45!important;
}
html.directory-mode #photographers .directory-content-toolbar{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
  min-height:56px!important;
  margin:0 0 18px!important;
  padding:0 0 14px!important;
  border-bottom:1px solid rgba(19,47,67,.10)!important;
}
html.directory-mode #photographers .directory-content-toolbar .rail-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:48px!important;
  margin:0!important;
  text-align:left!important;
}
html.directory-mode #photographers .directory-content-toolbar #photographerResult{
  font-size:14px!important;
  font-weight:800!important;
  color:#173d5d!important;
}
html.directory-mode #photographers .directory-content-toolbar .directory-tools-sort-only{
  width:auto!important;
  min-width:230px!important;
  margin:0!important;
}
html.directory-mode #photographers .directory-content-toolbar .directory-tools-sort-only label{
  width:230px!important;
  gap:6px!important;
  font-size:10px!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
}
html.directory-mode #photographers .directory-content-toolbar .directory-tools-sort-only select{
  min-height:46px!important;
  padding:0 38px 0 13px!important;
  border-radius:14px!important;
  font-size:13px!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
html.directory-mode #photographers .cheese-photographer-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
  align-items:start!important;
}
html.directory-mode #photographers .cheese-photographer-card{
  overflow:hidden!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 12px 36px rgba(16,39,55,.065)!important;
}
html.directory-mode #photographers .cheese-photographer-card .card-image{
  aspect-ratio:4/5!important;
}
html.directory-mode #photographers .cheese-photographer-card .card-body{
  padding:17px 17px 18px!important;
}
html.directory-mode #photographers .cheese-photographer-card h3{
  margin-bottom:8px!important;
}

@media(max-width:1080px){
  html.directory-mode #photographers > .directory-shell{
    grid-template-columns:250px minmax(0,1fr)!important;
    gap:24px!important;
  }
  html.directory-mode #photographers .cheese-photographer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:820px){
  html.directory-mode #photographers{
    padding:100px 16px 72px!important;
  }
  html.directory-mode #photographers > .directory-page-heading{
    margin-bottom:24px!important;
    padding-bottom:24px!important;
  }
  html.directory-mode #photographers > .directory-page-heading h1{
    font-size:clamp(42px,9vw,62px)!important;
  }
  html.directory-mode #photographers > .directory-shell{
    width:min(100%,760px)!important;
    grid-template-columns:1fr!important;
    gap:22px!important;
  }
  html.directory-mode #photographers .directory-sidebar{
    position:relative!important;
    top:auto!important;
    max-height:none!important;
    overflow:visible!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0 24px!important;
    padding:18px!important;
  }
  html.directory-mode #photographers .directory-sidebar-search,
  html.directory-mode #photographers .directory-style-filter-block{
    grid-column:1/-1!important;
  }
  html.directory-mode #photographers .directory-sidebar-search{
    position:static!important;
    margin:0!important;
    padding:0 0 16px!important;
    background:transparent!important;
  }
  html.directory-mode #photographers .directory-content-toolbar{
    margin-top:0!important;
  }
}
@media(max-width:600px){
  html.directory-mode #photographers > .directory-page-heading h1{
    font-size:clamp(38px,11vw,52px)!important;
  }
  html.directory-mode #photographers > .directory-page-heading h1 em{
    font-size:.68em!important;
  }
  html.directory-mode #photographers .directory-sidebar{
    grid-template-columns:1fr!important;
    gap:0!important;
    border-radius:20px!important;
  }
  html.directory-mode #photographers .directory-content-toolbar{
    align-items:stretch!important;
    flex-direction:column!important;
    gap:8px!important;
  }
  html.directory-mode #photographers .directory-content-toolbar .rail-toolbar{
    min-height:32px!important;
  }
  html.directory-mode #photographers .directory-content-toolbar .directory-tools-sort-only,
  html.directory-mode #photographers .directory-content-toolbar .directory-tools-sort-only label{
    width:100%!important;
    min-width:0!important;
  }
  html.directory-mode #photographers .cheese-photographer-grid{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
}


/* ===== v29 compact directory sidebar ===== */
html.directory-mode #photographers > .directory-shell{
  grid-template-columns:232px minmax(0,1fr)!important;
  gap:24px!important;
}
html.directory-mode #photographers .directory-sidebar{
  padding:12px 13px 14px!important;
  border-radius:20px!important;
  max-height:calc(100vh - 116px)!important;
}
html.directory-mode #photographers .directory-sidebar-search{
  top:-12px!important;
  margin:0 -2px!important;
  padding:12px 2px 10px!important;
}
html.directory-mode #photographers .directory-sidebar-search input{
  min-height:42px!important;
  padding:0 11px!important;
  border-radius:11px!important;
  font-size:12px!important;
}
html.directory-mode #photographers .directory-style-filter-block{
  padding-top:11px!important;
  padding-bottom:12px!important;
}
html.directory-mode #photographers .directory-sidebar-card{
  padding:11px 0!important;
}
html.directory-mode #photographers .directory-sidebar-card small{
  margin-bottom:5px!important;
  font-size:9px!important;
  letter-spacing:.13em!important;
}
html.directory-mode #photographers .directory-sidebar-card strong{
  margin-bottom:5px!important;
  font-size:15px!important;
  line-height:1.28!important;
}
html.directory-mode #photographers .directory-sidebar-card p{
  font-size:11px!important;
  line-height:1.5!important;
}
html.directory-mode #photographers .directory-sidebar-card label{
  gap:7px!important;
  margin:6px 0!important;
  font-size:11.5px!important;
  line-height:1.35!important;
}
html.directory-mode #photographers .directory-sidebar-card input[type="checkbox"],
html.directory-mode #photographers .directory-sidebar-card input[type="radio"]{
  width:13px!important;
  height:13px!important;
  flex:0 0 13px!important;
  margin-top:1px!important;
}
html.directory-mode #photographers .sidebar-title-row{
  margin-bottom:7px!important;
}
html.directory-mode #photographers .sidebar-title-row h3{
  font-size:10px!important;
  letter-spacing:.08em!important;
}
html.directory-mode #photographers .sidebar-title-row span{
  font-size:9px!important;
}
html.directory-mode #photographers .directory-switch{
  padding:0!important;
}
html.directory-mode #photographers .directory-content-toolbar{
  margin-bottom:16px!important;
}
html.directory-mode #photographers .cheese-photographer-grid{
  gap:18px!important;
}
@media(max-width:1180px) and (min-width:821px){
  html.directory-mode #photographers > .directory-shell{
    grid-template-columns:215px minmax(0,1fr)!important;
    gap:20px!important;
  }
  html.directory-mode #photographers .directory-sidebar{
    padding-left:11px!important;
    padding-right:11px!important;
  }
}
@media(max-width:820px){
  html.directory-mode #photographers .directory-sidebar{
    padding:14px!important;
    max-height:none!important;
  }
  html.directory-mode #photographers .directory-sidebar-card{
    padding:12px 0!important;
  }
  html.directory-mode #photographers .directory-sidebar-card label{
    font-size:12px!important;
  }
}


/* ===== v31 keep sidebar and photographer grid on same row longer ===== */
@media(max-width:980px) and (min-width:701px){
  html.directory-mode #photographers{
    padding:102px 18px 72px!important;
  }
  html.directory-mode #photographers > .directory-shell{
    width:min(100%,980px)!important;
    display:grid!important;
    grid-template-columns:220px minmax(0,1fr)!important;
    gap:18px!important;
    align-items:start!important;
  }
  html.directory-mode #photographers .directory-sidebar{
    position:sticky!important;
    top:98px!important;
    display:block!important;
    max-height:calc(100vh - 120px)!important;
    overflow:auto!important;
    padding:12px 12px 14px!important;
    border-radius:18px!important;
  }
  html.directory-mode #photographers .directory-sidebar-search,
  html.directory-mode #photographers .directory-style-filter-block,
  html.directory-mode #photographers .directory-sidebar-card{
    grid-column:auto!important;
  }
  html.directory-mode #photographers .directory-sidebar-search{
    position:sticky!important;
    top:-12px!important;
    margin:0!important;
    padding:0 0 12px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.98) 82%,rgba(255,255,255,.92))!important;
  }
  html.directory-mode #photographers .directory-content-toolbar{
    display:flex!important;
    flex-direction:row!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:14px!important;
    margin:0 0 14px!important;
  }
  html.directory-mode #photographers .directory-content-toolbar .directory-tools-sort-only,
  html.directory-mode #photographers .directory-content-toolbar .directory-tools-sort-only label{
    width:190px!important;
    min-width:190px!important;
  }
  html.directory-mode #photographers .cheese-photographer-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
    align-items:start!important;
  }
  html.directory-mode #photographers .cheese-photographer-card{
    min-width:0!important;
    width:100%!important;
  }
}
@media(max-width:700px){
  html.directory-mode #photographers > .directory-shell{
    width:min(100%,680px)!important;
    grid-template-columns:1fr!important;
    gap:20px!important;
  }
  html.directory-mode #photographers .directory-sidebar{
    position:relative!important;
    top:auto!important;
    max-height:none!important;
    overflow:visible!important;
    display:block!important;
    padding:14px!important;
  }
  html.directory-mode #photographers .directory-sidebar-search{
    position:static!important;
    padding:0 0 14px!important;
    background:transparent!important;
  }
  html.directory-mode #photographers .directory-content-toolbar{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
  }
  html.directory-mode #photographers .directory-content-toolbar .directory-tools-sort-only,
  html.directory-mode #photographers .directory-content-toolbar .directory-tools-sort-only label{
    width:100%!important;
    min-width:0!important;
  }
  html.directory-mode #photographers .cheese-photographer-grid{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
}


/* ===== v32 force sidebar and photographer list stay on same row on narrow screens ===== */
@media (max-width:700px) and (min-width:521px){
  html.directory-mode #photographers{
    padding:96px 12px 64px !important;
  }
  html.directory-mode #photographers > .directory-shell{
    width:min(100%, 100%) !important;
    max-width:none !important;
    display:grid !important;
    grid-template-columns:170px minmax(0,1fr) !important;
    gap:12px !important;
    align-items:start !important;
  }
  html.directory-mode #photographers .directory-sidebar{
    position:sticky !important;
    top:92px !important;
    display:block !important;
    max-height:calc(100vh - 108px) !important;
    overflow:auto !important;
    padding:10px 10px 12px !important;
    border-radius:16px !important;
  }
  html.directory-mode #photographers .directory-sidebar-search{
    position:sticky !important;
    top:-10px !important;
    padding:0 0 10px !important;
    background:linear-gradient(180deg,rgba(255,255,255,.985) 82%,rgba(255,255,255,.92)) !important;
  }
  html.directory-mode #photographers .directory-sidebar-search input{
    min-height:38px !important;
    font-size:12px !important;
    padding:0 10px !important;
  }
  html.directory-mode #photographers .directory-sidebar-card,
  html.directory-mode #photographers .directory-style-filter-block{
    padding:8px 0 !important;
  }
  html.directory-mode #photographers .directory-sidebar-card label{
    margin:5px 0 !important;
    font-size:10.5px !important;
    line-height:1.35 !important;
  }
  html.directory-mode #photographers .sidebar-title-row{
    margin-bottom:6px !important;
  }
  html.directory-mode #photographers .sidebar-title-row h3{
    font-size:9.5px !important;
  }
  html.directory-mode #photographers .sidebar-title-row span,
  html.directory-mode #photographers .directory-sidebar-card small,
  html.directory-mode #photographers .directory-sidebar-card p,
  html.directory-mode #photographers .directory-sidebar-card strong{
    font-size:10px !important;
    line-height:1.35 !important;
  }
  html.directory-mode #photographers .directory-main{
    min-width:0 !important;
    width:100% !important;
  }
  html.directory-mode #photographers .directory-content-toolbar{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:8px !important;
    margin:0 0 10px !important;
    padding:0 0 10px !important;
  }
  html.directory-mode #photographers .directory-content-toolbar .rail-toolbar{
    min-height:0 !important;
  }
  html.directory-mode #photographers .directory-content-toolbar .directory-tools-sort-only,
  html.directory-mode #photographers .directory-content-toolbar .directory-tools-sort-only label{
    width:100% !important;
    min-width:0 !important;
  }
  html.directory-mode #photographers .directory-content-toolbar .directory-tools-sort-only select{
    min-height:40px !important;
    font-size:12px !important;
  }
  html.directory-mode #photographers .cheese-photographer-grid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:12px !important;
    width:100% !important;
  }
  html.directory-mode #photographers .cheese-photographer-card{
    width:100% !important;
    min-width:0 !important;
    border-radius:18px !important;
  }
  html.directory-mode #photographers .cheese-photographer-card .card-body{
    padding:12px 12px 14px !important;
  }
  html.directory-mode #photographers .cheese-photographer-card h3{
    font-size:18px !important;
    line-height:1.02 !important;
  }
  html.directory-mode #photographers .cheese-photographer-card .photographer-meta-line,
  html.directory-mode #photographers .cheese-photographer-card .shoot-stats,
  html.directory-mode #photographers .cheese-photographer-card .price-block small,
  html.directory-mode #photographers .cheese-photographer-card .photographer-tags span{
    font-size:10px !important;
  }
  html.directory-mode #photographers .cheese-photographer-card .price-block strong{
    font-size:24px !important;
  }
  html.directory-mode #photographers .cheese-photographer-card .photographer-card-actions{
    gap:8px !important;
  }
  html.directory-mode #photographers .cheese-photographer-card .photographer-card-actions a{
    min-height:38px !important;
    padding:8px 10px !important;
    font-size:10.5px !important;
  }
}
@media (max-width:520px){
  html.directory-mode #photographers > .directory-shell{
    grid-template-columns:1fr !important;
  }
}


/* ===== v33 push choose-photographer sidebar further left ===== */
@media(min-width:981px){
  html.directory-mode #photographers > .directory-shell{
    width:min(calc(100% - 36px),1540px)!important;
    max-width:1540px!important;
    grid-template-columns:232px minmax(0,1fr)!important;
    gap:26px!important;
  }
  html.directory-mode #photographers .directory-sidebar{
    transform:translateX(-72px)!important;
    margin-right:-72px!important;
  }
  html.directory-mode #photographers .directory-main{
    min-width:0!important;
  }
}
@media(max-width:980px) and (min-width:701px){
  html.directory-mode #photographers .directory-sidebar{
    transform:translateX(-24px)!important;
    margin-right:-24px!important;
  }
}
@media(max-width:700px){
  html.directory-mode #photographers .directory-sidebar{
    transform:none!important;
    margin-right:0!important;
  }
}