.card-page{min-height:100svh;font-family:var(--f-dm-sans), Arial, sans-serif;background:radial-gradient(60% 40% at 50% 0,#f3d5c655,#0000 70%),#f4f1ec;align-content:start;justify-items:center;gap:18px;padding:clamp(24px,6vh,64px) 16px 48px;display:grid}.digital-card{background:var(--card-bg);width:min(100%,420px);color:var(--card-fg);overflow-wrap:anywhere;border-radius:28px;gap:18px;padding:24px;animation:.52s cubic-bezier(.2,.8,.2,1) both card-rise;display:grid;box-shadow:0 30px 60px -30px #24231f66,0 0 0 1px #24231f14}@keyframes card-rise{0%{opacity:0;transform:translateY(18px)rotateX(8deg)scale(.98)}}.digital-card header{align-items:center;gap:14px;display:flex}.card-photo{object-fit:cover;border:3px solid color-mix(in srgb, var(--card-fg) 12%, transparent);border-radius:50%;flex:none;width:72px;height:72px}.card-initials{background:var(--card-accent);color:var(--card-bg);font:700 26px/1 var(--f-manrope), Arial, sans-serif;place-items:center;display:grid}.card-accent .card-initials,.card-gradient .card-initials{color:#24231f;background:#fff}.digital-card h1{font:700 24px/1.15 var(--f-manrope), Arial, sans-serif;letter-spacing:-.03em;margin:0}.card-title{color:var(--card-label);margin:3px 0 6px;font-size:14px}.card-verified{background:color-mix(in srgb, var(--card-fg) 9%, transparent);border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.card-headline{margin:0;font-size:14px;line-height:1.55}.card-details{border-block:1px solid color-mix(in srgb, var(--card-fg) 14%, transparent);gap:10px;margin:0;padding:14px 0;display:grid}.card-details div{grid-template-columns:96px 1fr;align-items:baseline;gap:10px;font-size:13px;display:grid}.card-details dt{color:var(--card-label);align-items:center;gap:6px;display:inline-flex}.card-details dd{align-items:center;gap:5px;min-width:0;margin:0;display:inline-flex}.card-details a{color:inherit;overflow-wrap:anywhere;text-decoration:none}.card-check{color:var(--card-accent);flex:none}.digital-card footer{align-items:center;gap:16px;display:flex}.card-qr{background:#fff;border-radius:14px;flex:none;width:116px;padding:6px;line-height:0}.card-qr svg{width:100%;height:auto}.card-meta{gap:4px;font-size:13px;display:grid}.card-meta small{color:var(--card-label);font-size:11px}.card-brand{font:700 15px/1 var(--f-manrope), Arial, sans-serif;letter-spacing:-.03em;margin-top:6px}.card-brand span{color:#c34b25}.card-accent .card-brand span,.card-gradient .card-brand span{color:inherit}.card-actions{grid-template-columns:1fr 1fr;gap:10px;width:min(100%,420px);animation:.52s cubic-bezier(.2,.8,.2,1) .12s both card-rise;display:grid}.card-actions>*{color:#24231f;min-height:48px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e0d9ce;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .16s,background-color .16s;display:inline-flex}.card-actions>:hover{transform:translateY(-1px)}.card-actions .card-primary{color:#fff;background:#24231f;border:0;grid-column:1/-1}.card-actions .wallet-button{color:#fff;background:#000;border-color:#000}.card-actions .wallet-button.google{background:#1f1f1f}.card-actions>:focus-visible{outline-offset:3px;outline:2px solid #a64128}.card-note{text-align:center;color:#77736b;max-width:420px;margin:0;font-size:12px;line-height:1.5}.digital-card.compact{animation:none}@media (max-width:380px){.card-details div{grid-template-columns:1fr;gap:2px}.card-qr{width:96px}}@media (prefers-reduced-motion:reduce){.digital-card,.card-actions{animation:none}.card-actions>*{transition:none}.card-actions>:hover{transform:none}}.card-tilt{perspective:1000px;width:min(100%,420px)}.digital-card{isolation:isolate;width:100%;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .26s;position:relative;overflow:hidden}.card-tilt:not(:hover) .digital-card{transition-duration:.7s}.card-page>.digital-card,.share-card-preview .digital-card{width:min(100%,420px)}.card-art,.card-mark{pointer-events:none;z-index:-1;position:absolute}.card-art{inset:0}.digital-card:after{content:"";z-index:2;pointer-events:none;background:radial-gradient(60% 50% at var(--mx,20%) var(--my,0%), #ffffff40, transparent 70%);mix-blend-mode:soft-light;transition:background-position .2s;position:absolute;inset:0}.card-mark{font:800 190px/1 var(--f-manrope), Arial, sans-serif;letter-spacing:-.08em;color:#0000;-webkit-text-stroke:1.5px color-mix(in srgb, var(--card-fg) 14%, transparent);bottom:-46px;right:-14px}.card-qr{box-shadow:0 10px 24px -14px #0008}.card-midnight{box-shadow:0 30px 60px -28px #000c,inset 0 0 0 1px #ffffff14}.card-midnight .card-art{background:radial-gradient(60% 50% at 0% 100%, color-mix(in srgb, var(--card-accent) 40%, transparent), transparent 70%), repeating-linear-gradient(135deg, #ffffff07 0 1px, transparent 1px 9px)}.card-accent .card-art{background:repeating-radial-gradient(circle at 100% 0%, transparent 0 22px, color-mix(in srgb, var(--card-fg) 10%, transparent) 22px 23px)}.card-accent .card-mark{color:color-mix(in srgb, var(--card-fg) 9%, transparent);-webkit-text-stroke:0}.card-gradient .card-art{background:radial-gradient(60% 60% at 0% 0%, var(--card-accent-src,#fff0), transparent), radial-gradient(50% 60% at 100% 20%, #6e66a3, transparent 70%), radial-gradient(60% 60% at 30% 100%, #f4a37a, transparent 70%), radial-gradient(40% 40% at 90% 90%, #2f6db5aa, transparent 70%);background-size:160% 160%;animation:14s ease-in-out infinite alternate card-mesh}@keyframes card-mesh{to{background-position:100% 100%}}.card-minimal .card-art{background:linear-gradient(var(--card-accent), var(--card-accent)) top / 100% 8px no-repeat, linear-gradient(#0000000a 1px, transparent 1px) 0 0 / 100% 24px, linear-gradient(90deg, #0000000a 1px, transparent 1px) 0 0 / 24px 100%}.card-minimal .card-mark{display:none}.card-holo{box-shadow:0 30px 60px -30px #5b4b8a99,inset 0 0 0 1px #fff}.card-holo .card-art{background:radial-gradient(40% 50% at var(--mx,30%) var(--my,20%), #ffffffb3, transparent 70%), conic-gradient(from 200deg at 60% 40%, #ffd6e8, #d4c6ff, #b8f0ff, #d9ffd0, #fff4b8, #ffd6e8);background-size:100% 100%,220% 220%;animation:10s ease-in-out infinite alternate holo-shift}.card-holo .card-art:after{content:"";mix-blend-mode:overlay;background:repeating-linear-gradient(115deg,#fff0 0 14px,#fff5 14px 15px);position:absolute;inset:0}@keyframes holo-shift{to{background-position:0 0,100% 100%}}.card-holo .card-mark{-webkit-text-stroke-color:#fff}.card-topo .card-art{background:var(--card-accent);opacity:.32;-webkit-mask:url(/card-topo.svg) 50%/cover no-repeat;mask:url(/card-topo.svg) 50%/cover no-repeat}.card-topo .card-mark{display:none}.card-paper{box-shadow:0 24px 50px -30px #5a432b99,inset 0 1px #fff}.card-paper .card-art{border:1px solid color-mix(in srgb, var(--card-fg) 22%, transparent);background:radial-gradient(#7a6a5812 1px,#0000 1.4px) 0 0/6px 6px,radial-gradient(#ffffff80 1px,#0000 1.4px) 3px 3px/7px 7px;border-radius:20px;inset:10px}.card-paper h1{font-family:var(--f-fraunces), Georgia, serif;text-shadow:0 1px #ffffffb3,0 -1px #0000001a;font-weight:700}.card-paper .card-mark{font-family:var(--f-fraunces), Georgia, serif;-webkit-text-stroke-color:color-mix(in srgb, var(--card-fg) 12%, transparent)}.card-paper .card-initials{background:var(--card-accent);color:#fff}.card-holo .card-initials,.card-topo .card-initials{color:#1d1c26;background:#fff}@media (prefers-reduced-motion:reduce){.digital-card{transition:none;transform:none}.card-gradient .card-art,.card-holo .card-art{animation:none}}.card-classic .card-art{background:linear-gradient(90deg, var(--card-accent) 0 6px, transparent 6px), repeating-linear-gradient(0deg, #7a6a5809 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, #7a6a5807 0 1px, transparent 1px 3px), radial-gradient(55% 45% at 100% 0%, color-mix(in srgb, var(--card-accent) 22%, transparent), transparent 70%)}.card-midnight .card-art{background:radial-gradient(60% 50% at 0% 100%, color-mix(in srgb, var(--card-accent) 22%, transparent), transparent 70%), repeating-linear-gradient(135deg, #ffffff05 0 1px, transparent 1px 9px);border:1px solid #c9a86a66;border-radius:20px;inset:10px}.card-midnight .card-mark{-webkit-text-stroke-color:#c9a86a55}.card-midnight h1{background:linear-gradient(100deg,#fff4dc,#c9a86a 60%,#f3e2b8);color:#0000;-webkit-background-clip:text;background-clip:text}
.content-page{--ink:#24231f;--soft:#5c564d;color:var(--ink);background:#fbfaf7;min-height:100svh}.content-page main>section,.content-page .post{padding-inline:var(--wrap)}.content-page .eyebrow{color:var(--tone-terracotta);text-transform:uppercase;font-weight:600;display:inline-block}.content-page h1,.content-page h2,.content-page h3{font-family:var(--f-manrope), sans-serif;letter-spacing:-.04em;color:var(--ink)}.site-header nav a[aria-current=page]{color:var(--tone-terracotta)}.site-menu{display:none;position:relative}.site-menu summary{cursor:pointer;border-radius:10px;place-items:center;width:44px;height:44px;list-style:none;display:grid}.site-menu summary::-webkit-details-marker{display:none}.site-menu>div{z-index:50;background:#fffefa;border:1px solid #e5dfd5;border-radius:14px;min-width:220px;padding:8px;animation:.22s both word-rise;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 20px 40px -20px #24231f55}.site-menu>div a{border-radius:9px;padding:12px 14px;font-size:16px}.site-menu>div a:hover{background:#f3efe8}@media (max-width:700px){.site-header nav{display:none!important}.site-menu{display:block}.site-header .nav-actions>a.button{display:none}}.about-hero{isolation:isolate;padding-block:clamp(64px,11vw,140px) clamp(48px,7vw,90px);position:relative;overflow:hidden}.about-hero:before{content:"";z-index:-1;background:radial-gradient(520px 380px at calc(50% + 380px) 30%,#f3d5c6,#0000 70%),radial-gradient(420px 320px at calc(50% + 120px) 90%,#dfe9e0,#0000 70%),radial-gradient(380px 300px at calc(50% + 620px) 80%,#e4e1f3,#0000 70%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.about-hero h1{margin:18px 0 0;font-size:clamp(42px,6.4vw,92px);font-weight:650;line-height:.98}.about-hero h1 span{color:var(--tone-terracotta)}.about-hero p{max-width:560px;color:var(--soft);margin-top:26px;font-size:clamp(18px,1.5vw,21px);line-height:1.6}.about-mission{color:#fbfaf7;background:#24231f;padding-block:clamp(48px,7vw,88px)}.about-mission .eyebrow{color:#f0b39c}.about-mission-line{max-width:18ch;font:600 clamp(32px, 4.6vw, 64px) / 1.08 var(--f-manrope), sans-serif;letter-spacing:-.045em;margin:16px 0 0}.about-why{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,96px);padding-block:clamp(56px,8vw,110px);display:grid}.about-why h2,.about-values h2,.about-for h2{margin-top:14px;font-size:clamp(32px,4vw,52px);font-weight:650;line-height:1.06}.about-why-copy p{color:var(--soft);margin:0 0 20px;font-size:clamp(17px,1.4vw,20px);line-height:1.7}.about-why-copy strong{color:var(--ink)}.about-values{background:#f3efe8;padding-block:clamp(56px,8vw,110px)}.about-value-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:36px;display:grid}.about-value-grid article{background:#fffefa;border:1px solid #e8e1d6;border-radius:22px;padding:28px;transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .26s}.about-value-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 40px -26px #24231f66}.about-value-grid h3{margin:18px 0 8px;font-size:21px;font-weight:700}.about-value-grid p{color:var(--soft);margin:0;font-size:16px;line-height:1.6}.about-value-grid [data-tone] .feature-icon{border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.about-value-grid [data-tone=terracotta] .feature-icon{background:var(--tone-terracotta-soft);color:var(--tone-terracotta)}.about-value-grid [data-tone=forest] .feature-icon{background:var(--tone-forest-soft);color:var(--tone-forest)}.about-value-grid [data-tone=lavender] .feature-icon{background:var(--tone-lavender-soft);color:var(--tone-lavender)}.about-value-grid [data-tone=sand] .feature-icon{background:var(--tone-sand-soft);color:var(--tone-sand)}.about-beliefs{padding-block:clamp(56px,8vw,110px)}.about-beliefs ol{counter-reset:belief;margin:26px 0 0;padding:0;list-style:none}.about-beliefs li{counter-increment:belief;font:600 clamp(24px, 3.4vw, 46px) / 1.12 var(--f-manrope), sans-serif;letter-spacing:-.04em;border-top:1px solid #e3dccf;align-items:baseline;gap:clamp(16px,3vw,40px);padding:clamp(18px,2.4vw,28px) 0;display:flex}.about-beliefs li:before{content:counter(belief, decimal-leading-zero);width:2.2em;color:var(--tone-terracotta);letter-spacing:.04em;flex:none;font-size:.4em}.about-for{border-top:1px solid #e3dccf;padding-block:clamp(56px,8vw,110px)}.about-for h2{max-width:20ch}.about-for-list{flex-wrap:wrap;gap:10px;margin:30px 0;display:flex}.about-for-list a{border:1px solid #ddd5c8;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-size:16px;font-weight:600;transition:background-color .18s,transform .18s;display:inline-flex}.about-for-list a:hover{background:#fffefa;transform:translateY(-2px)}.about-for p,.blog-page .blog-hero p{color:var(--soft);font-size:17px}.content-page main a:not(.button,.blog-card,.blog-featured){text-underline-offset:3px;text-decoration-thickness:1.5px}.about-for p a,.post-body a:not(.button){color:var(--tone-terracotta);text-decoration:underline}.content-page .content-cta{margin:clamp(40px, 6vw, 80px) var(--wrap) clamp(48px, 7vw, 90px);color:#fbfaf7;background:radial-gradient(60% 80% at 100% 0,#6e66a355 0%,#0000 60%),radial-gradient(50% 70% at 0 100%,#c34b2555 0%,#0000 60%),#24231f;border-radius:28px;padding:clamp(36px,6vw,72px)!important}.content-cta h2{margin:0;font-size:clamp(32px,4.4vw,56px);font-weight:650;line-height:1.05;color:#fbfaf7!important}.content-cta p{color:#d9d3c8;max-width:520px;margin:16px 0 28px;font-size:17px;line-height:1.6}.blog-hero{padding-block:clamp(56px,9vw,120px) clamp(28px,4vw,48px)}.blog-hero h1{max-width:16ch;margin:16px 0 0;font-size:clamp(40px,5.6vw,80px);font-weight:650;line-height:1}.blog-hero p{max-width:560px;margin-top:20px;line-height:1.6}.blog-cover{aspect-ratio:16/9;background:radial-gradient(70% 90% at 90% 0,#c34b2566,#0000 70%),radial-gradient(60% 80% at 0 100%,#e4e1f3,#0000 70%),#f3d5c6;border-radius:18px;align-items:flex-end;padding:18px;transition:transform .5s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden}.blog-cover[data-category=Photographers]{background:radial-gradient(70% 90% at 90% 0,#6e66a377,#0000 70%),radial-gradient(60% 80% at 0 100%,#f3d5c6,#0000 70%),#e4e1f3}.blog-cover[data-category=Real\ estate]{background:radial-gradient(70% 90% at 90% 0,#47685477,#0000 70%),radial-gradient(60% 80% at 0 100%,#f3ead9,#0000 70%),#dfe9e0}.blog-cover[data-category=Get\ found]{background:radial-gradient(70% 90% at 90% 0,#2f6db566,#0000 70%),radial-gradient(60% 80% at 0 100%,#dfe9e0,#0000 70%),#dbe6f3}.blog-cover span{color:var(--ink);background:#fffefae6;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.blog-meta{color:#7a7368;font-size:14px;display:block}.blog-featured{margin:0 var(--wrap) clamp(36px, 5vw, 64px);color:inherit;background:#fffefa;border:1px solid #e8e1d6;border-radius:26px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,56px);padding:14px;transition:box-shadow .26s,transform .26s;display:grid}.blog-featured .blog-cover{aspect-ratio:4/3}.blog-featured-copy{padding:10px 16px 10px 0}.blog-featured h2{margin:12px 0;font-size:clamp(28px,3.2vw,42px);font-weight:650;line-height:1.08}.blog-featured p,.blog-card p{color:var(--soft);margin:0;font-size:16px;line-height:1.6}.blog-read{color:var(--tone-terracotta);align-items:center;gap:6px;margin-top:22px;font-size:16px;font-weight:700;display:inline-flex}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,36px);padding-bottom:20px;display:grid}.blog-card{color:inherit;align-content:start;gap:10px;display:grid}.blog-card h2,.blog-card h3{margin:4px 0 0;font-size:22px;font-weight:650;line-height:1.2}.blog-card:hover h2,.blog-card:hover h3{color:var(--tone-terracotta)}.blog-featured:hover{box-shadow:0 24px 50px -34px #24231f80}.post-header{max-width:820px;padding-block:clamp(40px,6vw,80px) clamp(24px,3vw,40px)}.post-crumbs a{color:var(--soft);align-items:center;gap:6px;margin-bottom:26px;font-size:15px;font-weight:600;display:inline-flex}.post-header h1{margin:14px 0 0;font-size:clamp(36px,4.8vw,64px);font-weight:650;line-height:1.04}.post-lede{color:var(--soft);margin:22px 0 18px;font-size:clamp(18px,1.6vw,22px);line-height:1.55}.post-layout{border-top:1px solid #e3dccf;grid-template-columns:minmax(0,1fr);gap:48px;padding-top:clamp(28px,4vw,48px);padding-bottom:40px;display:grid}@media (min-width:1000px){.post-layout{grid-template-columns:240px minmax(0,720px)}}.post-body{color:#33312b;font-size:18.5px;line-height:1.75}.post-body>:first-child{margin-top:0}.post-body p{margin:0 0 1.2em}.post-body h2{margin:2em 0 .6em;scroll-margin-top:24px;font-size:clamp(26px,2.6vw,32px);font-weight:700;line-height:1.2}.post-body h3{margin:1.6em 0 .4em;font-size:21px;font-weight:700}.post-body :is(ul,ol){margin:0 0 1.3em;padding-left:1.3em}.post-body li{margin:.45em 0;padding-left:.2em}.post-body li::marker{color:var(--tone-terracotta);font-weight:700}.post-body blockquote{border-left:4px solid var(--tone-terracotta);background:#f7efe9;border-radius:0 14px 14px 0;margin:1.5em 0;padding:18px 22px;font-size:19px}.post-body blockquote p{margin:0}.post-body strong{color:var(--ink)}.post-body code{background:#f0ebe3;border-radius:6px;padding:2px 6px;font-size:.9em}.post-cta{background:#f3efe8;border:1px solid #e3dccf;border-radius:22px;margin:2.4em 0 0;padding:28px}.post-cta strong{font:700 22px/1.2 var(--f-manrope), sans-serif;letter-spacing:-.03em}.post-cta p{color:var(--soft);margin:8px 0 18px;font-size:16px;line-height:1.6}.post-related{border-top:1px solid #e3dccf;padding-block:clamp(40px,6vw,72px) 0}.post-related h2{margin:0 0 26px;font-size:clamp(28px,3vw,40px);font-weight:650}@media (max-width:900px){.about-why,.blog-featured{grid-template-columns:1fr}.about-value-grid,.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-featured-copy{padding:0 10px 12px}}@media (max-width:600px){.about-value-grid,.blog-grid{grid-template-columns:1fr}.post-body{font-size:17.5px}}@media (prefers-reduced-motion:reduce){.about-value-grid article,.blog-cover,.blog-featured,.about-for-list a,.site-menu>div{transition:none;animation:none}}.content-cta .button,.post-cta .button{background:var(--tone-terracotta);border-color:var(--tone-terracotta);color:#fff;text-decoration:none}.content-cta .button{color:#24231f;background:#fbfaf7;border-color:#fbfaf7}.blog-hero h1,.post-header h1,.post-body h2,.blog-featured h2,.blog-card :is(h2,h3),.post-related h2,.about-hero h1,.about-mission-line,.about-why h2,.about-values h2,.about-for h2,.content-cta h2{font-family:var(--f-fraunces), Georgia, serif!important;letter-spacing:-.025em!important;font-weight:600!important}.blog-hero{text-align:center}.blog-hero h1,.blog-hero p{margin-inline:auto}.brand-experience>.main-nav{z-index:40;-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);background:#fbfaf7f5;border-bottom:1px solid #ece6dc;position:sticky;top:0}@media (min-width:701px){.brand-experience>.main-nav nav{background:#f1ece4;border-radius:999px;gap:2px;padding:5px;box-shadow:inset 0 0 0 1px #e6dfd3}.brand-experience>.main-nav nav a{border-radius:999px;transition:background-color .2s,color .2s,box-shadow .2s;background:0 0!important;padding:8px 16px!important}.brand-experience>.main-nav nav a:hover{background:#fffefa99!important}.brand-experience>.main-nav nav a[aria-current=page]{color:#24231f;box-shadow:0 2px 8px -3px #24231f40;background:#fffefa!important}}.blog-cover{padding:16px;background:#f3efe8!important}.blog-cover>svg{width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.blog-cover>span{z-index:1;position:relative}.blog-card:hover .blog-cover,.blog-featured:hover .blog-cover{transform:none}.blog-card:hover .blog-cover>svg,.blog-featured:hover .blog-cover>svg{transform:scale(1.04)}.post-hero{aspect-ratio:16/9;border-radius:28px;max-height:560px;margin:0 0 clamp(28px,4vw,48px);overflow:hidden;box-shadow:0 30px 60px -40px #24231f66}.post-hero svg{width:100%;height:100%;display:block}@media (prefers-reduced-motion:no-preference){.post-hero svg{animation:.8s cubic-bezier(.2,.8,.2,1) both stage-in}}.post-progress{z-index:60;background:linear-gradient(90deg, var(--tone-terracotta), #e9956b);transform-origin:0;width:100%;height:3px;transition:transform .12s linear;position:fixed;top:0;left:0;transform:scaleX(0)}.post-toc{scrollbar-width:none;align-self:start;max-height:calc(100vh - 120px);position:sticky;top:96px;overflow-y:auto}.post-toc-title{letter-spacing:.1em;text-transform:uppercase;color:#7a7368;justify-content:space-between;align-items:baseline;margin-bottom:14px;font-size:13px;font-weight:700;display:flex}.post-toc-title b{letter-spacing:0;color:var(--tone-terracotta);font-variant-numeric:tabular-nums;font-size:12.5px}:is(.post-toc,.post-toc-mobile) ol{margin:0;padding:0;list-style:none;position:relative}.post-toc ol:before{content:"";background:#e6dfd3;width:2px;position:absolute;top:14px;bottom:14px;left:11px}:is(.post-toc,.post-toc-mobile) li a{color:#8a8377;border:0;align-items:flex-start;gap:12px;padding:7px 0;font-size:15px;line-height:1.4;transition:color .24s;display:flex;position:relative}:is(.post-toc,.post-toc-mobile) li a:hover{color:#24231f}.toc-step{color:#8a8377;background:#fbfaf7;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;transition:background-color .26s,box-shadow .26s,color .26s,transform .26s cubic-bezier(.3,1.6,.4,1);display:grid;box-shadow:inset 0 0 0 2px #e6dfd3}:is(.post-toc,.post-toc-mobile) li[data-state=done] a{color:#5c564d}:is(.post-toc,.post-toc-mobile) li[data-state=done] .toc-step{box-shadow:none;color:#fff;background:#476854}:is(.post-toc,.post-toc-mobile) li[data-state=active] a{color:#24231f;font-weight:700}:is(.post-toc,.post-toc-mobile) li[data-state=active] .toc-step{background:var(--tone-terracotta);color:#fff;transform:scale(1.08);box-shadow:0 0 0 5px #c34b2526}.post-toc-mobile{display:none}@media (max-width:999px){.post-toc{display:none}.post-toc-mobile{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffefae6;border-radius:18px;margin:0 0 8px;display:block;position:sticky;top:76px;overflow:hidden;box-shadow:0 0 0 1px #e6dfd3,0 14px 30px -24px #24231f80}.post-toc-mobile summary{cursor:pointer;color:#24231f;align-items:center;gap:12px;padding:12px 14px;font-size:15px;font-weight:700;list-style:none;display:flex;position:relative}.post-toc-mobile summary::-webkit-details-marker{display:none}.post-toc-mobile summary .toc-step{background:var(--tone-terracotta);box-shadow:none;color:#fff}.post-toc-mobile summary>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.post-toc-mobile summary small{color:#8a8377;font-size:12px;font-weight:600;display:block}.post-toc-mobile summary svg{flex:none;transition:transform .24s}.post-toc-mobile[open] summary svg{transform:rotate(180deg)}.post-toc-mobile summary i{background:var(--tone-terracotta);transform-origin:0;width:100%;height:3px;transition:transform .12s linear;position:absolute;bottom:0;left:0}.post-toc-mobile ol{border-top:1px solid #ece6dc;max-height:50vh;padding:4px 14px 12px;overflow-y:auto}.post-layout{border-top:0;padding-top:0}}@media (max-width:700px){.post-toc-mobile{top:70px}}@media (prefers-reduced-motion:reduce){.post-progress,.toc-step,.post-toc-mobile summary i{transition:none}}.post-body h2{scroll-margin-top:120px}@media (max-width:999px){.post-body h2{scroll-margin-top:160px}}.site-header .nav-actions{align-items:center;gap:8px;display:flex}.site-login{color:#24231f;border-radius:999px;align-items:center;min-height:44px;padding:0 16px;font-size:15px;font-weight:600;transition:background-color .18s;display:inline-flex}.site-login:hover{background:#f1ece4}.site-login:focus-visible,.site-menu summary:focus-visible{outline-offset:2px;outline:2px solid #c34b25}.site-menu>div .site-menu-primary{color:#fff;text-align:center;background:#24231f;margin-top:6px;font-weight:600}.site-menu>div .site-menu-primary:hover{background:#3a3832}@media (max-width:700px){.site-header .nav-actions>.site-start{display:none}.site-login{border:1px solid #ddd5c8;min-height:40px;padding:0 14px}}
