.about-pho-page{background:#fff;color:#101a24}.about-pho-hero{height:450px;background:url('../../images/figma-about/hero.png') center/cover no-repeat;position:relative;color:#fff}.about-pho-hero-overlay{position:absolute;inset:0;background:rgba(0,65,36,.68)}.about-pho-hero-copy{position:relative;text-align:center;padding-top:115px}.about-pho-hero-copy p{margin:0;font:600 36px/48px 'EB Garamond',serif}.about-pho-hero-copy h1{margin:4px 0 8px;font:400 72px/82px 'Birthstone','EB Garamond',serif}.about-pho-hero-copy span{display:block;width:250px;height:8px;margin:auto;background:#f6c448;border-radius:8px;transform:rotate(-4deg)}.about-heading{margin:0 0 64px;text-align:center;font:600 48px/72px 'EB Garamond',serif;color:#333;text-transform:uppercase}
.brand-story{min-height:1370px;padding:100px 0;background:#fff}.brand-story-lead{display:grid;grid-template-columns:460px 1fr;gap:56px;align-items:start}.brand-story-image{height:610px;overflow:hidden;border-radius:0 110px 0 110px}.brand-story-image img{width:100%;height:100%;object-fit:cover}.brand-story-intro{padding-top:15px}.brand-story-intro h3{margin:0;color:#378758;font:600 48px/55px 'EB Garamond',serif}.brand-story-intro>strong{display:block;margin:2px 0 20px;color:#378758;font:600 20px/30px 'EB Garamond',serif;letter-spacing:1px}.about-richtext p,.brand-story-note{margin:0 0 16px;color:#444;font:400 16px/32px 'Inter',sans-serif}.brand-story-note{margin-top:22px}.brand-story .about-richtext p{margin-bottom:18px}
.vision-mission{height:740px;padding:100px 0;background:#fcf4e9}.vision-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;max-width:1200px;margin:auto}.vision-grid article{min-height:330px;padding:52px 48px;background:#fff;border-radius:30px 0 30px 0;text-align:center}.vision-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 20px;border-radius:50%;background:#378758}.vision-icon img{width:36px;height:36px;object-fit:contain}.vision-grid h3{margin:0 0 18px;font:600 30px/42px 'EB Garamond',serif;color:#101a24}.vision-grid p{margin:0;font:400 16px/32px 'Inter',sans-serif;color:#101a24;text-align:left}
.core-values{height:1172px;padding:100px 0;background:#fff}.core-values-layout{display:grid;grid-template-columns:616px 1fr;gap:60px;height:785px;align-items:center}.core-values-list{display:flex;flex-direction:column}.core-values-list article{display:flex;gap:4px;min-height:122px;padding:10px 0 20px;border-bottom:1px solid #d9ddd9}.core-values-list article:last-child{min-height:140px;border-bottom:0}.core-values-list>article>span{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px}.core-values-list>article>span img{width:28px;height:28px;object-fit:contain}.core-values-list h3{margin:0;font:600 30px/51px 'EB Garamond',serif;color:#101a24}.core-values-list p{margin:0;font:400 16px/32px 'Inter',sans-serif;color:#5c6574}.core-values-image{position:relative;height:824px;padding:0;background:transparent;border:0;border-radius:0;overflow:hidden}.core-values-image img{width:100%;height:100%;object-fit:cover;border:0;border-radius:0}
.about-culture{height:1088px;background:#fcf4e9;position:relative;overflow:hidden}.about-culture-layout{display:grid;grid-template-columns:382px 1fr;height:100%}.about-culture-copy{padding-top:205px;position:relative;z-index:2}.about-culture-copy h2{margin:0 0 30px;color:#1f633c;font:600 100px/.92 'EB Garamond',serif;letter-spacing:4px;text-transform:uppercase}.about-culture-copy h2 span{display:block;font-size:52px;line-height:1;letter-spacing:2px}.about-culture-copy .about-richtext{max-width:818px}.about-culture-copy .about-richtext p{margin:0 0 24px;color:#444;font:italic 600 24px/40px 'EB Garamond',serif;letter-spacing:.96px}.about-culture-copy>strong,.about-culture-signature{display:block;max-width:818px;margin-top:28px;color:#1f633c;font:italic 600 24px/40px 'EB Garamond',serif}.about-culture-main,.about-culture-top,.about-culture-pot{position:absolute;display:block;object-fit:cover}.about-culture-main{left:0;top:189px;width:533px;height:623px}.about-culture-top{right:0;top:60px;width:534px;height:300px;-webkit-mask:url('../../images/figma-home/culture-top-mask.png') center/100% 100% no-repeat;mask:url('../../images/figma-home/culture-top-mask.png') center/100% 100% no-repeat}.about-culture-pot{right:158px;bottom:46px;width:273px;height:214px;-webkit-mask:url('../../images/figma-home/culture-bottom-mask.png') center/100% 100% no-repeat;mask:url('../../images/figma-home/culture-bottom-mask.png') center/100% 100% no-repeat}
@media(max-width:1250px){.brand-story{min-height:auto}.brand-story-lead{grid-template-columns:380px 1fr}.brand-story-image{height:540px}.vision-mission,.core-values{height:auto}.core-values-layout{grid-template-columns:48% 52%;gap:25px}.about-culture-layout{grid-template-columns:32% 68%}.about-culture-copy{padding-left:50px}.about-culture-copy .about-richtext,.about-culture-copy>strong,.about-culture-signature{max-width:680px}.about-culture-top{width:390px}}
@media(max-width:900px){.about-pho-hero{height:370px}.about-pho-hero-copy{padding-top:85px}.about-pho-hero-copy p{font-size:28px}.about-pho-hero-copy h1{font-size:58px}.about-heading{font-size:38px;line-height:52px;margin-bottom:42px}.brand-story{padding:75px 0}.brand-story-lead{grid-template-columns:1fr}.brand-story-image{width:min(540px,100%);height:470px;margin:auto}.vision-mission{height:auto;padding:75px 0}.vision-grid{grid-template-columns:1fr}.core-values{height:auto;padding:75px 0}.core-values-layout{grid-template-columns:1fr;height:auto}.core-values-image{height:570px;order:-1}.about-culture{height:auto;padding:330px 0 70px}.about-culture-main{top:40px;width:65%;height:270px}.about-culture-top{width:42%;height:180px}.about-culture-pot{display:none}.about-culture-layout{display:block}.about-culture-copy{padding:0}.about-culture-copy h2{font-size:70px}.about-culture-copy .about-richtext,.about-culture-copy>strong,.about-culture-signature{max-width:none}.about-culture-copy .about-richtext p,.about-culture-copy>strong,.about-culture-signature{font-size:21px;line-height:34px}}
@media(max-width:520px){.about-pho-hero{height:310px}.about-pho-hero-copy{padding-top:65px}.about-pho-hero-copy p{font-size:22px;line-height:34px}.about-pho-hero-copy h1{font-size:43px;line-height:54px}.about-pho-hero-copy span{width:180px;height:6px}.about-heading{font-size:31px;line-height:42px}.brand-story,.vision-mission,.core-values{padding:55px 0}.brand-story-image{height:340px;border-radius:0 70px 0 70px}.brand-story-intro h3{font-size:38px;line-height:46px}.about-richtext p,.brand-story-note,.vision-grid p,.core-values-list p{font-size:15px;line-height:27px}.vision-grid article{padding:34px 22px}.core-values-image{height:360px;border-radius:70px 0 70px 0}.core-values-list h3{font-size:24px;line-height:38px}.core-values-list article{min-height:auto}.about-culture{padding-top:270px}.about-culture-main{width:80%;height:230px}.about-culture-top{width:46%;height:130px}.about-culture-copy h2{font-size:54px}.about-culture-copy h2 span{font-size:34px}.about-culture-copy .about-richtext p,.about-culture-copy>strong,.about-culture-signature{font-size:18px;line-height:30px}}
.about-pho-hero.responsive-hero{background-image:var(--hero-desktop)!important}
@media(max-width:767px){.about-pho-hero.responsive-hero{background-image:var(--hero-mobile,var(--hero-desktop))!important}}

@media(max-width:767px){
  .about-pho-hero.responsive-hero,.about-pho-hero.is-gallery{height:auto;background:none!important}
  .about-pho-hero-overlay{z-index:1}
  .about-pho-hero-copy{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;padding-top:0}
  .about-pho-hero-copy span{margin:8px auto 0}
  .shared-hero-slides{position:relative;inset:auto}
  .shared-hero-slide{display:none;position:relative;inset:auto;background:none!important}
  .shared-hero-slide.is-active{display:block;opacity:1}
  .shared-hero-picture,.shared-hero-picture img,.pho-hero-mobile-media,.pho-hero-mobile-media img{display:block;width:100%;height:auto}
}
/* Culture responsive gallery: synchronized with the home page Culture Section. */
.about-culture-gallery{display:contents}
@media(max-width:900px){
  .about-culture{height:auto;padding:56px 0 72px;overflow:hidden}
  .about-culture-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:42px}
  .about-culture-gallery .about-culture-main,.about-culture-gallery .about-culture-top,.about-culture-gallery .about-culture-pot{position:relative;inset:auto;display:block;width:100%;height:auto;max-width:none;object-fit:cover}
  .about-culture-gallery .about-culture-main{grid-column:1/-1;aspect-ratio:16/10}
  .about-culture-gallery .about-culture-top,.about-culture-gallery .about-culture-pot{display:block;aspect-ratio:4/3}
  .about-culture-layout{display:block;height:auto}
  .about-culture-copy{padding:0}
}
@media(max-width:520px){
  .about-culture{padding:32px 0 52px}
  .about-culture-gallery{gap:10px;margin-bottom:30px}
  .about-culture-gallery .about-culture-main{aspect-ratio:4/3}
  .about-culture-copy h2{overflow-wrap:anywhere}
}
@media(min-width:901px) and (max-width:1600px){
  .about-culture{height:auto;padding:60px 0 84px}
  .about-culture-gallery{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);grid-template-rows:repeat(2,clamp(190px,20vw,265px));gap:18px;margin-bottom:52px}
  .about-culture-gallery .about-culture-main,.about-culture-gallery .about-culture-top,.about-culture-gallery .about-culture-pot{position:relative;inset:auto;display:block;width:100%;height:100%;max-width:none;object-fit:cover}
  .about-culture-gallery .about-culture-main{grid-column:1;grid-row:1/3}
  .about-culture-gallery .about-culture-top{grid-column:2;grid-row:1}
  .about-culture-gallery .about-culture-pot{grid-column:2;grid-row:2}
  .about-culture-layout{display:block;height:auto}
  .about-culture-copy{max-width:1000px;padding:0!important;margin-inline:auto}
  .about-culture-copy h2{font-size:clamp(68px,7vw,92px)}
  .about-culture-copy h2 span{font-size:clamp(40px,4vw,50px)}
  .about-culture-copy .about-richtext,.about-culture-copy>strong,.about-culture-signature{max-width:none}
}
.about-culture-signature p{margin:0;font:inherit;color:inherit}

.about-culture-main>img,.about-culture-top>img,.about-culture-pot>img{display:block;width:100%;height:100%;object-fit:cover}

@media(min-width:901px){
  .core-values-image{
    width:calc(100% + max(24px,(100vw - 1200px)/2));
    justify-self:start;
  }
}

@media(max-width:767px){
  .brand-story>.pho-container>.about-heading,
  .brand-story-image{
    display:none;
  }
}