/* Personal, editorial companion to the homepage. Shared motion lives in motion.js. */
.about-page .site-header::before{opacity:1}
.site-header[data-theme=light] .menu-button{color:inherit}
.main-navigation>a[aria-current=page]::after{transform:scaleX(1)}
.about-opening{padding:174px 0 0;overflow:clip}
.about-opening-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:clamp(48px,8vw,128px);align-items:center}
.about-introduction>.eyebrow{color:var(--muted);margin-bottom:26px}
.about-title{font-size:clamp(58px,6.8vw,98px);line-height:1.07;letter-spacing:-.065em}
.about-title>span{display:block}
.about-period{color:#31827a}
.about-lead{font-size:clamp(21px,2vw,27px);line-height:1.5;letter-spacing:-.025em;margin-top:30px}
.about-welcome{max-width:470px;font-size:18px;color:var(--muted);line-height:1.8;margin-top:22px}
.about-story-link{margin-top:27px}
.about-portrait{margin:0;min-width:0;transform-origin:50% 75%}
.portrait-window{aspect-ratio:4/5;background:#e3e9df;position:relative;overflow:hidden;border-radius:3px}
.portrait-waiting{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;background:radial-gradient(ellipse at 28% 24%,#eef1e9 0%,transparent 65%),linear-gradient(155deg,#e1e9dd,#c8d6c4);color:#365d51}
.portrait-mark{width:82px;height:auto;opacity:.7}
.portrait-placeholder-label{font-size:15px;letter-spacing:.015em}
.portrait-corner{position:absolute;width:36px;height:36px;border-color:#52745c55;border-style:solid}
.corner-top{top:26px;left:26px;border-width:1px 0 0 1px}
.corner-bottom{bottom:26px;right:26px;border-width:0 1px 1px 0}
.about-portrait-photo{width:100%;height:100%;object-fit:cover;object-position:50% 35%;position:absolute;inset:0}
.about-portrait figcaption{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding-top:19px}
.about-portrait figcaption>span:first-child{display:grid;gap:1px}
.about-portrait strong{font-family:var(--heading);font-weight:550;font-size:17px;letter-spacing:-.025em}
.about-portrait figcaption span span,.portrait-pending{font-size:12px;color:var(--muted)}
.portrait-pending{padding-top:4px}
.about-opening-foot{display:flex;justify-content:space-between;align-items:center;padding-block:25px;margin-top:66px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}
.about-opening-foot>a{width:44px;height:44px;display:grid;place-items:center}
.about-story-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:clamp(48px,8vw,128px)}
.about-story-heading .eyebrow,.about-working-intro .eyebrow{color:var(--muted);margin-bottom:24px}
.about-story-heading h2{font-size:clamp(36px,3.8vw,56px);line-height:1.2}
.about-story-copy{max-width:620px;color:var(--muted);font-size:18px;line-height:1.85}
.about-story-copy .story-opening{font-size:25px;line-height:1.55;letter-spacing:-.025em;color:var(--ink)}
.about-belief{position:relative;text-align:center;padding-block:105px}
.about-belief-inner{max-width:1000px}
.about-belief .eyebrow{color:#c3d5c9;margin-bottom:30px}
.about-belief h2{font-size:clamp(38px,4.5vw,68px);line-height:1.2}
.about-belief h2 em{font-style:normal;color:var(--mint)}
.about-belief-inner>p:not(.eyebrow){max-width:630px;margin:30px auto 0;color:#d0dfd5;font-size:19px;line-height:1.85}
.about-signature{display:inline-flex;align-items:center;justify-content:center;gap:12px;margin-top:35px;color:#d4e3d7;font-size:13px}
.about-signature>span{opacity:.5}
.about-working-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:clamp(48px,8vw,128px)}
.about-working-intro>p:not(.eyebrow){max-width:390px;color:var(--muted);line-height:1.85;margin-top:28px}
.about-working-intro .text-link{margin-top:28px}
.about-working-points{padding-top:6px}
.about-working-points .service-point h3{font-size:clamp(21px,2vw,27px)}
.about-invitation{padding:0 0 100px}
.about-invitation-inner{display:flex;justify-content:space-between;align-items:center;gap:50px;border-top:1px solid var(--line);padding-top:75px}
.about-invitation .eyebrow{color:var(--muted);margin-bottom:24px}
.about-invitation h2{font-size:clamp(40px,4.3vw,64px)}
.about-invitation p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:1.8;margin-top:25px}
.about-invitation-actions{display:flex;flex-direction:column;align-items:flex-start;gap:21px;flex-shrink:0}
.about-email{font-size:16px;text-decoration:underline;text-underline-offset:5px}
.about-page .footer-bottom>div{flex-wrap:wrap;gap:4px 20px}

@media(prefers-reduced-motion:no-preference){
  .about-title>span{animation:about-arrive 1.05s var(--ease-out) both}
  .about-title>span:nth-child(2){animation-delay:.1s}
  .about-enter{animation:about-arrive 1s var(--ease-out) both}
  .about-lead{animation-delay:.18s}.about-welcome{animation-delay:.27s}.about-story-link{animation-delay:.34s}
  .about-portrait{animation:portrait-arrive 1.25s var(--ease-out) .12s both}
}
@keyframes about-arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes portrait-arrive{from{opacity:0;transform:translateY(24px) rotate(1.2deg) scale(.97)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}
@media(max-width:1100px){.about-opening{padding-top:145px}.about-opening-grid{gap:50px}.about-title{font-size:clamp(58px,7vw,78px)}.about-story-grid,.about-working-grid{gap:50px}.about-portrait figcaption{flex-direction:column;gap:3px}.about-opening-foot{margin-top:45px}.about-invitation-inner{gap:35px}}
@media(max-width:800px){
  .about-opening{padding-top:135px}.about-opening-grid{grid-template-columns:1fr;gap:48px}.about-title{font-size:clamp(52px,10vw,80px)}.about-welcome{max-width:560px}.about-portrait{max-width:460px;width:100%;justify-self:center}.about-portrait figcaption{flex-direction:row;gap:15px}.about-opening-foot{margin-top:36px}
  .about-story-grid,.about-working-grid{grid-template-columns:1fr;gap:35px}.about-story-copy{max-width:none}.about-story-heading h2{font-size:clamp(36px,6vw,48px)}.about-story-heading h2 br{display:none}.about-belief{padding-block:80px}.about-working-intro>p:not(.eyebrow){max-width:550px}.about-invitation-inner{align-items:flex-start;flex-direction:column;gap:30px;padding-top:55px}.about-invitation{padding-bottom:70px}
}
@media(max-width:540px){
  .about-opening{padding-top:119px}.about-introduction>.eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:22px}.about-title{font-size:clamp(45px,11.8vw,64px)}.about-lead{font-size:21px;margin-top:23px}.about-welcome{font-size:17px;line-height:1.75}.about-story-link{margin-top:22px}.about-opening-grid{gap:37px}.about-portrait figcaption{gap:10px}.about-portrait strong{font-size:16px}.portrait-pending{font-size:10px}.portrait-mark{width:70px}.about-opening-foot{font-size:12px;padding-block:17px;margin-top:28px}
  .about-story-copy{font-size:17px;line-height:1.8}.about-story-copy .story-opening{font-size:23px}.about-belief{padding-block:68px}.about-belief h2 br{display:none}.about-belief-inner>p:not(.eyebrow){font-size:17px;line-height:1.8;margin-top:25px}.about-signature{font-size:11px;gap:8px}.about-working-intro>p:not(.eyebrow){font-size:17px}.about-invitation p:not(.eyebrow){font-size:17px}.about-invitation p br{display:none}.about-invitation-actions{width:100%}.about-invitation-actions .button{width:100%}
}