:root{--ink: #1d2340;--ink-soft: #4b5270;--paper: #f7f5ef;--paper-deep: #ebe7dc;--indigo: #26325a;--teal: #3f8068;--sage: #9ccfb6;--sun: #f0b84a;--coral: #e0694a;--line: #d9d3c4;--font-display: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--font-body: "Newsreader", Georgia, "Times New Roman", serif;--measure: 66ch;--wide: 74rem}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .25 0 0 0 0 .2 0 0 0 0 .15 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");color:var(--ink);font-family:var(--font-body);font-size:1.1875rem;line-height:1.65}img,svg{max-width:100%;height:auto}a{color:var(--indigo);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{color:var(--coral)}:focus-visible{outline:3px solid var(--sun);outline-offset:3px;border-radius:3px}h1,h2,h3{font-family:var(--font-display);line-height:1.1;letter-spacing:-.02em;margin:0 0 .5em;color:var(--ink)}h1{font-size:clamp(2.5rem,6vw,4.4rem);font-weight:800}h2{font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:700;margin-top:2.2em}h3{font-size:1.25rem;font-weight:650;margin-top:1.8em}.wrap{width:min(100% - 2.5rem,var(--wide));margin-inline:auto}.skip-link{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.6rem 1rem;z-index:10}.skip-link:focus{left:0}.site-header{padding:1.25rem 0}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:800;font-size:1.5rem;letter-spacing:-.03em;color:var(--ink);text-decoration:none}.site-nav{display:flex;gap:1.5rem;font-family:var(--font-display)}.site-nav a{color:var(--ink-soft);text-decoration:none;padding:.25rem 0;border-bottom:3px solid transparent}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--sun)}.site-footer{position:relative;margin-top:7rem;padding:3rem 0 3.5rem;background:var(--indigo);color:#dde3f2;font-size:1rem}.site-footer a{color:#fff}.foot-links{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem}.site-footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}.site-footer:before,.band:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px;background:radial-gradient(circle at 12px 12px,var(--indigo) 12px,transparent 12.5px) repeat-x;background-size:24px 12px}.hero{padding:2rem 0 5rem}.hero-grid{display:grid;gap:3rem;align-items:center}@media(min-width:56rem){.hero-grid{grid-template-columns:1.1fr .9fr}}.kicker{font-family:var(--font-display);font-weight:600;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:var(--coral);margin:0 0 1rem}.hero .lede{max-width:44ch;font-size:1.3rem;color:var(--ink-soft);margin:0 0 2rem}.hero .actions{display:flex;flex-wrap:wrap;gap:1rem}.mark{background:linear-gradient(transparent 62%,var(--sun) 62%,var(--sun) 92%,transparent 92%);padding:0 .1em}.btn{font-family:var(--font-display);font-weight:650;font-size:1.05rem;display:inline-block;padding:.85rem 1.5rem;border-radius:6px;background:var(--indigo);color:#fff;text-decoration:none;box-shadow:0 4px #161e3a;transition:transform .12s ease,box-shadow .12s ease}.btn:hover{color:#fff;transform:translateY(2px);box-shadow:0 2px #161e3a}.btn.quiet{background:transparent;color:var(--indigo);box-shadow:inset 0 0 0 2px var(--indigo)}.btn.quiet:hover{background:var(--indigo);color:#fff}.hero-art{position:relative;max-width:30rem;width:100%;justify-self:center;padding:1.5rem}.hero-art:before{content:"";position:absolute;inset:0 1.2rem 1.6rem 0;background:var(--sage);transform:rotate(-4deg);border-radius:6px;box-shadow:0 8px 18px -8px #26325a66}.hero-art:after{content:"";position:absolute;right:0;top:.4rem;width:5.5rem;height:5.5rem;background:var(--sun);border-radius:50%;box-shadow:0 6px 12px -6px #26325a66}.hero-art .scene{position:relative;z-index:1;display:block;width:100%;height:auto}.scene .move{transform:translate(calc(var(--px, 0) * var(--d) * 1px),calc(var(--py, 0) * var(--d) * 1px));transition:transform .18s ease-out}.scene .rise{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}.scene .r2{animation-delay:.15s}.scene .r3{animation-delay:.3s}.scene .r4{animation-delay:.45s}.scene .r5{animation-delay:.6s}@keyframes rise{0%{transform:translateY(36px);opacity:0}to{transform:none;opacity:1}}.band{position:relative;background:var(--indigo);color:#dde3f2;padding:1rem 0 4.5rem}.band h2{color:#fff;margin-top:1.6em}.guide-list h3 a:focus-visible,.section h2 a{color:var(--ink)}.crafts{list-style:none;margin:2.5rem 0 0;padding:0;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.crafts a{display:block;height:100%;padding:1.3rem 1.2rem 1.4rem;border-top:4px solid var(--sun);background:#ffffff12;color:#dde3f2;text-decoration:none;transition:background .15s ease,transform .15s ease}.crafts li:nth-child(2) a{border-top-color:var(--sage)}.crafts li:nth-child(3) a{border-top-color:var(--coral)}.crafts li:nth-child(4) a{border-top-color:#8aa0e0}.crafts a:hover{background:#ffffff24;transform:translateY(-3px);color:#fff}.crafts strong{display:block;font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#fff;margin:.2rem 0 .4rem}.crafts .count{font-family:var(--font-display);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--sun)}.crafts .blurb{display:block;font-size:1rem;color:#c5cde3}.section{padding-top:4.5rem}.section>.wrap>h2:first-child{margin-top:0}.sub{color:var(--ink-soft);margin:-.2rem 0 2rem}.sheets{display:grid;gap:2.2rem;margin-top:2.5rem}@media(min-width:52rem){.sheets{grid-template-columns:repeat(3,1fr)}}.sheet{position:relative;display:block;background:#fff;padding:2rem 1.5rem 1.6rem;border-radius:3px;text-decoration:none;color:var(--ink);box-shadow:4px 4px #fff,4px 4px 0 1px var(--line),8px 8px #fff,8px 8px 0 1px var(--line),0 14px 24px -12px #26325a59;transition:transform .18s ease}.sheet:nth-child(odd){transform:rotate(-.6deg)}.sheet:nth-child(2n){transform:rotate(.5deg)}.sheet:hover{transform:translateY(-4px) rotate(0);color:var(--ink)}.sheet h3{margin:0 0 .5em;font-size:1.35rem}.sheet p{margin:0;color:var(--ink-soft);font-size:1.05rem}.tape{position:absolute;top:-.8rem;left:1.2rem;padding:.15rem .9rem;font-family:var(--font-display);font-size:.85rem;font-weight:650;background:#f0b84aeb;color:var(--ink);transform:rotate(-3deg)}.tape-sewing{background:#9ccfb6f2}.tape-clay{background:#e0694aeb;color:#fff}.tape-workshop-tips{background:#26325aeb;color:#fff}.palettes{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.palettes figure{margin:0}.palettes figcaption{font-family:var(--font-display);font-weight:650;margin-top:.8rem;text-align:center}.guide-list{list-style:none;margin:0;padding:0;max-width:52rem}.guide-list li{padding:1.5rem 0;border-top:1px solid var(--line)}.guide-list li:last-child{border-bottom:1px solid var(--line)}.guide-list h3{margin:0 0 .3em;font-size:1.45rem}.guide-list h3 a{color:var(--ink);text-decoration:none}.guide-list h3 a:hover{color:var(--coral);text-decoration:underline}.guide-list p{margin:0 0 .4em;color:var(--ink-soft)}.meta{font-family:var(--font-display);font-size:.95rem;color:var(--ink-soft)}.article,.page{padding-top:3rem}.article header{max-width:var(--measure);margin-bottom:2rem}.prose{max-width:var(--measure)}.prose p,.prose ul,.prose ol{margin:0 0 1.2em}.prose li{margin-bottom:.4em}.prose h2{padding-top:.4em}.prose img{border-radius:4px}.prose blockquote{margin:1.6em 0;padding:.2em 0 .2em 1.2rem;border-left:4px solid var(--sage);color:var(--ink-soft)}.prose table{border-collapse:collapse;width:100%;font-size:1rem;margin:1.5em 0;background:#fff}.prose th,.prose td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid var(--line)}.prose th{font-family:var(--font-display);background:var(--paper-deep)}.cover{margin:0 0 2rem;border-radius:6px;max-width:100%}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene .rise{animation:none}.scene .move,.btn,.sheet{transition:none}}@media(max-width:40rem){body{font-size:1.0625rem}.site-nav{gap:1rem}}