:root{--bg-canvas:#f3e9d8;--bg-surface:#fffaf2;--bg-surface-hover:#fffdf8;--text-primary:#262626;--text-muted:#62564c;--accent-primary:#a64418;--accent-secondary:#d97706;--border-subtle:#d6c6b3;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(0,0,0,.25);--glow-accent:0 0 24px -4px color-mix(in srgb,var(--accent-primary) 32%,transparent);--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;accent-color:var(--accent-primary)}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:17px/1.8 "Trebuchet MS","Segoe UI",sans-serif;overflow-wrap:anywhere;hyphens:auto}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}img{display:block;max-width:100%;height:auto;object-fit:cover}h1,h2,h3{line-height:1.12;letter-spacing:-.045em;margin:0 0 1rem}h1{font-size:clamp(2.7rem,6.2vw,5.9rem)}h2{font-size:clamp(1.9rem,3.6vw,3rem)}h3{font-size:1.45rem}p{margin:0 0 1.25rem}ul,ol{padding-left:1.5rem}::selection{background:var(--accent-primary);color:#fff} :focus-visible{outline:3px solid var(--accent-primary);outline-offset:5px}.skip-link{position:absolute;left:16px;top:-100px;background:var(--bg-surface);padding:12px;z-index:20}.skip-link:focus{top:10px}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.site-header{position:relative;z-index:5;background:var(--bg-canvas);border-bottom:1px solid var(--border-subtle);transition:background .3s}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:96px;padding:16px 32px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:1.08rem;letter-spacing:-.04em;color:var(--text-primary);text-align:left;flex-shrink:0}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--accent-primary);color:#fff;transform:rotate(-8deg);font-size:1.3rem}.site-nav{display:flex;align-items:center;gap:24px}.site-nav a{text-decoration:none;font-size:.9rem;font-weight:700;color:inherit}.site-nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--accent-primary);text-decoration-thickness:3px}.menu-toggle{display:none;background:transparent;border:1px solid currentColor;color:inherit;font-size:1.8rem;line-height:1;padding:8px 15px}.home .site-header{position:absolute;top:0;left:0;width:100%;background:transparent;color:#fff;border-color:#ffffff35}.home .site-header .brand{color:#fff}.home .site-header.scrolled{background:var(--bg-canvas);color:var(--text-primary)}.home .site-header.scrolled .brand{color:var(--text-primary)}.hero{position:relative;min-height:100svh;display:grid;place-items:center;text-align:center;color:#fff;background:#282019;isolation:isolate;padding:160px 0 100px}.hero .hero-logic-objects-image{position:absolute;inset:0;width:100%;height:100%;z-index:-3;aspect-ratio:16/9}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#17120ee8,#20160c8c 45%,#1c130ff5);z-index:-2}.hero:after{content:"";position:absolute;width:min(48vw,500px);height:min(48vw,500px);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent-secondary) 36%,transparent),transparent 68%);filter:blur(20px);left:8%;top:20%;animation:floatOrb 12s ease-in-out infinite;z-index:-1;pointer-events:none}.hero-content{max-width:960px}.hero h1{max-width:16ch;margin-inline:auto}.hero p{max-width:60ch;margin-inline:auto;color:#f7eadd}.eyebrow{display:block;font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:1.1rem;color:var(--accent-primary)}.hero .eyebrow{color:#fff0ce}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:28px}.button,button.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 22px;background:var(--accent-primary);color:#fff;border:1px solid var(--accent-primary);text-decoration:none;font-weight:700;box-shadow:4px 4px 0 #29211c;transition:transform .35s var(--ease-kinetic),box-shadow .35s var(--ease-kinetic),background .35s}.button:hover,button.primary:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 #29211c}.button.secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-subtle)}.section{padding:88px 0}.split{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:64px;align-items:start}.narrative{position:sticky;top:32px}.narrative p{max-width:54ch}.muted{color:var(--text-muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:28px}.two-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{position:relative;background:var(--bg-surface);border:1px solid var(--border-subtle);transition:transform .5s var(--ease-kinetic),box-shadow .5s var(--ease-kinetic),background .5s}.card:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent);background:var(--bg-surface-hover)}.card-media{position:relative}.card-media img{width:100%;aspect-ratio:4/3;object-fit:cover}.badge{position:absolute;bottom:-12px;left:20px;border-radius:30px;background:var(--accent-primary);color:#fff;padding:4px 13px;font-size:.72rem;font-weight:bold;letter-spacing:.04em}.card-body{padding:30px 24px 25px}.card-body p{font-size:.95rem}.card-body a{font-weight:bold}.card-body h3 a{text-decoration:none;color:var(--text-primary)}.feature{display:grid;grid-template-columns:1fr 1.25fr;grid-column:1/-1}.feature .card-media img{height:100%;aspect-ratio:4/3}.feature .card-body{padding:36px}.accent-block{background:var(--accent-primary);color:#fff;padding:72px 0;background-image:linear-gradient(120deg,transparent,#ffffff16,transparent);background-size:200% 200%;animation:gradientShift 12s ease infinite}.accent-block .eyebrow{color:#fff}.accent-block .muted{color:#f7efdf}.accent-block a{color:#fff}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.stat{border-top:1px solid #ffffff70;padding-top:16px}.stat strong{display:block;font-size:2.6rem;line-height:1.2}.page-intro{padding:76px 0 44px}.page-intro h1{max-width:18ch}.page-intro p{max-width:65ch;font-size:1.15rem}.article-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:64px;align-items:start;padding-bottom:88px}.prose{max-width:70ch;margin:0 auto;min-width:0}.prose h2{font-size:2rem;margin-top:2.7rem}.prose h3{margin-top:1.8rem}.prose li{margin-bottom:.6rem}.prose blockquote{margin:24px 0;padding:18px 24px;border-left:4px solid var(--accent-primary);background:var(--bg-surface)}.article-aside{position:sticky;top:30px;display:grid;gap:24px}.article-aside img{width:100%;aspect-ratio:4/3}.panel{padding:28px;border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--bg-surface) 88%,transparent);backdrop-filter:var(--glass-backdrop);box-shadow:0 8px 24px #31201008}.panel h2{font-size:1.8rem}.panel h3{font-size:1.35rem}.compact-media{display:grid;grid-template-columns:80px 1fr;gap:18px;align-items:center}.compact-media img{width:80px;height:80px;aspect-ratio:1}.compact-media p{margin:0}.challenge{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:28px;margin:28px 0}.challenge label{display:block;font-weight:700;margin-bottom:8px}.input-row{display:flex;gap:12px;align-items:stretch}.input-row input{min-width:0;flex:1}input,textarea,select{width:100%;background:#fffdf8;color:#262626;border:1px solid #958372;border-radius:0;padding:12px}textarea{resize:vertical;min-height:180px}.feedback{min-height:1.8em;font-weight:700;margin:12px 0 0;color:var(--accent-primary)}details{border-bottom:1px solid var(--border-subtle);padding:18px 0}summary{cursor:pointer;font-weight:700;line-height:1.5}details[open] summary{margin-bottom:16px}details p:last-child{margin-bottom:0}.contents{padding-left:20px}.contents li{margin-bottom:8px}.reading-meta{font-size:.85rem;color:var(--text-muted);margin-bottom:20px}.plain-page{max-width:72ch;margin:0 auto;padding:20px 0 88px}.plain-page h2{font-size:1.9rem;margin-top:2.3rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{margin-bottom:20px}.field label{display:block;font-weight:700;margin-bottom:6px}.message-actions{display:flex;gap:16px;flex-wrap:wrap;margin:20px 0}.message-preview{white-space:pre-wrap;font:inherit;background:var(--bg-surface);padding:24px;border:1px solid var(--border-subtle);max-height:400px;overflow:auto}.notice{font-size:.92rem;border-left:3px solid var(--accent-primary);padding:12px 20px;background:var(--bg-surface)}.site-footer{background:#26221e;color:#f5ecdf;padding:48px 0 28px}.footer-top{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;border-bottom:1px solid #ffffff30;padding-bottom:28px;margin-bottom:24px}.site-footer a{color:#f7dfb8}.footer-brand{font-weight:800;font-size:1.15rem}.footer-links{display:flex;gap:22px;flex-wrap:wrap}.site-footer p{font-size:.86rem;margin:8px 0}.reveal-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.reveal-ready .reveal.reveal-visible{opacity:1;transform:translateY(0)}[hidden]{display:none!important}@keyframes floatOrb{50%{transform:translate(35px,-25px) scale(1.12)}}@keyframes gradientShift{50%{background-position:100% 50%}}
@media(min-width:1025px){.hero h1{font-size:6.2rem}.two-grid .card:nth-child(even){margin-top:36px}}
@media(min-width:769px) and (max-width:1024px){.header-inner{padding-inline:24px;gap:16px}.brand{font-size:.95rem}.site-nav{gap:14px}.site-nav a{font-size:.82rem}.split,.article-layout{gap:32px}.feature{grid-template-columns:1fr}.feature .card-media img{aspect-ratio:16/9}}
@media(max-width:768px){.wrap{width:calc(100% - 40px)}.header-inner{padding:16px 20px;min-height:80px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:24px;background:var(--bg-surface);color:var(--text-primary);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-elevation);flex-direction:column;align-items:stretch;gap:8px}.site-nav.is-open{display:flex;animation:menuEnter .25s var(--ease-kinetic)}.site-nav a{padding:10px}.split,.article-layout{grid-template-columns:1fr;gap:36px}.narrative,.article-aside{position:static}.section{padding:60px 0}.page-intro{padding-top:52px}.hero{padding-top:140px}.hero h1{font-size:clamp(2.8rem,9vw,4.8rem)}.two-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature{grid-template-columns:1fr}.feature .card-media img{aspect-ratio:16/9}.input-row{flex-wrap:wrap}.input-row .primary{width:100%}.form-grid{grid-template-columns:1fr;gap:0}@keyframes menuEnter{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:480px){.wrap{width:calc(100% - 32px)}.header-inner{padding-inline:16px;gap:12px}.brand{font-size:.86rem;gap:8px}.brand-mark{width:28px;height:28px}.menu-toggle{padding:7px 12px}.two-grid{grid-template-columns:1fr}.hero{min-height:92svh}.hero h1{font-size:2.9rem}.actions{align-items:stretch;flex-direction:column}.card-body,.feature .card-body,.panel,.challenge{padding:24px}.stat-row{gap:12px}.stat strong{font-size:2rem}.stat{font-size:.85rem}.page-intro h1{font-size:2.8rem}.footer-links{gap:16px}.message-actions .button,.message-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready .reveal{opacity:1;transform:none}}