/* "Marks of the path" on the community home page */
.marks{max-width:1400px;margin:0 auto;padding-inline:clamp(20px,4vw,56px)}
.marks-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px 64px;margin-bottom:clamp(32px,5vw,56px)}
.marks-head h2{margin:0;font:400 clamp(38px,4.6vw,68px)/1.04 'Bodoni Moda',Georgia,serif;letter-spacing:-.035em;color:#f2f1ea;white-space:nowrap}.marks-head h2 em{color:#dcc09a}
.marks-head p{margin:0;max-width:46ch;color:var(--silver,#c5d2d8);font-size:16px;line-height:1.7}
.marks-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(220,192,154,.14);border:1px solid rgba(220,192,154,.14);border-radius:24px;overflow:hidden}
.mark{display:grid;justify-items:center;text-align:center;gap:6px;padding:30px 22px 26px;background:linear-gradient(180deg,#0b131a,#080d12);transition:background-color .3s ease}
.mark .tb{width:76px;height:76px;margin-bottom:8px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.6));transition:transform .5s cubic-bezier(.23,1,.32,1)}
.mark b{font-family:'Bodoni Moda',Georgia,serif;font-weight:400;font-size:21px;line-height:1.2;color:#f2f1ea}
.mark-line{color:#9eaeb9;font-size:13.5px;line-height:1.5;max-width:24ch}
.mark-meta{margin-top:6px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:#dcc09a}
.marks-more{display:flex;align-items:center;gap:10px;margin:22px auto 0;padding:12px 22px;border:1px solid rgba(220,192,154,.45);border-radius:999px;background:transparent;color:#dcc09a;font:600 14px/1 'Manrope',sans-serif;cursor:pointer;transition:background-color .2s ease}
.marks-more svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .3s ease}
.marks-more[aria-expanded=true] svg{transform:rotate(180deg)}
@media (hover:hover) and (pointer:fine){.mark:hover{background:linear-gradient(180deg,#0f1a23,#0a1117)}.mark:hover .tb{transform:translateY(-3px) scale(1.04)}.marks-more:hover{background:rgba(220,192,154,.08)}}
@media (max-width:980px){.marks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.marks-head{grid-template-columns:1fr}}
@media (max-width:520px){.mark{padding:24px 14px}.mark b{font-size:18px}}
@media (prefers-reduced-motion:reduce){.mark .tb,.marks-grid.open .mark--later{transition:none;animation:none}}

/* The quote of Oracle Talosha, in Cinzel */
.oracle-section blockquote{font-family:'Cinzel','Bodoni Moda',Georgia,serif!important;font-weight:400;font-style:italic;font-size:clamp(23px,2.7vw,38px);letter-spacing:.02em;line-height:1.45}
.oracle-section blockquote em{font-style:italic;color:#dcc09a}
@media (max-width:700px){.oracle-section blockquote{font-size:24px}}
@media (max-width:560px){.marks-head h2{white-space:normal}}

/* Keep "not a luxury. It is a survival strategy." together on one line (owner 2026-11-11); phones may wrap it. */
.oracle-section blockquote .q-end{display:inline-block;white-space:nowrap}
.oracle-section blockquote .q-end>span{color:var(--gold,#dcc09a)}
@media (max-width:700px){.oracle-section blockquote .q-end{white-space:normal;display:inline}}