:root{--bg:#f8f0e0;--surface:#ffffff;--surface-soft:#edf3ec;--surface-water:#e6f1ef;--text:#16211c;--muted:#58695f;--border:#d3ded3;--border-strong:#7c897f;--brand:#4f654d;--brand-strong:#334a38;--brand-soft:#e1e8dc;--link:#266f7a;--focus:#8a5a18;--warning:#8a5a18;--warning-bg:#fff4d8;--danger:#9d2d24;--danger-bg:#fde8e4;--success:#4f654d;--success-bg:#e1e8dc;--info-border:#6f9698;--warning-border:#9a6a1f;--success-border:#718568;--danger-border:#b15d55;--shadow:none;--background:var(--bg);--foreground:var(--text);--brand-logo-bg:#ffffff;--brand-logo-fg:#4f654d;--brand-logo-border:#7c897f;--secondary:var(--surface-soft);--accent-text:var(--brand-strong);--nav-active-bg:#334a38;--nav-active-text:#f8f0e0;color-scheme:light;font-synthesis:none}:root[data-theme=dark]{--bg:#11130f;--surface:#11130f;--surface-soft:#263022;--surface-water:#22312f;--text:#f8f0e0;--muted:#d8d0c0;--border:#4b5a4e;--border-strong:#d3ded3;--brand:#f8f0e0;--brand-strong:#f8f0e0;--brand-soft:#334a38;--link:#e6f1ef;--focus:#e5a54e;--warning:#f8f0e0;--warning-bg:#8a5a18;--danger:#ffffff;--danger-bg:#9d2d24;--success:#f8f0e0;--success-bg:#4f654d;--info-border:#6f9698;--warning-border:#e5a54e;--success-border:#718568;--danger-border:#b15d55;--background:var(--bg);--foreground:var(--text);--brand-logo-fg:#f8f0e0;--secondary:var(--surface-soft);--accent-text:#e6f1ef;--nav-active-bg:#f8f0e0;--nav-active-text:#11130f;color-scheme:dark}*{box-sizing:border-box}body,html{background:var(--bg)}body{margin:0;color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.58}a{color:var(--link);text-decoration-thickness:.08em;text-underline-offset:.18em}a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.site-shell{display:grid;grid-template-columns:minmax(244px,304px) minmax(0,1fr);min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border-strong);display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:32px 24px;position:-webkit-sticky;position:sticky;top:0}.brand-lockup{align-items:center;color:var(--text);display:grid;grid-gap:12px;gap:12px;grid-template-columns:42px minmax(0,1fr);margin-bottom:16px;text-decoration:none}.brand-mark{align-items:flex-start;color:var(--brand-logo-fg);display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:2.1rem;font-weight:800;line-height:.82}.brand-marker{background:transparent;border:.052em solid;border-radius:999px;display:inline-block;flex:0 0 auto;height:.18em;margin-left:.015em;margin-top:.045em;width:.18em}.brand-name{display:block;font-size:1.2rem;font-weight:800}.tagline{color:var(--muted);display:block;font-size:.86rem;line-height:1.35}.theme-toggle{border:1px solid var(--border-strong);border-radius:999px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:22px 0 44px;overflow:hidden;width:88px}.theme-toggle-button{background:transparent;border:0;color:var(--text);cursor:pointer;font:inherit;font-size:1rem;font-weight:800;line-height:1;padding:8px 10px}.theme-toggle-button+.theme-toggle-button{border-left:1px solid var(--border-strong)}.theme-toggle-button[aria-pressed=true]{background:var(--brand-soft);color:var(--brand-strong)}:root[data-theme=dark] .theme-toggle-button[aria-pressed=true]{background:var(--text);color:var(--bg)}.nav-section{border-top:1px solid var(--border);margin-top:22px;padding-top:18px}.nav-heading{color:var(--muted);font-size:.74rem;font-weight:800;letter-spacing:.08em;margin:0 0 8px;text-transform:uppercase}:root[data-theme=dark] .nav-heading{color:var(--text)}.nav-list{display:grid;grid-gap:3px;gap:3px;list-style:none;margin:0;padding:0}.nav-link{border-radius:4px;color:var(--text);display:block;font-size:.94rem;padding:7px 10px;text-decoration:none}.nav-link:hover{background:var(--surface-soft);color:var(--brand-strong)}.nav-link[aria-current=page]{background:var(--nav-active-bg);color:var(--nav-active-text);font-weight:800}.content{margin:0 auto;max-width:1120px;padding:64px 56px 96px;width:100%}.eyebrow{color:var(--brand);font-size:.78rem;font-weight:800;letter-spacing:.08em;margin:0 0 12px;text-transform:uppercase}h1,h2,h3{line-height:1.2}h1{font-size:clamp(2.15rem,4.4vw,3.65rem);letter-spacing:0;margin:0 0 16px;max-width:860px}.description{color:var(--muted);font-size:1.18rem;margin:0 0 18px;max-width:790px}.frontmatter-table{border-collapse:collapse;display:table;font-size:.82rem;margin:0 0 42px;max-width:790px;overflow:visible;width:100%}.frontmatter-table td,.frontmatter-table th{border:0;border-top:1px solid var(--text);color:var(--text);padding:7px 9px;text-align:left;vertical-align:top}.frontmatter-table tr:first-child td,.frontmatter-table tr:first-child th{border-top:0}.frontmatter-table th{font-size:.74rem;font-weight:800;text-transform:uppercase;width:132px}.frontmatter-table td,.frontmatter-table th{background:transparent}.frontmatter-use-heading{border-bottom:0}.prose{max-width:880px}.prose h2{border-top:1px solid var(--border-strong);font-size:1.82rem;margin:46px 0 12px;padding-top:28px}.prose>article>h2:first-child,.prose>h2:first-child{border-top:0;margin-top:0;padding-top:0}.prose>article>h2:first-child+p,.prose>h2:first-child+p{color:var(--text);font-size:1.22rem;line-height:1.48;margin-bottom:34px;max-width:820px}.prose h3{border-left:4px solid var(--brand);color:var(--brand-strong);font-size:1.28rem;margin:36px 0 10px;padding-left:12px}:root[data-theme=dark] .prose h3{border-left-color:var(--accent-text);color:var(--accent-text)}.prose li,.prose p{font-size:1rem}.prose ol,.prose ul{padding-left:1.25rem}.prose strong{color:var(--brand-strong)}.prose code{background:var(--surface-soft);border:1px solid var(--border);border-radius:4px;font-size:.9em;padding:.12rem .28rem}.prose pre{background:#17211b;border-radius:6px;color:#f8f0e0;overflow-x:auto;padding:18px}.prose pre code{background:transparent;border:0;color:inherit;padding:0}.prose blockquote{border-left:4px solid var(--brand);color:var(--text);font-size:1.08rem;line-height:1.52;margin:24px 0;padding:2px 0 2px 18px}.prose blockquote p{margin:0}table{border-collapse:collapse;display:block;font-size:.95rem;margin:24px 0;overflow-x:auto;width:100%}td,th{border:0;border-top:1px solid var(--border-strong);padding:10px 12px;text-align:left;vertical-align:top}th{background:transparent;color:var(--text);font-weight:800}tbody tr:last-child td{border-bottom:1px solid var(--border-strong)}.callout{background:var(--surface-water);border:1px solid var(--info-border);border-left:4px solid var(--link);border-radius:4px;margin:24px 0;padding:16px 18px}.callout.warning{background:var(--warning-bg);border-color:var(--warning-border);border-left-color:var(--warning)}.callout.success{background:var(--success-bg);border-color:var(--success-border);border-left-color:var(--success)}.callout.danger{background:var(--danger-bg);border-color:var(--danger-border);border-left-color:var(--danger)}.typography-example{border:1px solid var(--border-strong);border-radius:4px;margin:24px 0 32px;max-width:820px;padding:26px}.typography-example-kicker{color:var(--brand);font-size:.78rem;font-weight:800;letter-spacing:.08em;margin:0 0 10px;text-transform:uppercase}.typography-example h2{border:0;color:var(--text);font-size:clamp(2rem,4vw,3.2rem);line-height:1.12;margin:0 0 12px;padding:0}.typography-example-lead{color:var(--text);font-size:1.18rem;line-height:1.48;margin:0 0 28px;max-width:680px}.typography-example h3{border-left:0;color:var(--brand-strong);font-size:1.24rem;margin:0 0 8px;padding-left:0}.typography-example blockquote{margin:20px 0}.typography-example table{margin:22px 0 8px}.typography-example-caption{color:var(--muted);font-size:.86rem;margin:10px 0 4px}.typography-example-source{color:var(--muted);font-size:.8rem;margin:0}.callout-title{font-weight:800;margin:0 0 6px}.callout>:last-child{margin-bottom:0}.grid-examples{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin:24px 0 30px}.grid-example{margin:0}.grid-example-spread{grid-column:1/-1}.grid-page,.grid-spread{border:1px solid var(--border-strong);border-radius:4px}.grid-page{aspect-ratio:1/1.35;background:#ffffff;display:grid;grid-gap:10px;gap:10px;padding:16px}.grid-page-recto{grid-template-columns:2fr 1fr}.grid-page-verso{grid-template-columns:1fr 2fr}.grid-spread{background:#ffffff;display:grid;grid-gap:0;gap:0;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden}.grid-spread .grid-page{border:0;border-radius:0}.grid-spread .grid-page+.grid-page{border-left:1px solid var(--border-strong)}.grid-block{align-items:flex-end;border-radius:4px;display:flex;font-size:.82rem;font-weight:800;padding:10px}.grid-block-main{background:#f8f0e0;color:#16211c}.grid-block-support{background:#e6f1ef;color:#16211c}.grid-example figcaption{color:var(--muted);font-size:.86rem;font-weight:700;margin-top:10px}.business-card-examples{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));margin:24px 0 32px}.business-card-sample{margin:0}.business-card{aspect-ratio:1.75/1;border:1px solid var(--border-strong);border-radius:4px;display:flex;min-height:220px;padding:26px}.business-card-front{align-items:center;background:#4f654d;color:#f8f0e0;justify-content:center}.business-card-back{align-items:stretch;background:#ffffff;color:#16211c;display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.business-card-logotype{align-items:flex-start;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:clamp(2.5rem,7vw,4.5rem);font-weight:700;letter-spacing:0;line-height:1}.business-card-marker{background:transparent;border:.07em solid;border-radius:999px;display:inline-block;flex:0 0 auto;height:.23em;margin-left:.015em;margin-top:.045em;width:.23em}.business-card-back-identifier{align-items:flex-start;display:flex;min-width:0}.business-card-back-mark{align-items:flex-start;color:#4f654d;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:3.6rem;font-weight:700;line-height:.8}.business-card-back-mark .business-card-marker{border-width:.052em;height:.18em;margin-left:.015em;margin-top:.045em;width:.18em}.business-card-details{align-self:flex-end;justify-self:stretch;display:grid;font-size:.88rem;grid-gap:2px;gap:2px;line-height:1.35;min-width:0;text-align:left}.business-card-details p{margin:0}.business-card-organisation{color:#4f654d;font-weight:800;margin-bottom:8px}.business-card-name{font-size:1.08rem;font-weight:800}.business-card-sample figcaption{color:var(--muted);font-size:.86rem;font-weight:700;margin-top:10px}.letterhead-examples{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));margin:24px 0 32px}.letterhead-sample{margin:0}.letterhead-page{aspect-ratio:210/297;background:#ffffff;border:1px solid var(--border-strong);border-radius:4px;color:#16211c;display:grid;min-height:500px;padding:28px 30px 24px 36px;position:relative}.letterhead-page-first{grid-template-rows:auto auto 1fr auto;row-gap:18px}.letterhead-page-follow{grid-template-rows:auto 1fr auto;row-gap:24px}.letterhead-header{align-items:flex-start;display:flex;justify-content:space-between;min-width:0}.letterhead-header-compact{border-bottom:1px solid #16211c;padding-bottom:10px}.letterhead-logo{align-items:flex-start;color:#4f654d;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:clamp(1.35rem,3vw,2.1rem);font-weight:700;letter-spacing:0;line-height:1}.letterhead-marker{background:transparent;border:.07em solid;border-radius:999px;display:inline-block;flex:0 0 auto;height:.23em;margin-left:.015em;margin-top:.045em;width:.23em}.letterhead-document-meta{color:#58695f;font-size:.68rem;font-weight:700;line-height:1.35;text-align:right}.letterhead-document-meta p{margin:0}.letterhead-document-title{color:#16211c;font-size:1.12rem;font-weight:800;line-height:1}.letterhead-fold-line{background:#7c897f;height:1px;left:0;position:absolute;width:16px}.letterhead-fold-line-top{top:31.5%}.letterhead-address-band{display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,2fr) minmax(0,1fr);margin-top:22px}.letterhead-left-zone{display:grid;grid-gap:10px;gap:10px;min-width:0}.letterhead-window-zone{border:1px dashed #4f654d;border-radius:2px;min-height:80px;padding:11px 14px}.letterhead-window-zone span{color:#4f654d;display:block;font-size:.58rem;font-weight:800;margin-bottom:8px;text-transform:uppercase}.letterhead-detail-block p,.letterhead-support-zone p,.letterhead-window-zone p{font-size:.56rem;line-height:1.16;margin:0}.letterhead-detail-block{border-top:1px solid #16211c;padding-top:8px}.letterhead-re-line{align-items:baseline;display:flex;gap:5px}.letterhead-support-zone{align-self:flex-start;border-top:1px solid #16211c;margin-top:-56px;padding-top:7px}.letterhead-detail-block p,.letterhead-support-zone p{color:#58695f;font-weight:700;margin-top:2px;text-transform:none}.letterhead-detail-block p:first-child,.letterhead-support-zone p:first-child{margin-top:0}.letterhead-detail-block strong,.letterhead-support-zone strong{color:#16211c;display:block;font-size:.58rem;line-height:1.16}.letterhead-re-line strong{color:#58695f;font-size:.7rem}.letterhead-body{align-content:start;display:grid;grid-gap:11px;gap:11px;padding-top:4px}.letterhead-body .letter-paragraph span,.letterhead-body .letter-signature span,.letterhead-body>div:not(.letter-paragraph):not(.letter-signature){background:#d8dfd2;display:block;height:8px;max-width:86%}.letterhead-body div:nth-child(2n){max-width:72%}.letterhead-body div:nth-child(3n){max-width:94%}.letterhead-body-letter{gap:18px;padding-top:2px}.letterhead-body-letter .letter-line-opening{height:7px;max-width:24%}.letter-paragraph,.letter-signature{background:transparent;display:grid;grid-gap:7px;gap:7px;height:auto;max-width:100%}.letterhead-body .letter-paragraph span{height:7px;max-width:88%}.letterhead-body .letter-paragraph span:nth-child(2){max-width:72%}.letterhead-body .letter-paragraph span:nth-child(3){max-width:82%}.letter-signature{gap:9px;margin-top:28px}.letterhead-body .letter-signature span{height:7px;max-width:30%}.letterhead-body .letter-signature span:first-child{max-width:18%}.letterhead-body-follow{padding-top:12px}.letterhead-body-follow div{max-width:92%}.letterhead-footer{border-top:1px solid #16211c;color:#58695f;display:flex;font-size:.62rem;font-weight:700;gap:12px;justify-content:space-between;line-height:1.25;padding-top:8px}.letterhead-sample figcaption{color:var(--muted);font-size:.86rem;font-weight:700;margin-top:10px}.logotype-examples{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin:24px 0 30px}.logotype-sample{margin:0}.logotype-example{align-items:center;border:1px solid var(--border-strong);border-radius:4px;display:flex;justify-content:center;min-height:190px;padding:28px}.logotype-example-light{background:#ffffff;color:#4f654d}.logotype-example-dark{background:#11130f;color:#f8f0e0}.opries-logotype{font-family:Arial,Helvetica,sans-serif;font-size:clamp(3rem,8vw,5.6rem);font-weight:700;letter-spacing:0;line-height:1}.opries-identifier,.opries-logotype-marker{align-items:flex-start;display:inline-flex;position:relative}.opries-identifier{font-family:Arial,Helvetica,sans-serif;font-size:clamp(5rem,12vw,7.5rem);font-weight:700;letter-spacing:0;line-height:.78}.work-marker{background:currentColor;border-radius:999px;display:inline-block;flex:0 0 auto;height:.18em;margin-left:.09em;margin-top:.07em;width:.18em}.work-marker-coordinate{background:transparent;border:.045em solid}.work-marker-strong{border-width:.07em;height:.23em;margin-left:.015em;margin-top:.045em;width:.23em}.work-marker-identifier-strong{border-width:.052em}.opries-identifier .work-marker{height:.16em;margin-left:.02em;margin-top:.05em;width:.16em}.opries-identifier .work-marker-identifier-strong{height:.18em;margin-left:.015em;margin-top:.045em;width:.18em}.logotype-sample figcaption{color:var(--muted);font-size:.86rem;font-weight:700;margin-top:10px;max-width:280px}.swatch{align-items:center;background:var(--surface);border:1px solid var(--border-strong);border-radius:4px;box-shadow:var(--shadow);display:grid;grid-gap:14px;gap:14px;grid-template-columns:142px minmax(0,1fr);margin:14px 0;padding:12px}.swatch-chip{align-items:center;border:1px solid rgba(17,19,15,.24);border-radius:4px;box-shadow:inset 0 0 0 1px rgba(248,240,224,.32);display:flex;font-weight:800;justify-content:center;min-height:74px}.swatch-name{font-weight:800;margin:0 0 2px}.swatch-specs{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.swatch-specs div{align-items:center;background:var(--background);border:1px solid var(--border);border-radius:4px;display:flex;gap:6px;padding:5px 8px}.swatch-specs dt{color:var(--muted);font-size:.78rem;font-weight:800;margin:0;text-transform:uppercase}.swatch-specs dd{color:var(--foreground);font-size:.78rem;font-weight:700;margin:0}.swatch-copy{align-items:center;background:transparent;border:0;border-radius:4px;color:var(--muted);cursor:pointer;display:inline-flex;height:24px;justify-content:center;margin-left:2px;padding:3px;width:24px}.swatch-copy:hover{background:var(--secondary);color:var(--foreground)}.swatch-copy svg{fill:none;height:14px;stroke:currentColor;stroke-linejoin:round;stroke-width:1.8;width:14px}.swatch-copy span{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.swatch-usage{color:var(--muted);margin:0}@media (max-width:820px){.site-shell{display:block}.sidebar{height:auto;position:static}.content{padding:40px 22px 64px}.business-card-examples,.letterhead-examples,.logotype-examples,.swatch{grid-template-columns:1fr}.letterhead-page{min-height:460px}.letterhead-address-band{gap:14px}.grid-examples,.grid-spread{grid-template-columns:1fr}.grid-spread .grid-page+.grid-page{border-left:0;border-top:1px solid var(--border-strong)}}