@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Manrope:wght@300;400;500&display=swap');

:root{--bg:#050505;--panel:#0a0a0a;--text:#f2f2ef;--muted:#8c8c88;--line:#272727;--soft:#151515;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}img{display:block;max-width:100%}
.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 4.2vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(5,5,5,.92);backdrop-filter:blur(16px);z-index:30}.brand{display:flex;flex-direction:column;gap:5px;text-decoration:none;color:var(--text)}.brand-name{font:500 15px/1 Manrope,sans-serif;letter-spacing:.16em}.brand-role{font-size:8px;letter-spacing:.22em;color:#777}nav{display:flex;gap:30px}nav a{color:#aaa;text-decoration:none;text-transform:uppercase;font-size:9px;letter-spacing:.18em;transition:color .25s}nav a:hover{color:#fff}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:9px;letter-spacing:.17em}
.intro{min-height:620px;padding:12vw 4.2vw 6vw;border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end}.eyebrow{font-size:9px;line-height:1.4;letter-spacing:.23em;color:#777;margin:0 0 28px}.intro h1{font-family:Manrope,sans-serif;font-size:clamp(58px,8.2vw,126px);font-weight:300;letter-spacing:-.062em;line-height:.86;margin:0;max-width:1200px}.intro-bottom{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:75px;padding-top:25px;border-top:1px solid var(--line)}.intro-bottom p{max-width:600px;margin:0;color:#a2a2a0;font-size:14px;line-height:1.7}.intro-bottom a{justify-self:end;color:#ddd;text-decoration:none;font-size:10px;letter-spacing:.13em;text-transform:uppercase}
.work-section{padding:8vw 4.2vw 11vw}.section-heading{display:flex;justify-content:space-between;gap:40px;margin-bottom:32px}.section-heading p{font-size:9px;letter-spacing:.18em;color:#858581;margin:0}.section-heading p:last-child{letter-spacing:0;max-width:340px;line-height:1.6;text-align:right}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 18px}.project-card{appearance:none;border:0;background:transparent;color:inherit;padding:0;text-align:left;cursor:pointer}.thumb-wrap{overflow:hidden;background:#111;position:relative;aspect-ratio:1/1}.thumb-wrap:after{content:"VIEW PROJECT ↗";position:absolute;right:16px;bottom:16px;padding:10px 12px;background:#fff;color:#050505;font-size:8px;font-weight:600;letter-spacing:.13em;opacity:0;transform:translateY(8px);transition:.28s}.thumb-wrap img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .55s cubic-bezier(.2,.6,.2,1),filter .35s}.project-card:hover img{transform:scale(1.018);filter:brightness(.72)}.project-card:hover .thumb-wrap:after{opacity:1;transform:none}.card-meta{display:flex;justify-content:space-between;align-items:flex-start;padding-top:14px;color:#777;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.card-meta span:first-child{display:flex;flex-direction:column;gap:5px}.card-meta b{color:#e9e9e7;font-weight:400;font-size:12px;letter-spacing:.03em;text-transform:none}.future-card{border:1px solid var(--line);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:#080808}.future-inner{text-align:center;color:#555}.future-inner>span{font-size:9px;letter-spacing:.18em}.future-inner p{font:300 22px/1.3 Manrope,sans-serif;color:#8b8b87}.future-inner em{font:400 9px/1.5 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;font-style:normal;color:#555}
.about-section{padding:10vw 4.2vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.about-grid h2,.contact-section h2{font:300 clamp(50px,6.6vw,94px)/.95 Manrope,sans-serif;letter-spacing:-.052em;margin:0}.about-copy{max-width:690px;color:#aaa;font-size:15px;line-height:1.78}.about-copy p{margin:0 0 24px}.clients{margin-top:55px!important;font-size:8px;letter-spacing:.18em;color:#666!important}.clients span{display:block;color:#b0b0ac;font-size:11px;letter-spacing:.04em;line-height:2;margin-top:12px}
.contact-section{padding:10vw 4.2vw 12vw}.contact-section h2{max-width:1000px}.contact-section>p:last-child{color:#777;max-width:530px;line-height:1.7;font-size:13px;margin:35px 0 0}footer{border-top:1px solid var(--line);padding:27px 4.2vw;display:flex;justify-content:space-between;gap:20px;color:#545454;font-size:8px;letter-spacing:.15em}footer a{color:#777;text-decoration:none}
.project-modal{position:fixed;inset:0;background:#050505;z-index:100;overflow:auto;opacity:0;pointer-events:none;transition:opacity .28s}.project-modal.open{opacity:1;pointer-events:auto}.modal-shell{min-height:100vh;padding:30px 4.2vw 70px}.modal-topbar{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:34px}.modal-topbar>div{display:grid;grid-template-columns:auto auto;column-gap:18px;align-items:baseline}.modal-topbar span{font-size:8px;letter-spacing:.15em;color:#555}.modal-topbar h2{font:300 24px/1.1 Manrope,sans-serif;margin:0}.modal-topbar p{grid-column:2;color:#777;font-size:9px;letter-spacing:.14em;text-transform:uppercase;margin:7px 0 0}.modal-close{appearance:none;border:0;background:transparent;color:#aaa;font-size:9px;letter-spacing:.14em;cursor:pointer;padding:4px 0}.viewer-stage{position:relative;width:100%;height:min(72vh,850px);min-height:420px;background:#0c0c0c;overflow:hidden}.viewer-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.viewer-label{position:absolute;left:16px;bottom:16px;background:rgba(5,5,5,.82);border:1px solid #333;color:#e9e9e7;padding:9px 11px;font-size:8px;letter-spacing:.15em;backdrop-filter:blur(8px)}.viewer-controls{display:flex;justify-content:space-between;align-items:center;padding:15px 0 0}.mode-buttons{display:flex;gap:6px}.mode-buttons button{border:1px solid #333;background:#0a0a0a;color:#777;padding:10px 16px;font-size:8px;letter-spacing:.13em;cursor:pointer;transition:.2s}.mode-buttons button:hover{color:#fff;border-color:#666}.mode-buttons button.active{background:#efefec;color:#050505;border-color:#efefec}.viewer-controls p{font-size:8px;letter-spacing:.08em;color:#555;margin:0}.project-notes{display:grid;grid-template-columns:120px 1fr;gap:30px;padding:45px 0;border-top:1px solid var(--line);margin-top:45px}.project-notes .label{font-size:8px;letter-spacing:.18em;color:#555;margin:0}.project-notes p:last-child{font:300 clamp(22px,3vw,38px)/1.3 Manrope,sans-serif;letter-spacing:-.025em;margin:0;max-width:900px;color:#bbb}
body.modal-open{overflow:hidden}
@media(max-width:980px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.site-header{height:76px;padding:0 5vw}.brand-role{display:none}nav{display:none;position:absolute;top:76px;left:0;right:0;background:#050505;border-bottom:1px solid var(--line);padding:20px 5vw;gap:24px}.site-header.nav-open nav{display:flex}.menu-toggle{display:block}.intro{min-height:560px;padding:20vw 5vw 10vw}.intro h1{font-size:clamp(55px,17vw,88px)}.intro-bottom{grid-template-columns:1fr;gap:24px;margin-top:55px}.intro-bottom a{justify-self:start}.work-section,.about-section,.contact-section{padding-left:5vw;padding-right:5vw}.section-heading{display:block}.section-heading p:last-child{text-align:left;margin-top:10px}.portfolio-grid{grid-template-columns:1fr;gap:36px}.future-card{min-height:0}.about-grid{grid-template-columns:1fr;gap:45px}.about-section,.contact-section{padding-top:20vw;padding-bottom:20vw}footer{padding:25px 5vw;flex-wrap:wrap}.modal-shell{padding:22px 5vw 50px}.modal-topbar h2{font-size:19px}.viewer-stage{height:58vh;min-height:340px}.viewer-controls{display:block}.viewer-controls p{margin-top:12px}.project-notes{grid-template-columns:1fr;gap:10px}.project-notes p:last-child{font-size:24px}}

/* V4 — Burnt Orange / Black alternate art direction */
:root{--accent:#e86f2a;--accent-deep:#c9571c;--accent-soft:#ff9a5c}
.brand-name{color:var(--accent);font-size:17px;letter-spacing:.18em}.brand-role{color:#aaa}
.intro{padding-top:10vw}.intro .eyebrow{color:var(--accent);font-weight:500}.intro h1{font-size:clamp(68px,9.3vw,142px);line-height:.84;letter-spacing:-.067em}.intro h1 .outline{color:transparent;-webkit-text-stroke:1.5px var(--accent);text-stroke:1.5px var(--accent)}
.intro-bottom{border-top-color:#3b2418}.intro-bottom a{color:var(--accent)}.intro-bottom a:hover{color:var(--accent-soft)}
.section-heading p:first-child,.about-section>.eyebrow,.contact-section>.eyebrow{color:var(--accent);font-weight:600}
.thumb-wrap{outline:1px solid transparent;outline-offset:-1px;transition:outline-color .3s}.project-card:hover .thumb-wrap{outline-color:var(--accent)}.thumb-wrap:after{background:var(--accent);color:#090603}.card-meta b{color:#f4f0eb}.project-card:hover .card-meta b{color:var(--accent)}
.future-card{border-color:#332017}.future-inner>span{color:var(--accent)}
.about-grid h2,.contact-section h2{color:#f3f0ec}.about-grid h2::first-line,.contact-section h2::first-line{color:var(--accent)}
.clients{color:var(--accent)!important}.modal-topbar span,.project-notes .label{color:var(--accent)}.mode-buttons button.active{background:var(--accent);border-color:var(--accent);color:#080503}.mode-buttons button:hover{border-color:var(--accent);color:var(--accent)}.viewer-label{border-color:var(--accent);color:var(--accent)}
footer a:hover,nav a:hover{color:var(--accent)}
@media(max-width:760px){.brand-name{font-size:14px}.intro h1{font-size:clamp(58px,18vw,94px)}.intro h1 .outline{-webkit-text-stroke:1px var(--accent);text-stroke:1px var(--accent)}}


/* v5 — minimal photographer-portfolio refinement */
:root{
  --accent:#b85a2a;
  --accent-soft:#9f4c25;
  --bg:#050505;
  --panel:#0a0a0a;
  --text:#f2f0ec;
  --muted:#9b9893;
  --line:#24211f;
}
body{
  background:var(--bg)!important;
  color:var(--text)!important;
}
header, .site-header, nav{
  background:rgba(5,5,5,.92)!important;
}
.hero{
  min-height:auto!important;
  padding-top:clamp(7rem,13vw,11rem)!important;
  padding-bottom:clamp(5rem,9vw,8rem)!important;
}
.hero h1, h1.hero-title, .hero-title, .brand-title{
  color:var(--text)!important;
  -webkit-text-stroke:0!important;
  text-shadow:none!important;
  font-size:clamp(3.6rem,9vw,8.2rem)!important;
  font-weight:500!important;
  letter-spacing:-.055em!important;
  line-height:.9!important;
}
.hero .subtitle, .hero-subtitle, .hero p{
  color:var(--muted)!important;
  margin-top:1.15rem!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  font-size:clamp(.72rem,1.1vw,.9rem)!important;
}
section h2, .section-title{
  color:var(--text)!important;
  -webkit-text-stroke:0!important;
  font-weight:500!important;
  letter-spacing:-.025em!important;
}
section h2::before, .section-title::before,
.eyebrow, .kicker, .project-category{
  color:var(--accent)!important;
}
a:hover, .active, button.active{
  color:var(--accent)!important;
}
.portfolio-grid, .work-grid, .gallery-grid{
  gap:clamp(.7rem,1.2vw,1.15rem)!important;
}
.portfolio-item, .work-card, .gallery-item{
  border:1px solid transparent!important;
  background:var(--panel)!important;
  transition:border-color .25s ease, opacity .25s ease!important;
}
.portfolio-item:hover, .work-card:hover, .gallery-item:hover{
  border-color:var(--accent-soft)!important;
}
button, .button, .toggle button{
  border-color:var(--line)!important;
}
button:hover, .button:hover, .toggle button:hover,
button.active, .toggle button.active{
  border-color:var(--accent)!important;
}
hr, .rule, .divider{
  border-color:var(--line)!important;
}


/* v7 typography balance */
.brand{
  font-size:clamp(1.05rem,1.7vw,1.4rem)!important;
  letter-spacing:.055em!important;
  font-weight:500!important;
}
nav a, .nav a, .site-nav a{
  font-size:clamp(.82rem,1.05vw,.98rem)!important;
}
section h2, .section-title{
  font-size:clamp(2rem,4.2vw,3.8rem)!important;
  line-height:1!important;
}
.eyebrow, .kicker, .project-category,
.portfolio-item p, .work-card p, .gallery-item p,
.portfolio-item span, .work-card span, .gallery-item span{
  font-size:clamp(.78rem,1vw,.95rem)!important;
}


/* v8 — equal-weight editorial typography */
.site-header, header{
  padding-top:1.4rem!important;
  padding-bottom:1.4rem!important;
}
.brand{
  text-decoration:none!important;
  display:block!important;
  line-height:1.45!important;
}
.top-identity{
  display:flex;
  flex-direction:column;
  gap:.22rem;
  align-items:flex-start;
}
.top-name,
.top-role,
.top-contact{
  font-size:clamp(.92rem,1.25vw,1.08rem)!important;
  font-weight:450!important;
  letter-spacing:.025em!important;
  line-height:1.35!important;
  color:var(--text)!important;
  text-transform:none!important;
}
.top-name{
  color:var(--accent)!important;
  letter-spacing:.08em!important;
}
.top-email{
  color:inherit!important;
  text-decoration:none!important;
}
.top-email:hover{
  color:var(--accent)!important;
}

/* Keep section typography close in scale for a calm, photographic portfolio. */
section h2, .section-title{
  font-size:clamp(1.05rem,1.6vw,1.3rem)!important;
  font-weight:500!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  line-height:1.3!important;
}
.eyebrow, .kicker, .project-category,
section p, .about p, .contact p,
.portfolio-item p, .work-card p, .gallery-item p,
.portfolio-item span, .work-card span, .gallery-item span{
  font-size:clamp(.9rem,1.2vw,1.05rem)!important;
  line-height:1.6!important;
}
nav a, .nav a, .site-nav a{
  font-size:clamp(.88rem,1.1vw,1rem)!important;
}


/* v9 — stronger editorial hierarchy */
.top-name,
section h2,
.section-title,
nav a,
.nav a,
.site-nav a {
  font-size: clamp(1.35rem, 2.1vw, 1.65rem) !important;
  font-weight: 650 !important;
  letter-spacing: .035em !important;
}

.top-role {
  font-size: clamp(.95rem, 1.25vw, 1.08rem) !important;
  font-weight: 450 !important;
  color: var(--muted) !important;
}

.contact-layout {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(2rem, 6vw, 6rem);
  align-items: start;
}

.contact-intro {
  max-width: 34rem;
  margin-bottom: 1.75rem;
}

.contact-details {
  margin-top: 1.5rem;
}

.contact-details p {
  margin: .35rem 0;
}

.contact-details a {
  color: var(--text);
  text-decoration: none;
}

.contact-details a:hover {
  color: var(--accent);
}

.contact-form {
  display: grid;
  gap: 1rem;
}

.contact-form label {
  display: grid;
  gap: .45rem;
  font-size: .92rem;
  color: var(--muted);
}

.contact-form input,
.contact-form textarea {
  width: 100%;
  box-sizing: border-box;
  background: #090909;
  color: var(--text);
  border: 1px solid var(--line);
  padding: .95rem 1rem;
  font: inherit;
  outline: none;
}

.contact-form input:focus,
.contact-form textarea:focus {
  border-color: var(--accent);
}

.contact-form button {
  width: fit-content;
  padding: .85rem 1.2rem;
  background: transparent;
  color: var(--text);
  border: 1px solid var(--accent-soft);
  cursor: pointer;
  font: inherit;
}

.contact-form button:hover {
  border-color: var(--accent);
  color: var(--accent);
}

.form-note {
  margin-top: .25rem;
  font-size: .78rem !important;
  color: var(--muted);
}

@media (max-width: 760px) {
  .contact-layout {
    grid-template-columns: 1fr;
  }

  .top-name,
  section h2,
  .section-title,
  nav a,
  .nav a,
  .site-nav a {
    font-size: clamp(1.15rem, 5vw, 1.4rem) !important;
  }
}


/* v10 — unified primary typography */
.top-name,
nav a,
.nav a,
.site-nav a,
section h2,
.section-title {
  font-size: clamp(1.4rem, 2.15vw, 1.7rem) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: .025em !important;
}

.top-name,
section h2,
.section-title {
  text-transform: uppercase !important;
}

@media (max-width: 760px) {
  .top-name,
  nav a,
  .nav a,
  .site-nav a,
  section h2,
  .section-title {
    font-size: clamp(1.15rem, 5vw, 1.4rem) !important;
  }
}


/* v11 — identical section heading typography */
#work h2,
#selected-work h2,
#about h2,
#contact h2,
#work .section-title,
#selected-work .section-title,
#about .section-title,
#contact .section-title {
  font-size: clamp(1.4rem, 2.15vw, 1.7rem) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: .025em !important;
  text-transform: uppercase !important;
}

@media (max-width: 760px) {
  #work h2,
  #selected-work h2,
  #about h2,
  #contact h2,
  #work .section-title,
  #selected-work .section-title,
  #about .section-title,
  #contact .section-title {
    font-size: clamp(1.15rem, 5vw, 1.4rem) !important;
  }
}


/* v12 — dark editorial photography portfolio */
:root{
  --bg:#252525;
  --panel:#1f1f1f;
  --text:#e7e3de;
  --muted:#9a9690;
  --accent:#b65d31;
  --line:#3a3836;
}

html{
  scroll-behavior:smooth;
}

body{
  background:var(--bg)!important;
  color:var(--text)!important;
  margin:0!important;
  font-family:Arial, Helvetica, sans-serif!important;
}

.editorial-header{
  max-width:1180px;
  margin:0 auto;
  padding:28px 18px 16px!important;
  text-align:center;
  background:transparent!important;
  position:relative!important;
  border:0!important;
}

.masthead{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
}

.masthead-name{
  color:var(--text)!important;
  text-decoration:none!important;
  font-size:clamp(1.65rem,3vw,2.6rem)!important;
  font-weight:400!important;
  letter-spacing:.28em!important;
  line-height:1!important;
  text-transform:uppercase!important;
  margin-left:.28em;
}

.masthead-role{
  color:var(--muted)!important;
  font-size:clamp(.68rem,.9vw,.82rem)!important;
  font-weight:400!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}

.editorial-nav{
  margin-top:22px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:clamp(22px,4vw,48px)!important;
}

.editorial-nav a{
  color:#b7b3ad!important;
  text-decoration:none!important;
  font-size:.7rem!important;
  font-weight:400!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  padding:0!important;
}

.editorial-nav a:hover{
  color:var(--text)!important;
}

main{
  max-width:1180px!important;
  margin:0 auto!important;
  padding:0 18px 70px!important;
}

#work,
#about,
#contact{
  padding-top:34px!important;
  padding-bottom:58px!important;
}

#work h2,
#about h2,
#contact h2,
.section-title{
  margin:0 0 20px!important;
  color:var(--text)!important;
  font-size:.78rem!important;
  font-weight:600!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  line-height:1.2!important;
}

/* Hide any large hero leftovers */
.hero,
.hero-wrap,
.intro-hero{
  display:none!important;
}

/* Tight image-first portfolio grid */
.portfolio-grid,
.work-grid,
.gallery-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0!important;
}

.portfolio-item,
.work-card,
.gallery-item{
  position:relative!important;
  aspect-ratio:1 / 1!important;
  overflow:hidden!important;
  background:#1b1b1b!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
}

.portfolio-item img,
.work-card img,
.gallery-item img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  transition:transform .35s ease, opacity .35s ease!important;
}

.portfolio-item:hover img,
.work-card:hover img,
.gallery-item:hover img{
  transform:scale(1.02)!important;
  opacity:.9!important;
}

.portfolio-item::after,
.work-card::after,
.gallery-item::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border:1px solid rgba(255,255,255,.045)!important;
  pointer-events:none!important;
}

/* Keep captions subtle */
.portfolio-item .caption,
.work-card .caption,
.gallery-item .caption,
.portfolio-item p,
.work-card p,
.gallery-item p,
.portfolio-item span,
.work-card span,
.gallery-item span{
  font-size:.72rem!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}

/* About and contact: quiet and narrow */
#about .section-inner,
#contact .section-inner,
.about-inner,
.contact-layout{
  max-width:880px!important;
  margin:0 auto!important;
}

#about p,
#contact p,
.contact-form label{
  color:#c0bcb6!important;
  font-size:.95rem!important;
  line-height:1.7!important;
}

.contact-layout{
  grid-template-columns:1fr 1fr!important;
  gap:48px!important;
}

.contact-form input,
.contact-form textarea{
  background:#202020!important;
  border:1px solid #3a3836!important;
  color:var(--text)!important;
  border-radius:0!important;
}

.contact-form button{
  background:transparent!important;
  color:var(--text)!important;
  border:1px solid #6d625c!important;
  border-radius:0!important;
  padding:.85rem 1.2rem!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  font-size:.75rem!important;
}

.contact-form button:hover{
  border-color:var(--accent)!important;
  color:var(--accent)!important;
}

/* Modal / before-after viewer remains dark and clean */
.modal,
.lightbox,
.project-modal,
.viewer{
  background:rgba(20,20,20,.98)!important;
}

footer{
  max-width:1180px!important;
  margin:0 auto!important;
  padding:28px 18px 38px!important;
  color:#7f7b75!important;
  border-top:1px solid #363432!important;
  font-size:.72rem!important;
}

@media (max-width:820px){
  .portfolio-grid,
  .work-grid,
  .gallery-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .contact-layout{
    grid-template-columns:1fr!important;
  }
}

@media (max-width:540px){
  .editorial-header{
    padding-top:24px!important;
  }

  .masthead-name{
    font-size:1.45rem!important;
    letter-spacing:.2em!important;
    margin-left:.2em;
  }

  .masthead-role{
    font-size:.62rem!important;
    letter-spacing:.08em!important;
    line-height:1.5!important;
  }

  .editorial-nav{
    gap:20px!important;
    margin-top:18px!important;
  }

  .editorial-nav a{
    font-size:.64rem!important;
  }

  .portfolio-grid,
  .work-grid,
  .gallery-grid{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }

  main{
    padding-left:10px!important;
    padding-right:10px!important;
  }
}


/* v13 — black / white photography portfolio */
:root{
  --bg:#000000;
  --text:#ffffff;
  --muted:#ffffff;
  --line:#1d1d1d;
  --panel:#080808;
  --accent:#ffffff;
}

html{
  background:#000;
  scroll-behavior:smooth;
}

body{
  margin:0!important;
  background:#000!important;
  color:#fff!important;
  font-family:Arial, Helvetica, sans-serif!important;
}

.bw-header{
  width:min(94vw, 1520px);
  margin:0 auto;
  padding:34px 0 42px!important;
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:start!important;
  background:#000!important;
  border:0!important;
  position:relative!important;
}

.bw-brand{
  grid-column:1;
  justify-self:start;
}

.bw-name{
  display:block;
  color:#fff!important;
  text-decoration:none!important;
  font-size:clamp(1.35rem,2.1vw,2.1rem)!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:-.03em!important;
}

.bw-role{
  margin-top:4px;
  color:#fff!important;
  font-size:.62rem!important;
  font-weight:600!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
}

.bw-nav{
  grid-column:2;
  justify-self:center;
  display:flex!important;
  gap:clamp(28px,4vw,58px)!important;
  align-items:center!important;
  margin-top:5px!important;
}

.bw-nav a{
  color:#fff!important;
  text-decoration:none!important;
  font-size:.7rem!important;
  font-weight:700!important;
  letter-spacing:.035em!important;
  padding:0 0 7px!important;
  border-bottom:1px solid transparent!important;
}

.bw-nav a:hover{
  border-bottom-color:#fff!important;
}

/* Remove colored accents everywhere */
a,
button,
section h2,
.section-title,
.eyebrow,
.kicker,
.project-category,
.contact-details a,
.contact-form button{
  color:#fff!important;
}

main{
  width:min(94vw,1520px)!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:0 0 80px!important;
}

#work{
  padding:0 0 64px!important;
}

#work h2{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
}

.portfolio-grid,
.work-grid,
.gallery-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0!important;
}

.portfolio-item,
.work-card,
.gallery-item{
  position:relative!important;
  aspect-ratio:1.4 / 1!important;
  overflow:hidden!important;
  background:#080808!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
}

.portfolio-item:nth-child(3n+1),
.work-card:nth-child(3n+1),
.gallery-item:nth-child(3n+1){
  aspect-ratio:1.34 / 1!important;
}

.portfolio-item img,
.work-card img,
.gallery-item img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  filter:none!important;
  transition:opacity .25s ease, transform .35s ease!important;
}

.portfolio-item:hover img,
.work-card:hover img,
.gallery-item:hover img{
  opacity:.82!important;
  transform:scale(1.015)!important;
}

.portfolio-item .caption,
.work-card .caption,
.gallery-item .caption{
  position:absolute!important;
  left:18px!important;
  bottom:16px!important;
  z-index:3!important;
  color:#fff!important;
  opacity:0!important;
  transition:opacity .2s ease!important;
}

.portfolio-item:hover .caption,
.work-card:hover .caption,
.gallery-item:hover .caption{
  opacity:1!important;
}

.portfolio-item p,
.work-card p,
.gallery-item p,
.portfolio-item span,
.work-card span,
.gallery-item span{
  color:#fff!important;
}

/* About / contact — understated */
#about,
#contact{
  border-top:1px solid #171717!important;
  padding:64px 0!important;
}

#about h2,
#contact h2{
  color:#fff!important;
  font-size:.76rem!important;
  font-weight:700!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  margin:0 0 22px!important;
}

#about p,
#contact p,
.contact-form label{
  color:#fff!important;
}

.contact-form input,
.contact-form textarea{
  background:#050505!important;
  border:1px solid #292929!important;
  color:#fff!important;
  border-radius:0!important;
}

.contact-form input:focus,
.contact-form textarea:focus{
  border-color:#fff!important;
}

.contact-form button{
  background:#111!important;
  border:1px solid #2b2b2b!important;
  color:#fff!important;
  border-radius:0!important;
}

.contact-form button:hover{
  border-color:#fff!important;
}

/* Viewer */
.modal,
.lightbox,
.project-modal,
.viewer{
  background:rgba(0,0,0,.985)!important;
  color:#fff!important;
}

footer{
  width:min(94vw,1520px)!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:28px 0 38px!important;
  color:#fff!important;
  border-top:1px solid #171717!important;
}

/* Kill any older orange/brown state */
*[style*="#b8"],
*[style*="#9f"],
*[style*="#e8"]{
  color:#fff!important;
  border-color:#fff!important;
}

@media (max-width:900px){
  .bw-header{
    grid-template-columns:1fr!important;
    gap:22px!important;
  }
  .bw-brand,
  .bw-nav{
    grid-column:1!important;
    justify-self:start!important;
  }
  .bw-nav{
    margin-top:0!important;
  }
  .portfolio-grid,
  .work-grid,
  .gallery-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:560px){
  .bw-header{
    width:calc(100% - 24px);
    padding-top:24px!important;
    padding-bottom:26px!important;
  }
  .bw-nav{
    gap:24px!important;
    flex-wrap:wrap!important;
  }
  main,
  footer{
    width:calc(100% - 24px)!important;
  }
  .portfolio-grid,
  .work-grid,
  .gallery-grid{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
}


/* v14 — white / black editorial portfolio */
:root{
  --bg:#ffffff!important;
  --text:#111111!important;
  --muted:#111111!important;
  --line:#e5e5e5!important;
  --panel:#f4f4f4!important;
  --accent:#111111!important;
}

html,
body{
  background:#ffffff!important;
  color:#111111!important;
}

.bw-header{
  background:#ffffff!important;
}

.bw-name,
.bw-role,
.bw-nav a,
a,
button,
section h2,
.section-title,
.eyebrow,
.kicker,
.project-category,
.contact-details a,
.contact-form button{
  color:#111111!important;
}

.bw-nav a{
  border-bottom-color:transparent!important;
}

.bw-nav a:hover{
  border-bottom-color:#111111!important;
}

.portfolio-item,
.work-card,
.gallery-item{
  background:#f5f5f5!important;
}

.portfolio-item::after,
.work-card::after,
.gallery-item::after{
  border-color:rgba(0,0,0,.06)!important;
}

.portfolio-item .caption,
.work-card .caption,
.gallery-item .caption,
.portfolio-item p,
.work-card p,
.gallery-item p,
.portfolio-item span,
.work-card span,
.gallery-item span{
  color:#111111!important;
}

/* Add a soft white fade under captions for readability if captions sit on images */
.portfolio-item .caption,
.work-card .caption,
.gallery-item .caption{
  text-shadow:0 1px 2px rgba(255,255,255,.6)!important;
}

#about,
#contact{
  border-top:1px solid #e7e7e7!important;
}

#about h2,
#contact h2,
#about p,
#contact p,
.contact-form label{
  color:#111111!important;
}

.contact-form input,
.contact-form textarea{
  background:#ffffff!important;
  color:#111111!important;
  border:1px solid #d6d6d6!important;
}

.contact-form input:focus,
.contact-form textarea:focus{
  border-color:#111111!important;
}

.contact-form button{
  background:#ffffff!important;
  color:#111111!important;
  border:1px solid #bdbdbd!important;
}

.contact-form button:hover{
  border-color:#111111!important;
  color:#111111!important;
}

/* Keep project viewer dark so the retouching images remain isolated when opened */
.modal,
.lightbox,
.project-modal,
.viewer{
  background:rgba(0,0,0,.985)!important;
  color:#ffffff!important;
}

.modal *,
.lightbox *,
.project-modal *,
.viewer *{
  color:#ffffff!important;
}

footer{
  color:#111111!important;
  border-top:1px solid #e7e7e7!important;
}

.form-note{
  color:#555555!important;
}


/* v15 — larger selected client typography */
.client-list{
  font-size:clamp(1.25rem,2.15vw,2rem)!important;
  line-height:1.55!important;
  font-weight:500!important;
  letter-spacing:-.015em!important;
  color:#111111!important;
  max-width:1100px!important;
}


/* v16 — resume-matched orange accent */
:root{
  --resume-orange:#f15a24!important;
  --resume-orange-dark:#df4f1c!important;
}

/* Identity */
.bw-name{
  color:var(--resume-orange)!important;
}

/* Main section labels */
#work h2,
#about h2,
#contact h2,
.section-title{
  color:var(--resume-orange)!important;
}

/* Resume-like fine orange rule under visible section headings */
#about h2,
#contact h2{
  padding-bottom:10px!important;
  border-bottom:2px solid var(--resume-orange)!important;
}

/* Navigation stays black; orange appears only as an interaction accent */
.bw-nav a{
  color:#111111!important;
}
.bw-nav a:hover{
  color:var(--resume-orange)!important;
  border-bottom-color:var(--resume-orange)!important;
}

/* Portfolio hover: very thin accent edge, not a heavy frame */
.portfolio-item:hover,
.work-card:hover,
.gallery-item:hover{
  outline:2px solid var(--resume-orange)!important;
  outline-offset:-2px!important;
}

/* Contact treatment */
.contact-details a:hover{
  color:var(--resume-orange)!important;
}
.contact-form input:focus,
.contact-form textarea:focus{
  border-color:var(--resume-orange)!important;
}
.contact-form button{
  border-color:var(--resume-orange)!important;
}
.contact-form button:hover{
  background:var(--resume-orange)!important;
  color:#ffffff!important;
  border-color:var(--resume-orange)!important;
}

/* Client list remains black so the orange doesn't compete with the portfolio */
.client-list{
  color:#111111!important;
}


/* v17 — return to black background, retain resume orange accent */
:root{
  --bg:#000000!important;
  --text:#ffffff!important;
  --muted:#d6d6d6!important;
  --line:#252525!important;
  --panel:#080808!important;
  --accent:#f15a24!important;
  --resume-orange:#f15a24!important;
}

html,
body{
  background:#000000!important;
  color:#ffffff!important;
}

.bw-header{
  background:#000000!important;
}

.bw-name{
  color:var(--resume-orange)!important;
}

.bw-role,
.bw-nav a{
  color:#ffffff!important;
}

.bw-nav a:hover{
  color:var(--resume-orange)!important;
  border-bottom-color:var(--resume-orange)!important;
}

main{
  background:#000000!important;
}

.portfolio-item,
.work-card,
.gallery-item{
  background:#080808!important;
}

#about,
#contact{
  border-top-color:#252525!important;
}

#work h2,
#about h2,
#contact h2,
.section-title{
  color:var(--resume-orange)!important;
}

#about p,
#contact p,
.contact-form label,
.contact-details,
.contact-details a{
  color:#ffffff!important;
}

.client-list{
  color:#ffffff!important;
}

.contact-form input,
.contact-form textarea{
  background:#080808!important;
  color:#ffffff!important;
  border-color:#333333!important;
}

.contact-form input:focus,
.contact-form textarea:focus{
  border-color:var(--resume-orange)!important;
}

.contact-form button{
  background:transparent!important;
  color:#ffffff!important;
  border-color:var(--resume-orange)!important;
}

.contact-form button:hover{
  background:var(--resume-orange)!important;
  color:#ffffff!important;
}

.form-note{
  color:#bdbdbd!important;
}

footer{
  color:#ffffff!important;
  border-top-color:#252525!important;
}


/* v18 — remove horizontal rules and divider lines */
hr,
.rule,
.divider,
section,
#about,
#contact,
footer,
#about h2,
#contact h2,
.section-title {
  border-top:0!important;
  border-bottom:0!important;
}

hr,
.rule,
.divider {
  display:none!important;
}

#about h2,
#contact h2,
.section-title {
  padding-bottom:0!important;
}


/* v20 — all typography white */
:root{
  --bg:#000000!important;
  --text:#ffffff!important;
  --muted:#ffffff!important;
  --accent:#ffffff!important;
  --resume-orange:#ffffff!important;
}

html,
body{
  background:#000000!important;
  color:#ffffff!important;
}

body *,
.bw-name,
.bw-role,
.bw-nav a,
section h1,
section h2,
section h3,
.section-title,
.eyebrow,
.kicker,
.project-category,
.client-list,
#about p,
#contact p,
.contact-details,
.contact-details a,
.contact-form label,
.form-note,
footer,
a,
button {
  color:#ffffff!important;
}

/* Keep form fields readable */
.contact-form input,
.contact-form textarea{
  background:#080808!important;
  color:#ffffff!important;
  border-color:#333333!important;
}

.contact-form input:focus,
.contact-form textarea:focus,
.contact-form button,
.contact-form button:hover{
  border-color:#ffffff!important;
}

.contact-form button:hover{
  background:#ffffff!important;
  color:#000000!important;
}

.bw-nav a:hover{
  color:#ffffff!important;
  border-bottom-color:#ffffff!important;
}

/* No divider lines */
hr,
.rule,
.divider{
  display:none!important;
}

section,
#about,
#contact,
footer,
#about h2,
#contact h2,
.section-title{
  border-top:0!important;
  border-bottom:0!important;
}

/* v23 — edge-to-edge Works thumbnails */
.portfolio-grid,.works-grid,.work-grid,.gallery-grid{
 gap:0!important;column-gap:0!important;row-gap:0!important;
}
.project-card,.portfolio-item,.work-card,.gallery-item,.thumb-wrap{
 margin:0!important;
}
.project-card{border:0!important;}
.thumb-wrap{line-height:0!important;}
.thumb-wrap img{
 display:block!important;width:100%!important;height:100%!important;margin:0!important;
}

/* v24 — full-bleed Works wall with titles inside images */
.portfolio-grid,.works-grid,.work-grid,.gallery-grid{
  gap:0!important;column-gap:0!important;row-gap:0!important;
}
.project-card{
  position:relative!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}
.thumb-wrap{
  position:relative!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
  width:100%!important;
  height:100%!important;
}
.thumb-wrap img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  object-fit:cover!important;
}
.card-meta{display:none!important;}
.image-title{
  position:absolute!important;
  left:18px!important;
  bottom:16px!important;
  z-index:3!important;
  color:#fff!important;
  font-size:clamp(.72rem,1vw,.95rem)!important;
  font-weight:600!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  line-height:1.2!important;
  text-shadow:0 1px 8px rgba(0,0,0,.75)!important;
  pointer-events:none!important;
}

/* v29 — enlarge WRX car inside its Works thumbnail only */
.project-card[data-project="wrx"] .thumb-wrap img{
  transform:scale(1.18)!important;
  transform-origin:center center!important;
}
.project-card[data-project="wrx"] .thumb-wrap{
  overflow:hidden!important;
}

/* v30 — match face scale between the two Neutrogena thumbnails */
.project-card[data-project="neutrogena_regenerating"] .thumb-wrap{
  overflow:hidden!important;
}
.project-card[data-project="neutrogena_regenerating"] .thumb-wrap img{
  transform:scale(1.22)!important;
  transform-origin:center center!important;
}

/* v31 — lower Regenerating portrait slightly to align eyes with adjacent Neutrogena portrait */
.project-card[data-project="neutrogena_regenerating"] .thumb-wrap img{
  transform:translateY(4%) scale(1.22)!important;
  transform-origin:center center!important;
}

/* v32 — center Regenerating portrait and lower slightly; scale unchanged */
.project-card[data-project="neutrogena_regenerating"] .thumb-wrap img{
  transform:translate(0, 5%) scale(1.22)!important;
  transform-origin:center center!important;
}

/* v33 — shift Regenerating portrait right; preserve scale and vertical alignment */
.project-card[data-project="neutrogena_regenerating"] .thumb-wrap img{
  transform:translate(4%, 5%) scale(1.22)!important;
  transform-origin:center center!important;
}

/* v34 — Regenerating framing refinement */
.project-card[data-project="neutrogena_regenerating"] .thumb-wrap img{
  transform:translate(7%, 8%) scale(1.22)!important;
  transform-origin:center center!important;
}

/* v35 — framing refinements */
.project-card[data-project="neutrogena_regenerating"] .thumb-wrap img{
  transform:translate(9%, 8%) scale(1.22)!important;
  transform-origin:center center!important;
}
.project-card[data-project="hilltop"] .thumb-wrap{
  overflow:hidden!important;
}
.project-card[data-project="hilltop"] .thumb-wrap img{
  transform:scale(1.16)!important;
  transform-origin:center center!important;
}

/* v36 — stronger automotive thumbnail crops */
.project-card[data-project="hilltop"] .thumb-wrap img{
  transform:scale(1.28)!important;
  transform-origin:center center!important;
}
.project-card[data-project="qx"] .thumb-wrap{
  overflow:hidden!important;
}
.project-card[data-project="qx"] .thumb-wrap img{
  transform:translateX(4%) scale(1.20)!important;
  transform-origin:center center!important;
}

/* v37 — QX80 shot 3 placement only; image and scale unchanged */
.project-card[data-project="qx"] .thumb-wrap img{
  transform:translateX(10%) scale(1.20)!important;
  transform-origin:center center!important;
}

/* v38 — QX80 shot 3: larger and lower */
.project-card[data-project="qx"] .thumb-wrap img{
  transform:translate(10%, 5%) scale(1.28)!important;
  transform-origin:center center!important;
}

/* v39 — QX80 shot 3 placement refinement only */
.project-card[data-project="qx"] .thumb-wrap img{
  transform:translate(13%, 8%) scale(1.28)!important;
  transform-origin:center center!important;
}

/* v40 — QX80 shot 3 farther right; scale/vertical unchanged */
.project-card[data-project="qx"] .thumb-wrap img{
  transform:translate(17%, 8%) scale(1.28)!important;
  transform-origin:center center!important;
}

/* v41 — QX80 shot 3 placement matched more closely to supplied reference */
.project-card[data-project="qx"] .thumb-wrap img{
  transform:translate(22%, 8%) scale(1.28)!important;
  transform-origin:center center!important;
}

/* v42 — dedicated QX80 shot #3 preview supplied by Torben */
.project-card[data-project="qx"] .thumb-wrap img{
  transform:none!important;
  object-position:center center!important;
}

/* v45 — Evenly Clear thumbnail: lower framing to reveal more of the top of her head */
.project-card[data-project="neutrogena_evenly_clear"] .thumb-wrap{
  overflow:hidden!important;
}
.project-card[data-project="neutrogena_evenly_clear"] .thumb-wrap img{
  transform:translateY(7%)!important;
  transform-origin:center center!important;
}

/* v46 — dedicated user-supplied Evenly Clear preview */
.project-card[data-project="neutrogena_evenly_clear"] .thumb-wrap img{
  transform:none!important;
  object-position:center center!important;
}

/* v55 — subtle dark rollover */
.project-card .thumb-wrap img{
  transition:filter .28s ease, transform .28s ease;
}
.project-card:hover .thumb-wrap img,
.project-card:focus-visible .thumb-wrap img{
  filter:brightness(.58);
}

/* v70 — larger primary navigation */
.bw-nav a{font-size:1.15rem!important;}

/* v74 — 4 across desktop */
@media (min-width:1200px){.portfolio-grid,.works-grid,.work-grid,.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}}

