:root {
  --color-primary: #877126;
  --color-primary-alt: #5a4a16;
  --color-primary-soft: #dbcd9e;
  --color-brand-inverse: #a78b2f;
  --color-primary-fg: #ffffff;
  --color-accent: #ad32d2;
  --color-accent-fg: #ffffff;
  --color-background: #ffffff;
  --color-layer: #f8f8f7;
  --color-ink: #252218;
  --color-muted: #787462;
  --color-stroke: #eae9e6;
  --color-dark-bg: #272316;
  --color-inverse-surface: #3f3822;
  --color-inverse-text: #f6f5f4;
  --color-inverse-muted: #bab7ab;
  --radius-sm: 24px;
  --radius-large: 48px;
  --radius-control: 999px;
  --case-btn: none;
  --tracking-cta: 0;
  --font-weight-btn: 600;
  --font-head: 'Poppins', 'Avenir Next', 'Segoe UI', system-ui, sans-serif;
  --font-base: 'Open Sans', 'Open Sans', system-ui, sans-serif;
  --text-display: clamp(2rem, 4.5vw, 3.25rem);
  --text-title: clamp(1.6rem, 3vw, 2.25rem);
  --text-subtitle: 1.25rem;
  --font-weight-title: 700;
  --tracking-display: -0.02em;
  --leading-heading: 1.15;
  --case-eyebrow: none;
  --tracking-label: 0;
  --color-tagline: #877126;
  --text-text: 1.0625rem;
  --leading-body: 1.6;
  --container-content: 1239px;
  --spacing-section: 5.5rem;
  --shadow-1: 0 10px 30px rgba(0,0,0,.06);
  --shadow-2: 0 12px 40px rgba(0,0,0,.14);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--color-background);font-size:var(--text-text);color:var(--color-ink);overflow-wrap:anywhere;line-height:var(--leading-body);font-family:var(--font-base)}
