@font-face{font-family:Jerigonza;src:url('assets/bookman.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
:root{--green:#104f3c;--deep:#073c2c;--cream:#fff2db;--paper:#fffbf3;--gold:#efc55c;--coral:#ef7465;--ink:#203c30;--muted:#536358;--line:#d9ddcb;--display:Jerigonza,Georgia,serif;--body:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.65 var(--body)}button,textarea{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:.25em}button{cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);color:var(--green);font-weight:700}h1{font-size:clamp(3.2rem,5.4vw,5.75rem);line-height:1.08;letter-spacing:-.045em}h2{font-size:clamp(2rem,3.6vw,3.5rem);line-height:1.16;letter-spacing:-.035em}h3{font-size:1.45rem;line-height:1.25}a:focus-visible,button:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:5px}.wrap{width:min(1180px,calc(100% - 5rem));margin-inline:auto}.eyebrow{font-size:.8125rem;letter-spacing:.12em;font-weight:750;line-height:1.4}.skip{position:absolute;left:1rem;top:-5rem;padding:.8rem 1.2rem;background:var(--gold);z-index:5}.skip:focus{top:1rem}
.site-header{max-width:1380px;margin:auto;padding:1.1rem 2.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--line)}.brand{display:flex;gap:.45rem;align-items:center;text-decoration:none;font:700 1.45rem/1.03 var(--display);letter-spacing:-.03em;color:var(--green)}.brand img{width:64px;border-radius:12px}.site-header nav{display:flex;gap:1.7rem;align-items:center;font-size:.9375rem;font-weight:650}.site-header nav a{text-decoration:none}.site-header nav a:hover{text-decoration:underline}.nav-etsy{border:1px solid var(--green);padding:.55rem 1.05rem;border-radius:999px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:5rem;align-items:start;padding-top:3.7rem;padding-bottom:4rem}.hero-copy>.eyebrow{margin-bottom:1rem}.hero h1 span{color:var(--green);text-decoration:underline;text-decoration-color:var(--coral);text-decoration-thickness:.065em;text-underline-offset:.12em}.intro{max-width:29rem;font-size:1.15rem;line-height:1.55;margin:1.6rem 0 1.8rem;color:var(--muted)}.decoder{border-top:1px solid var(--line);padding-top:1.35rem;scroll-margin-top:1.5rem}.encoded{font-family:var(--display);font-size:1.75rem;line-height:1.4;margin:.5rem 0 1rem;color:var(--green)}.button{display:inline-flex;justify-content:center;align-items:center;padding:.85rem 1.4rem;border-radius:999px;border:1px solid transparent;font-weight:750;font-size:.9375rem;text-decoration:none;min-height:48px;transition:background .15s,transform .15s}.button:hover{transform:translateY(-2px)}.yellow{background:var(--gold);color:var(--deep);border-color:var(--deep)}.yellow:hover{background:#f7d27a}.green{background:var(--green);color:var(--cream)}.green:hover{background:var(--deep)}.meaning{margin-top:1rem;padding:1.15rem 1.25rem;background:#f4e6c9;border-radius:12px;max-width:29rem}.meaning[hidden]{display:none}.meaning-label{font-size:.8125rem;letter-spacing:.12em;font-weight:700}.decoded{font-family:var(--display);font-size:2rem;line-height:1.4;color:var(--green)}.meaning>p:last-child{font-size:.9375rem}.design-poster{background:var(--cream);border:1px solid var(--green);border-radius:18px;padding:1.2rem 1.5rem 1.15rem;box-shadow:9px 9px 0 var(--gold);margin-top:.35rem;transform:rotate(1.5deg)}.poster-top{display:flex;justify-content:space-between;gap:1rem;font-size:.75rem;font-weight:750;letter-spacing:.12em;border-bottom:1px solid #d3ccb9;padding-bottom:.8rem}.design-poster>img{height:425px;width:100%;object-fit:contain;margin:1.3rem 0 1.1rem}.design-poster figcaption{border-top:1px solid #d3ccb9;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;font-size:.9375rem;font-weight:600}.small-tag{font-size:.75rem;background:var(--gold);border:1px solid var(--green);padding:.2rem .55rem;border-radius:999px;letter-spacing:.03em}.brand-strip{background:var(--gold);border-block:1px solid var(--green);display:flex;justify-content:space-around;gap:1rem;padding:1rem 2rem;font-size:.8125rem;font-weight:750;letter-spacing:.12em}.brand-strip span+span:before{content:'✦';margin-right:2rem}
.how{padding-block:5rem}.section-heading>.eyebrow{margin-bottom:1rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:2.7rem}.steps article{border-top:1px solid var(--green);padding-top:1.2rem}.step-number{font-size:.875rem;font-weight:650;color:var(--muted);display:block;margin-bottom:.8rem}.steps article p{color:var(--muted);margin-top:.9rem}.step-example{font-family:var(--display);font-size:1.3rem;color:var(--green);padding:.8rem 0;margin-top:1rem;border-bottom:2px solid var(--coral);display:inline-block}.play{background:var(--green);color:var(--cream);padding-block:4.5rem}.play-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:5rem;align-items:start}.play h2{color:var(--cream);margin:1rem 0 1.5rem;font-size:clamp(2.8rem,4.5vw,4.5rem)}.play-copy>p:not(.eyebrow){max-width:24rem;line-height:1.65}.play-note{font-size:.875rem;opacity:.85;margin-top:2rem}.translator{background:var(--paper);color:var(--green);padding:1.7rem;border-radius:18px;box-shadow:6px 6px 0 #082f23}.translator label{font-size:.9375rem;font-weight:700;display:block;margin-bottom:.6rem}.translator textarea{width:100%;border:1px solid #b6c0af;border-radius:10px;padding:.85rem;color:var(--ink);background:white;resize:vertical;min-height:105px}.input-meta{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.8125rem;margin-top:.4rem}.examples{border:0;padding:0;margin:1rem 0;display:flex;flex-wrap:wrap;gap:.5rem}.examples legend{font-size:.8125rem;color:var(--muted);margin-bottom:.45rem}.examples button{background:var(--cream);border:1px solid #b5bcaa;color:var(--green);border-radius:999px;padding:.45rem .85rem;font-size:.875rem;min-height:44px}.examples button:hover{background:var(--gold)}.translation-output{border-top:1px solid var(--line);margin-top:1.4rem;padding-top:1.2rem}.translated{font:700 1.65rem/1.5 var(--display);overflow-wrap:anywhere;margin:.6rem 0 1rem;white-space:pre-wrap}.translator details{font-size:.875rem;color:var(--muted)}.translator details p{padding-top:.4rem;white-space:pre-wrap;overflow-wrap:anywhere}.translator summary{cursor:pointer;min-height:40px}.output-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:.5rem}.text-button{padding:.4rem 0;min-height:44px;background:none;border:0;color:var(--green);text-decoration:underline;text-underline-offset:.2em;font-size:.9375rem;font-weight:700}#copy-status{font-size:.8125rem;color:var(--muted)}.translator-note{font-size:.8125rem;color:var(--muted);line-height:1.5;margin-top:.8rem}.nojs{padding:1rem;border:1px solid var(--coral);border-radius:8px;margin-top:1rem}
.story{display:grid;grid-template-columns:.8fr 1.2fr;gap:6rem;align-items:center;padding-block:5rem}.story-mark{justify-self:center;text-align:center}.story-mark img{width:245px;border-radius:50%;mix-blend-mode:multiply}.story-mark p{font-size:.8125rem;font-weight:700;letter-spacing:.1em;margin-top:1rem}.story-copy>.eyebrow{margin-bottom:.9rem}.story-copy h2{margin-bottom:1.5rem}.story-copy>p:not(.eyebrow){margin-top:1rem;max-width:35rem;color:var(--muted)}.etsy-section{display:flex;align-items:center;justify-content:space-between;gap:3rem;background:var(--gold);padding:2.8rem;border:1px solid var(--green);border-radius:18px}.etsy-section>div{max-width:37rem}.etsy-section h2{margin:.75rem 0 1rem}.etsy-section .button{flex-shrink:0}.faq{padding-block:5rem;display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem}.faq h2{font-size:2.6rem}.faq details{border-top:1px solid var(--line);padding:1.05rem 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-size:1rem;font-weight:700;cursor:pointer;min-height:30px;list-style-position:outside;margin-left:1.15rem}.faq details p{padding-top:.8rem;margin-left:1.15rem;color:var(--muted)}.footer{background:var(--green);color:var(--cream);padding:2.4rem 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;flex-wrap:wrap}.footer-name{font-family:var(--display);font-size:1.45rem;text-decoration:none}.footer p,.footer a:not(.footer-name){font-size:.875rem}.footer small{width:100%;border-top:1px solid #577a67;padding-top:1rem;font-size:.8125rem;opacity:.8}
@media(min-width:1500px){.hero{padding-top:4.5rem}}
@media(max-width:1000px){.hero{gap:3rem}.site-header nav{gap:1rem}.design-poster>img{height:365px}.play-inner{gap:3rem}.story{gap:3rem}.etsy-section{flex-direction:column;align-items:flex-start}.faq{gap:3rem}.brand-strip span+span:before{margin-right:1rem}}
@media(max-width:760px){.wrap{width:calc(100% - 2.5rem)}.site-header{padding:.8rem 1.25rem;flex-wrap:wrap;gap:.85rem}.brand{font-size:1.15rem}.brand img{width:50px}.site-header nav{width:100%;justify-content:space-between;gap:.5rem;font-size:.8125rem;flex-wrap:wrap}.site-header nav a{padding-block:.4rem}.site-header .nav-etsy{padding:.4rem .75rem}.hero{grid-template-columns:1fr;gap:2.2rem;padding-top:2rem;padding-bottom:2.75rem}.hero h1{font-size:clamp(2.7rem,9vw,4.2rem)}.hero h1 br:nth-of-type(1){display:none}.intro{margin:1.25rem 0;font-size:1rem}.hero-copy>.eyebrow{font-size:.75rem}.decoder .eyebrow{font-size:.75rem}.encoded{font-size:1.5rem}.design-poster{width:100%;max-width:400px;justify-self:center;padding:1rem 1.2rem}.design-poster>img{height:350px}.brand-strip{gap:.6rem;flex-wrap:wrap;padding:1rem;font-size:.7rem;letter-spacing:.06em}.brand-strip span+span:before{content:none}.how{padding-block:3rem}.steps{grid-template-columns:1fr;gap:1.7rem;margin-top:2rem}.steps article p{max-width:34rem}.step-number{margin-bottom:.4rem}.step-example{margin-top:.4rem}.play{padding-block:3rem}.play-inner{grid-template-columns:1fr;gap:2rem}.play h2{font-size:2.75rem;margin:.8rem 0 1rem}.play-copy>p:not(.eyebrow){max-width:none}.play-note{margin-top:1rem}.translator{padding:1.25rem}.translated{font-size:1.4rem}.story{grid-template-columns:1fr;gap:2rem;padding-block:3rem}.story-mark img{width:140px}.story-mark p{margin-top:.5rem}.story-copy h2{font-size:2.35rem}.etsy-section{padding:1.7rem;gap:1.2rem}.etsy-section .button{width:100%;white-space:normal}.faq{grid-template-columns:1fr;gap:1.5rem;padding-block:3rem}.faq h2{font-size:2.2rem}.footer-inner{align-items:flex-start;gap:.7rem;flex-direction:column}.footer{padding:2rem 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.button:hover{transform:none}}