/* v79 — shot 15 preview enlarged to 130% */
.project-card[data-project="neutrogena_spf50_serum"] .thumb-wrap img{
  transform:scale(1.30)!important;
  transform-origin:center center!important;
}

/* v89 — larger TORBEN FUERLE header name */
.bw-name{font-size:clamp(1.65rem,2.4vw,2.5rem)!important;}

/* v90 — darker Works rollover */
.project-card:hover .thumb-wrap img,
.project-card:focus-visible .thumb-wrap img{
  filter:brightness(.40)!important;
}

/* v98 — 140% preview zoom for Works images 22–24 */
.project-card[data-project="aveeno_kids_shower_shelf"] .thumb-wrap img{transform:scale(1.40)!important;transform-origin:center center!important;}
.project-card[data-project="aveeno_kids_bathtub_ledge_01504_v2"] .thumb-wrap img{transform:scale(1.40)!important;transform-origin:center center!important;}
.project-card[data-project="aveeno_kids_bathtub_ledge_01560_v2"] .thumb-wrap img{transform:scale(1.40)!important;transform-origin:center center!important;}

/* v99 — center 140% previews for Works images 22–24 */

.project-card[data-project="aveeno_kids_shower_shelf"] .thumb-wrap img{
  transform:scale(1.40)!important;
  transform-origin:50% 50%!important;
  object-position:50% 50%!important;
}

