*{box-sizing:border-box} :root{--paper:#f6f5ef;--ink:#232621;--muted:#686c64;--line:#dcded4;--accent:#d3ee8d}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:none;border:1px solid var(--line);padding:10px 14px;border-radius:4px}button:hover{background:#e8ebdf}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #557720;outline-offset:3px}a{color:inherit;text-decoration:none}header{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:var(--paper)}.brand{font-size:29px;font-weight:800;letter-spacing:-1.5px}.brand span{font-size:11px;vertical-align:top;letter-spacing:0}.brand i{font-size:13px;font-weight:400;font-style:normal;letter-spacing:0;border-left:1px solid #b8bdb1;margin-left:20px;padding-left:20px}.header-actions{display:flex;align-items:center;gap:25px}.edition,.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600}.layout{display:grid;grid-template-columns:230px minmax(0,1fr)}aside{padding:30px 20px;border-right:1px solid var(--line)}.eyebrow{color:var(--muted)}.nav{border:0;width:100%;text-align:left;display:flex;justify-content:space-between;margin:2px 0;padding:10px 12px;font-size:12px}.nav.active{background:#e4e8d8}.nav span{font-family:monospace;font-size:10px;color:var(--muted)}.space{margin-top:32px}.aside-note{margin:30px 12px 0;padding-top:20px;border-top:1px solid var(--line);font-size:12px;line-height:1.6}.aside-note p{font-size:11px;color:var(--muted)}.aside-note a{line-height:2.4}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#61883e;margin-right:5px}main{padding:38px 38px 0;min-width:0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;margin-bottom:38px}h1{font-size:clamp(36px,4.1vw,62px);line-height:1.02;font-weight:400;letter-spacing:-2.5px;margin:23px 0 20px}h1 em{font-family:Georgia,serif;font-weight:400}.lede{color:var(--muted);font-size:13px;line-height:1.8}.feature{background:#171c1c;border-radius:5px;overflow:hidden}.feature canvas{width:100%;display:block}.feature>div{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;color:#dae1d5;border-top:1px solid #3d4541;font-size:9px;letter-spacing:1px}.feature button{color:#e2e8de;border:0;font-size:10px;padding:4px}.feature button:hover{background:#35433c}.search-section{display:flex;gap:10px}.search{display:flex;border:1px solid #adb6a2;background:#fffef9;padding:13px 16px;align-items:center;gap:12px;flex:1}.search span{font-size:25px;line-height:20px}.search input{border:0;background:none;outline:0;min-width:0;width:100%;font-size:13px}.search kbd{border:1px solid var(--line);padding:2px 6px;color:#919589}select{background:transparent;border:1px solid var(--line);padding:10px;max-width:100%;border-radius:3px}.chips{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:14px 0 32px}.chips span{font-size:9px;letter-spacing:1px;color:var(--muted);margin-right:7px}.chips button{border-radius:20px;padding:6px 11px;font-size:11px}.chips #clear{border-color:transparent;margin-left:auto;color:var(--muted)}.results-heading{display:flex;justify-content:space-between;align-items:center}.results-heading h2{font-size:18px;font-weight:500;margin:0}.results-heading span{font-size:11px;color:var(--muted)}.status-note{font-size:11px;color:var(--muted);line-height:1.6;max-width:850px;margin:12px 0 20px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{padding:0;border:1px solid var(--line);text-align:left;border-radius:5px;overflow:hidden;background:#fbfbf6;min-width:0}.card:hover{background:#fff;box-shadow:0 4px 20px #18220b12;border-color:#aab69b}.card canvas{width:100%;aspect-ratio:1.6;display:block}.card-body{padding:15px}.card-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:.7px;gap:10px}.card h3{font-weight:500;font-size:18px;margin:10px 0 7px;letter-spacing:-.4px}.card p{font-size:11px;line-height:1.55;color:var(--muted);margin:0}.card .tags{margin:12px 0 0}.tags{display:flex;gap:5px;flex-wrap:wrap}.tags span{font-size:9px;border:1px solid var(--line);border-radius:3px;padding:4px 6px;color:#555e4d}.concept{height:100px;background:#eceee4;padding:17px;display:flex;align-items:end;justify-content:space-between;gap:14px;color:#727b67}.concept b{font-family:Georgia,serif;font-size:32px;font-weight:400}.concept span{font-size:9px;letter-spacing:.8px;text-align:right}footer{display:flex;gap:20px;justify-content:space-between;padding:30px 0;margin-top:40px;border-top:1px solid var(--line);font-size:9px;letter-spacing:.5px;color:var(--muted)}dialog{padding:0;max-height:93vh;width:min(1260px,94vw);border:1px solid #aab49e;border-radius:8px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#12201899;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:14px 23px;border-bottom:1px solid var(--line)}.close{font-size:24px;border:0;padding:0 8px}.detail-body{display:grid;grid-template-columns:1.35fr 1fr}.specimen{padding:25px;border-right:1px solid var(--line);min-width:0}#preview{width:100%;display:block;background:#101818;border-radius:5px}#no-preview{height:300px;background:#e6eadf;padding:40px;display:flex;flex-direction:column;justify-content:center}#no-preview[hidden],canvas[hidden],#controls[hidden]{display:none}#no-preview p{line-height:1.7;color:var(--muted)}.transport{display:flex;align-items:center;gap:10px;justify-content:space-between;margin:16px 0;font-size:11px}.transport button{font-size:11px}.range-label{display:block;font-size:12px;margin:18px 0}.range-label output{float:right;color:var(--muted);font-family:monospace}input[type=range]{display:block;width:100%;margin:12px 0;accent-color:#678046}.field{display:block;font-size:12px;margin:18px 0}.field input,.field textarea,.field select,textarea{display:block;width:100%;padding:12px;border:1px solid #bdc6b2;border-radius:3px;background:#fcfdf8;color:var(--ink);margin:8px 0;resize:vertical;line-height:1.6}.upload{display:block;margin:16px 0;font-size:12px}.upload input{display:block;font-size:11px;margin:8px 0;width:100%}.micro{font-size:10px;color:var(--muted);line-height:1.6}.details{padding:25px 28px}.details h2{font-size:38px;font-weight:400;letter-spacing:-1.3px;margin:12px 0}.details p{font-size:12px;color:#5a6455;line-height:1.75}.details h3,.ai-content h3{font-size:11px;letter-spacing:.5px;text-transform:uppercase;margin-top:25px}.details .tags{margin:18px 0}.note{font-size:11px;padding:15px;background:#e7ecde;line-height:1.7;margin:24px 0}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;font-size:11px}#save{font-size:11px}#ai{max-width:750px}.ai-content{padding:20px 30px 30px}.ai-content h2{font-size:36px;letter-spacing:-1px;font-weight:400}.ai-content p{font-size:13px;line-height:1.8;color:#5a6455}.primary{background:#d5eaa4;border-color:#b4c780}.ai-content hr{border:0;border-top:1px solid var(--line);margin:26px 0}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#21311b;color:#fff;padding:14px 22px;border-radius:5px;font-size:12px;z-index:100;display:none;max-width:90vw}#empty{padding:60px 0;color:var(--muted)}@media(min-width:1600px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.layout{grid-template-columns:190px 1fr}main{padding:28px 24px 0}.intro{gap:18px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:42px}.edition{display:none}aside{padding:25px 12px}.detail-body{grid-template-columns:1fr 1fr}.transport{flex-wrap:wrap}}@media(max-width:750px){header{padding:0 20px;height:70px}.brand{font-size:25px}.brand i{font-size:11px;padding-left:10px;margin-left:10px}.header-actions button{font-size:11px}.layout{display:block}aside{display:none}main{padding:26px 18px 0}.intro{grid-template-columns:1fr}.intro h1{font-size:50px}.feature{display:none}.grid{gap:12px}.card h3{font-size:17px}.card-body{padding:12px}.search-section{flex-direction:column}.chips #clear{margin-left:0}.detail-body{display:block}.specimen{border-right:0;border-bottom:1px solid var(--line);padding:18px}.details{padding:18px}.card-meta{font-size:8px}.transport{font-size:10px}footer{flex-direction:column}.concept b{font-size:22px}.concept{padding:12px}dialog{max-height:96vh}.ai-content{padding:18px}.ai-content h2{font-size:28px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@font-face{font-family:Newsreader;src:url(fonts/newsreader-latin-standard-normal.woff2) format('woff2');font-weight:200 800;font-display:swap}@font-face{font-family:Newsreader;src:url(fonts/newsreader-latin-standard-italic.woff2) format('woff2');font-weight:200 800;font-style:italic;font-display:swap}@font-face{font-family:'Public Sans';src:url(fonts/public-sans-latin-wght-normal.woff2) format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:'IBM Plex Mono';src:url(fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2');font-display:swap}
body{--paper:#FAF7F2;--ink:#17171B;--muted:#626267;--line:#ddd8d0;font-family:'Public Sans',Arial,sans-serif}.brand{font-family:Newsreader,Georgia,serif;font-size:34px;font-weight:500;letter-spacing:-1.2px}.brand i{font-family:'Public Sans',sans-serif}h1,h1 em,.details h2,.ai-content h2{font-family:Newsreader,Georgia,serif}h1{font-size:clamp(40px,4.6vw,68px);letter-spacing:-1.8px}.eyebrow,.card-meta,.edition{font-family:'IBM Plex Mono',monospace;letter-spacing:.7px}.nav.active{background:#e8e2d8}.primary{background:#252526;color:#fff;border-color:#252526}.primary:hover{background:#454547}.dot{background:#17171B}.note{background:#ece7df}.concept{background:#eee9e1;color:#6b655c}.feature{background:#17171b}.aside-note p{font-size:12px}.card p{font-size:12px}.card-meta{font-size:10px}.tags span{font-size:11px}.status-note{font-size:12px}.chips span{font-size:10px}.chips button{font-size:12px}.reference-stamp{padding:24px;background:#eee9e1;min-height:125px}.reference-stamp .year{font:42px Newsreader,Georgia,serif;display:block;margin-bottom:8px}.reference-stamp .artist{font-size:12px}.reference-content{padding:25px;max-width:900px}.reference-content h2{font:42px Newsreader,Georgia,serif;margin:10px 0}.reference-content h3{font-size:14px;margin-top:26px}.reference-content p{line-height:1.8;color:var(--muted);font-size:14px}.xref{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.xref button,.xref a{border:1px solid #c9c1b5;border-radius:3px;padding:9px 12px;font-size:12px;text-align:left}.source-list a{display:block;text-decoration:underline;font-size:13px;line-height:1.7;margin:10px 0}.annotation{border-left:2px solid #1B3CE0;padding:3px 0 3px 14px}.annotation strong{font-family:'IBM Plex Mono',monospace;font-size:12px;color:#1B3CE0}.search select{min-width:0}@media(max-width:750px){.brand{font-size:29px}.card-meta{font-size:11px;flex-wrap:wrap}.chips span{font-size:11px}.status-note{font-size:13px}.tags span,.micro,.card p{font-size:12px}.card-body{padding:14px}.grid{grid-template-columns:1fr}.card canvas{aspect-ratio:1.6}.eyebrow{font-size:12px}.feature>div{font-size:12px}.reference-content{padding:18px}.intro h1{font-size:53px}}
/* Signature study: portfolio-inspired contrast, restrained material, Markup's own editorial voice. */
body{--paper:#f2efe9;--ink:#171717;--line:#cbc9c2;--muted:#515756}header{background:#171717;color:#f2efe9;border:0;height:92px}.brand{font-family:'Public Sans',sans-serif;font-size:31px;font-weight:800;letter-spacing:-1.8px}.brand:before{content:'[ ';font-weight:300;color:#9fa4a5}.brand:after{content:' ]';font-weight:300;color:#9fa4a5}.brand i{color:#b9bfbc;border-color:#606461}.edition{color:#b1b5b2}header button{border-color:#606461;color:#f2efe9;border-radius:0}header button:hover{background:#353a37}aside{background:#e4e5df;border-color:#c6cbc5}.nav.active{background:#171717;color:#f2efe9}.nav.active span{color:#c5cac6}.nav{border-radius:0}.intro{padding:20px 0 32px;border-bottom:1px solid #b8bdb7;margin-bottom:30px;gap:40px}.intro h1{font-family:'Public Sans',sans-serif;font-size:clamp(48px,5.4vw,86px);font-weight:700;letter-spacing:-4px;line-height:1.01}.intro h1 em{font-family:Newsreader,Georgia,serif;font-weight:400;letter-spacing:-3px}.feature{border-radius:0;box-shadow:12px 12px 0 #c6cbc5}.feature>div{font-family:'IBM Plex Mono',monospace;padding:16px}.card{border:0;border-top:1px solid #a8afaa;border-radius:0;background:transparent}.card:hover{background:#e4e5de;box-shadow:none;border-color:#171717}.card-body{padding:18px 0 24px}.card h3{font-family:'Public Sans',sans-serif;font-weight:600;font-size:21px;letter-spacing:-.9px}.card canvas{border-radius:0}.concept{background:linear-gradient(125deg,#d6dbd7,#e4e6df);height:120px}.concept b{font-family:'IBM Plex Mono',monospace;font-size:29px}.tags span{border-color:#bfc5bc;border-radius:0}.search{background:#f8f6f1;border:1px solid #171717}.chips button{border-radius:0}.chips button:hover{background:#d9ded6}.results-heading h2{font-size:23px;font-weight:600;letter-spacing:-.7px}.grid{gap:28px 24px}.primary{border-radius:0}.note{background:#e1e5db}button{border-radius:0}dialog{border-radius:0;border:1px solid #a4aaa1}.reference-stamp{background:linear-gradient(125deg,#c6cdca,#e0e3dc);border-radius:0}.mobile-views{display:none}.header-actions{gap:12px}#toast{background:#171717}.annotation{border-color:#1b3ce0}@media(max-width:1100px){.intro h1{font-size:53px;letter-spacing:-2.8px}.intro{gap:24px}}@media(max-width:750px){header{height:auto;min-height:100px;flex-wrap:wrap;gap:12px;padding:18px}.header-actions{width:100%;justify-content:space-between}.header-actions button{font-size:12px}.brand{font-size:29px}.intro{padding-top:0}.intro h1{font-size:58px;letter-spacing:-3.5px}.mobile-views{display:block;margin:0 0 15px}.mobile-views label{display:flex;align-items:center;gap:14px}.mobile-views select{flex:1}.grid{gap:20px}.card-body{padding:18px 5px 24px}main{padding-top:26px}.feature{box-shadow:none}}
.family-group{border-top:1px solid #c4c9c1;padding:10px 0}.family-group summary{font-size:12px;font-weight:650;cursor:pointer;padding:7px 0;list-style-position:inside}.family-group .nav{padding:8px 7px 8px 12px;font-size:11px}.family-group .nav span{font-size:10px}

#preview[hidden]{display:none}
.project-entry{border:1px solid #9fa4a5;padding:10px 14px;font-size:13px;color:#f2efe9}.project-entry:hover{background:#353a37}.header-actions{flex-wrap:wrap}@media(max-width:750px){.project-entry{font-size:12px;padding:10px}}

.source-filters{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:15px 0 0}.source-filters[hidden]{display:none}.source-filters label{font-size:12px;display:flex;gap:10px;align-items:center}.source-filters p{font-size:12px;color:var(--muted);margin:0}@media(max-width:750px){.source-filters{align-items:stretch;gap:10px}.source-filters label{width:100%;justify-content:space-between}.source-filters select{max-width:68%;flex:1}}

.video-preview{margin:22px 0;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.video-preview>a{font-size:13px;text-decoration:underline;margin:0 12px;display:inline-block}.video-preview .micro{font-size:12px;line-height:1.6}.video-screen{width:100%;aspect-ratio:16/9;background:#171717}.video-screen iframe{display:block;border:0;width:100%;height:100%}

.video-preview>a.source-watch{margin:0 12px 10px 0;padding:10px 14px;background:#171717;color:#f2efe9;text-decoration:none}.video-preview>button{margin-bottom:10px}

.technique-evidence{margin:24px 0 28px}.technique-evidence-row{padding:18px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}.technique-evidence-row:last-child{border-bottom:1px solid var(--line)}.technique-evidence-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}.technique-evidence-heading h4{margin:0;font-size:15px;font-weight:650}.technique-evidence-heading button{padding:5px 0;border:0;text-align:left;text-decoration:underline;text-decoration-color:#9fa4a5;text-underline-offset:4px;line-height:1.5}.technique-evidence-heading button:hover{background:transparent;text-decoration-color:var(--ink)}.technique-evidence-basis{font-size:12px;color:var(--muted)}.reference-content .technique-evidence-row p{margin:9px 0 0;font-size:13px;line-height:1.7}.reference-content .technique-evidence-samples,.reference-content .technique-evidence-limit{font-size:12px}.technique-evidence-reproduction{border-left:2px solid #a8afaa;padding-left:12px}.technique-evidence-reproduction strong{color:var(--ink);display:block;font-size:12px;font-weight:650;margin-bottom:3px}@media(max-width:750px){.technique-evidence-heading{display:block}.technique-evidence-basis{display:block;margin-top:3px}.technique-evidence-row{padding:16px 0}}

/* Communication begins with an intended audience change. */
.purpose-entry{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:end;margin:0 0 24px}.purpose-entry h2{font:500 32px/1.1 Newsreader,Georgia,serif;letter-spacing:-.5px;margin:10px 0}.purpose-entry p{font-size:13px;line-height:1.6;color:var(--muted);margin:8px 0}.purpose-entry .eyebrow{font-size:10px}.purpose-entry label{font-size:12px}.purpose-entry select{display:block;width:100%;margin:8px 0;background:#faf8f3;border-color:#818980;padding:14px 10px}.purpose-context{display:grid;grid-template-columns:1fr 1fr;gap:28px;background:#e1e4dd;border-top:2px solid #171717;margin:0 0 24px;padding:22px}.purpose-context[hidden]{display:none}.purpose-context h3{font:500 25px/1.25 Newsreader,Georgia,serif;margin:10px 0}.purpose-context p{font-size:13px;line-height:1.7}.purpose-context strong{display:block;font-size:12px}.purpose-context .micro{font-size:11px;border-top:1px solid #c2c8bf;padding-top:12px}.purpose-context button{background:#171717;color:#f2efe9;margin-top:10px;font-size:12px}.purpose-link{margin:10px 0}.purpose-link button{font-size:12px;text-align:left;text-decoration:underline;text-underline-offset:4px;border:0;padding:6px 0}.purpose-link p{margin:0 0 10px;font-size:12px}.purpose-links{border-top:1px solid var(--line);margin-top:24px}.purpose-links:empty{display:none}@media(max-width:750px){.purpose-entry,.purpose-context{grid-template-columns:1fr;gap:12px}.purpose-entry h2{font-size:30px}.purpose-context{padding:18px}.purpose-entry .eyebrow{font-size:11px}}

/* Technique visuals keep the complete comparison visible, never cropped. */
.technique-visual {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background: #e7e6df;
  border-bottom: 1px solid var(--line);
}
.technique-visual > img,
.card .technique-visual > canvas {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: contain;
}
.visual-kind {
  position: absolute;
  inset: auto 0 0;
  padding: 9px 12px;
  background: #171717;
  color: #f2efe9;
  font: 10px/1.4 'IBM Plex Mono', monospace;
  letter-spacing: .3px;
}
.technique-visual:has(.visual-kind) { padding-bottom: 32px; }
.technique-visual-pending {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 24px;
  gap: 8px;
  background: linear-gradient(135deg, #d8ddd7, #e9e8e0);
}
.visual-pending-id { font: 14px/1.4 'IBM Plex Mono', monospace; color: #515756; }
.visual-pending-title { font: 500 26px/1.1 Newsreader, Georgia, serif; }
.visual-pending-note { font-size: 11px; color: #515756; }
.technique-illustration { margin: 0 0 16px; border: 1px solid var(--line); background: #e7e6df; }
.technique-illustration[hidden] { display: none; }
.technique-illustration img { display: block; width: 100%; height: auto; object-fit: contain; }
.technique-illustration figcaption { padding: 13px 16px; background: #171717; color: #f2efe9; }
.technique-illustration figcaption strong { display: block; font-size: 12px; font-weight: 500; }
.technique-illustration figcaption span { display: block; max-width: 70ch; margin-top: 5px; font-size: 11px; line-height: 1.6; color: #d2d6d1; }
.illustration-status { font-size: 12px; line-height: 1.6; color: var(--muted); margin: 0 0 16px; }
@media (max-width: 750px) {
  .visual-kind { font-size: 11px; }
  .technique-visual:has(.visual-kind) { padding-bottom: 34px; }
  .visual-pending-title { font-size: 28px; }
}

.technique-illustration figcaption a { display:inline-block; margin-top:10px; color:#f2efe9; font-size:12px; text-decoration:underline; text-underline-offset:3px; }

/* Agency studio: architectural divisions, presentation planes, precise working labels. */
body{--paper:#edf1f0;--ink:#182b35;--muted:#4f626b;--line:#b4c2c6;--accent:#bb3e2d;background:var(--paper);color:var(--ink)}
header{height:auto;min-height:92px;padding:20px 36px;background:#f8faf8;color:var(--ink);border-bottom:1px solid #6e858e;gap:22px;flex-wrap:wrap}
.brand{font-family:'Public Sans',Arial,sans-serif;font-size:32px;font-weight:800;letter-spacing:-1.8px}.brand:before,.brand:after{content:none}.brand i{color:var(--muted);border-color:#8da1a8}.edition{color:var(--muted)}
header button,.project-entry{color:var(--ink);border-color:#7e959e;min-height:44px;display:inline-flex;align-items:center;justify-content:center}header button:hover,.project-entry:hover{background:#dde7e9}.header-actions{gap:9px}
aside{background:#274c5b;color:#f2f6f5;border-color:#173442}.nav{color:#eef4f3;min-height:44px;border-left:3px solid transparent;padding-left:10px}.nav span{color:#c3d4d8}.nav:hover{background:#365d6a}.nav.active,.nav.active:hover{background:#e9f0ef;color:#182b35;border-left-color:#c44832}.nav.active span{color:#4b6068}
aside .eyebrow,aside .aside-note p{color:#c7d8dc}aside .aside-note{border-color:#65828e}aside .dot{background:#c7d8dc}.family-group{border-color:#597987}.family-group summary{line-height:1.6}.family-group .nav{min-height:40px}
.intro{border-color:#8ca2aa;gap:42px;padding:12px 0 34px}.intro h1{font-family:'Public Sans',Arial,sans-serif;font-size:clamp(48px,5.1vw,78px);font-weight:750;line-height:1.01;letter-spacing:-3.4px}.intro h1 em{font-family:inherit;font-weight:750;font-style:normal;letter-spacing:inherit}.lede{font-size:14px;line-height:1.8;max-width:55ch}
.feature{background:#142a36;border:1px solid #0d2029;box-shadow:none}.feature>div{background:#142a36;color:#e7eff0;border-color:#536b77;padding:13px 15px}.feature button{min-height:36px;color:#f5f8f7}.feature button:hover{background:#2d4c5b}
.search{background:#f9fbfa;border-color:#6e8792;min-height:48px}.search:focus-within{outline:2px solid #b43727;outline-offset:3px}.search input:focus-visible{outline:0}.search kbd{color:#566a73;border-color:#a6b8bf}button:hover{background:#dce6e8}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #b43727;outline-offset:4px}aside :focus-visible,.feature :focus-visible{outline-color:#fff4d8}
.chips button{min-height:40px;border-color:#9aacb3}.chips button:hover{background:#dbe6e8}.results-heading h2{font-size:24px;font-weight:700;letter-spacing:-.8px}.grid{gap:26px 22px}
.card{border:1px solid #9cb0b9;background:#f8faf8;box-shadow:none}.card:hover{background:#fff;border-color:#254654;box-shadow:0 3px 0 #c9d6da}.card-body{padding:18px 18px 22px}.card h3{font-family:'Public Sans',Arial,sans-serif;font-size:21px;font-weight:650;letter-spacing:-.7px;line-height:1.25}.card-meta{font-size:10px;line-height:1.6}.card p{font-size:12px;line-height:1.7}.tags span{color:#465e69;border-color:#b4c4ca;background:transparent;font-size:10px;line-height:1.5}
.technique-visual{background:#182b35;border-color:#536b77}.visual-kind{background:#182b35;color:#ebf2f1}.concept,.reference-stamp,.technique-visual-pending{background:#dae5e7;color:#253f4a}.concept b{font-family:'Public Sans',Arial,sans-serif;font-weight:650;letter-spacing:-1px}.visual-pending-id,.visual-pending-note{color:#4f626b}
.primary,.video-preview>a.source-watch{background:#183746;color:#f7faf8;border-color:#183746}.primary:hover{background:#2b5062}.note,.purpose-context{background:#dce6e8}.purpose-context{border-top:2px solid #274c5b}.purpose-context button{background:#183746;color:#f7faf8;min-height:44px}.purpose-entry select{background:#f9fbfa;border-color:#7e959e;min-height:48px}.purpose-entry h2{font-family:'Public Sans',Arial,sans-serif;font-size:29px;font-weight:650;line-height:1.2;letter-spacing:-1px}
.field input,.field textarea,.field select,textarea{background:#f9fbfa;border-color:#819aa4}select{min-height:44px}.details p,.ai-content p{color:#4f626b}.annotation,.technique-evidence-reproduction{border-color:#bb3e2d}.annotation strong{color:#a33426}.detail-actions button,.transport button,.xref button,.xref a{min-height:44px}.xref button,.xref a{border-color:#8da3ad}.details h2,.ai-content h2{font-family:'Public Sans',Arial,sans-serif;font-weight:650;letter-spacing:-1.3px;line-height:1.1}
dialog{border-color:#6e8792}dialog::backdrop{background:#101f2aa6}.dialog-head{background:#f8faf8}.close{min-width:44px;min-height:44px}#preview,.video-screen{background:#132632}#toast{background:#183746}.micro,.status-note{line-height:1.75}
@media(max-width:1100px){.intro{gap:26px}.intro h1{font-size:52px;letter-spacing:-2.5px}.header-actions{gap:8px}header{padding:19px 24px}.card-body{padding:16px}}
@media(max-width:750px){header{padding:18px;gap:15px}.brand{font-size:30px}.brand i{font-size:12px}.header-actions{justify-content:flex-start;gap:8px}.header-actions button,.project-entry{font-size:12px;min-height:44px;padding:10px 12px}.intro{padding-top:0}.intro h1{font-size:clamp(43px,11vw,58px);letter-spacing:-2.4px;line-height:1.04}.card-body{padding:18px}.chips button{min-height:44px}.card-meta,.tags span{font-size:11px}.source-filters select{min-height:44px}.purpose-entry h2{font-size:27px}.purpose-context{padding:18px}.results-heading{gap:12px;align-items:baseline;flex-wrap:wrap}.results-heading h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

@media(pointer:coarse){button,.nav,.family-group .nav,.feature button,.chips button{min-height:44px}.close{min-width:44px}}