/* Imagery options (review): none, window light on paper, the zero. Each sits behind content and never competes. */
.dhero,.sec.mist,.cta3{position:relative;overflow:hidden}
.dhero > .wrap,.sec.mist > .wrap,.cta3 > .wrap{position:relative;z-index:1}
.im{position:absolute;inset:0;pointer-events:none;z-index:0;display:none}
.im .zero,.im .beams{display:none}

/* B · Window light: paper grain and the soft shadow of a window falling across the page, as on a desk at 8am */
html[data-i="light"] .im{display:block}
html[data-i="light"] .im .beams{display:block;position:absolute;inset:-20% -10%;
  background:repeating-linear-gradient(118deg,transparent 0 140px,rgb(255 248 236 / .0) 140px,rgb(120 100 70 / .055) 170px,rgb(120 100 70 / .055) 196px,transparent 226px 300px);
  -webkit-mask:linear-gradient(200deg,#000 10%,transparent 65%);mask:linear-gradient(200deg,#000 10%,transparent 65%);filter:blur(10px)}
html[data-i="light"] .im::before{content:"";position:absolute;inset:0;opacity:.35;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .4 0 0 0 0 .34 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
html[data-i="light"] .dhero{background:linear-gradient(180deg,#FBF9F6,#fff 85%)!important}
html[data-i="light"] .im-band .beams{inset:-30% -10%}
@media (prefers-reduced-motion:no-preference){html[data-i="light"] .im .beams{animation:sway 18s ease-in-out infinite alternate}@keyframes sway{from{transform:translateX(-30px)}to{transform:translateX(30px)}}}

/* C · The zero: the number every reconciliation ends on, set enormous and faint, cropped by the page */
html[data-i="zero"] .im{display:block}
html[data-i="zero"] .im .zero{display:block;position:absolute;font-family:"Geist",sans-serif;font-weight:200;line-height:.8;letter-spacing:-.06em;color:transparent;
  -webkit-text-stroke:1px rgb(17 17 17 / .09);font-variant-numeric:tabular-nums;white-space:nowrap}
html[data-i="zero"] .im-hero .zero{right:-4vw;top:40px;font-size:min(30vw,440px)}
html[data-i="zero"] .im-band .zero{right:-2vw;bottom:-60px;font-size:min(40vw,560px);-webkit-text-stroke-color:rgb(17 17 17 / .07)}
html[data-i="zero"] .im-cta .zero{right:-3vw;bottom:-90px;font-size:min(32vw,460px)}
html[data-i="zero"] .im-hero .zero::after,html[data-i="zero"] .im-cta .zero::after{content:"";position:absolute;left:52%;right:4%;bottom:-6px;height:9px;border-top:1.5px solid rgb(200 35 59 / .55);border-bottom:1.5px solid rgb(200 35 59 / .55)}
@media (max-width:760px){html[data-i="zero"] .im-hero .zero{top:auto;bottom:40%;opacity:.6}}

.isw{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:80;display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:rgb(20 20 22 / .92);backdrop-filter:blur(8px);font-size:12.5px;box-shadow:0 10px 30px -10px rgb(0 0 0 / .5)!important}
.isw span{padding:0 10px 0 12px;color:rgb(255 255 255 / .5)}
.isw button{all:unset;cursor:pointer;padding:7px 12px;border-radius:999px;color:rgb(255 255 255 / .75);white-space:nowrap}
.isw button[aria-pressed="true"]{background:#fff;color:#111}
.isw button:focus-visible{outline:2px solid #fff;outline-offset:2px}