img,svg,video {
  display: block;
  max-width: 100%;
  height: auto;
}
h1,h2,h3,h4 {
  hyphens: manual;
  letter-spacing: var(--tracking-display);
  line-height: var(--leading-heading);
  font-weight: var(--font-weight-title);
  color: var(--color-ink);
  margin: 0 0 .6em;
  font-family: var(--font-head);
}
h1{font-size:var(--text-display)}
h2 {
  font-size: var(--text-title);
}
h3{line-height:1.3;font-size:var(--text-subtitle)}
h4{font-size:1.05rem;line-height:1.35}
p{margin:0 0 1em}
a {
  color: var(--color-primary);
  text-decoration: none;
}
@media (min-width:481px){
a[href^="tel:"]{white-space:nowrap}
}
a:hover{color:var(--color-primary-alt)}
ul,ol{padding-left:1.25em;margin:0 0 1em}
button,input,textarea,select{color:inherit;font:inherit}
::selection {
  color: var(--color-ink);
  background: var(--color-primary-soft);
}
.left-xs{margin-inline:auto;width:min(100% - 2.5rem,var(--container-content))}
.fixed-scroll{width:min(100% - 2.5rem,48rem)}
.translate-muted {
  padding-block: var(--spacing-section);
}
.inset-disc {
  background: var(--color-layer);
}
.leading-normal{color:var(--color-inverse-text);background:var(--color-dark-bg)}
.leading-normal h1,.leading-normal h2,.leading-normal h3,.leading-normal h4 {
  color: inherit;
}
.leading-normal a {
  color: var(--color-brand-inverse);
}
.leading-normal .self-primary,.leading-normal .col-wrap {
  color: var(--color-inverse-muted);
}
.leading-normal .list {
  color: var(--color-brand-inverse);
}
.m-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:var(--radius-control);background:var(--color-primary);color:var(--color-primary-fg);font-weight:var(--font-weight-btn);text-transform:var(--case-btn);letter-spacing:var(--tracking-cta);line-height:1.25;border:1px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}
.m-secondary:hover {
  color: var(--color-primary-fg);
  background: var(--color-primary-alt);
}
.m-secondary:active {
  transform: translateY(1px);
}
.row-gray-900 {
  border-color: currentColor;
  color: var(--color-primary);
  background: transparent;
}
.row-gray-900:hover{border-color:var(--color-primary);color:var(--color-primary-fg);background:var(--color-primary)}
.bg-circle{background:var(--color-accent);color:var(--color-accent-fg)}
.bg-circle:hover{color:var(--color-accent-fg);filter:brightness(.92);background:var(--color-accent)}
.whitespace-secondary{color:var(--color-dark-bg);background:var(--color-inverse-text)}
.whitespace-secondary:hover {
  color: var(--color-dark-bg);
  background: #fff;
}
.cursor{font-size:.9rem;padding:.55rem 1.1rem}
.inline-bold {
  font-size: 1.05rem;
  padding: 1rem 2rem;
}
.leading-normal .m-secondary:not(.row-gray-900):not(.bg-circle):not(.whitespace-secondary){color:var(--color-dark-bg);background:var(--color-brand-inverse)}
.leading-normal .m-secondary:not(.row-gray-900):not(.bg-circle):not(.whitespace-secondary):hover{color:var(--color-dark-bg);background:var(--color-inverse-text)}
.leading-normal .row-gray-900 {
  color: var(--color-inverse-text);
  border-color: var(--color-inverse-muted);
}
.leading-normal .row-gray-900:hover{background:var(--color-inverse-text);color:var(--color-dark-bg);border-color:var(--color-inverse-text)}
.shadow-4{gap:1.5rem;display:grid}
.absolute-md {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,18rem),1fr));
}
.object-snug {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,15rem),1fr));
}
.duration-disc{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}
.font-0 {
  grid-template-columns: repeat(2,1fr);
}
.static-tight {
  grid-template-columns: repeat(3,1fr);
}
.visible-white {
  grid-template-columns: repeat(4,1fr);
}
@media (max-width:960px){.visible-white {
  grid-template-columns: repeat(2,1fr);
}.static-tight {
  grid-template-columns: repeat(2,1fr);
}}
@media (max-width:560px){.font-0,.static-tight,.visible-white{grid-template-columns:1fr}}
.order-screen{display:flex;justify-content:center;flex-wrap:wrap}
.order-screen>* {
  min-width: 0;
}
.order-screen.font-0>*{flex:0 0 calc((100% - 1.5rem)/2)}
.order-screen.static-tight>*{flex:0 0 calc((100% - 3rem)/3)}
.order-screen.visible-white>*{flex:0 0 calc((100% - 4.5rem)/4)}
@media (max-width:960px){.order-screen.static-tight>*,.order-screen.visible-white>* {
  flex-basis: calc((100% - 1.5rem)/2);
}}
@media (max-width:560px){.order-screen.font-0>*,.order-screen.static-tight>*,.order-screen.visible-white>*{flex-basis:100%}}
.self-primary {
  font-size: 1.15rem;
  color: var(--color-muted);
}
.list{font-weight:700;text-transform:var(--case-eyebrow);display:inline-block;color:var(--color-tagline);font-size:.8rem;letter-spacing:var(--tracking-label);margin-bottom:.75rem}
.col-wrap{color:var(--color-muted)}
.transition-col{text-align:center}
.grow-md {
  overflow: hidden;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  position: absolute;
  margin: -1px;
  width: 1px;
  height: 1px;
}
@media (max-width:640px){
.translate-muted{padding-block:calc(var(--spacing-section) * .7)}
}
.duration-snug {
  border-bottom: 1px solid var(--color-stroke);
  color: var(--color-ink);
  overflow-wrap: anywhere;
  background: var(--color-background);
}
.scale-xl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding-block: 1.5rem;
  border-bottom: 1px solid var(--color-stroke);
}
.overflow-min .scale-xl {
  border-bottom: 3px solid var(--color-primary);
}
.my-disc {
  display: inline-flex;
  align-items: center;
  gap: .9rem;
  color: var(--color-ink);
  min-width: 0;
  max-width: 38rem;
}
.my-disc:hover {
  color: var(--color-primary);
}
.place-tight {
  color: var(--color-primary);
  width: 2.7rem;
  border: 1px solid var(--color-primary);
  align-items: center;
  justify-content: center;
  font-family: var(--font-head);
  height: 2.7rem;
  flex: none;
  display: flex;
  font-size: 1.4rem;
}
.row-2{font-size:clamp(1.15rem,2.2vw,1.9rem);line-height:1.2;font-weight:var(--font-weight-title);font-family:var(--font-head);min-width:0}
.p-right {
  font-size: clamp(1.05rem,1.7vw,1.45rem);
  text-wrap: balance;
  line-height: 1.15;
}
.bg-third {
  max-width: 26rem;
  font-size: .85rem;
  text-align: right;
  color: var(--color-muted);
  margin: 0;
}
.sr-10 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding-block: 1rem;
}
.skew-white{min-width:0}
.pb-light{display:flex;flex-wrap:wrap;align-items:baseline;gap:.65rem 1.5rem;margin:0;padding:0;list-style:none}
.h-start {
  min-width: 0;
}
.sticky-light {
  display: block;
  color: var(--color-ink);
  font-size: .85rem;
  line-height: 1.4;
  padding: .3rem 0;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: .35em;
}
.sticky-light:hover,.min-h{text-decoration-color:currentColor;color:var(--color-primary)}
.row-4 {
  display: inline-flex;
  gap: .9rem;
  align-items: baseline;
  color: var(--color-primary);
  font-weight: 700;
  font-size: .9rem;
  flex-shrink: 0;
  max-width: 16rem;
  padding: .35rem 0;
}
@media (max-width:700px){
.scale-xl{gap:1rem;padding-block:1rem}
.bg-third {
  display: none;
}
.sr-10 {
  align-items: flex-start;
  flex-direction: column;
  gap: .8rem;
}
.skew-white {
  width: 100%;
}
.pb-light{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem 1rem}
.row-4 {
  width: 100%;
  max-width: none;
  border-top: 1px solid var(--color-stroke);
  justify-content: space-between;
  padding-top: .8rem;
}
.row-2 {
  font-size: 1.3rem;
}
.p-right {
  font-size: 1.1rem;
}
}
.decoration-sm{text-align:center;font-size:.95rem;margin-top:auto}
.list-snug {
  background: var(--color-layer);
  border-top: 1px solid var(--color-stroke);
}
.mr-xl{border-top:1px solid var(--color-stroke)}
.rotate {
  color: var(--color-inverse-text);
  background: var(--color-dark-bg);
}
.h-0{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding-block:var(--spacing-section) calc(var(--spacing-section) * .7)}
.col{height:2.25rem;width:auto}
.fixed-top {
  opacity: .8;
  margin: 0;
  max-width: 34rem;
}
.z-min{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;list-style:none;margin:0;padding:0}
.block-20 {
  color: inherit;
  opacity: .85;
}
.block-20:hover{color:inherit;text-decoration:underline;opacity:1}
.rotate .block-20:hover{color:var(--color-brand-inverse)}
.min-h-md{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;margin:0;opacity:.85;font-size:.9rem}
.cursor-medium {
  gap: .5rem;
  margin: 0;
  display: flex;
  list-style: none;
  padding: 0;
}
.scale-medium{color:var(--color-primary-fg);height:2rem;font-size:.75rem;font-weight:700;display:inline-flex;width:2rem;justify-content:center;border-radius:50%;align-items:center;background:var(--color-primary)}
.scale-medium svg{width:1rem;height:1rem}
.origin {
  border-top: 1px solid rgba(128,128,128,.25);
}
.hidden-6 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: .75rem 1.5rem;
  padding-block: 1rem;
  font-size: .85rem;
  opacity: .8;
}
.leading-relaxed {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width:640px){.hidden-6 {
  align-items: center;
  flex-direction: column;
}}
.container-primary {
  position: fixed;
  z-index: 50;
  inset-inline-end: 1rem;
  bottom: 1rem;
  width: min(24rem,calc(100% - 2rem));
  max-height: calc(100vh - 2rem);
  max-height: calc(100dvh - 2rem);
  overflow: auto;
  overscroll-behavior: contain;
  padding: 1.35rem;
  background: var(--color-layer);
  color: var(--color-ink);
  border: 1px solid var(--color-stroke);
  border-top: 3px solid var(--color-primary);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-1);
  font-size: .92rem;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.container-primary[hidden]{display:none}
