:root{--bg-canvas:#faf6ef;--bg-surface:#fffdf7;--bg-surface-hover:#f4eddf;--text-primary:#2b211a;--text-muted:#655b50;--accent-primary:#c2562e;--accent-secondary:#6b7a3a;--border-subtle:#d9cebe;--border-highlight:#c2562e;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-serif:Georgia,serif;--font-mono:ui-monospace,Consolas,monospace;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:none;--shadow-inner:none;--glow-accent:none;--glass-backdrop:blur(20px) saturate(190%)}
*{box-sizing:border-box;overflow-wrap:anywhere;hyphens:auto}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:17px/1.7 var(--font-sans)}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}a:hover{color:#963b1d}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.8rem,6.8vw,6rem);line-height:1.04;letter-spacing:-.065em;max-width:17ch;margin-bottom:1.5rem}h2{font-size:clamp(1.65rem,3vw,2.6rem);line-height:1.15;letter-spacing:-.035em}h3{font-size:1.2rem;line-height:1.35}p{margin-bottom:1.2rem}img{display:block;width:100%;height:100%;object-fit:cover;border-radius:4px}.wrap{width:min(1240px,calc(100% - 48px));margin:0 auto}.site-header{position:relative;border-bottom:1px solid var(--border-subtle);padding:24px 0 0}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;text-decoration:none;font-size:1.08rem;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:var(--accent-primary);color:#fffdf7;border-radius:4px;font:700 23px var(--font-mono)}.tag,.eyebrow,.small-heading{font:600 .77rem/1.5 var(--font-mono);text-transform:uppercase;letter-spacing:.1em}.tag{color:var(--text-muted)}.site-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;padding:20px 0 17px}.site-nav a{font-size:.83rem;font-weight:650;position:relative;text-decoration:none}.site-nav a:after,.editorial-link:after{content:"";display:block;height:2px;background:var(--accent-primary);transform:scaleX(0);transform-origin:left;transition:transform .3s}.site-nav a:hover:after,.editorial-link:hover:after{transform:scaleX(1)}.menu-toggle{display:none;background:transparent;border:1px solid var(--border-subtle);border-radius:4px;font-size:27px;width:44px;height:44px}.hero{padding:80px 0 64px}.hero p{max-width:59ch;font-size:1.15rem}.eyebrow{color:#934022;margin-bottom:20px}.hero-actions,.actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.button,button.action{display:inline-block;border:1px solid var(--accent-primary);border-radius:4px;background:var(--accent-primary);color:#fffdf7;padding:12px 20px;text-decoration:none;font-weight:700;line-height:1.5;transition:transform .3s var(--ease-kinetic),border-color .3s,background .3s}.button:hover,button.action:hover{color:#fffdf7;background:#a94422;transform:translateY(-3px)}.button.secondary,button.secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-subtle)}.editorial-link{display:inline-block;text-decoration:none;font-weight:650}.section{padding:52px 0}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}.section-heading p{max-width:38ch;color:var(--text-muted)}.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"match match numbers numbers" "sequence sequence memory memory";gap:18px}.match-route{grid-area:match}.number-route{grid-area:numbers}.sequence-route{grid-area:sequence}.memory-route{grid-area:memory}.tile,.panel,details{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px;padding:28px;box-shadow:none}.route{display:block;position:relative;text-decoration:none;transition:transform .35s var(--ease-kinetic),border-color .35s;background:var(--bg-surface)}.route:hover{transform:translateY(-6px) scale(1.01);border-color:var(--border-highlight);color:var(--text-primary)}.route h3{font-size:1.5rem;margin:18px 0 8px}.route p{color:var(--text-muted);max-width:44ch}.route .route-number{font:600 .85rem var(--font-mono);color:var(--accent-primary)}.token-row{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.token{display:grid;place-items:center;min-width:48px;min-height:48px;padding:7px;border:1px solid var(--border-subtle);border-radius:4px;font:700 1rem var(--font-mono);background:#f8ebd4}.token.olive{background:#e7ead7}.token.terra{background:#f5ded1}.atmosphere{position:relative;background:radial-gradient(ellipse at 9% 20%,#c2562e16,transparent 54%),radial-gradient(ellipse at 92% 80%,#6b7a3a20,transparent 58%);background-size:120% 120%;animation:meshDrift 15s ease infinite alternate}@keyframes meshDrift{to{background-position:70% 90%,20% 0%}}.feature-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:stretch}.feature-grid>.panel{min-width:0}.stat-strip{display:flex;flex-wrap:wrap;gap:0;margin:24px 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.stat{flex:1;min-width:100px;padding:14px 10px}.stat strong{display:block;font:700 1.4rem var(--font-mono)}.stat span{font-size:.75rem;color:var(--text-muted)}.game{margin-top:20px}.choices,.matching-grid,.memory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.game-button{border:1px solid var(--border-subtle);border-radius:4px;background:#f8f0e2;color:var(--text-primary);min-height:60px;padding:10px;font-weight:700;transition:transform .2s,border-color .2s,background .2s}.game-button:hover:not(:disabled){transform:translateY(-3px);border-color:var(--accent-primary)}.game-button[aria-pressed=true],.game-button.selected{background:#eed1bd;border-color:var(--accent-primary)}.game-button.matched{background:#e7ead7;border-color:var(--accent-secondary)}.feedback{min-height:3.4em;color:#4d542d;font-weight:600;font-size:.92rem}.muted,.note{color:var(--text-muted)}.note{font-size:.85rem}.media-banner{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.image-frame{aspect-ratio:4/3;margin:0;border-radius:4px}.banner-image{aspect-ratio:16/9}.thumbnail{aspect-ratio:1}.callout,blockquote{border-left:4px solid var(--accent-primary);background:var(--bg-surface);padding:20px 24px;margin:24px 0;backdrop-filter:var(--glass-backdrop)}blockquote{font:italic 1.25rem/1.6 var(--font-serif)}details{margin-bottom:12px;padding:20px}summary{cursor:pointer;font-weight:700}details p{margin:15px 0 0}.article{max-width:70ch;margin:0 auto;padding:45px 0 70px}.article h2{font-size:1.75rem;margin-top:38px}.article h3{margin-top:26px}.article li{margin-bottom:10px}.article-hero{padding:55px 0 25px}.article-hero h1{font-size:clamp(2.6rem,5.6vw,4.8rem)}.article-game{max-width:850px;margin:0 auto 15px}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:20px}.number-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:330px;margin:18px 0}.number-cell{display:grid;place-items:center;aspect-ratio:1;background:#f8ebd4;border:1px solid var(--border-subtle);border-radius:4px;font:700 1.5rem var(--font-mono)}.number-cell input{width:100%;height:100%;text-align:center;font:inherit;background:#fffdf7;min-width:0;border:2px solid var(--accent-primary);border-radius:4px;color:var(--text-primary)}label{display:block;font-weight:650;margin:16px 0 6px}input,textarea{width:100%;background:var(--bg-surface);border:1px solid #aa9b87;border-radius:4px;padding:12px;color:var(--text-primary)}textarea{resize:vertical;min-height:150px}.form-status{margin:15px 0;font-weight:600}.contact-output{margin-top:28px}.site-footer{border-top:1px solid var(--border-subtle);padding:35px 0;margin-top:30px;font-size:.85rem}.footer-top{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-links{display:flex;flex-wrap:wrap;gap:20px}.site-footer p{color:var(--text-muted);margin:16px 0 0}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease-kinetic),transform .8s var(--ease-kinetic)}.js-motion .reveal.visible{opacity:1;transform:translateY(0)}[hidden]{display:none!important}
@media(min-width:1201px){.hero{padding-top:90px}.bento .tile{padding:34px}.site-nav{gap:30px}}
@media(min-width:769px) and (max-width:1200px){.site-nav{gap:17px}.feature-grid{grid-template-columns:1.1fr 1fr}.hero{padding-top:65px}}
@media(min-width:481px) and (max-width:768px){.wrap{width:calc(100% - 36px)}.feature-grid,.media-banner{grid-template-columns:1fr}.hero{padding:55px 0 35px}.bento{gap:14px}.tile,.panel{padding:23px}}
@media(max-width:767px){.menu-toggle{display:block}.tag{display:none}.site-header{padding:17px 0}.site-nav{display:none;position:absolute;left:0;right:0;top:100%;z-index:20;align-items:stretch;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:15px 24px;gap:0}.site-nav.open{display:flex;flex-direction:column}.site-nav a{padding:10px 0;font-size:.95rem}.section-heading{display:block}}
@media(max-width:480px){body{font-size:16px}.wrap{width:calc(100% - 28px)}.brand{font-size:.9rem;gap:8px}.brand-mark{width:32px;height:32px}.hero{padding:46px 0 30px}.bento{grid-template-columns:minmax(0,1fr);grid-template-areas:"match" "numbers" "sequence" "memory"}.tile,.panel{padding:20px}.feature-grid,.media-banner{grid-template-columns:minmax(0,1fr)}.section{padding:33px 0}.choices,.matching-grid,.memory-grid{gap:6px}.game-button{padding:6px;font-size:.8rem;min-height:58px}.article{padding-top:25px}.article-hero{padding-top:40px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{text-align:center}.stat{padding:12px 5px;min-width:80px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js-motion .reveal{opacity:1;transform:none}}