.header-shell{--trig-h:42px;--trig-top:calc((var(--hdr-h) - var(--trig-h)) / 2);--nav-gap:10px;--nav-top:calc(var(--trig-top) + var(--trig-h) + var(--nav-gap));--nav-w:min(calc(100% - var(--gutter) * 2), 860px);--nav-field-w:calc(var(--search-w) + 44px);--nav-radius:20px;--nav-max-h:520px}.header-bar{z-index:2}.nav-veil{z-index:40;pointer-events:none;background:color-mix(in oklab, var(--paper) 24%, transparent);-webkit-backdrop-filter:blur(6px)saturate(.96);backdrop-filter:blur(6px)saturate(.96);animation:nav-veil-in .3s var(--ease-settle) both;position:fixed;inset:0}.nav-veil[data-state=closing]{animation:nav-veil-out .22s var(--ease-settle) both}@keyframes nav-veil-in{0%{opacity:0}to{opacity:1}}@keyframes nav-veil-out{0%{opacity:1}to{opacity:0}}.search-field,.header-shell[data-search=open] .search-trigger,.header-shell[data-search=closing] .search-trigger{display:none}.header-search{min-height:var(--trig-h);position:relative}.header-shell[data-search=open] .search-field,.header-shell[data-search=closing] .search-field{width:var(--nav-field-w);height:var(--trig-h);border:1px solid var(--control-border);background:var(--control-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:nav-field-open .3s var(--ease-settle) both;border-radius:999px;grid-template-columns:34px minmax(0,1fr) 30px;align-items:center;display:grid;position:absolute;inset-block-start:0;inset-inline-start:50%;translate:-50%}.header-shell[data-search=closing] .search-field{animation:nav-field-close .2s var(--ease-settle) both}@keyframes nav-field-open{0%{width:var(--search-w)}to{width:var(--nav-field-w)}}@keyframes nav-field-close{0%{width:var(--nav-field-w)}to{width:var(--search-w)}}.search-field:focus-within{border-color:color-mix(in oklab, var(--ink) 32%, transparent)}.search-field-icon{height:var(--trig-h);color:var(--ink-soft);place-items:center;display:grid}.search-field input{min-width:0;height:100%;color:var(--ink);font:inherit;background:0 0;border:0;padding:0;font-size:.9rem}.search-field input::placeholder{color:color-mix(in oklab, var(--ink) 40%, var(--paper))}.search-field input:focus{outline:none}.search-field input::-webkit-search-cancel-button{display:none}.search-field-close{width:24px;height:24px;color:var(--ink-soft);cursor:pointer;transition:color .18s var(--ease-settle), background-color .18s var(--ease-settle);background:0 0;border:0;border-radius:999px;place-items:center;margin-inline-end:5px;padding:0;display:grid}.search-field-close:hover{color:var(--ink);background:color-mix(in oklab, var(--ink) 9%, transparent)}.search-field-close:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.nav-layer{z-index:3;width:var(--nav-w);pointer-events:auto;margin-inline:auto;display:flex;position:absolute;inset-block-start:var(--nav-top);inset-inline:0}.nav-surface{border:1px solid var(--glass-border);border-radius:var(--nav-radius);background:var(--glass-bg);box-shadow:0 22px 50px -34px color-mix(in oklab, var(--ink) 40%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.1);backdrop-filter:blur(18px)saturate(1.1);animation:nav-surface-open .38s var(--ease-slab) both;position:absolute;inset:0}[data-theme=dark] .nav-surface{background:#1c1c1ae0;background:lab(10.2094% -.368625 1.39022/.88);box-shadow:0 24px 54px -34px #000}.nav-layer[data-state=closing] .nav-surface{animation:nav-surface-close .22s var(--ease-settle) both}@keyframes nav-surface-open{0%{inset:0 calc((100% - var(--nav-field-w)) / 2) calc(100% - 8px);opacity:.5;border-radius:999px}to{border-radius:var(--nav-radius);opacity:1;inset:0}}@keyframes nav-surface-close{0%{border-radius:var(--nav-radius);opacity:1;inset:0}to{inset:0 calc((100% - var(--nav-field-w)) / 2) calc(100% - 8px);opacity:0;border-radius:999px}}.nav-content{width:100%;max-height:min(calc(100dvh - var(--nav-top) - var(--hdr-top) - 30px), var(--nav-max-h));animation:nav-content-in .26s var(--ease-settle) .1s both;flex-direction:column;padding:14px 20px 0;display:flex;position:relative}.nav-layer[data-state=closing] .nav-content{animation:nav-content-out .12s var(--ease-settle) both}@keyframes nav-content-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translate(0,0)}}@keyframes nav-content-out{0%{opacity:1}to{opacity:0}}.nav-modes{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:16px;min-height:26px;display:flex}.nav-mode-set{flex:none;gap:14px;display:flex}.nav-mode{color:color-mix(in oklab, var(--ink) 48%, var(--paper));font:inherit;cursor:pointer;transition:color .2s var(--ease-settle);background:0 0;border:0;padding:0 0 5px;font-size:.82rem;position:relative}.nav-mode:after{content:"";background:var(--ink);opacity:0;height:1px;transition:opacity .2s var(--ease-settle);position:absolute;inset-block-end:0;inset-inline:0}.nav-mode:hover{color:color-mix(in oklab, var(--ink) 76%, var(--paper))}.nav-mode[aria-pressed=true]{color:var(--ink);font-weight:500}.nav-mode[aria-pressed=true]:after{opacity:1}.nav-mode:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.nav-examples{text-align:end;min-width:0;color:color-mix(in oklab, var(--ink) 40%, var(--paper));margin:0;font-size:.78rem;line-height:1.3;display:grid}.nav-examples>span{opacity:0;white-space:nowrap;text-overflow:ellipsis;grid-area:1/1;overflow:hidden}.nav-examples[data-idle=true]>span{animation:nav-example 20s var(--ease-settle) calc(var(--i) * 5s) infinite both}@keyframes nav-example{0%{opacity:0}3%{opacity:1}22%{opacity:1}25%{opacity:0}to{opacity:0}}.nav-loading{flex:1;min-height:300px}.nav-view{scrollbar-gutter:stable;min-height:0;animation:nav-view-in .22s var(--ease-settle) both;flex:1;margin-block-start:12px;overflow-y:auto}@keyframes nav-view-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translate(0,0)}}.nav-listbox{gap:16px;display:grid}.nav-group{gap:6px;display:grid}.nav-eyebrow{font-family:var(--font-plex-mono), monospace;letter-spacing:.15em;text-transform:uppercase;color:color-mix(in oklab, var(--ink) 46%, var(--paper));margin:0 0 0 10px;font-size:.58rem}.nav-eyebrow span{color:color-mix(in oklab, var(--ink) 32%, var(--paper))}.nav-service-split{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:22px;display:grid}.nav-rows{gap:1px;margin:0;padding:0;list-style:none;display:grid}.nav-row{color:var(--ink);transition:background-color .15s var(--ease-settle);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:5px 10px;text-decoration:none;display:grid}.nav-row[data-dense=true]{padding:3px 10px}.nav-row[data-selected=true],.nav-row:hover{background:color-mix(in oklab, var(--ink) 6%, transparent)}.nav-row:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.nav-row-text{gap:2px;min-width:0;display:grid}.nav-row-title{font-size:.87rem;font-weight:500;line-height:1.28}.nav-row[data-dense=true] .nav-row-title{font-size:.83rem;font-weight:400}.nav-row-note{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.4;display:-webkit-box;overflow:hidden}.nav-row-arrow{color:#0000;transition:transform .19s var(--ease-settle), color .19s var(--ease-settle);font-size:.82rem}.nav-row[data-selected=true] .nav-row-arrow,.nav-row:hover .nav-row-arrow{color:color-mix(in oklab, var(--ink) 52%, var(--paper));transform:translate(2px)}.nav-row-thumb{aspect-ratio:16/9;background:color-mix(in oklab, var(--ink) 7%, transparent);border-radius:5px;width:76px;display:block;overflow:clip}.nav-row-thumb img{object-fit:cover;width:100%;height:100%;display:block}.nav-guide-columns{grid-template-columns:1fr 1fr;align-items:start;gap:14px 26px;display:grid}.nav-guide-group{gap:3px;display:grid}.nav-view[data-mode=guides] .nav-row{border-block-end:1px solid color-mix(in oklab, var(--ink) 7%, transparent);border-radius:0;padding:4px}.nav-view[data-mode=guides] .nav-rows>li:last-child .nav-row{border-block-end:0}.nav-view[data-mode=guides] .nav-row[data-selected=true],.nav-view[data-mode=guides] .nav-row:hover{background:color-mix(in oklab, var(--ink) 4%, transparent)}.nav-view[data-mode=guides] .nav-row-title{color:color-mix(in oklab, var(--ink) 86%, var(--paper));transition:color .18s var(--ease-settle)}.nav-view[data-mode=guides] .nav-row:hover .nav-row-title,.nav-view[data-mode=guides] .nav-row[data-selected=true] .nav-row-title{color:var(--ink)}.nav-view[data-mode=guides] .nav-eyebrow{color:color-mix(in oklab, var(--ink) 38%, var(--paper));margin:0 0 3px 4px;font-size:.55rem}.nav-row mark,.nav-visual-note mark{color:inherit;background:0 0;border-radius:2px}.nav-row mark[data-kind=exact],.nav-visual-note mark[data-kind=exact]{background:color-mix(in oklab, var(--ink) 12%, transparent);color:var(--ink);margin:0 -1px;padding:0 1px}.nav-row mark[data-kind=stem],.nav-visual-note mark[data-kind=stem]{border-block-end:1px solid color-mix(in oklab, var(--ink) 26%, transparent)}.nav-visual{gap:7px;display:grid;position:sticky;inset-block-start:0}.nav-visual-frame{border:1px solid color-mix(in oklab, var(--ink) 8%, transparent);aspect-ratio:16/9;background:color-mix(in oklab, var(--ink) 6%, transparent);border-radius:12px;position:relative;overflow:clip}.nav-visual-frame picture{position:absolute;inset:0}.nav-visual-frame img{object-fit:cover;width:100%;height:100%;display:block}.nav-visual-frame picture[data-state=in]{animation:nav-art-in .28s var(--ease-settle) both}.nav-visual-frame picture[data-state=out]{animation:nav-art-out .28s var(--ease-settle) both}@keyframes nav-art-in{0%{opacity:0}to{opacity:1}}@keyframes nav-art-out{0%{opacity:1}to{opacity:0}}.nav-visual-blank{height:100%;font-family:var(--font-plex-mono), monospace;letter-spacing:.15em;text-align:center;text-transform:uppercase;color:color-mix(in oklab, var(--ink) 40%, var(--paper));place-items:center;margin:0;padding:18px;font-size:.62rem;display:grid}.nav-visual-title{margin:0;font-size:.9rem;font-weight:500;line-height:1.3}.nav-visual-note{color:var(--ink-soft);margin:0;font-size:.79rem;line-height:1.45}.nav-weak{color:var(--ink-soft);margin:0 10px 10px;font-size:.8rem;line-height:1.45}.nav-empty{color:var(--ink-soft);margin:0;padding:30px 10px;font-size:.84rem;line-height:1.5}.nav-fallback{border-block-start:1px solid color-mix(in oklab, var(--ink) 9%, transparent);flex-wrap:wrap;align-items:center;gap:6px 16px;margin-block-start:10px;padding:11px 10px 13px;display:flex}.nav-fallback-label{color:var(--ink-soft);margin:0;margin-inline-end:auto;font-size:.8rem}.nav-fallback-link{color:var(--ink);border-block-end:1px solid color-mix(in oklab, var(--ink) 22%, transparent);transition:border-color .2s var(--ease-settle);font-size:.82rem;font-weight:500;text-decoration:none}.nav-fallback-link:hover{border-color:var(--ink)}.nav-fallback-link:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media (max-width:1180px){.header-shell{--nav-w:min(calc(100% - var(--gutter) * 2), 760px);--nav-max-h:480px}.nav-service-split{grid-template-columns:minmax(0,1fr) 290px;gap:18px}.nav-examples{display:none}}@media (max-width:900px){.header-shell{--nav-max-h:460px}.nav-service-split{grid-template-columns:minmax(0,1fr)}.nav-visual{display:none}.nav-guide-columns{grid-template-columns:1fr}.nav-view[data-mode=services] .nav-row-thumb{display:block}}@media (max-width:720px){.header-shell{--nav-w:calc(100% - 12px);--nav-field-w:calc(100vw - 24px);--nav-radius:16px;--nav-max-h:calc(100dvh - var(--nav-top) - 20px)}.header-search{position:static}.header-shell[data-search=open] .search-field,.header-shell[data-search=closing] .search-field{z-index:2;background:var(--paper);inset-block-start:var(--trig-top)}.header-shell[data-search=open] .header-lead,.header-shell[data-search=open] .header-actions{visibility:hidden}.nav-content{padding:12px 12px 0}.nav-row{padding:8px}.nav-row[data-dense=true]{padding:7px 8px}.nav-row-title{font-size:.9rem}.nav-row-thumb{width:58px}.nav-modes{min-height:24px}.nav-fallback{gap:4px 14px;padding:10px 8px 12px}.nav-fallback-label{flex-basis:100%;margin-inline-end:0}}@media (prefers-reduced-motion:reduce){.search-field,.nav-surface,.nav-content,.nav-view,.nav-visual-frame picture,.nav-row,.nav-row-arrow,.nav-mode,.nav-mode:after,.search-field-close,.nav-fallback-link{transition:none!important;animation:none!important}.nav-veil{animation:none!important}.nav-examples[data-idle=true]>span{animation:none}.nav-examples>span:first-child{opacity:1}.nav-examples>span:not(:first-child),.nav-visual-frame picture[data-state=out]{display:none}.nav-row[data-selected=true] .nav-row-arrow{color:color-mix(in oklab, var(--ink) 52%, var(--paper))}}
.hf{--hf-a:#f7f5f0;--hf-b:#efece5;--hf-ink:var(--ink);--hf-ink-soft:color-mix(in oklab, var(--ink) 62%, var(--paper));--hf-label:color-mix(in oklab, var(--ink) 44%, var(--paper));--hf-hair:color-mix(in oklab, var(--ink) 12%, transparent);--hf-border:color-mix(in oklab, var(--ink) 10%, transparent);--hf-word:color-mix(in oklab, var(--ink) 11%, var(--paper));--hf-shadow:0 26px 60px -44px color-mix(in oklab, var(--ink) 40%, transparent);--hf-accent:#315a45;background:var(--paper);padding-block-end:clamp(8px,1.6vw,24px);padding-inline:clamp(8px,1.8vw,32px)}[data-theme=dark] .hf{--hf-a:#201f1d;--hf-b:#171716;--hf-ink:var(--ink);--hf-ink-soft:color-mix(in oklab, var(--ink) 66%, var(--paper));--hf-label:color-mix(in oklab, var(--ink) 46%, var(--paper));--hf-hair:color-mix(in oklab, var(--ink) 14%, transparent);--hf-border:color-mix(in oklab, var(--ink) 9%, transparent);--hf-word:color-mix(in oklab, var(--ink) 13%, var(--paper));--hf-shadow:0 28px 64px -44px #000;--hf-accent:#7aa98d}.hf-slab{border:1px solid var(--hf-border);background:linear-gradient(180deg, var(--hf-a) 0%, var(--hf-b) 100%);box-shadow:var(--hf-shadow);color:var(--hf-ink);border-radius:clamp(20px,2.6vw,38px);padding:clamp(44px,6vw,96px) clamp(24px,4.5vw,84px) clamp(20px,2.4vw,34px);position:relative;overflow:clip}.hf-top{grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);align-items:start;gap:clamp(36px,5vw,96px);display:grid}.hf-brand{max-width:26rem}.hf-mark{display:inline-block}.hf-mark .brand-logo img{max-width:clamp(120px,12vw,158px);height:auto}.hf-positioning{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.012em;color:var(--hf-ink);text-wrap:pretty;margin:clamp(20px,2.4vw,32px) 0 0;font-size:clamp(1.05rem,1.5vw,1.35rem);font-weight:460;line-height:1.4}.hf-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,56px);display:grid}.hf-group-label{font-family:var(--font-plex-mono), monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--hf-label);margin:0 0 16px;font-size:.56rem}.hf-group ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.hf-group a{color:var(--hf-ink-soft);transition:color .2s var(--ease-settle);font-size:.9rem;line-height:1.4;text-decoration:none}.hf-group a:hover{color:var(--hf-ink)}.hf-group a:focus-visible{outline:2px solid var(--hf-ink);outline-offset:3px;border-radius:2px}.hf-more{border-block-end:1px solid var(--hf-accent);color:var(--hf-ink)!important}.hf-wordmark{margin:clamp(48px,7vw,116px) 0 calc(-1*clamp(16px,1.8vw,26px));font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.055em;white-space:nowrap;color:var(--hf-word);-webkit-user-select:none;user-select:none;margin-inline-start:-.048em;font-size:clamp(4.8rem,21vw,19rem);font-weight:460;line-height:.76}.hf-utility{border-block-start:1px solid var(--hf-hair);color:var(--hf-label);flex-wrap:wrap;align-items:baseline;gap:8px 24px;margin-block-start:clamp(24px,2.8vw,40px);padding-block-start:clamp(14px,1.6vw,22px);font-size:.78rem;display:flex;position:relative}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.hf-slab{animation:linear both hf-rise;animation-timeline:view();animation-range:entry 4% entry 40%}}}@keyframes hf-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translate(0,0)}}@media (max-width:1080px){.hf-top{grid-template-columns:minmax(0,1fr);gap:clamp(32px,5vw,52px)}}@media (max-width:720px){.hf{padding-block-end:8px;padding-inline:8px}.hf-slab{border-radius:18px;padding:clamp(36px,10vw,52px) clamp(18px,6vw,26px) 18px}.hf-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.hf-wordmark{margin-block-start:clamp(44px,14vw,72px);font-size:clamp(3.4rem,26vw,6rem)}.hf-utility{gap:6px 16px}}@media (max-width:420px){.hf-nav{grid-template-columns:minmax(0,1fr)}}
