/* Simpli Property Pro marketing site. Direction A, The lobby (design handoff 2026-11-14, design/simpli-marketing/property/HANDOFF.md).
   Static CSS, no build step needed to serve it. build/make-pages.mjs concatenates this file with the letter-board jitter classes into site/css/site.css.
   Fonts are self-hosted from ../fonts: Plaque Sans (a renamed, subset instance of Mona Sans, (c) The Mona Sans Project Authors) and Ledger Serif (a renamed, subset instance of Source Serif 4, (c) Adobe), both SIL Open Font License 1.1. Renamed because the originals' Reserved Font Names may not be used on modified versions. OFL files sit next to them.
   Breakpoints: 359, 400, 760, 761-1023, 980, 1080. Every text track in a grid is minmax(0, Nfr). */

/* ---- fonts: WOFF2 Latin subsets, swap, size-matched fallbacks (P4). Numbers are hard-coded because var() is dropped inside @font-face. ---- */
@font-face{font-family:"Plaque Sans";font-weight:600 900;font-stretch:105% 125%;font-style:normal;font-display:optional;src:url("../fonts/plaque-sans-var.woff2") format("woff2")}
@font-face{font-family:"Ledger Serif";font-weight:400 600;font-style:normal;font-display:swap;src:url("../fonts/ledger-serif-var.woff2") format("woff2")}
@font-face{font-family:"Plaque Sans Fallback";font-weight:600 699;src:local("Arial Bold"),local("Arial-BoldMT"),local("Arial");size-adjust:103%;ascent-override:105.8%;descent-override:31.1%;line-gap-override:0%}
@font-face{font-family:"Plaque Sans Fallback";font-weight:700 799;src:local("Arial Bold"),local("Arial-BoldMT"),local("Arial");size-adjust:107%;ascent-override:101.9%;descent-override:29.9%;line-gap-override:0%}
@font-face{font-family:"Plaque Sans Fallback";font-weight:800 900;src:local("Arial Bold"),local("Arial-BoldMT"),local("Arial");size-adjust:109%;ascent-override:100%;descent-override:29.4%;line-gap-override:0%}
@font-face{font-family:"Ledger Serif Fallback";font-weight:400 500;src:local("Georgia");size-adjust:103.8%;ascent-override:99.8%;descent-override:32.3%;line-gap-override:0%}
@font-face{font-family:"Ledger Serif Fallback";font-weight:600;src:local("Georgia Bold"),local("Georgia-Bold");size-adjust:90.3%;ascent-override:114.7%;descent-override:37.1%;line-gap-override:0%}

:root{
  --enamel:#1F3A33; --enamel-2:#2A4A42; --enamel-3:#173029; --felt:#0E1827; --bone:#F6EFE3;
  --brass:#D9B76E; --brass-2:#B8944C; --brass-3:#8E6F31; --terra:#E0693A; --terrazzo:#E4E7E3; --ink:#0E1827;
  --text-on-dark:#E7E2D6; --sub-on-felt:#DDE3E8; --muted-on-light:#3A4652; --caption:#C9D2CE; --link-hover-light:#7E2F10;
  --display:"Plaque Sans","Plaque Sans Fallback",system-ui,sans-serif; --body:"Ledger Serif","Ledger Serif Fallback",Georgia,serif;
  --ease:cubic-bezier(.22,.8,.24,1); --swing:cubic-bezier(.3,1.25,.45,1);
}
*{box-sizing:border-box}
html{scroll-padding-top:88px;scroll-padding-bottom:calc(96px + var(--cb,0px));-webkit-text-size-adjust:100%;color-scheme:dark}
body{margin:0;background:var(--enamel);color:var(--bone);font:400 1.125rem/1.6 var(--body);font-variant-numeric:lining-nums}
a{color:inherit}
img,svg{max-width:100%}
:focus-visible{outline:3px solid var(--brass);outline-offset:3px}
.light :focus-visible{outline-color:var(--ink)}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.spr{position:absolute;width:0;height:0}
.skip{position:absolute;left:12px;top:-60px;z-index:40;min-height:44px;display:inline-flex;align-items:center;background:var(--brass);color:var(--ink);padding:0 16px;font:700 1rem/1 var(--display);font-stretch:112%}
.skip:focus,.skip:active{top:12px}
.wrap{width:min(1280px,100% - 32px);margin-inline:auto}
h1,h2,h3{margin:0;font-family:var(--display);font-stretch:120%;font-weight:700;letter-spacing:-.01em;line-height:1.02;text-wrap:balance}
p{margin:0}
/* enamel texture: grain tile plus a soft vertical sheen */
.enamel{background-color:var(--enamel);background-image:url(../assets/grain.webp),linear-gradient(90deg,rgba(255,255,255,.035),rgba(0,0,0,.08) 50%,rgba(255,255,255,.03));background-size:240px 240px,auto}

