@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--ink:#182a2b;--muted:#61706c;--paper:#f6f4ed;--card:#fffdf7;--green:#174d4b;--green2:#286b63;--gold:#b58b4d;--line:#dcded4;--shadow:0 18px 55px rgba(20,43,40,.09);--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--green2)}button,input,select{font:inherit}button,.button{border:0;cursor:pointer;border-radius:999px;padding:.8rem 1.15rem;background:var(--green);color:white;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}button:hover,.button:hover{background:var(--green2);color:white}.button.outline{background:transparent;color:var(--green);border:1px solid var(--line)}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.topline{background:var(--green);color:#e8e9dc;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;padding:.5rem 0}.topline .wrap{display:flex;justify-content:space-between;gap:1rem}.header{border-bottom:1px solid var(--line);background:rgba(246,244,237,.95);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand{display:flex;align-items:center;gap:.75rem;min-width:max-content}.brand-mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#f5e6c5;font-family:var(--serif);font-size:1.45rem}.brand>span:last-child{display:flex;flex-direction:column;min-width:0}.brand-name{font-family:var(--serif);font-weight:700;font-size:1.15rem;line-height:1.1}.brand-sub{display:block;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:.25rem}.navlinks{display:flex;align-items:center;gap:1.2rem;font-size:.9rem}.navlinks a{white-space:nowrap}.navlinks a.active{color:var(--green2);font-weight:700}.menu-toggle{display:none;background:transparent;color:var(--ink);border:1px solid var(--line)}.hero{padding:4.5rem 0 3.5rem;background:radial-gradient(ellipse at 80% 20%,#e5e4d5 0,transparent 42%)}.eyebrow{font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:var(--green2);font-weight:700}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center}.hero h1{font-family:var(--serif);font-size:clamp(3rem,6vw,5.6rem);line-height:1.01;letter-spacing:-.045em;margin:.8rem 0 1.2rem;font-weight:600}.hero h1 em{color:var(--green2);font-weight:500}.hero p{font-size:1.08rem;color:#52625e;max-width:560px}.hero-art{position:relative;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);transform:rotate(1deg)}.hero-art img{display:block;width:100%;height:auto;aspect-ratio:1.2;object-fit:cover}.art-note{position:absolute;bottom:18px;left:18px;background:rgba(246,244,237,.93);padding:.7rem 1rem;border-radius:4px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.searchbar{display:flex;gap:.6rem;max-width:620px;margin-top:1.6rem}.searchbar input{min-width:0;flex:1;border:1px solid #d5d9ce;background:#fffdf8;padding:.95rem 1.1rem;border-radius:999px;outline-color:var(--green2)}.searchbar button{min-width:110px}.section{padding:3.5rem 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem}.section-head h2,.page-intro h1{font-family:var(--serif);font-weight:600;letter-spacing:-.03em;line-height:1.1;margin:.35rem 0;font-size:clamp(2rem,4vw,3.2rem)}.section-head p{color:var(--muted);margin:.5rem 0 0}.text-link{color:var(--green2);font-weight:700;font-size:.9rem}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.creature-card{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:transform .2s,box-shadow .2s}.creature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.creature-card .thumb{display:block;position:relative;background:#1d3536}.creature-card img{display:block;width:100%;aspect-ratio:1.35;object-fit:cover}.pill{display:inline-flex;align-items:center;border-radius:99px;background:#e6eee5;color:#24524a;font-size:.72rem;letter-spacing:.04em;font-weight:700;padding:.3rem .65rem}.thumb .pill{position:absolute;left:14px;top:14px;background:rgba(250,248,239,.94)}.card-copy{padding:1.1rem 1.2rem 1.25rem}.card-copy h3{font:600 1.35rem/1.2 var(--serif);margin:.45rem 0}.latin{font-family:Georgia,serif;font-style:italic;color:var(--muted);font-size:.9rem}.card-copy p{font-size:.92rem;color:#5c6964;margin:.7rem 0 1rem}.card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ecece4;padding-top:.75rem;font-size:.78rem;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.category-tile{padding:1.6rem;border:1px solid var(--line);border-radius:10px;background:var(--card);min-height:190px;display:flex;flex-direction:column;justify-content:space-between}.category-tile .num{font:2rem var(--serif);color:var(--gold)}.category-tile h3{font:600 1.6rem var(--serif);margin:.4rem 0}.category-tile p{margin:0;color:var(--muted);font-size:.92rem}.editorial{background:#e9ece3}.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}.editorial-card{border-radius:10px;background:var(--green);color:#f8f4e9;padding:2rem;min-height:235px;display:flex;flex-direction:column;justify-content:space-between}.editorial-card:nth-child(2){background:#e4d9c4;color:var(--ink)}.editorial-card h3{font:600 1.8rem/1.15 var(--serif);max-width:450px;margin:.7rem 0}.editorial-card p{max-width:490px;color:inherit;opacity:.82}.page-intro{padding:3.3rem 0 2rem}.page-intro p{color:var(--muted);max-width:720px}.toolbar{display:flex;gap:.7rem;align-items:center;margin:1.5rem 0;flex-wrap:wrap}.toolbar input,.toolbar select{padding:.75rem 1rem;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink)}.toolbar input{flex:1;min-width:220px}.toolbar select{max-width:100%}.results-count{font-size:.85rem;color:var(--muted);margin:.5rem 0 1rem}.empty{padding:3rem;text-align:center;background:var(--card);border:1px dashed var(--line);border-radius:10px;color:var(--muted)}.article-hero{background:var(--green);color:#f6f4ed;padding:3.2rem 0}.article-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.article-hero h1{font:600 clamp(2.8rem,5vw,4.8rem)/1.02 var(--serif);letter-spacing:-.04em;margin:.7rem 0}.article-hero .latin{color:#d1d9cf}.article-hero p{max-width:620px;color:#e0e5dc;font-size:1.05rem}.article-hero img{width:100%;display:block;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:3rem;padding:3rem 0}.article-content{max-width:760px}.article-content h2{font:600 1.8rem var(--serif);margin:2.3rem 0 .6rem}.article-content p{color:#465650}.facts{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1.3rem;align-self:start;position:sticky;top:110px}.facts h2{font:600 1.45rem var(--serif);margin:.1rem 0 1rem}.fact{padding:.7rem 0;border-top:1px solid var(--line)}.fact b{display:block;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.fact span{display:block;margin-top:.2rem;font-size:.92rem}.note{border-left:3px solid var(--gold);background:#efeee5;padding:1rem 1.2rem;margin:1.4rem 0;color:#45554f}.source-list{padding-left:1.2rem}.source-list li{margin:.6rem 0}.source-list a{text-decoration:underline;text-decoration-color:#b6c6bb;text-underline-offset:3px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.comparison-card{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:1.3rem}.comparison-card h3{font:600 1.35rem var(--serif);margin:.7rem 0}.comparison-card p{font-size:.9rem;color:var(--muted)}.compare-table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);margin:1rem 0}.compare-table th,.compare-table td{text-align:left;padding:.85rem;border-bottom:1px solid var(--line);vertical-align:top}.compare-table th{background:#e9ece3}.legal-copy{max-width:800px;padding:2rem 0 4rem}.legal-copy h1{font:600 3rem var(--serif)}.legal-copy p{color:#53625c}.footer{background:#142e2f;color:#e9eee4;padding:3rem 0 1.5rem;margin-top:3rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}.footer p,.footer a{color:#c7d1c8;font-size:.9rem}.footer h3{font:600 1.2rem var(--serif);color:#f4ead5}.footer-bottom{border-top:1px solid #385353;margin-top:2rem;padding-top:1rem;display:flex;justify-content:space-between;gap:1rem;color:#afc0b7;font-size:.8rem}.small{font-size:.8rem;color:var(--muted)}.breadcrumb{font-size:.8rem;color:#aebeb5;margin-bottom:1rem}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}.skip{position:absolute;left:-999px;top:0}.skip:focus{left:10px;top:10px;background:white;padding:1rem;z-index:100}
@media(max-width:1100px){.brand-name{font-size:1rem}.brand-sub{font-size:.58rem;letter-spacing:.1em}.nav{gap:1rem}.navlinks{gap:.8rem;font-size:.82rem}}@media(max-width:900px){.navlinks{gap:.7rem;font-size:.82rem}.hero-grid{gap:2rem}.article-layout{grid-template-columns:1fr 260px;gap:1.5rem}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.wrap{width:min(100% - 28px,1160px)}.topline .wrap{font-size:.65rem}.nav{min-height:70px}.menu-toggle{display:inline-flex}.navlinks{display:none;position:absolute;left:0;right:0;top:70px;background:var(--paper);border-bottom:1px solid var(--line);padding:1rem 20px 1.3rem;flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.hero{padding:2.8rem 0}.hero-grid,.article-grid,.article-layout{grid-template-columns:1fr}.hero h1{font-size:3.3rem}.hero-art{order:-1;max-width:580px}.searchbar{flex-direction:column}.searchbar button{width:100%}.section{padding:2.5rem 0}.section-head{align-items:start;flex-direction:column}.grid,.category-grid,.related-grid{grid-template-columns:1fr}.editorial-grid{grid-template-columns:1fr}.article-hero{padding:2.5rem 0}.article-hero h1{font-size:3.2rem}.facts{position:static;order:-1}.footer-grid{grid-template-columns:1fr;gap:1rem}.footer-bottom{flex-direction:column}.page-intro{padding:2.4rem 0 1rem}.toolbar input{min-width:100%}.compare-table{font-size:.82rem}.compare-table th,.compare-table td{padding:.6rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}