@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Mono:wght@400;500&family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Manrope:wght@400;500;600;700&family=Six+Caps&family=Source+Sans+3:wght@400;600&family=Source+Serif+4:wght@400;600&family=Space+Grotesk:wght@500;600&display=swap');

:root { --ink:#13201c; --ink-soft:#34443e; --paper:#f2f0e8; --surface:#fbfaf5; --mint:#b9f43f; --mint-deep:#24e4bb; --line:rgba(19,32,28,.17); --orange:#ec6c3d; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Manrope,system-ui,sans-serif; overflow-x:hidden; }
a { color:inherit; }
.site-head { position:sticky; z-index:20; top:0; height:66px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 clamp(1rem,3vw,3rem); border-bottom:1px solid var(--line); background:rgba(242,240,232,.92); backdrop-filter:blur(18px); }
.mark { display:inline-flex; align-items:center; gap:.65rem; text-decoration:none; }
.mark span { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; color:var(--paper); background:var(--ink); font:500 .75rem DM Mono,monospace; }
.mark b { font-size:.82rem; letter-spacing:.04em; }
.site-head nav { display:flex; gap:1.4rem; }
.site-head nav a,.github { font-size:.7rem; font-weight:700; text-decoration:none; text-transform:uppercase; letter-spacing:.1em; }
.github { justify-self:end; }
main { max-width:1800px; margin:0 auto; }
.hero { min-height:calc(100vh - 66px); display:grid; grid-template-columns:minmax(0,1.08fr) minmax(400px,.92fr); }
.hero-copy { container-type:inline-size; padding:clamp(5rem,10vw,10rem) clamp(1.2rem,6vw,7rem); align-self:center; }
.eyebrow,.summary-label { margin:0 0 .9rem; color:#51615b; font:500 .67rem DM Mono,monospace; text-transform:uppercase; letter-spacing:.15em; }
.hero h1 { display:grid; margin:0; font:400 clamp(5.75rem,18cqi,9rem)/.94 'Six Caps',Impact,sans-serif; letter-spacing:.012em; text-transform:uppercase; }
.hero h1 span,.hero h1 em { display:block; width:max-content; max-width:100%; white-space:nowrap; }
.hero h1 em { color:var(--orange); font-style:normal; }
.hero-intro { max-width:650px; margin:2.2rem 0 0; color:var(--ink-soft); font-size:clamp(1.05rem,1.5vw,1.35rem); line-height:1.55; }
.hero-actions { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:2rem; }
.button { display:inline-flex; justify-content:center; align-items:center; min-height:48px; padding:.75rem 1.1rem; border:1px solid var(--ink); border-radius:999px; font-size:.78rem; font-weight:700; text-decoration:none; cursor:pointer; }
.button.primary { color:var(--paper); background:var(--ink); }
.button.secondary { background:transparent; }
.button.dark { color:white; border-color:rgba(255,255,255,.4); }
.context-demo { position:relative; display:grid; place-content:center; padding:clamp(2rem,5vw,6rem); color:#eef7f2; background:var(--ink); overflow:hidden; }
.context-demo::before { content:""; position:absolute; inset:0; opacity:.32; background:radial-gradient(circle at 68% 35%,rgba(36,228,187,.24),transparent 30%),repeating-linear-gradient(0deg,transparent 0 29px,rgba(255,255,255,.05) 30px),repeating-linear-gradient(90deg,transparent 0 29px,rgba(255,255,255,.05) 30px); }
.source-node,.profile-nodes { position:relative; z-index:1; }
.source-node { width:min(100%,460px); padding:1.25rem; border:1px solid rgba(185,244,63,.5); background:rgba(185,244,63,.06); }
.source-node span,.source-node small { display:block; color:#9eb0a8; font:400 .68rem DM Mono,monospace; }
.source-node strong { display:block; margin:.35rem 0 .6rem; color:var(--mint); font:500 clamp(1.35rem,2.5vw,2rem) DM Mono,monospace; }
.beam { position:relative; z-index:1; width:1px; height:90px; margin:0 auto; background:linear-gradient(var(--mint),transparent); }
.profile-nodes { display:grid; gap:.55rem; width:min(100%,460px); }
.profile-nodes article { display:flex; gap:1rem; padding:.85rem 1rem; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.04); }
.profile-nodes article>span { color:var(--mint); font:400 .72rem DM Mono,monospace; }
.profile-nodes strong,.profile-nodes small { display:block; }.profile-nodes small { margin-top:.2rem; color:#9eb0a8; font:400 .68rem DM Mono,monospace; }
.principles { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.principles article { min-height:280px; padding:clamp(1.5rem,4vw,4rem); border-right:1px solid var(--line); }.principles article:last-child { border:0; }
.principles span,.contract-grid span { font:500 .7rem DM Mono,monospace; color:#6a7772; }
.principles h2 { margin:3.5rem 0 .8rem; font-size:1.35rem; }.principles p,.contract-grid p { color:var(--ink-soft); line-height:1.6; }
.section { padding:clamp(5rem,9vw,10rem) clamp(1rem,5vw,6rem); border-bottom:1px solid var(--line); }
.section-head { max-width:940px; }.section-head h2 { margin:.2rem 0 1rem; font-size:clamp(2.5rem,6vw,6.5rem); line-height:.95; letter-spacing:-.055em; }.section-head>p:last-child,.section-head.split>p { max-width:680px; color:var(--ink-soft); line-height:1.65; }
.section-head.split { max-width:none; display:grid; grid-template-columns:1fr minmax(300px,600px); gap:3rem; align-items:end; }
.contract { background:var(--surface); }.contract-grid { display:grid; grid-template-columns:repeat(4,1fr); margin-top:4rem; border:1px solid var(--line); }
.contract-grid article { min-height:260px; padding:1.3rem; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }.contract-grid article:nth-child(4n) { border-right:0; }.contract-grid h3 { margin:4rem 0 .6rem; }
.standards { display:grid; grid-template-columns:repeat(4,1fr); margin-top:1.2rem; }.standards div { padding:1rem; }.standards span,.standards strong { display:block; }.standards span { color:#6a7772; font:400 .64rem DM Mono,monospace; text-transform:uppercase; }.standards strong { margin-top:.3rem; font-size:.82rem; }
.example { --demo-accent:var(--mint); --demo-accent-ink:#13201c; color:#eef7f2; background:var(--ink); }.example .eyebrow,.example .section-head>p { color:#9eb0a8; }.brand-picker { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:4rem; border:1px solid rgba(255,255,255,.16); }.brand-choice { min-width:0; min-height:190px; display:grid; grid-template-columns:auto 1fr; grid-template-rows:1fr auto; gap:.8rem; padding:1.1rem; border:0; border-right:1px solid rgba(255,255,255,.16); color:#eef7f2; background:transparent; text-align:left; cursor:pointer; transition:background .2s ease,color .2s ease; }.brand-choice:last-child { border-right:0; }.brand-choice:hover { background:rgba(255,255,255,.055); }.brand-choice:focus-visible { position:relative; z-index:1; outline:3px solid var(--demo-accent); outline-offset:-3px; }.brand-choice.active { color:var(--demo-accent-ink); background:var(--demo-accent); }.choice-index { color:#91a39b; font:500 .64rem DM Mono,monospace; }.brand-choice.active .choice-index { color:currentColor; opacity:.62; }.brand-choice b,.brand-choice small { display:block; }.brand-choice b { font-size:1.2rem; }.brand-choice small { margin-top:.55rem; color:#9eb0a8; font-size:.72rem; line-height:1.5; }.brand-choice.active small { color:currentColor; opacity:.78; }.dataset-badge { display:inline-flex; width:max-content; padding:.3rem .45rem; border-radius:2px; font:500 .58rem DM Mono,monospace; font-style:normal; text-transform:uppercase; letter-spacing:.07em; }.brand-choice .dataset-badge { grid-column:2; align-self:end; }.dataset-badge.real-reference { color:#13201c; background:var(--mint); }.dataset-badge.fictional-demo { color:#edf3ef; border:1px solid rgba(255,255,255,.28); background:rgba(255,255,255,.06); }.brand-choice.active .dataset-badge { color:currentColor; border:1px solid currentColor; background:transparent; }.dataset-note { display:grid; grid-template-columns:auto 1fr; gap:1rem; align-items:start; padding:1rem 0; border-bottom:1px solid rgba(255,255,255,.16); }.dataset-note>div strong { display:block; font-size:.85rem; }.dataset-note p { max-width:950px; margin:.25rem 0 0; color:#9eb0a8; font-size:.78rem; line-height:1.55; }.brand-summary { display:grid; grid-template-columns:repeat(12,1fr); gap:1rem; margin-top:2rem; }.brand-summary article { padding:1.4rem; border:1px solid rgba(255,255,255,.13); background:rgba(255,255,255,.035); }.example .summary-label { display:block; color:var(--demo-accent); }
.essence-card { grid-column:span 7; }.essence-card h3 { max-width:800px; margin:2.5rem 0 1rem; font-size:clamp(2rem,4vw,4.5rem); line-height:1; letter-spacing:-.04em; }.essence-card p { max-width:650px; color:#afbeb8; }.trait-row { display:flex; flex-wrap:wrap; gap:.4rem; margin-top:2rem; }.trait-row span { padding:.35rem .55rem; border:1px solid color-mix(in srgb,var(--demo-accent) 45%,transparent); border-radius:999px; color:var(--demo-accent); font:400 .68rem DM Mono,monospace; }
.voice-card { grid-column:span 5; }.voice-card blockquote { margin:2.4rem 0 2.4rem; font-size:1.3rem; line-height:1.5; }.language-example { margin-top:2rem; padding:1rem; color:var(--demo-accent-ink); background:var(--demo-accent); }.language-example small,.language-example strong { display:block; }.language-example small { font:500 .65rem DM Mono,monospace; text-transform:uppercase; }.language-example strong { margin-top:.5rem; }
.palette-card { grid-column:span 7; }.swatches { display:grid; grid-template-columns:repeat(3,1fr); margin-top:2rem; }.swatches div { min-height:120px; display:flex; flex-direction:column; justify-content:flex-end; padding:.8rem; color:var(--ink); background:var(--swatch); }.swatches span,.swatches code { color:var(--ink); font-size:.68rem; }.swatches span { font-weight:700; }.swatches code { font-family:DM Mono,monospace; }
.type-card { grid-column:span 5; }.display-type { margin:1.5rem 0; color:var(--demo-accent); font-size:clamp(3.4rem,7vw,7rem); font-weight:600; line-height:.78; letter-spacing:-.055em; }.type-card p,.photo-card p,.photo-card small { color:#afbeb8; line-height:1.55; }
.photo-card { grid-column:span 7; background:radial-gradient(circle at 88% 12%,rgba(36,228,187,.13),transparent 35%)!important; }.photo-card h3 { max-width:700px; margin:2rem 0 1rem; font-size:2rem; line-height:1.25; }.photo-card small { display:block; margin-top:2rem; padding-top:1rem; border-top:1px solid rgba(255,255,255,.12); }
.questions-card { grid-column:span 5; }.questions-card ul { margin:1.5rem 0; padding:0; list-style:none; }.questions-card li { padding:.7rem 0; border-bottom:1px solid rgba(255,255,255,.1); font-size:.85rem; }.priority { display:inline-block; min-width:60px; margin-right:.6rem; font:500 .58rem DM Mono,monospace; text-transform:uppercase; }.priority.blocking { color:#ff755a; }.priority.high { color:#f5c356; }.priority.medium { color:var(--mint-deep); }.status-line { color:#afbeb8; font-size:.75rem; }.status-line span { display:inline-block; width:7px; height:7px; margin-right:.5rem; border-radius:50%; background:#ff755a; }.status-line.fictional-demo span { background:var(--demo-accent); }
.asset-library { margin-top:5rem; padding-top:3rem; border-top:1px solid rgba(255,255,255,.16); }.asset-library>header { display:grid; grid-template-columns:1fr minmax(260px,520px); gap:2rem; align-items:end; }.asset-library h3 { margin:.2rem 0 0; font-size:clamp(2rem,4vw,4.4rem); line-height:1; letter-spacing:-.04em; }.asset-library>header>p { margin:0; color:#9eb0a8; line-height:1.6; }.asset-gallery { display:grid; gap:2.5rem; margin-top:2rem; }.asset-group>header { display:flex; justify-content:space-between; padding:.7rem 0; border-bottom:1px solid rgba(255,255,255,.16); color:var(--demo-accent); font:500 .68rem DM Mono,monospace; text-transform:uppercase; letter-spacing:.1em; }.asset-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.7rem; margin-top:.7rem; }.asset-group-photography .asset-grid,.asset-group-textures .asset-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.asset-card { min-width:0; border:1px solid rgba(255,255,255,.13); background:rgba(255,255,255,.035); }.asset-preview { min-height:190px; display:grid; place-items:center; overflow:hidden; background:color-mix(in srgb,var(--demo-surface) 94%,white); }.asset-preview img { display:block; width:100%; height:100%; max-height:320px; object-fit:contain; }.asset-photograph .asset-preview,.asset-texture .asset-preview,.asset-illustration .asset-preview { aspect-ratio:16/10; }.asset-photograph .asset-preview img,.asset-texture .asset-preview img { object-fit:cover; }.asset-icon .asset-preview { min-height:150px; }.asset-icon .asset-preview img { width:74px; height:74px; }.asset-logo .asset-preview img { width:82%; height:130px; }.asset-copy { display:flex; flex-direction:column; min-height:190px; padding:1rem; }.asset-copy>span { color:var(--demo-accent); font:500 .58rem DM Mono,monospace; text-transform:uppercase; }.asset-copy strong { margin-top:.5rem; }.asset-copy p { margin:.5rem 0; color:#9eb0a8; font-size:.75rem; line-height:1.5; }.asset-copy small { margin-top:auto; color:#74877f; font:400 .58rem DM Mono,monospace; }.asset-copy a { margin-top:.8rem; color:var(--demo-accent); font-size:.7rem; font-weight:700; }
.complete-dna { display:grid; grid-template-columns:minmax(240px,.7fr) minmax(400px,1.3fr); gap:3rem; margin-top:5rem; padding-top:3rem; border-top:1px solid rgba(255,255,255,.16); }.complete-dna h3 { margin:.2rem 0; font-size:2rem; }.complete-dna>div:first-child p:last-child { color:#9eb0a8; line-height:1.6; }.dna-details { grid-row:span 2; }.dna-details details { border-top:1px solid rgba(255,255,255,.15); }.dna-details summary { display:grid; grid-template-columns:1fr auto auto; gap:1rem; padding:.9rem 0; cursor:pointer; }.dna-details summary span { font-weight:700; text-transform:capitalize; }.dna-details summary small { color:#9eb0a8; }.dna-details summary b { color:var(--demo-accent); }.dna-details pre { max-height:480px; margin:0 0 1rem; padding:1rem; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; color:#c7d2ce; background:#0c1512; font:400 .68rem/1.55 DM Mono,monospace; }
.compiler { background:#e7e5dc; }.compiler-grid { display:grid; grid-template-columns:minmax(330px,.72fr) minmax(480px,1.28fr); gap:1rem; margin-top:4rem; }.compiler-controls,.prompt-output { min-width:0; border:1px solid var(--line); background:var(--surface); }.compiler-controls { padding:1.3rem; }.compiler-controls label { display:block; margin:1rem 0 .4rem; font-size:.72rem; font-weight:700; }.compiler-controls label:first-child { margin-top:0; }.compiler-controls select,.compiler-controls textarea { width:100%; padding:.85rem; border:1px solid var(--line); border-radius:5px; color:var(--ink); background:#fff; font:inherit; }.compiler-controls textarea { resize:vertical; line-height:1.5; }.field-note { min-height:2.8em; color:#68756f; font-size:.75rem; line-height:1.45; }.control-row { display:grid; grid-template-columns:1fr auto; gap:.8rem; align-items:end; }.control-row label { margin:0 0 .4rem; }.control-row .button { border:0; }.selected-paths { display:flex; flex-wrap:wrap; gap:.35rem; margin-top:1.2rem; padding-top:1rem; border-top:1px solid var(--line); }.selected-paths>span { width:100%; margin-bottom:.3rem; color:#68756f; font:500 .62rem DM Mono,monospace; text-transform:uppercase; }.selected-paths code { padding:.25rem .38rem; border:1px solid var(--line); border-radius:3px; background:#efeee7; font:400 .58rem DM Mono,monospace; overflow-wrap:anywhere; }
.brand-select { position:relative; width:100%; }.brand-select-native { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; overflow:hidden!important; opacity:0!important; pointer-events:none!important; clip-path:inset(50%)!important; }.brand-select-trigger { display:grid; grid-template-columns:7px minmax(0,1fr) 16px; align-items:center; gap:.65rem; width:100%; min-height:46px; padding:.72rem .8rem; border:1px solid rgba(19,32,28,.28); border-radius:3px; color:var(--ink); background:linear-gradient(90deg,rgba(36,228,187,.08),transparent 38%),#fff; box-shadow:inset 0 1px rgba(255,255,255,.8); font:600 .8rem Manrope,system-ui,sans-serif; text-align:left; cursor:pointer; transition:border-color .16s ease,box-shadow .16s ease,background .16s ease; }.brand-select-trigger:hover,.brand-select-trigger:focus-visible,.brand-select.is-open .brand-select-trigger { outline:0; border-color:var(--ink); background:linear-gradient(90deg,rgba(185,244,63,.17),transparent 48%),#fff; box-shadow:0 0 0 3px rgba(36,228,187,.14); }.brand-select-signal { width:6px; height:6px; border:1px solid var(--ink); border-radius:50%; background:transparent; }.brand-select.is-open .brand-select-signal { border-color:var(--mint-deep); background:var(--mint-deep); box-shadow:0 0 0 3px rgba(36,228,187,.15); }.brand-select-value { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.brand-select-trigger>svg { width:16px; fill:none; stroke:currentColor; stroke-width:1.5; transition:transform .16s ease; }.brand-select.is-open .brand-select-trigger>svg { transform:rotate(180deg); }.brand-select-menu { position:absolute; z-index:60; top:calc(100% + 6px); right:0; left:0; max-height:280px; padding:5px; overflow-y:auto; border:1px solid rgba(185,244,63,.65); border-radius:3px; color:#eef7f2; background:linear-gradient(rgba(185,244,63,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(185,244,63,.025) 1px,transparent 1px),#13201c; background-size:20px 20px; box-shadow:0 22px 55px rgba(8,18,14,.34),0 0 24px rgba(36,228,187,.14); animation:brand-select-in .14s ease-out; }.brand-select-menu[hidden] { display:none; }.brand-select-option { display:grid; grid-template-columns:30px minmax(0,1fr) 16px; align-items:center; gap:.5rem; width:100%; min-height:42px; padding:.5rem; border:1px solid transparent; border-radius:2px; color:#b4c2bd; background:transparent; font:inherit; text-align:left; cursor:pointer; }.brand-select-option+.brand-select-option { border-top-color:rgba(255,255,255,.07); }.brand-select-option:hover,.brand-select-option.is-active,.brand-select-option:focus-visible { outline:0; border-color:rgba(185,244,63,.28); color:#fff; background:rgba(185,244,63,.07); box-shadow:inset 2px 0 var(--mint); }.brand-select-option[aria-selected="true"] { color:var(--mint); background:rgba(185,244,63,.11); }.brand-select-index { color:#71837b; font:500 .57rem DM Mono,monospace; letter-spacing:.08em; }.brand-select-option strong { min-width:0; overflow:hidden; font-size:.78rem; text-overflow:ellipsis; white-space:nowrap; }.brand-select-option svg { width:15px; fill:none; stroke:var(--mint); stroke-width:1.7; opacity:0; }.brand-select-option[aria-selected="true"] svg { opacity:1; }@keyframes brand-select-in { from { opacity:0; transform:translateY(-5px) scale(.99); } to { opacity:1; transform:none; } }@media(prefers-reduced-motion:reduce){.brand-select-menu{animation:none}.brand-select-trigger>svg{transition:none}}
.prompt-output { display:grid; grid-template-rows:auto minmax(0,1fr); color:#dce9e4; background:var(--ink); }.prompt-output>header { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:.8rem 1rem; border-bottom:1px solid rgba(255,255,255,.14); }.prompt-output header span,.prompt-output header strong { display:block; }.prompt-output header span { color:var(--mint); font:500 .62rem DM Mono,monospace; text-transform:uppercase; }.prompt-output header strong { margin-top:.25rem; color:#94a69f; font:400 .65rem DM Mono,monospace; }.prompt-output header button { padding:.4rem .55rem; border:1px solid rgba(255,255,255,.22); color:#dce9e4; background:transparent; cursor:pointer; }.prompt-output pre { height:760px; margin:0; padding:1.2rem; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; font:400 .72rem/1.58 DM Mono,monospace; }
.evidence-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; margin-top:3rem; }.evidence-grid article { min-height:160px; padding:1rem; border:1px solid var(--line); }.state { display:inline-flex; padding:.25rem .4rem; border-radius:2px; font:500 .6rem DM Mono,monospace; text-transform:uppercase; }.state.declared { background:#d7ebe4; }.state.observed { background:#dce7fb; }.state.inferred { background:#f6dfb2; }.state.approved { background:var(--mint); }.evidence-grid p { margin-top:3rem; color:var(--ink-soft); line-height:1.5; }.evidence aside { max-width:1000px; margin-top:1rem; padding:1.2rem; border-left:4px solid var(--orange); background:var(--surface); }.evidence aside p { margin:.4rem 0 0; color:var(--ink-soft); line-height:1.6; }
footer { display:flex; justify-content:space-between; gap:2rem; padding:2rem clamp(1rem,5vw,6rem); color:#dce9e4; background:var(--ink); }footer strong,footer span { display:block; }footer span { margin-top:.25rem; color:#92a59d; font-size:.74rem; }footer>div:last-child { display:flex; gap:1rem; }footer a { color:var(--mint); font-size:.75rem; }
@media(max-width:1000px){.hero{grid-template-columns:1fr}.context-demo{min-height:650px}.principles{grid-template-columns:1fr}.principles article{min-height:0;border-right:0;border-bottom:1px solid var(--line)}.principles h2{margin-top:2rem}.contract-grid{grid-template-columns:repeat(2,1fr)}.contract-grid article:nth-child(2n){border-right:0}.standards{grid-template-columns:repeat(2,1fr)}.section-head.split{grid-template-columns:1fr;gap:1rem}.brand-picker{grid-template-columns:1fr 1fr}.brand-choice:nth-child(2){border-right:0}.brand-choice:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.16)}.essence-card,.palette-card,.photo-card{grid-column:span 12}.voice-card,.type-card,.questions-card{grid-column:span 12}.asset-library>header{grid-template-columns:1fr}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.complete-dna,.compiler-grid{grid-template-columns:1fr}.complete-dna{gap:1rem}.prompt-output pre{height:620px}.evidence-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.site-head{grid-template-columns:1fr auto}.site-head nav{display:none}.hero{min-height:auto}.hero-copy{padding:5rem 1rem}.hero h1{font-size:clamp(4rem,20cqi,5.75rem);line-height:.96}.context-demo{min-height:560px;padding:2rem 1rem}.section{padding:5rem .8rem}.contract-grid{grid-template-columns:1fr}.contract-grid article,.contract-grid article:nth-child(2n),.contract-grid article:nth-child(4n){min-height:210px;border-right:0}.standards{grid-template-columns:1fr}.brand-picker{grid-template-columns:1fr}.brand-choice,.brand-choice:nth-child(2){min-height:150px;border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.brand-choice:last-child{border-bottom:0}.dataset-note{grid-template-columns:1fr}.brand-summary{display:block}.brand-summary article{margin-bottom:.65rem}.swatches{grid-template-columns:1fr 1fr}.asset-grid,.asset-group-photography .asset-grid,.asset-group-textures .asset-grid{grid-template-columns:1fr}.asset-copy{min-height:160px}.complete-dna{display:block}.complete-dna>.button{width:100%;margin-top:1rem}.compiler-grid{display:block}.compiler-controls{margin-bottom:.7rem}.control-row{grid-template-columns:1fr}.control-row .button{width:100%;margin-top:.6rem}.prompt-output header{align-items:flex-start;flex-direction:column}.prompt-output pre{height:560px;padding:.8rem;font-size:.65rem}.evidence-grid{grid-template-columns:1fr}.section-head h2{font-size:2.7rem}footer{flex-direction:column}.site-head{padding:0 .8rem}.github{font-size:.62rem}}