.directory-learning{color:#22221f;background:#fffaec;margin-top:64px}
.directory-page:has(.directory-learning) .rsd-footer{margin-top:0}
.directory-learning .learn-closing-scene{position:relative;isolation:isolate;margin:0;background:#22221f;height:clamp(320px,43vw,640px);overflow:hidden}
.directory-learning .learn-closing-scene>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%}
.directory-learning .learn-closing-scene figcaption{position:absolute;z-index:1;right:clamp(20px,4vw,64px);left:auto;max-width:calc(100% - 40px);bottom:16px;color:#fff}
.directory-learning .learn-closing-scene a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0;color:rgba(255,255,255,.94);background:none;border:0;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:4px;text-shadow:0 1px 1px rgba(0,0,0,.9),0 2px 5px rgba(0,0,0,.7)}
.directory-learning .learn-closing-scene a:hover{color:#fff}
.directory-learning .learn-closing-scene a:focus-visible{outline:2px solid #fff;outline-offset:4px;box-shadow:0 0 0 6px #22221f}
.directory-learning .learn-wrap{max-width:1280px;margin-inline:auto;padding:64px clamp(24px,5vw,64px)}
.directory-learning h2{font:700 clamp(36px,4vw,58px)/1.05 'BenchNine',sans-serif;margin:0 0 20px;text-transform:uppercase}
.directory-learning p{font-size:16px;line-height:1.75;margin:0 0 20px;max-width:65ch}
.directory-learning .learn-label{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin-bottom:16px}
.directory-learning a{text-underline-offset:4px}
.directory-learning a:focus-visible,.directory-learning summary:focus-visible{outline:3px solid #22221f;outline-offset:5px}
.directory-learning .learn-vinyl .learn-button:focus-visible{outline-color:#f4bb2f}
.directory-learning .learn-vinyl{background:#22221f;color:#fffaec;border-top:6px solid #f4bb2f}
.directory-learning .learn-vinyl-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}
.directory-learning .learn-vinyl h2{color:inherit}
.directory-learning .learn-button{display:inline-flex;justify-content:space-between;align-items:center;gap:36px;background:#f4bb2f;color:#22221f;min-height:48px;padding:14px 22px;font-size:15px;font-weight:700;text-decoration:none}
.directory-learning .learn-button:hover{background:#ffce4d}
.directory-learning .learn-stack header{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:20px}
.directory-learning .learn-stack header>a{font-size:14px;min-height:44px;align-content:center;white-space:nowrap}
.directory-learning .learn-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.directory-learning .learn-stories img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:16px}
.directory-learning .learn-stories article>a{text-decoration:none}
.directory-learning .learn-stories h3{font:700 28px/1.15 'BenchNine',sans-serif;margin:0 0 12px}
.directory-learning .learn-stories a:hover h3{text-decoration:underline}
.directory-learning .learn-stories p{font-size:14px;line-height:1.7}
.directory-learning .learn-faq{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.5fr);gap:64px;border-top:1px solid #c9c2b1}
.directory-learning .learn-note{font-size:13px;line-height:1.65;color:#59564e}
.directory-learning .learn-questions details{border-top:1px solid #c9c2b1;scroll-margin-top:24px}
.directory-learning .learn-questions details:last-child{border-bottom:1px solid #c9c2b1}
.directory-learning summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;padding:22px 16px;min-height:64px;font-size:17px;font-weight:700;line-height:1.5}
.directory-learning summary::-webkit-details-marker{display:none}
.directory-learning .learn-toggle{width:16px;height:16px;position:relative;flex:none}
.directory-learning .learn-toggle:before,.directory-learning .learn-toggle:after{content:'';position:absolute;left:0;top:7px;width:16px;height:2px;background:currentColor}
.directory-learning .learn-toggle:after{transform:rotate(90deg)}
.directory-learning details[open] .learn-toggle:after{display:none}
.directory-learning details[open] summary{color:#22221f}
.directory-learning .learn-answer{padding:0 0 12px}
.directory-learning .learn-answer a{font-weight:600}
.directory-learning .learn-subscribe{background:#eee6d2;border-top:1px solid #c9c2b1}
.directory-learning .learn-subscribe>.learn-wrap{display:flex;justify-content:space-between;align-items:center;gap:40px}
.directory-learning .learn-subscribe .learn-note{margin-top:12px}
/* The learning band borrows the atmosphere of a turntable and record counter. */
.directory-learning .learn-vinyl{position:relative;isolation:isolate;overflow:hidden;border-top:0;background:#171917}
.directory-learning .learn-vinyl-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-2}
.directory-learning .learn-vinyl:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,13,12,.96),rgba(10,13,12,.75) 47%,rgba(10,13,12,.32));z-index:-1}
.directory-learning .learn-vinyl-inner{grid-template-columns:1.5fr 1fr;gap:80px;padding-block:88px;align-items:end}
.directory-learning .learn-vinyl h2{font-size:clamp(48px,5.5vw,80px);letter-spacing:-.02em}
.directory-learning .learn-vinyl h2 span{color:#f4bb2f}
.directory-learning .learn-vinyl p{max-width:45ch}
.directory-learning .learn-lessons{background:#fffaec;color:#22221f;transform:rotate(2deg);padding:10px 26px;box-shadow:8px 8px 0 #f4bb2f}
.directory-learning .learn-lessons a{position:relative;display:block;padding:22px 32px 22px 0;text-decoration:none;font:700 29px/1.1 'BenchNine',sans-serif;border-bottom:1px solid #c9c2b1}
.directory-learning .learn-lessons a:last-child{border:0}
.directory-learning .learn-lessons span{display:block;font:600 11px/1.5 'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.directory-learning .learn-lessons b{position:absolute;right:0;top:38px;font-size:22px;font-weight:400}
.directory-learning .learn-lessons a:hover{color:#22221f}
.directory-learning .learn-stack{padding-block:80px}
.directory-learning .learn-stack header{border-bottom:3px solid #22221f;margin-bottom:36px}
.directory-learning .learn-stack h2{font-size:clamp(42px,5vw,72px);letter-spacing:-.025em}
.directory-learning .learn-stories{grid-template-columns:1.35fr 1fr;gap:0 44px}
.directory-learning .learn-stories article:first-child{grid-row:span 2}
.directory-learning .learn-stories article:first-child img{aspect-ratio:4/3}
.directory-learning .learn-stories article:first-child h3{font-size:36px}
.directory-learning .learn-stories article:not(:first-child){border-bottom:1px solid #c9c2b1;padding-bottom:22px;margin-bottom:22px}
.directory-learning .learn-stories article:not(:first-child)>a{display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:start}
.directory-learning .learn-stories article:not(:first-child) img{aspect-ratio:1;object-fit:cover;margin:0}
.directory-learning .learn-stories article:not(:first-child) p{margin-top:14px}
.directory-learning .learn-faq{border:0;background:#eee6d2;max-width:none;padding-inline:max(24px,calc((100% - 1152px)/2));gap:64px}
.directory-learning .learn-faq-intro{padding-top:14px}
.directory-learning .learn-faq-intro .learn-label{display:inline-block;background:#22221f;color:#fffaec;padding:8px 12px;transform:rotate(-2deg);margin-bottom:30px}
.directory-learning .learn-questions{background:#fffdf6;padding:10px 30px 18px;border:1px solid #c9c2b1;box-shadow:8px 8px 0 #d7ccb3}
.directory-learning .learn-questions details:first-child{border-top:0}
.directory-learning .learn-questions details:last-child{border-bottom:0}
.directory-learning .learn-subscribe{background:#f4bb2f;border-top:0;position:relative;overflow:hidden}
.directory-learning .learn-subscribe>.learn-wrap{gap:72px;padding-block:72px}
.directory-learning .learn-subscribe h2{font-size:clamp(60px,7vw,96px);letter-spacing:-.02em;line-height:.94}
.directory-learning .learn-subscribe h2 span{color:#fffaec;text-shadow:2px 2px 0 #22221f}
.directory-learning .learn-subscribe p{max-width:38ch}
.directory-learning .learn-signup{max-width:520px;width:100%;padding:32px;background:#fffaec;box-shadow:8px 8px 0 #22221f}
.directory-learning .learn-signup label{display:block;font-size:14px;font-weight:700;margin-bottom:12px}
.directory-learning .learn-signup-row{display:flex;flex-wrap:wrap;gap:12px}
.directory-learning .learn-signup input{width:100%;min-width:0;min-height:52px;padding:12px;border:1px solid #777164;background:#fffdf6;color:#22221f;font:16px 'Montserrat',sans-serif}
.directory-learning .learn-signup .learn-button{background:#22221f;color:#fffaec;border:0;font-family:inherit;justify-content:space-between;width:100%}
.directory-learning .learn-signup :disabled{cursor:not-allowed}
.directory-learning .learn-signup .learn-note{margin-bottom:0}
/* Motion belongs to usable controls, never to the disabled signup. */
.directory-learning .learn-button:not(:disabled),
.directory-learning .learn-button>span,
.directory-learning .learn-lessons a,
.directory-learning .learn-lessons b,
.directory-learning .learn-stories img,
.directory-learning .learn-stories h3,
.directory-learning summary{transition:transform .22s ease,background-color .22s ease,color .22s ease,box-shadow .22s ease}
.directory-learning .learn-button>span{display:inline-block}
.directory-learning .learn-button:not(:disabled):focus-visible{transform:translateY(-3px);box-shadow:4px 4px 0 #0006}
.directory-learning .learn-button:not(:disabled):focus-visible>span{transform:translate(3px,-3px)}
.directory-learning .learn-lessons a:focus-visible{transform:translateX(6px)}
.directory-learning .learn-lessons a:focus-visible b{transform:translate(3px,-3px)}
.directory-learning .learn-stories a:focus-visible img{transform:translateY(-5px) scale(1.015)}
.directory-learning .learn-stories a:focus-visible h3{color:#22221f}
.directory-learning summary:focus-visible{color:#22221f;background:#ececea;outline-offset:2px;transform:translateY(-2px);box-shadow:0 4px 0 #22221f14}
@media(hover:hover) and (pointer:fine){
 .directory-learning .learn-button:not(:disabled):hover{transform:translateY(-3px);box-shadow:4px 4px 0 #0006}
 .directory-learning .learn-button:not(:disabled):hover>span{transform:translate(3px,-3px)}
 .directory-learning .learn-lessons a:hover{transform:translateX(6px)}
 .directory-learning .learn-lessons a:hover b{transform:translate(3px,-3px)}
 .directory-learning .learn-stories a:hover img{transform:translateY(-5px) scale(1.015)}
 .directory-learning .learn-stories a:hover h3{color:#22221f}
 .directory-learning summary:hover{color:#22221f;background:#ececea;transform:translateY(-2px);box-shadow:0 4px 0 #22221f14}
}
@media(prefers-reduced-motion:reduce){
 .directory-learning .learn-button,.directory-learning .learn-button>span,
 .directory-learning .learn-lessons a,.directory-learning .learn-lessons b,
 .directory-learning .learn-stories img,.directory-learning .learn-stories h3,
 .directory-learning summary{transition:none!important;transform:none!important}
}
@media(max-width:800px){
 .directory-learning .learn-wrap{padding-block:40px}
 .directory-learning .learn-vinyl-inner,.directory-learning .learn-faq{grid-template-columns:1fr;gap:24px}
 .directory-learning .learn-stories{grid-template-columns:1fr;gap:28px}
 .directory-learning .learn-stories article{max-width:640px}
 .directory-learning .learn-stack header,.directory-learning .learn-subscribe>.learn-wrap{display:block}
 .directory-learning summary{font-size:16px;gap:20px}
 .directory-learning .learn-vinyl-inner{gap:36px;padding-bottom:56px}
 .directory-learning .learn-vinyl-photo{object-position:60% center}
 .directory-learning .learn-lessons{transform:none;max-width:480px}
 .directory-learning .learn-stories article:not(:first-child)>a{grid-template-columns:90px 1fr}
 .directory-learning .learn-stories article:first-child{grid-row:auto}
 .directory-learning .learn-stories article:first-child h3{font-size:30px}
 .directory-learning .learn-questions{padding-inline:18px;box-shadow:5px 5px 0 #d7ccb3}
 .directory-learning .learn-subscribe>.learn-wrap{padding-block:48px}
 .directory-learning .learn-signup{padding:22px;box-sizing:border-box;margin-top:28px;box-shadow:5px 5px 0 #22221f}
}