/* Rich homepage on community.permah.net — Permah identity */
#permah-system .p-main {padding-bottom:110px;min-height:min(690px,80vh)}
#permah-system .p-visual {min-height:475px}
#permah-system .p-visual-with-photo > .p-illustration {display:none}
#permah-system .p-visual-photo-wrap {width:min(100%,485px);position:relative;z-index:1;overflow:hidden;border:9px solid #fff;border-radius:52% 48% 44% 56% / 44% 54% 46% 56%;box-shadow:0 28px 64px rgba(26,63,40,.16);aspect-ratio:1.06/1}
#permah-system .p-visual .p-photo-hero {display:block;width:100%;height:100%;object-fit:cover;object-position:51% center}
#permah-system .p-main .p-visual-label {z-index:2;right:-3px;bottom:20px}
#permah-system .p-visual:before {background:#e3eddb;inset:8px -5px -5px 10px}
#permah-system .p-visual:after {inset:34px 5px 45px 25px}

#permah-system .p-more-intro {padding:74px 0 96px;border-top:1px solid #d5dfd1}
#permah-system .p-overview-copy {max-width:760px;margin:0 auto 34px;text-align:center}
#permah-system .p-section-kicker {display:block;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:#52755b;margin:0 0 14px}
#permah-system .p-overview-copy h2,#permah-system .p-section-head h2,#permah-system .p-bottom-banner h2 {font-family:Georgia,serif;letter-spacing:-.046em;font-weight:500;font-size:clamp(32px,4vw,51px);line-height:1.18;color:#234735;margin:0 0 16px}
#permah-system .p-overview-copy p,#permah-system .p-section-head p {color:#5b705e;font-size:17px;margin:0;line-height:1.78}
#permah-system .p-two-sites {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;max-width:870px;margin:36px auto 0}
#permah-system .p-site-card {background:#fff;border:1px solid #dce6d7;border-radius:21px;box-shadow:0 9px 30px #2347350a;padding:28px;display:flex;flex-direction:column;gap:8px;transition:transform .18s,border-color .18s}
#permah-system a.p-site-card:hover {transform:translateY(-3px);border-color:#7da188}
#permah-system .p-site-card-muted {background:#eef2e9;box-shadow:none}
#permah-system .p-site-eyebrow {font-size:11px;font-weight:800;letter-spacing:.14em;color:#67846b}
#permah-system .p-site-card strong {color:#234735;font-family:Georgia,serif;font-size:25px;font-weight:500}
#permah-system .p-site-card strong span {color:#6d976f;font-family:Arial,sans-serif;font-size:18px}
#permah-system .p-site-card>span:last-child {color:#637666;font-size:15px;line-height:1.65}

#permah-system .p-explore-section {padding:20px 0 90px}
#permah-system .p-section-head {max-width:690px;margin:0 0 35px}
#permah-system .p-section-head h2 {margin-bottom:12px}
#permah-system .p-image-cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
#permah-system .p-image-card {background:#fff;color:#234735;border:1px solid #e1e6dc;border-radius:19px;overflow:hidden;display:block;box-shadow:0 9px 27px #2347350c;transition:transform .18s,box-shadow .18s}
#permah-system .p-image-card:hover {transform:translateY(-5px);box-shadow:0 13px 38px #23473521}
#permah-system .p-image-card-photo {height:220px;overflow:hidden;background:#cbd9c6}
#permah-system .p-image-card-photo img {width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
#permah-system .p-image-card:hover img {transform:scale(1.035)}
#permah-system .p-image-card-copy {padding:22px 23px 26px}
#permah-system .p-image-card-copy h3 {color:#234735;font-family:Georgia,serif;font-size:25px;font-weight:500;line-height:1.22;margin:0 0 12px;letter-spacing:-.02em}
#permah-system .p-image-card-copy p {color:#637666;font-size:14px;line-height:1.72;min-height:96px;margin:0 0 13px}
#permah-system .p-text-link {color:#35684b;font-size:14px;font-weight:800;display:flex;justify-content:space-between;gap:9px}
#permah-system .p-text-link>span {font-size:18px}

