:root {--accent: #ff3b17;--ink: #111111;--line: rgba(0, 0, 0, .1);--surface: rgba(255, 255, 255, .92);--shadow: 0 14px 40px rgba(0, 0, 0, .08);--nav-height: 70px;}* { box-sizing: border-box; }html { scroll-behavior: smooth; }body {margin: 0;color: var(--ink);background: #f5f5f5;font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;font-size: 17px;line-height: 1.65;-webkit-font-smoothing: antialiased;}a { color: inherit; }img { max-width: 100%; height: auto; }.site-header {position: sticky;top: 0;z-index: 100;background: var(--surface);border-bottom: 1px solid var(--line);backdrop-filter: blur(18px) saturate(160%);-webkit-backdrop-filter: blur(18px) saturate(160%);}.nav-shell {width: min(100%, 1000px);height: var(--nav-height);margin: auto;padding: 0 22px;display: flex;align-items: center;gap: 28px;}.brand {display: inline-flex;align-items: center;gap: 12px;margin-right: auto;color: var(--ink);text-decoration: none;}.brand img { width: 44px; height: 44px; object-fit: contain; }.brand-copy {display: flex;min-width: 0;flex-direction: column;line-height: 1.15;}.site-title {font-size: 16px;font-weight: 700;letter-spacing: 0;}.site-slogan {margin-top: 4px;color: #666;font-size: 12px;font-weight: 500;letter-spacing: 0;}.site-title:empty,.site-slogan:empty { display: none; }.navigation ul { display: flex; gap: 6px; margin: 0; padding: 0; list-style: none; }.navigation li { position: relative; }.navigation a {display: block;padding: 11px 14px;color: var(--ink);text-decoration: none;font-size: 15px;border-radius: 8px;transition: background .2s ease, color .2s ease, transform .2s ease;}.navigation a:hover, .navigation a:focus-visible { background: rgba(255, 59, 23, .08); color: var(--accent); }.navigation #current { color: var(--accent); }.navigation #current::after {content: "";position: absolute;left: 16px; right: 16px; bottom: 3px;height: 2px;border-radius: 2px;background: var(--accent);}.navigation ul ul { display: none; position: absolute; top: 100%; right: 0; min-width: 190px; padding: 8px; background: #fff; border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow); }.navigation li:hover > ul { display: block; }.navigation ul ul a { white-space: nowrap; }.menu-button { display: none; background: none; border: 0; padding: 8px; }.menu-title {min-width: 0;overflow: hidden;color: var(--ink);font: 700 14px/1.15 -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;letter-spacing: 0;text-overflow: ellipsis;white-space: nowrap;}.menu-title:empty { display: none; }.menu-icon { display: grid; gap: 4px; flex: 0 0 auto; }.menu-icon span { display: block; width: 22px; height: 2px; background: var(--ink); border-radius: 2px; }.stacks-stage {display: grid;justify-items: center;padding: 0;background: #f5f5f5;}.stacks-canvas {width: min(1000px, 100%);min-height: 1000px;margin: 0 auto;padding: 46px 48px 38px;background: #fff;}.editable-heading {margin: 0 0 36px;text-align: center;}.editable-heading h1 {margin: 0;color: #050505;font-size: clamp(38px, 6vw, 72px);font-weight: 700;letter-spacing: 0;line-height: 1;}.editable-heading p {min-height: 1.2em;margin: 12px 0 0;color: #555;font-size: clamp(17px, 2.2vw, 24px);line-height: 1.25;}.stacks-content {min-height: 760px;}.stacks-content > :first-child { margin-top: 0; }.editable-footer {margin-top: 36px;padding-top: 18px;border-top: 1px solid var(--line);color: #666;font-size: 14px;text-align: center;}@keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; animation: none !important; transition: none !important; } }@media (max-width: 820px) {:root { --nav-height: 62px; }.nav-shell { padding: 0 14px; }.brand img { width: 38px; height: 38px; }.brand { gap: 9px; }.brand-copy { display: none; }.site-title { font-size: 14px; }.site-slogan {max-width: 180px;overflow: hidden;font-size: 11px;text-overflow: ellipsis;white-space: nowrap;}.menu-button { display: inline-flex; align-items: center; gap: 8px; max-width: min(62vw, 260px); margin-left: auto; }.navigation { display: none; position: absolute; left: 0; right: 0; top: var(--nav-height); padding: 10px 22px 18px; background: rgba(255,255,255,.98); border-bottom: 1px solid var(--line); box-shadow: var(--shadow); }.navigation.is-open { display: block; }.navigation ul { display: block; }.navigation ul ul { position: static; box-shadow: none; border: 0; margin-left: 14px; }.stacks-canvas { width: 100%; min-height: 1000px; padding: 34px 22px 30px; }.stacks-content { min-height: 760px; }}