.vd-page{background:var(--vale-paper);color:var(--vale-ink)}.vd-wrap{max-width:1380px;margin:auto;padding:64px 48px}.vd-page h1,.vm-about h1{font:400 clamp(44px,5.6vw,72px)/1.08 var(--vale-font-display);letter-spacing:-.04em;margin:20px 0}.vd-page h1 em,.vd-page h2 em{color:var(--vale-olive);font-weight:400}.vd-page h2{font:400 clamp(30px,3.5vw,44px)/1.15 var(--vale-font-display);letter-spacing:-.03em}.vd-head-grid{display:grid;grid-template-columns:2fr 1fr;gap:48px;align-items:center;margin:24px 0 48px}.vd-feature-copy>p,.vd-head-grid p{font-size:16px;line-height:1.75;color:var(--vale-muted)}.vd-example-tag,.vd-label{font:500 11px/1.5 var(--vale-font-mono);letter-spacing:.04em;text-transform:uppercase}.vd-label{display:inline-block;padding:5px 10px}.vd-facts,.vd-label{background:var(--vale-canvas);border-radius:8px}.vd-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:20px}.vd-facts div{display:grid;gap:8px}.vd-facts strong{font:400 28px/1.2 var(--vale-font-display)}.vd-facts span{font-size:12px;color:var(--vale-muted)}.vd-spotlight{background:var(--vale-canvas)}.vd-section-meta{display:flex;justify-content:space-between;gap:20px;align-items:center;font:11px/1.5 var(--vale-font-mono);margin-bottom:20px}.vd-feature-card{display:grid;grid-template-columns:2fr 1fr;background:var(--vale-paper);border:1px solid var(--vale-line);border-radius:8px;overflow:hidden}.vd-feature-art{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--vale-canvas);cursor:zoom-in;text-align:left;min-width:0}.vd-feature-art img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;border-radius:4px}.vd-art-caption,.vd-browser{font:11px/1.5 var(--vale-font-mono);color:var(--vale-muted)}.vd-browser>span{color:var(--vale-olive);margin-right:12px}.vd-feature-copy{padding:32px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.vd-feature-copy h2{margin:0}.vd-feature-copy dl{font-size:12px;display:grid;gap:12px}.vd-feature-copy dt{color:var(--vale-subtle);text-transform:uppercase;font-size:10px;margin-bottom:4px}.vd-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.vd-actions .vm-btn{font-size:12px;padding:12px 16px}.vd-filters{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;align-items:center}.vd-filter-tabs{display:flex;gap:6px;flex-wrap:wrap}.vd-filter-tabs button{padding:10px 14px;border-radius:10px;background:var(--vale-canvas);font-size:12px}.vd-filter-tabs button[aria-pressed=true]{background:var(--vale-ink);color:var(--vale-paper)}.vd-search-row{display:flex;gap:8px;flex-wrap:wrap}.vd-search-row :is(input,select){background:var(--vale-surface);border:1px solid var(--vale-line);border-radius:10px;padding:10px 12px;font-size:12px;max-width:100%}.vd-result-count{font:11px var(--vale-font-mono);color:var(--vale-muted);margin:24px 0}.vd-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.vd-example{background:var(--vale-surface);border:1px solid var(--vale-line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.vd-example-image{position:relative;display:block;cursor:zoom-in;width:100%;overflow:hidden}.vd-example-image img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.vd-example-image>span{position:absolute;top:12px;left:12px;background:var(--vale-paper);color:var(--vale-ink);border-radius:8px;padding:5px 8px;font-size:11px}.vd-example-body{padding:24px;display:flex;flex-direction:column;flex:1;gap:12px}.vd-example-tag{color:var(--vale-muted);font-size:10px}.vd-example h3{font:400 28px/1.15 var(--vale-font-display);letter-spacing:-.03em}.vd-example p{font-size:14px;line-height:1.7;color:var(--vale-muted)}.vd-example-note{font:10px/1.6 var(--vale-font-mono);color:var(--vale-muted);padding-bottom:12px;border-bottom:2px solid var(--vale-line);margin-top:auto}.vd-example footer{display:flex;justify-content:space-between;gap:12px;font-size:12px}.vd-example footer button{font-weight:500}.vd-example footer a{color:var(--vale-muted)}.vd-submission{display:grid;grid-template-columns:2fr 1fr;align-items:center;gap:48px;background:var(--vale-canvas);border-radius:12px;padding:64px}.vd-submission h2{margin:20px 0}.vd-submission p{font-size:16px;line-height:1.7;color:var(--vale-muted)}.vd-submission>a{justify-self:end}.vd-preview{max-width:min(1000px,95vw)!important;max-height:90svh;overflow:auto}.vd-preview>img{width:100%;height:auto;max-height:60svh;object-fit:contain}.vd-preview>.vm-btn{justify-self:start}.vd-empty{padding:48px;background:var(--vale-canvas);border-radius:8px;text-align:center;display:grid;justify-items:center;gap:16px}.vd-empty h3{font-size:24px}.vd-empty p{color:var(--vale-muted)}.vd-help-hero{border-bottom:1px solid var(--vale-line)}.vd-help-hero>p{max-width:580px;font-size:18px;line-height:1.7;color:var(--vale-muted)}.vd-help-search{display:grid;gap:12px;max-width:720px;margin:32px 0 20px}.vd-help-search>span{font-size:13px;font-weight:500}.vd-help-search input{width:100%;padding:20px 24px;border:1px solid var(--vale-line);border-radius:12px;background:var(--vale-surface);font-size:16px}.vd-help-shortcuts{display:flex;gap:24px;flex-wrap:wrap;font-size:13px;color:var(--vale-muted)}.vd-help-content{display:grid;grid-template-columns:260px minmax(0,1fr);gap:64px}.vd-help-content aside{align-self:start;position:sticky;top:110px}.vd-help-content aside nav{display:grid;gap:4px;margin:20px 0 32px}.vd-help-content aside button{display:flex;align-items:center;justify-content:space-between;padding:12px;text-align:left;border-radius:8px;font-size:13px;gap:16px}.vd-help-content aside button[aria-pressed=true]{background:var(--vale-canvas);font-weight:600}.vd-help-content aside button span{font:10px var(--vale-font-mono);color:var(--vale-muted)}.vd-help-contact{padding:24px;background:var(--vale-canvas);border-radius:8px}.vd-help-contact h2{font-size:24px}.vd-help-contact p{font-size:13px;line-height:1.7;color:var(--vale-muted);margin:12px 0 20px}.vd-help-contact a{font-size:13px;text-decoration:underline;text-underline-offset:4px}.vd-help-results{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.vd-help-results h2{font-size:32px}.vd-help-results>span{font:11px var(--vale-font-mono);color:var(--vale-muted)}.vd-help-guides article{background:var(--vale-surface);border:1px solid var(--vale-line);border-radius:10px;margin-bottom:12px}.vd-help-guides h3{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;cursor:pointer;list-style:none;font-size:17px}.vd-help-guides h3::-webkit-details-marker{display:none}.vd-help-guides h3 small{display:block;font:10px/1.5 var(--vale-font-mono);color:var(--vale-muted);margin-bottom:8px;text-transform:uppercase}.vd-help-guides h3>span:last-child{font-size:24px;color:var(--vale-muted)}.vd-help-guides article[open] summary>span:last-child{transform:rotate(45deg)}.vd-help-guides article>div{padding:0 24px 24px;font-size:15px;line-height:1.8;color:var(--vale-muted)}.vd-help-guides article a{display:inline-block;margin-top:18px;color:var(--vale-ink);text-decoration:underline;text-underline-offset:4px}.vd-page :is(button,a,input,select,summary):focus-visible{outline:2px solid var(--vale-focus);outline-offset:4px}.vd-page button:not(:disabled){cursor:pointer}.vm-about .vm-section{max-width:1380px;margin:auto;padding:64px 48px}.vm-about-top{display:flex;align-items:center;justify-content:space-between;gap:32px}.vm-about-codex{max-width:260px;background:var(--vale-canvas);padding:16px;font-size:12px;line-height:1.6}.vm-about-intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;margin-top:64px}.vm-about-lead{font:400 30px/1.35 var(--vale-font-display);letter-spacing:-.02em}.vm-about-stats{display:flex;gap:64px;margin-top:40px}.vm-about-stats div{display:grid;gap:8px}.vm-about-stats strong{font:400 28px var(--vale-font-display)}.vm-about-stats span{font-size:11px;color:var(--vale-muted)}.vm-about-photo{position:relative;overflow:hidden;border-radius:8px;aspect-ratio:1/1.08}.vm-about-photo>img{width:100%;height:100%;object-fit:cover}.vm-about-photo figcaption{position:absolute;bottom:16px;left:16px;padding:16px;background:var(--vale-paper);max-width:220px;font-size:12px;line-height:1.6}.vm-about .vm-h2{font:400 42px/1.15 var(--vale-font-display);margin:12px 0}.vm-about .vm-muted{color:var(--vale-muted);line-height:1.8}.vm-pillars{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}.vm-pillar{background:var(--vale-canvas);padding:28px;display:flex;flex-direction:column;gap:16px;border-radius:8px}.vm-pillar h3{font:400 28px/1.2 var(--vale-font-display)}.vm-pillar p{font-size:14px;line-height:1.75;color:var(--vale-muted)}.vm-pillar-foot{font:11px/1.6 var(--vale-font-mono);color:var(--vale-olive);margin-top:auto}.vm-material{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.vm-material h2{font:400 42px/1.15 var(--vale-font-display);margin:16px 0}.vm-material-photo{aspect-ratio:1.6;overflow:hidden;border-radius:8px}.vm-material-photo img{width:100%;height:100%;object-fit:cover}.vm-meter-card{background:var(--vale-canvas);padding:20px;border-radius:8px;margin-top:24px;font-size:11px}.vm-meter-card>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.vm-meter-card small{color:var(--vale-muted)}.vm-letter-wrap{padding:64px 24px;background:var(--vale-canvas)}.vm-letter{max-width:820px;margin:auto;padding:48px;background:var(--vale-surface);border-radius:4px}.vm-letter header{display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.vm-letter h2{font:400 28px/1.3 var(--vale-font-display);margin-top:10px}.vm-letter p{font-size:16px;line-height:1.8;margin:20px 0}.vm-letter footer{display:flex;align-items:center;gap:16px;border-top:1px solid var(--vale-line);padding-top:24px;margin-top:32px}.vm-letter footer>div{display:grid;gap:6px;font-size:12px}.vm-letter footer>div span{color:var(--vale-muted)}.vm-letter footer>a{margin-left:auto}.vm-letter-mark{font:36px var(--vale-font-display)}.vm-colophon{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}.vm-type-sample{display:grid;gap:12px}.vm-type-sample b{font:32px var(--vale-font-display)}.vm-swatches{display:flex;gap:10px}.vm-swatches>span{display:grid;gap:6px}.vm-swatches i{height:28px;display:block}.vm-swatches small{font-size:9px}.vm-spec{display:grid;gap:12px;font-size:11px}.vm-spec>div{display:flex;justify-content:space-between;gap:12px}.vm-about .vm-mono{font:10px/1.6 var(--vale-font-mono);color:var(--vale-muted)}@media(max-width:1000px){.vd-feature-card{grid-template-columns:1.5fr 1fr}.vd-feature-copy{padding:24px}.vd-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vd-help-content{grid-template-columns:220px minmax(0,1fr);gap:32px}.vm-about-intro{gap:32px}.vm-colophon{grid-template-columns:1fr}.vd-submission{padding:40px}.vm-about-lead{font-size:26px}}@media(max-width:700px){.vd-wrap,.vm-about .vm-section{padding:40px 20px}.vd-feature-card,.vd-head-grid,.vd-help-content,.vd-submission,.vm-about-intro,.vm-material,.vm-pillars{grid-template-columns:1fr;gap:28px}.vd-facts{grid-template-columns:1fr 1fr}.vd-showcase-grid{grid-template-columns:1fr}.vd-head-grid{margin-bottom:28px}.vd-feature-copy{padding:24px}.vd-feature-art{padding:12px}.vd-section-meta{align-items:flex-start;flex-direction:column;gap:8px}.vd-submission{padding:28px}.vd-submission>a{justify-self:start}.vd-help-content aside{position:static}.vd-help-content aside nav{grid-template-columns:1fr 1fr}.vd-help-contact{display:none}.vd-help-results h2{font-size:28px}.vd-help-guides h3{padding:20px;font-size:16px}.vd-help-search input{padding:18px;font-size:14px}.vd-search-row{width:100%}.vd-search-row input{flex:1;min-width:160px}.vm-about-top{align-items:flex-start}.vm-about-codex{display:none}.vm-about-intro{margin-top:32px}.vm-about-photo{aspect-ratio:1.1}.vm-letter{padding:24px}.vm-letter header{flex-direction:column}.vm-letter footer{flex-wrap:wrap}.vm-letter footer>a{margin-left:0}.vm-about .vm-h2,.vm-material h2{font-size:34px}.vd-example-body{padding:20px}}.vd-pillar-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.vd-help-guides h3{cursor:default;margin:0;font-weight:500;display:block}.vd-help-guides h3:after{display:none}.vd-help-guides article{padding-bottom:4px}