.overflow-visible{letter-spacing:var(--tracking-display);margin:0 0 .7rem;line-height:1.25;font-family:var(--font-head);font-weight:var(--font-weight-title);font-size:1.18rem}
.whitespace{margin:0 0 .9rem}
.rotate-24{display:inline-block;color:var(--color-primary);text-underline-offset:.2em;font-weight:600;text-decoration:underline;max-width:100%}
.rotate-24:hover{color:var(--color-primary-alt)}
.shadow-half{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:1.15rem;padding-top:1rem;border-top:1px solid var(--color-stroke)}
.w-left{min-width:0;min-height:44px;padding:.65rem .6rem;border:1px solid var(--color-stroke);border-radius:var(--radius-control);background:var(--color-background);color:var(--color-ink);font-weight:var(--font-weight-btn);font-size:.9rem;line-height:1.3;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
.w-left:hover{border-color:var(--color-primary);color:var(--color-primary-fg);background:var(--color-primary)}
.w-left:focus-visible,.rotate-24:focus-visible {
  outline: 3px solid var(--color-primary);
  outline-offset: 3px;
}
@media(max-width:560px){
.container-primary{padding:.85rem .95rem;line-height:1.4;width:calc(100% - 1rem);inset-inline-end:.5rem;bottom:.5rem;font-size:.84rem}
.overflow-visible{margin-bottom:.35rem;font-size:1rem}
.whitespace{margin-bottom:.5rem}
.shadow-half {
  padding-top: .6rem;
  gap: .5rem;
  margin-top: .6rem;
}
.w-left {
  min-height: 40px;
  padding: .5rem .4rem;
}
}
.absolute-between {
  padding: 2.25rem;
  background: var(--color-layer);
  border: 1px solid var(--color-stroke);
  border-radius: var(--radius-large);
  min-width: 0;
}
.transition-10 .absolute-between {
  text-align: center;
}
.sticky {
  margin: 0;
  overflow-wrap: anywhere;
}
.tracking-2xl {
  overflow-wrap: anywhere;
  color: var(--color-muted);
  margin: .75rem 0 0;
}
.not-sr-20 {
  color: inherit;
}
.absolute-left{gap:1rem;text-align:start;display:grid;margin-top:1.75rem}
.grid-snug{gap:.35rem;min-width:0;display:grid}
.container-auto {
  font-size: .9rem;
  font-weight: 600;
}
.place-square{width:100%;min-width:0;padding:.7rem .9rem;border:1px solid var(--color-stroke);border-radius:var(--radius-sm);background:var(--color-background)}
.place-square:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 1px;
}
.overflow-muted{resize:vertical}
.self-gray-100 {
  overflow-wrap: anywhere;
  justify-self: start;
  max-width: 100%;
}
.transition-10 .self-gray-100 {
  justify-self: center;
}
@media (max-width:480px){
.absolute-between {
  padding: 1.25rem;
}
}
.transition {
  padding-block: calc(var(--spacing-section) * 1.3);
  text-align: center;
}
.fixed{background:var(--color-layer)}
.text-primary{color:var(--color-primary-fg);background:var(--color-primary)}
.text-primary .select-dark,.text-primary .border-6 {
  color: var(--color-primary-fg);
}
.text-primary .visible {
  border-color: var(--color-primary-fg);
  color: var(--color-primary-fg);
}
.text-primary .visible:hover {
  background: var(--color-primary-fg);
  color: var(--color-primary);
}
.container-top{max-width:48rem}
.border-6{font-size:1.15rem;color:var(--color-muted);margin-bottom:1.75rem}
.self-bottom{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}
.sticky-12 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2.5rem;
  list-style: none;
  margin: 3rem 0 0;
  padding: 0;
}
.ml-x{display:flex;flex-direction:column;gap:.15rem}
.top-white {
  font-family: var(--font-head);
  line-height: 1;
  font-size: 2rem;
}
.p-muted{opacity:.8;font-size:.9rem}
.sticky-contain {
  overflow-wrap: anywhere;
}
.font-screen>* {
  min-width: 0;
}
.border-relaxed {
  max-width: 24ch;
}
.h-gray-100 {
  color: var(--color-muted);
}
.order-half{text-align:center;white-space:normal;max-width:100%}
.block-contain{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:3rem;align-items:end;margin-bottom:3rem}
.opacity-4 {
  margin: 0;
  max-width: 48ch;
}
.inset-square {
  padding: 0;
  list-style: none;
  margin: 0;
  border-top: 2px solid var(--color-ink);
}
.m-max {
  display: grid;
  grid-template-columns: 4rem minmax(0,.85fr) minmax(0,1.15fr);
  gap: 2rem;
  padding: 1.7rem 0;
  border-bottom: 1px solid var(--color-stroke);
  align-items: start;
}
.font-sm{line-height:1.1;font-size:2.1rem;color:var(--color-primary);font-family:var(--font-head)}
.transition-around{margin:0;font-size:clamp(1.2rem,2.2vw,1.8rem)}
.h-gray-100{margin:0}
.sticky-circle {
  display: flex;
  gap: 2rem;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
}
.container-xs {
  max-width: 56ch;
  color: var(--color-muted);
  margin: 0;
}
.order-half{flex-shrink:0}
@media(max-width:700px){.block-contain{grid-template-columns:1fr;gap:1rem}.m-max{grid-template-columns:2.5rem minmax(0,1fr);gap:.8rem 1rem}.h-gray-100{grid-column:2}.font-sm{font-size:1.7rem;grid-row:1/3}.sticky-circle {
  align-items: flex-start;
  flex-direction: column;
}.order-half {
  flex-shrink: 1;
}}
.delay-circle {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3.5rem;
  align-items: center;
}
.divide-wide .text-secondary{order:2}
.text-secondary {
  margin: 0;
  position: relative;
}
.sticky-start{border-radius:var(--radius-large);object-fit:cover;width:100%;aspect-ratio:10/9}
.self-dark .text-secondary::before {
  background: var(--color-primary-soft);
  position: absolute;
  inset: 1.25rem -1.25rem -1.25rem 1.25rem;
  z-index: -1;
  border-radius: var(--radius-large);
  content: "";
}
.self-dark .delay-circle {
  isolation: isolate;
}
.mt-lg {
  margin-bottom: 1.5rem;
}
.h-tight{gap:.75rem;list-style:none;display:grid;margin:0 0 1.75rem;padding:0}
.sticky-muted{display:flex;align-items:flex-start;gap:.75rem;font-weight:500}
.cursor-screen{width:1.5rem;justify-content:center;color:var(--color-primary);height:1.5rem;display:inline-flex;align-items:center;flex-shrink:0}
.order-right .cursor-screen {
  border-radius: 50%;
  background: var(--color-primary);
  color: var(--color-primary-fg);
}
.cursor-screen svg{width:.85rem;height:.85rem}
@media (max-width:860px){.delay-circle {
  grid-template-columns: 1fr;
  gap: 2rem;
}.divide-wide .text-secondary{order:0}.self-dark .text-secondary::before{inset:.75rem -.75rem -.75rem .75rem}}
.z-fit {
  display: grid;
  grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr);
  gap: 2rem;
  align-items: start;
}
.z {
  color: var(--color-primary-fg);
  padding: clamp(1.5rem,3.5vw,3rem);
  background: var(--color-primary);
  border-radius: var(--radius-large);
}
.break-left{display:grid;place-items:center;border:1px solid currentColor;width:2.5rem;height:2.5rem;border-radius:50%;font-size:1.2rem;margin-bottom:2rem}
.object-wide{color:inherit;font-size:clamp(1.5rem,2.5vw,2.2rem);overflow-wrap:anywhere}