:root{--bg-canvas:#f3e9d8;--bg-surface:#fffaf1;--bg-surface-hover:#f6eddf;--text-primary:#262626;--text-muted:#62574c;--accent-primary:#a34522;--accent-secondary:#79552c;--border-subtle:#d5c4ad;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(49,35,19,.14);--glow-accent:0 0 24px -4px rgba(163,69,34,.16);--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:24px;background:var(--bg-canvas);color:var(--text-primary);font:16px/1.75 system-ui,"Segoe UI",Roboto,sans-serif;overflow-wrap:anywhere;hyphens:auto;border:1px solid #39332d}h1,h2,h3{font-weight:800;letter-spacing:-.045em;line-height:1.12;overflow-wrap:anywhere}h1{font-size:clamp(2.7rem,6.7vw,5.8rem);max-width:16ch;margin:.3em 0}h2{font-size:clamp(1.9rem,3.5vw,3rem);margin:0 0 .7em}h3{font-size:1.35rem;margin:.2em 0 .7em}p{margin:0 0 1.2em}a{color:var(--accent-primary);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid var(--accent-primary);outline-offset:5px}img{display:block;max-width:100%;height:auto;border-radius:4px;object-fit:cover}figure{margin:0}figcaption,.caption{font-size:.86rem;color:var(--text-muted);margin-top:10px}.wrap{max-width:1100px;margin:0 auto;width:calc(100% - 64px)}.site-header{position:relative;padding:24px 32px 28px;border-bottom:1px solid var(--border-subtle)}.tagline{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:0 0 12px}.header-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text-primary);font-size:1.05rem;font-weight:800;text-decoration:none;white-space:nowrap;letter-spacing:-.04em}.brand-mark{width:22px;height:22px;border:3px solid var(--accent-primary);border-right-style:dashed;transform:rotate(-12deg);flex:none}.nav{display:flex;align-items:center;gap:18px}.nav a{font-size:.82rem;font-weight:700;color:var(--text-primary);text-decoration:none;white-space:nowrap}.nav a:hover,.nav a[aria-current=page]{color:var(--accent-primary);text-decoration:underline}.menu-toggle{display:none;border:1px solid var(--border-subtle);border-radius:4px;background:var(--bg-surface);color:var(--text-primary);font-size:1.8rem;width:44px;height:44px;line-height:1}.skip-link{position:absolute;left:16px;top:-90px;background:var(--bg-surface);padding:10px;z-index:20}.skip-link:focus{top:10px}.band{padding:76px 0}.band.ivory{background:var(--bg-surface)}.hero{padding:80px 0 76px}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-primary);margin-bottom:18px}.lead{max-width:62ch;font-size:1.18rem;line-height:1.7}.button{display:inline-block;border:1px solid var(--accent-primary);border-radius:4px;padding:12px 21px;background:var(--accent-primary);color:#fffaf1;font-weight:700;text-decoration:none;box-shadow:4px 4px 0 #4f2c1c;transition:transform .25s var(--ease-kinetic),box-shadow .25s var(--ease-kinetic),background .25s}.button:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 #4f2c1c}.button.secondary{background:var(--bg-surface);color:var(--accent-primary)}.actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:26px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:start}.card{background:var(--bg-surface);border-radius:4px;padding:28px;box-shadow:0 5px 22px rgba(49,35,19,.07);transition:transform .35s var(--ease-kinetic),box-shadow .35s var(--ease-kinetic)}.ivory .card{background:var(--bg-canvas)}.card:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent)}.card .number{display:block;font-size:.78rem;color:var(--accent-primary);font-weight:800;margin-bottom:26px}.card p:last-child{margin-bottom:0}.media-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.desk-photo{width:100%;aspect-ratio:16/9}.controller-photo{width:100%;aspect-ratio:4/3}.thumbnail-photo{width:112px;height:112px;aspect-ratio:1;flex:none}.compact-media{display:flex;gap:22px;align-items:center}.route-strip{display:flex;align-items:center;gap:12px;padding:24px;background:var(--bg-surface);border-radius:4px;margin:20px 0;min-height:112px}.route-point{flex:1;text-align:center;font-size:.85rem;font-weight:700}.route-point:before{content:"";display:block;width:15px;height:15px;border:3px solid var(--accent-primary);border-radius:50%;margin:0 auto 10px;background:var(--bg-canvas)}.route-line{height:2px;background:var(--accent-primary);flex:1;min-width:10px}.route-line.blocked{background:repeating-linear-gradient(90deg,var(--accent-primary) 0 5px,transparent 5px 10px)}.route-point.failed:before{background:var(--accent-primary);box-shadow:0 0 0 5px #ead0bd}.prose{max-width:70ch;margin:0 auto}.prose h2{font-size:2rem;margin-top:1.7em}.prose h3{margin-top:1.5em}.prose li{margin-bottom:.65em}.prose .lead{max-width:none}.note{border-left:4px solid var(--accent-primary);padding:18px 22px;background:var(--bg-canvas);margin:26px 0;border-radius:4px}.wide-feature{padding:36px;background:var(--bg-surface);border-radius:4px;box-shadow:var(--shadow-elevation)}table{border-collapse:collapse;width:100%;font-size:.92rem;margin:20px 0}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--border-subtle);vertical-align:top}th{background:var(--bg-canvas);font-weight:800}details{border-bottom:1px solid var(--border-subtle);padding:20px 0}summary{font-weight:800;cursor:pointer;line-height:1.5}details p{margin:16px 0 0}details pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg-canvas);padding:18px;border-radius:4px;font-size:.86rem}label{display:block;font-weight:700;margin-bottom:7px}input,textarea,select{width:100%;border:1px solid #998775;border-radius:4px;background:var(--bg-surface);color:var(--text-primary);padding:12px}textarea{min-height:150px;resize:vertical}.field{margin-bottom:20px}fieldset{border:1px solid var(--border-subtle);border-radius:4px;margin:0 0 25px;padding:24px}legend{padding:0 8px;font-weight:800}.message-preview{white-space:pre-wrap;overflow-wrap:anywhere;min-height:220px;background:var(--bg-canvas);border-radius:4px;padding:22px;font: .9rem/1.7 ui-monospace,monospace}.status{min-height:1.7em;color:var(--text-muted);margin-top:20px}.site-footer{padding:48px 0 30px;border-top:1px solid var(--border-subtle)}.footer-purpose{max-width:66ch}.footer-links{display:flex;flex-wrap:wrap;gap:10px 22px;margin:18px 0}.footer-links a{font-size:.9rem}.company{font-size:.85rem;color:var(--text-muted);margin:26px 0 16px}.company p{margin:0}.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.8rem;border-top:1px solid var(--border-subtle);padding-top:18px}.reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.reveal-visible{opacity:1;transform:translateY(0)}
@media(min-width:1025px){.hero .lead{max-width:56ch}.topic-intro{max-width:900px}}
@media(min-width:769px) and (max-width:1024px){body{margin:16px}.site-header{padding:22px}.header-row{flex-wrap:wrap;gap:18px}.nav{gap:22px}.split{gap:28px}.band{padding:58px 0}}
@media(max-width:768px){body{margin:12px}.wrap{width:calc(100% - 36px)}.site-header{padding:20px 18px}.header-row{gap:12px}.brand{font-size:.95rem}.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;z-index:10;padding:20px;background:var(--bg-surface);box-shadow:var(--shadow-elevation);border-bottom:1px solid var(--border-subtle);flex-direction:column;align-items:stretch;gap:0}.nav.is-open{display:flex;animation:menuSlide .25s var(--ease-kinetic)}.nav a{padding:12px;font-size:1rem}.split,.media-grid{grid-template-columns:1fr}.band{padding:48px 0}.hero{padding:54px 0}.grid{gap:20px}.compact-media{align-items:flex-start}.wide-feature{padding:24px}}
@media(max-width:480px){body{margin:7px;font-size:15px}.wrap{width:calc(100% - 30px)}.site-header{padding:16px 15px}.brand{font-size:.85rem;gap:7px}.brand-mark{width:17px;height:17px}.tagline{font-size:.64rem}.grid{grid-template-columns:1fr}.card{padding:22px}.route-strip{padding:18px 10px;gap:6px}.route-point{font-size:.72rem}.compact-media{flex-direction:column}.actions{gap:15px}.button{padding:11px 17px}fieldset{padding:16px}.lead{font-size:1.08rem}}
@media(min-width:481px) and (max-width:768px){h1{font-size:3.8rem}.hero{padding:66px 0}}
@keyframes menuSlide{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}.card:hover,.button:hover{transform:none}}