:root{--paper:#f7f1e7;--ink:#111514;--teal:#0d726c;--mint:#75d9bd;--orange:#ff7b47;--yellow:#ffd45a;--line:#1d2724;--soft:#e5dccd}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit}.wrap{width:min(1400px,calc(100% - 32px));margin:auto}
.header{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:3px solid var(--ink)}.nav{min-height:76px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px}.logo{text-decoration:none;font-weight:1000;letter-spacing:-.04em}.logo b{background:var(--teal);color:white;padding:5px 7px}.links{display:flex;justify-content:center;gap:2px;overflow:auto}.links a{text-decoration:none;padding:10px 12px;white-space:nowrap}.links a:hover,.links a.active{background:var(--ink);color:white}.lang{border:3px solid var(--ink);background:var(--yellow);padding:8px;font-weight:900}
.btn{display:inline-flex;justify-content:center;align-items:center;background:var(--ink);color:white;border:3px solid var(--ink);padding:12px 16px;font-weight:900;text-decoration:none;cursor:pointer}.btn.alt{background:transparent;color:var(--ink)}.btn:hover{background:var(--orange)}
.workshop{display:grid;grid-template-columns:310px 1fr 300px;min-height:760px;border-bottom:3px solid var(--ink)}.intro,.control{padding:28px}.intro{border-right:3px solid var(--ink)}.control{border-left:3px solid var(--ink);background:#fff}.eyebrow{font:800 .72rem/1 monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--orange)}.intro h1,.page-head h1{font-size:clamp(3.8rem,8vw,8rem);line-height:.8;letter-spacing:-.075em;margin:.18em 0}.intro p{line-height:1.75;color:#58635f}.harbor{position:relative;background:linear-gradient(#f8d99b 0 18%,#65c6c3 18% 100%);overflow:hidden}.harbor canvas{width:100%;height:100%;display:block}.control label{display:grid;gap:6px;margin:14px 0;font-size:.72rem;text-transform:uppercase}.control select{width:100%;padding:10px;border:2px solid var(--ink)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.stat{background:var(--soft);padding:10px}.stat span{display:block;font-size:.65rem;text-transform:uppercase}.log{font-family:monospace;font-size:.8rem;line-height:1.6;max-height:180px;overflow:auto;margin-top:18px}.section{padding:68px 0;border-bottom:3px solid var(--ink)}.page-head{padding:65px 0 32px;border-bottom:3px solid var(--ink)}.page-head p{max-width:900px;line-height:1.8;color:#5d6763}.footer{background:var(--ink);color:white;padding:28px 0}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:1000px){.nav{grid-template-columns:1fr auto}.links{grid-column:1/-1;grid-row:2;justify-content:flex-start;padding-bottom:10px}.workshop{grid-template-columns:1fr}.intro,.control{border:0;border-bottom:3px solid var(--ink)}.harbor{min-height:650px}}@media(max-width:600px){.intro h1,.page-head h1{font-size:3.8rem}}