html{scroll-behavior:smooth;scroll-padding-top:25px}.home header{min-height:94px}.home header nav{margin-left:auto}.home header>.button{margin-left:12px}.home .button{background:var(--blue);color:white;font-weight:500;transition:background .18s,transform .18s}.home .button:hover{background:#173cd8;transform:translateY(-2px)}.home .button:focus-visible{outline-color:var(--ink)}.home-hero,.story-section{background:var(--orange)}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:540px;padding-block:50px;gap:0}.home-copy{position:relative;z-index:1}.home h1{font-size:clamp(48px,5.1vw,76px);letter-spacing:-2px;line-height:1.02;margin:0 0 24px}.home-copy p{font-size:20px;line-height:1.5;margin:0 0 30px;max-width:440px}.family-hero-image{width:112%;max-width:none;height:auto;aspect-ratio:1.5;object-fit:contain;margin-left:-8%}.family-section{padding-block:65px 50px}.family-heading{text-align:center;margin-bottom:45px}.family-heading h2{font-size:clamp(40px,4.7vw,66px);margin-bottom:14px}.family-heading p{font-size:19px;margin:0}.members{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.member{padding:0 28px;position:relative;min-width:0}.member:first-child{padding-left:0}.member:last-child{padding-right:0}.member+.member{border-left:1px solid #b9b7b1}.number{display:block;font:400 55px/1 'Libre Caslon Display',Georgia,serif;color:var(--blue);position:relative;z-index:1}.member-art{width:100%;aspect-ratio:1;background-image:url('/assets/home-members.webp');background-repeat:no-repeat;background-size:300% 100%;margin-top:-12px;mix-blend-mode:multiply}.art-one{background-position:0% 50%}.art-two{background-position:50% 50%}.art-three{background-position:100% 50%}.home .member h3{font-size:52px;line-height:1.05;margin:15px 0 8px;letter-spacing:-1px}.role{font-size:13px;letter-spacing:2px;margin:0;min-height:40px;line-height:1.4}.member-copy{font-size:21px;line-height:1.3;margin:4px 0 22px}.member .button,.coming{width:100%;min-height:50px;padding:11px 14px;font-size:16px;gap:12px}.coming{display:flex;justify-content:center;align-items:center;text-align:center;background:#cedcff;border-radius:30px;color:var(--ink)}.ornament{height:70px;margin-top:25px;background-image:url('/assets/home-approved-reference.webp');background-repeat:no-repeat;background-size:1024px 1536px;width:280px;max-width:100%}.ornament-one{background-position:-40px -1181px}.ornament-two{background-position:-373px -1181px}.ornament-three{background-position:-707px -1181px}.story-grid{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:30px;min-height:240px}.story-grid h2{font-size:clamp(34px,3.6vw,49px);margin:0 0 15px}.story-grid p{font-size:19px;line-height:1.45;margin:0}.story-grid img{width:100%;height:230px;object-fit:contain;align-self:end}.home-footer{padding-block:28px;min-height:96px;color:var(--ink);gap:24px}.home-footer small{color:#56564e}.home-footer .approved-mark img,.home-footer .approved-wordmark img{filter:url(#brand-transparent-ink)}
@media(min-width:1500px){.hero-grid{min-height:590px}}@media(max-width:1000px){.home header nav{gap:20px}.home header>.button{font-size:14px;padding:12px 18px;gap:12px}.hero-grid{min-height:470px}.home h1{font-size:56px}.home-copy p{font-size:18px}.member{padding-inline:20px}.home .member h3{font-size:44px}.member-copy{font-size:19px}.role{font-size:12px;letter-spacing:1.3px;min-height:45px}.member .button,.coming{font-size:14px}.story-grid h2{font-size:38px}.ornament{height:65px}}
@media(max-width:760px){.home header{min-height:84px}.home header nav{display:none}.home header>.button{margin-left:auto}.hero-grid{grid-template-columns:1fr;padding-block:38px 20px}.home h1{font-size:clamp(45px,8vw,62px)}.home-copy p{max-width:none}.family-hero-image{width:100%;max-width:570px;margin:10px auto 0;aspect-ratio:1.5}.family-section{padding-block:45px}.family-heading{text-align:left;margin-bottom:35px}.family-heading h2{font-size:44px}.family-heading p{font-size:17px}.members{grid-template-columns:1fr;gap:40px}.member,.member:first-child,.member:last-child{padding:0 0 35px;max-width:450px;width:100%;margin:auto}.member+.member{border-left:0;border-top:1px solid #b9b7b1;padding-top:30px}.member-art{max-width:380px;margin:-20px auto 0}.home .member h3{font-size:50px}.role{min-height:auto;margin-bottom:20px;font-size:13px}.member-copy{font-size:21px}.member .button,.coming{font-size:16px}.ornament{margin-inline:auto}.story-grid{grid-template-columns:1fr;padding-top:35px;gap:0}.story-grid h2{font-size:39px}.story-grid p{font-size:18px}.story-grid img{max-width:340px;justify-self:end;height:175px}.home-footer{gap:18px}.home-footer>span{font-size:14px}.home-footer small{width:100%}}
@media(max-width:440px){.home header>.button{font-size:12px;padding:10px 14px}.home h1{font-size:46px;letter-spacing:-1.5px}.home-copy p{font-size:18px}.home-footer>span{border:0;padding:0}.family-heading h2{font-size:40px}.home-footer .brand{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.home .button{transition:none}.home .button:hover{transform:none}}

/* Shared rows keep all member baselines aligned, including longer role labels. */
@media(min-width:761px){.members{column-gap:56px;grid-template-rows:repeat(7,auto)}.member,.member:first-child,.member:last-child{padding:0;display:grid;grid-template-rows:subgrid;grid-row:span 7}.member+.member{border:0}.member+.member:before{content:"";position:absolute;left:-28px;top:0;bottom:0;border-left:1px solid #b9b7b1}.member-art{align-self:start}.role{min-height:40px}.member-copy{align-self:start}.member .button,.coming{align-self:stretch}.ornament{align-self:end}}
.home header{position:relative;z-index:10}.home header nav{align-items:center}.tools-nav{position:relative}.tools-toggle{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--ink);font:inherit;font-size:15px;padding:14px 0}.tools-toggle span{transition:transform .15s}.tools-toggle[aria-expanded="true"] span{transform:rotate(180deg)}.tools-panel{position:absolute;right:0;top:100%;width:330px;padding:10px;background:var(--paper);border:1px solid #d4d0c6;border-radius:14px;box-shadow:0 14px 35px #23231f20}.tools-panel[hidden]{display:none}.tools-panel>a,.tool-upcoming{display:block;padding:15px 14px;border-radius:8px}.tools-panel>a:hover,.tools-panel>a:focus-visible{background:#f3b39155}.tools-panel strong{display:flex;justify-content:space-between;gap:12px;font-size:16px;font-weight:500}.tools-panel small{display:block;font-size:14px;line-height:1.45;margin-top:4px;color:#62615a}.tool-upcoming{border-top:1px solid #dedbd1;border-radius:0;margin-top:4px}.nav-status{display:inline-block;font-size:12px;background:#cedcff;color:var(--ink);padding:3px 9px;border-radius:20px;margin-top:10px}.home header .story-nav{font-size:15px}
@media(max-width:1000px) and (min-width:761px){.members{column-gap:40px}.member+.member:before{left:-20px}}
@media(max-width:760px){.home header nav{display:flex;margin-left:auto;gap:20px}.home header>.button{display:none}.tools-panel{right:0}.home header{gap:18px}.home .tools-toggle{font-size:14px}.home header .story-nav{font-size:14px}}
@media(max-width:440px){.home header nav{gap:14px}.home header{gap:12px}.home header .tools-nav{position:static}.tools-panel{top:75px;right:0;width:min(330px,100%)}.home header .story-nav{font-size:13px}.home .tools-toggle{font-size:13px;gap:5px}}

/* Homepage copy: room for the introduction, and one shared row for member descriptions. */
.homepage .hero-grid{grid-template-columns:1.18fr 1fr;gap:18px;padding-block:60px}.homepage .home-copy h1{font-size:clamp(44px,4.6vw,66px);line-height:1.06}.homepage .home-copy p{max-width:570px;font-size:19px;line-height:1.65}.homepage .member-copy{margin-bottom:15px}.member-description{font-size:16px;line-height:1.65;color:#595950;margin:0 0 25px}.homepage .story-grid{padding-block:55px;grid-template-columns:1.6fr 1fr;min-height:380px}.homepage .story-grid h2{font-size:clamp(36px,3.8vw,52px);line-height:1.13;margin-bottom:25px}.homepage .story-grid p{font-size:18px;line-height:1.65;max-width:620px}.homepage .story-grid p+p{margin-top:14px}.homepage .story-grid img{height:auto;max-height:260px}
@media(min-width:761px){.homepage .members{grid-template-rows:repeat(8,auto)}.homepage .member{grid-row:span 8}.homepage .member-description{align-self:start}}
@media(max-width:760px){.homepage .hero-grid{grid-template-columns:1fr;padding-block:35px 20px}.homepage .home-copy h1{font-size:clamp(43px,7.8vw,60px)}.homepage .home-copy p{font-size:18px}.homepage .story-grid{grid-template-columns:1fr;padding-block:40px 15px;min-height:0}.homepage .story-grid h2{font-size:clamp(34px,6.5vw,44px)}.homepage .story-grid img{height:160px}.member-description{margin-bottom:24px}}

/* The family's introduction to their human. */
.homepage .founder-section{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"portrait heading" "portrait story";column-gap:clamp(32px,4vw,56px);padding-block:100px;align-items:start;scroll-margin-top:25px}
.founder-identity{grid-area:portrait;margin:0;min-width:0}
.founder-heading-block{grid-area:heading;min-width:0}
.founder-label{font-size:12px;line-height:1.5;letter-spacing:1.5px;font-weight:500;margin:0 0 25px}
.founder-portrait{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.founder-aside{display:flex;align-items:flex-start;gap:16px;margin-top:25px}
.founder-aside p{font-size:15px;line-height:1.65;margin:0}
.founder-aside em{font-family:'Libre Caslon Display',Georgia,serif;font-size:25px;line-height:1.4;font-style:normal}
.founder-swatches{display:flex;flex-shrink:0;padding:7px 0 0 5px}
.founder-swatches span{width:19px;height:19px;border-radius:50%;margin-left:-5px;border:1px solid var(--ink);background:var(--orange)}
.founder-swatches span:nth-child(2){background:var(--blue)}
.founder-swatches span:nth-child(3){background:var(--paper)}
.founder-copy{grid-area:story;min-width:0;padding-top:0}
.founder-heading-block>.founder-label{color:var(--blue);margin-bottom:17px}
.homepage .founder-heading-block h2{font-size:clamp(45px,4.6vw,65px);line-height:1.05;letter-spacing:-1.5px;margin:0 0 15px}
.founder-heading-block .founder-deck{font:400 clamp(28px,2.9vw,39px)/1.12 'Libre Caslon Display',Georgia,serif;letter-spacing:-.5px;margin:0 0 30px}
.founder-intro,.founder-excerpt p,.founder-full p{font-size:17px;line-height:1.75;margin:0 0 18px;color:#4f4f48}
.founder-copy .founder-intro{color:var(--ink)}
.founder-story{margin-top:27px;border-top:1px solid #c9c7bd;padding-top:0}
.founder-story summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;color:var(--blue);font-size:15px;font-weight:500;padding:18px 0;cursor:pointer;min-height:56px}
.founder-story summary::-webkit-details-marker{display:none}
.founder-story summary:hover{color:#173cd8}
.founder-story summary:focus-visible{outline-offset:4px}
.founder-toggle{position:relative;width:18px;height:18px;flex-shrink:0}
.founder-toggle:before,.founder-toggle:after{content:'';position:absolute;background:currentColor;inset:8px 2px auto;height:1.5px}
.founder-toggle:after{transform:rotate(90deg)}
.founder-story[open] .founder-toggle:after{display:none}
.founder-close,.founder-story[open] .founder-read{display:none}
.founder-story[open] .founder-close{display:inline}
.founder-copy:has(.founder-story[open]) .founder-excerpt{display:none}
.founder-full{padding-top:7px}
.founder-full .founder-pullquote{font:400 32px/1.2 'Libre Caslon Display',Georgia,serif;color:var(--ink);letter-spacing:-.4px;margin-block:30px 22px}
.founder-full p:last-child{margin-bottom:0}
.homepage .home-footer{border-top:1px solid #d3d0c6}
@media(max-width:1000px){.homepage .founder-section{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:"heading" "portrait" "story";gap:30px;padding-block:75px}.founder-identity{width:100%}.founder-heading-block .founder-deck{margin-bottom:0}.founder-break{display:none}.founder-copy{width:100%;max-width:720px}.founder-aside{margin-top:20px}}
@media(max-width:760px){.homepage .founder-section{gap:28px;padding-block:55px}.founder-heading-block>.founder-label{font-size:12px}.homepage .founder-heading-block h2{font-size:clamp(44px,8vw,58px)}.founder-heading-block .founder-deck{font-size:33px}.founder-intro,.founder-excerpt p,.founder-full p{font-size:16px;line-height:1.75}.founder-full .founder-pullquote{font-size:29px}.founder-story{margin-top:22px}}
