.beginner-page{max-width:1260px;margin:auto;padding:30px 30px 48px;color:#eee3ce}.beginner-page[hidden]{display:none}.beginner-heading{text-align:center;padding:12px 0 32px}.beginner-heading h1{font-size:clamp(32px,4vw,54px);color:#edcd96;line-height:1.15;margin:10px 0 16px;text-wrap:balance}.beginner-heading>p:last-child{color:#c6bdac;font-size:18px}.beginner-steps{border:1px solid #9c7543;background:#101611;box-shadow:0 12px 40px #0004}.beginner-step{display:grid;grid-template-columns:1fr 1.15fr;min-height:290px;border-bottom:1px solid #9c7543;overflow:hidden}.beginner-step:last-child{border-bottom:0}.beginner-copy{padding:30px 30px 26px;position:relative;background:radial-gradient(ellipse at top left,#6d54211c,transparent 75%)}.beginner-number{float:left;display:grid;place-items:center;width:54px;height:54px;margin:0 17px 12px 0;border:2px solid #bf9355;outline:1px solid #745128;outline-offset:4px;border-radius:50%;font-size:38px;color:#e9bf7c}.beginner-copy h2{font-size:clamp(23px,2.4vw,31px);line-height:1.2;color:#edcd96;margin:0 0 22px;min-height:58px}.beginner-copy p{clear:both;font-size:18px;line-height:1.65;margin:0 0 20px;color:#ded8c9}.beginner-tags{color:#c5a16a;font-size:14px;border-top:1px solid #b28e4d44;padding-top:14px;letter-spacing:.5px}.beginner-scene{background-image:url("images/beginner-reference.png");background-repeat:no-repeat;background-size:190% auto;min-height:290px;box-shadow:inset 20px 0 25px -12px #101611}.scene-materials{background-position:100% 35.1%}.scene-bed{background-position:100% 60%}.scene-water{background-position:100% 85%}.beginner-tip{display:flex;align-items:center;gap:25px;border:1px solid #a56d35;background:linear-gradient(110deg,#492216,#211a12);margin-top:22px;padding:26px 30px}.beginner-tip>span{font-size:56px;color:#e5b775;border:1px solid #a56d35;border-radius:50%;width:65px;height:65px;display:grid;place-items:center;flex-shrink:0}.beginner-tip h2{font-size:29px;color:#edcd96;margin:0 0 9px}.beginner-tip p{font-size:18px;line-height:1.6;margin:0}#beginnerTitle:focus{outline:none}@media(max-width:700px){.beginner-page{padding:22px 16px 32px}.beginner-heading{padding:8px 0 22px}.beginner-step{grid-template-columns:1fr}.beginner-copy{padding:26px 23px}.beginner-copy p{font-size:17px}.beginner-scene{min-height:0;aspect-ratio:1.95;background-size:190% auto;box-shadow:none}.beginner-tip{padding:23px 20px;align-items:flex-start;gap:15px}.beginner-tip>span{width:40px;height:40px;font-size:34px}.beginner-tip p{font-size:16px}.beginner-tip h2{font-size:25px}}
/* Keep each illustration in a fixed crop, independent of the text column height. */
.beginner-scene{display:grid;align-items:center;background-image:none;overflow:hidden;background-color:#101611}
.beginner-scene::before{content:"";display:block;width:100%;aspect-ratio:560 / 265;background-image:url("images/beginner-reference.png");background-repeat:no-repeat;background-size:188.392857% 562.641509%;background-position-x:92.929293%}
.scene-materials::before{background-position-y:34.665579%}
.scene-bed::before{background-position-y:58.727569%}
.scene-water::before{background-position-y:83.60522%}
@media(max-width:700px){.beginner-scene{aspect-ratio:560 / 265;background-size:auto}}