:root{
  --charcoal:#23262B;
  --canvas:#FAFAF9;
  --orange:#F1B763;
  --orange-dark:#B87B12;
  --gray:#6B6E74;
  --gray-light:#B9BCC2;
  --kraft:#C9A57B;
  --white:#FFFFFF;
  --maxw:1080px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:var(--canvas);color:var(--charcoal);font-size:17px;line-height:1.65}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
a{color:var(--charcoal)}
h1,h2,h3{line-height:1.18;font-family:Arial,Helvetica,sans-serif;letter-spacing:-.3px}
h1{font-size:clamp(2.1rem,5vw,3.2rem);font-weight:800}
h2{font-size:clamp(1.9rem,4.5vw,2.7rem);font-weight:800;margin-bottom:.75rem}
h3{font-size:1.15rem;font-weight:800}
.sub,.lede{color:var(--gray);font-size:1.12rem;max-width:640px}
section{padding:72px 0}
.tight{padding:34px 0 26px}

header{position:sticky;top:0;background:var(--canvas);border-bottom:1px solid #E2DED4;z-index:50}
.nav{max-width:var(--maxw);margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.nav-links{margin-left:auto}
.nav-cta{flex-shrink:0}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo-text{font-size:1.55rem;letter-spacing:.2px}
.logo svg{width:64px;height:32px}
.logo-text .lt1{font-weight:500}
.logo-text .lt2{font-weight:800}
.nav-links{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.nav-links a:not(.btn)+a:not(.btn){border-left:1px solid #DDD9CF;padding-left:22px}
.nav-links a{text-decoration:none;font-weight:500;font-size:.98rem;white-space:nowrap}
.nav-links a.btn{font-weight:800}
.nav-links a:not(.btn):hover{color:var(--orange)}

.btn{display:inline-block;padding:13px 26px;border-radius:8px;font-weight:800;text-decoration:none;font-size:1rem;border:2px solid transparent;cursor:pointer;font-family:inherit}
.btn-solid{background:var(--orange);color:#23262B}
.btn-solid:hover{background:var(--orange);color:#fff;transform:translateY(-1px)}
.btn-ghost{border-color:var(--charcoal);color:var(--charcoal);background:transparent}
.btn-ghost:hover{background:var(--charcoal);color:#fff;transform:translateY(-1px)}
.btn-sm{padding:9px 18px;font-size:.92rem}
.ghost-link{color:var(--gray);text-decoration:underline;font-size:.98rem;font-weight:700}
.ghost-link:hover{color:var(--charcoal)}

.chev{display:inline-flex;gap:7px;align-items:center}
.chev svg{display:block}

.hero{padding:96px 0 72px}
.hero .kicker{color:var(--orange);font-weight:800;letter-spacing:3px;font-size:.85rem;text-transform:uppercase;margin-bottom:14px}
.hero h1{max-width:760px;margin-bottom:18px}
.hero .sub{margin-bottom:30px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}

.chips{display:flex;gap:0;flex-wrap:wrap;align-items:baseline}
.chip{background:transparent;border:none;border-radius:0;padding:0;font-weight:800;font-size:1.05rem}
.chip:not(:first-child)::before{content:"/";color:var(--orange);font-weight:800;margin:0 16px}

.flag{background:var(--white);border-left:6px solid var(--orange);border-radius:0 12px 12px 0;padding:26px 30px;max-width:760px;font-size:1.15rem;line-height:1.6;position:relative}
.flag strong{font-weight:800}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;margin-top:28px}
.card{background:transparent;border-radius:0;padding:20px 0 0;border-top:3px solid var(--charcoal)}
.card h3{margin-bottom:10px}
.card p{color:var(--gray);font-size:.98rem;margin-bottom:14px}
.card a{color:var(--orange);font-weight:800;text-decoration:none}
.card a:hover{text-decoration:underline}

.rate-mini{background:transparent;border-radius:0;border:none;border-top:3px solid var(--charcoal);padding:24px 0 0;margin-top:24px;max-width:720px}
.rate-mini table{width:100%;border-collapse:collapse}
.rate-mini td{padding:10px 4px;border-bottom:1px solid #E8E5DC;font-size:1rem}
.rate-mini td:last-child{text-align:right;font-weight:800}
.example{background:var(--canvas);border-radius:10px;padding:18px 22px;margin-top:18px;font-size:1rem}
.example strong{font-weight:800}

.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;margin-top:28px}
.step{background:transparent;border-radius:0;padding:18px 0 0;border-top:1px solid #C9C5BA}
.step .n{color:var(--orange-dark);font-weight:800;font-size:.85rem;letter-spacing:2.5px;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;line-height:1;margin-bottom:10px}
.step p{color:var(--gray);font-size:.95rem}

.dark{background:var(--charcoal);color:var(--canvas)}
.dark h2{color:var(--canvas)}
.dark .sub{color:var(--gray-light)}

table.rates{width:100%;border-collapse:collapse;background:var(--white);border-radius:12px;overflow:hidden;border:1px solid #E2DED4}
table.rates th{background:var(--charcoal);color:var(--canvas);text-align:left;padding:16px 20px;font-size:.95rem;letter-spacing:1px;text-transform:uppercase}
table.rates td{padding:16px 20px;border-bottom:1px solid #E8E5DC;vertical-align:top}
table.rates tr:last-child td{border-bottom:none}
table.rates td:last-child{font-weight:800;white-space:nowrap}

.calc{background:var(--white);border-radius:14px;border:1px solid #E2DED4;padding:34px}
.calc .row{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.calc label{width:230px;color:var(--gray);font-size:.98rem;font-weight:500}
.calc input[type=range]{flex:1;min-width:160px;accent-color:var(--orange);transition:filter .2s ease}
.calc input[type=range]:hover{filter:brightness(1.08)}
.calc .val{font-weight:800;min-width:52px;text-align:right;font-size:1.05rem}
.calc input[type=text],.calc select{padding:11px 14px;border:1.5px solid #D8D4CA;border-radius:8px;font-family:inherit;font-size:.98rem;background:var(--canvas);color:var(--charcoal);min-width:220px;flex:1}
.calc-out{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:26px 0 14px}
.metric{background:#F2F0EA;border-radius:10px;padding:18px}
.metric .m-label{font-size:.85rem;color:var(--gray);margin-bottom:4px}
.metric .m-num{font-size:1.7rem;font-weight:800}
.metric.total .m-label{color:var(--orange-dark)}
.footnote{color:var(--gray);font-size:.9rem;margin-bottom:22px}
.email-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.email-point{display:flex;align-items:center;gap:8px;pointer-events:none}
.email-point-txt{font-size:1.5rem;color:var(--charcoal)}
@media (max-width:720px){.email-point{display:none}}
.mini-ico{display:block;margin-bottom:10px}
.h-ico{display:flex;align-items:center;gap:12px}
.h-ico .mini-ico{margin-bottom:0}
.label-hint{display:block;color:var(--gray);font-size:.8rem;font-weight:400;margin-top:2px;opacity:.85}
.calc-cta{display:flex;gap:20px;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap}
.calc-cta-stack{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.cta-arrow{flex:none;margin-top:-34px;margin-right:22%;margin-left:-40px;pointer-events:none}
@media (max-width:720px){.cta-arrow{display:none}.calc-cta{justify-content:flex-start}}

.list-x{list-style:none;margin-top:20px}
.list-x li{padding:10px 0 10px 34px;position:relative;font-size:1.02rem}
.list-x li::before{content:"";position:absolute;left:0;top:16px;width:12px;height:12px;border-right:3.5px solid var(--orange);border-top:3.5px solid var(--orange);transform:rotate(45deg)}

.faq{margin-top:24px}
.faq details{background:transparent;border:none;border-bottom:1px solid #C9C5BA;border-radius:0;margin-bottom:0;padding:0}
.faq summary{padding:18px 4px;font-weight:800;cursor:pointer;font-size:1.05rem}
.faq p{padding:0 4px 18px;color:var(--gray);font-size:.98rem;max-width:640px}

.promises{display:grid;grid-template-columns:1fr;gap:0;margin-top:22px;max-width:640px}
.promise{background:transparent;border-radius:0;border-left:4px solid var(--orange);padding:14px 0 14px 20px;font-weight:800;font-size:1.08rem;border-bottom:1px solid #E2DED4}
.promise:last-child{border-bottom:none}

.photo-slot{background:var(--white);border:2px dashed #D0CCC1;border-radius:14px;min-height:320px;display:flex;align-items:center;justify-content:center;color:var(--gray);font-size:.95rem;text-align:center;padding:24px}

.cta-band{background:var(--charcoal);color:var(--canvas);border-radius:16px;padding:44px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.cta-band h2{margin-bottom:6px}
.cta-band p{color:var(--gray-light)}

footer{background:var(--charcoal);color:var(--gray-light);padding:56px 0 40px;margin-top:40px}
footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;max-width:var(--maxw);margin:0 auto;padding:0 24px}
footer a{color:var(--canvas);text-decoration:none}
footer a:hover{color:var(--orange)}
footer .logo-text{color:var(--canvas)}
footer .fine{max-width:var(--maxw);margin:36px auto 0;padding:24px 24px 0;border-top:1px solid #3A3E45;font-size:.85rem}
.email-big{display:inline-flex;align-items:center;gap:16px;font-size:clamp(1.15rem,3.2vw,1.7rem);font-weight:800;color:#23262B;background:var(--orange);padding:18px 28px;border-radius:10px;text-decoration:none;overflow-wrap:anywhere}
.email-big svg{flex:none}
.email-big:hover{color:#fff;transform:translateY(-1px)}
@media(max-width:640px){
  section{padding:52px 0}
  .hero{padding:56px 0 44px}
  .calc{padding:22px}
  .calc label{min-width:100%}
  .nav{padding:10px 20px;row-gap:2px;flex-wrap:wrap;gap:10px}
  .logo{flex:1;min-width:0}
  .nav-cta{order:2}
  .logo svg{width:44px;height:22px}
  .logo{gap:9px}
  .logo-text{font-size:1.15rem}
  .nav-links{order:3;width:100%;display:flex;justify-content:space-between;gap:6px 14px;padding:6px 0 2px;margin-left:0}
  .nav-links a{font-size:.92rem}
  .nav-links .btn-sm{padding:7px 14px;font-size:.88rem}
  .inv{padding:22px 18px}
  .inv-table{font-size:.85rem}
  .inv-meta{gap:18px 26px}
  .big-flag{margin:44px 0}
  .pband{padding:72px 24px}
  .duo img{aspect-ratio:16/10}
}

/* Motion: professional micro interactions */
@media (prefers-reduced-motion: no-preference){
  .reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}
  .reveal.in{opacity:1;transform:none}
  .calc,.slip{transition:box-shadow .25s ease}
  .btn{transition:background .2s ease,transform .15s ease,color .2s ease}
  .btn:active{transform:scale(.97)}
  header{transition:box-shadow .25s ease}
  header.scrolled{box-shadow:0 2px 14px rgba(35,38,43,.09)}
  .logo .chev path{opacity:0;animation:chevIn .5s ease forwards}
  .logo .chev path:nth-child(1){animation-delay:.1s}
  .logo .chev path:nth-child(2){animation-delay:.28s}
  .logo .chev path:nth-child(3){animation-delay:.46s}
}
@keyframes chevIn{
  from{opacity:0;transform:translateX(-6px)}
  to{opacity:1;transform:none}
}
.logo .chev path:nth-child(1){animation-name:chevIn1}
@keyframes chevIn1{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}
.logo .chev path:nth-child(2){animation-name:chevIn2}
@keyframes chevIn2{from{opacity:0;transform:translateX(-6px)}to{opacity:.65;transform:none}}
.logo .chev path:nth-child(3){animation-name:chevIn3}
@keyframes chevIn3{from{opacity:0;transform:translateX(-6px)}to{opacity:.35;transform:none}}

/* Media hero */
.hero-media{position:relative;background:var(--charcoal);color:var(--canvas);overflow:hidden}
.hero-media .hero-bg{position:absolute;inset:0}
.hero-media .hero-bg img,.hero-media .hero-bg video{width:100%;height:100%;object-fit:cover;display:block}
.hero-media .hero-overlay{position:absolute;inset:0;background:linear-gradient(100deg,rgba(35,38,43,.95) 0%,rgba(35,38,43,.82) 46%,rgba(35,38,43,.45) 100%)}
.hero-media .wrap{position:relative;z-index:2}
.hero-media h1{color:var(--canvas)}
.hero-media .sub{color:#D8D5CC}
.hero-media .kicker{color:var(--orange)}
.btn-ghost-light{border-color:var(--canvas);color:var(--canvas);background:transparent}
.btn-ghost-light:hover{background:transparent;color:#fff;border-color:#fff;transform:translateY(-1px)}

/* Handwritten aside */
.scribble{font-family:'Caveat',cursive;font-size:1.45rem;color:var(--gray);transform:rotate(-2deg);display:inline-block}

/* Chevron section divider */
.divider{display:flex;align-items:center;gap:14px;max-width:var(--maxw);margin:0 auto;padding:0 24px}
.divider::before,.divider::after{content:"";height:1px;background:#E2DED4;flex:1}

/* Packing slip styling for the worked example */
.slip{background:var(--white);border:1px solid #E2DED4;border-top:10px solid var(--orange);border-radius:8px;padding:20px 24px;margin-top:18px;font-family:'Courier New',monospace;font-size:.95rem;line-height:1.7;position:relative}
.slip .slip-head{font-weight:700;letter-spacing:2px;border-bottom:1px dashed #C9C5BA;padding-bottom:8px;margin-bottom:10px}
.slip .slip-total{border-top:1px dashed #C9C5BA;margin-top:10px;padding-top:8px;font-weight:700}

/* Tape strip accent */
.tape::before{content:"";position:absolute;top:-11px;left:28px;width:84px;height:20px;background:var(--orange);opacity:.85;transform:rotate(-2deg)}

.kick{color:var(--orange-dark);font-weight:800;letter-spacing:2.5px;font-size:.85rem;text-transform:uppercase;margin-bottom:10px}

/* Duotone image slots: drop any photo in, it comes out branded */
.duo{position:relative;border-radius:4px;overflow:hidden;margin:0}
.duo img{width:100%;display:block;aspect-ratio:21/9;object-fit:cover;filter:grayscale(1) contrast(1.08) brightness(.92)}
.duo::before{content:"";position:absolute;inset:0;background:#23262B;opacity:.18;mix-blend-mode:multiply}
.duo::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(35,38,43,.6) 0%,rgba(35,38,43,0) 30%)}
.duo figcaption{position:absolute;left:0;bottom:16px;z-index:1;background:var(--charcoal);color:var(--canvas);padding:8px 16px 8px 20px;font-size:.8rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;border-left:4px solid var(--orange)}
/* Owner portrait */
.portrait{float:right;width:min(160px,40%);margin:6px 0 14px 24px}
.portrait img{aspect-ratio:3/4}
.portrait figcaption{bottom:10px;padding:5px 10px 5px 12px;font-size:.68rem;letter-spacing:1px;border-left-width:3px}

/* Fulfillrite-architecture additions */
.hero-bullets{list-style:none;margin:18px 0 14px;max-width:640px}
.hero-bullets li{color:#D8D5CC;font-size:1.02rem;line-height:1.6;padding:7px 0 7px 26px;position:relative}
.hero-bullets li::before{content:"";position:absolute;left:0;top:16px;width:12px;height:12px;background:var(--orange);clip-path:polygon(0 0,100% 50%,0 100%)}
.hero-bullets b{color:var(--canvas)}
.hero-contact{color:#B9BCC2;font-size:.98rem;margin-bottom:20px}
.hero-contact a{color:var(--orange);font-weight:800;text-decoration:none}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:26px 20px;padding:8px 0;text-align:center}
.s-num{font-family:Arial,Helvetica,sans-serif;font-weight:800;font-size:2.2rem;line-height:1;color:var(--charcoal)}
.s-label{color:var(--gray);font-size:.92rem;margin-top:6px;line-height:1.4}
.glist{list-style:none;margin-top:22px;max-width:720px}
.glist li{padding:13px 0 13px 30px;border-bottom:1px solid #DDD9CF;position:relative;font-size:1.02rem;line-height:1.55}
.glist li:last-child{border-bottom:none}
.glist li::before{content:"";position:absolute;left:2px;top:20px;width:12px;height:12px;background:var(--orange);clip-path:polygon(0 0,100% 50%,0 100%)}
.svc{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:36px;margin-top:26px}
.svc-item{border-top:3px solid var(--charcoal);padding-top:18px}
.nlist{list-style:none;counter-reset:svc;margin:14px 0 16px}
.nlist li{counter-increment:svc;padding:8px 0 8px 40px;position:relative;color:var(--gray);font-size:.96rem;line-height:1.5;border-bottom:1px solid #E5E1D8}
.nlist li:last-child{border-bottom:none}
.nlist li::before{content:"0" counter(svc) ".";position:absolute;left:0;top:8px;font-family:Arial,Helvetica,sans-serif;font-weight:800;color:var(--orange-dark);font-size:.95rem}
.txt-link{color:var(--charcoal);font-weight:800;text-decoration:underline;text-underline-offset:3px;font-size:.98rem}
.kick-light{color:var(--orange)}
.sub-light{color:var(--gray-light);font-size:1.05rem;line-height:1.65;max-width:680px;margin:14px 0 22px}
.ops{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:32px;margin-top:24px}
.ops-col{border-top:1px solid #C9C5BA;padding-top:16px}
.ops-col p{color:var(--gray);font-size:.98rem;line-height:1.6;margin-top:8px}
.ops-col a{color:var(--charcoal);font-weight:800}
.after-steps{margin-top:22px}
.close-h{margin-bottom:10px}
.close-p{color:var(--gray);max-width:640px;line-height:1.6}
.close-p a{color:var(--charcoal);font-weight:800}

.big-flag{margin:64px 0}
.big-flag .flag{font-size:1.25rem;padding:26px 30px;line-height:1.6}
/* Static service cards */
.scard{background:var(--white);border:1px solid #E2DED4;border-top:4px solid var(--charcoal);border-radius:8px;padding:26px;display:flex;flex-direction:column}
.scard p{color:var(--gray);font-size:1rem;line-height:1.6;margin:12px 0 0;flex:none}
/* Flip cards */
.fcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:28px}
.fcard{perspective:1200px;min-height:300px}
.fcard-inner{position:relative;width:100%;height:100%;min-height:300px;transform-style:preserve-3d;transition:transform .55s ease}
.fcard.flipped .fcard-inner{transform:rotateY(180deg)}
.fcard-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--white);border:1px solid #E2DED4;border-top:4px solid var(--charcoal);border-radius:8px;padding:26px;display:flex;flex-direction:column}
.fcard-front p{color:var(--gray);font-size:1rem;line-height:1.6;margin:12px 0 18px;flex:1}
.fcard-back{transform:rotateY(180deg);border-top-color:var(--orange)}
.fr{display:flex;justify-content:space-between;font-size:.98rem;padding:9px 2px;border-bottom:1px solid #EDEAE3}
.fr:last-of-type{border-bottom:none}
.flip-btn{background:var(--charcoal);color:var(--canvas);border:none;font-weight:700;font-family:inherit;font-size:.95rem;padding:11px 18px;border-radius:7px;cursor:pointer;align-self:flex-start;margin-top:auto}
.flip-btn:hover{background:#16191D}
.fcard-back .flip-btn{background:var(--orange);color:#23262B}
.fcard-link{display:inline-block;margin-top:12px;font-weight:700;color:var(--charcoal);font-size:.92rem}
@media (prefers-reduced-motion: reduce){.fcard-inner{transition:none}}
/* Invoice mockup */
.inv{background:#fff;border:1px solid #DDD9CF;border-radius:6px;max-width:640px;margin-top:26px;padding:34px 36px;box-shadow:0 14px 34px rgba(35,38,43,.09)}
.inv-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:3px solid var(--charcoal);padding-bottom:14px;margin-bottom:18px;gap:12px;flex-wrap:wrap}
.inv-brand{font-weight:700;letter-spacing:2.5px;font-size:1.02rem}
.inv-sub{color:var(--gray);font-size:.82rem;letter-spacing:1px;margin-top:3px}
.inv-no{color:var(--gray);font-weight:700;font-size:.95rem}
.inv-meta{display:flex;gap:34px;flex-wrap:wrap;margin-bottom:20px;font-size:.9rem;line-height:1.5}
.inv-meta span{display:block;color:var(--orange-dark);font-weight:700;letter-spacing:1.5px;font-size:.72rem;margin-bottom:4px}
.inv-table{width:100%;border-collapse:collapse;font-size:.92rem}
.inv-table th{text-align:left;color:var(--gray);font-size:.75rem;letter-spacing:1.5px;text-transform:uppercase;padding:6px 4px;border-bottom:1px solid #DDD9CF}
.inv-table td{padding:9px 4px;border-bottom:1px solid #EFECE5}
.inv-table td:last-child,.inv-table th:last-child{text-align:right}
.inv-total td{font-weight:700;font-size:1.05rem;border-top:2px solid var(--charcoal);border-bottom:none;padding-top:12px}
.inv-note{color:var(--gray);font-size:.9rem;margin-top:16px}
.after-inv{margin-top:24px}
/* Closing block with the handwritten voice */
.closing{margin-top:56px;border-top:3px solid var(--charcoal);padding-top:26px}
.closing-h{font-family:'Caveat',cursive;font-size:2.3rem!important;font-weight:600;transform:rotate(-1deg);display:inline-block}
/* VOG style footer */
footer{background:var(--charcoal);color:var(--gray-light);padding:64px 24px 0}
.foot-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1.4fr 1.4fr;gap:36px;padding-bottom:48px}
@media(max-width:760px){.foot-grid{grid-template-columns:1fr 1fr}}
.foot-name{color:var(--canvas);font-weight:700;letter-spacing:2.5px;font-size:1.05rem;display:inline-block}
.foot-tag{display:block;color:var(--gray-light);font-weight:400;letter-spacing:2px;font-size:.72rem;margin-top:5px}
.foot-h{color:var(--canvas);font-weight:700;letter-spacing:2.5px;font-size:.78rem;text-transform:uppercase;margin-bottom:16px}
.foot-col p{margin-bottom:12px;font-size:.95rem}
.foot-col a{color:var(--gray-light);text-decoration:none}
.foot-col a:hover{color:var(--canvas)}
.foot-bar{max-width:1100px;margin:0 auto;border-top:1px solid #3A3E45;padding:22px 0 26px;font-size:.85rem}
.hero-media .hero-bg img{filter:grayscale(1) contrast(1.05) brightness(.95)}
/* Photo CTA band */
.pband{position:relative;overflow:hidden;padding:110px 24px;margin-top:56px}
.pband-bg{position:absolute;inset:0}
.pband-bg img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05) brightness(.95)}
.pband-overlay{position:absolute;inset:0;background:linear-gradient(100deg,rgba(35,38,43,.94) 0%,rgba(35,38,43,.8) 46%,rgba(35,38,43,.42) 100%)}
.pband-content{position:relative}
.pband h2{color:var(--canvas);margin-bottom:10px}
.pband p{color:#D8D5CC;font-size:1.05rem;margin-bottom:22px;max-width:440px}


/* Scroll performance: composite filtered photos on the GPU */
.hero-media .hero-bg img,.pband-bg img,.duo img{transform:translateZ(0);backface-visibility:hidden}