.project-card[data-project="aveeno_kids_bathtub_ledge_01504_v2"] .thumb-wrap img{
  transform:scale(1.40)!important;
  transform-origin:50% 50%!important;
  object-position:50% 50%!important;
}

.project-card[data-project="aveeno_kids_bathtub_ledge_01560_v2"] .thumb-wrap img{
  transform:scale(1.40)!important;
  transform-origin:50% 50%!important;
  object-position:50% 50%!important;
}

/* v100 — preview positioning for Works 22–24 */
.project-card[data-project="aveeno_kids_shower_shelf"] .thumb-wrap img,
.project-card[data-project="aveeno_kids_bathtub_ledge_01504_v2"] .thumb-wrap img{
  transform:translateX(-6%) scale(1.40)!important;
  transform-origin:50% 50%!important;
  object-position:50% 50%!important;
}
.project-card[data-project="aveeno_kids_bathtub_ledge_01560_v2"] .thumb-wrap img{
  transform:translateX(6%) scale(1.40)!important;
  transform-origin:50% 50%!important;
  object-position:50% 50%!important;
}

/* v101 — further preview positioning */
.project-card[data-project="aveeno_kids_bathtub_ledge_01504_v2"] .thumb-wrap img{
  transform:translateX(-12%) scale(1.40)!important;
  transform-origin:50% 50%!important;
  object-position:50% 50%!important;
}
.project-card[data-project="aveeno_kids_bathtub_ledge_01560_v2"] .thumb-wrap img{
  transform:translateX(12%) scale(1.50)!important;
  transform-origin:50% 50%!important;
  object-position:50% 50%!important;
}

