.home-page{--home-surface:#f6f1e2;font-variation-settings:"MONO" 0, "CASL" .3, "slnt" 0, "CRSV" 0;max-width:1280px;margin:0 auto;padding:0 48px}.home-page .flag{border-bottom:1px solid var(--rule2);align-items:center;padding:30px 0 22px}.home-page .nav{letter-spacing:.06em;gap:24px;font-size:11px}.home-page .mark{font-size:30px}.home-page button,.home-page input{font:inherit}.home-page button{cursor:pointer}.home-page a{text-underline-offset:5px}.home-hero{grid-template-columns:1.35fr 1fr;align-items:center;gap:72px;padding:80px 0 70px;display:grid}.home-intro{min-width:0}.home-intro h1{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(38px,4.5vw,60px);font-weight:750;line-height:1.04}.home-intro h1 span{color:var(--ember-text);font-variation-settings:"CASL" .9, "slnt" -4;display:block}.home-lead{max-width:42ch;margin:28px 0 0;font-size:20px;line-height:1.5}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:30px;display:flex}.home-primary,.home-text-link{align-items:center;gap:14px;min-height:44px;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex}.home-primary{background:var(--ink);color:var(--card);border:1px solid #0000;padding:13px 18px}.home-primary:hover{background:var(--ember-text)}.home-text-link{color:var(--ink)}.home-text-link:hover{text-decoration:underline}.ownership{color:var(--ink2);margin:22px 0 0;font-size:12px}.starting-point{background:var(--cool);color:var(--card);padding:30px}.start-heading{justify-content:space-between;gap:12px;font-size:17px;font-weight:650;display:flex}.start-heading>span{font-size:24px}.start-choices{border-bottom:1px solid #f6f1e259;flex-wrap:wrap;gap:4px 16px;padding:20px 0 0;display:flex}.start-choices button{color:var(--card);background:0 0;border:none;border-bottom:2px solid #0000;min-height:48px;padding:10px 0;font-size:12px}.start-choices button[aria-pressed=true]{border-bottom-color:var(--card);font-weight:750}.start-choices button:hover{border-bottom-color:#f6f1e299}.starting-point :focus-visible{outline-color:var(--card)}.start-answer{flex-direction:column;min-height:250px;padding-top:28px;display:flex}.start-answer h2{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:32px;font-weight:600;line-height:1.18}.start-answer p{margin:18px 0 24px;font-size:14px;line-height:1.6}.start-link{color:inherit;border-top:1px solid #f6f1e259;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:18px;font-size:18px;text-decoration:none;display:flex}.start-link small{margin-bottom:3px;font-size:11px;display:block}.start-link:hover{text-decoration:underline}.system-section{border-top:2px solid var(--ink);padding-top:28px;scroll-margin-top:24px}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.section-heading h2{letter-spacing:-.025em;margin:0;font-size:clamp(26px,3vw,34px);font-weight:650;line-height:1.15}.section-heading p{color:var(--ink2);margin:0;font-size:14px}.catalog-controls{justify-content:space-between;align-items:center;gap:24px;margin-top:28px;display:flex}.catalog-filters{flex-wrap:wrap;gap:4px;display:flex}.catalog-filters button{color:var(--ink2);background:0 0;border:1px solid #0000;min-height:44px;padding:10px 14px;font-size:13px}.catalog-filters button span{padding-left:6px;font-size:11px}.catalog-filters button[aria-pressed=true]{background:var(--ember-text);color:var(--card)}.catalog-filters button:hover{border-color:var(--ink2)}.system-search{border-bottom:1px solid var(--ink2);align-items:center;gap:10px;min-width:0;padding:6px 2px;display:flex}.system-search input{width:210px;min-width:0;max-width:100%;color:var(--ink);min-height:36px;caret-color:var(--ember-text);background:0 0;border:none;border-radius:0;font-size:14px}.system-search input::placeholder{color:var(--ink2);opacity:1}.system-search:focus-within{outline:2px solid var(--cool);outline-offset:5px}.system-search input:focus{outline:none}.result-line{min-height:54px;color:var(--ink2);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.result-line p{margin:0}.result-line button{min-height:44px;color:var(--ink);background:0 0;border:0;padding:8px;font-size:12px;text-decoration:underline}.system-list{grid-template-columns:1fr 1fr;column-gap:40px;display:grid}.system-entry{border-top:1px solid var(--rule2);flex-direction:column;padding:24px 0;display:flex;position:relative}.system-category{color:var(--ember-text);font-size:12px}.system-summary h3{letter-spacing:-.02em;margin:8px 0 10px;font-size:25px;font-weight:650;line-height:1.2}.system-summary h3 a{color:var(--ink);text-decoration:none}.system-summary h3 a:hover{text-decoration:underline}.system-summary p{max-width:46ch;color:var(--ink2);margin:0 0 24px;font-size:15px;line-height:1.6}.system-access{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-top:auto;display:flex}.system-access>span{color:var(--ink2);font-size:11px}.system-access a{min-height:44px;color:var(--ink);align-items:center;gap:12px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex}.system-access a:hover{color:var(--ember-text);text-decoration:underline}.system-access svg{transition:transform .16s ease-out}.system-access a:hover svg{transform:translate(4px)}.catalog-empty{border-top:1px solid var(--rule2);padding:42px 0}.catalog-empty h3{margin:0;font-size:24px}.catalog-empty p{color:var(--ink2);font-size:15px}.catalog-empty .home-text-link{margin-left:20px}.home-footer{border-top:1px solid var(--rule2);grid-template-columns:1fr auto;column-gap:60px;margin-top:40px;padding:36px 0 24px;display:grid}.footer-name{color:var(--ink);font-size:25px;font-weight:600;text-decoration:none}.footer-name:hover{text-decoration:underline}.home-footer p{max-width:47ch;color:var(--ink2);margin-top:12px;font-size:14px}.footer-links{flex-direction:column;display:flex}.footer-links a{min-height:44px;color:var(--ink);justify-content:space-between;align-items:center;gap:40px;font-size:13px;text-decoration:none;display:flex}.footer-links a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid var(--rule);color:var(--ink2);grid-column:1/-1;justify-content:space-between;align-items:center;gap:20px;margin-top:30px;padding-top:20px;font-size:11px;display:flex}.footer-bottom a{color:inherit;align-items:center;min-height:44px;display:inline-flex}.home-index .home-hero{grid-template-columns:2fr 1fr;align-items:end;padding:46px 0}.home-index .home-intro h1{font-size:clamp(36px,4vw,48px)}.home-index .home-intro h1 span{margin-left:.2em;display:inline}.home-index .home-lead{max-width:55ch;margin-top:20px;font-size:17px}.index-note{border-left:1px solid var(--rule2);margin-bottom:10px;padding-left:28px}.index-note p{margin:0 0 20px;font-size:20px;line-height:1.5}.index-note a{min-height:44px;color:var(--ink);align-items:center;gap:12px;font-size:12px;display:inline-flex}.home-index .system-list{display:block}.home-index .system-entry{grid-template-columns:120px 1fr 180px;align-items:center;column-gap:28px;padding:22px 0;display:grid}.home-index .system-summary h3{margin-top:0;font-size:23px}.home-index .system-summary p{max-width:65ch;margin-bottom:0}.home-index .system-access{flex-direction:column;align-items:flex-end;margin:0}.home-fieldnotes{max-width:1120px}.home-example{border-top:2px solid var(--ink);margin-bottom:64px}.example-caption,.example-footnote,.example-bottom{justify-content:space-between;align-items:center;gap:16px;display:flex}.example-caption{color:var(--ink2);padding:16px 0 28px;font-size:12px}.example-caption span:first-child{color:var(--ember-text);font-weight:650}.example-layout{grid-template-columns:1fr 1.6fr;gap:48px;display:grid}.example-guide h2{margin:0 0 24px;font-size:25px;font-weight:650;line-height:1.35}.example-steps{flex-direction:column;align-items:stretch;display:flex}.example-steps button{text-align:left;border:0;border-bottom:1px solid var(--rule);min-height:52px;color:var(--ink2);background:0 0;align-items:center;gap:14px;padding:12px 0;font-size:14px;display:flex}.example-steps button span{font-size:11px}.example-steps button svg{opacity:0;margin-left:auto}.example-steps button[aria-pressed=true]{color:var(--ember-text);font-weight:650}.example-steps button[aria-pressed=true] svg{opacity:1}.example-detail{background:var(--home-surface);flex-direction:column;min-width:0;padding:28px 32px 16px;display:flex}.example-sheet{min-height:300px;animation:.24s ease-out example-reveal}.example-label{color:var(--ink2);font-size:11px}.example-sheet h3{text-wrap:balance;margin:20px 0 18px;font-size:clamp(23px,2.5vw,30px);font-weight:600;line-height:1.3}.example-sheet p{color:var(--ink2);margin:16px 0;font-size:15px;line-height:1.65}.example-sheet blockquote{border-left:2px solid var(--cool);margin:20px 0;padding-left:18px;font-size:16px;line-height:1.6}.example-sheet small{color:var(--ink2);font-size:11px}.example-bottom{border-top:1px solid var(--rule2);color:var(--ink2);margin-top:auto;padding-top:12px;font-size:11px}.example-bottom button,.example-footnote a,.home-access-compact a{min-height:44px;color:var(--ink);align-items:center;gap:12px;font-size:13px;display:inline-flex}.example-bottom button{background:0 0;border:0;padding:0}.example-bottom button:hover{text-underline-offset:4px;text-decoration:underline}.example-footnote{border-bottom:1px solid var(--rule2);padding:16px 0}.example-footnote p{color:var(--ink2);max-width:48ch;margin:0;font-size:12px}.example-footnote a{flex-shrink:0}.home-access-compact{border-top:1px solid var(--rule2);margin-top:36px}.home-access-compact summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:64px;font-size:16px;font-weight:600;list-style:none;display:flex}.home-access-compact summary::-webkit-details-marker{display:none}.home-access-compact details[open] summary span{transform:rotate(45deg)}.home-access-compact details>div{padding-bottom:20px}.home-access-compact p{max-width:65ch;color:var(--ink2);font-size:14px}.home-access-compact a{margin-right:28px}@keyframes example-reveal{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:700px){.home-example{margin-bottom:40px}.example-caption{flex-direction:column;align-items:flex-start;gap:6px;padding-bottom:22px}.example-layout{grid-template-columns:1fr;gap:20px}.example-guide h2{margin-bottom:14px;font-size:24px}.example-steps{flex-direction:row}.example-steps button{flex-direction:column;flex:1;align-items:flex-start;gap:4px;padding:10px 4px;font-size:12px}.example-steps button svg{display:none}.example-steps button[aria-pressed=true]{border-bottom:2px solid var(--ember-text)}.example-detail{padding:22px 20px 12px}.example-sheet{min-height:370px}.example-footnote{flex-direction:column;align-items:flex-start;gap:4px}}@media (prefers-reduced-motion:reduce){.example-sheet{animation:none}}.home-fieldnotes .home-hero{padding:64px 0;display:block}.home-fieldnotes .home-intro h1{font-variation-settings:"CASL" 1, "slnt" -2;max-width:900px;font-size:clamp(40px,6vw,72px)}.home-fieldnotes .home-lead{max-width:55ch;font-size:23px}.home-fieldnotes .system-list{display:block}.home-fieldnotes .system-entry{grid-template-columns:1fr 2fr;column-gap:40px;padding:32px;display:grid}.home-fieldnotes .system-summary{grid-area:1/2/3}.home-fieldnotes .system-summary h3{margin-top:0;font-size:30px}.home-fieldnotes .system-access{flex-direction:column;grid-area:2/1;align-items:flex-start;gap:4px;margin-top:16px}.home-fieldnotes .system-entry:nth-child(2n){background:var(--home-surface)}.variation-page{padding:64px 0}.variation-page>h1{letter-spacing:-.03em;margin:0 0 20px;font-size:clamp(36px,5vw,60px);font-weight:650;line-height:1.1}.variation-page>p{max-width:65ch;color:var(--ink2)}.variation-options{grid-template-columns:repeat(3,1fr);gap:28px;margin:40px 0;display:grid}.variation-option{color:var(--ink);border-top:2px solid var(--ink);padding-top:20px;text-decoration:none}.variation-option h2{margin:20px 0 10px;font-size:28px;font-weight:650}.variation-option p{color:var(--ink2);font-size:15px}.variation-option small{color:var(--ink2);margin:18px 0;font-size:12px;display:block}.variation-option>span{color:var(--ember-text);padding:12px 0;font-size:14px;display:block}.variation-option:hover>span{text-decoration:underline}.layout-preview{background:var(--home-surface);grid-template-columns:1fr 1fr;gap:12px;height:180px;padding:20px;display:grid}.layout-preview div{background:var(--paper)}.layout-preview div:first-child{background:var(--ink2)}.preview-studio .layout-preview div:nth-child(2){background:var(--cool);grid-row:span 2}.preview-index .layout-preview{grid-template-columns:1fr}.preview-fieldnotes .layout-preview div:first-child{grid-column:span 2}.preview-fieldnotes .layout-preview div:nth-child(2){background:var(--ember-text);grid-column:span 2}@media (max-width:1000px){.home-page{padding:0 32px}.home-page .flag{gap:20px}.home-page .nav{gap:16px}.home-hero{gap:32px;padding-top:56px}.starting-point{padding:24px}}@media (max-width:700px){.home-page{padding:0 22px}.home-page .flag{padding:22px 0 16px}.home-page .mark{font-size:27px}.home-hero,.home-index .home-hero{grid-template-columns:1fr;gap:32px;padding:42px 0}.home-intro h1{font-size:clamp(36px,9vw,48px)}.home-lead{margin-top:24px;font-size:18px}.starting-point{padding:24px}.start-answer{min-height:228px}.start-answer h2{font-size:30px}.catalog-controls{flex-direction:column;align-items:stretch;gap:20px}.system-search input{width:100%}.system-list{grid-template-columns:1fr}.system-summary h3{font-size:26px}.home-footer{grid-template-columns:1fr;gap:18px;margin-top:12px}.footer-links{align-items:flex-start}.footer-links a{gap:18px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:0;margin-top:12px}.index-note{display:none}.home-index .home-intro h1 span{margin-left:0;display:block}.home-index .system-entry{grid-template-columns:1fr;gap:8px}.home-index .system-summary h3{margin-top:4px}.home-index .system-access{flex-direction:row;align-items:center;margin-top:8px}.home-fieldnotes .home-hero{padding:42px 0}.home-fieldnotes .home-intro h1{font-size:clamp(36px,9vw,48px)}.home-fieldnotes .home-lead{font-size:20px}.home-fieldnotes .system-entry{gap:0;padding:24px 16px;display:flex}.home-fieldnotes .system-summary h3{margin-top:10px;font-size:28px}.home-fieldnotes .system-access{flex-direction:row;align-items:center;gap:12px;margin-top:0}.variation-page{padding-top:40px}.variation-options{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.system-access svg{transition:none}.system-access a:hover svg{transform:none}}