.owl-logo{width:42px;height:42px;object-fit:contain;filter:invert(1);opacity:.92}.nav>a:not(.admin-link):not(.about-link){display:flex;align-items:center;justify-content:space-between;gap:8px}.nav-new{display:inline-block;padding:0 2px;border:1px solid #fff0a8;border-radius:999px;background:#f2c94c;color:#10241d;font-size:5px;font-weight:900;line-height:1;letter-spacing:0;text-transform:uppercase;transform:scale(.7);transform-origin:right center}.nav .admin-link{margin-top:26px;border-top:1px solid #29463b;border-radius:0;padding-top:18px}
.sound-recommendation{margin-top:30px;padding:20px 22px;border-left:4px solid #315e49;border-radius:0 12px 12px 0;background:#eef3ef}.sound-recommendation-label{display:block;margin-bottom:8px;color:#315e49;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.sound-recommendation p{margin:0 0 10px;color:#39443f;line-height:1.5}.sound-recommendation a{display:inline-block;color:#204f3a;font-size:18px;font-weight:750;text-decoration:underline;text-decoration-color:#88a595;text-underline-offset:4px}.sound-recommendation a:hover,.sound-recommendation a:focus-visible{color:#102e21;text-decoration-color:currentColor}.sound-recommendation a:focus-visible{outline:3px solid rgba(49,94,73,.25);outline-offset:5px;border-radius:3px}
.card-social{display:block;margin-top:11px;color:#68736e;font-size:13px}.photo-detail{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:35px;align-items:start}.photo-detail figure{margin:0;background:#fff;border:1px solid #dfe3dd;border-radius:14px;overflow:hidden}.photo-detail figure img{width:100%;height:auto}.photo-detail-copy{position:sticky;top:30px;background:#fff;border:1px solid #dfe3dd;border-radius:14px;padding:30px}.photo-detail-copy h1{font-size:42px}.scientific{color:#68736e}.photo-actions{display:flex;align-items:center;gap:16px;margin-top:28px;padding-top:22px;border-top:1px solid #dfe3dd}.photo-actions a{color:#315e49}.like-button{display:inline-flex;align-items:center;gap:7px;border:1px solid #315e49;border-radius:30px;background:#fff;color:#315e49;padding:10px 16px;font:inherit;font-weight:700;cursor:pointer}.like-button:hover,.like-button.liked{background:#315e49;color:#fff}.like-button:disabled{cursor:default}.photo-comments{max-width:850px;margin-top:30px;padding:30px;background:#fff;border:1px solid #dfe3dd;border-radius:14px}.comment-list{padding-left:22px}.comment-list li{margin:20px 0}.comment-form label{display:block;margin:12px 0 5px}.comment-form input,.comment-form textarea{width:100%;padding:11px;border:1px solid #ccd2cc;border-radius:8px;font:inherit}.comment-form input[type=submit]{width:auto;border:0;background:#315e49;color:#fff;font-weight:700;cursor:pointer}.comment-notes{color:#68736e}@media(max-width:820px){.photo-detail{grid-template-columns:1fr}.photo-detail-copy{position:static}.photo-comments{padding:22px}}
.comment-list{list-style:none;padding:0}.comment-entry{padding:18px 0;border-bottom:1px solid #dfe3dd}.comment-entry header{display:flex;justify-content:space-between;gap:16px}.comment-entry time{color:#68736e;font-size:13px}.comment-text{margin:10px 0}.signed-badge{display:inline-block;color:#315e49;font-size:12px;font-weight:750}.moderation{color:#9a6624;font-size:13px}.privacy-consent{display:flex!important;gap:9px;align-items:flex-start;margin:18px 0!important;padding:14px;background:#eef3ef;border-radius:8px;color:#39443f;font-size:13px;line-height:1.45}.privacy-consent input{width:auto!important;margin-top:3px}.comment-form-email,.comment-form-url{display:none}
.card-photo-link,.card-detail-link{display:block}.card-detail-link:hover h2,.card-detail-link:focus-visible h2{text-decoration:underline}.card-social{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.card-social a:hover,.card-social a:focus-visible{text-decoration:underline}.card-like-button{min-width:48px;min-height:38px;padding:5px 10px;border-color:#dfe3dd;font-size:13px;line-height:1.2}.card-like-button span{font-size:16px}.like-button:focus-visible{outline:3px solid #315e49;outline-offset:2px}.like-button:disabled{opacity:.65;cursor:wait}.photo-actions{flex-wrap:wrap}.like-feedback{flex-basis:100%;color:#9b3030;font-size:12px}.like-feedback:empty{display:none}
.like-button [data-like-count]{font-weight:400}
.sound-collection{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}.sound-collection .sound-copy{min-width:0}.sound-collection>img{width:100%;height:auto;max-height:65vh;align-self:center}.sound-track+.sound-track{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.sound-track h2{overflow-wrap:anywhere}.sound-track+.sound-track h2{font-size:30px}.sound-track audio{display:block;max-width:100%;margin-top:18px}.sound-collection .sound-recommendation a{overflow-wrap:anywhere}.sound-collection-no-image{grid-template-columns:minmax(0,1fr)}@media(max-width:820px){.sound-collection{grid-template-columns:minmax(0,1fr);padding:20px;gap:24px}.sound-collection>img{height:auto;max-height:45vh}.sound-collection .sound-track h2{font-size:30px}.sound-collection .sound-recommendation{padding:16px}.sound-track+.sound-track{margin-top:20px;padding-top:20px}}
.landscape-item{min-width:0}.landscape-social{margin-top:0;padding:10px 14px;background:#fff;border:1px solid #dfe3dd;border-radius:0 0 12px 12px}.landscape-grid .landscape-item article{border-bottom-left-radius:0;border-bottom-right-radius:0}
.comment-notice{margin:0 0 22px;padding:15px 18px;border-left:4px solid #315e49;border-radius:6px;background:#eef3ef;color:#204f3a;font-weight:650}
.sound-panel-single{display:block;max-width:1000px;margin:0 auto}.sound-panel-single .sound-copy{max-width:none}.sound-panel-single .sound-copy img{height:auto;max-height:62vh;object-fit:contain;background:var(--bg);margin:20px 0;border-radius:9px}
.landscape-grid article .label{transition:transform .28s ease}.landscape-description{max-height:0;margin:0;overflow:hidden;opacity:0;color:#fff;font-size:15px;line-height:1.45;transition:max-height .35s ease,opacity .25s ease,margin .25s ease}.landscape-grid article:hover .label,.landscape-grid article:focus .label,.landscape-grid article:focus-within .label{transform:translateY(-4px)}.landscape-grid article:hover .landscape-description,.landscape-grid article:focus .landscape-description,.landscape-grid article:focus-within .landscape-description{max-height:180px;margin-top:10px;opacity:1}.landscape-grid article:focus{outline:3px solid rgba(49,94,73,.45);outline-offset:3px}@media(hover:none){.landscape-description{max-height:180px;margin-top:10px;opacity:1}}
