.boho-community{--boho-community-row:270px;padding:clamp(76px,8vw,118px) 24px;background:#fbf8f1;color:#1f2d27;overflow:hidden}
.boho-community__inner{width:100%;max-width:1360px;margin-inline:auto}
.boho-community__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:end;gap:clamp(28px,5vw,72px);margin-bottom:clamp(38px,5vw,64px)}
.boho-community__intro{max-width:790px}
.boho-community__eyebrow{display:block;margin-bottom:15px;color:#8f5f48;font-size:12px;font-weight:780;line-height:1.2;letter-spacing:.18em;text-transform:uppercase}
.boho-community__title{max-width:790px;margin:0;font-size:clamp(38px,4.8vw,70px);font-weight:500;line-height:1.01;letter-spacing:-.05em}
.boho-community__description{max-width:670px;margin:22px 0 0;color:#5d6862;font-size:17px;line-height:1.75}
.boho-community__profile{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-height:130px;padding:22px 24px;border-radius:24px;background:#285744;color:#fff;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}
.boho-community__profile[href]:hover,.boho-community__profile[href]:focus-visible{transform:translateY(-4px);box-shadow:0 22px 46px rgba(19,52,39,.2)}
.boho-community__profile-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.28);border-radius:50%;font-size:20px}
.boho-community__profile-copy{display:flex;min-width:0;flex-direction:column}
.boho-community__profile-label{margin-bottom:7px;font-size:10px;font-weight:800;line-height:1.2;letter-spacing:.15em;text-transform:uppercase;opacity:.72}
.boho-community__profile-handle{font-size:20px;font-weight:650;line-height:1.15;letter-spacing:-.02em}
.boho-community__profile-text{margin-top:6px;font-size:12px;line-height:1.45;opacity:.76}
.boho-community__profile-arrow{font-size:14px;transition:transform .25s ease}
.boho-community__profile[href]:hover .boho-community__profile-arrow,.boho-community__profile[href]:focus-visible .boho-community__profile-arrow{transform:translate(2px,-2px)}
.boho-community__profile--static{opacity:.93}
.boho-community__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:var(--boho-community-row);gap:16px}
.boho-community__tile{position:relative;display:block;min-width:0;height:100%;margin:0;padding:0;border:0;border-radius:22px;background:#d8ded8;color:#fff;overflow:hidden;text-align:left;text-decoration:none;cursor:default;isolation:isolate}
button.boho-community__tile,a.boho-community__tile{cursor:pointer}
.boho-community__tile--wide{grid-column:span 2}
.boho-community__tile--tall{grid-row:span 2}
.boho-community__tile--feature{grid-column:span 2;grid-row:span 2}
.boho-community__tile::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 38%,rgba(13,28,20,.74) 100%);opacity:.84;transition:opacity .35s ease}
.boho-community__image,.boho-community__image-fallback{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--boho-image-x,50%) var(--boho-image-y,50%);transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .35s ease}
.boho-community__image-fallback{background:linear-gradient(135deg,#a9b9ae,#d4c1a7)}
.boho-community__tile:hover .boho-community__image,.boho-community__tile:focus-visible .boho-community__image{transform:scale(1.045)}
.boho-community__tile:hover::after,.boho-community__tile:focus-visible::after{opacity:1}
.boho-community__tile-content{position:absolute;inset:auto 0 0;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:22px;color:#fff;pointer-events:none}
.boho-community__platform{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid rgba(255,255,255,.38);border-radius:50%;background:rgba(10,22,16,.18);font-size:16px;backdrop-filter:blur(8px)}
.boho-community__tile-caption{max-width:330px;margin-left:auto;font-size:14px;font-weight:620;line-height:1.45;text-align:right;text-wrap:balance}
.boho-community a:focus-visible,.boho-community button:focus-visible{outline:3px solid currentColor;outline-offset:4px}
.boho-community__lightbox{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:70px 24px 34px;background:rgba(12,18,15,.94);color:#fff}
.boho-community__lightbox[hidden]{display:none}
.boho-community__lightbox-dialog{display:flex;width:min(1100px,92vw);height:min(760px,78vh);flex-direction:column;align-items:center;justify-content:center;gap:18px}
.boho-community__lightbox-dialog img{display:block;max-width:100%;max-height:calc(100% - 56px);border-radius:18px;object-fit:contain;box-shadow:0 30px 90px rgba(0,0,0,.38)}
.boho-community__lightbox-caption{max-width:760px;margin:0;font-size:15px;line-height:1.55;text-align:center}
.boho-community__lightbox-close{position:absolute;right:clamp(20px,4vw,54px);top:clamp(20px,4vw,48px);display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.34);border-radius:50%;background:rgba(255,255,255,.08);color:inherit;cursor:pointer}
.boho-community__lightbox-close span,.boho-community__lightbox-close span::after{display:block;width:20px;height:2px;background:currentColor;transform:rotate(45deg)}
.boho-community__lightbox-close span::after{content:"";transform:rotate(90deg)}
body.boho-community-lightbox-open{overflow:hidden}
@media(max-width:1000px){
 .boho-community__header{grid-template-columns:1fr;align-items:start}
 .boho-community__profile{max-width:430px}
 .boho-community__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 .boho-community{padding-inline:18px}
 .boho-community__title{font-size:clamp(36px,11vw,49px)}
 .boho-community__description{font-size:15px;line-height:1.68}
 .boho-community__profile{grid-template-columns:auto minmax(0,1fr);min-height:112px;padding:19px}
 .boho-community__profile-arrow{display:none}
 .boho-community__grid{grid-template-columns:1fr;grid-auto-rows:var(--boho-community-row)}
 .boho-community__tile--wide,.boho-community__tile--feature{grid-column:span 1}
 .boho-community__tile--tall,.boho-community__tile--feature{grid-row:span 1}
 .boho-community__tile-content{padding:18px}
 .boho-community__tile-caption{font-size:13px}
 .boho-community__lightbox{padding-inline:16px}
 .boho-community__lightbox-dialog{width:100%;height:80vh}
}
@media(prefers-reduced-motion:reduce){
 .boho-community *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
 .boho-community.boho-motion-active [data-boho-reveal]{opacity:1;transform:none}
}

/* Community is content-first: frontend visibility never depends on JS. */
.boho-community,.boho-community [data-boho-reveal]{opacity:1!important;visibility:visible!important;transform:none!important}
