*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#192d24;background:#f8f8f0;font:16px/1.5 "Trebuchet MS","Segoe UI",sans-serif}.wrap{width:min(1120px,90%);margin:auto}header{border-bottom:1px solid #c9d3c5}.bar,nav,.brand,.swatch-head,.swatch-foot,footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.bar{padding:18px 0}.brand{gap:6px;font-size:23px;font-weight:800;line-height:1;letter-spacing:-.06em}.hare{width:42px;height:45px;background:url(logo.png) left center/auto 100% no-repeat}.brand small{font:9px/1.7 monospace;letter-spacing:.32em}small{display:block}a{color:inherit;text-decoration:none}nav a{font-size:14px}a:hover{text-decoration:underline}a:focus-visible,input:focus-visible,button:focus-visible,textarea:focus-visible{outline:3px solid #bf681c;outline-offset:3px}.hero{display:grid;align-items:center;gap:40px;padding:clamp(42px,7vw,96px) 0}.eyebrow,small{font:11px/1.6 monospace;letter-spacing:.13em}.eyebrow i{display:inline-block;width:10px;height:10px;background:#408257;border-radius:50%;margin-right:7px}h1,h2,h3,p{margin:0}h1{font-size:clamp(62px,9vw,126px);line-height:1;letter-spacing:-.085em;margin:14px 0 18px}h1 em{font-family:Georgia,serif;font-weight:400}.lead{max-width:380px;font-size:18px;color:#49594f}.action{display:inline-flex;align-items:center;gap:35px;background:#20382c;color:white;padding:13px 18px;border-radius:8px;margin-top:26px}.swatch{--sample:#9ce7ba;background:#22382e;border-radius:16px;padding:22px;color:#f0f6ef;box-shadow:0 12px 0 -6px #c5d1bf;transform:rotate(1.5deg)}.swatch-head{font-size:16px}.stripes{display:flex;height:clamp(112px,14vw,170px);margin:16px 0;overflow:hidden;border-radius:8px;background:var(--sample)}.stripes span{flex:1}.stripes span:nth-child(2){background:#0002}.stripes span:nth-child(3){background:#0005}.stripes span:nth-child(4){background:#0008}.swatch strong{font:24px monospace}.swatch label{display:flex;align-items:center;gap:8px;font-size:13px}input[type=color]{width:44px;height:40px;cursor:pointer}.catalog{padding:48px 0 60px;background:#e9eee4}.catalog h2,h2{font-size:clamp(32px,5vw,54px);line-height:1.15;letter-spacing:-.06em;margin:8px 0 24px}.cards{display:grid;gap:18px}.cards a{background:#fffdf6;padding:12px 12px 20px;border:1px solid #c3cec1;border-radius:12px}.cards a:hover{border-color:#365e46;text-decoration:none}.cards small,.cards h3,.cards p{margin:10px 7px 0}.cards h3{font-size:22px;letter-spacing:-.04em}.cards p{font-size:14px;color:#48584c}.poster{height:116px;border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden}.type{font:italic 68px Georgia;background:#c4dec5;color:#284936}.type span{font:38px Georgia;opacity:.55}.time{background:#e9d5b9;color:#654d39}.time b{font:italic 72px Georgia}.time span{font:16px monospace}.color{background:#cfdae5}.color b{width:48px;height:48px;border-radius:50%;background:#39576e;margin-left:-10px}.color b:nth-child(2){background:#7190a6}.color b:nth-child(3){background:#a0bac7}footer{padding:30px 0;flex-wrap:wrap;font-size:14px}.tool{max-width:720px;padding:45px 0}.tool h1{font-size:clamp(42px,7vw,78px)}.box{margin-top:26px;border-radius:12px;padding:24px;background:#e5eee2}textarea,input[type=number],input[type=text]{display:block;width:100%;padding:12px;margin:8px 0 16px;border:1px solid #87988b;border-radius:5px;font:inherit}output{display:block;font-size:20px;margin-top:12px}@media(min-width:760px){.hero{grid-template-columns:1.15fr 1fr}.cards{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
#search{display:block;margin:6px 0 20px;border:1px solid #849288;border-radius:6px;padding:10px;font:inherit;width:min(100%,480px)}.box label{display:block;margin:10px 0}.box button,.box select{font:inherit;padding:9px;border-radius:5px}.box button{cursor:pointer;background:#22382e;color:white;padding:10px 19px}.tool output{white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:auto}.tool canvas{max-width:100%;height:auto;display:block}.tool output a{text-decoration:underline}.tool table{border-collapse:collapse;font-size:15px}.tool td{padding:5px 9px;border:1px solid #bbcaba}
.work-preview{margin:16px 0;max-height:420px;object-fit:contain}.work-preview[hidden]{display:none}.board-list{margin-top:20px;display:grid;gap:12px}.board-list article{background:white;border:1px solid #c3cec1;padding:16px;border-radius:8px}.board-list p{white-space:pre-wrap;overflow-wrap:anywhere}.board-list img{max-width:100%;max-height:220px;display:block;margin:10px 0}.board-list article div{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.board-list button,.board-list a{font:inherit;color:#284936;cursor:pointer;background:none;border:0;padding:4px;text-decoration:underline}