/* A dimensional, two-faced coin shared by the homepage and Onboarding. */
.ethos-section{background:#e8eadf;color:#182c22;overflow:hidden}.ethos-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:end;margin-bottom:38px}.ethos-intro h2{margin-bottom:0}.ethos-intro>div:last-child{max-width:470px}.ethos-intro .lede{font-size:24px;line-height:1.4;margin:0 0 15px}.ethos-intro p:not(.lede):not(.eyebrow){color:#506151}.ethos-source{font-size:12px;text-underline-offset:4px;color:#455f3b}
.ethos-experience{--ethos-ink:#203b2b;--ethos-muted:#596a58;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:55px;align-items:center;color:var(--ethos-ink);font-family:var(--sans,Arial,sans-serif)}
.ethos-instrument{position:relative;isolation:isolate;aspect-ratio:1/1.12;min-width:0;display:flex;align-items:center;justify-content:center}.ethos-orbit{position:absolute;inset:0 0 auto;aspect-ratio:1;pointer-events:none}.ethos-orbit svg{width:100%;height:100%;fill:none;stroke:#617451;stroke-width:1;opacity:.6}.ethos-orbit svg path{stroke-width:1.6}.ethos-orbit span{position:absolute;left:0;width:100%;text-align:center;font:9px/1.5 var(--sans,Arial,sans-serif);letter-spacing:.23em;color:#5b704b}.orbit-heads{top:1%}.orbit-tails{bottom:1%}
.ethos-coin-space{position:absolute;top:13%;left:14%;width:72%;aspect-ratio:1;perspective:1400px}.ethos-coin-control{display:block;width:100%;height:100%;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;perspective:1400px;-webkit-tap-highlight-color:transparent}.ethos-coin-control:focus-visible{outline:3px solid #496e30;outline-offset:16px}.ethos-coin{position:absolute;inset:0;display:block;transform-style:preserve-3d;transform:rotateX(10deg) rotateY(-18deg);transition:transform .65s cubic-bezier(.22,.75,.18,1);will-change:transform}
.coin-edge{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(#6d4b19 0deg 1deg,#ddc17b 1deg 2deg,#94712e 2deg 3deg);box-shadow:inset 0 0 0 1px #d9c17e;backface-visibility:visible}.coin-face{position:absolute;inset:0;border-radius:50%;backface-visibility:hidden;transform:translateZ(7px);overflow:hidden;display:block;background:radial-gradient(ellipse at 25% 16%,#fff2b7aa,transparent 54%),conic-gradient(from 35deg,#b68a37,#f6dfa0,#9d7329,#ddbd70,#f4dfa1,#b68a37);box-shadow:inset 0 0 0 2px #fce4a0,inset 0 0 0 5px #8c6424,inset 0 0 0 7px #f6d58e,inset 0 0 22px #79551385;color:#59401b;text-shadow:0 1px 0 #fff0bd}
.coin-tails{transform:rotateY(180deg) translateZ(7px);background:radial-gradient(ellipse at 25% 16%,#f7ffe0aa,transparent 55%),conic-gradient(from 35deg,#8eaa8b,#e5efd0,#7e997c,#b9cbaa,#e5efd0,#8eaa8b);box-shadow:inset 0 0 0 2px #edf4d5,inset 0 0 0 5px #687e60,inset 0 0 0 7px #d8e4c4,inset 0 0 22px #3f583e85;color:#304d36;text-shadow:0 1px 0 #f2f8dc}
.coin-rim{position:absolute;inset:4%;border:2px dotted currentColor;border-radius:50%;opacity:.6}.coin-rim:after{content:'';position:absolute;inset:7%;border:1px solid currentColor;border-radius:50%;opacity:.55}.coin-face:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(113deg,transparent 0 2px,#fff5 2px 2.5px,transparent 2.5px 4px);opacity:.12;pointer-events:none}.coin-inscription{position:absolute;left:0;top:13%;width:100%;text-align:center;font:clamp(7px,.65vw,10px)/1.3 var(--sans,Arial,sans-serif);letter-spacing:.2em}.coin-face-content{position:absolute;inset:23% 14% 18%;display:flex;flex-direction:column;align-items:center;justify-content:center}.coin-side-label{font-size:10px;letter-spacing:.23em}.coin-face-content svg{width:32%;height:32%;margin:8px 0;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 0 #fff7)}.coin-name{font:clamp(22px,2.9vw,42px)/1.02 var(--serif,Georgia,serif);font-weight:400;text-align:center;max-width:100%;text-wrap:balance}.coin-engraving{font-size:6px;letter-spacing:.15em;margin-top:12px}.coin-mint{position:absolute;bottom:10%;left:0;width:100%;text-align:center;font:10px/1.2 Georgia,serif;letter-spacing:.3em}
.ethos-shadow{position:absolute;width:64%;height:5%;left:18%;bottom:13%;background:radial-gradient(ellipse,#283b284d,transparent 70%);filter:blur(7px);transition:transform 1s;z-index:-1}.ethos-instrument-controls{position:absolute;bottom:0;display:flex;align-items:center;gap:10px;justify-content:center;width:100%}.ethos-instrument-controls button{font:12px var(--sans,Arial,sans-serif);padding:10px 16px;background:transparent;color:#324f32;border:1px solid #6b805754;border-radius:30px;cursor:pointer}.ethos-instrument-controls button:hover{background:#d5dec9}.ethos-flip span{margin-left:10px}.ethos-cycle{border-color:transparent!important}
.ethos-pair-heading,.ethos-pair{display:grid;grid-template-columns:1fr 22px 1fr;gap:12px;align-items:center;text-align:left}.ethos-pair-heading{padding:0 13px 10px;color:var(--ethos-muted);font:10px/1.4 var(--sans,Arial,sans-serif);text-transform:uppercase;letter-spacing:.2em}.ethos-pair-heading>span:nth-child(2){text-align:center}.ethos-pair{appearance:none;width:100%;border:0;border-top:1px solid #71826935;border-radius:0;padding:15px 13px;background:transparent;cursor:pointer;color:var(--ethos-ink);font:18px/1.2 var(--serif,Georgia,serif);transition:background .25s}.ethos-pair:last-child{border-bottom:1px solid #71826935}.ethos-pair-seam{font:16px Georgia,serif;text-align:center;color:#81936b}.ethos-pair[aria-pressed=true]{background:#203b2b;color:#f1eedb}.ethos-pair[aria-pressed=true] .ethos-pair-seam{color:#d1e7a9}.ethos-pair:hover:not([aria-pressed=true]){background:#dae0ce}.ethos-pair:focus-visible,.ethos-instrument-controls button:focus-visible{outline:3px solid #6b873c;outline-offset:3px}.ethos-current{padding:22px 13px 0;min-height:165px}.ethos-side{font:10px/1.5 var(--sans,Arial,sans-serif);letter-spacing:.16em;text-transform:uppercase;color:var(--ethos-muted);margin:0 0 8px}.ethos-detail{font:21px/1.4 var(--serif,Georgia,serif);margin:0 0 12px;text-wrap:pretty}.ethos-question{font:13px/1.5 var(--sans,Arial,sans-serif);color:var(--ethos-muted);margin:0}.ethos-footnote{font:11px/1.5 var(--sans,Arial,sans-serif);color:var(--ethos-muted);padding:0 13px;margin:18px 0 0}

@media(max-width:900px){.ethos-intro{gap:35px}.ethos-experience{gap:24px}.ethos-pair{font-size:16px;padding:13px 9px;gap:7px}.coin-name{font-size:27px}.coin-engraving{font-size:5px}}
@media(max-width:700px){.ethos-intro{grid-template-columns:1fr;gap:22px;margin-bottom:24px}.ethos-experience{grid-template-columns:1fr;gap:32px}.ethos-instrument{width:100%;max-width:460px;justify-self:center}.coin-name{font-size:clamp(26px,7vw,38px)}.coin-inscription{font-size:8px}.ethos-pair{font-size:18px;padding:15px 12px}.ethos-current{min-height:150px}}
@media(prefers-reduced-motion:reduce){.ethos-coin{transition:none}.ethos-pair,.ethos-shadow{transition:none}}



/* Onboarding uses the same slide shell as the other culture lessons. */
.ethos-course{max-width:1050px;margin:0 auto}
.ethos-course-intro{font:16px/1.5 Arial,sans-serif;max-width:950px;margin:0 0 16px;color:#526054}
.ethos-course .ethos-experience{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px}
.ethos-course .ethos-instrument{max-width:350px;width:100%;justify-self:center}
.ethos-course .ethos-pair{font-size:17px;padding:9px 12px}
.ethos-course .ethos-current{min-height:104px;padding-top:14px}
.ethos-course .ethos-detail{font-size:20px;margin-bottom:8px}
.ethos-course .ethos-footnote{font-size:10px;margin-top:8px}
.ethos-course .coin-name{font-size:27px}
@media(max-width:700px){.ethos-course .ethos-experience{grid-template-columns:1fr;gap:28px}.ethos-course .ethos-instrument{max-width:330px}.ethos-course-intro{font-size:15px}.ethos-course .ethos-pair{padding:12px}}

@media(min-width:701px) and (max-height:820px){.ethos-course .ethos-instrument{max-width:320px}.ethos-course .ethos-pair{padding-block:7px}.ethos-course .ethos-current{min-height:120px}.ethos-course .ethos-detail{font-size:18px}.ethos-course .ethos-question{font-size:12px}.ethos-course .ethos-footnote{margin-top:4px}}
