@layer theme,base,components,utilities;@layer components{.board{--cw: clamp(21px, 2.1vw + 4px, 36px);--ch: calc(var(--cw) * 1.6);--fs: calc(var(--cw) * 1.22);--flap-ink: #f2f1ea;--board-label: #a3aca8;--board-rule: #33403b;position:relative;padding:clamp(10px,1.2vw,16px);border:2px solid var(--ink);border-radius:10px;background:#1b2421;box-shadow:0 10px 0 var(--ink);color:var(--flap-ink)}.board-bolt{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#52605a,#26302c)}.board-bolt:nth-of-type(1){top:5px;left:5px}.board-bolt:nth-of-type(2){top:5px;right:5px}.board-bolt:nth-of-type(3){bottom:5px;left:5px}.board-bolt:nth-of-type(4){right:5px;bottom:5px}.board-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:10px 16px;border-radius:4px;background:#75f123;color:var(--ink)}.board-title{font:830 clamp(24px,1.6vw + 12px,36px) / 1 var(--display);font-stretch:70%;letter-spacing:-.01em}.board-head-end{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-weight:650;font-size:15px}.board-rows{display:grid;grid-template-columns:minmax(10em,.8fr) auto minmax(0,1fr);column-gap:clamp(16px,2.4vw,36px);padding:6px clamp(4px,1vw,14px) 2px}.board-row{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;row-gap:10px;align-items:center;padding-block:clamp(10px,1.1vw,16px);border-bottom:1px solid var(--board-rule)}.board-row:last-child{border-bottom:0}.board-row dt{color:var(--board-label);font:720 clamp(18px,.9vw + 12px,26px) / 1.1 var(--display);font-stretch:84%}.board-row dd{display:contents}.board-note{color:var(--board-label);font-size:clamp(13.5px,.3vw + 12px,15.5px);line-height:1.35}.flaps{display:inline-flex;gap:3px}.k{position:relative;display:inline-block;width:var(--cw);height:var(--ch);border-radius:3px;background:linear-gradient(180deg,#34403b,#29332f 49.6%,#1e2623 50.4%,#252e2a);color:var(--flap-ink);font:760 var(--fs) / var(--ch) var(--display);font-stretch:62%;text-align:center;text-transform:uppercase;perspective:calc(var(--ch) * 7);isolation:isolate}.k.is-space{width:calc(var(--cw) * .45);background:none}.k:after{content:"";position:absolute;inset:calc(50% - 1px) 0 auto;z-index:3;height:2px;background:#0f1513}.k>b,.k-leaf>b{display:block;height:var(--ch);overflow:hidden;font-weight:inherit;white-space:pre}.k-leaf{position:absolute;inset-inline:0;z-index:2;height:50%;overflow:hidden;backface-visibility:hidden}.k-leaf.is-top{top:0;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#34403b,#29332f);transform-origin:50% 100%}.k-leaf.is-bottom{bottom:0;border-radius:0 0 3px 3px;background:linear-gradient(180deg,#1e2623,#252e2a);transform-origin:50% 0}.k-leaf.is-bottom>b{margin-top:calc(var(--ch) / -2)}.site.has-motion .board.is-posting .k>b{animation:flap-show 0ms 2.4s both;color:transparent}@keyframes flap-show{to{color:var(--flap-ink)}}.board-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.board-stage{--dot: #a3aca8;display:grid;gap:4px;padding:10px 12px;border-radius:4px;background:#222b28;transition:background .3s var(--ease),box-shadow .3s var(--ease)}.board-stage[data-stage=scheduled]{--dot: #6aa5f2}.board-stage[data-stage=to-pay]{--dot: #f2a93b}.board-stage[data-stage=paid]{--dot: #57c98e}.board-stage-word{display:flex;align-items:center;gap:8px;font:760 clamp(16px,.6vw + 12px,20px) / 1 var(--display);font-stretch:84%}.board-stage-word:before{content:"";flex:none;width:10px;height:10px;border-radius:3px;background:var(--dot)}.board-stage-day{color:var(--board-label);font-size:13.5px}.board-stage.is-now{background:#2c3833;box-shadow:inset 0 0 0 2px var(--dot)}.site.has-motion .board:not(.is-posted) .board-stage{opacity:.35;animation:stage-show .3s 3.6s both}.site.has-motion .board .board-stage{transition:opacity .42s var(--ease)}.site.has-motion .board.is-posted .board-stage:nth-child(2){transition-delay:.14s}.site.has-motion .board.is-posted .board-stage:nth-child(3){transition-delay:.28s}.site.has-motion .board.is-posted .board-stage:nth-child(4){transition-delay:.42s}@keyframes stage-show{to{opacity:1}}@media(max-width:719px){.board{--cw: clamp(20px, 6.2vw, 28px)}.board-rows{grid-template-columns:minmax(0,1fr)}.board-row{grid-template-columns:minmax(0,1fr);gap:8px}.board-stages{grid-template-columns:repeat(2,minmax(0,1fr))}}.tags{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 clamp(10px,1.4vw,22px);margin-top:clamp(48px,5vw,72px);padding-top:46px}.tags:before{content:"";position:absolute;inset:0 -12px auto;height:8px;border:2px solid var(--ink);border-radius:4px;background:linear-gradient(180deg,#e9ece6,#c9cfc7)}.tag{--cut: 26px;position:relative;display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0;transform-origin:50% -46px}.tag:before{content:"";position:absolute;top:-40px;left:calc(50% - 1px);width:2px;height:58px;background:var(--ink)}.tag-front{position:relative;padding:2px;background:var(--ink);clip-path:polygon(var(--cut) 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%,0 var(--cut))}.tag-front-face{display:grid;align-content:start;gap:6px;min-height:100%;padding:44px 16px 18px;background:linear-gradient(180deg,#ffffff,var(--card) 40%);clip-path:polygon(calc(var(--cut) - .8px) 0,calc(100% - var(--cut) + .8px) 0,100% calc(var(--cut) - .8px),100% 100%,0 100%,0 calc(var(--cut) - .8px))}.tag-hole{position:absolute;top:12px;left:calc(50% - 9px);z-index:2;width:18px;height:18px;border:2px solid var(--ink);border-radius:50%;background:radial-gradient(circle at 50% 40%,#c5cbc3,#eef0eb 70%)}.tag-name{font:800 clamp(17px,.6vw + 12px,21px) / 1.05 var(--display);font-stretch:78%}.tag-kind{color:var(--slate);font-size:14px}.tag-rate{margin-top:8px;font:900 clamp(36px,2.6vw + 12px,56px) / .9 var(--display);font-stretch:58%;letter-spacing:-.01em}.tag-basis{font-size:14.5px;line-height:1.35}.tag-chip{justify-self:start;margin-top:10px;padding:6px 9px;border:1.5px solid var(--ink);border-radius:3px;background:var(--card);font-weight:650;font-size:13.5px;line-height:1.25;transform:rotate(-2deg)}.tag-back{display:grid;align-content:start;gap:4px;padding:16px 16px 18px;border:2px solid var(--ink);border-top:0;background:var(--card);box-shadow:0 6px 0 var(--ink)}.tag-label{color:var(--slate);font-weight:600;font-size:13.5px}.tag-earns{font:860 clamp(24px,1.4vw + 12px,32px) / 1 var(--display);font-stretch:64%;font-variant-numeric:tabular-nums}.tag-small{color:var(--slate);font-size:13.5px;line-height:1.35}.tag-rule{margin-block:10px 6px;border-top:2px dotted var(--rule)}.tag-stage{display:flex;align-items:center;gap:8px;font-weight:650;font-size:15px}.tag-stage:before,.stage-dot:before{content:"";flex:none;width:11px;height:11px;border-radius:3px;background:var(--stage, var(--stage-hold))}[data-stage=hold]{--stage: var(--stage-hold)}[data-stage=scheduled]{--stage: var(--stage-scheduled)}[data-stage=to-pay]{--stage: var(--stage-to-pay)}[data-stage=paid]{--stage: var(--stage-paid)}.tag-day{font:860 24px / 1 var(--display);font-stretch:66%}@media(hover:hover)and (prefers-reduced-motion:no-preference){.tag:hover{animation:tag-swing 1.1s var(--ease)}}@keyframes tag-swing{20%{transform:rotate(3.2deg)}45%{transform:rotate(-2.2deg)}70%{transform:rotate(1deg)}}@media(max-width:1023px){.tags{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:64px}.tags:before{display:none}.tag{grid-row:auto;grid-template-rows:auto 1fr}}@media(max-width:599px){.tags{grid-template-columns:minmax(0,1fr)}.tag{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto;transform-origin:25% -46px}.tag:before{left:calc(25% - 1px)}.tag-back{border-top:2px solid var(--ink);border-left:0}}.sheet{position:relative;padding:26px 24px 28px;border:1.5px solid var(--rule);border-radius:4px;background-color:#f7f8f4;background-image:linear-gradient(90deg,transparent 38px,#e9b8b8 38px 40px,transparent 40px);color:var(--slate);transform:rotate(-1.4deg)}.sheet-title,.ledger-title{margin-bottom:14px;font:800 clamp(24px,1vw + 16px,32px) / 1 var(--display);font-stretch:76%}.sheet-title{padding-left:30px;color:var(--ink-soft)}.sheet li{display:flex;gap:12px;min-height:36px;align-items:center;padding-left:30px;border-bottom:1px solid #d6dcd4;font-size:16.5px}.sheet li:before{content:"";flex:none;width:14px;height:14px;border:1.5px solid var(--slate);border-radius:2px}.ledger{padding:26px 26px 28px;border:2px solid var(--ink);border-radius:var(--r-object);background:var(--card);box-shadow:0 8px 0 var(--ink)}.ledger li{display:flex;align-items:center;gap:14px;padding-block:14px;border-top:2px solid var(--ink);font:740 clamp(20px,.9vw + 14px,28px) / 1.15 var(--display);font-stretch:84%}.ledger li:before{content:"";flex:none;width:14px;height:14px;border-radius:4px;background:var(--stage-paid)}.sale-tag{position:relative;display:grid;gap:10px;align-self:start;width:min(100%,500px);margin-block:auto;padding:26px 26px 24px;border:2px solid var(--ink);border-radius:var(--r-object);background:linear-gradient(180deg,#fff,#f3f5f0);box-shadow:0 6px 0 var(--ink);transform:rotate(-1.5deg)}.sale-tag-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;color:var(--slate);font-size:14.5px}.sale-tag-working{font:760 clamp(22px,1.2vw + 14px,32px) / 1.1 var(--display);font-stretch:80%}.sale-tag-earns{display:flex;align-items:center;gap:18px}.sale-sticker{display:grid;place-items:center;width:clamp(130px,12vw,176px);aspect-ratio:1;border:2px solid var(--ink);border-radius:50%;background:radial-gradient(circle at 38% 32%,#8bea4f,var(--lime) 62%);color:var(--ink);font:900 clamp(34px,2.6vw + 14px,52px) / 1 var(--display);font-stretch:58%;transform:rotate(-8deg)}.sale-share{color:var(--ink-soft);font-weight:650}.holds{display:grid;gap:10px}.holds li{display:flex;align-items:baseline;gap:10px;padding:10px 12px;border:1.5px solid var(--ink);border-radius:4px;background:var(--card);font-size:15px;line-height:1.35}.holds li:before{content:"";flex:none;width:10px;height:10px;border-radius:3px;background:var(--stage, var(--stage-hold));transform:translateY(1px)}.lands-card{display:grid;gap:8px;justify-items:start}.lands-card .board-stage-day{font-size:14px}.lands-card{--cw: clamp(24px, 1.4vw + 10px, 32px);--ch: calc(var(--cw) * 1.6);--fs: calc(var(--cw) * 1.22);--flap-ink: #f2f1ea}.stamp{display:inline-grid;gap:6px;padding:14px 18px;border:3px double var(--ink);border-radius:6px;transform:rotate(-3deg)}.stamp-word{font:880 clamp(34px,3vw + 14px,60px) / 1 var(--display);font-stretch:64%}.statement{position:relative;padding:clamp(22px,2.6vw,36px);border:2px solid var(--ink);border-radius:var(--r-object);background:linear-gradient(180deg,#fff,#f6f7f3);box-shadow:0 8px 0 var(--ink);transform:rotate(.8deg);font-variant-numeric:tabular-nums}.statement-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px 16px;padding-bottom:16px;border-bottom:2px solid var(--ink)}.statement-vendor{font:820 clamp(24px,1.4vw + 14px,34px) / 1 var(--display);font-stretch:74%}.statement-meta{margin-top:6px;color:var(--slate);font-size:14.5px;line-height:1.4}.statement-rows{display:grid}.statement-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-block:11px;border-bottom:1px solid var(--rule);font-size:clamp(14.5px,.3vw + 13px,16.5px)}.statement-row b{font-weight:650;white-space:nowrap}.statement-row.is-total{padding-top:16px;border-top:2px solid var(--ink);border-bottom:0}.statement-row.is-total span{font:800 22px / 1 var(--display);font-stretch:80%}.statement-row.is-total b{font:880 clamp(32px,2vw + 16px,44px) / 1 var(--display);font-stretch:62%}.statement-stamp{position:absolute;bottom:clamp(14px,2vw,22px);left:50%;translate:-50% 0;padding:8px 12px;border:3px solid var(--stage-paid);border-radius:5px;color:var(--stage-paid);font:860 clamp(18px,.8vw + 13px,24px) / 1.05 var(--display);font-stretch:76%;transform:rotate(-9deg);mix-blend-mode:multiply;white-space:nowrap}@media(max-width:599px){.statement-stamp{position:static;display:inline-block;margin-top:16px;translate:none;transform:rotate(-4deg)}}.statement-totals{margin-top:6px;border-top:2px solid var(--ink);color:var(--slate)}.screen{border:2px solid var(--ink);border-radius:10px;background:var(--card);box-shadow:0 8px 0 var(--ink);overflow:hidden}.screen-bar{display:flex;gap:6px;padding:10px 12px;border-bottom:2px solid var(--ink);background:linear-gradient(180deg,#f2f4ef,#e3e7e0)}.screen-bar i{width:10px;height:10px;border:1.5px solid var(--ink);border-radius:50%}.screen-body{padding:clamp(18px,2vw,28px)}.phone{justify-self:center;width:min(100%,290px);padding:12px;border:2px solid var(--ink);border-radius:38px;background:linear-gradient(145deg,#2b332f,#131714 60%);box-shadow:0 8px 0 var(--ink)}.phone-screen{display:grid;gap:12px;min-height:420px;padding:34px 18px 22px;border-radius:28px;background:var(--card)}.phone-name{font:820 22px / 1.05 var(--display);font-stretch:78%}.phone-card{display:grid;gap:6px;padding:14px;border:1.5px solid var(--ink);border-radius:8px}.phone-card .tag-earns{font-size:30px}.stage-dot{display:inline-flex;align-items:center;gap:8px;font-weight:650;font-size:14.5px}}