/* v102 reset 19–20 */
.project-card[data-project="neutrogena_sun_fresh"] .thumb-wrap img,.project-card[data-project="neutrogena_spf70_spray"] .thumb-wrap img{transform:none!important;transform-origin:50% 50%!important;object-position:50% 50%!important;}

/* v104 — image 20 +10% */
.project-card[data-project="neutrogena_spf70_spray"] .thumb-wrap img{transform:scale(1.10)!important;transform-origin:50% 50%!important;object-position:50% 50%!important;}

/* v106 images 27-28 +20% */
.project-card[data-project="lactaid_3"] .thumb-wrap img{transform:scale(1.20)!important;transform-origin:50% 50%!important;object-position:50% 50%!important;}
.project-card[data-project="lactaid_4"] .thumb-wrap img{transform:scale(1.20)!important;transform-origin:50% 50%!important;object-position:50% 50%!important;}
/* v107 — Works images 27–28 another 20% larger (140% total) */
.project-card[data-project="lactaid_3"] .thumb-wrap img{transform:scale(1.40)!important;transform-origin:50% 50%!important;object-position:50% 50%!important;}
.project-card[data-project="lactaid_4"] .thumb-wrap img{transform:scale(1.40)!important;transform-origin:50% 50%!important;object-position:50% 50%!important;}
/* v108 — images 27–28 shifted upward ~25% while retaining 140% zoom */
.project-card[data-project="lactaid_3"] .thumb-wrap img{transform:translateY(-25%) scale(1.40)!important;transform-origin:50% 50%!important;object-position:50% 50%!important;}
.project-card[data-project="lactaid_4"] .thumb-wrap img{transform:translateY(-25%) scale(1.40)!important;transform-origin:50% 50%!important;object-position:50% 50%!important;}
/* v109 — images 27–28 down 5% from v108 position; retain 140% zoom */
.project-card[data-project="lactaid_3"] .thumb-wrap img{transform:translateY(-20%) scale(1.40)!important;transform-origin:50% 50%!important;object-position:50% 50%!important;}
.project-card[data-project="lactaid_4"] .thumb-wrap img{transform:translateY(-20%) scale(1.40)!important;transform-origin:50% 50%!important;object-position:50% 50%!important;}
/* v111 — image 27 down 15% */
.project-card[data-project="lactaid_3"] .thumb-wrap img{transform:translateY(-5%) scale(1.40)!important;transform-origin:50% 50%!important;object-position:50% 50%!important;}

