.instruction-page{color:var(--ink);background:var(--paper)}.instruction-hero{color:#fff;background:#3d4a32 url(/images/instruction-hero-1293.webp) 50%/cover no-repeat;min-height:700px;position:relative;overflow:hidden}.instruction-hero .site-header-shell{animation:hero-drop .52s 60ms var(--ease-premium) both}.instruction-hero__shade{pointer-events:none;background:linear-gradient(#0003,#0000 30% 55%,#00000057);position:absolute;inset:0}.instruction-hero__copy{z-index:1;justify-content:space-between;align-items:flex-end;gap:48px;display:flex;position:absolute;bottom:36px;left:22px;right:42px}.instruction-hero__copy h1{text-shadow:0 0 12px #0000009e;max-width:504px;font-size:48px;font-weight:400;line-height:1.15}.instruction-hero__copy p{text-align:right;text-shadow:0 2px 4px #0000009c;max-width:518px;font-size:20px;font-style:italic;font-weight:400;line-height:1.35}.instruction-academy{text-align:center;padding:28px 24px 56px}.instruction-academy__inner{max-width:720px;margin:0 auto}.instruction-academy__mark{object-fit:contain;width:126px;height:109px;margin:0 auto 14px}.instruction-academy h2{font-size:40px;font-weight:400;line-height:1.2}.instruction-academy__tagline{margin-top:8px;font-size:24px;font-weight:300;line-height:1.3}.instruction-academy__inner>p:not(.instruction-academy__tagline){max-width:620px;margin:22px auto 0;font-size:20px;font-weight:300;line-height:1.45}.instruction-academy__actions{justify-content:center;gap:41px;margin-top:36px;display:flex}.instruction-button{color:#000;background:0 0;border:3px solid #000;border-radius:999px;justify-content:center;align-items:center;width:212px;min-height:55px;padding:8px 18px;font-size:24px;font-weight:400;line-height:1.15;text-decoration:none;transition:color .16s,background-color .16s,box-shadow .16s;display:inline-flex;box-shadow:0 2px 4px #0000008c}.instruction-button--accent{border-color:var(--orange)}.instruction-button:hover,.instruction-button:focus-visible{color:#fff;background:#000;box-shadow:0 3px 8px #00000059}.instruction-button--accent:hover,.instruction-button--accent:focus-visible{background:var(--orange)}.instruction-button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.instruction-progress{padding:8px 0 78px}.instruction-progress__intro{grid-template-columns:minmax(0,609px) minmax(0,562px);justify-content:space-between;align-items:start;gap:46px;width:min(1217px,100% - 80px);margin:0 auto 28px;display:grid}.instruction-progress h2{font-size:40px;font-weight:400;line-height:1.2}.instruction-progress__intro p{text-align:right;font-size:16px;font-weight:400;line-height:1.45}.instruction-progress>img{aspect-ratio:1191/399;object-fit:cover;width:min(1191px,100% - 72px);height:auto;margin:0 auto;box-shadow:0 0 14px #00000069}@media (width<=980px){.instruction-hero__copy h1{font-size:40px}.instruction-hero__copy p{max-width:42%;font-size:17px}.instruction-academy h2,.instruction-progress h2{font-size:34px}.instruction-academy__tagline{font-size:20px}.instruction-progress__intro{gap:28px;width:min(100% - 48px,1217px)}}@media (width<=820px){.instruction-hero{background-position:62%;min-height:620px}.instruction-hero__copy{display:block;inset:0}.instruction-hero__copy h1{max-width:none;font-size:clamp(38px,10.5vw,48px);line-height:1.08;position:absolute;bottom:176px;left:24px;right:24px}.instruction-hero__copy p{text-align:left;width:min(320px,100% - 48px);max-width:none;margin:0;font-size:17px;line-height:1.4;position:absolute;bottom:32px;left:24px;right:auto}}@media (width<=700px){.instruction-academy{padding:28px 20px 48px}.instruction-academy h2,.instruction-progress h2{font-size:30px}.instruction-academy__inner>p:not(.instruction-academy__tagline){font-size:17px}.instruction-academy__actions{flex-direction:column;align-items:center;gap:14px}.instruction-button{width:min(240px,100%);font-size:20px}.instruction-progress{padding:8px 0 48px}.instruction-progress__intro{width:min(100% - 40px,640px);display:block}.instruction-progress__intro p{text-align:left;margin-top:14px;font-size:16px}.instruction-progress>img{aspect-ratio:16/9;width:min(100% - 40px,1191px)}}@media (width<=560px){.instruction-hero__copy h1{font-size:38px;line-height:1.08}}@media (width<=820px){.instruction-hero{background-image:url(/images/instruction-hero-800.webp)}}
