.skill-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:64px;align-items:center;padding:36px 0 40px;min-height:calc(100svh - 150px)}.skill-eyebrow{display:block;font-size:9px;letter-spacing:2px;color:#c8553d;margin-bottom:18px}.skill-copy h1{font:500 68px/1 Georgia,serif;letter-spacing:-1.6px;margin:0 0 26px}.skill-lede{font-size:14px;line-height:1.75;max-width:520px;margin:0 0 30px}.skill-command{display:flex;align-items:stretch;border:2px solid #252525;border-radius:12px;background:#fbf7ee;max-width:600px;overflow:hidden}.skill-command code{flex:1;min-width:0;overflow-x:auto;white-space:nowrap;padding:15px 16px;font-size:12px;scrollbar-width:thin}.skill-command button{flex:none;border:0;border-left:2px solid #252525;background:#f2eadb;font-weight:700;padding:0 20px;cursor:pointer}.skill-command button:hover{background:#eadfc9}.skill-command button:focus-visible{outline:2px solid #EF745F;outline-offset:-4px}.skill-note{font-size:10.5px;color:#8b877e;line-height:1.6;margin:10px 0 0;max-width:600px}.skill-actions{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px}.skill-actions .cta-button{height:46px;padding:0 26px;font-size:13.5px}.skill-facts{display:grid;gap:14px;margin:40px 0 0;max-width:560px;border-top:1px solid #D6D1C6;padding-top:22px}.skill-facts div{display:grid;grid-template-columns:86px 1fr;gap:12px}.skill-facts dt{font-size:8.5px;letter-spacing:1.6px;color:#8b877e;text-transform:uppercase;padding-top:3px}.skill-facts dd{margin:0;font-size:11.5px;line-height:1.6}.skill-demo{margin:0;border:2px solid #252525;border-radius:26px;background:#fbf7ee;box-shadow:6px 6px #252525;overflow:hidden}.skill-demo-stage{position:relative;height:clamp(380px,calc(100svh - 230px),680px)}.skill-demo-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;transition:opacity .35s ease}.skill-demo-cells{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.skill-demo-cells a{position:relative;color:#252525;text-decoration:none;border-right:1px solid #E3DCCD;border-bottom:1px solid #E3DCCD}.skill-demo-cells a:nth-child(2n){border-right:0}.skill-demo-cells a:nth-child(n+3){border-bottom:0}.skill-demo-cells span{position:absolute;left:16px;bottom:12px;font-size:9px;letter-spacing:1.4px;background:#fbf7eee6;padding:3px 6px;border-radius:4px;transition:opacity .35s ease}.skill-demo-cells span b{color:#c8553d;font-weight:400;margin-right:6px}.skill-demo-cells a:hover span:after,.skill-demo-cells a:focus-visible span:after{content:"  ·  EXPLORE ↗";color:#8b877e}.skill-demo-cells a:focus-visible{outline:2px solid #EF745F;outline-offset:-4px}.skill-demo-loading{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;color:#8b877e}.skill-demo-loading[hidden]{display:none}.skill-demo.switching canvas,.skill-demo.switching .skill-demo-cells span{opacity:0}.skill-demo figcaption{display:flex;align-items:center;gap:14px;border-top:2px solid #252525;padding:12px 18px;font-size:10px;letter-spacing:.4px}.skill-demo-count{margin-left:auto;color:#8b877e}.skill-demo-pause{border:1.5px solid #252525;border-radius:999px;background:transparent;padding:5px 12px;font-size:10px;cursor:pointer}.skill-demo-pause:hover{background:#efe6d4}.skill-footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid #D6D1C6;padding:18px 0 28px;font-size:9px;letter-spacing:1px;color:#8b877e}.skill-footer a{color:inherit}@media(prefers-reduced-motion:reduce){.skill-demo-stage canvas,.skill-demo-cells span{transition:none}}@media(max-width:1050px){.skill-main{gap:40px}.skill-copy h1{font-size:54px}}@media(max-width:860px){.skill-main{grid-template-columns:minmax(0,1fr);padding:34px 0 44px;min-height:0}.skill-demo{max-width:560px;width:100%}}@media(max-width:650px){.skill-demo-stage{height:auto;aspect-ratio:1/1}.skill-copy h1{font-size:44px}.skill-lede{font-size:13px}.skill-actions .cta-button{flex:1 1 220px}.skill-facts div{grid-template-columns:1fr;gap:4px}.skill-demo-cells span{left:8px;bottom:8px;font-size:7.5px}}