.ab-page{--ab-ink:#17191d;--ab-paper:#f6f4ee;--ab-copper:#9a3e29;--ab-line:#c6c8c1;background:var(--ab-paper);color:var(--ab-ink);overflow:clip}
.ab-page h1,.ab-page h2,.ab-page h3,.ab-page p,.ab-page figure{margin:0}
.ab-page h1,.ab-page h2{line-height:1.02;letter-spacing:0;overflow-wrap:anywhere}
.ab-page h3{line-height:1.14;overflow-wrap:anywhere}
.ab-page .ab-label{font:600 12px/1.4 ui-monospace,monospace;text-transform:uppercase;color:var(--ab-copper);margin-bottom:20px}
.ab-page a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.ab-link{display:inline-flex;align-items:center;gap:10px;font-weight:650;text-decoration:underline;text-underline-offset:5px}
.ab-link:hover{text-decoration-thickness:2px}

.ab-hero{box-sizing:border-box;display:grid;align-items:center;min-height:clamp(650px,72svh,735px);padding-block:76px;position:relative;isolation:isolate;overflow:clip;background:#eeede6}
.ab-hero .ab-hero-art,.ab-philosophy .ab-philosophy-art{position:absolute;inset:0;z-index:-2}
.ab-hero-art img,.ab-philosophy-art img{display:block;width:100%;height:100%;object-fit:cover}
.ab-hero-art img{object-position:center 53%}
.ab-hero::after,.ab-philosophy::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.ab-hero::after{background:linear-gradient(90deg,#f5f3ecee 0%,#f5f3ecd9 31%,#f5f3ec8a 49%,#f5f3ec00 71%)}
.ab-hero h1{font-size:82px;max-width:51rem;white-space:pre-line;text-wrap:balance}
.ab-hero-intro{max-width:43ch;margin-block:28px 24px;line-height:1.66}
.ab-journey-link{min-height:36px}
.ab-journey-link>span:last-child{display:grid;place-items:center;width:28px;height:28px;border:1px solid #83695d;border-radius:50%;text-decoration:none}
[data-satrap-edit-root] .ab-hero-copy,[data-satrap-edit-root] .ab-philosophy>.s2-wrap{pointer-events:none}
[data-satrap-edit-root] .ab-hero-copy>*,[data-satrap-edit-root] .ab-philosophy>.s2-wrap>*{width:fit-content;pointer-events:auto}

.ab-journey{background:#edf0eb;padding-block:155px 176px}
.ab-journey-head h2{font-size:58px;max-width:16ch;text-wrap:balance}
.ab-archive{margin-top:64px}
.ab-eras,.ab-team{list-style:none;margin:0;padding:0}
.ab-eras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(30px,5.5%,80px);align-items:start}
.ab-era{--ab-delay:0ms;--ab-offset:0px;position:relative;padding-top:25px;margin-top:var(--ab-offset);border-top:1px solid #aeb5ae}
.ab-era:nth-child(2){--ab-delay:85ms;--ab-offset:48px}
.ab-era:nth-child(3){--ab-delay:170ms;--ab-offset:96px}
.ab-era::before{content:"";position:absolute;top:-1px;left:0;width:36px;height:2px;background:var(--ab-copper);transform-origin:left}
.ab-page .ab-period{font-size:96px;line-height:1;letter-spacing:0;font-weight:780;white-space:nowrap;font-variant-numeric:tabular-nums}
.ab-era:last-child .ab-period{color:var(--ab-copper)}
.ab-era-copy{max-width:36ch;margin-top:21px}
.ab-era-copy h3{font-size:22px;margin-bottom:11px}
.ab-era-copy p{line-height:1.63;color:#3d4642}

.ab-philosophy{position:relative;isolation:isolate;overflow:clip;background:#17191c;color:#f7f4ee;padding-block:186px 198px}
.ab-philosophy-art img{object-position:center 49%}
.ab-philosophy::after{background:linear-gradient(90deg,#151719b0,#15171949 61%,transparent),linear-gradient(0deg,#151719ed,transparent 57%)}
.ab-philosophy .ab-label{color:#f3ac8e}
.ab-statement{font-size:112px;padding-block:33px 65px;border-top:1px solid #deded456}
.ab-statement span,.ab-future h2 span{display:block}
.ab-statement span+span{margin-inline-start:8%;color:#ffc8aa}
.ab-philosophy-notes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(28px,8%,115px);border-top:1px solid #deded456;padding-top:35px}
.ab-prose>p,.ab-name>p{line-height:1.64;max-width:55ch}
.ab-philosophy .ab-prose>p,.ab-name>p{color:#eeece4}
:is(.ab-philosophy-notes,.ab-future-end) p+p{margin-top:14px}
.ab-philosophy-notes .ab-philosophy-signoff{margin-top:20px;color:#ffc8aa;font-weight:750}
.ab-name h3{font-size:19px;margin-bottom:6px}

.ab-people{background:#f8f7f3;padding-block:154px 170px}
.ab-people-head{margin-bottom:49px}
.ab-people-head h2{font-size:61px;max-width:14ch;text-wrap:balance}
.ab-team{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(28px,6%,92px)}
.ab-team li{position:relative;display:grid;grid-template-columns:2.5rem minmax(0,1fr);grid-template-rows:auto auto;align-items:baseline;column-gap:12px;border-top:1px solid var(--ab-line);padding-block:28px 34px}
.ab-team li::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;transform:scaleX(0);transform-origin:left;background:var(--ab-copper)}
.ab-team .ab-founder{grid-column:1/-1;grid-template-columns:2.5rem minmax(0,1fr) minmax(9rem,.24fr);grid-template-rows:auto;padding-block:40px 49px}
.ab-index{font:600 12px/1 ui-monospace,monospace;color:#8b482f}
.ab-team h3{font-size:34px}
.ab-team .ab-founder h3{font-size:80px}
.ab-page .ab-role{grid-column:2;color:#444b46;line-height:1.4;font-size:15px;font-weight:630;margin-top:9px}
.ab-team .ab-founder .ab-role{grid-column:3;color:var(--ab-copper);font-size:18px}

.ab-future{background:#eef0ed;color:var(--ab-ink);position:relative;isolation:isolate;overflow:clip;padding-block:183px 197px}
.ab-future::before,.ab-future::after{content:"";position:absolute;z-index:-1;width:48%;height:155%;right:-14%;top:-28%;transform:skewX(-27deg);background:#dfe5df;border-left:1px solid #9f6b56}
.ab-future::after{right:-32%;background:#e8ebe5;border-color:#a5afa7}
.ab-future h2{font-size:100px;max-width:17ch}
.ab-future h2 span+span{color:#983f2c}
.ab-future-end{display:flex;align-items:end;justify-content:space-between;gap:36px;border-top:1px solid #afb7af;margin-top:63px;padding-top:32px}
.ab-page .ab-button{display:inline-flex;align-items:center;flex-shrink:0;justify-content:space-between;gap:34px;padding:14px 18px;min-height:25px;background:#272c2a;color:#fff;font-weight:700;text-decoration:none}
.ab-button:hover{background:#823824}
.ab-page .ab-button:focus-visible{outline-color:var(--ab-ink)}

@media(prefers-reduced-motion:no-preference){
  .ab-page:not([data-satrap-edit-root] *) .ab-hero-copy{animation:ab-enter .68s cubic-bezier(.2,.67,.32,1) both}
  .ab-page:not([data-satrap-edit-root] *) .ab-hero-art img{animation:ab-settle 1.05s cubic-bezier(.2,.67,.32,1) both}
  .ab-era[data-ab-reveal]::before{transform:scaleX(.34);transition:transform .62s cubic-bezier(.22,.61,.35,1) var(--ab-delay)}
  .ab-era[data-ab-reveal][data-inview]::before{transform:scaleX(1)}
  .ab-era[data-ab-reveal][data-inview]>*{animation:ab-enter .54s cubic-bezier(.22,.61,.35,1) var(--ab-delay) both}
  .ab-team li::before{transition:transform .24s ease}
  .ab-team h3,.ab-button{transition:transform .24s ease,background-color .24s ease}
  .ab-team li:is(:hover,:focus-within)::before{transform:scaleX(1)}
  .ab-team li:is(:hover,:focus-within) h3{transform:translateX(4px)}
}
@keyframes ab-enter{from{opacity:.82;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes ab-settle{from{transform:scale(1.022)}to{transform:none}}

@media(max-width:1150px){
  .ab-hero h1{font-size:77px;max-width:12.5ch}
  .ab-journey{padding-block:124px 138px}
  .ab-philosophy{padding-block:145px 153px}
  .ab-people{padding-block:117px 135px}
  .ab-future{padding-block:142px 152px}
  .ab-journey-head h2{font-size:51px}
  .ab-page .ab-period{font-size:82px}
  .ab-statement,.ab-future h2{font-size:87px}
  .ab-people-head h2{font-size:54px}
}
@media(max-width:900px){
  .ab-hero{min-height:min(74svh,660px);padding-block:60px}
  .ab-hero h1{font-size:65px}
  .ab-journey{padding-block:98px 108px}
  .ab-philosophy{padding-block:115px 121px}
  .ab-people{padding-block:96px 105px}
  .ab-future{padding-block:110px 119px}
  .ab-archive{margin-top:46px}
  .ab-eras{gap:clamp(22px,4%,36px)}
  .ab-journey-head h2{font-size:46px}
  .ab-page .ab-period{font-size:64px}
  .ab-statement,.ab-future h2{font-size:69px}
  .ab-team h3{font-size:29px}
  .ab-team .ab-founder h3{font-size:59px}
}
@media(min-width:901px) and (max-height:800px){
  .ab-hero{min-height:min(74svh,650px);padding-block:57px}
}
@media(max-width:700px){
  .ab-hero{min-height:min(76svh,650px);padding-block:145px 42px;align-items:end}
  .ab-hero-art img{object-position:62% 32%}
  .ab-hero::after{background:linear-gradient(0deg,#f6f3eb 0%,#f6f3ebf5 37%,#f6f3ebdc 66%,#f6f3eb12 94%)}
  .ab-hero h1{font-size:48px}
  .ab-hero-intro{margin-block:21px 16px;line-height:1.56}
  .ab-journey{padding-block:69px 75px}
  .ab-philosophy{padding-block:79px 88px}
  .ab-people{padding-block:69px 75px}
  .ab-future{padding-block:82px 88px}
  .ab-journey-head h2{font-size:38px}
  .ab-archive{margin-top:37px}
  .ab-eras{display:block}
  .ab-era,.ab-era:nth-child(n){display:grid;grid-template-columns:minmax(110px,.7fr) minmax(0,1fr);align-items:start;gap:13px;margin-top:0;padding-block:20px 26px;--ab-delay:0ms}
  .ab-era:nth-child(2){margin-inline-start:10px}
  .ab-era:nth-child(3){margin-inline-start:20px;padding-bottom:0}
  .ab-page .ab-period{font-size:46px}
  .ab-era-copy{margin-top:2px}
  .ab-era-copy h3{font-size:18px;margin-bottom:8px}
  .ab-era-copy p{font-size:14px;line-height:1.48}
  .ab-philosophy-art img{object-position:64% center}
  .ab-philosophy::after{background:linear-gradient(0deg,#151719fa,#151719dc 44%,#1517195e 100%),linear-gradient(90deg,#1517197d,transparent)}
  .ab-statement,.ab-future h2{font-size:52px}
  .ab-statement{padding-block:24px 36px}
  .ab-statement span+span{margin-inline-start:6%}
  .ab-philosophy-notes{grid-template-columns:1fr;gap:31px;padding-top:26px}
  .ab-people-head{margin-bottom:34px}
  .ab-people-head h2{font-size:43px}
  .ab-team{grid-template-columns:1fr}
  .ab-team li,.ab-team .ab-founder{grid-template-columns:1.7rem minmax(0,1fr);grid-template-rows:auto auto;row-gap:4px;padding-block:17px 21px}
  .ab-team .ab-founder{padding-block:24px 28px}
  .ab-team h3{font-size:27px}
  .ab-team .ab-founder h3{font-size:40px}
  .ab-team .ab-founder .ab-role,.ab-page .ab-role{grid-column:2;font-size:14px;margin-top:3px}
  .ab-future-end{align-items:start;flex-direction:column;gap:25px;margin-top:36px;padding-top:25px}
  .ab-future::before{right:-29%}
  .ab-future::after{right:-44%}
}
@media(max-width:370px){
  .ab-hero h1{font-size:41px}
  .ab-hero{padding-top:110px}
  .ab-journey-head h2{font-size:34px}
  .ab-era,.ab-era:nth-child(n){grid-template-columns:1fr;gap:6px}
  .ab-page .ab-period{font-size:49px}
  .ab-statement,.ab-future h2{font-size:43px}
  .ab-people-head h2{font-size:38px}
}