/* v113 — exact uploaded preview for Works #27, cropped in thumbnail window */
.project-card[data-project="lactaid_3"] .thumb-wrap img{
  transform:scale(1.40)!important;
  transform-origin:50% 50%!important;
  object-position:50% 45%!important;
}

/* v114 — Works image 27 reduced 30 percentage points */
.project-card[data-project="lactaid_3"] .thumb-wrap img{transform:scale(1.10)!important;transform-origin:50% 50%!important;object-position:50% 45%!important;}

/* v116 — Works image 28 +15% */
.project-card[data-project="lactaid_4"] .thumb-wrap img{transform:translateY(-20%) scale(1.55)!important;transform-origin:50% 50%!important;object-position:50% 50%!important;}

/* v117 — Works #28 +5% and slightly right */
.project-card[data-project="lactaid_4"] .thumb-wrap img{transform:translate(5%,-20%) scale(1.60)!important;transform-origin:50% 50%!important;object-position:50% 50%!important;}

/* v119 — exact uploaded preview for Works #25 */
.project-card[data-project="lactaid_1"] .thumb-wrap img{
  transform:none!important;
  object-position:50% 50%!important;
}

/* v125 — Works image #18 preview 15% larger */
.project-card[data-project="neutrogena_new_2"] .thumb-wrap img{
  transform:scale(1.15)!important;
  transform-origin:50% 50%!important;
}

