.examples-hero{grid-template-columns:1.3fr 1fr;gap:24px 64px;padding-bottom:44px}.examples-hero h1{align-self:start;max-width:17ch;font-size:clamp(40px,5vw,68px)}.examples-hero .hero-actions{gap:12px}.examples-hero .preview-reassurance{color:var(--quiet);font-size:12px;line-height:1.6}.logo-shortcuts{border-block:1px solid var(--line);flex-wrap:wrap;gap:12px 24px;padding:24px 0;display:flex}.logo-shortcuts>a{border-radius:4px;flex:150px;align-items:center;gap:12px;min-height:52px;display:flex}.shortcut-art{background:oklch(94% .015 130);border-radius:4px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.shortcut-art img{object-fit:contain;width:32px;height:32px;display:block}.logo-shortcuts>a>span:last-child{gap:4px;display:grid}.logo-shortcuts strong{color:var(--text);font-size:12px;font-weight:650}.logo-shortcuts>a>span>span{color:var(--quiet);font-size:11px}.logo-shortcuts a:hover strong{color:var(--mint)}.comparison-jump{align-items:center;min-height:44px;margin-top:16px;font-size:12px;display:inline-flex}.comparison-intro{padding-top:32px;scroll-margin-top:24px}.comparison-intro h2{letter-spacing:-.025em;font-size:clamp(24px,3vw,34px);font-weight:450;line-height:1.4}.comparison-intro p,.comparison-explanation{max-width:90ch;color:var(--muted);margin-top:12px;font-size:13px;line-height:1.9}.examples-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px 32px;padding-block:24px;display:flex}.examples-toolbar .inspector-controls{padding:0}.engine-controls{color:var(--quiet);flex-wrap:wrap;align-items:center;gap:12px 24px;font-size:11px;display:flex}.engine-controls[hidden],.engine-controls [hidden]{display:none}.engine-controls select{max-width:100%;font:inherit;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:4px;min-height:44px;padding:8px 12px}.engine-controls select:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.examples-inspector .example-comparison [data-result=default],.examples-inspector .example-comparison [data-result=detailed],.comparison-observation,.examples-inspector[data-comparison-mode=engines] .example-comparison [data-result=input]{display:none}.examples-inspector[data-comparison-mode=engines][data-tracer-preset=default] .example-comparison [data-result=default],.examples-inspector[data-comparison-mode=engines][data-tracer-preset=detailed] .example-comparison [data-result=detailed]{display:block}.examples-inspector[data-comparison-mode=engines] .comparison-observation{color:var(--muted);margin-top:16px;font-size:13px;line-height:1.9;display:block}.examples-inspector .downloads [data-comparator-download]{display:none}.examples-inspector[data-comparison-mode=engines][data-tracer-preset=default] .downloads [data-comparator-download=default],.examples-inspector[data-comparison-mode=engines][data-tracer-preset=detailed] .downloads [data-comparator-download=detailed]{display:inline-flex}.logo-example{border-top:1px solid var(--line);grid-template-columns:minmax(0,.85fr) minmax(0,2fr);gap:clamp(32px,6vw,88px);padding:clamp(32px,4vw,56px) 0;scroll-margin-top:24px;display:grid}.example-story{flex-direction:column;align-items:start;gap:20px;display:flex}.example-name{color:var(--text);flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:13px;font-weight:650;line-height:1.6;display:flex}.example-name>span:first-child{color:var(--quiet);font-size:11px;font-weight:400}.example-name .artwork-edition{color:var(--quiet);font-size:10px;font-weight:400}.example-story h2{letter-spacing:-.035em;text-wrap:balance;max-width:19ch;font-size:clamp(25px,2.4vw,33px);font-weight:450;line-height:1.3}.example-takeaway{max-width:40ch;color:var(--muted);font-size:15px;line-height:1.9}.example-result{min-width:0}.example-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.example-comparison figure,.example-evidence figure{min-width:0;margin:0}.example-comparison figcaption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;margin-bottom:12px;font-size:12px;line-height:1.6;display:flex}.example-comparison figcaption strong{color:var(--text);font-weight:650}.example-comparison figcaption span{color:var(--quiet);font-size:11px}.example-result .sample-well img{position:absolute;inset:7.5%}.example-caption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px;margin-top:8px;display:flex}.example-caption>p{color:var(--quiet);font-size:11px;line-height:1.8}.example-details{border-top:1px solid var(--line);margin-top:12px}.example-details summary{min-height:48px;color:var(--mint);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding-block:12px;font-size:12px;line-height:1.7;list-style:none;display:flex}.example-details summary::-webkit-details-marker{display:none}.example-details summary:after{content:"+";font-size:20px;font-weight:400}.example-details[open] summary:after{content:"−"}.example-details summary:focus-visible{outline:2px solid var(--mint);outline-offset:4px;border-radius:2px}.example-evidence{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;padding:12px 0 24px;display:grid}.example-evidence figcaption{color:var(--muted);margin-bottom:12px;font-size:12px}.example-evidence figure>a{align-items:center;min-height:44px;font-size:12px;display:inline-flex}.example-measurements{align-content:start;gap:20px;display:grid}.example-measurements dl{grid-template-columns:1fr auto;gap:12px 16px;margin:0;font-size:12px;display:grid}.example-measurements dt{color:var(--quiet)}.example-measurements dd{font-variant-numeric:tabular-nums;white-space:nowrap;margin:0}.example-measurements p,.example-inspection{color:var(--muted);font-size:12px;line-height:1.9}.example-inspection,.example-source{grid-column:1/-1}.tracer-evidence{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:1fr 1fr;gap:16px 24px;padding-top:20px;display:grid}.tracer-evidence>h3,.tracer-evidence>p{grid-column:1/-1}.tracer-evidence h3{font:600 13px/1.8 Manrope,sans-serif}.tracer-evidence h4{font:600 12px/1.8 Manrope,sans-serif}.tracer-evidence p,.tracer-evidence a{font-size:12px;line-height:1.9}.tracer-evidence p{color:var(--muted);margin-top:4px}.tracer-evidence a{align-items:center;min-height:44px;display:inline-flex}.examples-faq{padding-bottom:48px}.example-source{color:var(--quiet);font-size:11px;line-height:1.9}.example-source a{color:var(--mint);text-underline-offset:3px;text-decoration:underline}.conversion-failure{color:var(--text);padding:20px;font-size:13px;line-height:1.8}.example-guidance{border-block:1px solid var(--line);grid-template-columns:minmax(0,.85fr) minmax(0,2fr);gap:clamp(32px,6vw,88px);padding:48px 0;display:grid}.example-guidance h2{letter-spacing:-.035em;margin-top:20px;font-size:clamp(28px,3vw,40px);font-weight:450;line-height:1.3}.example-guidance ol{gap:24px;margin:0;padding:0;list-style:none;display:grid}.example-guidance li{align-items:baseline;gap:20px;display:flex}.example-guidance li>span{color:var(--quiet);font-size:11px}.example-guidance h3{font:650 16px/1.8 Manrope,sans-serif}.example-guidance li p{max-width:60ch;color:var(--muted);margin-top:4px;font-size:14px;line-height:1.85}.examples-provenance{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:24px 48px;padding:28px 0;display:grid}.examples-provenance>p{max-width:90ch;color:var(--quiet);font-size:11px;line-height:1.9}.examples-provenance>div{flex-direction:column;align-items:start;display:flex}.examples-provenance a{align-items:center;min-height:32px;font-size:11px;display:flex}.examples-close>div>p:last-child{color:var(--muted);margin-top:20px;font-size:14px;line-height:1.8}@media (width<=1000px){.examples-toolbar{flex-wrap:wrap;padding-block:24px}.logo-example,.example-guidance{grid-template-columns:minmax(0,1fr);gap:28px}.example-story{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px 40px;display:grid}.example-name{grid-column:1/-1}.example-story h2{max-width:22ch}.example-takeaway{max-width:60ch}}@media (width<=800px){.examples-hero{grid-template-columns:1fr;gap:24px}.examples-hero h1{max-width:22ch}.examples-provenance{grid-template-columns:1fr;gap:16px}.examples-provenance>div{flex-flow:wrap;gap:4px 24px}.examples-provenance a{min-height:44px}}@media (width<=600px){.examples-hero h1{font-size:clamp(35px,9vw,48px)}.logo-shortcuts{scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex-wrap:nowrap;gap:16px;padding-block:16px;overflow-x:auto}.logo-shortcuts>a{flex:0 0 144px;gap:8px}.shortcut-art{flex-basis:36px;width:36px;height:36px}.shortcut-art img{width:26px;height:26px}.logo-shortcuts strong{font-size:11px}.logo-shortcuts>a>span>span{font-size:10px}.examples-toolbar{justify-content:flex-start}.engine-controls{flex-direction:column;align-items:flex-start;width:100%}.engine-controls .control-group{flex-wrap:wrap;gap:8px}.engine-controls .control-buttons{flex-wrap:wrap}.engine-controls button{padding-inline:10px}.tracer-evidence{grid-template-columns:1fr}.example-story{grid-template-columns:1fr;gap:16px}.example-name{grid-column:auto}.example-story h2{max-width:23ch;font-size:27px}.example-takeaway{font-size:14px;line-height:1.85}.example-comparison{gap:8px}.example-comparison figcaption{flex-direction:column;align-items:start}.example-caption{align-items:start}.example-caption .downloads{gap:8px 20px}.example-evidence{grid-template-columns:1fr;gap:24px}.example-evidence figure{width:100%;max-width:240px}.example-inspection,.example-source{grid-column:auto}.example-details summary{font-size:11px}.example-guidance{padding-block:36px}.examples-provenance{padding-block:24px}}