.examplesPage{color:#eee7d7;background:#061710;min-height:100vh;font-family:Manrope,Arial,sans-serif}.examplesNav{z-index:5;background:#061710f7;border-bottom:1px solid #5b4928;justify-content:space-between;align-items:center;height:82px;padding:0 max(5vw,50vw - 590px);display:flex;position:sticky;top:0}.examplesBrand{align-items:center;gap:12px;font-size:17px;display:flex}.examplesNav nav{color:#bbb7ab;gap:28px;font-size:13px;display:flex}.examplesNav a:hover{color:#c5a35a}.examplesIntro{grid-template-columns:1.5fr .5fr;align-items:end;gap:80px;max-width:1180px;margin:auto;padding:78px 0 50px;display:grid}.examplesIntro p,.examplesMethod p{color:#c5a35a;letter-spacing:1.8px;font-size:12px;font-weight:800}.examplesIntro h1{letter-spacing:-3px;margin:18px 0 0;font:400 clamp(48px,6vw,82px)/1 Georgia,serif}.examplesIntro h1 em,.examplesMethod h2 em{color:#d5b66d;font-style:normal}.examplesIntro>span{color:#a8b3ab;font-size:16px;line-height:1.7}.exampleSelector{background:#445047;border:1px solid #445047;grid-template-columns:repeat(4,1fr);gap:1px;max-width:1180px;margin:0 auto 26px;display:grid}.exampleSelector button{text-align:left;color:#ece4d4;cursor:pointer;background:#0a2119;border:0;grid-template-columns:auto 1fr;align-content:start;column-gap:12px;min-height:145px;padding:20px;display:grid}.exampleSelector button:hover{background:#102d22}.exampleSelector button.active{color:#07150f;background:#c5a35a}.exampleSelector button>span{grid-row:1/3;font:400 27px Georgia,serif}.exampleSelector small{letter-spacing:1px;opacity:.72;font-size:11px}.exampleSelector b{margin-top:10px;font:400 17px/1.3 Georgia,serif}.exampleSheet{border:1px solid #6b572c;grid-template-columns:.8fr 1.25fr .7fr;max-width:1180px;margin:auto 95px;animation:.25s ease-out reveal;display:grid}@keyframes reveal{0%{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}.exampleContext,.exampleWorking,.exampleAnswer{padding:32px}.exampleContext{background:#0b241b;border-right:1px solid #455047}.exampleContext>small,.workingHead small,.exampleAnswer>small{color:#c5a35a;letter-spacing:1.3px;font-size:11px}.exampleContext h2{margin:17px 0;font:400 34px/1.12 Georgia,serif}.exampleContext>p{color:#bac4bd;font-size:16px;line-height:1.7}.exampleContext>div{border-top:1px solid #3f4b44;margin-top:28px;padding-top:22px}.exampleContext>div b,.exampleContext>div span{display:block}.exampleContext>div b,.exampleAnswer div b{color:#c5a35a;letter-spacing:1.2px;margin-bottom:12px;font-size:11px}.exampleContext>div span{color:#aab6ae;border-bottom:1px solid #263c32;padding:7px 0;font-size:14px}.exampleWorking{color:#17231e;background:#f1ede2}.workingHead{border-bottom:1px solid #c9c0aa;justify-content:space-between;padding-bottom:17px;display:flex}.workingHead span{color:#757a73;font-size:11px}.exampleWorking article{border-bottom:1px solid #d4cbb7;grid-template-columns:30px 1fr auto;align-items:center;gap:14px;padding:21px 0;display:grid}.exampleWorking i{color:#806527;border:1px solid #a98946;place-items:center;width:27px;height:27px;font-size:12px;font-style:normal;display:grid}.exampleWorking article b{font-size:14px}.exampleWorking article p{color:#69716c;margin:5px 0 0;font-size:12px;line-height:1.5}.exampleWorking article strong{color:#17382d;text-align:right;font:400 19px Georgia,serif}.exampleAnswer{background:#0d2b22;flex-direction:column;display:flex}.exampleAnswer>strong{color:#d5b66d;margin:16px 0 30px;font:400 47px Georgia,serif}.exampleAnswer>div{border-top:1px solid #526047;margin-bottom:28px;padding-top:23px}.exampleAnswer div p{color:#b2bdb5;font-size:14px;line-height:1.65}.exampleAnswer>a{color:#d4c8aa;border:1px solid #6b572c;margin-top:8px;padding:13px;font-size:12px}.exampleAnswer>a.primaryExampleLink{color:#07150f;background:#c5a35a;border-color:#c5a35a;font-weight:800}.examplesMethod{background:#0b241a;border-top:1px solid #66542e;border-bottom:1px solid #66542e;grid-template-columns:1fr 1.4fr;gap:90px;padding:75px max(5vw,50vw - 590px);display:grid}.examplesMethod h2{margin:12px 0;font:400 43px/1.08 Georgia,serif}.examplesMethod ol{counter-reset:steps;margin:0;padding:0;list-style:none}.examplesMethod li{counter-increment:steps;border-bottom:1px solid #3a4a40;grid-template-columns:32px 1fr;padding:18px 0;display:grid}.examplesMethod li:before{content:"0" counter(steps);color:#c5a35a;font-size:12px}.examplesMethod li b,.examplesMethod li span{grid-column:2}.examplesMethod li b{font-size:15px}.examplesMethod li span{color:#9eaaa2;margin-top:5px;font-size:13px}.examplesFooter{color:#849188;background:#04120d;justify-content:space-between;padding:34px max(5vw,50vw - 590px);font-size:12px;display:flex}@media (max-width:900px){.examplesNav nav{display:none}.examplesIntro{grid-template-columns:1fr;gap:25px;margin:0 5vw;padding:58px 0 38px}.examplesIntro h1{letter-spacing:-2px}.exampleSelector{grid-template-columns:1fr 1fr;margin:0 5vw 22px}.exampleSelector button{min-height:125px}.exampleSheet{grid-template-columns:1fr;margin:0 5vw 65px}.exampleContext{border-bottom:1px solid #455047;border-right:0}.examplesMethod{grid-template-columns:1fr;gap:30px;padding:58px 5vw}.examplesFooter{flex-direction:column;gap:12px;padding:30px 5vw}}@media (max-width:520px){.exampleSelector{grid-template-columns:1fr}.exampleWorking,.exampleContext,.exampleAnswer{padding:25px 20px}.exampleWorking article{grid-template-columns:30px 1fr}.exampleWorking article strong{text-align:left;grid-column:2;margin-top:3px}}