@font-face { font-family:Fraunces; font-style:normal; font-weight:300 700; font-display:swap; src:url('../assets/fonts/fraunces-latin.woff2') format('woff2'); }
@font-face { font-family:Fraunces; font-style:italic; font-weight:400; font-display:swap; src:url('../assets/fonts/fraunces-italic-latin.woff2') format('woff2'); }
@font-face { font-family:'Public Sans'; font-style:normal; font-weight:300 700; font-display:swap; src:url('../assets/fonts/public-sans-latin.woff2') format('woff2'); }
:root { --ink:#0d231f; --paper:#f6f0e6; --teal:#00665d; --rust:#9e4f39; --soft-rust:#d18768; --sage:#758574; --line:#c9c4b7; --display:Fraunces,Georgia,serif; --body:'Public Sans',Arial,sans-serif; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--paper); font:400 16px/1.6 var(--body); -webkit-font-smoothing:antialiased; } h1,h2,h3,p { margin:0; } h1,h2,h3 { font-family:var(--display); font-weight:400; line-height:1.02; letter-spacing:-.052em; } a { color:inherit; text-decoration:none; } img { display:block; max-width:100%; } button { font:inherit; } [hidden] { display:none!important; } :focus-visible { outline:2px solid currentColor; outline-offset:5px; }
.about-shell { width:min(100% - 112px,1376px); margin-inline:auto; }.about-kicker { display:block; font-size:10px; letter-spacing:.14em; text-transform:uppercase; }.about-skip { position:fixed; z-index:1000; top:10px; left:10px; padding:10px 15px; color:var(--paper); background:var(--rust); transform:translateY(-200%); }.about-skip:focus { transform:none; }
.about-nav { position:relative; z-index:10; display:grid; grid-template-columns:1fr 150px 1fr; align-items:center; min-height:92px; padding:12px 56px; color:var(--paper); background:var(--ink); border-bottom:1px solid #ffffff25; }.about-nav-group { display:flex; gap:32px; font-size:11px; }.about-nav-right { justify-content:flex-end; }.about-nav-group a { padding:9px 0; }.about-nav-group a:hover,.about-contact:hover { color:var(--soft-rust); }.about-contact { border-bottom:1px solid var(--soft-rust); }.about-brand { display:flex; align-items:center; justify-content:center; width:150px; height:68px; margin:auto; }.about-brand img { width:100%; max-height:68px; object-fit:contain; filter:brightness(0) invert(1); }.about-menu-button,.about-menu { display:none; }
.about-hero { position:relative; overflow:hidden; color:var(--paper); background:var(--ink); }.about-hero::before { position:absolute; top:-25vw; right:-13vw; width:min(67vw,920px); aspect-ratio:1; border:1px solid #d1876855; border-radius:50%; box-shadow:0 0 0 82px #d1876811,0 0 0 165px #d187680a; content:''; }.about-hero-grid { position:relative; display:grid; grid-template-columns:1.2fr .8fr; gap:10%; align-items:end; padding-top:104px; padding-bottom:122px; }.about-hero h1 { margin-top:28px; font-size:clamp(66px,8.4vw,126px); }.about-hero h1 em,.about-cta h2 em { color:var(--soft-rust); font-style:italic; }.about-hero-copy { padding-bottom:14px; }.about-hero-copy p { max-width:365px; color:#d5ddd3; font:400 clamp(18px,1.5vw,23px)/1.42 var(--display); letter-spacing:-.02em; }.about-hero-copy span { display:block; margin-top:26px; color:#d2c0ae; font-size:10px; letter-spacing:.12em; text-transform:uppercase; }
.about-intro { padding:105px 0 93px; }.about-intro-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:10%; align-items:end; }.about-intro h2 { margin-top:26px; font-size:clamp(47px,5.7vw,84px); }.about-intro h2 em { color:var(--teal); font-style:italic; }.about-intro-grid > p { max-width:370px; padding-bottom:8px; color:#536153; font-size:14px; }
.about-story { padding-bottom:118px; }.about-chapter { display:grid; grid-template-columns:120px minmax(0,1fr); gap:7%; padding:54px 0 67px; border-top:1px solid var(--line); }.about-chapter:last-child { border-bottom:1px solid var(--line); }.chapter-marker { display:flex; align-items:center; gap:12px; padding-top:4px; color:var(--rust); font-size:11px; letter-spacing:.12em; }.chapter-marker i { display:block; width:36px; height:1px; background:currentColor; }.about-chapter h2 { max-width:720px; margin-top:22px; font-size:clamp(45px,5.3vw,77px); }.about-chapter h2 em { color:var(--rust); font-style:italic; }.chapter-copy { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:34px; max-width:850px; margin-top:33px; }.chapter-copy p { color:#425044; font-size:14px; line-height:1.76; }.about-pullquote { max-width:570px; margin-top:38px; padding:25px 28px; color:var(--paper); background:var(--teal); }.about-pullquote span { color:#c6d0c2; font-size:9px; letter-spacing:.14em; text-transform:uppercase; }.about-pullquote p { margin-top:13px; font:400 27px/1.12 var(--display); letter-spacing:-.035em; }
.about-offclock { padding:101px 0 107px; color:var(--paper); background:#143a33; }.about-offclock-grid { display:grid; grid-template-columns:1fr 1fr; gap:10%; }.about-offclock h2 { margin-top:28px; font-size:clamp(47px,5.6vw,82px); }.about-offclock h2 em { color:var(--soft-rust); font-style:italic; }.offclock-list { border-top:1px solid #ffffff32; }.offclock-list > div { display:grid; grid-template-columns:35px 1fr; gap:15px; padding:23px 0; border-bottom:1px solid #ffffff25; }.offclock-list span { color:var(--soft-rust); font-size:10px; }.offclock-list p { color:#c6d0c2; font-size:13px; }.offclock-list b { color:var(--paper); font-weight:700; }
.about-cta { padding:84px 0; color:var(--paper); background:var(--ink); }.about-cta-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:10%; align-items:end; }.about-cta h2 { font-size:clamp(46px,6.1vw,90px); }.about-cta-grid > div > p { max-width:330px; margin-bottom:22px; color:#c6d0c2; font-size:14px; }.about-line-link { display:inline-flex; padding:10px 0; border-bottom:1px solid currentColor; font-size:15px; }.about-line-link:hover { color:var(--soft-rust); }
.about-footer { display:grid; grid-template-columns:1.15fr 1fr 1fr; gap:20px; padding-block:38px 20px; }.about-footer-brand { display:flex; align-items:center; width:140px; height:76px; }.about-footer-brand img { width:100%; max-height:76px; object-fit:contain; }.about-footer > div:first-child > p { margin-top:14px; font:17px/1.25 var(--display); }.about-footer nav { display:flex; flex-wrap:wrap; align-content:start; gap:10px 25px; font-size:10px; }.about-footer nav a:hover { text-decoration:underline; text-underline-offset:5px; }.about-footer-fine { display:flex; align-content:start; justify-content:flex-end; flex-wrap:wrap; gap:12px 20px; color:#536153; font-size:9px; }.about-footer-fine span { flex-basis:100%; text-align:right; }
@media (max-width:900px) { .about-shell { width:calc(100% - 64px); }.about-nav { padding-inline:36px; }.about-nav-group { gap:21px; }.about-hero-grid,.about-intro-grid,.about-cta-grid { gap:6%; }.about-chapter { grid-template-columns:90px minmax(0,1fr); }.about-footer { grid-template-columns:1fr 1fr; }.about-footer-fine { justify-content:start; }.about-footer-fine span { text-align:left; } }
@media (max-width:700px) { .about-shell { width:calc(100% - 40px); }.about-nav { display:flex; min-height:68px; padding:8px 20px; }.about-brand { width:95px; height:52px; margin:auto; }.about-brand img { max-height:52px; }.about-nav-group { display:none; }.about-menu-button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; width:40px; height:40px; margin-left:auto; border:0; color:var(--paper); background:transparent; }.about-menu-button span { width:22px; height:1px; background:currentColor; transition:transform .2s; }.about-menu-button[aria-expanded='true'] span:first-child { transform:translateY(3.5px) rotate(45deg); }.about-menu-button[aria-expanded='true'] span:last-child { transform:translateY(-3.5px) rotate(-45deg); }.about-menu { position:absolute; top:100%; right:0; left:0; display:block; padding:15px 20px 22px; background:var(--ink); border-bottom:1px solid #ffffff2c; }.about-menu a { display:block; padding:10px 0; font-size:14px; }.about-hero-grid,.about-intro-grid,.about-offclock-grid,.about-cta-grid { grid-template-columns:1fr; gap:42px; }.about-hero-grid { padding-top:67px; padding-bottom:87px; }.about-hero h1 { font-size:clamp(60px,16vw,100px); }.about-hero-copy { padding:0; }.about-intro { padding:71px 0; }.about-intro-grid > p { padding:0; }.about-story { padding-bottom:71px; }.about-chapter { grid-template-columns:1fr; gap:20px; padding:36px 0 46px; }.chapter-marker { padding:0; }.about-chapter h2 { margin-top:18px; font-size:clamp(43px,12vw,67px); }.chapter-copy { grid-template-columns:1fr; gap:18px; margin-top:26px; }.about-pullquote { padding:23px; }.about-offclock { padding-block:69px; }.about-cta { padding-block:65px; }.about-footer { grid-template-columns:1fr; gap:25px; padding-block:34px 18px; }.about-footer-brand { width:120px; height:65px; }.about-footer-brand img { max-height:65px; }.about-footer nav { max-width:290px; }.about-footer-fine { justify-content:start; }.about-footer-fine span { text-align:left; } }
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; transition-duration:.01ms!important; } }

/* A more personal founder story, built from Liv's own language. */
.about-hero-grid { grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr); }
.about-hero h1 { max-width:900px; margin:0; font-size:clamp(62px,7.7vw,116px); }
.about-hero-copy p { max-width:440px; }
.about-intro { padding:96px 0 102px; }
.about-intro-grid { grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr); align-items:start; }
.about-intro h2 { max-width:760px; margin:0; font-size:clamp(44px,5.1vw,74px); }
.about-intro-copy { max-width:560px; padding-top:8px; }
.about-intro-copy p { color:#425044; font-size:16px; line-height:1.75; }
.about-intro-copy p + p { margin-top:20px; }
.about-chapter { grid-template-columns:90px minmax(0,1fr); gap:5%; padding:66px 0 74px; }
.about-chapter h2 { max-width:1080px; margin:0; font-size:clamp(42px,4.7vw,68px); line-height:1.08; }
.chapter-copy { gap:clamp(28px,4vw,60px); max-width:1100px; margin-top:34px; }
.chapter-copy p { font-size:16px; line-height:1.75; }
.about-pullquote { max-width:820px; margin-top:34px; padding:29px 32px; }
.about-pullquote p { margin:0; font-size:clamp(25px,2.6vw,36px); line-height:1.2; }
.motions-explanation { max-width:960px; margin-top:34px; padding:30px 32px; color:var(--paper); background:var(--teal); }
.motions-explanation p { font-size:16px; line-height:1.75; }
.motions-explanation .about-line-link { margin-top:19px; }
.about-working { padding:100px 0 108px; background:#e8e1d6; }
.about-working-head { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr); gap:8%; align-items:end; }
.about-working-head h2 { max-width:850px; font-size:clamp(44px,5.3vw,78px); }
.about-working-head > p { max-width:410px; color:#425044; font-size:16px; line-height:1.65; }
.about-working-grid { display:grid; grid-template-columns:repeat(4,1fr); margin-top:58px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.about-working-grid article { min-height:245px; padding:27px 30px 31px 0; border-right:1px solid var(--line); }
.about-working-grid article + article { padding-left:30px; }
.about-working-grid article:last-child { border-right:0; }
.about-working-grid h3 { color:var(--teal); font-size:29px; }
.about-working-grid p { margin-top:34px; color:#425044; font-size:15px; line-height:1.7; }
.about-working blockquote { max-width:980px; margin:60px 0 0; padding-left:29px; color:var(--rust); border-left:3px solid var(--rust); font:italic 400 clamp(26px,3vw,42px)/1.25 var(--display); letter-spacing:-.035em; }
.about-offclock-grid { align-items:start; }
.about-offclock h2 { max-width:680px; margin:0; font-size:clamp(44px,5vw,72px); }
.offclock-intro { max-width:550px; margin-top:25px; color:#c6d0c2; font-size:16px; line-height:1.7; }
.offclock-list p { font-size:15px; line-height:1.65; }
.about-values { padding:100px 0; background:#d9c5b2; }
.about-values-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr); gap:10%; align-items:start; }
.about-values h2 { max-width:760px; font-size:clamp(44px,5.2vw,76px); }
.about-values-grid > div { padding-top:8px; }
.about-values p { color:#354638; font-size:17px; line-height:1.75; }
.about-values p + p { margin-top:22px; }
.about-cta-grid { grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); }
.about-cta h2 { max-width:950px; font-size:clamp(45px,5.5vw,80px); }
.about-cta-grid > div > p { max-width:440px; font-size:16px; line-height:1.65; }

@media (min-width:1200px) {
  .about-chapter h2, .about-working-head h2, .about-offclock h2, .about-values h2 { text-wrap:balance; }
}
@media (max-width:1100px) and (min-width:901px) {
  .about-working-grid { grid-template-columns:repeat(2,1fr); }
  .about-working-grid article:nth-child(2) { border-right:0; }
  .about-working-grid article:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .about-working-grid article:nth-child(3) { padding-left:0; }
}
@media (max-width:900px) {
  .about-hero-grid,.about-intro-grid,.about-working-head,.about-values-grid,.about-cta-grid { grid-template-columns:1fr; gap:34px; }
  .about-hero-copy,.about-intro-copy { padding:0; }
  .about-working-grid { grid-template-columns:1fr; }
  .about-working-grid article,.about-working-grid article + article { min-height:0; padding:28px 0; border-right:0; border-bottom:1px solid var(--line); }
  .about-working-grid article:last-child { border-bottom:0; }
  .about-working-grid p { margin-top:16px; }
}
@media (max-width:700px) {
  .about-hero h1 { font-size:clamp(53px,14vw,80px); }
  .about-hero-grid { gap:32px; padding-top:65px; padding-bottom:78px; }
  .about-intro { padding:66px 0 72px; }
  .about-intro h2,.about-chapter h2,.about-working-head h2,.about-offclock h2,.about-values h2,.about-cta h2 { font-size:clamp(39px,10.5vw,57px); }
  .about-intro-copy p,.chapter-copy p,.motions-explanation p,.about-working-head > p,.offclock-intro,.about-values p,.about-cta-grid > div > p { font-size:15px; }
  .about-chapter { padding:43px 0 50px; }
  .about-pullquote,.motions-explanation { padding:24px; }
  .about-working,.about-values { padding-block:68px; }
  .about-working-grid { margin-top:40px; }
  .about-working blockquote { margin-top:42px; }
}