/* PERBRA — Über PERBRA */
.about-page {
  --about-shell: min(1360px, calc(100vw - 8vw));
  --about-champagne: var(--perbra-gold-champagne);
  --about-black: #070706;
  background: var(--about-black);
}
.about-shell {
  width: var(--about-shell);
  margin-inline: auto;
}
.about-hero .about-shell {
  width:min(1520px,calc(100vw - 4vw));
}
.about-eyebrow {
  margin: 0 0 17px;
  color: var(--about-champagne);
  font-size: 8.5px;
  font-weight: 600;
  letter-spacing: .23em;
  line-height: 1.5;
  text-transform: uppercase;
}

/* Hero. */
.about-hero {
  position: relative;
  min-height: 100svh;
  overflow: hidden;
  isolation: isolate;
  display: flex;
  align-items: center;
  background: radial-gradient(circle at 77% 25%, rgba(191,168,137,.12), transparent 31%), linear-gradient(135deg,#0f0d0a,#050505 66%);
}
.about-hero::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  opacity:.042;
  mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.78'/%3E%3C/svg%3E");
}
.about-hero-glow {
  position:absolute;
  width:52vw;
  height:52vw;
  right:-13vw;
  top:-18vw;
  z-index:-3;
  border-radius:50%;
  background:radial-gradient(circle,rgba(226,211,190,.16),transparent 69%);
  filter:blur(12px);
  animation:aboutGlow 11s ease-in-out infinite alternate;
}
.about-hero-word {
  position:absolute;
  left:-1vw;
  bottom:-7vw;
  z-index:-3;
  color:rgba(255,255,255,.018);
  font-family:var(--serif);
  font-size:clamp(190px,31vw,520px);
  line-height:.72;
  pointer-events:none;
}
.about-hero-grid {
  padding:calc(var(--header-height) + 24px) 0 230px;
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:18px;
  row-gap:4px;
  align-items:stretch;
}
.about-hero-copy {
  position:relative;
  left:100px;
  top:45px;
  z-index:3;
  grid-column:1 / 6;
  grid-row:1;
  max-width:none;
  margin-top:12px;
  opacity:0;
  transform:translateY(25px);
  animation:aboutCopy 1.2s cubic-bezier(.16,1,.3,1) .22s forwards;
}
.about-hero h1 {
  margin:-.13em 0 0;
  color:transparent;
  font-family:var(--serif);
  font-size:clamp(74px,8.2vw,126px);
  font-weight:400;
  letter-spacing:-.047em;
  line-height:.79;
}
.about-hero h1 span {
  display:block;
  width:max-content;
  max-width:100%;
  padding:.13em .04em .035em 0;
  color:transparent;
  background:var(--perbra-heading-gradient-large);
  background-size:var(--perbra-heading-gradient-size);
  background-position:var(--perbra-heading-gradient-position);
  background-repeat:no-repeat;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.about-hero h1 span + span {
  margin-top:-.13em;
}

/* Founder portraits. */
.founder-stage {
  display:contents;
}
.founder-portrait {
  position:relative;
  overflow:hidden;
  background:#17130f;
  box-shadow:0 38px 90px rgba(0,0,0,.42);
  opacity:0;
  transform:translateY(34px);
  animation:founderRise 1.25s cubic-bezier(.16,1,.3,1) forwards;
}
.founder-portrait--bianca {
  grid-column:8 / 13;
  grid-row:1 / 3;
  top:20px;
  translate:-100px 90px;
  align-self:end;
  justify-self:end;
  width:80%;
  height:auto;
  min-height:0;
  aspect-ratio:1123 / 1401;
  z-index:1;
  outline:1px solid rgba(213,198,164,.12);
  outline-offset:12px;
  animation-delay:.3s;
}
.founder-portrait--martin {
  grid-column:1 / 7;
  grid-row:2;
  top:20px;
  translate:100px 90px;
  justify-self:start;
  width:80%;
  height:auto;
  aspect-ratio:1537 / 1023;
  z-index:2;
  border:1px solid rgba(213,198,164,.28);
  animation-delay:.48s;
}
.founder-portrait img {
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.82) contrast(.97);
  transition:transform .8s cubic-bezier(.16,1,.3,1),filter .6s;
}
.founder-portrait--bianca img {
  object-position:center 32%;
}
.founder-portrait--martin img {
  object-position:center 46%;
  transform:scale(1.015);
}
.founder-portrait:hover img {
  transform:scale(1.025);
  filter:saturate(.94);
}
.founder-portrait--martin:hover img {
  transform:scale(1.035);
}
.founder-portrait::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(5,5,4,.84) 100%);
}
.founder-caption {
  position:absolute;
  left:25px;
  right:22px;
  bottom:23px;
  z-index:2;
}
.founder-portrait--martin .founder-caption {
  left:28px;
  right:26px;
  bottom:24px;
}
.founder-caption span {
  display:block;
  margin-bottom:5px;
  color:rgba(238,232,222,.63);
  font-size:7.5px;
  font-weight:600;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.founder-caption strong {
  display:block;
  color:#fff;
  font-family:var(--serif);
  font-size:clamp(27px,2.25vw,37px);
  font-weight:400;
  letter-spacing:-.02em;
  line-height:1.05;
}
.founder-caption p {
  margin:9px 0 0;
  color:rgba(238,232,222,.72);
  font-size:10.5px;
  line-height:1.5;
}
.about-scroll {
  position:absolute;
  left:4vw;
  bottom:30px;
  display:flex;
  align-items:center;
  gap:14px;
  color:rgba(255,255,255,.59);
  font-size:7.5px;
  font-weight:600;
  letter-spacing:.23em;
  text-transform:uppercase;
}
.about-scroll i {
  width:50px;
  height:1px;
  background:rgba(255,255,255,.38);
}

/* Founding team. */
.team-section {
  padding:clamp(105px,10vw,155px) 0;
  background:radial-gradient(circle at 8% 0%,rgba(180,157,125,.09),transparent 30%),linear-gradient(180deg,#0c0b09,#080807);
  border-top:1px solid rgba(238,232,222,.1);
}
.team-intro {
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(340px,.75fr);
  gap:clamp(65px,9vw,145px);
  align-items:end;
}
.team-intro h2,.about-brazil h2,.core-focus h2,.about-cta h2 {
  margin:0;
  color:transparent;
  font-family:var(--serif);
  font-weight:400;
  letter-spacing:-.035em;
  background:var(--perbra-heading-gradient-large);
  background-size:var(--perbra-heading-gradient-size);
  background-position:var(--perbra-heading-gradient-position);
  background-repeat:no-repeat;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.team-intro h2 {
  margin-bottom:-.16em;
  padding:0 .04em .16em 0;
  font-size:clamp(43px,4.7vw,72px);
  line-height:1.02;
  overflow:visible;
}
.team-intro h2 span {
  color:transparent;
  -webkit-text-fill-color:transparent;
}
.responsibility-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1px;
  margin-top:80px;
}
.responsibility-card {
  position:relative;
  min-height:385px;
  padding:clamp(40px,4vw,62px);
  border:1px solid transparent;
  background:linear-gradient(145deg,rgba(24,20,15,.98),rgba(9,8,7,.98)) padding-box,var(--perbra-gold-gradient) border-box;
  overflow:hidden;
  box-shadow:0 24px 64px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,250,242,.08);
}
.responsibility-card::after {
  content:"";
  position:absolute;
  width:230px;
  height:230px;
  right:-115px;
  bottom:-135px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(226,211,190,.12),transparent 70%);
}
.responsibility-number {
  position:absolute;
  right:34px;
  top:28px;
  color:rgba(238,232,222,.08);
  font-family:var(--serif);
  font-size:94px;
  line-height:1;
}
.responsibility-card h3 {
  margin:0 0 25px;
  color:transparent;
  font-family:var(--serif);
  font-size:clamp(35px,3vw,49px);
  font-weight:400;
  letter-spacing:-.03em;
  background:var(--perbra-heading-gradient-large);
  background-size:var(--perbra-heading-gradient-size);
  background-position:var(--perbra-heading-gradient-position);
  background-repeat:no-repeat;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.responsibility-card > p:last-child {
  max-width:550px;
  margin:0;
  color:var(--perbra-champagne-text);
  font-size:13.8px;
  line-height:1.88;
}

/* Founder statement. */
.founder-statement {
  padding:0 0 clamp(100px,10vw,150px);
  background:#080807;
}
.founder-statement-panel {
  position:relative;
  padding:clamp(48px,6vw,82px) clamp(44px,7vw,100px);
  color:var(--perbra-champagne-text);
  border:1px solid transparent;
  background:linear-gradient(118deg,rgba(27,23,18,.78),rgba(12,10,8,.88) 66%,rgba(6,6,5,.93)) padding-box,var(--perbra-gold-gradient) border-box;
  box-shadow:0 34px 88px rgba(0,0,0,.38),0 0 34px rgba(161,145,103,.075),inset 0 1px 0 rgba(255,250,242,.10),inset 0 0 42px rgba(213,198,164,.03);
  backdrop-filter:blur(12px) saturate(.9);
  -webkit-backdrop-filter:blur(12px) saturate(.9);
  overflow:hidden;
}
.founder-statement-panel::after {
  content:"";
  position:absolute;
  right:-9%;
  top:-90%;
  width:42%;
  height:240%;
  transform:rotate(13deg);
  background:linear-gradient(90deg,transparent,rgba(213,198,164,.08),transparent);
}
.founder-statement blockquote {
  position:relative;
  z-index:1;
  max-width:1050px;
  margin:0;
  color:transparent;
  font-family:var(--serif);
  font-size:clamp(34px,4.2vw,62px);
  letter-spacing:-.033em;
  line-height:1.05;
  background:var(--perbra-heading-gradient-large);
  background-size:var(--perbra-heading-gradient-size);
  background-position:var(--perbra-heading-gradient-position);
  background-repeat:no-repeat;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.statement-signals {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-top:45px;
  border-top:1px solid var(--perbra-divider-color-soft);
  border-bottom:1px solid var(--perbra-divider-color-soft);
}
.statement-signals span {
  padding:17px 12px;
  color:var(--perbra-champagne-text);
  font-size:8.3px;
  font-weight:600;
  letter-spacing:.17em;
  text-align:center;
  text-transform:uppercase;
  border-right:1px solid var(--perbra-divider-color-soft);
}
.statement-signals span:last-child {
  border-right:0;
}

/* Brazil section. */
.about-brazil {
  padding:clamp(105px,10vw,155px) 0;
  background:radial-gradient(circle at 100% 5%,rgba(180,157,125,.09),transparent 34%),#090908;
}
.about-brazil-grid {
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(390px,.82fr);
  gap:clamp(65px,8vw,130px);
  align-items:center;
}
.about-brazil-media {
  position:relative;
  margin:0;
  min-height:690px;
  overflow:hidden;
}
.about-brazil-media::before {
  content:"";
  position:absolute;
  inset:22px -22px -22px 22px;
  z-index:-1;
  border:1px solid rgba(238,232,222,.14);
}
.about-brazil-media img {
  width:100%;
  height:690px;
  object-fit:cover;
  object-position:center;
  filter:brightness(.9) saturate(.78) contrast(1.03);
}
.about-brazil h2 {
  font-size:clamp(58px,6.6vw,100px);
  line-height:.78;
}
.about-brazil-copy p {
  color:var(--perbra-champagne-text);
  font-size:13.6px;
  line-height:1.88;
}
.about-brazil-copy .about-lead {
  margin-top:38px;
  color:var(--perbra-champagne-subheading);
  font-size:17px;
  line-height:1.75;
}
.about-button,.about-text-link {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:45px;
  min-width:258px;
  min-height:50px;
  margin-top:24px;
  padding:0 18px;
  color:var(--perbra-champagne-text);
  font-size:8px;
  font-weight:700;
  letter-spacing:.21em;
  text-transform:uppercase;
  border:1px solid transparent;
  background:linear-gradient(rgba(17,14,10,.75),rgba(17,14,10,.75)) padding-box,var(--perbra-gold-gradient) border-box;
  box-shadow:0 14px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .28s,background .28s,box-shadow .28s,color .28s;
}
.about-button:hover,.about-button:focus-visible,.about-text-link:hover,.about-text-link:focus-visible {
  color:#fffaf2;
  transform:translateY(-2px);
  background:linear-gradient(rgba(17,14,10,.66),rgba(17,14,10,.66)) padding-box,var(--perbra-gold-gradient) border-box;
  box-shadow:0 18px 42px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.12);
}
.about-button span,.about-text-link span {
  color:var(--perbra-gold-champagne);
  font-size:15px;
  font-weight:400;
  transition:transform .25s ease;
}
.about-button:hover span,.about-button:focus-visible span,.about-text-link:hover span,.about-text-link:focus-visible span {
  transform:translate(3px,-3px);
}

/* Focus areas. */
.core-focus {
  padding:clamp(100px,9vw,145px) 0;
  background:linear-gradient(180deg,#0d0b09,#070706);
  border-top:1px solid rgba(238,232,222,.1);
}
.core-focus-head {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,.7fr);
  gap:clamp(70px,9vw,145px);
  align-items:end;
}
.core-focus h2 {
  font-size:clamp(45px,5vw,76px);
  line-height:.98;
}
.focus-list {
  margin-top:75px;
  border-top:1px solid rgba(238,232,222,.15);
}
.focus-item {
  display:grid;
  grid-template-columns:90px minmax(0,1fr);
  gap:30px;
  padding:clamp(38px,4vw,58px) 0;
  border-bottom:1px solid rgba(238,232,222,.14);
}
.focus-item > span {
  color:var(--about-champagne);
  font-family:var(--serif);
  font-size:32px;
  translate:10px 0;
}
.focus-item > div {
  display:grid;
  grid-template-columns:minmax(280px,.85fr) minmax(320px,1.15fr);
  gap:clamp(45px,7vw,105px);
  align-items:start;
}
.focus-item h3 {
  margin:0;
  color:var(--perbra-champagne-subheading);
  font-family:var(--serif);
  font-size:clamp(28px,2.55vw,41px);
  font-weight:400;
  letter-spacing:-.025em;
  line-height:1.08;
}
.focus-item p {
  max-width:720px;
  margin:3px 0 0;
  color:var(--perbra-champagne-text);
  font-size:13.5px;
  line-height:1.85;
}

/* Call to action. */
.about-cta {
  padding:clamp(90px,9vw,135px) 0;
  background:#070706;
}
.about-cta-panel {
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(310px,.55fr);
  gap:70px;
  align-items:center;
  padding:clamp(48px,6vw,78px);
  color:var(--perbra-champagne-text);
  border:1px solid transparent;
  background:linear-gradient(118deg,rgba(27,23,18,.78),rgba(12,10,8,.88) 66%,rgba(6,6,5,.93)) padding-box,var(--perbra-gold-gradient) border-box;
  box-shadow:0 34px 88px rgba(0,0,0,.38),0 0 34px rgba(161,145,103,.075),inset 0 1px 0 rgba(255,250,242,.10),inset 0 0 42px rgba(213,198,164,.03);
  backdrop-filter:blur(12px) saturate(.9);
  -webkit-backdrop-filter:blur(12px) saturate(.9);
}
.about-cta h2 {
  max-width:830px;
  font-size:clamp(39px,4.3vw,65px);
  line-height:1.02;
}
.about-cta-actions {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.about-button--dark {
  margin:0;
}
.about-text-link {
  margin-top:22px;
}

/* Motion. */
@keyframes aboutCopy {
  to {
    opacity:1;
    transform:none;
  }
}
@keyframes founderRise {
  to {
    opacity:1;
    transform:none;
  }
}
@keyframes aboutGlow {
  to {
    transform:translate(-4vw,4vw) scale(1.08);
    opacity:.7;
  }
}

/* Large layouts: shared vertical refinements. */
@media (min-width:1025px) and (orientation:portrait),
       (min-width:821px) and (orientation:landscape) and (hover:hover) and (pointer:fine),
       (min-width:821px) and (max-width:1366px) and (min-height:821px) and (max-height:1024px) and (orientation:landscape) and (hover:none) and (pointer:coarse),
       (min-width:1367px) {
  .about-hero {
    min-height:calc(100svh + 190px);
  }
  .about-hero-grid {
    transform:translateY(-15px);
  }
  .team-section {
    padding-bottom:calc(clamp(105px,10vw,155px) - 30px);
  }
  .about-page .team-intro > div:first-child {
    transform:translateY(-45px);
  }
  .about-page .responsibility-grid {
    transform:translateY(-40px);
  }
  .founder-statement {
    padding-bottom:calc(clamp(100px,10vw,150px) - 90px);
  }
  .about-page .founder-statement-panel {
    translate:0 -60px;
  }
  .founder-statement-panel > * {
    transform:translateY(-20px);
  }
  .about-brazil {
    padding-bottom:calc(clamp(105px,10vw,155px) - 60px);
  }
  .core-focus {
    padding-bottom:calc(clamp(100px,9vw,145px) - 80px);
  }
  .about-page .core-focus-head > div:first-child {
    transform:translateY(-30px);
  }
  .about-page .focus-item h3 {
    width:calc(100% - 130px);
    font-size:32px;
    transform:translateY(-20px);
  }
  .about-page .focus-list {
    transform:translateY(-20px);
  }
  .about-page .focus-item {
    padding:clamp(38px, 4vw, 58px) 0 max(0px, calc(clamp(38px, 4vw, 58px) - 40px));
  }
  .about-page .focus-item > span {
    transform:translateY(-15px);
  }
  .about-page .focus-item p {
    transform:translateY(10px);
  }
  .about-page .about-cta h2 {
    transform:translateY(-5px);
  }
  .about-page .about-cta-panel > div:first-child {
    transform:translateY(-30px);
  }
  .about-page .about-cta-actions {
    transform:translateY(50px);
  }
}

/* Mouse-driven large layouts. */
@media (min-width:821px) and (orientation:landscape) and (hover:hover) and (pointer:fine),
       (min-width:1025px) and (orientation:portrait) and (hover:hover) and (pointer:fine) {
  .about-hero {
    min-height:calc(100svh + 160px);
  }
  .about-hero h1 {
    transform:translateY(-30px);
  }
  .founder-portrait--martin {
    outline:1px solid rgba(213,198,164,.12);
    outline-offset:12px;
  }
}

/* Two-column iPad landscape: responsive founder pair with a fixed visible gap. */
@media (min-width:821px) and (max-width:1366px) and (min-height:821px) and (max-height:1024px) and (orientation:landscape) and (hover:none) and (pointer:coarse) {
  .about-page .about-hero {
    min-height:calc(100svh + 40px);
  }
  .about-page .about-hero-grid {
    padding-bottom:80px;
  }
  .about-page .founder-stage {
    position:relative;
    display:grid;
    grid-column:1 / -1;
    grid-row:1 / 3;
    grid-template-columns:minmax(0,1.21fr) minmax(0,1fr);
    align-items:end;
    gap:46px;
    width:calc(100% - 200px);
    margin-inline:auto;
    padding-top:140px;
  }
  .about-page .founder-portrait--martin,
  .about-page .founder-portrait--bianca {
    grid-row:1;
    top:0;
    translate:0;
    width:100%;
    justify-self:stretch;
    outline:1px solid rgba(213,198,164,.12);
    outline-offset:12px;
  }
  .about-page .founder-portrait--martin {
    grid-column:1;
    border:0;
  }
  .about-page .founder-portrait--bianca {
    grid-column:2;
  }
  .about-page .founder-portrait--martin .founder-caption,
  .about-page .founder-portrait--bianca .founder-caption {
    left:20px;
    right:auto;
    width:max-content;
    max-width:calc(100% - 40px);
  }
}

/* Compact desktop and tablet layouts. */
@media (max-width:1100px) {
  .about-hero-grid {
    column-gap:14px;
    row-gap:0;
  }
  .about-hero-copy {
    margin-top:18px;
  }
  .about-hero h1 {
    font-size:clamp(66px,8vw,96px);
  }
  .team-intro,.core-focus-head {
    gap:60px;
  }
  .about-brazil-grid {
    gap:55px;
  }
  .about-brazil-media,.about-brazil-media img {
    height:610px;
    min-height:610px;
  }
}

/* Single-column tablet layouts. */
@media (max-width:1024px) and (orientation:portrait), (max-width:820px) and (orientation:landscape), (max-width:1366px) and (max-height:820px) and (orientation:landscape) and (hover:none) and (pointer:coarse) {
  .about-page {
    --about-shell:min(760px,calc(100vw - 48px));
  }
  .about-hero .about-shell {
    width:var(--about-shell);
  }
  .about-hero {
    min-height:auto;
  }
  .about-hero-grid {
    padding-top:calc(var(--header-height) + 55px);
    grid-template-columns:1fr;
    gap:14px;
  }
  .about-hero-copy {
    left:0;
    grid-column:auto;
    grid-row:auto;
    max-width:650px;
    margin-top:0;
  }
  .about-hero h1 {
    font-size:90px;
  }
  .founder-stage {
    position:relative;
    top:20px;
    display:block;
    width:100%;
    max-width:760px;
    min-height:620px;
  }
  .founder-portrait--bianca {
    grid-column:auto;
    grid-row:auto;
    top:0;
    translate:0 90px;
    width:54.4%;
    height:620px;
    min-height:0;
    margin-left:auto;
    outline-offset:8px;
  }
  .founder-portrait--martin {
    position:absolute;
    left:0;
    top:auto;
    bottom:18px;
    translate:0 90px;
    width:51.2%;
    height:auto;
    border:7px solid #0a0908;
  }
  .founder-portrait--bianca .founder-caption {
    left:42%;
  }
  .about-scroll {
    display:none;
  }
  .team-intro,.about-brazil-grid,.core-focus-head,.about-cta-panel {
    grid-template-columns:1fr;
  }
  .responsibility-grid {
    margin-top:60px;
  }
  .about-brazil-grid {
    gap:65px;
  }
  .about-brazil-media,.about-brazil-media img {
    height:590px;
    min-height:590px;
  }
  .about-brazil-copy {
    max-width:700px;
  }
  .focus-item > div {
    grid-template-columns:1fr;
    gap:18px;
  }
  .about-cta-panel {
    gap:38px;
  }
}

/* iPad portrait and one-column touch landscape: responsive founder composition. */
@media (min-width:768px) and (max-width:1024px) and (orientation:portrait) and (hover:none) and (pointer:coarse),
       (min-width:821px) and (max-width:1366px) and (max-height:820px) and (orientation:landscape) and (hover:none) and (pointer:coarse) {
  .about-hero-grid {
    --founder-gap:30px;
    --founder-stage-width:calc(100vw - 48px);
    --founder-bianca-width:clamp(330px,40vw,470px);
    --founder-martin-width:calc(var(--founder-stage-width) - var(--founder-bianca-width) - var(--founder-gap));
    padding-bottom:220px;
  }

  .about-hero h1 {
    transform:translateY(-30px);
  }

  .founder-stage {
    left:50%;
    width:var(--founder-stage-width);
    max-width:none;
    min-height:0;
    transform:translate(-50%,70px);
  }

  .founder-portrait--bianca {
    position:absolute;
    right:0;
    translate:0 -100px;
    width:var(--founder-bianca-width);
    height:auto;
    margin-left:0;
  }

  .founder-portrait--martin {
    position:relative;
    left:0;
    top:auto;
    bottom:auto;
    translate:0 -10px;
    width:var(--founder-martin-width);
    border:0;
    outline:1px solid rgba(213,198,164,.12);
    outline-offset:8px;
  }

  .about-page .founder-portrait--martin .founder-caption {
    transform:translate(-10px,10px);
  }

  .about-page .founder-portrait--bianca .founder-caption {
    transform:translate(-120px,10px);
  }
}

/* Keep both founder captions equally inset from the left on every shared iPad composition except Mini. */
@media (min-width:769px) and (max-width:1024px) and (orientation:portrait) and (hover:none) and (pointer:coarse),
       (min-width:1025px) and (max-width:1366px) and (max-height:820px) and (orientation:landscape) and (hover:none) and (pointer:coarse) {
  .about-page .founder-portrait--martin .founder-caption,
  .about-page .founder-portrait--bianca .founder-caption {
    left:20px;
    right:auto;
    width:max-content;
    max-width:calc(100% - 44px);
    transform:translateY(10px);
  }
}

/* 768 × 1024 iPad Mini portrait: preserve the approved photo width. */
@media (width:768px) and (height:1024px) and (orientation:portrait) and (hover:none) and (pointer:coarse) {
  .about-page .founder-portrait--martin {
    width:400px;
    max-width:400px;
  }

  .about-page .founder-portrait--bianca .founder-caption {
    transform:translate(-115px,10px);
  }
}

/* Smartphones. */
@media (max-width:680px) {
  body.about-page {
    --about-shell:calc(100% - 40px);
  }
  .about-hero-grid {
    position: relative;
    top: -20px;
    padding-top:104px;
    padding-bottom:48px;
    gap:0;
  }
  .about-hero-copy {
    min-width:0;
    width:100%;
  }
  body.about-page .about-hero h1 {
    width:min(100%,320px);
    margin-inline:auto;
    font-size:clamp(50px,14vw,56px);
  }
  .founder-stage {
    top:auto;
    min-height:auto;
    margin-top:80px;
    display:flex;
    flex-direction:column;
    gap:40px;
  }
  .founder-stage .founder-portrait {
    translate:none;
  }
  .founder-portrait--bianca {
    width:min(90%,320px);
    height:clamp(300px,92vw,360px);
    aspect-ratio:auto;
    margin:0 auto;
    outline:0;
  }
  .founder-portrait--martin {
    position:relative;
    left:auto;
    bottom:auto;
    width:min(calc(90% + 10px),330px);
    height:min(calc(59.9vw - 7.3px),230px);
    margin-inline:auto;
    aspect-ratio:auto;
    border-width:5px;
  }
  .founder-portrait--martin img {
    object-fit:contain;
    object-position:center top;
    transform:none;
  }
  .founder-portrait--martin:hover img {
    transform:none;
  }
  body.about-page .founder-caption {
    left:12px;
    right:16px;
    bottom:11px;
  }
  .founder-caption span {
    font-size:6.4px;
    letter-spacing:.18em;
  }
  .founder-caption strong {
    font-size:24px;
  }
  .founder-caption p {
    margin-top:3px;
    font-size:8.8px;
    line-height:1.4;
  }
  .team-section {
    padding:68px 0 58px;
  }
  .team-section > .about-shell {
    position: relative;
    top: -20px;
  }
  .about-brazil {
    padding:78px 0;
  }
  .core-focus {
    padding:58px 0 48px;
  }
  .about-page .team-intro h2 {
    margin-bottom:0;
    padding-bottom:.12em;
    font-size:clamp(31px,8.5vw,34px);
    line-height:1.05;
  }
  .team-intro {
    gap:27px;
  }
  .responsibility-grid {
    grid-template-columns:1fr;
    gap:0;
    margin-top:42px;
  }
  .responsibility-card {
    min-height:auto;
    padding:27px 20px 29px;
  }
  .responsibility-number {
    font-size:65px;
    right:20px;
    top:18px;
  }
  .responsibility-card h3 {
    margin-bottom:18px;
    font-size:clamp(24px,6.8vw,26px);
    line-height:1.08;
  }
  .responsibility-card > p:last-child {
    font-size:13px;
    line-height:1.7;
  }
  .founder-statement {
    padding-bottom:20px;
  }
  .founder-statement-panel {
    top:-20px;
    padding:32px 20px;
  }
  .founder-statement blockquote {
    position: relative;
    top: -5px;
    font-size:clamp(27px,7.4vw,29px);
    line-height:1.08;
  }
  .statement-signals {
    grid-template-columns:1fr;
    margin-top:30px;
  }
  .statement-signals span {
    border-right:0;
    border-bottom:1px solid var(--perbra-divider-color-soft);
  }
  .statement-signals span:last-child {
    border-bottom:0;
  }
  .about-brazil-grid {
    gap:38px;
  }
  .about-brazil-media,.about-brazil-media img {
    height:auto;
    min-height:0;
    aspect-ratio:4 / 3;
  }
  .about-brazil-media::before {
    inset:12px -10px -12px 10px;
  }
  .about-page .about-brazil h2 {
    position: relative;
    top: -5px;
    font-size:clamp(32px,8.8vw,34px);
    line-height:1;
  }
  .about-brazil-copy .about-eyebrow {
    font-size:8.5px;
    line-height:1.5;
  }
  .about-brazil-copy .about-lead {
    margin-top:27px;
    font-size:13.5px;
    line-height:1.7;
  }
  .about-brazil-copy p {
    font-size:13px;
    line-height:1.72;
  }
  .about-cta-actions {
    width:100%;
  }
  .about-button,.about-text-link {
    height:46px;
    min-height:46px;
    min-width:0;
    width:100%;
    gap:18px;
    padding:0 17px;
  }
  .core-focus-head {
    gap:25px;
  }
  .about-page .core-focus h2 {
    position: relative;
    top: -15px;
    font-size:clamp(32px,8.8vw,34px);
    line-height:1.04;
  }
  .core-focus-head .about-eyebrow {
    position: relative;
    top: -10px;
  }
  .focus-list {
    margin-top:36px;
  }
  .focus-item {
    grid-template-columns:38px minmax(0,1fr);
    gap:10px;
    padding:26px 0;
  }
  .focus-item > span {
    font-size:24px;
  }
  .focus-item h3 {
    font-size:clamp(22px,6.2vw,24px);
    line-height:1.12;
  }
  .focus-item p {
    font-size:13px;
    line-height:1.7;
  }
  .about-cta {
    padding:72px 0;
  }
  .about-cta-panel {
    position: relative;
    top: -20px;
    padding:30px 20px;
    gap:24px;
  }
  .about-page .about-cta h2 {
    position: relative;
    top: -10px;
    font-size:clamp(30px,8.2vw,32px);
    line-height:1.06;
  }
  .about-text-link {
    line-height:1.55;
  }
  .about-page .reveal {
    opacity:1;
    transform:none;
    transition:none;
  }
}

/* Accessibility: respect reduced-motion preferences. */
@media (prefers-reduced-motion:reduce) {
  .about-hero-glow,.founder-portrait,.about-hero-copy {
    animation:none!important;
    opacity:1;
    transform:none;
  }
}