/* The home page (0.11.0), the look "home": romanroadspress.com/ as designed on the canvas "Home page" (Draft 3, E).
   Loaded only on pages in this look, after sr.css. Every class starts with hm- (sr.css owns .w, .btn, .chip). */

@font-face{font-family:"Cinzel";src:url(fonts/cinzel.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"EB Garamond";src:url(fonts/eb-garamond.woff2) format("woff2");font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:"EB Garamond";src:url(fonts/eb-garamond-italic.woff2) format("woff2");font-weight:400 600;font-style:italic;font-display:swap}
@font-face{font-family:"Merriweather";src:url(fonts/merriweather.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}

.th-home{--hm-ink:#1B2532;--hm-ink2:#4A5463;--hm-mute:#6A7280;--hm-tint:#F4F2EE;--hm-rule:#E3DFD8;--hm-red:#9B3744;--hm-redh:#80293A;--hm-gold:#B08A2E;--hm-dark:#12171E}
.hm{color:var(--hm-ink)}
.hm a{text-decoration:none}
.hm-w{max-width:1160px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.hm-acts{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}
.hm-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:4px;font:800 15px/1.2 "Nunito Sans",sans-serif;text-align:center;box-sizing:border-box}
.hm-btn-lg{min-height:56px;padding:0 34px;font-size:16.5px}
.hm-btn-red{background:var(--hm-red);color:#FFFFFF}
.hm-btn-red:hover{background:var(--hm-redh);color:#FFFFFF}
.hm-more{font:800 15px/1.3 "Nunito Sans",sans-serif;color:var(--hm-red)}
.hm-more:hover{color:var(--hm-redh)}
.hm-emb{display:block;width:100%;height:100%;stroke-width:1.8;shape-rendering:geometricPrecision;overflow:visible}
.hm-emb *{vector-effect:non-scaling-stroke}

/* ---------- the top ---------- */
.hm-hero{padding-top:72px}
.hm-bh{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}
.hm-bh .hm-acts{justify-content:center;margin-top:10px}
.hm-logo{width:min(660px,100%);height:auto;aspect-ratio:3608/699;margin-bottom:26px}
.hm-h1{margin:0;max-width:24em;font:500 clamp(28px,3.9vw,50px)/1.1 "EB Garamond",Garamond,Georgia,serif;letter-spacing:-.005em;color:var(--hm-ink);text-wrap:balance}
.hm-h1 .hm-l2{display:block;font-style:italic;color:var(--hm-ink2)}
.hm-lineup{display:grid;grid-template-columns:repeat(var(--n,7),minmax(0,1fr));gap:16px;margin-top:64px;padding-bottom:64px}
/* 0.11.2: eight lines or more take a little more than the text's width, so each keeps the room seven had */
.hm-lineup-wide{width:min(1240px,calc(100vw - 64px));margin-left:50%;transform:translateX(-50%);gap:clamp(8px,calc((100vw - 1100px) / 10),16px)}
.hm-lu{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;color:var(--hm-ink);padding:10px 4px 12px;border-radius:8px;transition:background-color .2s ease}
.hm-lu:hover{background:var(--hm-tint);color:var(--hm-ink)}
/* 0.11.5: the covers are sized in --u (see tileArt): 1px, or less on a tile narrower than their 140 px */
.hm-lu{--u:1px}
@supports (width:1cqw){.hm-lu{container-type:inline-size}.hm-lu-art{--u:min(1px,calc(100cqw / 140))}}
.hm-lu-art{position:relative;display:block;width:100%;height:150px;height:calc(150 * var(--u));margin-bottom:14px;transition:transform .2s ease}
.hm-lu:hover .hm-lu-art{transform:translateY(-4px)}
.hm-lu-art img{position:absolute;bottom:0;left:50%;width:auto;max-width:none;border-radius:2px;box-shadow:0 8px 18px rgba(20,28,38,.22);transform-origin:50% 100%}
.hm-lu-n{font:800 15px/1.25 "Nunito Sans",sans-serif}
.hm-lu-g{font:400 13.5px/1.3 "Nunito Sans",sans-serif;color:var(--hm-ink2)}

/* ---------- the statement ---------- */
.hm-intro{padding-block:4px 64px}
.hm-intro-box{max-width:1028px;margin:0 auto;padding:48px 64px 44px;border:1px solid var(--hm-gold);outline:1px solid rgba(176,138,46,.55);outline-offset:-9px;background:#FFFFFF;text-align:center;box-shadow:0 18px 40px -24px rgba(20,28,38,.28)}
.hm-intro-p{margin:0;font:400 22px/1.62 Merriweather,Georgia,serif;color:var(--hm-ink);text-wrap:pretty}
.hm-intro-p2{margin:20px 0 0;font:600 16px/1.5 "Nunito Sans",sans-serif;color:#7A5F1F;text-wrap:balance}
.hm-intro a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* ---------- the explorer ---------- */
.hm-ex-bar{background:#FFFFFF;border-top:1px solid var(--hm-rule);border-bottom:1px solid var(--hm-rule)}
.hm-ex-bar-in{display:flex;align-items:center;gap:24px;min-height:62px}
.hm-ex-l{margin:0;font:800 12.5px/1.3 "Nunito Sans",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--hm-ink2);white-space:nowrap}
.hm-tabs{display:flex;gap:4px;padding:4px;background:var(--hm-tint);border-radius:8px}
.hm-tab{min-height:40px;padding:0 16px;border:0;border-radius:6px;background:none;font:700 15px/1 "Nunito Sans",sans-serif;color:var(--hm-ink2);cursor:pointer;white-space:nowrap}
.hm-tab:hover{color:var(--hm-ink)}
.hm-tab.on{background:#FFFFFF;color:var(--hm-ink);box-shadow:0 1px 3px rgba(20,28,38,.14)}
.hm-ex{background:var(--hm-tint);padding-bottom:88px}
.hm-hint-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 28px;padding-top:40px}
.hm-hint{margin:0;font:400 17px/1.55 "Nunito Sans",sans-serif;color:var(--hm-ink2);max-width:46em}
.hm-hint b{color:var(--hm-ink)}
.hm-p-hint{padding-top:40px}
.hm-seg{display:flex;gap:2px;padding:3px;border:1px solid #DDD5C8;border-radius:8px;background:#FFFFFF}
.hm-seg-b{min-height:36px;padding:0 14px;border:0;border-radius:6px;background:none;font:700 14px/1 "Nunito Sans",sans-serif;color:var(--hm-ink2);cursor:pointer}
.hm-seg-b.on{background:var(--hm-ink);color:#FFFFFF}

/* wheels */
.hm-subj{display:grid;grid-template-columns:700px minmax(0,1fr);gap:32px;align-items:start;margin-top:24px}
.hm-wheel{position:relative;width:700px;height:740px}
.hm-wheel-a{height:600px}
.hm-wheel-svg{position:absolute;inset:0;width:700px;height:740px;overflow:visible}
.hm-wheel-a .hm-wheel-svg{height:600px}
.hm-arc-t{font:800 11.5px "Nunito Sans",sans-serif;letter-spacing:2.5px}
.hm-nd{position:absolute;transform:translate(-50%,-46px);width:156px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:0;border:0;background:none;cursor:pointer;color:var(--hm-ink);text-align:center}
.hm-md{width:92px;height:92px;border-radius:50%;background:#FFFFFF;overflow:hidden;box-shadow:0 0 0 3px var(--c),0 8px 18px rgba(20,28,38,.14);display:flex;align-items:center;justify-content:center;margin-bottom:10px;transition:transform .2s ease,box-shadow .2s ease}
.hm-md img{width:100%;height:100%;object-fit:cover}
.hm-md.fit img{object-fit:contain;padding:12px;box-sizing:border-box}
.hm-md.fit.tight img{padding:5px}
.hm-nd:hover .hm-md{transform:translateY(-3px)}
.hm-nd.on .hm-md{box-shadow:0 0 0 3px #FFFFFF,0 0 0 7px var(--c),0 12px 26px rgba(20,28,38,.22)}
.hm-nd-n{font:700 17px/1.2 Merriweather,Georgia,serif;background:var(--hm-tint);padding:0 6px;border-radius:3px}
.hm-nd-g{font:700 12.5px/1.35 "Nunito Sans",sans-serif;color:var(--hm-ink2);background:var(--hm-tint);padding:0 6px;border-radius:3px}
.hm-nd.on .hm-nd-n{color:var(--c)}
.hm-nd-sm{width:200px;transform:translate(-50%,-36px)}
/* 0.11.2: a line's years around the bottom of the wheel and the roads into the Classics; 0.11.3: their dotted line's
   label is drawn on the wheel, and again (.hm-yl) for phones and screen readers */
.hm-wheel-y,.hm-wheel-y .hm-wheel-svg{height:990px}
.hm-wheel-y11,.hm-wheel-y11 .hm-wheel-svg{height:1015px}
.hm-wheel-y11 .hm-nd:not(.hm-nd-wide){transform:translate(-50%,-40px)}
.hm-wheel-y11 .hm-nd:not(.hm-nd-wide) .hm-md{width:80px;height:80px}
/* 0.11.4: the grouped wheel: Old Western Culture's larger circle at the bottom in its years' colours, its years as small circles */
.hm-wheel-g,.hm-wheel-g .hm-wheel-svg{height:808px}
.hm-nd-big{transform:translate(-50%,-62px);width:150px;gap:0}
.hm-md-big{position:relative;width:124px;height:124px;margin-bottom:0}
.hm-md-big img{filter:saturate(.9)}
.hm-big-t{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 14px;text-align:center;background:radial-gradient(circle,rgba(18,23,30,.62),rgba(18,23,30,.42));color:#F6EFDD;font:600 14.5px/1.22 Cinzel,Georgia,serif;letter-spacing:.07em;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.hm-nd-big:hover .hm-md{transform:none}
.hm-nd-big:hover .hm-md-big,.hm-nd-big:hover .hm-qring{transform:translateY(-3px)}
.hm-qring{display:block;padding:8px;border-radius:50%;background:var(--q);transition:transform .2s ease}
.hm-quad .hm-md-big{box-shadow:0 0 0 3px #FFFFFF,0 8px 18px rgba(20,28,38,.14)}
.hm-nd-big.hm-quad{transform:translate(-50%,-70px)}
.hm-quad.on .hm-qring{padding:11px;margin:-3px}
.hm-quad.on .hm-md-big{box-shadow:0 0 0 3px #FFFFFF,0 12px 26px rgba(20,28,38,.26)}
.hm-pips{position:absolute;inset:0;pointer-events:none}
.hm-pip{position:absolute;transform:translate(-50%,-20px);width:60px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;border:0;background:none;cursor:pointer;pointer-events:auto}
.hm-pip-md{width:40px;height:40px;border-radius:50%;background:#FFFFFF;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2.5px var(--c),0 4px 10px rgba(20,28,38,.14);transition:transform .2s ease,box-shadow .2s ease}
.hm-pip-md img{width:100%;height:100%;object-fit:contain;padding:6px;box-sizing:border-box}
.hm-pip-l{font:800 10.5px/1.2 "Nunito Sans",sans-serif;letter-spacing:.04em;color:var(--c);background:var(--hm-tint);padding:0 4px;border-radius:3px;white-space:nowrap}
.hm-pip:hover .hm-pip-md{transform:translateY(-2px)}
.hm-pip.on .hm-pip-md{box-shadow:0 0 0 2px #FFFFFF,0 0 0 5px var(--c),0 6px 14px rgba(20,28,38,.2)}
.hm-crs-btn{width:100%;background:none;border:0;border-top:1px solid #ECE8E1;font:inherit;text-align:left;cursor:pointer}
.hm-yrs .hm-crs-btn{grid-template-columns:44px minmax(0,1fr) auto}
.hm-yr-ic{width:40px;height:40px;border-radius:50%;background:#FFFFFF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2.5px var(--c);overflow:hidden}
.hm-yr-ic img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:contain;padding:6px;box-sizing:border-box;box-shadow:none!important;border-radius:0!important}
.hm-back{align-self:flex-start;padding:0;border:0;background:none;font:800 13px/1.3 "Nunito Sans",sans-serif;color:var(--hm-ink2);cursor:pointer}
.hm-back:hover{color:var(--hm-ink)}
.hm-yl{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hm-yl-t{font:800 11.5px/1.5 "Nunito Sans",sans-serif;letter-spacing:2.5px;color:#8A6A1F}
.hm-yl-dots{display:flex;margin-top:6px}
.hm-yl-dots i{flex:1;border-top:3.5px dotted var(--c)}
.hm-yl-end{display:none}
.hm-nd-wide{width:230px}
.hm-nd-yr .hm-md{background:#FFFFFF}
.hm-nd-yr .hm-md.fit img{padding:13px}
.hm-sd-note{margin:12px 0 0;font:700 13px/1.4 "Nunito Sans",sans-serif;color:var(--hm-ink2)}
.hm-nd-sm .hm-md{width:72px;height:72px}
.hm-nd-art{transform:translate(-50%,-42px);width:140px}
.hm-nd-art .hm-md{width:84px;height:84px;color:var(--c);margin-bottom:8px}
.hm-nd-art .hm-md .hm-emb{width:52px;height:52px;stroke-width:2.4}
.hm-nd-art .hm-nd-n{font:600 16px/1.2 Cinzel,Georgia,serif;letter-spacing:.04em}
.hm-hub{position:absolute;transform:translate(-50%,-50%);width:168px;height:168px;border-radius:50%;border:0;padding:0 14px;background:var(--hm-dark);color:#EDE7DA;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;box-shadow:0 0 0 6px var(--hm-tint),0 0 0 8px #D9BE7A,0 16px 34px rgba(18,23,30,.25);transition:transform .2s ease}
.hm-hub:hover{transform:translate(-50%,-50%) scale(1.03)}
.hm-hub.on{box-shadow:0 0 0 6px var(--hm-tint),0 0 0 9px #D9BE7A,0 18px 38px rgba(18,23,30,.3)}
.hm-hub-big{font:600 30px/1 Cinzel,Georgia,serif;color:#E8D29A}
.hm-hub-t{font:600 14px/1.25 Cinzel,Georgia,serif;letter-spacing:.08em;color:#F4EEDF}
[data-hm-subjects] .hm-hub-t{font-size:19px}
.hm-hub-s{font:600 11.5px/1.3 "Nunito Sans",sans-serif;color:#B9B1A5;margin-top:4px}

/* side panel */
.hm-sd{display:flex;flex-direction:column;gap:14px;padding:30px 30px 26px;background:#FFFFFF;border-radius:12px;box-shadow:0 1px 0 var(--hm-rule),0 18px 40px rgba(20,28,38,.07);margin-top:36px}
.hm-sd-k{margin:0;font:800 12px/1.3 "Nunito Sans",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--c,#8A6A1F)}
.hm-sd-h{margin:0;font:700 29px/1.15 Merriweather,Georgia,serif;color:var(--hm-ink)}
.hm-sd-h.cz{font:600 30px/1.15 Cinzel,Georgia,serif;letter-spacing:.02em}
.hm-sd-p{margin:0;font:400 16.5px/1.55 "Nunito Sans",sans-serif;color:var(--hm-ink2)}
.hm-crs{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid #ECE8E1;color:var(--hm-ink)}
.hm-crs:hover{color:var(--hm-ink)}
.hm-crs img{width:52px;aspect-ratio:2/2.9;height:auto;object-fit:cover;border-radius:2px;box-shadow:0 6px 14px rgba(20,28,38,.18)}
.hm-crs-b{display:flex;flex-direction:column;gap:3px}
.hm-crs-n{display:flex;align-items:center;gap:8px;font:800 15px/1.3 "Nunito Sans",sans-serif}
.hm-crs-dot{flex:none;width:10px;height:10px;border-radius:50%}
.hm-crs-w{font:400 14.5px/1.45 "Nunito Sans",sans-serif;color:var(--hm-ink2)}
.hm-crs-g{font:700 12.5px/1.35 "Nunito Sans",sans-serif;color:var(--hm-mute)}
.hm-crs-go{font:800 14.5px/1 "Nunito Sans",sans-serif;color:var(--hm-red);white-space:nowrap}
.hm-badge{color:var(--hm-red)}
.hm-sh{display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid #ECE8E1}
.hm-sh-l{margin:0;font:700 13.5px/1.3 "Nunito Sans",sans-serif;color:var(--hm-ink2)}
.hm-chips{display:flex;flex-wrap:wrap;gap:8px}
.hm-chip{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid #DDD5C8;border-radius:999px;background:#FFFFFF;font:700 14px/1 "Nunito Sans",sans-serif;color:var(--hm-ink);box-sizing:border-box}
button.hm-chip{cursor:pointer}
button.hm-chip:hover{border-color:var(--hm-red);color:var(--hm-red)}
span.hm-chip{color:var(--hm-ink2)}
.hm-sd-more{font:800 14.5px/1.3 "Nunito Sans",sans-serif;color:#0F7A69}
.hm-nw{white-space:nowrap}
/* 0.11.5: a year's button, in the year's colour, under its units */
.hm-yr-go{align-self:stretch;margin-top:-2px;background:var(--c);color:#FFFFFF;transition:filter .15s ease}
.hm-yr-go:hover{color:#FFFFFF;filter:brightness(.88)}
.hm-yr-go:focus-visible{outline:3px solid var(--c);outline-offset:3px}
.hm-ovr{display:flex;flex-direction:column}
.hm-ovr a{display:grid;grid-template-columns:12px minmax(0,1fr);gap:12px;align-items:baseline;padding:11px 0;border-top:1px solid #ECE8E1;font:400 15.5px/1.5 "Nunito Sans",sans-serif;color:var(--hm-ink)}
.hm-ovr a:hover b{color:var(--hm-red)}
.hm-ovr i{width:10px;height:10px;border-radius:50%;transform:translateY(1px)}
.hm-ovr b{font-weight:800}
.hm-qt{margin:4px 0 0;padding:16px 18px;background:#F7F4EE;border-radius:8px}
.hm-qt p{margin:0;font:400 15px/1.5 "Nunito Sans",sans-serif;color:var(--hm-ink2)}
.hm-qt blockquote{margin:4px 0 6px;font:italic 400 22px/1.35 "EB Garamond",Georgia,serif;color:var(--hm-ink)}
.hm-qt cite{font:700 13px/1.3 "Nunito Sans",sans-serif;font-style:normal;color:var(--hm-ink2)}
.hm-lk{display:flex;flex-wrap:wrap;gap:6px 22px}
.hm-lk a{font:800 14.5px/1.4 "Nunito Sans",sans-serif;color:var(--hm-red)}
.hm-mini{display:flex;flex-direction:column;gap:10px;padding:16px;background:#F7F4EE;border-radius:10px}
.hm-mini-n{align-self:flex-start;display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:8px;background:var(--hm-dark);color:#F4EEDF;font:600 15px/1 Cinzel,Georgia,serif;letter-spacing:.06em}
.hm-mini-n small{font:600 12px/1 "Nunito Sans",sans-serif;color:#D9BE7A;letter-spacing:.02em}
.hm-mini a{display:grid;grid-template-columns:10px 40px minmax(0,1fr);gap:12px;align-items:center;color:var(--hm-ink)}
.hm-mini a i{width:10px;height:10px;border-radius:50%}
.hm-mini a img{width:40px;aspect-ratio:2/2.9;height:auto;object-fit:cover;border-radius:2px;box-shadow:0 4px 10px rgba(20,28,38,.18)}
.hm-mini a span{font:400 14px/1.4 "Nunito Sans",sans-serif;color:var(--hm-ink2)}
.hm-mini a b{display:block;font:800 14.5px/1.3 "Nunito Sans",sans-serif;color:var(--hm-ink)}

/* interchange: an art or a person joined by roads to the courses */
.hm-ixw{margin-top:28px;padding:34px 36px 36px;background:#FFFFFF;border-radius:12px;box-shadow:0 1px 0 var(--hm-rule),0 18px 40px rgba(20,28,38,.07)}
.hm-ix-head{display:flex;flex-direction:column;gap:6px;max-width:52em;margin-bottom:26px}
.hm-ix-h{margin:0;font:600 32px/1.15 Cinzel,Georgia,serif;letter-spacing:.02em;color:var(--hm-ink)}
.hm-ix-p{margin:0;font:400 17px/1.55 "Nunito Sans",sans-serif;color:var(--hm-ink2)}
.hm-ix{display:grid;grid-template-columns:168px 120px minmax(0,1fr);align-items:center}
.hm-ix-node{width:156px;height:156px;border-radius:50%;background:var(--hm-dark);color:#F4EEDF;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;box-shadow:0 0 0 6px #FFFFFF,0 0 0 8px #D9BE7A,0 16px 34px rgba(18,23,30,.25)}
.hm-ix-node .hm-emb{width:52px;height:52px;color:#E8D29A;stroke-width:2.4}
.hm-ix-nn{font:600 16px/1.15 Cinzel,Georgia,serif;letter-spacing:.06em;padding:0 10px}
.hm-ix-nd{font:600 12px/1.2 "Nunito Sans",sans-serif;color:#D9BE7A}
.hm-ix-roads{display:block;width:120px;overflow:visible}
.hm-rd{fill:none;stroke-width:5;stroke-linecap:round}
.hm-ix-cards{display:flex;flex-direction:column;gap:14px}
.hm-ix-card{position:relative;display:grid;grid-template-columns:66px minmax(0,1fr) auto;gap:18px;align-items:center;height:100px;box-sizing:border-box;padding:0 18px 0 0;color:var(--hm-ink)}
.hm-ix-card:hover{color:var(--hm-ink)}
.hm-ix-dot{position:absolute;left:-9px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;box-shadow:0 0 0 3px #FFFFFF}
.hm-ix-card img{width:66px;height:94px;object-fit:cover;border-radius:2px;box-shadow:0 8px 18px rgba(20,28,38,.2);transition:transform .2s ease;margin-left:12px}
.hm-ix-card:hover img{transform:translateY(-3px)}
.hm-ix-b{display:flex;flex-direction:column;gap:3px;padding-left:10px}
.hm-ix-l{font:800 16px/1.25 "Nunito Sans",sans-serif}
.hm-ix-w{font:400 15px/1.45 "Nunito Sans",sans-serif;color:var(--hm-ink2)}
.hm-ix-g{font:700 12.5px/1.3 "Nunito Sans",sans-serif;color:var(--hm-mute)}
.hm-ix-go{font:800 15px/1 "Nunito Sans",sans-serif;color:var(--hm-red)}
.hm-ix-arts{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.hm-ix-arts span{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:var(--hm-tint);font:700 13.5px/1 "Nunito Sans",sans-serif;color:var(--hm-ink)}

/* the table: our lines × the arts */
.hm-mx-box{margin-top:26px;overflow-x:auto;padding-bottom:6px}
.hm-mx{min-width:980px;background:#FFFFFF;border-radius:12px;box-shadow:0 1px 0 var(--hm-rule),0 18px 40px rgba(20,28,38,.07);padding:10px 0 14px}
.hm-mx-gh,.hm-mx-ah,.hm-mx-r{display:grid;grid-template-columns:280px repeat(var(--n,7),minmax(0,1fr))}
.hm-mx-gh span{font:800 11.5px/1.2 "Nunito Sans",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--hm-ink2);text-align:center;padding:12px 6px 8px;border-bottom:2px solid var(--hm-rule);margin:0 6px}
.hm-mx-gh span:first-child{border:0}
.hm-mx-gh .t3{border-color:#9DB8C2}
.hm-mx-gh .t4{border-color:#C9B98F}
.hm-mx-ah button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px 10px;margin:6px 4px 4px;border:0;border-radius:60px 60px 8px 8px;background:#F7F4EE;cursor:pointer;color:var(--c)}
.hm-mx-ah button .hm-emb{width:36px;height:36px;stroke-width:2.1}
.hm-mx-ah button span{font:600 13px/1.1 Cinzel,Georgia,serif;letter-spacing:.03em;color:var(--hm-ink)}
.hm-mx-ah button:hover{background:#EFE9DD}
.hm-mx-ah button.on{background:var(--c);color:#FFFFFF}
.hm-mx-ah button.on span{color:#FFFFFF}
.hm-mx-g{padding:14px 24px 4px;font:800 11.5px/1.2 "Nunito Sans",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#8A6A1F}
.hm-mx-r{align-items:center;min-height:46px;border-top:1px solid #F0ECE5}
.hm-mx-l{display:flex;flex-direction:column;gap:1px;padding:6px 16px 6px 24px;color:var(--hm-ink)}
.hm-mx-l:hover .hm-mx-n{color:var(--hm-red)}
.hm-mx-n{font:800 14.5px/1.25 "Nunito Sans",sans-serif}
.hm-mx-s{font:400 12.5px/1.25 "Nunito Sans",sans-serif;color:var(--hm-mute)}
.hm-mx-c{display:flex;align-items:center;justify-content:center;align-self:stretch;margin:0 4px}
.hm-mx-c.on{background:#F7F4EE}
.hm-mk{width:16px;height:16px;border-radius:50%;box-sizing:border-box;background:var(--m)}
.hm-mk.part{background:transparent;border:3px solid var(--m)}
.hm-mx-key{margin:12px 0 0;font:600 13.5px/1.4 "Nunito Sans",sans-serif;color:var(--hm-ink2)}
.hm-mx-key i{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--hm-ink);vertical-align:-1px;margin-right:6px}
.hm-mx-key i.o{background:transparent;border:2.5px solid var(--hm-ink);box-sizing:border-box;margin-left:16px}
.hm-ovs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.hm-ovs a{display:flex;flex-direction:column;gap:8px;padding:22px 22px 20px;background:#FFFFFF;border-radius:10px;box-shadow:0 1px 0 var(--hm-rule);color:var(--hm-ink)}
.hm-ovs a:hover{box-shadow:0 12px 26px rgba(20,28,38,.1);color:var(--hm-ink)}
.hm-ovs b{font:700 19px/1.3 Merriweather,Georgia,serif}
.hm-ovs span{font:400 15px/1.5 "Nunito Sans",sans-serif;color:var(--hm-ink2)}
.hm-ovs i{width:12px;height:12px;border-radius:50%}

/* the timeline: the arts × people */
.hm-map-box{margin-top:26px;overflow-x:auto;padding-bottom:6px}
.hm-map{min-width:1040px;padding-right:44px}
.hm-mrow{display:grid;grid-template-columns:184px repeat(var(--n,25),minmax(0,1fr))}
.hm-ml{display:flex;align-items:center;gap:10px;padding-right:12px;background:var(--hm-tint);color:var(--lc)}
.hm-ml .hm-emb{flex:none;width:28px;height:28px;stroke-width:2}
.hm-ml-n{font:600 14.5px/1.2 Cinzel,Georgia,serif;letter-spacing:.03em;color:var(--hm-ink)}
.hm-era{border-top:4px solid;font:800 11px/1.2 "Nunito Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--hm-ink2);padding:8px 0 0 2px;margin-right:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-nm{position:relative;height:96px;border:0;background:none;padding:0;cursor:pointer}
.hm-nm span{position:absolute;left:50%;bottom:8px;transform-origin:0 100%;transform:rotate(-48deg);white-space:nowrap;font:700 13px/1 "Nunito Sans",sans-serif;color:var(--hm-ink);padding:3px 5px;border-radius:3px}
.hm-nm:hover span{color:var(--hm-red)}
.hm-nm.on span{background:var(--hm-ink);color:#FFFFFF}
.hm-cell{position:relative;height:42px}
.hm-cell.on{background:rgba(27,37,50,.06)}
.hm-lane .h{position:absolute;top:50%;height:4px;margin-top:-2px;background:var(--lc);opacity:.85}
.hm-lane .h.full{left:0;right:0}
.hm-lane .h.left{left:0;right:50%}
.hm-lane .h.right{left:50%;right:0}
.hm-lane .v{position:absolute;left:50%;width:2px;margin-left:-1px;background:#A2A6AE}
.hm-lane .v.full{top:0;bottom:0}
.hm-lane .v.down{top:50%;bottom:0}
.hm-lane .v.up{top:0;bottom:50%}
.hm-lane .hm-cell.on .v{background:var(--hm-ink)}
.hm-dot{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#FFFFFF;border:4px solid var(--lc);box-sizing:border-box;padding:0;cursor:pointer}
.hm-dot:hover{transform:scale(1.2)}
.hm-cell.on .hm-dot{background:var(--lc);box-shadow:0 0 0 3px #FFFFFF}
.hm-prompt{margin-top:28px;padding:26px 30px;background:#FFFFFF;border-radius:12px;box-shadow:0 1px 0 var(--hm-rule);display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.hm-prompt p{margin:0;font:400 16.5px/1.5 "Nunito Sans",sans-serif;color:var(--hm-ink2);max-width:40em}
.hm-prompt b{color:var(--hm-ink)}

/* the grade ruler */
.hm-ru-box{margin-top:26px;overflow-x:auto;padding-bottom:6px}
.hm-ru{min-width:900px;display:flex;flex-direction:column;gap:10px}
.hm-ru-row,.hm-owc-grid{display:grid;grid-template-columns:170px repeat(var(--n,11),minmax(0,1fr));align-items:center}
.hm-ru-head span{font:800 12.5px/1.2 "Nunito Sans",sans-serif;color:var(--hm-ink2);text-align:center;letter-spacing:.04em}
.hm-ru-head .hm-ru-l{text-align:left}
.hm-ru-l{font:700 14px/1.25 "Nunito Sans",sans-serif;color:var(--hm-ink2);padding-right:12px}
.hm-ru-l b{display:block;color:var(--hm-ink);font-weight:800}
.hm-ru-gap{display:block;height:8px}
.hm-ru-grp{margin:12px 0 -2px;font:800 11.5px/1.2 "Nunito Sans",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#0F7A69}
.hm-track{grid-column:2 / -1;grid-row:1;height:40px;border-radius:6px;background:repeating-linear-gradient(90deg,#E9E4DB 0,#E9E4DB 1px,transparent 1px,transparent calc(100% / var(--n,11)))}
.hm-bar{grid-row:1;display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:6px;font:800 14px/1.1 "Nunito Sans",sans-serif;white-space:nowrap;overflow:hidden;box-shadow:0 4px 10px rgba(20,28,38,.12);transition:transform .2s ease,box-shadow .2s ease;box-sizing:border-box}
.hm-bar:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(20,28,38,.18)}
.hm-bar small{font:600 13px/1 "Nunito Sans",sans-serif}
.hm-owc-grid{row-gap:10px}
.hm-owc-grid .hm-track{grid-row:auto}
.hm-owc-grid .hm-bar{justify-content:center;padding:0 6px}
.hm-adult{align-self:stretch;margin-left:6px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:6px;border:2px dashed #C9B98F;background:#FBF8F1;font:800 12.5px/1.35 "Nunito Sans",sans-serif;color:#7D6224;padding:6px}

/* ---------- the Bookstore card, the closing ---------- */
.hm-bk{padding-block:88px 0}
.hm-bk-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:center;padding:40px 48px;background:var(--hm-tint);border-radius:12px}
.hm-bk-t{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.hm-h3{margin:0;font:700 26px/1.25 Merriweather,Georgia,serif;color:var(--hm-ink)}
.hm-bk-t p{margin:0;font:400 17px/1.55 "Nunito Sans",sans-serif;color:var(--hm-ink2)}
.hm-bk-links{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:4px}
.hm-bk-covers{display:flex;justify-content:flex-end;align-items:flex-end;gap:14px}
.hm-bk-covers a{flex:0 1 88px;min-width:0;border-radius:2px;box-shadow:0 10px 20px rgba(20,28,38,.18);transition:transform .2s ease}
.hm-bk-covers a:hover{transform:translateY(-4px)}
.hm-bk-covers img{width:100%;height:auto;aspect-ratio:2/3.08;object-fit:cover}
.hm-close{padding-block:88px;text-align:center}
.hm-motto{margin:0;font:700 clamp(34px,4.6vw,54px)/1.1 Merriweather,Georgia,serif;color:var(--hm-ink)}
.hm-close .hm-acts{justify-content:center;margin-top:30px}

/* ---------- narrower ---------- */
@media (max-width:1180px){
  .hm-subj{grid-template-columns:minmax(0,1fr)}
  .hm-wheel{margin:0 auto}
  .hm-sd{margin-top:0}
}
@media (max-width:1159px){
  .hm-lineup{display:flex;overflow-x:auto;gap:10px;margin-inline:-24px;padding-inline:24px;scroll-snap-type:x mandatory;scroll-padding-inline:24px;scrollbar-width:none}
  .hm-lineup-wide{width:auto;transform:none}
  .hm-lu{flex:0 0 154px;scroll-snap-align:start}
}
@media (max-width:1100px){
  .hm-ex-l{display:none}
}
@media (max-width:860px){
  .hm-ovs{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .hm-w{padding:0 18px}
  .hm-hero{padding-top:40px}
  .hm-logo{width:min(300px,100%);margin-bottom:12px}
  .hm-h1{font-size:28px;line-height:1.14}
  .hm-h1 .hm-l2{display:inline}
  .hm-acts .hm-btn{width:100%}
  .hm-bh .hm-acts{align-self:stretch}
  .hm-lineup{margin-top:40px;padding-bottom:48px;margin-inline:-18px;padding-inline:18px;scroll-padding-inline:18px}
  .hm-ex{padding-bottom:60px}
  .hm-intro{padding-block:0 44px}
  .hm-intro-box{padding:32px 24px 28px;text-align:left}
  .hm-intro-p{font-size:18px}
  .hm-intro-p2{font-size:15px}
  .hm-ex-bar-in{gap:12px;overflow-x:auto;scrollbar-width:none}
  .hm-tab{padding:0 12px;font-size:14px}
  .hm-hint-row{padding-top:28px}
  .hm-p-hint{padding-top:28px}
  .hm-hint{font-size:16px}
  .hm-wheel,.hm-wheel-a,.hm-wheel-y,.hm-wheel-y11,.hm-wheel-g{width:auto;height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 8px;margin-top:4px}
  .hm-yl{position:static;width:auto;height:auto;margin:8px 0 0;overflow:visible;clip:auto;white-space:normal;grid-column:1 / -1;text-align:center}
  .hm-yl-t > span{display:block}
  .hm-nd-big,.hm-nd-big.hm-quad{position:static;transform:none;width:auto;grid-column:1 / -1;justify-self:center}
  .hm-nd-big .hm-md-big{width:132px;height:132px}
  .hm-pips{position:static;grid-column:1 / -1;display:flex;justify-content:center;gap:10px;margin-top:-8px;pointer-events:auto}
  .hm-pip{position:static;transform:none}
  .hm-yl-t > .hm-yl-sep{display:none}
  .hm-yl-wc{margin-top:20px}
  .hm-yl-end{display:block;grid-column:1 / -1;border-top:1px solid #DDD5C8;margin:4px 0 0}
  .hm-wheel-svg{display:none}
  .hm-nd,.hm-nd-art,.hm-nd-sm,.hm-wheel-y11 .hm-nd:not(.hm-nd-wide){position:static;transform:none;width:auto}
  .hm-hub{position:static;transform:none;grid-column:1 / -1;justify-self:center;width:150px;height:150px}
  .hm-hub:hover{transform:scale(1.03)}
  .hm-md,.hm-wheel-y11 .hm-nd:not(.hm-nd-wide) .hm-md{width:80px;height:80px}
  .hm-nd-sm .hm-md{width:80px;height:80px}
  .hm-sd{padding:24px 20px 20px}
  .hm-sd-h{font-size:25px}
  .hm-ixw{padding:24px 20px 24px}
  .hm-ix-h{font-size:26px}
  .hm-ix{display:flex;flex-direction:column;align-items:stretch;gap:14px}
  .hm-ix-node{width:auto;height:auto;border-radius:10px;flex-direction:row;justify-content:flex-start;gap:12px;padding:12px 14px;box-shadow:none}
  .hm-ix-node .hm-emb{width:34px;height:34px;stroke-width:2.1}
  .hm-ix-nn{padding:0}
  .hm-ix-roads{display:none}
  .hm-ix-card{height:auto;grid-template-columns:52px minmax(0,1fr);gap:14px;padding:0 0 0 18px}
  .hm-ix-dot{left:0}
  .hm-ix-card img{width:52px;height:74px;margin-left:0}
  .hm-ix-b{padding-left:0}
  .hm-ix-go{display:none}
  .hm-mx-box,.hm-map-box,.hm-ru-box{margin-inline:-18px;padding-inline:0}
  .hm-mx{border-radius:0;min-width:820px}
  .hm-mx-gh,.hm-mx-ah,.hm-mx-r{grid-template-columns:150px repeat(var(--n,7),minmax(0,1fr))}
  .hm-mx-l,.hm-mx-g{position:sticky;left:0;background:#FFFFFF;z-index:2}
  .hm-mx-l{padding-left:18px}
  .hm-mx-g{padding-left:18px}
  .hm-map{min-width:900px}
  .hm-mrow{grid-template-columns:118px repeat(var(--n,25),minmax(0,1fr))}
  .hm-ml{position:sticky;left:0;z-index:2;padding-left:18px;padding-right:6px}
  .hm-ml .hm-emb{width:24px;height:24px;stroke-width:1.9}
  .hm-ml-n{font-size:12.5px}
  .hm-ru{min-width:760px;padding-inline:18px}
  .hm-ru-row,.hm-owc-grid{grid-template-columns:120px repeat(var(--n,11),minmax(0,1fr))}
  .hm-bk{padding-top:64px}
  .hm-bk-card{grid-template-columns:minmax(0,1fr);gap:28px;padding:28px 22px}
  .hm-bk-covers{justify-content:flex-start;overflow-x:auto;padding-bottom:6px}
  .hm-bk-covers a{flex:0 0 76px}
  .hm-close{padding-block:60px}
}