@font-face{font-family:"Cristoforo Cthulhu";src:url("../fonts/woff2/Cristoforo Cthulhu/CristoforoCthulhu.woff2") format("woff2"),url("../fonts/woff/Cristoforo Cthulhu/CristoforoCthulhu.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Cristoforo Cthulhu";src:url("../fonts/woff2/Cristoforo Cthulhu/CristoforoCthulhu-Italic.woff2") format("woff2"),url("../fonts/woff/Cristoforo Cthulhu/CristoforoCthulhu-Italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Voltaire";src:url("../fonts/woff2/Voltaire/Voltaire-Regular.woff2") format("woff2"),url("../fonts/woff/Voltaire/Voltaire-Regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Adobe Caslon Pro";src:url("../fonts/woff2/Adobe Caslon Pro/AdobeCaslonPro.woff2") format("woff2"),url("../fonts/woff/Adobe Caslon Pro/AdobeCaslonPro.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Adobe Caslon Pro";src:url("../fonts/woff2/Adobe Caslon Pro/AdobeCaslonPro-Bold.woff2") format("woff2"),url("../fonts/woff/Adobe Caslon Pro/AdobeCaslonPro-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Minion Pro";src:url("../fonts/woff2/Minion Pro/MinionPro.woff2") format("woff2"),url("../fonts/woff/Minion Pro/MinionPro.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Minion Pro";src:url("../fonts/woff2/Minion Pro/MinionPro-Italic.woff2") format("woff2"),url("../fonts/woff/Minion Pro/MinionPro-Italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Minion Pro";src:url("../fonts/woff2/Minion Pro/MinionPro-Bold.woff2") format("woff2"),url("../fonts/woff/Minion Pro/MinionPro-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Minion Pro";src:url("../fonts/woff2/Minion Pro/MinionPro-BoldItalic.woff2") format("woff2"),url("../fonts/woff/Minion Pro/MinionPro-BoldItalic.woff") format("woff");font-weight:700;font-style:italic;font-display:swap}:root{--coc-h1: "Cristoforo Cthulhu", "Times New Roman", serif;--coc-h2: "Voltaire", "Times New Roman", serif;--coc-heading: "Adobe Caslon Pro", "Minion Pro", "Times New Roman", serif;--coc-text: "Adobe Caslon Pro", "Minion Pro", "Times New Roman", serif;--coc-serif: "Adobe Caslon Pro", "Minion Pro", "Times New Roman", serif}:root{--coc-bg-image: url("../backgrounds/background.jpg");--coc-paper: #f3ede0;--coc-paper-elevated: #ffffff;--coc-paper-tint: rgba(243, 237, 224, .9);--coc-ink: rgb(66, 48, 23);--coc-ink-muted: rgba(66, 48, 23, 0.7);--coc-color-h1: rgb(66, 48, 23);--coc-color-h2: rgb(114, 26, 29);--coc-color-h3: rgb(66, 48, 23);--coc-color-h4: rgb(66, 48, 23);--coc-color-h5: rgb(66, 48, 23);--coc-color-h6: rgb(66, 48, 23);--coc-color-brand: rgb(66, 48, 23);--coc-color-accent-a: rgb(114, 26, 29);--coc-color-accent-b: rgb(70, 86, 41);--coc-color-brand-rgb: 66, 48, 23;--coc-color-accent-a-rgb: 114, 26, 29;--coc-color-accent-b-rgb: 70, 86, 41;--coc-link: rgb(114, 26, 29);--coc-link-hover: rgb(72.4714285714, 16.5285714286, 18.4357142857);--coc-btn-primary-hover: rgb(48, 34, 16);--coc-btn-secondary-hover: rgb(84, 16, 18);--coc-btn-accent-hover: rgb(50, 64, 28);--coc-btn-text-hover: #fff;--coc-card-bg: rgba(255, 255, 255, .92);--coc-card-bg-outlined: rgba(255, 255, 255, .88);--coc-card-border: rgba(0, 0, 0, .08);--coc-card-border-strong: rgba(0, 0, 0, .16);--coc-table-thead-bg: rgb(66, 48, 23);--coc-table-thead-fg: #f3ede0;--coc-table-row-alt: rgb(212, 198, 180);--coc-table-border: rgba(66, 48, 23, 0.25);--coc-frame-bg: #f3ede0;color-scheme:light}@media(prefers-color-scheme: dark){:root:not([data-theme=light]){--coc-bg-image: url("../backgrounds/background-dark.jpg");--coc-paper: #1a1410;--coc-paper-elevated: #251f18;--coc-paper-tint: rgba(37, 31, 24, .85);--coc-ink: #ecdfc4;--coc-ink-muted: rgba(236, 223, 196, .72);--coc-color-h1: #ecdfc4;--coc-color-h2: rgb(204, 84, 88);--coc-color-h3: #ecdfc4;--coc-color-h4: #ecdfc4;--coc-color-h5: #ecdfc4;--coc-color-h6: #ecdfc4;--coc-color-brand: #ecdfc4;--coc-color-accent-a: rgb(204, 84, 88);--coc-color-accent-b: rgb(150, 172, 96);--coc-color-brand-rgb: 236, 223, 196;--coc-color-accent-a-rgb: 204, 84, 88;--coc-color-accent-b-rgb: 150, 172, 96;--coc-link: rgb(220, 144, 146);--coc-link-hover: rgb(240, 190, 192);--coc-btn-primary-hover: rgb(220, 200, 160);--coc-btn-secondary-hover: rgb(232, 130, 132);--coc-btn-accent-hover: rgb(190, 212, 130);--coc-btn-text-hover: #14100c;--coc-card-bg: rgba(37, 31, 24, .85);--coc-card-bg-outlined: rgba(37, 31, 24, .72);--coc-card-border: rgba(236, 223, 196, .14);--coc-card-border-strong: rgba(236, 223, 196, .26);--coc-table-thead-bg: rgb(20, 14, 8);--coc-table-thead-fg: #ecdfc4;--coc-table-row-alt: rgba(236, 223, 196, .08);--coc-table-border: rgba(236, 223, 196, .22);--coc-frame-bg: #1a1410;color-scheme:dark}}[data-theme=dark]{--coc-bg-image: url("../backgrounds/background-dark.jpg");--coc-paper: #1a1410;--coc-paper-elevated: #251f18;--coc-paper-tint: rgba(37, 31, 24, .85);--coc-ink: #ecdfc4;--coc-ink-muted: rgba(236, 223, 196, .72);--coc-color-h1: #ecdfc4;--coc-color-h2: rgb(204, 84, 88);--coc-color-h3: #ecdfc4;--coc-color-h4: #ecdfc4;--coc-color-h5: #ecdfc4;--coc-color-h6: #ecdfc4;--coc-color-brand: #ecdfc4;--coc-color-accent-a: rgb(204, 84, 88);--coc-color-accent-b: rgb(150, 172, 96);--coc-color-brand-rgb: 236, 223, 196;--coc-color-accent-a-rgb: 204, 84, 88;--coc-color-accent-b-rgb: 150, 172, 96;--coc-link: rgb(220, 144, 146);--coc-link-hover: rgb(240, 190, 192);--coc-btn-primary-hover: rgb(220, 200, 160);--coc-btn-secondary-hover: rgb(232, 130, 132);--coc-btn-accent-hover: rgb(190, 212, 130);--coc-btn-text-hover: #14100c;--coc-card-bg: rgba(37, 31, 24, .85);--coc-card-bg-outlined: rgba(37, 31, 24, .72);--coc-card-border: rgba(236, 223, 196, .14);--coc-card-border-strong: rgba(236, 223, 196, .26);--coc-table-thead-bg: rgb(20, 14, 8);--coc-table-thead-fg: #ecdfc4;--coc-table-row-alt: rgba(236, 223, 196, .08);--coc-table-border: rgba(236, 223, 196, .22);--coc-frame-bg: #1a1410;color-scheme:dark}[data-theme=light]{--coc-bg-image: url("../backgrounds/background.jpg");--coc-paper: #f3ede0;--coc-paper-elevated: #ffffff;--coc-paper-tint: rgba(243, 237, 224, .9);--coc-ink: rgb(66, 48, 23);--coc-ink-muted: rgba(66, 48, 23, 0.7);--coc-color-h1: rgb(66, 48, 23);--coc-color-h2: rgb(114, 26, 29);--coc-color-h3: rgb(66, 48, 23);--coc-color-h4: rgb(66, 48, 23);--coc-color-h5: rgb(66, 48, 23);--coc-color-h6: rgb(66, 48, 23);--coc-color-brand: rgb(66, 48, 23);--coc-color-accent-a: rgb(114, 26, 29);--coc-color-accent-b: rgb(70, 86, 41);--coc-color-brand-rgb: 66, 48, 23;--coc-color-accent-a-rgb: 114, 26, 29;--coc-color-accent-b-rgb: 70, 86, 41;--coc-link: rgb(114, 26, 29);--coc-link-hover: rgb(72.4714285714, 16.5285714286, 18.4357142857);--coc-btn-primary-hover: rgb(48, 34, 16);--coc-btn-secondary-hover: rgb(84, 16, 18);--coc-btn-accent-hover: rgb(50, 64, 28);--coc-btn-text-hover: #fff;--coc-card-bg: rgba(255, 255, 255, .92);--coc-card-bg-outlined: rgba(255, 255, 255, .88);--coc-card-border: rgba(0, 0, 0, .08);--coc-card-border-strong: rgba(0, 0, 0, .16);--coc-table-thead-bg: rgb(66, 48, 23);--coc-table-thead-fg: #f3ede0;--coc-table-row-alt: rgb(212, 198, 180);--coc-table-border: rgba(66, 48, 23, 0.25);--coc-frame-bg: #f3ede0;color-scheme:light}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--coc-paper) var(--coc-bg-image) center/cover fixed no-repeat;color:var(--coc-ink);font-family:var(--coc-text),serif;line-height:1.6;transition:background-color 200ms ease,color 200ms ease}.container{max-width:72rem;margin-inline:auto}*,*::before,*::after{box-sizing:border-box}img{max-width:100%;height:auto}:focus-visible{outline:3px solid var(--coc-link);outline-offset:2px}h1,h2,h3,h4,h5,h6{line-height:1.15;margin:2rem 0 .75rem}h1{font-family:var(--coc-h1);font-size:3.75rem;color:var(--coc-color-h1);font-weight:400;letter-spacing:.02em}h2{font-family:var(--coc-h2);font-size:3rem;color:var(--coc-color-h2);text-transform:uppercase;letter-spacing:.05em;font-weight:400}h3{font-family:var(--coc-heading);font-size:1.875rem;color:var(--coc-color-h3);text-transform:uppercase;letter-spacing:.06em;font-weight:400}h4{font-family:var(--coc-heading);font-size:1.5rem;color:var(--coc-color-h4);font-weight:400;letter-spacing:.02em}h5{font-family:var(--coc-heading);font-size:1.25rem;color:var(--coc-color-h5);font-weight:400;letter-spacing:.02em}h6{font-family:var(--coc-heading);font-size:1.125rem;color:var(--coc-color-h6);font-weight:400;letter-spacing:.02em}p,ul,ol{font-size:1rem}small{font-size:.75rem}p{margin:0 0 1rem}.lead{font-size:1.125rem}a{color:var(--coc-link);text-decoration:underline;text-underline-offset:2px}a:hover{color:var(--coc-link-hover)}.image-credit,p.image-credit{text-align:left;font-size:.75em;font-style:italic;margin-top:0;color:var(--coc-ink-muted)}.button{--btn-bg: var(--coc-color-brand);--btn-bg-hover: var(--coc-btn-primary-hover);--btn-fg: #fff;--btn-fg-hover: var(--coc-btn-text-hover);display:inline-block;padding:.75rem 1.5rem;border-radius:8px;background:var(--btn-bg);color:var(--btn-fg);border:1px solid rgba(0,0,0,0);box-shadow:0 4px 16px rgba(0,0,0,.08);text-decoration:none;font-family:var(--coc-h2);font-weight:400;text-transform:uppercase;letter-spacing:.05em;transition:background-color 150ms ease,color 150ms ease,box-shadow 150ms ease,transform 150ms ease}.button:hover,.button:focus-visible{background:var(--btn-bg-hover);color:var(--btn-fg-hover);box-shadow:0 6px 18px rgba(0,0,0,.18);transform:translateY(-1px)}.button:active{transform:translateY(0);box-shadow:0 4px 16px rgba(0,0,0,.08)}.button--secondary{--btn-bg: var(--coc-color-accent-a);--btn-bg-hover: var(--coc-btn-secondary-hover)}.button--accent{--btn-bg: var(--coc-color-accent-b);--btn-bg-hover: var(--coc-btn-accent-hover)}.button--disabled{background:#c9c9c9;color:#6b6b6b;cursor:not-allowed}.button--disabled:hover,.button--disabled:focus-visible{background:#c9c9c9;color:#6b6b6b;box-shadow:0 4px 16px rgba(0,0,0,.08);transform:none}.card{background:var(--coc-card-bg);border:1px solid var(--coc-card-border);border-radius:16px;padding:1.5rem;box-shadow:0 4px 16px rgba(0,0,0,.08);color:var(--coc-ink)}.card--outlined{background:var(--coc-card-bg-outlined);border:1px solid var(--coc-card-border-strong)}.card--tinted{background:var(--coc-paper-tint)}.cards{display:grid;gap:1rem}.cards--1{grid-template-columns:1fr}.cards--2{grid-template-columns:repeat(2, minmax(0, 1fr))}.cards--3{grid-template-columns:repeat(3, minmax(0, 1fr))}.cards--4{grid-template-columns:repeat(4, minmax(0, 1fr))}@media(max-width: 1024px){.cards--4{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 768px){.cards--4,.cards--3{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 480px){.cards--4,.cards--3,.cards--2{grid-template-columns:1fr}}.callout{padding:1rem 1.5rem;border-left:6px solid var(--coc-color-accent-a);background:rgba(var(--coc-color-accent-a-rgb), 0.1);font-family:var(--coc-text);color:var(--coc-ink)}.callout--example{border-left-color:var(--coc-color-accent-a);background:rgba(var(--coc-color-accent-a-rgb), 0.1)}.callout--rule{border-left-color:var(--coc-color-accent-b);background:rgba(var(--coc-color-accent-b-rgb), 0.1)}.callout p,.callout ul,.callout ol{font-family:var(--coc-text)}.callout h3,.callout h4,.callout h5,.callout h6,.callout__title{font-family:var(--coc-h2);text-transform:uppercase;letter-spacing:.05em;font-weight:400;color:var(--coc-color-h2);margin-top:0}.callout--rule h3,.callout--rule h4,.callout--rule .callout__title{color:var(--coc-color-accent-b)}table{font-family:var(--coc-text);border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:1rem;color:var(--coc-ink)}table caption{font-family:var(--coc-h2);text-transform:uppercase;letter-spacing:.05em;font-weight:400;color:var(--coc-color-h2);text-align:left;padding:.5rem 0}thead{background:var(--coc-table-thead-bg)}thead th{font-family:var(--coc-heading);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--coc-table-thead-fg)}th,td{padding:.5rem .75rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--coc-table-border)}tbody tr:nth-child(even){background:var(--coc-table-row-alt)}.hr-red,.rule01-red,.hr-green,.rule02-green{--coc-rule-w: 32rem;margin:3rem auto;height:24px;width:100%;background-position:center;background-repeat:no-repeat;background-size:var(--coc-rule-w) auto}.hr-red,.rule01-red{background-image:url("../decoratives/rule01-red.svg")}.hr-green,.rule02-green{background-image:url("../decoratives/rule02-green.svg")}@media(max-width: 480px){.hr-red,.rule01-red,.hr-green,.rule02-green{--coc-rule-w: 20rem;height:16px}}.edge--red{background-image:url("../decoratives/edge01-red.svg");background-repeat:repeat-y}.edge--green{background-image:url("../decoratives/edge01-green.svg");background-repeat:repeat-y}.coc-frame{--coc-frame-rule-h: 36px;--coc-frame-pad-x: 0.5rem;--coc-frame-pad-y: 0.5rem;position:relative;padding:calc(var(--coc-frame-rule-h) + var(--coc-frame-pad-y)) var(--coc-frame-pad-x);background:rgba(0,0,0,0);color:var(--coc-ink)}.coc-frame::before,.coc-frame::after{content:"";position:absolute;left:0;right:0;height:var(--coc-frame-rule-h);background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:none}.coc-frame::before{top:0;background-image:url("../decoratives/frame-top.svg")}.coc-frame::after{bottom:0;background-image:url("../decoratives/frame-bottom.svg")}@media(max-width: 480px){.coc-frame{--coc-frame-rule-h: 24px}}.quote,.div-quote{margin:1.5rem auto;padding:.75rem 0}.quote__text,p.quote-text{text-align:center;margin:0 10%;font-style:italic;font-family:var(--coc-text);color:var(--coc-ink)}.quote__credit,p.quote-credit{text-align:right;margin:.25rem 10% 0;font-style:italic;font-size:.875em;color:var(--coc-ink-muted)}.sidebar-box,.div-sidebar{padding:1rem 1.5rem;background:rgba(var(--coc-color-brand-rgb), 0.08);border-left:4px solid var(--coc-color-brand);margin:1.5rem 0;color:var(--coc-ink)}.table--90,.div-table-90{font-size:.9em}.table--80,.div-table-80{font-size:.8em}.table--tight th,.table--tight td,.narrowtablediv th,.narrowtablediv td{padding:.25rem .5rem}.table--top td,table.top-align td{vertical-align:top}.product-card{display:grid;grid-template-columns:minmax(160px, 240px) 1fr;grid-template-areas:"media body" "media footer";gap:1rem 1.5rem;background:var(--coc-card-bg);border:1px solid var(--coc-card-border);border-radius:16px;padding:1.5rem;box-shadow:0 4px 16px rgba(0,0,0,.08);color:var(--coc-ink);margin:1.5rem 0}.product-card__media{grid-area:media;display:block;align-self:start;line-height:0}.product-card__media img{width:100%;height:auto;border-radius:8px;display:block}.product-card__body{grid-area:body;display:flex;flex-direction:column;gap:.5rem;align-self:start}.product-card__name{font-family:var(--coc-h2);color:var(--coc-color-h2);margin:0;font-size:1.5rem;line-height:1.2}.product-card__price{font-family:var(--coc-text);color:var(--coc-color-accent-a);font-weight:700;margin:0;font-size:1.125rem}.product-card__description{font-family:var(--coc-text);color:var(--coc-ink);margin:0}.product-card__footer{grid-area:footer;align-self:end}@media(max-width: 540px){.product-card{grid-template-columns:1fr;grid-template-areas:"media" "body" "footer"}}.callout.div-example,.div-example{padding:1rem 1.5rem;border-left:6px solid var(--coc-color-accent-a);background:rgba(var(--coc-color-accent-a-rgb), 0.12);font-family:var(--coc-text);color:var(--coc-ink)}.callout.div-note,.div-note{padding:1rem 1.5rem;border-left:6px solid var(--coc-color-brand);background:rgba(var(--coc-color-brand-rgb), 0.1);font-family:var(--coc-text);color:var(--coc-ink)}.grid{display:grid;gap:1rem}.stack>*+*{margin-block-start:1rem}.two-col{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1.5rem}@media(max-width: 480px){.two-col{grid-template-columns:1fr}}.container{padding-inline:1rem}.layout--with-sidebar{display:flex;align-items:flex-start;gap:var(--sidebar-gap, 1.5rem)}.layout--with-sidebar>.sidebar{flex:0 0 var(--sidebar-width, 18rem)}.layout--with-sidebar>.content{flex:1 1 40ch;min-width:0}@media(max-width: 768px){.layout--with-sidebar{flex-wrap:wrap}.layout--with-sidebar>.sidebar{flex-basis:100%}}