.swatch[data-astro-cid-x3sy45ia]{display:flex;flex-direction:column;overflow:hidden;border-radius:1rem;border:1px solid var(--ring);background:#fff}.swatch[data-astro-cid-x3sy45ia] .chip[data-astro-cid-x3sy45ia]{height:5.5rem;width:100%}.swatch[data-astro-cid-x3sy45ia] .meta[data-astro-cid-x3sy45ia]{padding-block:.75rem 1rem;padding-inline:.5rem}.name[data-astro-cid-x3sy45ia]{font-weight:var(--fw-semi-bold);font-size:var(--fs-400)}.hex[data-astro-cid-x3sy45ia]{font-family:ui-monospace,monospace;font-size:var(--fs-300);color:var(--muted)}.actions[data-astro-cid-x3sy45ia]{display:flex;gap:.5rem;margin-block-start:.5rem}.btn[data-astro-cid-x3sy45ia]{appearance:none;border:1px solid var(--ring);background:#fff;color:#2a2a2a;border-radius:1rem;padding:.325rem .75rem;font-size:var(--fs-300);cursor:pointer}.btn[data-astro-cid-x3sy45ia]:hover{background:#f5f5f5}.wrap[data-astro-cid-qepeg45j]{--muted: #6b7280;--card: #ffffff;--ring: #dddddd;--section-bg: #f5f5f5;--section-text: #3a3a3a;--concrete: #d6d2d2;--ash: #b0b0b0;--charcoal: #3a3a3a;--offwhite: #f5f5f5;--brick: #b7410e;--rust: #8b4000;--petrol: #264653;--mustard: #d4a017;--steel: #7d7d7d;--iron: #5a5a5a;--copper: #b87333;--blackmetal: #1c1c1c;max-width:var(--max-width);margin:2.5rem auto;padding:0 .5rem;@media screen and (width > 600px){padding:0 .75rem}}h2[data-astro-cid-qepeg45j]{margin-block-end:1.5rem;padding-inline-start:.75rem;font-weight:var(--fw-semi-bold);font-size:clamp(var(--fs-500),var(--fs-550) + 1vw,var(--fs-650));letter-spacing:.2px;line-height:1.3}p[data-astro-cid-qepeg45j].lead{color:var(--muted);margin-block-end:2rem;padding-inline:.75rem}.grid[data-astro-cid-qepeg45j]{display:grid;grid-template-columns:1.15fr .85fr;gap:1.5rem;@media (max-width: 900px){grid-template-columns:1fr}}.card[data-astro-cid-qepeg45j]{background:var(--card);border:1px solid var(--ring);border-radius:1rem;padding-inline:.5rem;padding-block:1rem;box-shadow:0 8px 24px #0000000f}.card[data-astro-cid-qepeg45j] h2[data-astro-cid-qepeg45j]{font-size:var(--fs-600);margin-block:.25rem 1rem;margin-inline:0}.section[data-astro-cid-qepeg45j]{margin-block:.5rem 2.5rem;margin-inline:0}.section[data-astro-cid-qepeg45j] h3[data-astro-cid-qepeg45j]{margin-block-end:.75rem;padding-inline:.75rem;font-size:var(--fs-400);text-transform:uppercase;letter-spacing:.1em}.swatches[data-astro-cid-qepeg45j]{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem}.tip[data-astro-cid-qepeg45j]{font-size:var(--fs-300);color:var(--muted);margin-block-start:.5rem}.composition[data-astro-cid-qepeg45j]{margin-block-end:4rem}.legend[data-astro-cid-qepeg45j]{display:flex;justify-content:center;align-items:center;gap:1rem;margin-block-end:.75rem;padding-inline:.25rem}.legend[data-astro-cid-qepeg45j] .item[data-astro-cid-qepeg45j]{display:flex;align-items:center;gap:.25rem;font-size:var(--fs-300)}.legend[data-astro-cid-qepeg45j] .dot[data-astro-cid-qepeg45j]{width:13px;height:13px;border-radius:.25rem;border:1px solid rgba(0,0,0,.08)}.legend[data-astro-cid-qepeg45j] small[data-astro-cid-qepeg45j]{color:var(--muted)}.canvas[data-astro-cid-qepeg45j]{height:300px;border:1px solid var(--ring);border-radius:1rem;overflow:hidden;display:grid;grid-template-columns:65% 35%}.canvas[data-astro-cid-qepeg45j] .left[data-astro-cid-qepeg45j]{display:grid;grid-template-rows:65% 35%}.canvas[data-astro-cid-qepeg45j] .block[data-astro-cid-qepeg45j]{position:relative}.canvas[data-astro-cid-qepeg45j] .label[data-astro-cid-qepeg45j]{position:absolute;bottom:10px;right:10px;background:#fffc;border:1px solid var(--ring);padding:.25rem .5rem;border-radius:1rem;font-size:var(--fs-300)}.loft-section[data-astro-cid-qepeg45j].dark-mode{--section-bg: #1e1e1e;--section-text: #f0f0f0}.loft-section[data-astro-cid-qepeg45j]{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;padding:5rem 3rem;background-color:var(--section-bg);color:var(--section-text);border-radius:1rem;transition:background-color .3s,color .3s}.accent[data-astro-cid-qepeg45j]{display:inline-block;width:60px;height:60px;border-radius:.5rem;box-shadow:0 4px 8px #0000001a}.accent[data-astro-cid-qepeg45j]:nth-of-type(1){background-color:var(--brick)}.accent[data-astro-cid-qepeg45j]:nth-of-type(2){background-color:var(--iron)}.accent[data-astro-cid-qepeg45j]:nth-of-type(3){background-color:#8b4513}.accent[data-astro-cid-qepeg45j]:nth-of-type(4){background-color:#2f4f4f}.accent[data-astro-cid-qepeg45j]:nth-of-type(5){background-color:tan}.toggle-btn[data-astro-cid-qepeg45j]{margin-block-end:1rem;margin-inline-start:.5rem;padding:.5rem 1rem;background:none;border:2px solid var(--ring);border-radius:.75rem;cursor:pointer;color:#444;transition:background-color .3s,color .3s,border-color .3s;font-weight:var(--fw-bold)}.toggle-btn[data-astro-cid-qepeg45j]:hover{background-color:#444;color:#fff}main[data-astro-cid-ciuu2nfq]{--max-width: 1200px;min-height:100vh;padding-block:calc(var(--header-height) + 1rem) 2rem}section[data-astro-cid-ciuu2nfq]{padding:3rem 1rem}#practical[data-astro-cid-ciuu2nfq],#principles[data-astro-cid-ciuu2nfq]{background-color:#f8faf7}h1[data-astro-cid-ciuu2nfq]{margin-block-end:1.5rem;padding-inline:.5rem;font-size:clamp(var(--fs-550),var(--fs-600) + 1vw,var(--fs-700));font-weight:var(--fw-semi-bold);line-height:1}h2[data-astro-cid-ciuu2nfq]{margin-block-end:1.5rem;padding-inline-start:.75rem;font-weight:var(--fw-semi-bold);font-size:clamp(var(--fs-500),var(--fs-550) + 1vw,var(--fs-600));line-height:1.3}.subtitle[data-astro-cid-ciuu2nfq]{margin-block-end:2rem;margin-inline-start:.5rem;opacity:.7;line-height:1.2;border-left:3px solid #c4c4c4}h3[data-astro-cid-ciuu2nfq]{margin-block-end:1rem;padding-inline:1rem;font-weight:var(--fw-semi-bold);font-size:var(--fs-500);opacity:.9;line-height:1.5}p[data-astro-cid-ciuu2nfq]{margin-block-end:.75rem;font-size:clamp(var(--fs-350),var(--fs-350) + 1vw,var(--fs-450));font-weight:var(--fw-regular);line-height:1.6;padding-inline:.5rem 0}ul[data-astro-cid-ciuu2nfq]{margin-block-end:1rem}li[data-astro-cid-ciuu2nfq]{margin-block-end:.25rem;line-height:1.6}.content-wrapper[data-astro-cid-ciuu2nfq]{max-width:var(--max-width);margin-inline:auto}.last-par[data-astro-cid-ciuu2nfq]{margin-block-end:2rem}.image[data-astro-cid-ciuu2nfq]{box-shadow:0 6px 12px 1px #eeeeee50;border-radius:.5rem}.intro-block[data-astro-cid-ciuu2nfq]{display:flow-root}.float-r[data-astro-cid-ciuu2nfq]{float:right;max-width:45%;margin-inline-start:1.5rem;@media screen and (width >= 768px){max-width:40%}}.two-col[data-astro-cid-ciuu2nfq]{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.5rem;padding-block:1rem;>div[data-astro-cid-ciuu2nfq]{padding-block-start:1rem}}.principles[data-astro-cid-ciuu2nfq]{display:flex;padding-block:1rem;justify-content:space-between;align-items:stretch;gap:1rem;flex-wrap:wrap;.card[data-astro-cid-ciuu2nfq]{min-width:280px;flex:1 1 32%;padding:1rem;background-color:var(--clr-white);border-radius:.5rem;box-shadow:0 6px 12px #eeeeee50;&[data-astro-cid-ciuu2nfq]:nth-of-type(1){border-left:3px solid #578b5a}&[data-astro-cid-ciuu2nfq]:nth-of-type(2){border-left:3px solid #9e9e9e}&[data-astro-cid-ciuu2nfq]:nth-of-type(3){border-left:3px solid #d2b48c}&[data-astro-cid-ciuu2nfq]:nth-of-type(4){border-left:3px solid #e2725b}&[data-astro-cid-ciuu2nfq]:nth-of-type(5){border-left:3px solid #cdba79}}}.moodboards-grid[data-astro-cid-ciuu2nfq]{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1.5rem}.moodboard-item[data-astro-cid-ciuu2nfq]{border-radius:1rem;overflow:hidden;box-shadow:3px 6px 12px #cecece}#practical[data-astro-cid-ciuu2nfq]{& h2[data-astro-cid-ciuu2nfq]{padding-inline:2rem}.practical-box[data-astro-cid-ciuu2nfq]{display:flex;flex-direction:column;justify-content:center;gap:1.5rem}.flex-card[data-astro-cid-ciuu2nfq]{margin-inline:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:start;gap:1rem;>div[data-astro-cid-ciuu2nfq]{flex:1;min-width:300px}.image[data-astro-cid-ciuu2nfq]{max-width:360px}}.mistakes[data-astro-cid-ciuu2nfq]{margin-inline:auto;padding-block-start:2rem;border-left:3px solid #e2725b}}.bento[data-astro-cid-ciuu2nfq]{padding:1rem;border-radius:.5rem;background-color:var(--clr-white);box-shadow:0 6px 12px #eeeeee50}