.tf{--cream: #fbfaf7;--night: #131110;--ink: #1b1a18;--carbon: #1f1d1b;--pearl: #fbfaf7;--s: 72px;--t: 70px;position:relative;background:var(--cream)}.tf-track{position:relative;height:470vh}.tf-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--cream)}.tf-dark{--dawn: -35;position:absolute;inset:0;opacity:0;background:radial-gradient(70% 55% at 50% 100%,rgba(255,255,255,.045),transparent 70%),var(--night);-webkit-mask-image:linear-gradient(to top,transparent calc(var(--dawn) * 1%),#000 calc(var(--dawn) * 1% + 35%));mask-image:linear-gradient(to top,transparent calc(var(--dawn) * 1%),#000 calc(var(--dawn) * 1% + 35%))}.tf-view{position:absolute;inset:0;perspective:700px;perspective-origin:50% 45%}.tf-plane{position:absolute;transform-style:preserve-3d;pointer-events:none}.tf-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,var(--line) 1px,transparent 1px),linear-gradient(to bottom,var(--line) 1px,transparent 1px);background-size:var(--s) var(--s);-webkit-mask-image:radial-gradient(var(--mw) var(--mh) at 50% 50%,#000 35%,transparent 100%);mask-image:radial-gradient(var(--mw) var(--mh) at 50% 50%,#000 35%,transparent 100%)}.tf-grid--ink{--line: rgba(27, 26, 24, .075);opacity:0}.tf-grid--pearl{--line: rgba(251, 250, 247, .1);opacity:0}.tf-decor{position:absolute;inset:0;pointer-events:none}.tf-sq{position:absolute;width:var(--t);height:var(--t);border-radius:4px;background:var(--carbon);box-shadow:inset 0 1px #ffffff14}.tf-tools{position:absolute;inset:0;transform-style:preserve-3d}.tf-tool{position:absolute;width:var(--t);height:var(--t);transform-style:preserve-3d;outline:none;opacity:0;pointer-events:auto}.tf-cap{position:absolute;inset:0;display:grid;place-items:center;border-radius:4px;background:linear-gradient(180deg,#2b2825,#211f1c);box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px #ffffff0f;transition:transform .22s cubic-bezier(.23,1,.32,1),background-color .2s ease,box-shadow .22s ease}.tf-cap img{width:44%;height:44%;object-fit:contain;transition:filter .2s ease,opacity .2s ease;filter:grayscale(1) invert(1) brightness(1.55) contrast(.9);opacity:.85}.tf-cap img.is-dark{filter:grayscale(1)}.tf-tool.is-on .tf-cap{transform:translateZ(16px) scale(1.06);background:linear-gradient(180deg,#3a3632,#2b2825);box-shadow:inset 0 1px #ffffff29,inset 0 0 0 1px #ffffff1f,0 18px 30px -14px #000000e6}.tf-tool.is-on .tf-cap img{filter:none;opacity:1}@media(hover:hover)and (pointer:fine){.tf-tool:hover .tf-cap{transform:translateZ(16px) scale(1.06);background:linear-gradient(180deg,#3a3632,#2b2825);box-shadow:inset 0 1px #ffffff29,inset 0 0 0 1px #ffffff1f,0 18px 30px -14px #000000e6}.tf-tool:hover .tf-cap img{filter:none;opacity:1}}.tf-tool:active .tf-cap{transform:translateZ(8px) scale(.98)}.tf-tool:focus-visible .tf-cap{box-shadow:inset 0 0 0 2px var(--pearl)}.tf-tool:focus-visible .tf-cap img{filter:none;opacity:1}.tf-copy{position:absolute;inset:0;display:grid;place-items:center;padding:0 24px;pointer-events:none}.tf-head{max-width:15ch;margin:0;text-align:center;font-family:var(--font-display);font-weight:var(--h-weight);font-size:var(--h-fold);line-height:var(--h-lead);letter-spacing:var(--h-track);color:var(--ink);text-wrap:balance;transform-origin:50% 0%;will-change:transform}.tf-w{display:inline-block;will-change:opacity,filter,transform}.tf-plate{position:absolute;left:0;top:0;z-index:5;pointer-events:none;white-space:nowrap;padding:6px 13px;border-radius:999px;background:var(--pearl);color:var(--ink);font-size:12.5px;box-shadow:0 12px 28px -12px #000c;opacity:0;transform:translate(-50%,-100%) translateY(-6px) scale(.96);transition:opacity .16s ease-out,transform .2s cubic-bezier(.23,1,.32,1)}.tf-plate.is-on{opacity:1;transform:translate(-50%,-100%) translateY(-14px) scale(1)}.tf-plate b{font-weight:600}.tf.is-static .tf-track{height:auto}.tf.is-static .tf-stage{position:relative;height:max(100svh,680px)}.af{--cream: #fbfaf7;--ink: #1b1a18;--carbon: #1f1d1b;--pearl: #fbfaf7;--muted: #6e6c65;--line: #e4e2de;--r: 22px;--gap: 10px;position:relative;background:var(--cream);overflow-x:clip}.af-track{position:relative}.af-stage{position:relative;padding:56px 16px var(--fold-pad)}.af-fit{position:relative;width:100%;max-width:1180px;margin:0 auto;transform-origin:50% 0%}.af-bento{position:relative;display:grid;gap:var(--gap);grid-template-columns:1fr 1fr;grid-template-areas:"h h" "p p" "c1 c1" "c2 c2" "c3 c3" "c4 c4" "n1 n1" "n2 n3"}.af-bento>.af-portrait{grid-area:p}.af-bento>.af-head{grid-area:h}.af-bento>[data-cell=c1]{grid-area:c1}.af-bento>[data-cell=c2]{grid-area:c2}.af-bento>[data-cell=c3]{grid-area:c3}.af-bento>[data-cell=c4]{grid-area:c4}.af-bento>[data-cell=n1]{grid-area:n1}.af-bento>[data-cell=n2]{grid-area:n2}.af-bento>[data-cell=n3]{grid-area:n3}.af-slot{position:relative;pointer-events:none}.af-slot-in{position:absolute;inset:0;border-radius:var(--r)}.af-tick{position:absolute;width:9px;height:9px;border-color:#1b1a1880;border-style:solid;border-width:0}.af-tick[data-c=tl]{left:-7px;top:-7px;border-left-width:1.5px;border-top-width:1.5px}.af-tick[data-c=tr]{right:-7px;top:-7px;border-right-width:1.5px;border-top-width:1.5px}.af-tick[data-c=bl]{left:-7px;bottom:-7px;border-left-width:1.5px;border-bottom-width:1.5px}.af-tick[data-c=br]{right:-7px;bottom:-7px;border-right-width:1.5px;border-bottom-width:1.5px}.af-tile{position:relative;margin:0;min-width:0;isolation:isolate}.af-face{position:relative;isolation:isolate;height:100%;border-radius:var(--r);overflow:hidden;transition:transform .22s cubic-bezier(.23,1,.32,1)}.af-card:after,.af-num:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:var(--r);pointer-events:none;opacity:0;box-shadow:0 22px 40px -24px #1b1a186b;transition:opacity .22s cubic-bezier(.23,1,.32,1),transform .22s cubic-bezier(.23,1,.32,1)}.af-lift{position:absolute;inset:6% 4% 0;z-index:-1;border-radius:var(--r);opacity:0;pointer-events:none;box-shadow:0 46px 70px -28px #1b1a1861,0 18px 30px -18px #1b1a1840}.af-flash{position:absolute;inset:0;z-index:3;border-radius:inherit;opacity:0;pointer-events:none;box-shadow:inset 0 0 0 1.5px var(--ink),inset 0 0 40px #1b1a180f}.af-head{align-self:end;padding:4px 2px 10px}.af-h2{margin:0;font-family:var(--font-display);font-weight:var(--h-weight);letter-spacing:var(--h-track);line-height:var(--h-lead);font-size:clamp(1.85rem,1.1rem + 2.3vw,3rem);color:var(--ink);text-wrap:balance;max-width:22ch}.af-wm{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}.af-wi{display:inline-block;will-change:transform}.af-lede{margin:14px 0 0;max-width:56ch;font-size:16px;line-height:1.55;color:var(--muted)}.af-portrait .af-face{height:clamp(290px,86vw,380px);container-type:size;background:#8d8c89;box-shadow:0 1px 2px #1b1a180f}.af-portrait .af-face:after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px #ffffff42,inset 0 0 0 1px #ffffff12}.af-pbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;transform:scale(1.02)}.af-pfloor{position:absolute;left:8%;right:8%;bottom:0;height:26%;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 100%,rgba(19,17,16,.22),transparent 70%)}.af-cut{position:absolute;z-index:2;left:50%;bottom:0;height:auto;max-width:none;width:min(max(136cqw,80cqh * .8633),94cqh * .8633,190cqw);transform:translate(-50%);transform-origin:50% 100%;transition:transform .26s cubic-bezier(.23,1,.32,1)}.af-card .af-face{display:flex;flex-direction:column;gap:8px;padding:22px 22px 20px}.af-card .af-face>*:not(.af-cbg):not(.af-flash){position:relative}.af-title{margin:0;font-family:var(--font-display);font-weight:500;font-size:21px;line-height:1.12;letter-spacing:-.02em;color:var(--ink)}.af-body{margin:0;font-size:15px;line-height:1.5;color:var(--muted)}.af-tags{display:flex;flex-wrap:wrap;gap:6px;margin:auto 0 0;padding:8px 0 0;list-style:none}.af-tags li{padding:4px 10px;border-radius:999px;font-size:12.5px;line-height:1.3;color:#57554f;background:#1b1a1809;box-shadow:inset 0 0 0 1px #1b1a1817}.af-num .af-face{display:flex;flex-direction:column;justify-content:flex-start;gap:8px;padding:18px 18px 17px}.af-num .af-face>*:not(.af-cbg):not(.af-flash){position:relative}.af-val{margin:0;font-family:var(--font-display);font-weight:500;font-size:30px;line-height:1;letter-spacing:-.025em;color:var(--ink);white-space:nowrap}.af-lab{margin:0;font-size:14px;line-height:1.4;color:var(--muted)}.af-cbg{position:absolute;inset:0;z-index:-1;width:100%;height:100%;max-width:none;object-fit:cover;transform:scale(1.04);transition:transform .28s cubic-bezier(.23,1,.32,1)}[data-tone=paper] .af-face{background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 1px 2px #1b1a180a}[data-tone=carbon] .af-face{background:linear-gradient(180deg,#24221f,var(--carbon));box-shadow:inset 0 1px #ffffff12}[data-tone=ink] .af-face{background:#26283a}[data-tone=ink] .af-cbg{width:175%;object-position:0% 60%}[data-tone=teal] .af-face{background:#34494b}[data-tone=teal] .af-cbg{inset:auto 0 0 auto;width:190%;height:190%;filter:brightness(.74) saturate(.9)}[data-tone=sage] .af-face{background:#c4cfcb;box-shadow:inset 0 0 0 1px #1b1a180d}[data-tone=sage] .af-cbg{inset:auto 0 0 auto;width:210%;height:210%;filter:brightness(1.55) saturate(.6) contrast(.85)}[data-tone=mist] .af-face{background:#bcc3cf;box-shadow:inset 0 0 0 1px #1b1a180d}[data-tone=mist] .af-cbg{inset:auto auto 0 0;width:200%;height:200%;object-position:0% 100%;filter:brightness(1.5) saturate(.65) contrast(.85)}[data-tone=sage] .af-body,[data-tone=sage] .af-lab,[data-tone=mist] .af-body,[data-tone=mist] .af-lab{color:#3d3c38}.af-dark .af-title,.af-dark .af-val{color:var(--pearl)}.af-dark .af-body,.af-dark .af-lab{color:#fbfaf7cc}.af-dark .af-tags li{color:#e4e1da;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff24}.af-dark .af-flash{box-shadow:inset 0 0 0 1.5px var(--pearl),inset 0 0 40px #ffffff0f}@media(hover:hover)and (pointer:fine){.af-card:hover .af-face,.af-num:hover .af-face{transform:translateY(-3px)}.af-card:hover:after,.af-num:hover:after{opacity:1;transform:translateY(-3px)}.af-card:hover .af-cbg,.af-num:hover .af-cbg{transform:scale(1.1)}.af-portrait:hover .af-cut{transform:translate(-50%) scale(1.025)}}@media(min-width:700px){.af-stage{padding:72px 32px var(--fold-pad)}.af-portrait .af-face{height:100%;min-height:290px}.af-bento{--gap: 12px;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"h h h h h h" "p p p c1 c1 c1" "p p p c2 c2 c2" "c3 c3 c3 c4 c4 c4" "n1 n1 n2 n2 n3 n3"}.af-val{font-size:32px}.af-h2{max-width:26ch}}@media(min-width:1100px){.af-stage{padding:96px 40px var(--fold-pad)}.af-bento{--gap: 12px;grid-template-columns:repeat(21,minmax(0,1fr));grid-template-rows:auto minmax(min-content,1fr) minmax(min-content,1fr) auto;grid-template-areas:"p p p p p p h h h h h h h h h h h h h h h" "p p p p p p c1 c1 c1 c1 c1 c1 c1 c1 c2 c2 c2 c2 c2 c2 c2" "p p p p p p c3 c3 c3 c3 c3 c3 c3 c4 c4 c4 c4 c4 c4 c4 c4" "p p p p p p n1 n1 n1 n1 n1 n2 n2 n2 n2 n2 n3 n3 n3 n3 n3"}.af-head{padding:6px 4px 16px 10px;container-type:inline-size}.af-lede{max-width:none}.af-h2{font-size:min(2.9rem,4.2cqi);max-width:none;text-wrap:nowrap}.af-portrait .af-face{min-height:0}.af-num .af-face{padding:18px 20px}.af-val{font-size:34px}}.af.is-stage .af-track{height:330vh}.af.is-stage{margin-bottom:calc(var(--fold-pad) - var(--af-tail, 0px))}.af.is-stage .af-stage{position:sticky;top:0;height:100vh;height:100svh;padding:0 40px;overflow:hidden}.af.is-stage .af-fit{position:absolute;left:40px;right:40px;width:auto;max-width:none;margin:0 auto}.af.is-stage .af-bento{max-width:1180px;margin:0 auto}@media(min-width:1600px){.af.is-stage .af-bento{max-width:1320px}}.af.is-compact .af-bento{grid-template-rows:auto minmax(0,1fr) minmax(0,1fr) auto}.af.is-compact .af-h2{font-size:min(2.3rem,4.2cqi)}.af.is-compact .af-lede{margin-top:8px;font-size:15px}.af.is-compact .af-head{padding-bottom:8px}.af.is-compact .af-card .af-face{padding:17px 18px 16px;gap:6px}.af.is-compact .af-title{font-size:19px}.af.is-compact .af-body{line-height:1.45}.af.is-compact .af-tags{display:none}.af.is-compact.is-tags .af-tags{display:flex;padding-top:6px}.af.is-compact .af-num .af-face{gap:5px;padding:13px 18px 12px}.af.is-compact .af-val{font-size:26px}.af.is-compact .af-lab{font-size:13.5px;line-height:1.35}.af:not(.is-live) .af-slot{display:none}