@font-face{font-family:Libertine;src:url('assets/elipedia-logo.woff2') format('woff2');font-display:swap}
@font-face{font-family:'Elipedia Hebrew';src:url('assets/elipedia-hebrew.woff2') format('woff2');font-weight:500;font-display:swap}
:root{color-scheme:dark;--page:#0b1714;--surface:#12261f;--text:#f1eedf;--muted:#a8b8ab;--accent:#cee88c;--line:#bed5a21f}
*{box-sizing:border-box}
html{background:var(--page)}
body{margin:0;color:var(--text);background:radial-gradient(ellipse 100% 550px at 50% 0,#20382b88,transparent),var(--page);font:16px Arial,"Noto Sans Hebrew",sans-serif}
::selection{background:var(--accent);color:var(--page)}
header{min-height:88px;padding:22px max(28px,calc((100vw - 1180px)/2));display:flex;direction:ltr;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}
.brand{font-family:Libertine,'Linux Libertine',Georgia,serif;font-variant:small-caps;font-size:43px;letter-spacing:.5px;color:var(--text);text-decoration:none;line-height:1}
header>span{direction:rtl;color:#c1cbb9;font:500 18px/1.5 'Elipedia Hebrew','Times New Roman',serif}
main{max-width:1180px;margin:auto;padding:32px 28px 48px}
.collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 30px}
.card{display:block;min-width:0;color:inherit;text-decoration:none;border-radius:10px;transition:transform .3s ease}
.visual{height:270px;position:relative;background:var(--surface);border-radius:10px;overflow:hidden;border:1px solid var(--line);transition:border-color .3s ease,box-shadow .3s ease}
.visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.anatomy img{object-position:center 12%}
.card-body{padding:12px 16px 4px;text-align:center}
.card h2{font:500 31px/1.55 'Elipedia Hebrew','Times New Roman',serif;margin:0;transition:color .25s ease}
.card:focus-visible,.brand:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.card:focus-visible h2{color:var(--accent)}
@media(hover:hover){.card:hover{transform:translateY(-3px)}.card:hover img{transform:scale(1.025)}.card:hover .visual{border-color:#cee88c75;box-shadow:0 8px 28px #0002}.card:hover h2{color:var(--accent)}}
footer{max-width:1124px;margin:auto;padding:16px 0 90px;border-top:1px solid var(--line);display:flex;align-items:start;justify-content:space-between;gap:24px;color:var(--muted);font-size:13px;line-height:1.8}
footer details{max-width:650px}footer summary{cursor:pointer;min-height:44px;padding-top:8px}footer p{margin:0;font-size:13px}footer a{color:#c4d5b6;text-underline-offset:4px}
.utility-link{color:var(--muted);text-decoration:none;min-height:44px;padding-top:8px}.utility-link:hover{color:var(--accent);text-decoration:underline}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.home-refresh{display:none;width:44px;height:44px;align-items:center;justify-content:center;padding:10px;color:var(--text);background:#cee88c0c;border:1px solid var(--line);border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.home-refresh svg{display:block;width:22px;height:22px}.home-refresh:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.home-refresh:active{background:#cee88c20}.home-refresh[aria-busy=true] svg{animation:refresh-spin .8s linear infinite}
@keyframes refresh-spin{to{transform:rotate(360deg)}}
@media(max-width:680px){header{min-height:78px;padding:18px 20px;gap:15px}.brand{font-size:36px}header>span{font-size:16px;max-width:145px}main{padding:24px 18px 30px}.collection{grid-template-columns:1fr;gap:23px}.visual{height:clamp(190px,57vw,255px)}.card h2{font-size:29px}.card-body{padding:9px 16px 3px}footer{margin:0 18px;padding-bottom:86px}}
@media(max-width:350px){header{flex-wrap:wrap;gap:12px}.brand{font-size:33px}header>span{font-size:15px;max-width:125px}}
@media(max-width:680px){header{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px 16px}.brand{grid-column:1;grid-row:1;justify-self:start}header>span{grid-column:1;grid-row:1;max-width:none;justify-self:start}.home-refresh{display:flex;grid-column:2;grid-row:1;justify-self:end}}
@media(prefers-reduced-motion:reduce){.card,.visual,.visual img,.card h2{transition:none}.card:hover,.card:hover img{transform:none}}

/* Homepage wordmark: a compact, warm serif title above the Hebrew descriptor. */
.home-heading{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}
.home-heading .brand{margin:0;font-variant:normal;font-size:clamp(2.125rem,4.5vw,3rem);font-weight:400;letter-spacing:-.025em;line-height:1.08;white-space:nowrap}
.home-tagline{direction:rtl;color:#c1cbb9;font:500 1rem/1.5 'Elipedia Hebrew','Times New Roman',serif}
@media(max-width:680px){.home-heading{grid-column:1;grid-row:1;gap:5px}.home-heading .brand{font-size:clamp(1.75rem,8.2vw,2.25rem)}.home-tagline{font-size:.9375rem}}