/* A cinematic company introduction, followed by precise editorial chapters. */
.about-opening.film-hero   {
  min-height:850px;
  padding:180px 8.2vw 230px;
  position:relative;
  background:#f4f1e9
}
.about-frame   {
  position:absolute;
  inset:115px 28px 34px;
  overflow:hidden;
  border-radius:3px;
  background:#696c5c
}
.about-poster,.about-opening .trade-video   {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:65% 50%;
  filter:saturate(.75) brightness(.95);
  transform:scale(1.025)
}
.about-film-shade   {
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#3e493df2 0%,#465041b5 36%,#625c4140 68%,#685b3520),linear-gradient(0deg,#3c493ada,transparent 50%)
}
.about-frame-line   {
  position:absolute;
  inset:17px;
  border:1px solid #efe7d226;
  pointer-events:none
}
.about-film-copy   {
  position:relative;
  z-index:2;
  padding-top:55px;
  max-width:850px;
  color:#fbf7ec
}
.about-kicker   {
  font:8px/1.7 var(--sans);
  letter-spacing:.22em;
  color:#e4d6b6;
  margin:0 0 32px;
  animation:about-copy-enter .9s .1s both
}
.about-film-copy h1   {
  font:400 clamp(66px,7.5vw,112px)/1.04 var(--serif);
  letter-spacing:-.035em;
  margin:0;
  color:#fffbed
}
.about-film-copy h1>span,.about-film-copy h1>em   {
  display:block;
  animation:about-title-enter 1.3s cubic-bezier(.16,.7,.2,1) both
}
.about-film-copy h1>em   {
  font-weight:400;
  color:#dfcba4;
  animation-delay:.22s
}
.about-lead   {
  font:13px/1.8 var(--sans);
  color:#e4e5d5;
  max-width:360px;
  margin:27px 0;
  animation:about-copy-enter 1s .5s both
}
.about-discover   {
  display:flex;
  justify-content:space-between;
  align-items:center;
  max-width:190px;
  padding:14px 0;
  border-bottom:1px solid #d7c69b80;
  color:#f4efd9;
  font:12px var(--sans);
  animation:about-copy-enter 1s .7s both
}
.about-discover span   {
  font-size:20px;
  transition:transform .4s
}
.about-discover:hover span   {
  transform:translateY(5px)
}
.about-film-signature   {
  position:absolute;
  right:62px;
  top:210px;
  bottom:245px;
  display:flex;
  flex-direction:column;
  align-items:center;
  color:#f5ebd1;
  z-index:2;
  width:20px;
  opacity:.7
}
.about-film-signature>span   {
  writing-mode:vertical-rl;
  font:7px var(--sans);
  letter-spacing:.28em
}
.about-film-signature i   {
  flex:1;
  position:relative;
  width:1px;
  background:#e8dcb640;
  margin:20px 0;
  overflow:hidden
}
.about-film-signature i:after   {
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:1px;
  height:50px;
  background:linear-gradient(transparent,#ead4a3,transparent);
  animation:about-travel 5s linear infinite
}
.about-film-signature small   {
  writing-mode:vertical-rl;
  font:6px var(--sans);
  letter-spacing:.2em
}
.about-hero-facts   {
  position:absolute;
  left:8.2vw;
  right:8.2vw;
  bottom:82px;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,1fr) 1.1fr;
  gap:35px;
  align-items:center;
  padding-top:26px;
  border-top:1px solid #eee4c742;
  color:#f8f4e6;
  animation:about-copy-enter 1s .9s both
}
.about-hero-facts>div   {
  display:flex;
  align-items:center;
  gap:16px
}
.about-hero-facts strong   {
  font:400 33px var(--serif);
  color:#f4e6c7
}
.about-hero-facts div>span   {
  font:9px/1.7 var(--sans);
  color:#e7e2d0;
  max-width:80px
}
.about-editorial-caption   {
  font:6px/1.9 var(--sans);
  letter-spacing:.14em;
  text-align:right;
  color:#d9d9c9
}
.about-chapter-nav   {
  display:flex;
  justify-content:center;
  gap:60px;
  padding:23px 6.8vw;
  border-bottom:1px solid #c3b9a23b;
  background:#f8f6ee
}
.about-chapter-nav>a   {
  display:flex;
  gap:12px;
  align-items:center;
  font:11px var(--sans);
  color:#8b8d7d;
  position:relative;
  transition:color .35s
}
.about-chapter-nav span   {
  font-size:7px;
  color:#b59a70
}
.about-chapter-nav>a:after   {
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:-24px;
  height:2px;
  background:#a48a5f;
  transform:scaleX(0);
  transition:transform .5s;
  transform-origin:left
}
.about-chapter-nav>a:hover,.about-chapter-nav>a[aria-current]   {
  color:#505e4d
}
.about-chapter-nav>a:hover:after,.about-chapter-nav>a[aria-current]:after   {
  transform:scaleX(1)
}
.about-page #explore,.about-page #our-approach,.about-page #our-values   {
  scroll-margin-top:100px
}
.about-page .manifest   {
  padding-top:90px;
  padding-bottom:70px
}
.about-page .manifest-bottom   {
  padding-top:36px;
  border-top:1px solid #c5bca53a;
  margin-top:42px
}
.about-page .manifest-bottom>p   {
  font:400 clamp(23px,2.8vw,34px)/1.5 var(--serif);
  color:#8e785b
}
.about-page .disclosure   {
  transition:background .4s,border-color .4s
}
.about-page .disclosure:hover,.about-page .disclosure[open]   {
  background:#eae8db45;
  border-color:#baaa8a
}
.about-page .disclosure[open]>div   {
  animation:about-copy-enter .55s both
}
.about-reach-facts   {
  grid-template-columns:repeat(2,1fr);
  padding:32px 6.8vw;
  margin:0 6.8vw;
  background:linear-gradient(110deg,#ece9df,#f6f3eb);
  border:1px solid #c7bea33a
}
.about-page .about-count-note   {
  font:9px/1.8 var(--sans);
  color:#8e8d7b;
  padding:15px 6.8vw 0;
  margin:0;
  text-align:center
}
.about-count-note a   {
  color:#937b55;
  text-decoration:underline;
  text-underline-offset:3px
}
.about-page .strength-section   {
  padding-top:85px;
  padding-bottom:85px
}
.about-page .strength-accordion summary   {
  padding-left:15px;
  padding-right:15px;
  transition:padding-left .35s
}
.about-page .strength-accordion summary:hover   {
  padding-left:23px
}
.about-page .values-section   {
  background:linear-gradient(125deg,#f2efe6,#e9e8dd);
  padding-top:85px;
  padding-bottom:85px
}
.about-page .value-item   {
  position:relative;
  padding:28px 20px;
  transition:background .45s,transform .45s;
  border:1px solid #b6ad9729
}
.about-page .value-item:after   {
  content:'';
  position:absolute;
  left:20px;
  right:20px;
  bottom:0;
  height:2px;
  background:#b19b74;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .6s
}
.about-page .value-item:hover   {
  background:#fffdf465;
  transform:translateY(-5px)
}
.about-page .value-item:hover:after   {
  transform:scaleX(1)
}
.about-page .vision-scene   {
  margin:0;
  min-height:570px;
  position:relative;
  overflow:hidden
}
.about-page .vision-scene>img   {
  transition:scale 1.8s;
  scale:1.02
}
.about-page .vision-scene:hover>img   {
  scale:1.06
}
@keyframes about-title-enter   {
  from  {
    opacity:0;
    transform:translateY(38px);
    clip-path:inset(100% 0 0)
  }
  to  {
    opacity:1;
    transform:translateY(0);
    clip-path:inset(0)
  }
}
@keyframes about-copy-enter   {
  from  {
    opacity:0;
    transform:translateY(14px)
  }
  to  {
    opacity:1;
    transform:translateY(0)
  }
}
@keyframes about-travel   {
  from  {
    translate:0 -50px
  }
  to  {
    translate:0 420px
  }
}
@media(max-width:1000px)  {
  .about-opening.film-hero  {
    min-height:790px;
    padding-top:180px
  }
  .about-frame  {
    inset:105px 20px 30px
  }
  .about-film-copy h1  {
    font-size:79px
  }
  .about-film-signature  {
    right:45px
  }
  .about-hero-facts  {
    gap:22px
  }
  .about-hero-facts>div  {
    gap:12px
  }
  .about-hero-facts strong  {
    font-size:27px
  }
  .about-hero-facts div>span  {
    font-size:8px
  }
}
@media(max-width:640px)  {
  .about-opening.film-hero  {
    min-height:770px;
    padding:155px 9vw 205px
  }
  .about-frame  {
    inset:93px 12px 22px
  }
  .about-frame-line  {
    inset:9px
  }
  .about-poster,.about-opening .trade-video  {
    object-position:58% center;
    filter:saturate(.8)
  }
  .about-film-shade  {
    background:linear-gradient(90deg,#3f4a3cec,#46503fc7 47%,#534f3782),linear-gradient(0deg,#384836c9,transparent 50%)
  }
  .about-film-copy  {
    padding-top:22px
  }
  .about-kicker  {
    font-size:7px;
    letter-spacing:.17em;
    max-width:240px;
    margin-bottom:30px
  }
  .about-film-copy h1  {
    font-size:clamp(46px,12.8vw,70px);
    line-height:1.05;
    letter-spacing:-.035em
  }
  .about-lead  {
    font-size:11px;
    margin:25px 0
  }
  .about-discover  {
    font-size:11px;
    max-width:165px
  }
  .about-film-signature  {
    display:none
  }
  .about-hero-facts  {
    left:9vw;
    right:9vw;
    bottom:64px;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    padding-top:22px
  }
  .about-hero-facts>div  {
    display:block
  }
  .about-hero-facts strong  {
    display:block;
    font-size:27px;
    margin-bottom:7px
  }
  .about-hero-facts div>span  {
    font-size:9px;
    max-width:80px;
    display:block
  }
  .about-editorial-caption  {
    grid-column:1/-1;
    text-align:left;
    font-size:7px;
    letter-spacing:.12em
  }
  .about-editorial-caption br  {
    display:none
  }
  .about-chapter-nav  {
    gap:20px;
    padding:7px 6vw
  }
  .about-chapter-nav>a  {
    gap:6px;
    font-size:10px;
    min-height:40px
  }
  .about-chapter-nav span  {
    font-size:6px
  }
  .about-chapter-nav>a:after  {
    bottom:-8px
  }
  .about-page .manifest  {
    padding-top:60px;
    padding-bottom:50px
  }
  .about-page .manifest-bottom>p  {
    font-size:25px
  }
  .about-reach-facts  {
    padding:25px 18px;
    margin:0 6.8vw
  }
  .about-page .about-count-note  {
    font-size:8px;
    text-align:left
  }
  .about-page .strength-section,.about-page .values-section  {
    padding-top:60px;
    padding-bottom:60px
  }
  .about-page .value-item  {
    padding:24px 18px
  }
  .about-page .vision-scene  {
    min-height:570px
  }
}
@media(prefers-reduced-motion:reduce)  {
  .about-page *,.about-page *:after  {
    animation:none!important;
    transition:none!important
  }
  .about-page .value-item:hover  {
    transform:none
  }
  .about-page .vision-scene>img  {
    scale:1!important
  }
}
.motion-paused .about-page *,.motion-paused .about-page *:after  {
  animation:none!important;
  transition:none!important
}
.about-frame  {
  animation:about-aperture 1.8s cubic-bezier(.16,.7,.2,1) both
}
.about-film-copy h1>span  {
  animation:about-word-appear 1.3s cubic-bezier(.2,.65,.2,1) .25s both
}
.about-film-copy h1>em  {
  animation:about-word-slide 1.65s cubic-bezier(.16,.7,.2,1) .45s both
}
.about-page .why-intro  {
  position:sticky;
  top:135px;
  align-self:start
}
.why-intro-note  {
  font:400 20px/1.5 var(--serif);
  color:#8d7657!important;
  max-width:340px;
  margin:30px 0 18px
}
.why-intro-description  {
  font:13px/1.85 var(--sans);
  max-width:345px;
  color:#737b6d!important;
  margin:0 0 27px
}
.why-profile-link  {
  display:inline-flex;
  gap:35px;
  align-items:center;
  color:#8b7552;
  font:10px var(--sans);
  padding:12px 0;
  border-bottom:1px solid #b4a48265
}
.why-profile-link span  {
  font-size:17px;
  transition:translate .35s
}
.why-profile-link:hover span  {
  translate:3px -3px
}
.about-page .why-detail>div  {
  padding:8px 16px 25px
}
.about-page .why-detail>div>h3  {
  font:400 24px/1.35 var(--serif);
  color:#8a7555;
  margin:5px 0 21px;
  max-width:480px
}
.about-page .why-detail>div>p  {
  font:14px/1.85 var(--sans);
  margin:0 0 16px;
  color:#646e60
}
.why-tags  {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:22px 0
}
.why-tags>span  {
  font:9px/1.5 var(--sans);
  color:#8d7b5a;
  background:#ece9dd70;
  border:1px solid #c7b99e45;
  padding:7px 10px
}
.about-page .why-detail .text-link  {
  font:10px var(--sans);
  display:inline-flex;
  align-items:center;
  gap:30px;
  padding:9px 0;
  border-bottom:1px solid #b5a78b65;
  color:#8b7552
}
@keyframes about-aperture  {
  from {
    clip-path:inset(40% 0 40%);
    opacity:.3
  }
  to {
    clip-path:inset(0);
    opacity:1
  }
}
@keyframes about-word-appear  {
  from {
    opacity:0;
    transform:translateY(25px);
    filter:blur(4px)
  }
  to {
    opacity:1;
    transform:translateY(0);
    filter:blur(0)
  }
}
@keyframes about-word-slide  {
  from {
    opacity:0;
    transform:translateX(24px);
    clip-path:inset(0 100% 0 0)
  }
  to {
    opacity:1;
    transform:translateX(0);
    clip-path:inset(0)
  }
}
@media(max-width:900px) {
  .about-page .why-intro {
    position:static
  }
  .why-intro-description {
    max-width:none
  }
  .why-intro-note {
    margin-top:24px
  }
  .about-page .why-detail>div>h3 {
    font-size:22px
  }
  .about-page .why-detail>div>p {
    font-size:13px
  }
  .why-tags>span {
    font-size:9px
  }
}