/* ABOUT v1: isolated About system. Built from the locked v6.41 baseline. */
.about-page{margin:0;background:#f5efe4;color:#172a27}.about-page *{box-sizing:border-box}
.about-header{position:relative;z-index:20;height:72px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;background:#0c2a26;color:#fff}
.about-header .brand{color:#fff;text-decoration:none;font:700 15px/1 Georgia,serif;letter-spacing:.12em}
.about-header nav{display:flex;gap:28px}
.about-header nav a{color:rgba(255,255,255,.8);text-decoration:none;text-transform:uppercase;font:700 10px/1 Arial,sans-serif;letter-spacing:.08em}
.about-header nav a.active,.about-header nav a:hover{color:#e5a65a}

/* ABOUT hero: intentionally mirrors the Travel main hero mechanics. */
.about-hero{
  height:400px;
  min-height:400px;
  box-sizing:border-box;
  padding:92px 7vw 38px;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  isolation:isolate;
  background:#0c2421;
  color:#fff;
}
.about-hero-copy{
  position:relative;
  z-index:3;
  width:min(760px,55vw);
}
.about-hero h1{
  margin:0;
  font:400 clamp(3.6rem,6vw,6.3rem)/.94 Georgia,serif;
  letter-spacing:-.045em;
}
.about-contradictions{
  margin:18px 0 0;
  max-width:660px;
  color:#c8d4d0;
  font:400 1.08rem/1.7 Georgia,serif;
}
.about-change{
  margin:0;
  max-width:660px;
  color:#e5a65a;
  font:700 1.08rem/1.7 Georgia,serif;
}
.about-hero-art{
  position:absolute;
  inset:0 0 0 34%;
  z-index:0;
  margin:0;
  overflow:hidden;
  pointer-events:none;
}
.about-hero-art img{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:auto;
  display:block;
  width:auto;
  max-width:100%;
  height:100%;
  object-fit:contain;
  object-position:right center;
  opacity:.96;
  filter:brightness(1.22) contrast(1.04) saturate(1.06);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 5%,rgba(0,0,0,.52) 11%,rgba(0,0,0,.82) 18%,#000 26%,#000 92%,rgba(0,0,0,.72) 96%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 5%,rgba(0,0,0,.52) 11%,rgba(0,0,0,.82) 18%,#000 26%,#000 92%,rgba(0,0,0,.72) 96%,transparent 100%);
}
.about-hero-shade{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,#0c2421 0%,#0c2421 24%,rgba(12,36,33,.97) 31%,rgba(12,36,33,.84) 39%,rgba(12,36,33,.62) 48%,rgba(12,36,33,.40) 57%,rgba(12,36,33,.22) 67%,rgba(12,36,33,.10) 78%,rgba(12,36,33,.03) 89%,rgba(12,36,33,0) 100%);
}

/* ABOUT lower page: compact intro + two-row current mosaic. */
.about-overline{color:#b76b42;font:800 10px/1.1 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}

.about-intro{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:170px;
  padding:34px 7vw 36px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:#ead8d3;
  border-bottom:1px solid rgba(16,40,38,.10);
}
.about-intro h2{
  position:relative;
  z-index:2;
  width:100%;
  max-width:1220px;
  margin:0 auto;
  color:#71363a;
  font:400 var(--type-section)/1.08 Georgia,serif;
  letter-spacing:-.025em;
}
.about-intro p{
  position:relative;
  z-index:2;
  margin:10px auto 0;
  max-width:980px;
  color:#29463f;
  font:700 17px/1.45 Georgia,serif;
  text-align:center;
  white-space:nowrap;
}
.intro-brush{
  position:absolute;
  z-index:1;
  left:50%;
  top:25px;
  width:min(570px,43vw);
  height:18px;
  transform:translateX(-52%) rotate(-1.4deg);
  background:#9c5d5c;
  opacity:.18;
  clip-path:polygon(0 42%,7% 20%,17% 34%,29% 12%,40% 30%,52% 8%,64% 31%,77% 17%,89% 36%,100% 21%,98% 67%,88% 58%,76% 74%,64% 57%,51% 78%,39% 61%,27% 76%,15% 59%,5% 72%);
}

.about-current{
  position:relative;
  padding:66px 7vw 84px;
  background:radial-gradient(circle at 12% 18%,rgba(177,201,188,.30),transparent 25%),radial-gradient(circle at 88% 72%,rgba(197,171,180,.25),transparent 26%),#eee8df;
}
.about-mosaic{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr) 40px minmax(0,1fr);
  grid-template-rows:auto 38px auto;
  max-width:1320px;
  margin:0 auto;
  align-items:stretch;
}
.mosaic-card{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:205px;
  padding:22px 24px 23px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  color:#f8f2e7;
  text-decoration:none;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(36,31,26,.10);
}
/* Row 1: all linkable reflections use one color. */
.tone-forest{background:#123a32}
.tone-forest .card-accent{background:#d39a3b}
/* Row 2: all current/static cards use one contrasting color. */
.tone-plum{background:#4e3442}
.tone-plum .card-accent{background:#c79647}

.mosaic-card h3{
  margin:12px 0 9px;
  color:#fffaf2;
  font:400 clamp(1.28rem,1.5vw,1.62rem)/1.08 Georgia,serif;
  letter-spacing:-.015em;
}
.card-title-icon{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;margin-left:9px;vertical-align:-3px;color:#f0b35c}
.card-title-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mosaic-card p{margin:0;max-width:650px;color:rgba(255,255,255,.79);font:400 12.5px/1.5 Georgia,serif}
.card-accent{width:60px;height:9px;margin-bottom:11px;border-radius:2px;transform:rotate(-2deg);opacity:.84}
.card-kicker{color:#f0b35c;font:800 8.5px/1.2 Arial,sans-serif;letter-spacing:.14em}

/* Full-card links are intentionally obvious. */
a.mosaic-card.is-linkable{
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
a.mosaic-card.is-linkable:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 34px rgba(36,31,26,.18);
  border-color:rgba(240,179,92,.55);
}
.card-open{
  position:absolute;
  top:20px;
  right:22px;
  padding:6px 8px 5px;
  border:1px solid rgba(246,223,180,.48);
  border-radius:999px;
  color:#f6dfb4;
  background:rgba(255,255,255,.05);
  font:800 8px/1 Arial,sans-serif;
  letter-spacing:.12em;
}
.card-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:15px}
.card-link{color:#f6dfb4;font:700 9px/1 Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase}
.card-link::after{content:" →";font-size:10px}

.card-items{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:14px}
.card-items li{margin:0;padding:0;min-width:0}
.card-item-title{display:block;color:#fffaf2;font:400 clamp(1.05rem,1.15vw,1.18rem)/1.25 Georgia,serif;overflow-wrap:break-word}
.tone-plum .card-item-title{color:#f0b35c}
.card-item-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 10px;margin-top:4px}
.card-item-byline{color:rgba(255,255,255,.72);font:400 13px/1.4 Georgia,serif}
.card-item-review{margin-left:auto;color:#f6dfb4;font:600 11px/1.4 Arial,sans-serif;white-space:nowrap;text-underline-offset:3px}
.card-item-group{margin-top:18px}
.card-item-group h4{margin:0 0 9px;color:#f0b35c;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.04em}
.card-item-group .card-items{margin:0;gap:10px}
.card-item-group+.card-item-group{padding-top:14px;border-top:1px solid rgba(255,255,255,.15)}
.mosaic-card:focus-visible,.card-item-review:focus-visible{outline:3px solid #e5a65a;outline-offset:4px}

/* Decorative brush dividers remain in their own tracks. */
.brush-v,.brush-h{pointer-events:none;align-self:stretch;justify-self:stretch;position:relative;z-index:1;overflow:visible}
.brush-v::before,.brush-v::after,.brush-h::before,.brush-h::after{content:"";position:absolute;display:block;opacity:.88}
.brush-v::before{top:-22%;bottom:-22%;left:4px;width:10px;background:#6e4146;clip-path:polygon(42% 0,82% 5%,58% 17%,78% 31%,48% 46%,72% 61%,44% 74%,70% 88%,38% 100%,8% 94%,28% 79%,8% 64%,30% 50%,10% 35%,34% 19%,14% 7%)}
.brush-v::after{top:-18%;bottom:-25%;right:3px;width:8px;background:#294d45;clip-path:polygon(35% 0,80% 7%,52% 21%,76% 36%,46% 52%,72% 68%,44% 83%,66% 100%,20% 94%,36% 78%,14% 62%,34% 47%,12% 29%,31% 13%)}
.brush-h::before{left:-8%;right:-8%;top:5px;height:10px;background:#294d45;clip-path:polygon(0 44%,8% 18%,17% 38%,27% 16%,38% 35%,48% 14%,58% 34%,70% 19%,82% 39%,92% 20%,100% 37%,100% 70%,91% 54%,81% 76%,70% 57%,59% 78%,48% 56%,37% 74%,26% 55%,16% 72%,7% 52%,0 68%)}
.brush-h::after{left:-6%;right:-10%;bottom:2px;height:8px;background:#74474d;clip-path:polygon(0 40%,10% 25%,20% 42%,31% 21%,42% 38%,53% 20%,64% 41%,75% 24%,86% 43%,94% 28%,100% 39%,100% 72%,91% 55%,82% 74%,72% 56%,62% 77%,52% 57%,42% 75%,31% 56%,20% 74%,10% 55%,0 69%)}
.about-mosaic::before,.about-mosaic::after{content:"";position:absolute;z-index:1;left:-7%;right:-7%;height:10px;pointer-events:none;opacity:.9;clip-path:polygon(0 43%,8% 17%,17% 39%,28% 14%,39% 35%,50% 12%,61% 36%,72% 18%,83% 40%,92% 21%,100% 38%,100% 70%,91% 55%,82% 76%,71% 57%,60% 78%,49% 57%,38% 75%,27% 55%,16% 73%,7% 53%,0 69%)}
.about-mosaic::before{top:-24px;background:#294d45}.about-mosaic::after{bottom:-24px;background:#74474d}
.about-current::before,.about-current::after{content:"";position:absolute;z-index:0;top:42px;bottom:48px;width:10px;pointer-events:none;opacity:.8;background:#74474d;clip-path:polygon(42% 0,82% 5%,58% 17%,78% 31%,48% 46%,72% 61%,44% 74%,70% 88%,38% 100%,8% 94%,28% 79%,8% 64%,30% 50%,10% 35%,34% 19%,14% 7%)}
.about-current::before{left:6.2vw}.about-current::after{right:6.2vw;background:#294d45}

.card-1{grid-column:1;grid-row:1}.card-2{grid-column:3;grid-row:1}.card-3{grid-column:5;grid-row:1}
.card-4{grid-column:1;grid-row:3}.card-5{grid-column:3;grid-row:3}.card-6{grid-column:5;grid-row:3}
.v-1{grid-column:2;grid-row:1}.v-2{grid-column:4;grid-row:1}.v-3{grid-column:2;grid-row:3}.v-4{grid-column:4;grid-row:3}.h-1{grid-column:1/6;grid-row:2}

@media(max-width:950px){
  .about-intro{min-height:0;padding:32px 26px 34px}
  .about-intro p{white-space:normal;max-width:760px}
  .about-mosaic{grid-template-columns:1fr;grid-template-rows:none;gap:20px}
  .mosaic-card{grid-column:1!important;grid-row:auto!important;min-height:200px}
  .brush-v,.brush-h,.about-current::before,.about-current::after,.about-mosaic::before,.about-mosaic::after{display:none}
}
@media(max-width:650px){.about-current{padding:38px 24px 54px}}

/* v227 ABOUT BEAUTIFICATION — quieter editorial hierarchy */
.about-intro{
  min-height:118px;
  padding:24px 7vw 26px;
  background:#f5efe4;
  border-bottom:1px solid rgba(16,40,38,.10);
}
.about-intro h2{
  max-width:1120px;
  color:#71363a;
  font-size:clamp(1.85rem,2.45vw,2.75rem);
  line-height:1.08;
}
.about-intro p{
  margin-top:7px;
  color:#29463f;
  font-size:14px;
  line-height:1.4;
}
.intro-brush{
  top:19px;
  width:min(430px,34vw);
  height:10px;
  opacity:.10;
}
.about-current{
  padding:38px 7vw 54px;
  background:#f5efe4;
}
.about-mosaic{
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:auto auto;
  column-gap:18px;
  row-gap:26px;
  max-width:1320px;
}
.brush-v,.brush-h,.about-mosaic::before,.about-mosaic::after,.about-current::before,.about-current::after{display:none!important}
.card-1{grid-column:1;grid-row:1}.card-2{grid-column:2;grid-row:1}.card-3{grid-column:3;grid-row:1}
.card-4{grid-column:1;grid-row:2}.card-5{grid-column:2;grid-row:2}.card-6{grid-column:3;grid-row:2}
.mosaic-card{
  min-height:176px;
  padding:19px 21px 20px;
  border-radius:10px;
  box-shadow:none;
}
.tone-forest{
  background:#123a32;
  border:1px solid rgba(18,58,50,.12);
}
.tone-forest .card-accent{background:#d39a3b}
.mosaic-card h3{
  margin:9px 0 7px;
  font-size:clamp(1.16rem,1.32vw,1.45rem);
  line-height:1.08;
}
.mosaic-card p{font-size:12px;line-height:1.45}
.card-accent{width:42px;height:5px;margin-bottom:9px}
.card-kicker{font-size:8px}
.card-open{top:17px;right:18px;padding:5px 7px 4px;font-size:7px}
.card-links{padding-top:12px}
/* Current-life cards become a quiet paper strip rather than a second dark block. */
.tone-plum{
  color:#172a27;
  background:#efe8dc;
  border:0;
  border-top:2px solid #b76b42;
  border-radius:0;
  box-shadow:none;
}
.tone-plum .card-accent{display:none}
.tone-plum .card-kicker{color:#9b623e}
.tone-plum h3,.tone-plum .card-item-title{color:#172a27}
.tone-plum p,.tone-plum .card-item-byline{color:#5f6762}
.tone-plum .card-item-title{color:#9b623e}
.tone-plum .card-title-icon{color:#b76b42}
.tone-plum .card-item-review{color:#7a5138}
.tone-plum .card-item-group h4{color:#9b623e}
.tone-plum .card-item-group+.card-item-group{border-top-color:rgba(23,42,39,.12)}
.card-items{margin-top:13px;gap:10px}
.card-item-group{margin-top:13px}
.card-item-group .card-items{gap:7px}
.card-item-title{font-size:clamp(.98rem,1.05vw,1.08rem)}
.card-item-byline{font-size:11.5px}

@media(max-width:950px){
  .about-current{padding:30px 26px 44px}
  .about-mosaic{grid-template-columns:1fr;grid-template-rows:none;gap:16px}
  .mosaic-card{grid-column:1!important;grid-row:auto!important;min-height:0}
}

/* v228 ABOUT — personality restored: fused reflections + burgundy life band */
.about-current{
  position:relative;
  padding:34px 6vw 48px;
  background:#f5efe4;
  overflow:hidden;
}
.about-current::after{
  content:"";
  display:block!important;
  position:absolute;
  z-index:0;
  left:0;right:0;
  top:238px;
  bottom:0;
  width:auto;
  opacity:1;
  background:#513642;
  clip-path:none;
  pointer-events:none;
}
.about-mosaic{
  position:relative;
  z-index:1;
  max-width:1420px;
  column-gap:20px;
  row-gap:34px;
}
/* Reflection cards: editorial, with story artwork dissolving into the forest. */
.card-1,.card-2,.card-3{
  min-height:188px;
  border-radius:12px;
  border:1px solid rgba(18,58,50,.12);
  background-color:#123a32;
  background-repeat:no-repeat;
  background-position:right center;
  background-size:48% auto;
}
.card-1{
  background-image:linear-gradient(90deg,#123a32 0%,#123a32 54%,rgba(18,58,50,.88) 67%,rgba(18,58,50,.32) 100%),url("../images/family/parents-hero-v2.webp");
}
.card-2{
  background-image:linear-gradient(90deg,#123a32 0%,#123a32 53%,rgba(18,58,50,.86) 66%,rgba(18,58,50,.28) 100%),url("../images/about/reflections/thanked.webp");
}
.card-3{
  background-image:linear-gradient(90deg,#123a32 0%,#123a32 53%,rgba(18,58,50,.86) 66%,rgba(18,58,50,.28) 100%),url("../images/about/reflections/got-right.webp");
}
.card-1 h3,.card-2 h3,.card-3 h3,
.card-1 p,.card-2 p,.card-3 p{max-width:72%}
/* Current-life row: one continuous burgundy editorial band, not three boxes. */
.card-4,.card-5,.card-6{
  min-height:188px;
  padding:22px 20px 18px;
  color:#f7efe3;
  background:transparent;
  border:0;
  border-top:1px solid rgba(225,166,90,.72);
  border-radius:0;
}
.card-4,.card-5{border-right:1px solid rgba(247,239,227,.13)}
.card-4 .card-kicker,.card-5 .card-kicker,.card-6 .card-kicker,
.card-4 .card-item-group h4,.card-5 .card-item-group h4,.card-6 .card-item-group h4{color:#e1a65a}
.card-4 h3,.card-5 h3,.card-6 h3,
.card-4 .card-item-title,.card-5 .card-item-title,.card-6 .card-item-title{color:#fff8ed}
.card-4 p,.card-5 p,.card-6 p,
.card-4 .card-item-byline,.card-5 .card-item-byline,.card-6 .card-item-byline{color:rgba(255,248,237,.72)}
.card-4 .card-item-review,.card-5 .card-item-review,.card-6 .card-item-review{color:#f1c27c}
.card-4 .card-title-icon,.card-5 .card-title-icon,.card-6 .card-title-icon{color:#e1a65a}
.card-4 .card-item-group+.card-item-group,.card-5 .card-item-group+.card-item-group,.card-6 .card-item-group+.card-item-group{border-top-color:rgba(255,248,237,.14)}
@media(max-width:950px){
  .about-current::after{display:none!important}
  .card-1,.card-2,.card-3{background-size:58% auto}
  .card-1 h3,.card-2 h3,.card-3 h3,.card-1 p,.card-2 p,.card-3 p{max-width:78%}
  .card-4,.card-5,.card-6{background:#513642;border-right:0;border-top:1px solid rgba(225,166,90,.72)}
}

/* v229 ABOUT — bookended green, burgundy reflections, ivory breathing gap */
.about-current{
  padding-bottom:0;
  background:#f5efe4;
}
.about-current::after{
  top:258px;
  background:#0b352f;
}
/* Reflection cards become the restrained burgundy accent. */
.card-1,.card-2,.card-3{
  background-color:#513642;
  border-color:rgba(81,54,66,.16);
}
.card-1{
  background-image:linear-gradient(90deg,#513642 0%,#513642 54%,rgba(81,54,66,.88) 67%,rgba(81,54,66,.32) 100%),url("../images/family/parents-hero-v2.webp");
}
.card-2{
  background-image:linear-gradient(90deg,#513642 0%,#513642 53%,rgba(81,54,66,.86) 66%,rgba(81,54,66,.28) 100%),url("../images/about/reflections/thanked.webp");
}
.card-3{
  background-image:linear-gradient(90deg,#513642 0%,#513642 53%,rgba(81,54,66,.86) 66%,rgba(81,54,66,.28) 100%),url("../images/about/reflections/got-right.webp");
}
.card-1 .card-accent,.card-2 .card-accent,.card-3 .card-accent{background:#d39a3b}
/* Lower row sits directly on the same deep green as the hero. */
.card-4,.card-5,.card-6{
  min-height:188px;
  padding-top:22px;
  padding-bottom:26px;
}
@media(max-width:950px){
  .about-current{padding-bottom:34px}
  .about-current::after{display:none!important}
  .card-1,.card-2,.card-3{background-color:#513642}
  .card-4,.card-5,.card-6{background:#0b352f}
}

/* v230 ABOUT — rhythm + width + self-deprecating current-life artwork */
.about-current{
  padding:38px 4.8vw 0;
  overflow:hidden;
}
.about-mosaic{
  max-width:1510px;
  column-gap:22px;
  row-gap:48px;
}
/* Give the reflection row equal ivory breathing room above and below. */
.about-current::after{
  top:274px;
  z-index:0;
}
/* Slightly broader reflection cards, while keeping their restrained scale. */
.card-1,.card-2,.card-3{
  min-height:194px;
  padding:20px 22px 21px;
  background-size:50% auto;
}
/* Quiet humorous vignette in the far-right of the lower green band. */
.about-current::before{
  content:"";
  display:block!important;
  position:absolute;
  z-index:1;
  top:286px;
  right:1.6vw;
  bottom:0;
  left:auto;
  width:min(34vw,620px);
  height:auto;
  pointer-events:none;
  opacity:.34;
  background:url("../images/about/about-current-self-deprecating.webp") right bottom/contain no-repeat;
  clip-path:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 8%,rgba(0,0,0,.72) 32%,#000 56%,#000 92%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 8%,rgba(0,0,0,.72) 32%,#000 56%,#000 92%,transparent 100%);
}
.about-mosaic{z-index:2}
.card-4,.card-5,.card-6{
  min-height:198px;
  padding-top:23px;
  padding-bottom:30px;
}
/* Keep the third current-life column readable over the distant artwork. */
.card-6{background:linear-gradient(90deg,rgba(11,53,47,.96) 0%,rgba(11,53,47,.88) 72%,rgba(11,53,47,.25) 100%)}

@media(max-width:1180px){
  .about-current::before{width:31vw;opacity:.25}
}
@media(max-width:950px){
  .about-current{padding:30px 26px 34px}
  .about-mosaic{gap:16px}
  .about-current::before{display:none!important}
  .card-6{background:#0b352f}
}

/* v231 ABOUT — final likeness + rhythm refinement */
/* Use the actual Mom & Dad artwork for Dad, cropped directly from that source. */
.card-1{
  background-image:linear-gradient(90deg,#513642 0%,#513642 54%,rgba(81,54,66,.90) 66%,rgba(81,54,66,.34) 100%),url("../images/about/parents-father-card.webp");
  background-size:auto 118%;
  background-position:right 44% center;
}

/* Measured desktop rhythm: 44px above reflections, 52px below them. */
.about-current{
  padding-top:44px;
}
.about-mosaic{
  row-gap:52px;
}
.about-current::after{
  top:290px;
}

/* Keep the joke, but make the reader a side/faded presence rather than a false portrait. */
.about-current::before{
  top:302px;
  right:1.4vw;
  width:min(32vw,590px);
  opacity:.36;
  background-position:right bottom;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 18%,rgba(0,0,0,.12) 30%,rgba(0,0,0,.55) 48%,#000 68%,#000 94%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,transparent 18%,rgba(0,0,0,.12) 30%,rgba(0,0,0,.55) 48%,#000 68%,#000 94%,transparent 100%);
}

@media(max-width:950px){
  .about-current{padding-top:30px}
}

/* v232 ABOUT — face-free artwork + brighter fused imagery */
.card-1{
  background-image:linear-gradient(90deg,#513642 0%,#513642 52%,rgba(81,54,66,.84) 65%,rgba(81,54,66,.18) 100%),url("../images/about/about-father-facefree.webp");
  background-size:auto 112%;
  background-position:right center;
}
.card-2{
  background-image:linear-gradient(90deg,#513642 0%,#513642 52%,rgba(81,54,66,.82) 65%,rgba(81,54,66,.16) 100%),url("../images/about/about-thanked-brighter.webp");
  background-size:46% auto;
  background-position:right center;
}
.card-3{
  background-image:linear-gradient(90deg,#513642 0%,#513642 50%,rgba(81,54,66,.78) 63%,rgba(81,54,66,.08) 100%),url("../images/about/about-got-right-facefree.webp");
  background-size:auto 116%;
  background-position:right center;
}
.about-current::before{
  width:min(34vw,620px);
  opacity:.56;
  background-image:url("../images/about/about-current-facefree.webp");
  background-size:contain;
  background-position:right bottom;
  background-repeat:no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 10%,rgba(0,0,0,.78) 34%,#000 58%,#000 96%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 10%,rgba(0,0,0,.78) 34%,#000 58%,#000 96%,transparent 100%);
}