/* Buchwelt Im Rhythmus der Natur. Erzeugt von tools/jahreskreis.py */
@font-face{font-family:"Newsreader";src:url("../fonts/newsreader-latin-500-normal.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Spectral";src:url("../fonts/spectral-latin-400-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Manrope";src:url("../fonts/manrope-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Manrope";src:url("../fonts/manrope-latin-700-normal.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Manrope";src:url("../fonts/manrope-latin-800-normal.woff2") format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Caveat Brush";src:url("../fonts/caveat-brush-latin-400-normal.woff2") format("woff2");font-display:swap}
:root{--forest:#0f2e2b;--forest2:#174640;--deep:#0a201e;--leaf:#a5d86e;--leaf2:#c4ea97;--wheat:#f1d6a0;--rust:#b8501f;--saffron:#e3a03a;--cream:#f6eddc;--paper:#fbf7ee;--ink:#1c2a27;--muted:#56645f;
--serif:"Newsreader",Georgia,serif;--quote:"Spectral","Newsreader",Georgia,serif;--sans:"Manrope",system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.65 var(--sans);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:100;background:#fff;color:#000;padding:8px 12px}
:focus-visible{outline:3px solid var(--saffron);outline-offset:3px}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.narrow{max-width:760px}.center{text-align:center}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.12;letter-spacing:-.01em;margin:0}
h2{font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:16px}
h3{font-size:1.45rem}
.kicker{font:800 .72rem/1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--rust);margin:0 0 12px}
.lead{font-size:1.15rem;max-width:58ch}
.textlink{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:var(--forest2);text-decoration:none;min-height:44px}
.textlink:hover{text-decoration:underline;text-underline-offset:4px}
.lx-bar{background:#000;color:#fff;font:600 14px/1.2 var(--sans)}
.lx-wrap{max-width:1160px;margin:0 auto;padding:0 16px;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.lx-bar a{color:#fff;text-decoration:none;display:inline-flex;align-items:center;min-height:44px;padding:0 4px}
.lx-bar a:hover{text-decoration:underline;text-underline-offset:3px}
.lx-links{display:flex;gap:14px}.lx-home span{margin-right:6px}
@media(max-width:420px){.lx-hide-s{display:none!important}}
.btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;font:800 .95rem var(--sans);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .15s,background .2s;background:none}
.btn:hover{transform:translateY(-1px)}
.btn--leaf{background:var(--leaf);color:#10261f}.btn--leaf:hover{background:var(--leaf2)}
.btn--ghost{border-color:rgba(246,237,220,.6);color:var(--cream)}.btn--ghost:hover{background:rgba(255,255,255,.08)}
.btn--forest{background:var(--forest);color:#fff}.btn--forest:hover{background:var(--forest2)}
.btn--line{border-color:var(--forest);color:var(--forest)}.btn--line:hover{background:var(--forest);color:#fff}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.cta--c{justify-content:center}
/* Hero */
.hero,.ohero{position:relative;overflow:hidden;color:var(--cream);background:
radial-gradient(ellipse 55% 70% at 85% 30%,rgba(165,216,110,.16),transparent 70%),
radial-gradient(ellipse 50% 60% at 5% 90%,rgba(227,160,58,.12),transparent 70%),
linear-gradient(180deg,var(--deep),var(--forest) 60%,var(--forest2))}
.hero::before,.ohero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.07;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23f6eddc' stroke-width='1.2'%3E%3Cpath d='M20 100C30 70 50 55 80 48M44 74c-8-6-10-14-6-20 8 2 10 12 6 20zM62 60c-2-10 2-17 9-19 3 8-2 16-9 19z'/%3E%3C/g%3E%3C/svg%3E")}
.hero-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding:48px 20px 64px}
.hero-grid>*{min-width:0}
.hero .kicker,.ohero .kicker{color:var(--saffron)}
.hero h1{font-size:clamp(2.6rem,6vw,4.6rem);color:var(--wheat);line-height:1}
.brush{font-family:"Caveat Brush",cursive;color:var(--leaf);font-size:1.35em;font-weight:400;letter-spacing:0;display:inline-block;transform:rotate(-3deg)}
.h1-sub{display:block;margin-top:16px;font:800 clamp(.95rem,1.8vw,1.2rem)/1.35 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#fff}
.hero .lead{color:#dbe6df;margin:22px 0 0}
.hero-cover{position:relative;justify-self:center;width:min(360px,80vw)}
.hero-cover img{border-radius:6px;box-shadow:0 30px 60px rgba(0,0,0,.5),0 0 0 1px rgba(241,214,160,.2);transform:rotate(2deg)}
.badge{position:absolute;left:-14px;bottom:28px;background:var(--saffron);color:#24170a;font:800 .78rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:10px 14px;border-radius:999px;box-shadow:0 8px 20px rgba(0,0,0,.3)}
@media(max-width:820px){.hero-grid{grid-template-columns:1fr;gap:36px;padding-top:32px}.hero-cover{width:min(260px,70vw)}}
/* Orakel oben, Buch darunter */
.hero--oracle{padding:40px 0 64px}
.hero--oracle>.wrap{position:relative}
.hero--oracle h1{font-size:clamp(2.2rem,5vw,3.6rem);color:var(--wheat);line-height:1.05}
.hero--oracle .brush{font-size:1.2em}
.hero--oracle .lead{color:#dbe6df;margin:16px 0 0}
.hero--oracle .sec-head{margin-bottom:28px}
@media(max-width:700px){.hero--oracle{padding-top:22px}.hero--oracle h1{font-size:1.85rem}.hero--oracle .lead{font-size:1rem}.hero--oracle .sec-head{margin-bottom:18px}}
.bookhero .hero-grid{padding:8px 20px}
.bh-title{font-size:clamp(2.4rem,5.4vw,4.2rem);color:var(--wheat);line-height:1}
.bookhero .lead{margin:20px 0 0}
.bookhero .badge{background:#ff8a1f}
/* Sections */
.sec{padding:76px 0;overflow-x:clip}
.sec--paper{background:var(--paper)}.sec--cream{background:var(--cream)}
.sec--forest{background:linear-gradient(180deg,var(--forest),var(--deep));color:var(--cream)}
.sec--forest .kicker{color:var(--saffron)}.sec--forest h2{color:var(--wheat)}
.sec-head{max-width:760px;margin-bottom:36px}
.two{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:start}
.two>*{min-width:0}
@media(max-width:900px){.two{grid-template-columns:1fr;gap:36px}}
.points{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:14px}
.points li{padding:16px 18px;border-left:4px solid var(--leaf);background:#fff;border-radius:0 10px 10px 0}
.toc{background:var(--forest);color:var(--cream);border-radius:16px;padding:28px}
.toc h3{color:var(--wheat);margin-bottom:12px}
.toc ol{list-style:none;padding:0;margin:0}
.toc li{padding:8px 0;border-bottom:1px solid rgba(246,237,220,.14);font-weight:700}
.toc li em{display:block;font:italic 400 1rem var(--quote);color:var(--leaf2)}
.toc-note{font-size:.92rem;color:#c7d5cf;margin:16px 0 0}
/* Rad */
.rad-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
@media(max-width:900px){.rad-grid{grid-template-columns:1fr;gap:28px}}
.rad{position:relative;width:min(520px,100%);aspect-ratio:1;margin:0 auto;--r:41%}
.rad::before{content:"";position:absolute;inset:6%;border-radius:50%;border:1px dashed rgba(241,214,160,.35)}
.rad-ring{position:absolute;inset:0;transform:rotate(var(--rot,0deg));transition:transform .9s cubic-bezier(.2,.75,.25,1)}
.rad-ring.is-spin{transition:transform 2.4s cubic-bezier(.15,.7,.15,1)}
.rad-ring.no-anim{transition:none}
.rad-item{position:absolute;left:50%;top:50%;width:21%;aspect-ratio:1;margin:-10.5% 0 0 -10.5%;padding:0;border:0;background:none;cursor:pointer;
transform:rotate(var(--a)) translateY(calc(-1 * 2.0 * 100%)) rotate(calc(-1 * var(--a))) rotate(calc(-1 * var(--rot,0deg)))}
.rad-ring{--rot:0deg}
.rad-item img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;border-radius:50%;border:3px solid rgba(241,214,160,.55);box-shadow:0 10px 24px rgba(0,0,0,.4);transition:transform .25s,border-color .25s}
.rad-item span{position:absolute;left:50%;top:100%;transform:translateX(-50%);margin-top:4px;font:800 .72rem/1 var(--sans);letter-spacing:.06em;color:var(--cream);white-space:nowrap;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.rad-item:hover img{transform:scale(1.06)}
.rad-item.is-on img{border-color:#ff8a1f;transform:scale(1.16);box-shadow:0 0 0 4px rgba(255,138,31,.35),0 0 28px rgba(255,138,31,.6)}
.rad-item.is-on span{color:#ffb15c;margin-top:12px}
.rad.is-landed .rad-item.is-on img{animation:land .9s ease-out}
@keyframes land{0%{box-shadow:0 0 0 0 rgba(255,138,31,.9)}100%{box-shadow:0 0 0 22px rgba(255,138,31,0),0 0 28px rgba(255,138,31,.6)}}
.rad-pointer{position:absolute;left:50%;top:-7%;width:0;height:0;margin-left:-17px;border:17px solid transparent;border-top:26px solid #ff8a1f;border-bottom:0;z-index:3;filter:drop-shadow(0 0 6px rgba(255,138,31,.9)) drop-shadow(0 0 16px rgba(255,138,31,.55));animation:ptr 1.6s ease-in-out infinite}
@keyframes ptr{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
.rad.is-landed .rad-pointer{animation:none}
.rad-center{position:absolute;left:50%;top:50%;width:36%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:0;padding:0;cursor:pointer;background:radial-gradient(circle,#2a6b5f,var(--forest) 72%);display:grid;place-items:center;color:var(--wheat);box-shadow:inset 0 0 0 1px rgba(241,214,160,.35),0 0 0 0 rgba(165,216,110,.55);animation:glow 2.2s ease-in-out infinite;transition:transform .2s}
.rad-center:hover{transform:translate(-50%,-50%) scale(1.04)}
.rad-center>svg.cb-wheel{position:absolute;inset:8%;width:84%;height:84%;opacity:.35}
.spin-in{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px}
.spin-ico{width:clamp(30px,6vw,44px);height:auto;color:var(--leaf);filter:drop-shadow(0 0 6px rgba(165,216,110,.9)) drop-shadow(0 0 14px rgba(165,216,110,.6));animation:turn 3s linear infinite}
.spin-t{font:800 clamp(.8rem,2.2vw,1rem)/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#fff;text-shadow:0 0 10px rgba(165,216,110,.8)}
@keyframes glow{0%,100%{box-shadow:inset 0 0 0 1px rgba(241,214,160,.35),0 0 0 0 rgba(165,216,110,.5),0 0 18px rgba(165,216,110,.25)}50%{box-shadow:inset 0 0 0 1px rgba(241,214,160,.35),0 0 0 14px rgba(165,216,110,0),0 0 34px rgba(165,216,110,.45)}}
@keyframes turn{to{transform:rotate(360deg)}}
.rad.is-used .rad-center{animation-duration:4s}
.rad.is-used .spin-ico{animation:none}
.rad-panel{background:rgba(255,255,255,.05);border:1px solid rgba(241,214,160,.22);border-radius:18px;padding:28px}
.rad-k{font:800 .72rem/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--saffron);margin:0 0 8px}
.rad-panel h2{font-size:2.2rem;color:var(--wheat);margin:0}
.rad-w{font-weight:700;color:var(--leaf2);margin:6px 0 10px}
.rad-l{font:italic 400 1.15rem var(--quote);color:#fff}
.rad-help{font-size:.95rem;color:#d6e2dc;margin:16px 0 0}
.rad-imp{margin:18px 0 0;padding:16px 18px;border-radius:14px;background:linear-gradient(135deg,#f6e3c6,#efcfa6);color:#3a2414;border-left:5px solid #ff8a1f}
.rad-imp p{margin:0}.rad-imp-k{font:800 .7rem/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#a24618}
.rad-imp-t{font:500 1.35rem/1.2 var(--serif);color:#5a2a12;margin:4px 0 2px!important}.rad-imp-s{font:italic 400 1.08rem/1.4 var(--quote);margin-bottom:6px!important}.rad-imp-i{font-size:.95rem}
.btn--saffron{background:#ff8a1f;color:#24140a}.btn--saffron:hover{background:#ffa64d}
.textlink--light{color:var(--wheat)}
.how{list-style:none;padding:0;margin:44px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.how li{display:flex;gap:12px;align-items:flex-start;background:rgba(255,255,255,.04);border-radius:12px;padding:16px}
.how span{flex:none;width:32px;height:32px;border-radius:50%;background:var(--leaf);color:#10261f;display:grid;place-items:center;font-weight:800}
@media(max-width:800px){.how{grid-template-columns:1fr}}
.olinks{list-style:none;padding:0;margin:36px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.olinks li{min-width:0}
.olinks a{display:grid;grid-template-columns:56px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:10px;border-radius:12px;background:rgba(255,255,255,.05);text-decoration:none;min-height:64px}
.olinks a:hover{background:rgba(255,255,255,.1)}
.olinks img{grid-row:1/3;width:56px;height:56px;object-fit:cover;object-position:50% 20%;border-radius:50%}
.olinks span{font-weight:800;color:var(--wheat)}.olinks small{color:#b7c8c1;font-size:.82rem;line-height:1.3}
.olinks--small{grid-template-columns:repeat(8,minmax(0,1fr))}
.olinks--small span{font-size:.8rem;overflow-wrap:anywhere}
.olinks--small a{grid-template-columns:1fr;justify-items:center;text-align:center;row-gap:6px}
.olinks--small img{grid-row:auto}
.olinks--small li[aria-current] a{outline:2px solid var(--leaf)}
@media(max-width:900px){.olinks{grid-template-columns:repeat(2,minmax(0,1fr))}.olinks--small{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Karten-Orakel, warme Erdtöne */
.karten{background:radial-gradient(ellipse 70% 50% at 50% 0%,#f6dcc0,transparent 70%),linear-gradient(180deg,#f3e2cc,#ecd3b4);color:#2e1c12}
.karten .kicker{color:#a24618}.karten h2{color:#6b2a10}
.center-head{margin:0 auto 26px;text-align:center}
.fchips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 22px;max-width:1120px}
.fchip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:4px 14px 4px 4px;border-radius:999px;border:1.5px solid rgba(162,70,24,.35);background:#fff7ec;color:#5a2a12;font:800 .88rem var(--sans);cursor:pointer}
.fchip img{width:34px;height:34px;border-radius:50%;object-fit:cover;object-position:50% 20%}
.fchip:hover{border-color:#b8501f}
.fchip[aria-pressed="true"]{background:#b8501f;border-color:#b8501f;color:#fff}
.k-head{text-align:center;max-width:680px;margin:0 auto 20px}
.karten .banner--warm{background:#b8501f;color:#fff}
.k-intro{font:italic 400 1.1rem/1.5 var(--quote);margin:12px 0 0}
.karten .o-hint{color:#8a3a14}
.karten .r-item{background:#fffaf2}
.karten .r-n{background:#b8501f;color:#fff}.karten .r-item.is-open .r-n{background:#ff8a1f;color:#24140a}
.karten .r-h{color:#6b2a10;font-size:1.8rem}
.btn--rust{background:#b8501f;color:#fff}.btn--rust:hover{background:#9a3f14}
.btn--line-rust{border-color:#b8501f;color:#8a3a14}.btn--line-rust:hover{background:#b8501f;color:#fff}
/* Feste */
.fests{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.fest{display:grid;grid-template-columns:130px 1fr;gap:20px;background:#fff;border-radius:16px;padding:18px;box-shadow:0 1px 0 rgba(0,0,0,.05)}
.fest img{border-radius:10px;aspect-ratio:720/1019;object-fit:cover}
.fest h3{color:var(--forest)}
.fest p{margin:6px 0}
.fest-when{font-weight:800;color:var(--rust);font-size:.92rem}
.fest-herb{font:italic 400 1rem var(--quote);color:var(--muted)}
@media(max-width:820px){.fests{grid-template-columns:1fr}.fest{grid-template-columns:96px 1fr;gap:14px}}
/* FAQ */
.faq details{border-bottom:1px solid rgba(0,0,0,.12);padding:4px 0}
.faq summary{cursor:pointer;font-weight:800;padding:14px 0;min-height:44px;list-style-position:outside}
.faq p{margin:0 0 16px}
.end p{color:#d6e2dc}
/* Orakel-Seite */
.ohero-grid{position:relative;display:grid;grid-template-columns:1fr 240px;gap:40px;align-items:center;padding:34px 20px 48px}
.ohero-grid>*{min-width:0}
.ohero h1{font-size:clamp(2.4rem,6vw,4rem);color:var(--wheat)}
.ohero .lead{color:#dbe6df;margin:16px 0 0}
.ohero-img{border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.45)}
.crumbs{font-size:.88rem;color:#b7c8c1;margin-bottom:18px}.crumbs a{color:var(--leaf2)}
.banner{display:inline-block;margin:16px 0 0;background:var(--leaf);color:#10261f;font:800 .82rem/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:4px}
@media(max-width:700px){.ohero-grid{grid-template-columns:1fr 110px;gap:18px}.ohero-img{align-self:start;margin-top:40px}}
.legung{padding-top:44px}
.o-hint{text-align:center;font-weight:700;color:var(--forest2);min-height:1.6em;margin:0 0 22px}
.ocards{list-style:none;padding:0;margin:0 auto;display:grid;grid-template-columns:repeat(6,1fr);gap:14px;max-width:1000px}
@media(max-width:760px){.ocards{grid-template-columns:repeat(3,1fr);gap:12px;max-width:420px}}
.ocard{display:block;width:100%;aspect-ratio:720/1019;padding:0;border:0;background:none;cursor:pointer;perspective:1200px;-webkit-tap-highlight-color:transparent}
.oc-in{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.ocard[aria-pressed="true"] .oc-in{transform:rotateY(180deg)}
.ocard:hover .oc-in{translate:0 -3px}
.oc-face{position:absolute;inset:0;border-radius:10px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 10px 24px rgba(15,46,43,.28)}
.oc-back{display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,#24665c,var(--forest) 64%,#0a201e);color:var(--wheat);border:2px solid rgba(241,214,160,.55)}
.oc-back svg{position:absolute;inset:14%;width:72%;height:72%;opacity:.22}
.oc-back{align-content:center;gap:4px}
.oc-back b{position:relative;font:500 clamp(2.4rem,6vw,3.6rem)/1 var(--serif);color:var(--wheat);text-shadow:0 2px 10px rgba(0,0,0,.25)}
.oc-back em{position:relative;font:italic 400 clamp(.72rem,1.5vw,.9rem)/1.2 var(--quote);color:#e9dcc0;padding:0 6px;text-align:center}
.oc-front{transform:rotateY(180deg);background:var(--cream)}
.oc-front img{width:100%;height:100%;object-fit:cover}
.oc-name{position:absolute;left:0;right:0;bottom:0;padding:8px 6px;background:rgba(251,247,238,.94);font:800 clamp(.62rem,1.4vw,.8rem)/1.2 var(--sans);text-align:center;color:var(--forest)}
.o-ctrl{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:26px 0 0}
.r-h{margin-top:56px;text-align:center}
.reading{list-style:none;padding:0;margin:0 auto;max-width:760px;display:grid;gap:14px}
.r-item{display:grid;grid-template-columns:40px 1fr;gap:14px;background:#fff;border-radius:14px;padding:18px}
.r-n{width:34px;height:34px;border-radius:50%;background:var(--forest);color:var(--wheat);display:grid;place-items:center;font-weight:800}
.r-item.is-open .r-n{background:var(--leaf);color:#10261f}
.r-pos{font:800 .72rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--rust);margin:6px 0 2px}
.r-q{font-weight:800;margin:0 0 6px}
.r-wait{color:var(--muted);font-size:.95rem;margin:0}
.r-card{margin:0;font:500 1.3rem var(--serif);color:var(--forest)}.r-card span{font:700 .85rem var(--sans);color:var(--rust)}
.r-s{font:italic 400 1.15rem/1.45 var(--quote);margin:6px 0}
.r-i{margin:0;color:#33433e}
.oc-big{position:fixed;inset:0;z-index:200;background:rgba(20,10,4,.72);display:grid;place-items:center;padding:16px;overflow:auto}
.oc-big[hidden]{display:none}
html.ocb-open{overflow:hidden}
.ocb-card{position:relative;width:min(760px,100%);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);background:#fffaf2;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5);animation:ocbIn .35s cubic-bezier(.2,.7,.2,1)}
@keyframes ocbIn{from{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:none}}
.ocb-img{width:100%;height:100%;object-fit:cover}
.ocb-body{padding:26px 26px 24px;color:#2e1c12}
.ocb-body p{margin:0}
.ocb-pos{font:800 .72rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#a24618}
.ocb-q{font-weight:800;margin:6px 0 14px!important}
.ocb-t{font:500 1.9rem/1.1 var(--serif);color:#6b2a10;margin:0 0 8px}
.ocb-s{font:italic 400 1.2rem/1.45 var(--quote);margin-bottom:12px!important}
.ocb-i{color:#3b2a20;margin-bottom:20px!important}
.ocb-x{position:absolute;top:8px;right:10px;z-index:2;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,250,242,.9);color:#6b2a10;font-size:1.6rem;cursor:pointer}
@media(max-width:620px){.ocb-card{grid-template-columns:1fr}.ocb-img{height:190px;object-position:50% 25%}.ocb-body{padding:18px}.ocb-t{font-size:1.6rem}}
@media(prefers-reduced-motion:reduce){.ocb-card{animation:none}}
.o-note{max-width:760px;margin:28px auto 0;font-size:.92rem;color:var(--muted);text-align:center}
@media(prefers-reduced-motion:reduce){.oc-in,.rad-ring,.rad-ring.is-spin{transition:none}html{scroll-behavior:auto}.rad-center,.spin-ico{animation:none}}
/* Footer */
.foot{background:var(--deep);color:#c9d6d2;padding:44px 0;font-size:.95rem}
.foot strong{color:#fff}
.foot a{color:var(--wheat)}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:12px}
.foot-links a{min-height:44px;display:inline-flex;align-items:center}
.jk-social{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.jk-social a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(241,214,160,.45);text-decoration:none;font-weight:700}
.jk-social a:hover{background:rgba(255,255,255,.06)}