.membership-page{background:#fff}.membership-hero{background:#f5f2e8;overflow:hidden}.membership-hero-inner{height:460px;display:grid;grid-template-columns:.85fr 125px 1.25fr;min-height:0}.membership-hero-copy{align-self:center;padding:55px 20px 55px 0}.membership-hero-copy .eyebrow{color:var(--muted);margin-bottom:15px}.membership-hero h1{font-size:clamp(48px,5vw,68px);max-width:520px;margin-bottom:22px}.membership-hero-copy>p:last-child{font-size:14px;line-height:1.8;max-width:440px}.membership-hero-mark{display:grid;place-items:center}.membership-hero-mark img{width:115px;height:340px;object-fit:contain}.membership-hero-photo{min-width:0;min-height:0;overflow:hidden;margin-right:calc((min(var(--container),100vw - 100px) - 100vw)/2)}.membership-hero-photo img{width:100%;height:100%;object-fit:cover}.membership-content{background:#fff}.membership-content-inner{max-width:1150px}.membership-intro{display:grid;grid-template-columns:75px 1fr;gap:25px;align-items:center;padding:28px 32px;background:#f4f1e9;border-radius:10px}.membership-intro>span{position:relative;width:58px;height:58px;color:var(--green)}.membership-intro>span .icon:first-child{width:50px;height:50px}.membership-intro>span .icon:last-child{position:absolute;right:-5px;bottom:-3px;width:24px;height:24px;padding:4px;border-radius:50%;background:#f4f1e9;border:1px solid var(--green)}.membership-intro h2{font-size:25px;margin:0 0 6px}.membership-intro p{font-size:12px;line-height:1.7;margin:0}.membership-rules{list-style:none;margin:35px 0 0;padding:0 30px;border:1px solid #e4e4d9;border-radius:10px}.membership-rules li{display:grid;grid-template-columns:34px 1fr;gap:18px;align-items:start;padding:19px 0;border-bottom:1px solid #e5e6dc}.membership-rules li:last-child{border:0}.membership-rules li>span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:11px;font-weight:700}.membership-rules p{font-size:13px;line-height:1.7;margin:2px 0 0}.membership-closing{margin-top:28px;background:#f3f1e9;border-radius:10px;padding:23px 28px;display:grid;grid-template-columns:55px 1fr auto;gap:20px;align-items:center}.membership-closing>.icon{width:48px;height:48px}.membership-closing h2{font:700 14px/1.4 var(--sans);margin:0 0 4px}.membership-closing p{font-size:11px;margin:0}.membership-closing .button{font-size:11px}@media(max-width:980px){.membership-hero-inner{grid-template-columns:1fr 105px 1fr}.membership-hero-mark img{width:96px;height:300px}.membership-closing{grid-template-columns:45px 1fr}.membership-closing .button{grid-column:2;justify-self:start}}@media(max-width:700px){.membership-hero-inner{display:block;height:auto}.membership-hero-copy{padding:42px 0}.membership-hero-mark{display:none}.membership-hero-photo{height:370px;margin:0 -20px}.membership-intro{grid-template-columns:1fr;padding:24px}.membership-rules{padding-inline:18px}.membership-rules li{grid-template-columns:30px 1fr;gap:12px}.membership-rules p{font-size:12px}.membership-closing{grid-template-columns:1fr}.membership-closing>.icon{display:none}.membership-closing .button{grid-column:auto}}
.membership-uploaded-icon{width:52px;height:52px;object-fit:contain}.membership-closing>.membership-uploaded-icon{width:48px;height:48px}
.membership-hero-inner{grid-template-columns:.85fr 145px 1.25fr}.membership-hero-mark img{width:135px;height:390px}@media(max-width:980px){.membership-hero-inner{grid-template-columns:1fr 115px 1fr}.membership-hero-mark img{width:108px;height:330px}}
@media(min-width:981px){.membership-hero-inner{grid-template-columns:.85fr 210px 1.25fr}.membership-hero-mark img{width:200px;height:520px}}
@media(min-width:701px){.membership-hero-inner{height:630px}}

/* Večja in udobneje berljiva tipografija pravil članstva. */
.membership-hero-copy .eyebrow{font-size:12px;line-height:1.5}
.membership-intro p{font-size:14px;line-height:1.75}
.membership-rules li>span{font-size:13px}
.membership-rules p{font-size:15px;line-height:1.7}
.membership-closing h2{font-size:17px}
.membership-closing p{font-size:13px;line-height:1.6}
.membership-closing .button{font-size:13px}