@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700&family=Libre+Baskerville:wght@400;700&family=Libre+Caslon+Text:wght@400;700&display=swap";:root{--color-bg:#faf8f1;--color-archive-bg:#fdf8f7;--color-surface:#fff;--color-surface-low:#f7f3f1;--color-surface-container:#f1edec;--color-surface-high:#ebe7e6;--color-text:#1d1d1b;--color-muted:#64645f;--color-border:#d9d6c8;--color-outline:#777770;--color-outline-variant:#c7c7be;--color-green-br:#1f6b4a;--color-gold-br:#c9a227;--color-blue-br:#234e8a;--color-terracotta:#a65e3b;--font-title:"Libre Caslon Text", "Libre Baskerville", Georgia, serif;--font-body:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--container:1180px;--radius:8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(90deg, color-mix(in srgb, var(--color-border) 18%, transparent) 1px, transparent 1px) 0 0 / calc((100vw - min(100vw - 32px, var(--container))) / 2 + 98px) 100%, var(--color-archive-bg);color:var(--color-text);font-family:var(--font-body);letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--color-blue-br);outline-offset:3px}.site-header{z-index:10;background:color-mix(in srgb, var(--color-archive-bg) 93%, white);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:minmax(190px,1fr) auto auto;align-items:center;gap:24px;width:100%;padding:14px clamp(18px,5vw,64px);display:grid;position:sticky;top:0}.brand{gap:0;display:grid}.brand span,.site-footer strong{font-family:var(--font-title);font-weight:700}.brand small,.site-footer span{color:var(--color-muted);font-size:12px}.nav-links{color:var(--color-muted);flex-wrap:wrap;justify-content:center;gap:6px 16px;font-size:13px;display:flex}.nav-links a:hover{color:var(--color-green-br)}.language-switch{border:1px solid var(--color-border);border-radius:var(--radius);font-family:var(--font-mono);letter-spacing:.05em;font-size:12px;display:inline-flex;overflow:hidden}.language-switch span{border-right:1px solid var(--color-border);padding:6px 8px}.language-switch span:last-child{border-right:0}.hero-section,.section,.site-footer{width:min(100% - 32px, var(--container));margin:0 auto}.hero-section{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:32px;min-height:calc(100svh - 76px);padding:64px 0 32px;display:grid}.hero-copy{grid-column:1/span 5}.hero-copy h1,.section h2,.community-section h2{font-family:var(--font-title);letter-spacing:0;margin:0;line-height:1.14}.hero-copy h1{max-width:720px;margin-top:24px;font-size:clamp(48px,6vw,76px);font-weight:700}.hero-copy p,.section-heading p,.community-section p,.site-footer p{color:var(--color-muted)}.hero-copy p{max-width:620px;margin:20px 0 0;font-size:19px}.technical-seal,.eyebrow{border:1px solid var(--color-border);border-left:3px solid var(--color-green-br);background:var(--color-surface);width:fit-content;color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;border-radius:2px;align-items:center;padding:7px 10px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.button,.text-link{border-radius:var(--radius);justify-content:center;align-items:center;gap:9px;min-height:44px;font-weight:700;display:inline-flex}.button{border:1px solid var(--color-text);box-shadow:none;padding:10px 15px}.button.primary{background:var(--color-text);color:var(--color-surface)}.button.secondary{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.button.secondary:hover,.technical-card:hover{border-color:var(--color-green-br)}.text-link{color:var(--color-green-br);margin-top:22px}.specimen-frame{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-low);grid-column:6/-1;margin:0}.specimen-art{aspect-ratio:14/9;border-bottom:1px solid var(--color-border);background:linear-gradient(90deg, transparent 49%, color-mix(in srgb, var(--color-outline-variant) 32%, transparent) 50%, transparent 51%), linear-gradient(0deg, transparent 49%, color-mix(in srgb, var(--color-outline-variant) 32%, transparent) 50%, transparent 51%), var(--color-surface);padding:22px}.specimen-art svg{width:100%;height:100%}.dog-line,.measure-line,.callout{fill:none;stroke:var(--color-text);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.measure-line{stroke:var(--color-border)}.callout{stroke-width:1px}.dog-mark{fill:color-mix(in srgb, var(--color-terracotta) 14%, white);stroke:var(--color-terracotta);stroke-width:1px}.point{stroke:var(--color-surface);stroke-width:2px}.point.green{fill:var(--color-green-br)}.point.gold{fill:var(--color-gold-br)}.point.blue{fill:var(--color-blue-br)}.specimen-art text{fill:var(--color-muted);font-family:var(--font-mono);letter-spacing:0;text-transform:uppercase;font-size:12px}.specimen-frame figcaption,.photo-placeholder figcaption{color:var(--color-muted);font-family:var(--font-mono);padding:14px 16px;font-size:12px;line-height:1.45}.hero-facts{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);grid-column:1/-1;grid-template-columns:repeat(4,1fr);margin:18px 0 0;display:grid}.hero-facts div,.technical-list div{grid-template-columns:auto 1fr;align-items:baseline;gap:12px;display:grid}.hero-facts div{border-right:1px solid var(--color-border);padding:18px}.hero-facts div:last-child{border-right:0}dt{color:var(--color-muted);font-size:13px}dd{font-family:var(--font-mono);margin:0;font-size:13px;font-weight:600}.section{border-top:1px solid var(--color-border);padding:76px 0}.two-column{grid-template-columns:minmax(0,.9fr) minmax(320px,1fr);gap:32px;display:grid}.full-width{grid-column:1/-1}.section-heading{max-width:620px}.section-heading.compact{max-width:760px;margin-bottom:28px}.section h2,.community-section h2{margin-top:18px;font-size:clamp(32px,4vw,52px)}.section-heading p{margin:16px 0 0}.standard-panel,.technical-card,.classification-card,.color-card,.video-card,.chat-panel{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:none}.panel-title{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding:16px 18px;font-weight:700;display:flex}.technical-list{gap:0;margin:0;display:grid}.technical-list div{border-bottom:1px solid var(--color-border);padding:14px 18px}.technical-list div:last-child{border-bottom:0}.technical-list dt:after{content:"";border-bottom:1px dotted var(--color-border);width:42px;margin-left:12px;display:inline-block;transform:translateY(-4px)}.context-band{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-low);grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}.context-band>div{padding:24px}.context-band>div:first-child{border-right:1px solid var(--color-border)}.context-band p{color:var(--color-muted);margin:16px 0 0}.card-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.technical-card,.classification-card,.color-card,.video-card{padding:20px}.technical-card{transition:border-color .16s,transform .16s}.technical-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #1d1d1b0a}.technical-card svg{color:var(--color-green-br)}.technical-card h3,.classification-card h3,.color-card h3,.video-card h3{margin:18px 0 8px;font-size:19px;line-height:1.25}.technical-card p,.classification-card p,.color-card p,.video-card p{color:var(--color-muted);margin:0;font-size:14px}.color-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.swatch{border:1px solid var(--color-border);background:var(--swatch);border-radius:999px;width:100%;height:12px;display:block}.classification-card span{color:var(--color-surface);font-family:var(--font-mono);letter-spacing:.05em;border-radius:2px;padding:6px 8px;font-size:12px;font-weight:600;display:inline-flex}.classification-card[data-tone=green] span{background:var(--color-green-br)}.classification-card[data-tone=gold] span{background:var(--color-gold-br);color:var(--color-text)}.classification-card[data-tone=blue] span{background:var(--color-blue-br)}.filter-row,.question-list{flex-wrap:wrap;gap:8px;display:flex}.filter-row{margin-bottom:18px}.filter-row button,.question-list button{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-muted)}.filter-row button{font-family:var(--font-mono);padding:8px 11px;font-size:12px}.filter-row button:hover,.question-list button:hover{border-color:var(--color-blue-br);color:var(--color-text)}.gallery-grid{grid-template-columns:1.2fr .9fr .9fr;gap:16px;display:grid}.photo-placeholder{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);min-height:260px;margin:0;overflow:hidden}.photo-placeholder div{background:linear-gradient(90deg, transparent 49%, color-mix(in srgb, var(--color-border) 45%, transparent) 50%, transparent 51%), linear-gradient(0deg, transparent 49%, color-mix(in srgb, var(--color-border) 45%, transparent) 50%, transparent 51%), var(--color-surface-container);min-height:210px;color:var(--color-muted);font-family:var(--font-mono);align-content:center;place-items:center;gap:10px;font-size:12px;display:grid}.video-thumb{border:1px solid var(--color-border);width:42px;height:42px;color:var(--color-terracotta);border-radius:50%;place-items:center;display:grid}.ai-section{grid-template-columns:minmax(0,.85fr) minmax(330px,1fr);align-items:start;gap:32px;display:grid}.ai-section small{max-width:560px;color:var(--color-muted);margin-top:18px;display:block}.chat-header{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding:16px 18px;font-weight:700;display:flex}.chat-message{padding:18px}.chat-message strong{margin-bottom:12px;display:block}.question-list button{text-align:left;padding:8px 10px}.chat-input{border-top:1px solid var(--color-border);grid-template-columns:1fr auto;gap:10px;padding:14px;display:grid}.chat-input input{border:1px solid var(--color-border);border-radius:var(--radius);min-width:0;color:var(--color-text);padding:11px 12px}.chat-input button{border:1px solid var(--color-text);border-radius:var(--radius);background:var(--color-text);width:44px;color:var(--color-surface);place-items:center;display:grid}.community-section{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);justify-content:space-between;align-items:center;gap:24px;padding:48px;display:flex}.community-section p{max-width:720px;margin:14px 0 0}.site-footer{border-top:1px solid var(--color-border);grid-template-columns:1fr auto;gap:20px;padding:42px 0 48px;display:grid}.site-footer div{display:grid}.site-footer nav{color:var(--color-muted);flex-wrap:wrap;justify-content:end;gap:12px 18px;font-size:14px;display:flex}.site-footer a:hover{color:var(--color-green-br)}.site-footer p{grid-column:1/-1;max-width:720px;margin:0;font-size:14px}@media (width<=920px){.site-header{grid-template-columns:1fr auto}.nav-links{grid-column:1/-1;justify-content:start}.hero-section,.two-column,.ai-section,.context-band,.site-footer{grid-template-columns:1fr}.hero-copy,.specimen-frame{grid-column:auto}.hero-section{min-height:auto;padding-top:44px}.hero-facts,.card-grid,.color-grid,.gallery-grid{grid-template-columns:1fr 1fr}.hero-facts div:nth-child(2){border-right:0}.hero-facts div:nth-child(-n+2){border-bottom:1px solid var(--color-border)}.context-band>div:first-child{border-right:0;border-bottom:1px solid var(--color-border)}.site-footer nav{justify-content:start}}@media (width<=620px){.site-header{width:100%;padding-inline:16px}.nav-links{flex-wrap:wrap;justify-content:start}.hero-section,.section,.site-footer{width:min(100% - 24px, var(--container))}.hero-copy h1{font-size:44px}.hero-copy p{font-size:17px}.specimen-art{padding:10px}.hero-facts,.card-grid,.color-grid,.gallery-grid{grid-template-columns:1fr}.hero-facts div{border-right:0;border-bottom:1px solid var(--color-border)}.hero-facts div:last-child{border-bottom:0}.section{padding:52px 0}.community-section{flex-direction:column;align-items:stretch;padding:24px}}