/* About · redesign 2026 */
#main{overflow-x:clip}
.about-hero{position:relative;isolation:isolate}
.about-hero::before{content:"";position:absolute;z-index:-1;right:0;top:0;width:min(60vw,860px);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in oklab,var(--blush) 75%,transparent),color-mix(in oklab,var(--apricot) 18%,transparent) 55%,transparent 72%);pointer-events:none}
.about-intro h1{font-size:clamp(66px,7vw,112px);letter-spacing:-.045em;line-height:.98}
.about-lead{font-size:clamp(28px,2.3vw,34px);letter-spacing:-.01em}
.about-intro>p:not(.about-lead){font-size:15px;color:var(--ink-soft)}
.about-portrait{position:relative}
.about-portrait::before{content:"";position:absolute;inset:-18px;z-index:-1;border-radius:999px 999px var(--radius-l) var(--radius-l);border:1px solid color-mix(in oklab,var(--gold) 40%,transparent);background:color-mix(in oklab,var(--cream) 50%,transparent)}
.about-portrait picture{border-radius:999px 999px var(--radius-l) var(--radius-l);box-shadow:var(--shadow-2)}
.about-approach{border-top:0}
.about-approach h2,.about-philosophy h2{letter-spacing:-.035em}
.about-columns p,.about-philosophy p{font-size:15px;color:var(--ink-soft)}
.about-columns p{padding-top:22px;border-top:1px solid var(--line)}
.about-philosophy{position:relative;overflow:hidden;isolation:isolate;margin:0 max(2.5%,calc((100vw - 1500px)/2));border-radius:var(--radius-l);background:linear-gradient(135deg,color-mix(in oklab,var(--lilac) 32%,var(--cream)),color-mix(in oklab,var(--blush) 38%,var(--cream)) 55%,color-mix(in oklab,var(--sage) 30%,var(--cream)))}
.about-philosophy::after{content:"";position:absolute;z-index:-1;right:5%;top:50%;translate:0 -50%;width:48%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgb(255 253 248/.85),transparent)}
.gemstone figcaption{font-size:21px;color:var(--ink-soft)}
.about-quote{position:relative;border-bottom:0;padding-block:clamp(90px,10vw,150px)}
.about-quote blockquote{font-size:clamp(38px,4vw,60px);letter-spacing:-.025em}
.about-quote blockquote::before{content:"";display:block;width:64px;height:1px;background:var(--gold);margin-bottom:40px}
.about-return{background:var(--ink);color:var(--cream);position:relative;overflow:hidden;isolation:isolate;padding-block:clamp(80px,9vw,130px)}
.about-return::before{content:"";position:absolute;z-index:-1;left:50%;top:-60%;translate:-50% 0;width:80vw;max-width:1000px;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgb(233 211 205/.2),transparent)}
.about-return h2{font-size:clamp(48px,5.5vw,84px);letter-spacing:-.04em}
.about-return em{color:var(--bronze-light)}
.about-return .button{color:var(--cream);border-color:rgb(248 245 237/.5)}
.about-return .button span{background:var(--cream);color:var(--ink)}
.about-return .button:hover{background:var(--cream);color:var(--ink)}.about-return .button:hover span{background:var(--ink);color:var(--cream)}
@media(prefers-reduced-motion:no-preference){
  .about-intro>*{animation:about-in 1s var(--ease-out) both}
  .about-intro>:nth-child(2){animation-delay:90ms}.about-intro>:nth-child(3){animation-delay:180ms}.about-intro>:nth-child(4){animation-delay:240ms}.about-intro>:nth-child(5){animation-delay:300ms}
  .about-portrait picture{animation:about-in 1.2s var(--ease-out) both 120ms}
  @supports (animation-timeline:view()){
    .gemstone img{animation:gem-drift linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
    .gemstone-rose img{animation-name:gem-drift-alt}
  }
}
@keyframes about-in{from{opacity:0;transform:translateY(18px)}}
@keyframes gem-drift{from{transform:translateY(14px) rotate(-2deg)}to{transform:translateY(-14px) rotate(2deg)}}
@keyframes gem-drift-alt{from{transform:translateY(-10px) rotate(3deg)}to{transform:translateY(12px) rotate(-2deg)}}
@media(max-width:700px){
  .about-hero::before{width:130vw;right:-50%;top:35%}
  .about-intro h1{font-size:clamp(58px,17vw,78px)}
  .about-portrait::before{inset:-10px}
  .about-philosophy{margin:0 3%;border-radius:22px;padding:52px 7%}
  .about-quote blockquote::before{margin-bottom:28px}
}
.about-return em{white-space:nowrap;display:inline-block;font-family:"Eden Liquid",var(--serif);font-size:.82em;letter-spacing:-.01em;margin-left:.08em}