/* About continues the portfolio's grid, type and active chess palette. */
#home,#home-work,#about,#services{scroll-margin-top:120px}
.home-about{width:var(--hero-width);max-width:1400px;margin:clamp(64px,9vw,140px) auto 0;padding-top:clamp(32px,5vw,72px);border-top:1px solid var(--line);color:var(--ink)}
.home-about-heading,.home-about .about-service h2{font-family:'FAIRE Octave Trial Variable',serif;font-weight:300;font-variation-settings:'wght' 300,'opsz' 12;font-feature-settings:'dlig' 1,'ss01' 1,'ss06' 1,'ss11' 1,'ss14' 1;line-height:1;letter-spacing:0;text-transform:uppercase;font-synthesis:none;margin:0}
.home-about-heading{font-size:clamp(30px,3.2vw,48px);margin-bottom:clamp(32px,5vw,64px)}
.home-about .about-bio-row{display:grid;grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);align-items:center}
.home-about .about-bio,.home-about .about-service>div{min-width:0}
.home-about .about-floating-piece{position:relative;height:clamp(240px,26vw,360px);width:100%;pointer-events:none;overflow:visible}
.home-about .about-piece-fallback{width:100%;height:100%;object-fit:contain}
.home-about .audience-tabs{display:flex;flex-wrap:nowrap;gap:clamp(10px,1vw,16px);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;max-width:100%;padding:4px 3px 8px;margin:0 0 26px -3px}
.home-about .audience-tab{flex:none;white-space:nowrap;appearance:none;background:none;border:0;border-bottom:1px solid transparent;border-radius:0;padding:10px 0;min-height:44px;color:var(--ink);font:300 14px/1.3 'ABC Oracle',Arial,sans-serif;opacity:.55;cursor:pointer;transition:opacity .25s,border-color .25s}
.home-about .audience-tab:hover,.home-about .audience-tab[aria-selected=true]{opacity:1}
.home-about .audience-tab[aria-selected=true]{border-bottom-color:currentColor}
.home-about :is(.audience-tab,.audience-panel):focus-visible{outline:2px solid currentColor;outline-offset:2px}
.home-about .audience-messages{display:grid;margin-bottom:24px}
.home-about .audience-panel{grid-area:1/1;min-width:0;opacity:1;visibility:visible;transition:opacity .3s}
.home-about .audience-panel[aria-hidden=true]{opacity:0;visibility:hidden;pointer-events:none}
.home-about .audience-panel p{font:300 clamp(18px,1.4vw,22px)/1.5 'ABC Oracle',Arial,sans-serif;max-width:48ch;margin:0;text-wrap:pretty}
.home-about .about-email{display:inline-block;font:300 16px/1.5 'ABC Oracle',Arial,sans-serif;border-bottom:1px solid var(--line);min-height:44px;padding:10px 0;box-sizing:border-box;overflow-wrap:anywhere;max-width:100%}
.home-about .about-offers{margin-top:clamp(52px,8vw,100px)}
.home-about .about-service{display:grid;grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);margin-bottom:clamp(36px,5vw,60px)}
.home-about .about-number{font:300 28px/1.2 'ABC Oracle',Arial,sans-serif;color:var(--accent);opacity:.6;padding-top:4px}
.home-about .about-service h2{font-size:clamp(28px,2.65vw,44px);margin-bottom:16px;overflow-wrap:break-word}
.home-about .about-keywords{display:flex;flex-wrap:wrap;gap:5px 0;list-style:none;margin:0 0 20px;padding:0;color:var(--muted);font:300 13px/1.6 'ABC Oracle',Arial,sans-serif}
.home-about .about-keywords li+li::before{content:'·';margin:0 10px;color:var(--accent);opacity:.65}
.home-about .about-service p{font:300 clamp(16px,1.4vw,18px)/1.55 'ABC Oracle',Arial,sans-serif;max-width:48ch;margin:0}
@media(max-width:720px){.home-about .about-bio-row{grid-template-columns:minmax(62px,.28fr) minmax(0,1fr);gap:18px;align-items:start}.home-about .about-floating-piece{height:210px;position:sticky;top:110px}.home-about .audience-tab{font-size:13px}.home-about .about-service{grid-template-columns:40px minmax(0,1fr);gap:12px}.home-about .about-number{font-size:22px}}
@media(prefers-reduced-motion:reduce){.home-about .audience-panel,.home-about .audience-tab{transition:none}}
.home-about .about-floating-piece queen-scene{opacity:1;overflow:visible}
.octave-home .jm-barlink[aria-current=location]{text-decoration:underline;text-underline-offset:4px}
/* The same quiet glass tab language, retaining Oracle's reading typography. */
.home-about .audience-tabs.audience-pill-tabs{position:relative;isolation:isolate;gap:4px;padding:4px 3px 8px}
.home-about .audience-pill-tabs .audience-tab{position:relative;z-index:1;padding:10px 12px;border-bottom:0;border-radius:999px;transition:opacity .25s,background-color .25s}
.home-about .audience-pill-tabs .audience-tab:hover{background:color-mix(in srgb,var(--ink) 4%,transparent)}
.audience-selection-pill{position:absolute;top:8px;height:36px;box-sizing:border-box;border-radius:999px;background:linear-gradient(135deg,#ffffff24,#ffffff0a),color-mix(in srgb,var(--ink) 9%,transparent);border:1px solid #ffffff70;backdrop-filter:blur(7px) saturate(1.15);-webkit-backdrop-filter:blur(7px) saturate(1.15);pointer-events:none;transform-origin:center;transition:none}
.pill-ready .audience-selection-pill{transition:left .48s cubic-bezier(.22,1,.36,1),width .48s cubic-bezier(.22,1,.36,1),scale .3s ease,background-color .5s}
@media(hover:hover){.audience-pill-tabs:has(.audience-tab[aria-selected=true]:hover) .audience-selection-pill{scale:1.05}}
.recent-work-heading{width:var(--hero-width);margin:0 auto clamp(36px,5vw,72px);padding-top:clamp(28px,4vw,56px);font:300 clamp(30px,3.2vw,48px)/1 'FAIRE Octave Trial Variable',serif;font-variation-settings:'wght' 300,'opsz' 12;font-feature-settings:'dlig' 1,'ss01' 1,'ss06' 1,'ss11' 1,'ss14' 1;letter-spacing:0;text-transform:uppercase;color:var(--ink)}
.home-about .service-reveal .about-number,.home-about .service-reveal>div{opacity:0;translate:0 24px;transition:opacity .75s ease,translate .85s cubic-bezier(.22,1,.36,1)}
.home-about .service-reveal>div{transition-delay:.08s}
.home-about .service-revealed .about-number{opacity:.6;translate:0 0}
.home-about .service-revealed>div{opacity:1;translate:0 0}
.home-about .service-reveal .about-keywords li{opacity:0;translate:0 8px;transition:opacity .55s ease,translate .65s ease;transition-delay:.16s}
.home-about .service-reveal .about-keywords li:nth-child(2){transition-delay:.2s}.home-about .service-reveal .about-keywords li:nth-child(3){transition-delay:.24s}.home-about .service-reveal .about-keywords li:nth-child(4){transition-delay:.28s}
.home-about .service-revealed .about-keywords li{opacity:1;translate:0 0}
@media(prefers-reduced-motion:reduce){.pill-ready .audience-selection-pill{transition:none}.home-about .service-reveal :is(.about-number,div,li){opacity:1;translate:none;transition:none}}

.home-about .about-section-heading{font:300 clamp(38px,5vw,76px)/1 'FAIRE Octave Trial Variable',serif;text-transform:uppercase;font-feature-settings:'dlig' 1,'ss01' 1,'ss06' 1,'ss11' 1,'ss14' 1;margin:0 0 clamp(48px,6vw,90px);text-align:left;letter-spacing:0}