@font-face {
    font-family: "Randosuisse Amazon BT";
    src:
        url("/wp-content/uploads/et-fonts/amazonBT.ttf") format("truetype"),
        url("/wp-content/uploads/et-fonts/amazonBT-1.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

.rs-cc-wrap,
.rs-cc-wrap * { box-sizing: border-box; }

.rs-cc-wrap {
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: 100vw;
    margin-left: -50vw;
    overflow-x: clip;
    background: #f5f6f3;
    color: #14231e;
    font-family: inherit;
}

.rs-cc-hero {
    position: relative;
    display: grid;
    height: 330px;
    min-height: 330px;
    place-items: center;
    overflow: hidden;
    background:
        radial-gradient(circle at 13% 32%, rgba(255, 242, 225, .86) 0 6%, transparent 6.4%),
        radial-gradient(circle at 31% 64%, rgba(246, 196, 164, .54) 0 8%, transparent 8.4%),
        radial-gradient(circle at 54% 25%, rgba(255, 233, 213, .72) 0 7%, transparent 7.4%),
        radial-gradient(circle at 77% 58%, rgba(247, 186, 153, .48) 0 9%, transparent 9.4%),
        radial-gradient(circle at 91% 21%, rgba(255, 228, 207, .70) 0 6%, transparent 6.4%),
        linear-gradient(112deg, #6d3428 0%, #a85d47 45%, #e9a376 100%);
}
.rs-cc-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(40,16,10,.10),rgba(40,16,10,.24)); }
.rs-cc-wrap .rs-cc-hero h1 {
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0;
    color: #fff;
    font-family: "Randosuisse Amazon BT", "Amazon BT", "AmazonBT", "Brush Script MT", "Segoe Script", cursive;
    font-size: clamp(3.5rem, 7vw, 6.3rem);
    font-weight: 400;
    line-height: 1;
    letter-spacing: .01em;
    text-shadow: 0 3px 18px rgba(44,20,13,.30);
}
.rs-cc-shell { width:min(1480px,calc(100% - 42px)); margin:0 auto; padding:30px 0 60px; }
.rs-cc-current { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr); gap:34px; padding:30px; border:1px solid #e1e6df; border-radius:20px; background:#fff; box-shadow:0 15px 42px rgba(21,49,34,.09); scroll-margin-top:110px; }
.rs-cc-current-copy { align-self:center; }
.rs-cc-kicker { display:inline-flex; margin-bottom:7px; padding:5px 10px; border-radius:999px; background:#f7dfd0; color:#8b452e; font-size:.78rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.rs-cc-wrap .rs-cc-current h2,
.rs-cc-wrap .rs-cc-detail h3,
.rs-cc-wrap .rs-cc-section-heading h2 { margin-top:0; padding:0; color:#10291e; font-family:inherit; font-weight:700; line-height:1.2; }
.rs-cc-wrap .rs-cc-current h2 { margin-bottom:18px; font-size:clamp(1.8rem,3vw,2.7rem); }
.rs-cc-current-photo { display:grid; margin:0; min-height:430px; place-items:center; overflow:hidden; border-radius:15px; background:#fff; }
.rs-cc-current-photo img { display:block; width:100%; height:100%; max-height:620px; object-fit:contain; }
.rs-cc-text { color:#46534d; font-size:1rem; line-height:1.72; }
.rs-cc-text p { margin:0 0 1em; padding:0; }
.rs-cc-text p:first-child { margin-top:0; }
.rs-cc-text p:last-child { margin-bottom:0; }
.rs-cc-text a { color:#145e3d; font-weight:700; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }
.rs-cc-links { display:flex; flex-wrap:wrap; gap:9px; margin-top:19px; }
.rs-cc-links a { display:inline-flex; align-items:center; min-height:38px; padding:7px 12px; border:1px solid #bdd0c5; border-radius:999px; background:#f8fbf9; color:#125c3b; font-weight:700; text-decoration:none; }
.rs-cc-links a:hover,.rs-cc-links a:focus-visible { border-color:#17663f; background:#eef7f1; }
.rs-cc-links a.is-social { justify-content:center; width:38px; min-width:38px; padding:7px; }
.rs-cc-links a.is-social svg { width:21px; height:21px; }
.rs-cc-visually-hidden { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.rs-cc-date { margin:18px 0 0!important; padding:0!important; color:#75817b; font-size:.84rem; }
.rs-cc-archives { margin-top:42px; }
.rs-cc-section-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:18px; }
.rs-cc-wrap .rs-cc-section-heading h2 { margin-bottom:0; font-size:1.55rem; }
.rs-cc-section-heading p { margin:0!important; padding:0!important; color:#75817b; }
.rs-cc-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; align-items:start; }
.rs-cc-card { min-width:0; overflow:hidden; border:1px solid #dde3de; border-radius:16px; background:#fff; box-shadow:0 8px 26px rgba(21,49,34,.06); scroll-margin-top:110px; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.rs-cc-card:not([open]):hover,.rs-cc-card:not([open]):focus-within { transform:translateY(-3px); border-color:#c8d8ce; box-shadow:0 14px 34px rgba(21,49,34,.12); }
.rs-cc-card[open] { grid-column:1/-1; box-shadow:0 15px 38px rgba(21,49,34,.10); }
.rs-cc-card summary { display:grid; grid-template-rows:auto 1fr; cursor:pointer; list-style:none; }
.rs-cc-card summary::-webkit-details-marker { display:none; }
.rs-cc-card summary>img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; background:#fff; transition:transform .22s ease; }
.rs-cc-card:not([open]):hover summary>img,.rs-cc-card:not([open]):focus-within summary>img { transform:scale(1.025); }
.rs-cc-caption { position:relative; display:grid; gap:5px; min-height:84px; padding:15px 54px 17px 16px; }
.rs-cc-caption strong { color:#12291f; font-size:1.05rem; line-height:1.25; }
.rs-cc-caption small { color:#77827d; }
.rs-cc-open-icon { position:absolute; right:16px; bottom:16px; display:grid; width:30px; height:30px; place-items:center; border:1px solid #c6d7cd; border-radius:999px; background:#f8fbf9; color:#17643f; transition:transform .18s ease,border-color .18s ease,background .18s ease; }
.rs-cc-open-icon svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.rs-cc-card:not([open]):hover .rs-cc-open-icon,.rs-cc-card:not([open]):focus-within .rs-cc-open-icon { transform:translateX(2px); border-color:#8fb39e; background:#eef7f1; }
.rs-cc-card[open]>summary { display:none; }
.rs-cc-detail { display:grid; grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr); gap:30px; padding:26px; }
.rs-cc-detail-photo { display:grid; margin:0; min-height:330px; place-items:center; overflow:hidden; border-radius:13px; background:#fff; cursor:zoom-out; outline:none; }
.rs-cc-detail-photo:focus-visible { box-shadow:0 0 0 3px rgba(23,100,63,.18); }
.rs-cc-detail-photo img { display:block; width:100%; max-height:570px; object-fit:contain; transition:transform .18s ease; }
.rs-cc-detail-photo:hover img { transform:scale(.995); }
.rs-cc-wrap .rs-cc-detail h3 { margin-bottom:18px; font-size:1.65rem; }
.rs-cc-empty,.rs-cc-error { padding:28px; border:1px dashed #c8d3cb; border-radius:16px; background:#fff; text-align:center; }

@media (max-width:980px) {
    .rs-cc-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .rs-cc-current,.rs-cc-detail { grid-template-columns:1fr; }
    .rs-cc-current-photo { min-height:0; }
}
@media (max-width:680px) {
    .rs-cc-hero { height:330px; min-height:330px; }
    .rs-cc-wrap .rs-cc-hero h1 { font-size:clamp(3rem,16vw,4.7rem); }
    .rs-cc-shell { width:min(calc(100% - 24px),1480px); padding-top:18px; }
    .rs-cc-current { gap:20px; padding:18px; border-radius:15px; }
    .rs-cc-grid { grid-template-columns:1fr; }
    .rs-cc-detail { gap:18px; padding:17px; }
    .rs-cc-section-heading { align-items:flex-start; flex-direction:column; gap:4px; }
}