/* open placeholders from COPY.md: always visibly marked */
.ph{display:inline;padding:1px 6px;border:1.5px dashed var(--brass-3);border-radius:3px;background:#FFF3C4;color:#3A2A00;font:600 .9375rem/1.5 var(--display);font-stretch:105%;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* scroll reveals (M1): opacity plus a 16px rise, once. Only when JS runs, so nothing is ever hidden without it. */
.js .rv{opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.js .rv.in{opacity:1;transform:none}

/* Header: a brass directory rail screwed to the wall */
.top{position:absolute;inset:0 0 auto;z-index:20;background-color:var(--enamel-3);background-image:url(../assets/grain.webp);background-size:240px 240px;border-bottom:2px solid var(--brass-3);box-shadow:0 8px 20px rgba(0,0,0,.25)}
.top .wrap{display:flex;align-items:center;gap:20px;min-height:76px}
.brand{display:inline-flex;align-items:center;min-height:48px;padding:8px 14px;background:var(--bone);border-radius:4px;box-shadow:0 2px 0 var(--brass-3)}
.brand img{height:28px;width:auto;display:block}
.rail{display:flex;margin-left:auto;background:linear-gradient(180deg,#E6C987,var(--brass) 45%,var(--brass-2));border-radius:3px;box-shadow:0 2px 0 var(--brass-3),inset 0 1px 0 rgba(255,255,255,.5);padding:0 6px}
.rail a{position:relative;display:flex;align-items:center;min-height:48px;padding:0 18px;color:var(--ink);text-decoration:none;font:700 .9375rem/1 var(--display);font-stretch:118%;white-space:nowrap}
.rail a+a::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:1px;background:var(--brass-3)}
.rail a[aria-current="page"]{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.menu-btn{display:none}

/* Push-plate button (brass) */
.cta{display:inline-flex;align-items:center;justify-content:center;width:16rem;max-width:100%;min-height:56px;padding:0 20px;border:0;border-radius:4px;cursor:pointer;
  background:linear-gradient(180deg,#E8CD90,var(--brass) 40%,var(--brass-2));color:var(--ink);font:750 1.0625rem/1 var(--display);font-stretch:115%;text-decoration:none;text-align:center;
  box-shadow:0 3px 0 var(--brass-3),0 10px 24px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.55);transition:transform .16s var(--ease),box-shadow .16s var(--ease),filter .16s var(--ease)}
.cta.small{width:14rem;min-height:48px;font-size:.9375rem}
.cta[aria-disabled="true"]{filter:saturate(.55) brightness(.9);cursor:progress}

/* HERO: the whole fold is the mailbox wall */
.hero{position:relative;min-height:max(760px,100svh);overflow:hidden;padding:112px 0 56px}
.wall{position:absolute;inset:84px 0 0 0;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-auto-rows:clamp(108px,15vh,150px);gap:12px;padding:12px;align-content:start}
.mb{position:relative;border-radius:3px;background:linear-gradient(180deg,var(--enamel-2),#24443C);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25),inset 0 2px 0 rgba(255,255,255,.07),0 1px 0 rgba(255,255,255,.04)}
.mb.gap{background:var(--enamel-3);box-shadow:inset 0 6px 14px rgba(0,0,0,.55),inset 0 0 0 1px rgba(0,0,0,.4)}
.mb .pl{position:absolute;left:10px;top:10px;padding:3px 6px 2px;border-radius:2px;background:linear-gradient(180deg,#E6C987,var(--brass-2));color:var(--ink);font:800 .8125rem/1 var(--display);font-stretch:125%}
.mb .sl{position:absolute;left:12%;right:12%;top:44%;height:7px;border-radius:4px;background:var(--enamel-3);box-shadow:inset 0 2px 2px rgba(0,0,0,.5)}
.mb .lk{position:absolute;right:8px;bottom:8px;width:22px;height:22px}
.shade{position:absolute;inset:0;background:radial-gradient(120% 90% at 22% 55%,rgba(23,48,41,.86) 0 38%,rgba(23,48,41,.35) 70%,rgba(23,48,41,.15));pointer-events:none}
.hero-in{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:40px;align-items:center}
/* letter board */
.board{position:relative;padding:34px 34px 30px;background-color:var(--felt);border-radius:6px;
  background-image:url(../assets/grain.webp),repeating-linear-gradient(180deg,transparent 0 22px,rgba(255,255,255,.07) 22px 24px);background-size:240px 240px,auto;
  box-shadow:0 0 0 10px #6B5228,0 0 0 12px var(--brass-3),0 26px 50px rgba(0,0,0,.45)}
.board h1{color:#fff;font-weight:800;font-stretch:112%;font-size:clamp(2.3rem,1.1rem + 4vw,4.9rem);line-height:1.08;letter-spacing:.01em}
.board h1 .w{display:inline-block;white-space:nowrap}
.board h1 .ch{display:inline-block;transform:translateY(var(--y,0)) rotate(var(--r,0deg))}
.board .sub{margin-top:18px;font:600 1.0625rem/1.5 var(--display);font-stretch:108%;color:var(--sub-on-felt);max-width:34em}
.act{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;margin-top:30px}
.note{font-size:.9375rem;color:var(--text-on-dark);max-width:24em}
.plaque.in-board{display:none}
.plaque{display:inline-block;margin-top:22px;padding:10px 16px;border-radius:3px;background:linear-gradient(180deg,#E6C987,var(--brass-2));color:var(--ink);font:650 .9375rem/1.4 var(--display);font-stretch:110%;box-shadow:0 2px 0 var(--brass-3);max-width:34em}
/* door 2B, oversized */
.door2b{position:relative;justify-self:end;width:min(360px,100%);aspect-ratio:3/4.1;border-radius:6px;background:linear-gradient(180deg,#FBF6EC,var(--bone));color:var(--ink);
  box-shadow:0 0 0 10px var(--enamel-3),0 30px 60px rgba(0,0,0,.45);transform:rotate(2.2deg)}
.door2b .big{position:absolute;left:22px;top:12px;font:900 clamp(5rem,3rem + 7vw,9.5rem)/.9 var(--display);font-stretch:125%;letter-spacing:-.03em;font-variant-numeric:tabular-nums;
  background:linear-gradient(180deg,#E8CD90,var(--brass-2) 55%,var(--brass-3));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.25))}
.door2b .sl{position:absolute;left:22px;right:22px;top:47%;height:10px;border-radius:5px;background:#BFB29A;box-shadow:inset 0 3px 3px rgba(0,0,0,.35);z-index:2}
.door2b .envwrap{position:absolute;left:40px;right:40px;top:calc(47% - 92px);height:97px;overflow:hidden}
.door2b .env{position:absolute;left:8px;bottom:0;width:150px;height:62px;padding:10px 12px;background:#fff;border:1px solid #D8CDB6;box-shadow:0 4px 8px rgba(0,0,0,.12);
  font:650 .8125rem/1.2 var(--display);color:var(--ink);transform:rotate(-4deg);transition:transform .7s cubic-bezier(.5,0,.75,0)}
.door2b.run .env{transform:translateY(110%) rotate(0deg)}
.door2b .plate{position:absolute;left:22px;right:22px;top:calc(47% + 26px);height:68px;perspective:600px;z-index:2}
.door2b .pin{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s var(--swing) .75s}
.door2b.run .pin{transform:rotateX(180deg)}
.door2b .face{box-sizing:border-box;position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0 14px;border-radius:3px;backface-visibility:hidden;-webkit-backface-visibility:hidden;
  font:800 1rem/1.15 var(--display);font-stretch:112%;overflow:hidden}
.door2b .face small{font:600 .8125rem/1.2 var(--display);font-stretch:105%}
.door2b .f1{background:linear-gradient(180deg,#E8CD90,var(--brass) 45%,var(--brass-2));color:var(--ink);box-shadow:0 2px 0 var(--brass-3)}
.door2b .f2{background:var(--ink);color:var(--bone);transform:rotateX(180deg);box-shadow:0 2px 0 #000}
.door2b .f2 b{color:var(--brass)}
.door2b .key{position:absolute;right:20px;bottom:18px;width:44px;height:74px;filter:drop-shadow(0 3px 2px rgba(0,0,0,.3))}
.door2b .cap{position:absolute;left:22px;bottom:22px;font:600 .8125rem/1.3 var(--display);color:var(--muted-on-light);max-width:60%}

/* RENT DAY: door swings open in perspective */
.day{position:relative;padding:112px 0}
.day-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:end}
.day h2{font-size:clamp(2.2rem,1.2rem + 3.4vw,4.4rem)}
.day h2 em{font-style:normal;color:var(--brass)}
.stops{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:20px 0 0;padding:0}
.stops button{min-height:48px;padding:0 16px;border-radius:3px;border:1.5px solid var(--brass);background:transparent;color:var(--bone);font:700 .9375rem/1 var(--display);font-stretch:112%;cursor:pointer}
.stops button[aria-current="step"]{background:var(--brass);color:var(--ink)}
.stops button[aria-current="step"]::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--terra);margin-right:8px;vertical-align:1px}
.day-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;margin-top:56px}
.stagecol{position:sticky;top:96px;align-self:start}
.stagecol .ill{margin-top:10px;text-align:center;font-size:.875rem;color:var(--caption)}
.stage{position:relative;height:min(640px,calc(100dvh - 160px));display:grid;place-items:center;perspective:1600px}
.jamb{position:relative;width:min(340px,72%);aspect-ratio:340/600;padding:14px;border-radius:6px;background:var(--enamel-3);box-shadow:inset 0 0 0 2px rgba(0,0,0,.35),0 30px 70px rgba(0,0,0,.5);transform-style:preserve-3d}
.jamb .lbl{position:absolute;left:0;top:-40px;font:800 1.25rem/1 var(--display);font-stretch:125%;color:var(--brass)}
.inside{position:relative;height:100%;border-radius:4px;background:#fff;overflow:hidden;box-shadow:inset 0 0 30px rgba(0,0,0,.25)}
.inside .scr{position:absolute;inset:0;border-radius:4px;opacity:0;transition:opacity .35s var(--ease)}
.inside .scr.cur{opacity:1}
.leaf{display:none;position:absolute;inset:14px;border-radius:4px;transform-origin:left center;transform-style:preserve-3d;transition:transform 1s var(--swing);
  background:linear-gradient(180deg,#FBF6EC,var(--bone));box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.js .leaf{display:block}
.leaf::before{content:"2B";position:absolute;left:18px;top:14px;font:900 5rem/.9 var(--display);font-stretch:125%;
  background:linear-gradient(180deg,#E8CD90,var(--brass-2) 55%,var(--brass-3));-webkit-background-clip:text;background-clip:text;color:transparent}
.leaf::after{content:"";position:absolute;right:20px;top:52%;width:26px;height:26px;border-radius:50%;background:var(--terra)}
.leaf::before,.leaf::after{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.leaf .edge{position:absolute;top:0;bottom:0;right:-14px;width:14px;background:#CDBFA4;transform-origin:left center;transform:rotateY(90deg)}
.stage.open .leaf{transform:rotateY(-108deg)}
.steps{list-style:none;margin:0;padding:0}
.step{min-height:56vh;display:flex;flex-direction:column;justify-content:center;padding:24px 0;border-top:1px solid rgba(217,183,110,.3)}
.step:first-child{border-top:0}
.step .when{display:inline-block;align-self:flex-start;padding:4px 8px 3px;border-radius:2px;background:var(--brass);color:var(--ink);font:800 .875rem/1 var(--display);font-stretch:118%;font-variant-numeric:tabular-nums}
.step h3{font-size:clamp(1.6rem,1.2rem + 1vw,2.2rem);margin:14px 0 12px}
.step p{max-width:28em;color:var(--text-on-dark)}
.step .inline{display:none}
.step .inline .ill{margin-top:10px;font-size:.875rem;color:var(--caption)}
.step .scr p{color:var(--s-ink)}.step .scr p.mute{color:var(--s-mute)}

/* PRICING: key tags hanging off a rail, on terrazzo */
.price{position:relative;color:var(--ink);padding:112px 0 120px;background-color:var(--terrazzo);
  background-image:radial-gradient(circle at 20% 30%,rgba(31,58,51,.18) 0 2px,transparent 2.5px),radial-gradient(circle at 70% 80%,rgba(184,148,76,.3) 0 1.5px,transparent 2px),radial-gradient(circle at 45% 60%,rgba(14,24,39,.14) 0 1px,transparent 1.5px);
  background-size:38px 41px,53px 47px,29px 31px}
.price h2{font-size:clamp(2.2rem,1.2rem + 3.4vw,4.4rem);max-width:13em}
.hook-rail{position:relative;margin-top:64px;padding-top:10px;border-top:10px solid var(--brass-2);box-shadow:0 -2px 0 var(--brass-3) inset}
.tags{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;margin:0;padding:0}
.tag{position:relative;margin-top:26px;padding:56px 26px 30px;border-radius:8px 8px 40px 40px;background:var(--bone);border:2px solid var(--ink);transform-origin:50% -26px;box-shadow:0 18px 30px rgba(14,24,39,.15)}
.tag:nth-child(1){transform:rotate(-3deg)}.tag:nth-child(2){transform:rotate(1.5deg);background:var(--brass)}.tag:nth-child(3){transform:rotate(-1deg)}
.tag::before{content:"";position:absolute;left:50%;top:-36px;width:2px;height:36px;background:var(--ink)}
.tag::after{content:"";position:absolute;left:calc(50% - 10px);top:16px;width:20px;height:20px;border-radius:50%;border:2px solid var(--ink);background:var(--terrazzo)}
.tag .u{font:700 1rem/1.2 var(--display);font-stretch:115%}
.tag .amt{font:900 clamp(3.2rem,2.4rem + 2vw,4.5rem)/1 var(--display);font-stretch:118%;margin:10px 0 6px;font-variant-numeric:tabular-nums}
.tag .amt small{font:600 1rem var(--body);color:var(--muted-on-light)}
.tag .n{font-size:1rem;color:var(--muted-on-light)}
.incl{display:flex;flex-wrap:wrap;gap:10px 30px;margin-top:40px;font-size:1.0625rem;list-style:none;padding:0}
.incl li::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--terra);margin-right:10px}
.posted{margin-top:40px;max-width:820px;padding:24px 28px;border-radius:6px;color:#fff;background-color:var(--felt);
  background-image:url(../assets/grain.webp),repeating-linear-gradient(180deg,transparent 0 46px,rgba(255,255,255,.08) 46px 48px);background-size:240px 240px,auto;box-shadow:0 0 0 8px #6B5228,0 0 0 10px var(--brass-3)}
.posted.full{max-width:1000px}
.posted .ph-t{font:800 1.25rem/1 var(--display);font-stretch:120%;color:var(--brass);margin-bottom:6px}
.posted .pr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;min-height:48px;align-items:center;font:700 1.0625rem/1.25 var(--display);font-stretch:110%}
.posted .pr span:last-child{text-align:right;color:var(--text-on-dark);font-weight:600}
.posted.full .pr{padding:6px 0}
.more{display:inline-flex;align-items:center;min-height:48px;margin-top:16px;font:700 1rem/1 var(--display);font-stretch:112%;text-underline-offset:5px}

/* CLOSE + FOOTER: the letter board directory */
.close{padding:112px 0;text-align:left}
.close .wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:40px;align-items:center}
.close h2{font-size:clamp(2rem,1.2rem + 2.8vw,3.75rem)}
.close .note{margin-top:12px}
.foot{padding:0 0 40px}
.dir{background-color:var(--felt);background-image:url(../assets/grain.webp),repeating-linear-gradient(180deg,transparent 0 30px,rgba(255,255,255,.07) 30px 32px);background-size:240px 240px,auto;
  border-radius:6px;padding:30px 34px;box-shadow:0 0 0 10px #6B5228,0 0 0 12px var(--brass-3)}
.dir-h{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center}
.dir-h p{font:800 1.5rem/1 var(--display);font-stretch:120%;color:#fff;letter-spacing:.02em}
.dir ul{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px}
.dir a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;color:#fff;text-decoration:none;font:700 1.125rem/1 var(--display);font-stretch:118%}
.dir a span{color:var(--brass);font-size:.9375rem}
.dir-note{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.16);font-size:1rem;color:var(--text-on-dark);max-width:34em}
.legal{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;margin-top:26px;font-size:.9375rem;color:var(--text-on-dark)}
.legal a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}

/* PAGE HERO for Pricing, Early access, legal pages, 404 */
.phero{position:relative;overflow:hidden;padding:112px 0 56px}
.phero .strip{position:relative;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-auto-rows:clamp(80px,11vh,110px);gap:12px;padding:12px 0 0;margin-bottom:28px;overflow:hidden;height:calc(2 * clamp(80px,11vh,110px) + 24px)}
.phero .board{max-width:60rem}
.phero .board h1{font-size:clamp(2rem,1rem + 3.4vw,4.2rem)}
.phero.nf .wall{inset:84px 0 0 0}
.nf-in{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:40px;align-items:center}
.openbox{position:relative;justify-self:end;width:min(300px,100%);aspect-ratio:3/3.4;border-radius:6px;background:var(--enamel-3);box-shadow:inset 0 10px 26px rgba(0,0,0,.65),0 0 0 10px var(--enamel-2),0 30px 60px rgba(0,0,0,.45)}
.openbox .slot{position:absolute;left:12%;right:12%;top:30%;height:10px;border-radius:5px;background:#0C1A16;box-shadow:inset 0 2px 3px rgba(0,0,0,.7)}
.openbox .hang{position:absolute;left:0;top:0;bottom:0;width:78%;border-radius:4px;background:linear-gradient(180deg,#FBF6EC,var(--bone));transform-origin:left center;transform:perspective(1200px) rotateY(-52deg);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.openbox .hang::after{content:"";position:absolute;right:16px;top:52%;width:20px;height:20px;border-radius:50%;background:var(--terra)}
.nf-links{display:flex;flex-wrap:wrap;gap:6px 24px;align-items:center;margin-top:20px}
.nf-links .more{margin-top:0}
.board .back{display:inline-flex;align-items:center;min-height:48px;color:#fff;font:700 1rem/1 var(--display);font-stretch:112%;text-underline-offset:5px}
.board .lede{margin-top:18px;font:600 1.0625rem/1.5 var(--display);font-stretch:108%;color:var(--sub-on-felt);max-width:34em}
.board .line{margin-top:18px;font-size:1.125rem;color:var(--text-on-dark);max-width:28em}
.board .early{margin-top:14px;font-size:1rem;color:var(--text-on-dark);max-width:34em}
.board .when-line{margin-top:14px;font:600 .9375rem/1.5 var(--display);font-stretch:108%;color:var(--sub-on-felt)}

/* Reading panel for Privacy, Terms and Accessibility */
.reading{margin:0 0 112px}
.reading .panel{background:var(--bone);color:var(--ink);border-radius:6px;padding:clamp(24px,5vw,56px);box-shadow:0 26px 50px rgba(0,0,0,.45)}
.reading h2{font-size:clamp(1.5rem,1.2rem + 1.2vw,2.2rem);margin:36px 0 12px}
.reading h2:first-child{margin-top:0}
.reading p{max-width:32em;margin-top:14px}
.reading p:first-child{margin-top:0}
.reading .meta{font-size:.9375rem;color:var(--muted-on-light)}
.reading .back{display:inline-flex;align-items:center;min-height:48px;margin-top:24px;font:700 1rem/1 var(--display);font-stretch:112%;text-underline-offset:5px}

/* FAQ on enamel */
.faq{padding:96px 0 112px}
.faq h2{font-size:clamp(2rem,1.2rem + 2.8vw,3.75rem);max-width:14em}
.faq dl{margin:40px 0 0;max-width:46rem;border-top:2px solid var(--brass-3)}
.faq .qa{padding:22px 0;border-bottom:1px solid rgba(217,183,110,.3)}
.faq dt{font:700 1.375rem/1.2 var(--display);font-stretch:115%;color:var(--bone)}
.faq dd{margin:10px 0 0;max-width:32em;color:var(--text-on-dark)}

/* Phone action bar */
.bar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:none;padding:10px 16px calc(12px + env(safe-area-inset-bottom));background:var(--enamel-3);border-top:2px solid var(--brass-2);transform:translateY(110%);visibility:hidden;transition:transform .25s var(--ease),visibility 0s linear .25s}
.bar.show{transform:translateY(calc(-1 * var(--cb,0px)));visibility:visible;transition-delay:0s}
.no-js .bar{transform:none;visibility:visible}
.foot{padding-bottom:calc(40px + var(--cb,0px))}
.bar .cta{width:100%}

/* ---- screens: planned app screens drawn in code, a made-up property ---- */
.scr{--s-ink:#0E1827;--s-mute:#5A6472;--s-rule:#E3E6EA;--s-bone:#F6EFE3;--s-paid:#1E7A4C;--s-paid-bg:#E6F2EB;--s-terra:#E0693A;
  font:400 14px/1.4 var(--body);color:var(--s-ink);background:#fff;border-radius:22px;overflow:hidden;font-variant-numeric:tabular-nums;text-align:left}
.scr *{box-sizing:border-box}
.scr-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--s-rule);font-weight:600;font-size:13px}
.scr-bar .scr-co{width:22px;height:22px;border-radius:6px;background:var(--s-ink);color:var(--s-bone);display:grid;place-items:center;font-size:11px}
.scr-body{padding:16px}
.scr .scr-h{margin:0 0 4px;font-size:15px;line-height:1.25;font-weight:700}
.scr p{margin:0}
.scr .mute{color:var(--s-mute);font-size:12.5px}
.scr .big{font-size:28px;font-weight:600;letter-spacing:-.01em;margin:6px 0 2px}
.scr-msg{background:#EEF1F4;border-radius:16px 16px 16px 4px;padding:12px 14px;margin:10px 0 6px;max-width:92%}
.scr-msg b{display:block;font-size:12px;color:var(--s-mute);font-weight:600;margin-bottom:4px}
.scr-btn{display:block;width:100%;border:0;border-radius:12px;padding:12px 14px;background:var(--s-ink);color:#fff;font:inherit;font-weight:600;text-align:center;margin-top:12px}
.scr-methods{list-style:none;margin:12px 0 0;padding:0;border:1px solid var(--s-rule);border-radius:14px}
.scr-methods li{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border-top:1px solid var(--s-rule)}
.scr-methods li:first-child{border-top:0}
.scr-radio{width:18px;height:18px;border-radius:50%;border:2px solid #9AA3AE}
.scr-methods li.on .scr-radio{border:6px solid var(--s-ink)}
.scr-fee{font-size:12.5px;font-weight:600;white-space:nowrap}
.scr-fee.free{color:var(--s-paid)}
.scr-total{display:flex;justify-content:space-between;margin-top:12px;font-size:13px;color:var(--s-mute)}
.scr-ledger{width:100%;border-collapse:collapse;margin-top:8px;font-size:12.5px}
.scr-ledger th{font-weight:600;color:var(--s-mute);text-align:left;padding:6px 4px;border-bottom:1px solid var(--s-rule)}
.scr-ledger td{padding:8px 4px;border-bottom:1px solid var(--s-rule);vertical-align:top}
.scr-ledger td:last-child,.scr-ledger th:last-child{text-align:right}
.scr-tag{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:99px;background:var(--s-paid-bg);color:var(--s-paid);white-space:nowrap}
.scr-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.scr-tag.push{margin-left:auto}
.scr-bank{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;border-radius:12px;background:var(--s-paid-bg);font-size:12.5px}
.scr-bank strong{display:block}
.scr-photo{height:84px;border-radius:12px;margin:10px 0;background:linear-gradient(180deg,#cfd6dc 0 60%,#b9c2ca 60%);position:relative}
.scr-photo::after{content:"Photo";position:absolute;right:8px;bottom:6px;font-size:11px;color:#3E4A57}
.scr-row{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid var(--s-rule);font-size:12.5px}
.scr-assign{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;border:1.5px solid var(--s-ink);border-radius:12px;font-size:12.5px;font-weight:600}
.scr-av{width:24px;height:24px;border-radius:50%;background:var(--s-bone);display:grid;place-items:center;font-size:11px;font-weight:700}
.scr-ledger td:first-child,.scr-ledger td:last-child{white-space:nowrap}

/* ---- states: hovers only where hover exists; each press rule comes after its hover rule at the same specificity, outside the query ---- */
@media (hover:hover){
  .brand:hover{box-shadow:0 4px 0 var(--brass)}
  .rail a:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
  .cta:hover{filter:brightness(1.06)}
  .stops button:hover{background:rgba(217,183,110,.14)}
  .stops button[aria-current="step"]:hover{background:#E3C47F}
  .more:hover{color:var(--link-hover-light)}
  .dir a:hover{text-decoration:underline;text-underline-offset:6px}
  .legal a:hover{color:#fff;text-decoration:underline;text-decoration-thickness:2px}
  .menu-btn:hover{filter:brightness(1.06)}
  .skip:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
  .field input:hover,.field select:hover{border-color:var(--ink)}
  .board .back:hover{text-decoration:underline;text-decoration-thickness:2px}
  .reading .back:hover{color:var(--link-hover-light)}
}
.brand:active{transform:translateY(1px);box-shadow:0 1px 0 var(--brass-3)}
.rail a:active{color:#000;background:rgba(0,0,0,.06)}
.cta:active{transform:translateY(3px);box-shadow:0 0 0 var(--brass-3),0 4px 10px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.4)}
.stops button:active{background:rgba(217,183,110,.26)}
.stops button[aria-current="step"]:active{background:var(--brass-2)}
.more:active{color:#000}
.dir a:active{color:var(--brass)}
.legal a:active{color:var(--brass)}
.skip:active{background:var(--brass-2)}
.board .back:active{color:var(--brass)}
.reading .back:active{color:#000}
.field input:active,.field select:active{border-color:#000}

/* 761 and up: the header is fixed so its button stays on screen */
@media (min-width:761px){
  .top{position:fixed}
  .top .wrap{min-height:84px}
}
/* 761-1023: rail labels stay on one line; Early access lives in the button */
@media (min-width:761px) and (max-width:1023px){
  .rail a{padding:0 12px}
  .rail a.r-ea{display:none}
  .cta.small{width:12rem}
}
@media (max-width:1080px){
  .plaque.out{display:none}
  .plaque.in-board{display:block;margin-top:18px}
  .hero-in,.nf-in{grid-template-columns:minmax(0,1fr)}
  .door2b{justify-self:start;width:min(300px,80%);transform:rotate(1.5deg)}
  .wall{grid-template-columns:repeat(6,minmax(0,1fr))}
  .openbox{justify-self:start}
}
@media (max-width:980px){
  .day-head,.day-grid,.close .wrap{grid-template-columns:minmax(0,1fr)}
  .stagecol{display:none}
  .step{min-height:0;padding:40px 0}
  .step .inline{display:block;margin-top:24px;width:min(340px,100%);padding:12px;border-radius:6px;background:var(--enamel-3)}
  .tags{grid-template-columns:minmax(0,1fr);gap:8px}
  .tag{transform:none!important;margin-top:44px}
  .dir ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .phero .strip{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media (max-width:760px){
  html{scroll-padding-top:80px}
  body.has-bar{padding-bottom:84px}
  .rail,.top .cta{display:none}
  .menu-btn{display:inline-flex;margin-left:auto;min-height:48px;min-width:48px;padding:0 16px;align-items:center;border:0;border-radius:3px;background:var(--brass);color:var(--ink);font:700 .9375rem/1 var(--display);font-stretch:115%;cursor:pointer;box-shadow:0 2px 0 var(--brass-3)}
  .menu-btn:active{transform:translateY(2px);box-shadow:none}
  .rail.open{display:block;position:absolute;left:16px;right:16px;top:72px;padding:6px;border-radius:4px;max-height:calc(100dvh - 96px);overflow:auto}
  .rail.open a{min-height:52px}
  .rail.open a.r-ea{display:flex}
  .rail.open a+a::before{left:12px;right:12px;top:0;bottom:auto;width:auto;height:1px}
  .bar{display:block}
  .hero{padding:96px 0 40px;min-height:0}
  .wall{inset:76px 0 0 0;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:96px;gap:8px;padding:8px}
  .board{padding:24px 20px 22px;box-shadow:0 0 0 7px #6B5228,0 0 0 9px var(--brass-3),0 20px 40px rgba(0,0,0,.45)}
  .door2b{width:100%;aspect-ratio:auto;height:180px;margin-top:14px;transform:rotate(-1deg)}
  .door2b .big{font-size:4.4rem;left:16px;top:16px}
  .door2b .envwrap,.door2b .sl{display:none}
  .door2b .cap{left:16px;bottom:12px;max-width:120px;font-size:.75rem}
  .door2b .plate{left:142px;right:62px;top:46px;height:72px}
  .door2b .face{padding:0 10px;font-size:.9375rem}
  .door2b .key{right:14px;bottom:20px;width:34px;height:58px}
  .board .sub{font-size:1rem;margin-top:14px}
  .board .act{margin-top:20px}
  .plaque.in-board{margin-top:14px;font-size:.875rem}
  .day,.price,.close{padding:72px 0}
  .faq{padding:56px 0 72px}
  .phero{padding:96px 0 40px}
  .phero .strip{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:84px;gap:8px;height:calc(2 * 84px + 16px)}
  .phero .wall{inset:76px 0 0 0}
  .dir{padding:22px 20px}
  .dir ul{grid-template-columns:minmax(0,1fr)}
  .posted{padding:18px}
  .posted .pr{grid-template-columns:minmax(0,1fr);gap:2px;padding:8px 0}
  .posted .pr span:last-child{text-align:left}
  .reading{margin-bottom:72px}
  .openbox{width:min(220px,100%)}
}
/* 400 and under: 2B on top, a full-width plate under it, key to the right */
@media (max-width:400px){
  .door2b{height:196px}
  .door2b .big{font-size:3.6rem;top:12px}
  .door2b .plate{left:16px;right:58px;top:80px;height:72px}
  .door2b .key{right:12px;bottom:auto;top:84px;width:34px;height:58px}
  .door2b .cap{bottom:10px;max-width:none}
}
/* under 360: smaller lockup so tab + gap + Menu fit 288px */
@media (max-width:359px){
  .top .wrap{gap:12px}
  .brand{padding:8px 10px}
  .brand img{height:22px}
  .cta{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .js .rv{transform:none;transition-property:opacity;transition-duration:.01s}
  .leaf,.inside .scr,.cta,.bar{transition-property:opacity;transition-duration:.01s}
  .js .leaf{display:none}
  .door2b .env,.door2b .pin{transition:none}
  .fade-in{animation:none}
}
@media print{.js .rv{opacity:1;transform:none}.bar,.top{display:none}}
.out-wrap{position:relative;z-index:2}
.phero.nf{padding-bottom:96px}
.openbox{margin-top:24px}
p,dd,dt{overflow-wrap:break-word}
.tag .n{text-wrap:balance;max-width:24em}

/* legal row buttons (Cookie settings, Do Not Sell or Share) look like the legal links */
.legal button{display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer;text-align:left}
.legal button:active{color:var(--brass)}
@media (hover:hover){.legal button:hover{color:#fff;text-decoration-thickness:2px}}
.posted .ext{display:flex;align-items:center;justify-content:flex-end;min-height:44px;color:#fff;text-underline-offset:4px;font-weight:600}
@media (max-width:760px){.posted .ext{justify-content:flex-start}}
@media (hover:hover){.posted .ext:hover{color:var(--brass)}}
.posted .ext:active{color:var(--brass-2)}
.over{margin-top:10px}
.cb-open .bar{transform:translateY(calc(-1 * var(--cb,0px)));visibility:visible;transition-delay:0s}
/* paint and layout cost: the wall is contained, boxes that can never be on screen are not rendered, and long sections below the fold are skipped until near view */
.wall,.phero .strip{contain:layout paint style}
@media (max-width:1080px){.wall .mb:nth-child(n+73){display:none}}
@media (max-width:760px){.wall .mb:nth-child(n+45){display:none}.phero .strip .mb:nth-child(n+9){display:none}}
.price,.faq,.close{content-visibility:auto;contain-intrinsic-size:auto 760px}

/* ---- revamp round 1 ---- */
/* C1 + X1: the rail is brass, so its focus ring is ink and sits inside the link (the brass ring was 1.2:1 and clipped by the rail) */
.rail a:focus-visible{outline-color:var(--ink);outline-offset:-3px}
/* L2: the sticky stage (and its "Linden Court" label, 40px above the jamb) clears the fixed 86px header at every desktop size */
.stagecol{top:136px}
.stage{height:min(640px,calc(100dvh - 200px))}
/* L2: the 404 wall never paints over the footer frame */
.foot{position:relative;z-index:3}
.phero.nf{padding-bottom:112px}
/* T4: FAQ questions balance so no question ends on one word */
.faq dt{text-wrap:balance}
/* legal pages (layout only): 44px contents links, 32em measure on prose and lists, balanced headings, a styled, bounded table */
.reading h2,.reading h3{text-wrap:balance}
.reading h3{font-size:1.25rem;line-height:1.2;margin:24px 0 8px}
.reading ul,.reading ol{max-width:32em;margin:14px 0 0;padding-left:1.4em}
.reading li{margin-top:8px}
.reading .toc{margin:0 0 32px;padding-bottom:24px;border-bottom:2px solid var(--brass-3)}
.reading .toc ol{list-style:none;margin:8px 0 0;padding:0;max-width:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));column-gap:32px}
.reading .toc li{margin:0;break-inside:avoid}
.reading .toc a{display:flex;align-items:center;min-height:44px;color:var(--ink);text-underline-offset:4px}
@media (hover:hover){.reading .toc a:hover{color:var(--link-hover-light)}}
.reading .toc a:active{color:#000}
.reading .early{font-weight:600}
.reading .table-wrap{max-height:min(70dvh,32rem);overflow:auto;margin-top:14px;border:2px solid #5A6472;border-radius:4px}
.reading .table-wrap:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.reading table{width:100%;min-width:30rem;border-collapse:collapse;font-size:1rem;line-height:1.45}
.reading th,.reading td{text-align:left;vertical-align:top;padding:10px 14px;border-bottom:1px solid #C9CFD6}
.reading th{position:sticky;top:0;background:#E9E2D2;font:700 1rem/1.3 var(--display);font-stretch:112%;border-bottom:2px solid var(--ink)}
.reading td:first-child{font-weight:600;width:34%}
.reading tr:last-child td{border-bottom:0}
.reading,.reading *{overflow-wrap:anywhere}

/* ===== Early access page (HANDOFF 2.1): wall behind, board and form card in the first screen at every size ===== */
.ea{position:relative;overflow:hidden;padding:100px 0 64px}
.ea .wall{inset:84px 0 0 0}
.ea-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}
.ea .board{padding:18px 20px 16px;max-width:none}
/* "Join early access" is 9.1em wide in this face; the board gives it 100vw - 72px, so this size keeps it on one line from 320 up (HANDOFF 2.1) */
.ea .board h1{font-size:clamp(1.5rem,calc((100vw - 78px)/9.3),4.4rem);line-height:1.04}
.ea .lede{display:none;margin-top:14px;font:600 1.0625rem/1.5 var(--display);font-stretch:108%;color:var(--sub-on-felt);max-width:30em}
.ea .facts{display:none}
.card{background:var(--bone);color:var(--ink);border-radius:6px;padding:18px;box-shadow:0 0 0 6px var(--enamel-3),0 22px 44px rgba(0,0,0,.4)}
.f{margin-top:14px}.f:first-child{margin-top:0}
.f label{display:block;font:700 1rem/1.25 var(--display);font-stretch:112%}
.f label small{font:600 .875rem/1 var(--display);color:var(--muted-on-light)}
.f input,.f select{display:block;width:100%;min-height:48px;margin-top:6px;padding:0 14px;border:2px solid #5A6472;border-radius:4px;background:#fff;color:var(--ink);font:400 1.125rem/1.2 var(--body);appearance:none}
.f select{padding-right:44px;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}
.f input:focus-visible,.f select:focus-visible{outline:3px solid var(--ink);outline-offset:2px;border-color:var(--ink)}
.f input[aria-invalid="true"]{border-color:#9C3A12;border-width:3px}
.f .err{display:flex;gap:8px;align-items:flex-start;margin-top:6px;color:#8A2F0C;font:600 1rem/1.35 var(--display);font-stretch:105%}
.f .err[hidden],.card .alert[hidden],.card.success[hidden],.card[hidden]{display:none}
.f .err svg,.card .alert svg{flex:none;width:20px;height:20px;margin-top:1px}
.card .alert{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:10px 12px;border-radius:4px;border:2px solid #9C3A12;background:#FDF1EA;color:#6E260A;font:600 1rem/1.4 var(--display);font-stretch:105%}
.card .cta{width:100%;margin-top:18px}
.card .fine{text-wrap:balance;margin-top:12px;font-size:.9375rem;line-height:1.45;color:var(--muted-on-light);max-width:30em}
.card .more{margin-top:4px;color:var(--ink)}
.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.ts{height:0;overflow:hidden}
.ts:has(iframe){height:auto;overflow:visible;margin-top:14px}
.card.success h2{font-size:clamp(1.8rem,1.2rem + 2vw,2.6rem);margin-bottom:10px}
.card.success h2:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.card.success p{margin-top:8px}
body.ea-page .bar{display:none!important}
@media (hover:hover){.f input:hover,.f select:hover{border-color:var(--ink)}}
.f input:active,.f select:active{border-color:#000}
@media (min-width:761px){
  .ea{padding:116px 0 72px}
  .ea .board{padding:28px 30px 24px}
  .ea .lede{display:block}
  .card{padding:26px}
  .f{margin-top:16px}.f:first-child{margin-top:0}
  .f input,.f select{min-height:52px}
}
@media (min-width:1081px){
  .ea{min-height:max(760px,100svh);padding-top:132px}
  .ea-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center}
  .ea .board{padding:36px 38px 32px}
  .ea .facts{display:block;list-style:none;margin:24px 0 0;padding:0}
  .ea .facts li{display:flex;gap:10px;align-items:center;min-height:40px;font:650 1.0625rem/1.3 var(--display);font-stretch:108%;color:#fff}
  .ea .facts li::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--terra);flex:none}
  .card{padding:30px;transform:rotate(1deg)}
}
/* legal pages: 30em measure keeps every prose line under 80 characters */
.reading p,.reading ul,.reading ol{max-width:30em}
.reading .toc ol{max-width:none}

/* legal prose: inline links get a 44px hit area without changing line spacing; phone h3 a notch smaller so a two-word run fits */
.reading p a,.reading li a{padding:10px 0}
@media (max-width:400px){.reading h3{font-size:1.125rem}}

/* round 2: the providers table keeps a readable measure; the early-access card clears the board frame at phone widths */
.reading .table-wrap{max-width:44em}
@media (max-width:760px){.ea-grid{gap:18px}}

/* letter-board jitter: fixed seed, +-1.2px and +-1.3deg per letter */
.j0{--y:-0.4px;--r:-0.7deg}
.j1{--y:1.0px;--r:-0.3deg}
.j2{--y:0.4px;--r:-0.6deg}
.j3{--y:1.1px;--r:-0.2deg}
.j4{--y:-0.3px;--r:-0.0deg}
.j5{--y:1.1px;--r:0.6deg}
.j6{--y:-0.3px;--r:0.3deg}
.j7{--y:0.5px;--r:-1.3deg}
.j8{--y:1.0px;--r:0.6deg}
.j9{--y:0.9px;--r:-0.9deg}
.j10{--y:-0.6px;--r:-0.5deg}
.j11{--y:0.8px;--r:0.3deg}
.j12{--y:0.7px;--r:-0.4deg}
.j13{--y:-0.4px;--r:0.6deg}
.j14{--y:-1.0px;--r:0.6deg}
.j15{--y:0.0px;--r:0.1deg}
.j16{--y:-0.5px;--r:0.2deg}
.j17{--y:-1.1px;--r:-0.3deg}
.j18{--y:-0.4px;--r:-1.2deg}
.j19{--y:-0.1px;--r:-0.9deg}
.j20{--y:1.0px;--r:1.1deg}
.j21{--y:0.1px;--r:-0.8deg}
.j22{--y:-0.8px;--r:1.0deg}
.j23{--y:-0.8px;--r:0.4deg}
.j24{--y:0.2px;--r:-0.4deg}
.j25{--y:0.7px;--r:-1.2deg}
.j26{--y:-1.0px;--r:1.2deg}
.j27{--y:0.4px;--r:0.8deg}
.j28{--y:0.2px;--r:1.1deg}
.j29{--y:1.1px;--r:-1.0deg}
.j30{--y:-0.7px;--r:1.1deg}
.j31{--y:1.1px;--r:1.2deg}
.j32{--y:-0.8px;--r:-0.0deg}
.j33{--y:0.1px;--r:-1.2deg}
.j34{--y:-0.8px;--r:-0.2deg}
.j35{--y:-1.1px;--r:-0.2deg}
.j36{--y:1.1px;--r:-0.0deg}
.j37{--y:0.3px;--r:0.3deg}
.j38{--y:0.9px;--r:-0.7deg}
.j39{--y:0.8px;--r:0.3deg}
.j40{--y:0.3px;--r:1.2deg}
.j41{--y:-1.0px;--r:-0.6deg}
.j42{--y:-0.1px;--r:0.5deg}
.j43{--y:0.0px;--r:0.5deg}
.j44{--y:1.0px;--r:0.8deg}
.j45{--y:-0.8px;--r:-1.0deg}
.j46{--y:0.3px;--r:-0.7deg}
.j47{--y:0.6px;--r:-0.6deg}
.j48{--y:-0.4px;--r:-0.8deg}
.j49{--y:-0.6px;--r:0.9deg}
.j50{--y:0.9px;--r:1.1deg}
.j51{--y:-0.6px;--r:-0.7deg}
.j52{--y:0.6px;--r:1.1deg}
.j53{--y:0.5px;--r:-0.9deg}
.j54{--y:-0.5px;--r:0.4deg}
.j55{--y:-0.0px;--r:0.6deg}
.j56{--y:-0.0px;--r:-0.7deg}
.j57{--y:0.6px;--r:0.5deg}
.j58{--y:0.6px;--r:0.5deg}
.j59{--y:0.3px;--r:0.1deg}
.j60{--y:1.1px;--r:0.6deg}
.j61{--y:1.0px;--r:-1.2deg}
.j62{--y:-0.2px;--r:-0.3deg}
.j63{--y:-0.5px;--r:-1.1deg}
.j64{--y:-0.5px;--r:-0.8deg}
.j65{--y:-0.8px;--r:-1.0deg}
.j66{--y:-1.0px;--r:-1.0deg}
.j67{--y:-0.7px;--r:-0.2deg}
.j68{--y:-0.5px;--r:-1.2deg}
.j69{--y:0.3px;--r:-1.0deg}
.j70{--y:-1.2px;--r:-1.1deg}
.j71{--y:-1.1px;--r:0.1deg}
.j72{--y:-0.6px;--r:-0.1deg}
.j73{--y:-1.2px;--r:0.1deg}
.j74{--y:0.7px;--r:1.0deg}
.j75{--y:-0.4px;--r:-0.2deg}
.j76{--y:0.2px;--r:-1.1deg}
.j77{--y:0.8px;--r:-0.1deg}
.j78{--y:-0.8px;--r:-0.2deg}
.j79{--y:1.2px;--r:-1.1deg}