#permah-system .p-resource-section {background:#e7eee1;padding:74px 48px 90px;border-radius:28px;margin:15px 0 90px}
#permah-system .p-resource-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#permah-system .p-resource-card {background:rgba(255,255,255,.85);color:#234735;border:1px solid rgba(56,104,78,.13);border-radius:18px;padding:26px 19px 20px;display:flex;flex-direction:column;min-height:231px;transition:background .2s,transform .2s}
#permah-system .p-resource-card:hover {background:#fff;transform:translateY(-4px)}
#permah-system .p-resource-icon {display:inline-grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#d9e7d5;color:#376349;font-size:24px;margin:0 0 21px}
#permah-system .p-resource-card strong {font-family:Georgia,serif;font-size:21px;line-height:1.2;font-weight:500;margin-bottom:9px}
#permah-system .p-resource-description {font-size:13px;line-height:1.65;color:#6b796c;flex:1}
#permah-system .p-resource-arrow {align-self:flex-end;font-size:22px;color:#4b7555}

#permah-system .p-bottom-banner {background:#234735;border-radius:26px;padding:55px 64px;position:relative;overflow:hidden;color:#e7f0e4;margin-bottom:30px}
#permah-system .p-bottom-banner>div {position:relative;z-index:1;max-width:770px}
#permah-system .p-bottom-banner .p-section-kicker {color:#bbd5bb}
#permah-system .p-bottom-banner h2 {color:#fff;font-size:clamp(32px,3.6vw,49px)}
#permah-system .p-bottom-banner p {color:#d5e3d4;font-size:17px;line-height:1.7}
#permah-system .p-bottom-banner .p-actions {margin:30px 0 0}
#permah-system .p-btn-light {background:#fff;color:#234735!important;border-color:#fff}
#permah-system .p-btn-translucent {background:transparent;color:#fff!important;border-color:#8faa95}
#permah-system .p-bottom-decoration {position:absolute;right:-40px;bottom:-180px;font-size:360px;line-height:1;font-weight:400;color:#386a4c;transform:rotate(-20deg);user-select:none}
#permah-system .p-photo-credit {text-align:right;font-size:12px;color:#6d806f;margin:0 0 25px}
#permah-system .p-photo-credit a {color:#587462}
@media(max-width:950px) {
 #permah-system .p-image-card-photo {height:165px}
 #permah-system .p-image-card-copy h3 {font-size:22px}
 #permah-system .p-image-card-copy p {min-height:125px}
 #permah-system .p-resource-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 #permah-system .p-resource-card {min-height:200px}
 #permah-system .p-resource-section {padding:60px 32px}
}
@media(max-width:780px) {
 #permah-system .p-main {padding-bottom:65px}
 #permah-system .p-visual {min-height:360px}
 #permah-system .p-visual-photo-wrap {max-width:350px}
 #permah-system .p-more-intro {padding:58px 0 60px}
 #permah-system .p-image-cards {grid-template-columns:1fr;max-width:550px}
 #permah-system .p-image-card-photo {height:255px}
 #permah-system .p-image-card-copy p {min-height:0}
 #permah-system .p-image-card-copy {padding:23px}
 #permah-system .p-explore-section {padding-bottom:70px}
 #permah-system .p-bottom-banner {padding:45px 32px}
}
@media(max-width:570px) {
 #permah-system .p-two-sites {grid-template-columns:1fr}
 #permah-system .p-more-intro {padding-top:48px}
 #permah-system .p-resource-grid {grid-template-columns:1fr}
 #permah-system .p-resource-section {margin:0 0 45px;padding:42px 21px 48px;border-radius:20px}
 #permah-system .p-resource-card {min-height:0}
 #permah-system .p-image-card-photo {height:205px}
 #permah-system .p-bottom-banner {padding:40px 24px}
 #permah-system .p-bottom-banner .p-btn {width:100%}
 #permah-system .p-bottom-decoration {opacity:.4;font-size:240px;bottom:-110px}
}