:root{color-scheme:dark;--bg:#161411;--panel:#211d18;--ink:#f1e7d2;--text:#cfc1ab;--rule:#4b4237;--copper:#C25A3A;--gold:#F4B860;--violet:#b994ed;--cyan:#3FE0D0;font-family:system-ui,sans-serif;color:var(--ink);background:var(--bg);font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a,button{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}header,main,footer{max-width:1440px;margin:auto}header{min-height:106px;display:flex;align-items:center;justify-content:space-between;padding:24px 6%;border-bottom:1px solid var(--rule);gap:25px}.brand{font-size:12px;font-weight:650;letter-spacing:2px;display:flex;align-items:center;gap:14px;white-space:nowrap}.mark{color:var(--gold);font-size:37px;font-weight:400}.brand-sub{font-weight:400;color:var(--text);font-size:10px}nav{display:flex;gap:28px;font-size:12px;color:var(--text)}nav a:hover,a:hover h3{color:var(--gold)}.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;padding:76px 6% 55px;gap:20px;background:radial-gradient(ellipse at 90% 35%,#2a201650,transparent 65%)}.eyebrow,.tag,.meta,.hero-foot,.rule-strip,.pill,.code-label,.code-bottom,.row-state,footer,.circuit-caption{font-family:ui-monospace,monospace;font-size:10px;letter-spacing:1.5px}.eyebrow{color:var(--text);line-height:1.9}.dot{display:inline-block;width:6px;height:6px;background:var(--gold);border-radius:50%;margin-right:8px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(55px,6.6vw,94px);line-height:1.02;letter-spacing:-4px;margin:27px 0}em{color:var(--gold);font-weight:400}.hero p{font-size:16px;line-height:1.85;color:var(--text);margin-bottom:28px}.primary{background:var(--gold);border:1px solid var(--gold);color:var(--bg);font-weight:650;padding:14px 18px;border-radius:2px;font-size:12px}.primary:hover{background:#ffca7d}.link-button{display:inline-flex;gap:36px;align-items:center}.hero-foot{font-size:8px;letter-spacing:1px;margin-top:38px;color:var(--text)}.hero-foot i{font-style:normal;color:var(--copper);margin:0 8px}.circuit{min-width:0}.circuit svg{width:100%;height:auto}.circuit-caption{display:flex;justify-content:space-between;color:var(--text);padding:0 15%;font-size:8px;letter-spacing:1px}.circuit-caption span{color:var(--gold)}.rule-strip{margin:0 6%;padding:21px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;gap:15px;font-size:9px}.muted{color:var(--text)}.feature{margin:55px 6% 70px;border:1px solid var(--rule);background:var(--panel);padding:28px 32px}.feature-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:27px}.pill{border:1px solid #62513d;border-radius:30px;padding:6px 10px;font-size:9px;letter-spacing:.4px;color:var(--gold)}.feature-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:40px;align-items:center}.tag{color:var(--gold);font-size:9px}.feature h2{font-size:34px;line-height:1.16;letter-spacing:-1px;margin:15px 0}.feature h2 span{color:var(--gold);font-family:system-ui}.feature p{font-size:13px;color:var(--text);line-height:1.8;max-width:49ch}.meta{font-size:8px;letter-spacing:1px;color:var(--text);margin-top:22px}.meta b{padding:0 7px;color:var(--copper)}.code-preview{background:#161411;border:1px solid var(--rule);display:block}.code-label,.code-bottom{display:flex;justify-content:space-between;padding:17px 20px;color:var(--text);font-size:8px;letter-spacing:1px}.code-label{border-bottom:1px solid var(--rule)}pre{font:12px/1.9 ui-monospace,monospace;overflow:auto;padding:20px;margin:0;color:var(--text)}.violet{color:var(--violet)}.gold{color:var(--gold)}.cyan{color:var(--cyan)}.code-bottom{border-top:1px solid var(--rule);letter-spacing:0}.code-bottom span{color:var(--gold)}.library{padding:0 6% 70px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:24px}.section-head h2{font-size:36px;letter-spacing:-1px;margin:12px 0}.search input{background:transparent;border:1px solid var(--rule);padding:13px 16px;border-radius:2px;color:var(--ink);font-size:12px;width:250px}.library-note{color:var(--text);font-size:12px;margin:12px 0 24px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}.filters button,.demo-actions button:not(.primary){background:transparent;border:1px solid var(--rule);color:var(--text);padding:9px 13px;border-radius:2px;font-size:11px}.filters button.active{background:var(--panel);border-color:var(--gold);color:var(--gold)}.collection-row{display:flex;align-items:center;gap:25px;padding:24px 0;border-bottom:1px solid var(--rule)}.collection-row[hidden]{display:none}.collection-row:first-child{border-top:1px solid var(--rule)}.row-number{font:12px ui-monospace,monospace;color:var(--gold);min-width:32px}.collection-row h3{font-size:16px;font-weight:500;margin:0 0 7px}.collection-row p{font-size:12px;color:var(--text);margin:0;line-height:1.7}.row-state{margin-left:auto;white-space:nowrap;font-size:9px;letter-spacing:.5px;color:var(--text)}.available{color:var(--cyan)}.about{margin:0 6%;padding:55px 0 70px;border-top:1px solid var(--rule);display:grid;grid-template-columns:1fr 2fr;gap:40px}.about h2{font-size:40px;line-height:1.2;letter-spacing:-1px}.about p{max-width:65ch;font-size:14px;line-height:1.9;color:var(--text)}.about a{font-size:12px;color:var(--gold)}footer{padding:27px 6%;border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:20px;font-size:8px;color:var(--text);letter-spacing:1px}.skip{position:absolute;left:20px;top:-100px;background:var(--gold);color:var(--bg);padding:12px;z-index:3}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.article-layout{display:grid;grid-template-columns:190px minmax(0,780px);justify-content:center;gap:60px;padding:65px 6% 85px}.article-aside{font-size:12px;color:var(--text);line-height:2}.article-aside .eyebrow{margin-top:45px}.article-aside hr{border:0;border-top:1px solid var(--rule);margin:25px 0}.article-aside a:hover{color:var(--gold)}article{min-width:0}article h1{font-size:62px;letter-spacing:-2px;line-height:1.06;margin:20px 0}article .article-deck{font-family:Georgia,serif;font-size:24px;color:var(--gold);margin-bottom:40px}article p{color:var(--text);font-size:16px;line-height:1.9;margin-bottom:24px}article strong{color:var(--ink);font-weight:600}article h2{font-family:system-ui;font-size:20px;margin:45px 0 20px;font-weight:500}article pre{background:var(--panel);border:1px solid var(--rule);margin:24px 0;white-space:pre;font-size:12px}article code{font-family:ui-monospace,monospace;color:var(--ink);font-size:.85em}article pre code{font-size:inherit}.equation{background:var(--panel);border-left:2px solid var(--gold);padding:25px 12px;margin:25px 0;overflow-x:auto;font-size:21px}math{color:var(--gold)}.demo{border:1px solid var(--rule);margin:30px 0;background:var(--panel)}.demo-top{padding:22px;border-bottom:1px solid var(--rule)}.demo-top h3{font-family:Georgia,serif;font-weight:400;font-size:25px;margin:10px 0 0}.demo-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:22px;padding:22px}.demo label{display:block;font-size:11px;margin:0 0 8px;color:var(--text)}.demo input,.demo textarea{width:100%;background:var(--bg);border:1px solid var(--rule);color:var(--ink);padding:12px;margin-bottom:16px;font:12px/1.7 ui-monospace,monospace;resize:vertical}.demo input{width:90px}.demo-actions{display:flex;flex-wrap:wrap;gap:8px}.demo-actions button{font-size:10px;padding:10px}.result{border-left:1px solid var(--rule);padding-left:20px;overflow-wrap:anywhere}.result h3{font-size:19px;margin:20px 0}.result p,.result li{font-size:12px;line-height:1.8}.result ul{padding-left:18px;color:var(--text)}.note{font-size:11px!important;color:var(--text)}.back{display:inline-block;color:var(--gold);font-size:13px;margin-top:30px}
@media(min-width:1441px){body{border-left:1px solid var(--rule);border-right:1px solid var(--rule);max-width:1440px;margin:auto}}@media(max-width:1000px){header{flex-wrap:wrap;min-height:90px}.hero{padding-top:50px}.hero h1{font-size:65px}.hero-foot{font-size:7px;letter-spacing:0}.feature-grid{gap:20px}.feature h2{font-size:28px}.code-preview pre{font-size:10px}.article-layout{grid-template-columns:140px minmax(0,1fr);gap:30px}article h1{font-size:49px}.demo-grid{grid-template-columns:1fr}.result{border-left:0;border-top:1px solid var(--rule);padding:20px 0 0}}
@media(max-width:680px){header{padding:18px 6%;gap:13px}.brand{font-size:10px;letter-spacing:1.2px;gap:8px}.brand-sub{font-size:8px}.mark{font-size:30px}nav{font-size:11px;gap:25px}.hero{grid-template-columns:1fr;padding:45px 6% 30px}.hero h1{font-size:65px;letter-spacing:-3px}.hero p{font-size:14px}.circuit{max-width:370px;margin:0 auto;width:100%}.hero-foot{font-size:8px;line-height:2}.rule-strip{flex-wrap:wrap;justify-content:flex-start;gap:15px;font-size:8px}.rule-strip .muted{display:none}.feature{margin-top:35px;margin-bottom:40px;padding:22px}.feature-grid{grid-template-columns:1fr}.feature-heading{align-items:flex-start;gap:10px}.feature-heading .eyebrow{font-size:8px}.feature-heading .pill{font-size:8px;white-space:nowrap}.feature h2{font-size:30px}.feature h2 br{display:none}.code-preview pre{font-size:10px;padding:18px}.section-head{align-items:stretch;flex-direction:column;gap:8px}.section-head h2{font-size:32px}.search input{width:100%}.collection-row{gap:12px;flex-wrap:wrap}.collection-row>div{flex:1;min-width:0}.collection-row h3{font-size:15px}.row-state{margin-left:44px;width:100%}.about{grid-template-columns:1fr;gap:25px;padding:35px 0 45px}.about h2{font-size:32px}footer{flex-direction:column;gap:15px;line-height:1.7}.article-layout{display:block;padding-top:25px}.article-aside{margin-bottom:35px}.article-aside .eyebrow{margin-top:20px}.article-aside hr,.article-aside>p:not(.eyebrow){display:none}article h1{font-size:43px;letter-spacing:-1.5px}article .article-deck{font-size:21px}article p{font-size:15px}.equation{font-size:17px}.demo-grid{padding:16px}.desktop{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.article-neighbors{border-top:1px solid var(--rule);padding-top:24px;margin-top:35px;display:flex;justify-content:space-between;gap:20px;font-size:12px;line-height:1.7}.article-neighbors a{max-width:48%;color:var(--gold)}#demo-result{white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;margin:15px 0;font-size:11px;line-height:1.7}.demo textarea{tab-size:2}article a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.article-aside a,.article-neighbors a{text-decoration:none}@media(max-width:680px){.article-aside>p:not(.eyebrow){display:block;margin:8px 0}.article-aside{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}.article-aside .eyebrow{width:100%;margin:10px 0 0}.article-aside>a{width:100%}.article-aside p{font-size:10px;line-height:1.5}.article-aside p br{display:none}}

.article-references{margin-top:30px;font-size:12px;line-height:1.8;color:var(--text);overflow-wrap:anywhere}.article-references h3{font-size:14px;font-weight:500}
article :not(pre)>code{overflow-wrap:anywhere}article pre code{overflow-wrap:normal}article li{line-height:1.8;color:var(--text)}

.formulation{border-left:2px solid var(--gold);background:var(--panel);padding:22px;margin:24px 0}.formulation p{margin:0;font-size:15px}.formulation code{color:var(--gold)}

.reading-time{display:block}@media(max-width:680px){.reading-time{display:inline}.reading-time::before{content:" · "}}

/* Hearth & Code orientation dashboard */
.dashboard-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.75fr);gap:48px;align-items:center;padding:72px 6% 54px;background:radial-gradient(ellipse at 85% 50%,#2a201665,transparent 65%)}.dashboard-intro h1{margin:20px 0;font-size:clamp(54px,7vw,96px)}.dashboard-deck{max-width:56ch;color:var(--text);line-height:1.9;font-size:16px}.orientation-mark{position:relative;width:min(100%,390px);aspect-ratio:1;margin:auto}.mark-ring,.mark-axis{position:absolute;inset:7%;border:1px solid var(--rule);border-radius:50%}.ring-two{inset:22%;border-style:dashed;border-color:#69513d}.mark-axis{inset:10% 50%;border-radius:0;border-width:0 1px}.axis-y{transform:rotate(90deg)}.mark-core{position:absolute;inset:calc(50% - 38px);display:grid;place-items:center;border:1px solid var(--copper);border-radius:50%;background:var(--panel);font-size:45px;color:var(--gold)}.orientation-label{position:absolute;font:9px ui-monospace,monospace;letter-spacing:1.5px;color:var(--text)}.north{top:0;left:calc(50% - 24px)}.east{right:-5px;top:calc(50% - 6px)}.south{bottom:0;left:calc(50% - 23px)}.west{left:0;top:calc(50% - 6px)}.dashboard-start{margin:0 6%;padding:32px;border:1px solid var(--rule);background:var(--panel);display:flex;justify-content:space-between;align-items:center;gap:30px}.dashboard-start h2,.dashboard-map h2,.dashboard-practice h2{font-size:clamp(29px,3vw,42px);letter-spacing:-1px;margin:11px 0}.dashboard-start p:not(.eyebrow),.map-note{max-width:65ch;color:var(--text);font-size:14px;line-height:1.8;margin:0}.dashboard-map{padding:76px 6%}.dashboard-map .section-head{align-items:end}.map-note{text-align:right}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-left:1px solid var(--rule);border-top:1px solid var(--rule);margin-top:30px}.orientation-card{min-height:265px;display:flex;flex-direction:column;position:relative;padding:26px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);background:linear-gradient(145deg,transparent,#211d1848)}.orientation-card:hover{background:var(--panel)}.featured-card{background:linear-gradient(135deg,#2f2119,#211d18)}.card-number{font:11px ui-monospace,monospace;color:var(--gold);margin-bottom:28px}.orientation-card h3{font:400 25px/1.15 Georgia,serif;margin:12px 0}.orientation-card>p:not(.eyebrow){font-size:13px;line-height:1.75;color:var(--text);margin:0}.card-state,.card-link{margin-top:auto;padding-top:25px;font:9px ui-monospace,monospace;letter-spacing:1px;color:var(--text)}.card-link{color:var(--cyan)}.dashboard-practice{margin:0 6% 70px;padding:44px 0;border-top:1px solid var(--rule);display:grid;grid-template-columns:1fr 2fr;gap:55px}.practice-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.practice-steps li{border-top:1px solid var(--rule);padding-top:16px}.practice-steps span{font:10px ui-monospace,monospace;color:var(--gold)}.practice-steps strong{display:block;font:400 21px Georgia,serif;margin:10px 0}.practice-steps p{font-size:12px;line-height:1.7;color:var(--text);margin:0}
@media(max-width:1000px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-practice{grid-template-columns:1fr;gap:20px}}
@media(max-width:680px){.dashboard-intro{grid-template-columns:1fr;padding:46px 6% 34px;gap:15px}.dashboard-intro h1{font-size:62px}.orientation-mark{width:280px}.dashboard-start{margin-top:0;align-items:flex-start;flex-direction:column;padding:24px}.dashboard-map{padding:52px 6%}.dashboard-map .section-head{align-items:flex-start}.map-note{text-align:left}.dashboard-grid{grid-template-columns:1fr}.orientation-card{min-height:210px}.dashboard-practice{margin-bottom:45px}.practice-steps{grid-template-columns:repeat(2,1fr)}}

/* Long-form orientation surfaces */
.detail-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.62fr);align-items:center;gap:65px;padding:72px 12% 58px;background:radial-gradient(ellipse at 88% 45%,#2a20166b,transparent 64%)}.detail-hero h1{font-size:clamp(52px,6.5vw,88px);letter-spacing:-3px;margin:18px 0}.detail-deck{font:400 clamp(23px,2.7vw,34px)/1.28 Georgia,serif;color:var(--gold);margin:0 0 25px}.detail-summary{max-width:62ch;font-size:15px;line-height:1.9;color:var(--text);margin:0}.detail-visual{height:330px;position:relative;margin:0;border:1px solid var(--rule);background:linear-gradient(145deg,#211d18,#161411);overflow:hidden}.detail-visual::before,.detail-visual::after{content:"";position:absolute;inset:10%;border:1px solid #69513d}.detail-visual::after{inset:24%;border-style:dashed;border-radius:50%}.visual-node{position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid var(--gold);background:var(--panel);z-index:2}.node-a{top:20%;left:22%}.node-b{top:25%;right:20%;border-color:var(--cyan)}.node-c{bottom:22%;left:29%;border-color:var(--copper)}.node-d{bottom:18%;right:28%;border-color:var(--violet)}.visual-line{position:absolute;height:1px;background:var(--rule);transform-origin:left center}.line-a{width:58%;left:25%;top:25%;transform:rotate(22deg)}.line-b{width:43%;left:32%;top:68%;transform:rotate(-33deg)}.line-c{width:46%;left:28%;top:48%;transform:rotate(90deg)}.detail-visual figcaption{position:absolute;left:22px;bottom:18px;font:9px ui-monospace,monospace;letter-spacing:1.5px;color:var(--text)}.visual-loop::before{border-radius:50%;border-color:var(--gold)}.visual-loop::after{border-radius:0;transform:rotate(45deg);border-color:var(--copper)}.visual-catalog{background:repeating-linear-gradient(90deg,#211d18 0 45px,#161411 46px 47px)}.visual-catalog::before{inset:15%;border-radius:0;background:repeating-linear-gradient(0deg,transparent 0 28px,#4b4237 29px 30px)}.visual-evidence::before{clip-path:polygon(10% 4%,90% 4%,100% 50%,90% 96%,10% 96%,0 50%);border-color:var(--cyan)}.visual-stack::before{inset:20% 14%;border-radius:0;box-shadow:0 42px 0 -1px var(--rule),0 84px 0 -1px var(--rule)}.visual-board::before{inset:13%;border-radius:0;background:linear-gradient(90deg,transparent 32%,#4b4237 32% 33%,transparent 33% 66%,#4b4237 66% 67%,transparent 67%)}.visual-weave::before{transform:rotate(45deg);border-color:var(--violet)}.detail-layout{display:grid;grid-template-columns:190px minmax(0,760px);justify-content:center;gap:64px;padding:45px 6% 85px}.detail-aside{font-size:12px;line-height:1.6;color:var(--text)}.detail-aside>a:first-child{color:var(--gold);display:block;margin-bottom:36px}.detail-aside .eyebrow{margin:0 0 12px}.detail-aside>a:not(:first-child){display:block;padding:8px 0;border-top:1px solid var(--rule)}.detail-aside>a:hover{color:var(--gold)}.detail-aside .fieldcraft-link{margin-top:28px;color:var(--cyan);border-top:1px solid var(--gold)}.detail-article{min-width:0}.detail-article section{padding:0 0 33px;margin:0 0 33px;border-bottom:1px solid var(--rule)}.detail-article h2{font:400 29px/1.2 Georgia,serif;letter-spacing:-.5px;margin:0 0 17px}.detail-article p{font-size:16px;line-height:1.95;color:var(--text);margin:0 0 17px}.detail-article .detail-limit{border:1px solid #69513d;background:var(--panel);padding:24px;margin-top:45px}.detail-article .detail-limit p:last-child{margin:10px 0 0;color:var(--ink)}
@media(max-width:1000px){.detail-hero{padding-left:6%;padding-right:6%;gap:35px}.detail-layout{grid-template-columns:150px minmax(0,1fr);gap:34px}}
@media(max-width:680px){.detail-hero{grid-template-columns:1fr;padding:46px 6% 30px}.detail-hero h1{font-size:55px}.detail-deck{font-size:25px}.detail-visual{height:220px}.detail-layout{display:block;padding-top:28px}.detail-aside{display:grid;grid-template-columns:1fr 1fr;gap:0 15px;margin-bottom:38px}.detail-aside>a:first-child,.detail-aside .eyebrow{grid-column:1/-1}.detail-aside>a:first-child{margin-bottom:20px}.detail-article h2{font-size:26px}.detail-article p{font-size:15px}.detail-article section{padding-bottom:25px;margin-bottom:25px}}