/* v126 — Works #18–20 all 15% larger */
.project-card[data-project="neutrogena_new_4"] .thumb-wrap img{transform:scale(1.15)!important;transform-origin:50% 50%!important;}
.project-card[data-project="neutrogena_new_2"] .thumb-wrap img{transform:scale(1.15)!important;transform-origin:50% 50%!important;}
.project-card[data-project="neutrogena_new_3"] .thumb-wrap img{transform:scale(1.15)!important;transform-origin:50% 50%!important;}

/* v127 — Works image #19 another 8% larger */
.project-card[data-project="neutrogena_new_2"] .thumb-wrap img{
  transform:scale(1.242)!important;
  transform-origin:50% 50%!important;
}

/* v128 — centered About copy */
#about .about-copy,
#about .about-text,
#about .about-content{
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
#about .about-copy p,
#about .about-text p,
#about .about-content p{
  margin-left:auto!important;
  margin-right:auto!important;
}
#about .clients,
#about .client-list,
#about .selected-clients{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* v133 — LinkedIn icon */
.bw-header{position:relative!important;}
.linkedin-top{
  position:absolute!important;
  top:50%!important;
  right:28px!important;
  transform:translateY(-50%)!important;
  width:27px!important;
  height:27px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  z-index:20!important;
  opacity:.9!important;
  transition:opacity .2s ease, transform .2s ease!important;
}
.linkedin-top svg{width:100%!important;height:100%!important;fill:currentColor!important;display:block!important;}
.linkedin-top:hover{opacity:.62!important;transform:translateY(-50%) scale(1.06)!important;}
@media(max-width:760px){
  .linkedin-top{right:16px!important;width:24px!important;height:24px!important;}
}