@import url('https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@400,500,700,800&display=swap');
:root{--ink:#1d3430;--paper:#f0f0de;--accent:#3a6a51;--line:#b8c4ab;--muted:#61745e}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.6 'Cabinet Grotesk',Arial,sans-serif}html{scroll-behavior:smooth}main{max-width:100%;width:100%;overflow-x:hidden}a{color:inherit;text-underline-offset:5px}nav{display:flex;align-items:center;gap:30px;padding:25px 5vw;border-bottom:1px solid var(--line)}nav a{text-decoration:none;font-size:15px}.brand{margin-right:auto;font-weight:800}header,section{padding:115px 6vw;max-width:1500px;margin:auto}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:5vw;align-items:center;padding-top:85px;padding-bottom:90px;background:radial-gradient(ellipse at right,#c9d9b970,transparent 65%)}h1{font-size:clamp(42px,5.5vw,80px);line-height:1.05;letter-spacing:-.045em;max-width:76rem;margin:25px 0}h2{font-size:clamp(34px,4.5vw,62px);line-height:1.1;letter-spacing:-.035em;margin:0 0 30px}h3{font-size:26px;line-height:1.2;margin:15px 0}.eyebrow{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.lead{font-size:23px;max-width:650px}.actions,.toolbar,.exports{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;background:var(--accent);color:white;border:1px solid var(--accent);border-radius:4px;font:700 16px 'Cabinet Grotesk',Arial,sans-serif;cursor:pointer;text-decoration:none;transition:transform .2s,background .2s}.secondary{color:var(--ink);background:transparent;border-color:var(--line)}button:hover,.button:hover{background:#234b38;color:white;transform:translateY(-2px)}button:disabled{opacity:.45;cursor:default;transform:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,label:focus-within{outline:3px solid #a47138;outline-offset:4px}.hero-art{display:grid;grid-template-columns:2fr 1fr;grid-auto-flow:dense;gap:15px;padding:25px;background:#becdb1;box-shadow:15px 20px 0 #d9decb;border-radius:4px 80px 4px 4px;height:350px;overflow:hidden}.anchor{background:linear-gradient(125deg,#a26542 45%,#dfb783 45%)}.support{display:grid;grid-template-rows:repeat(3,1fr);gap:15px}.support i{background:linear-gradient(120deg,#668080 45%,#b7cecb 45%)}.support i:nth-child(2){background:linear-gradient(120deg,#6a6742 50%,#bec08f 50%)}.support i:nth-child(3){background:linear-gradient(120deg,#805968 40%,#d0b4b9 40%)}.answer{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:80px;padding-bottom:80px}.answer p{max-width:1120px;font-size:21px}.section-heading{display:flex;gap:8vw;align-items:flex-end;margin-bottom:45px}.section-heading h2{flex:1;margin:0}.section-heading p{flex:1;max-width:540px;color:var(--muted)}.layouts{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-flow:dense;border:1px solid var(--line)}.layouts article{padding:27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.layouts article:nth-child(3n){border-right:0}.layouts article:nth-child(n+4){border-bottom:0}.layouts article:hover{background:#e3e8d5}.mini{height:90px;background-color:#bccbb0;border:9px solid #e1e6d5}.anchor-mini{background:linear-gradient(90deg,#3a6a51 65%,transparent 65%),repeating-linear-gradient(0deg,#99ad87 0 22px,#e1e6d5 22px 25px)}.grid-mini{background:repeating-linear-gradient(90deg,transparent 0 31%,#e1e6d5 31% 34%),repeating-linear-gradient(0deg,#6c8d75 0 43%,#e1e6d5 43% 50%)}.pair-mini{background:linear-gradient(90deg,#67806d 48%,#e1e6d5 48% 52%,#9daf8a 52%)}.trio-mini{background:repeating-linear-gradient(90deg,#67806d 0 30%,#e1e6d5 30% 35%)}.quad-mini{background:linear-gradient(90deg,transparent 48%,#e1e6d5 48% 52%,transparent 52%),linear-gradient(0deg,#67806d 48%,#e1e6d5 48% 52%,#9daf8a 52%)}.ribbon-mini{background:repeating-linear-gradient(0deg,#67806d 0 25%,#e1e6d5 25% 33%)}.review{max-width:none;background:var(--ink);color:var(--paper)}.inline-image{display:inline-block;width:95px;height:40px;border-radius:30px;vertical-align:middle;background:linear-gradient(125deg,#c1986e 50%,#879d92 50%)}.scrub{font-size:clamp(24px,3vw,39px);line-height:1.35;max-width:970px}.accordion{display:flex;gap:25px;margin-top:45px}.accordion details{flex:1;border-top:1px solid #87a292;padding-top:20px}.accordion summary{font-size:22px;cursor:pointer}.marquee{white-space:nowrap;overflow:hidden;background:#c6d6af;font-size:48px;padding:20px 0}.marquee div{width:max-content;animation:marquee 28s linear infinite}@keyframes marquee{to{transform:translateX(-40%)}}#composer{max-width:none;background:#dfe6cf}.status{background:white;border-left:4px solid var(--accent);padding:17px;min-height:58px}.status.error{border-color:#a14a32;color:#813d29}.settings{display:grid;grid-template-columns:1.5fr 1fr auto;gap:18px;align-items:end}.settings button{margin-bottom:13px}label{display:flex;flex-direction:column;gap:7px;font-size:14px;margin:13px 0}input,textarea,select{padding:11px;min-width:0;max-width:100%;border:1px solid #8ca383;background:#fafbef;color:var(--ink);border-radius:3px;font:16px/1.5 'Cabinet Grotesk',Arial,sans-serif}textarea{min-height:90px;resize:vertical}input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.help{font-size:14px;color:var(--muted);max-width:1080px}.references{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;gap:20px;margin:30px 0}.ref{background:var(--paper);border:1px solid var(--line);padding:18px;min-width:0}.ref img{width:100%;height:180px;object-fit:contain;background:#cbd6bd;transition:transform .7s}.ref .image-wrap{overflow:hidden}.ref:hover img{transform:scale(1.03)}.ref input,.ref textarea{width:100%}.ref .buttons{display:flex;gap:7px}.ref button{padding:7px 11px;font-size:13px;min-height:40px}.summary{font-size:20px;color:var(--accent)}.boards{display:grid;grid-template-columns:1fr;gap:30px}.board{padding:18px;background:#f5f6e9;border:1px solid var(--line)}.board svg{display:block;width:100%;height:auto;max-width:100%}.faq details{padding:23px 0;border-bottom:1px solid var(--line)}.faq summary{font-size:22px;cursor:pointer}.faq p{max-width:1010px}.sources{font-size:14px;color:var(--muted);margin-top:40px}footer{background:var(--ink);color:var(--paper);padding:55px 6vw}footer p{font-size:14px}@media(max-width:800px){nav{gap:15px}nav a:nth-child(2){display:none}header,section{padding:75px 6vw}.hero{grid-template-columns:1fr;padding-top:40px;gap:35px}h1{font-size:clamp(40px,10vw,70px)}.hero-art{height:290px;max-width:550px}.lead{font-size:21px}.section-heading{display:block}.layouts{grid-template-columns:1fr}.layouts article{border-right:0!important;border-bottom:1px solid var(--line)!important}.layouts article:last-child{border-bottom:0!important}.accordion{display:block}.accordion details{margin:25px 0}.settings{grid-template-columns:1fr;gap:0}.references{grid-template-columns:1fr}.marquee{font-size:32px}.board{padding:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}