.leaf-site .social-page {overflow:hidden;padding:32px 28px 0;background:#f7f4ec;}
.leaf-site .social-page :is(h1,h2,p,figure) {margin-top:0;}
.leaf-site .social-hero {display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.86fr);min-height:570px;padding:0;overflow:hidden;border:1px solid #ddd4c5;border-radius:32px;background:#f1ecdf;}
.leaf-site .social-hero-copy {position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:48px 5.5vw 48px 52px;}
.leaf-site .social-hero-copy::before {content:"";position:absolute;inset:-15% -20% -10% -12%;z-index:-1;background:url('assets/leaf-rose-silk-veil.webp') center/118% auto no-repeat;opacity:.22;pointer-events:none;}
.leaf-site .social-hero .breadcrumb-line {margin-bottom:58px;}
.leaf-site .social-hero h1 {max-width:10ch;margin:14px 0 24px;color:var(--leaf-deep);font-size:clamp(3rem,5.1vw,5.7rem);line-height:.98;letter-spacing:-.045em;}
.leaf-site .social-hero-copy>p {max-width:56ch;margin-bottom:28px;font-size:1.0625rem;line-height:1.75;}
.leaf-site .social-hero .btn-list {align-items:center;gap:20px;}
.leaf-site .social-hero .btn {min-height:48px;white-space:normal;}
.leaf-site .social-hero-photo {min-width:0;margin:24px 24px 24px 0;overflow:hidden;border-radius:300px 300px 24px 24px;background:#173f34;}
.leaf-site .social-hero-photo img {display:block;width:100%;height:100%;min-height:522px;object-fit:cover;object-position:50% 48%;border:0;border-radius:0;box-shadow:none;}
.leaf-site .social-feed-section {scroll-margin-top:96px;padding:112px 24px 120px;}
.leaf-site .social-feed-heading {display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px;}
.leaf-site .social-feed-heading>div {max-width:720px;}
.leaf-site .social-feed-heading h2 {max-width:16ch;margin:14px 0 18px;color:var(--leaf-deep);font-size:clamp(2rem,4vw,4rem);line-height:1.08;letter-spacing:-.035em;}
.leaf-site .social-feed-heading p {max-width:64ch;margin:0;line-height:1.75;}
.leaf-site .social-load {flex:0 0 auto;min-height:48px;}
.leaf-site .social-status {min-height:1.6em;margin:0 0 18px;color:#5c685f;}
.leaf-site .social-mosaic {columns:4 220px;column-gap:clamp(8px,1vw,14px);padding-top:28px;border-top:1px solid #cdbda7;}
.leaf-site .social-mosaic-item {position:relative;min-width:0;margin:0 0 clamp(8px,1vw,14px);overflow:hidden;break-inside:avoid;border-radius:12px;background:#e8e1d4;}
.leaf-site .social-mosaic-media {position:relative;overflow:hidden;background:#163f35;}
.leaf-site .social-mosaic-media img,.leaf-site .social-mosaic-media video {display:block;width:100%;height:auto;min-height:160px;max-height:440px;object-fit:cover;border:0;border-radius:0;box-shadow:none;transition:transform .28s ease;}
.leaf-site .social-mosaic-item:hover :is(img,video) {transform:scale(1.02);}
.leaf-site .social-mosaic-link {position:absolute;inset:0;z-index:2;color:#fff;text-decoration:none;background:linear-gradient(180deg,transparent 62%,#0d30292e);}
.leaf-site .social-mosaic-link span {position:absolute;right:10px;bottom:10px;display:grid;width:44px;height:44px;place-items:center;border:1px solid #fff9;border-radius:50%;background:#123f35e8;font-size:1.2rem;box-shadow:0 6px 24px #061d1855;transition:background .2s ease,transform .2s ease;}
.leaf-site .social-mosaic-link:hover span {background:#b87968;transform:translate(1px,-1px);}
.leaf-site .social-mosaic-link:focus-visible span {background:#b87968;}
.leaf-site .social-mosaic-link[hidden] {display:none;}
.leaf-site .social-mosaic-item.is-playing .social-mosaic-link {pointer-events:none;opacity:0;}
.leaf-site .social-reel-button {position:absolute;inset:50% auto auto 50%;z-index:3;display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 16px;transform:translate(-50%,-50%);border:1px solid #f7efe5;border-radius:999px;background:#123f35e8;color:#fff;font-weight:700;box-shadow:0 8px 30px #061d1866;}
.leaf-site .social-reel-button::before {content:"";width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid currentColor;}
.leaf-site .social-fallback-heading {display:flex;align-items:baseline;justify-content:space-between;gap:28px;margin-bottom:26px;padding-top:30px;border-top:1px solid #cdbda7;}
.leaf-site .social-fallback-heading p {max-width:60ch;margin:0;}
.leaf-site .social-fallback-track {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;}
.leaf-site .social-fallback-card {min-width:0;}
.leaf-site .social-fallback-card figure {aspect-ratio:3/4;margin:0 0 20px;overflow:hidden;border-radius:170px 170px 18px 18px;background:#e8e1d4;}
.leaf-site .social-fallback-card img {display:block;width:100%;height:100%;object-fit:cover;border:0;border-radius:0;box-shadow:none;}
.leaf-site .social-fallback-card p {margin:9px 0 0;line-height:1.65;}
.leaf-site .social-follow {position:relative;isolation:isolate;margin:0 -28px;padding:76px 28px;background:linear-gradient(120deg,#16493d,#0e332b);color:#fff;}
.leaf-site .social-follow::after {content:"";position:absolute;right:-80px;bottom:-120px;z-index:-1;width:420px;height:420px;background:url('assets/leaf-three-arches.svg') center/contain no-repeat;opacity:.1;pointer-events:none;}
.leaf-site .social-follow>.container-xl {display:flex;align-items:center;justify-content:space-between;gap:48px;}
.leaf-site .social-follow h2 {margin:12px 0;color:#fff;font-size:clamp(2.2rem,4vw,4.2rem);}
.leaf-site .social-follow p {margin:0;color:#edf2e9;}
.leaf-site .social-follow .kicker {color:#e7b8a3;}
.leaf-site .social-follow .btn {flex:0 0 auto;min-height:48px;}
.leaf-site .social-page :is(a,button):focus-visible {outline:3px solid #b87968;outline-offset:5px;}
.leaf-site .social-page .social-mosaic-link:focus-visible {outline:3px solid #b87968;outline-offset:-5px;}

@media(max-width:991px) {
 .leaf-site .social-hero {grid-template-columns:minmax(0,1fr) minmax(300px,.78fr);min-height:530px;}
 .leaf-site .social-hero-copy {padding:40px;}
 .leaf-site .social-hero-photo img {min-height:482px;}
 .leaf-site .social-mosaic {columns:3 190px;}
 .leaf-site .social-reel-button {width:48px;min-height:48px;padding:0;justify-content:center;border-radius:50%;font-size:0;}
}
@media(max-width:767px) {
 .leaf-site .social-page {padding:16px 16px 0;}
 .leaf-site .social-hero {grid-template-columns:minmax(0,1fr);min-height:0;border-radius:26px;}
 .leaf-site .social-hero-copy {padding:30px 24px 34px;}
 .leaf-site .social-hero-copy::before {background-image:url('assets/leaf-rose-silk-veil-small.webp');background-size:150% auto;opacity:.2;}
 .leaf-site .social-hero .breadcrumb-line {display:none;}
 html:root .leaf-site .social-page .social-hero h1 {max-width:10ch;margin-top:12px;font-size:clamp(1.65rem,13vw,4rem);}
 .leaf-site .social-hero .btn-list {align-items:flex-start;}
 .leaf-site .social-hero-photo {order:2;aspect-ratio:16/10;margin:0;border-radius:0;}
 .leaf-site .social-hero-photo img {width:100%;height:100%;min-height:0;object-fit:cover;object-position:50% 51%;}
 .leaf-site .social-feed-section {padding:72px 0 82px;}
 .leaf-site .social-feed-heading {display:block;margin-bottom:24px;padding:0 8px;}
 .leaf-site .social-load {width:100%;margin-top:24px;}
 .leaf-site .social-status {padding:0 8px;}
 .leaf-site .social-mosaic {column-count:2;column-width:auto;column-gap:8px;padding-top:18px;}
 .leaf-site .social-mosaic-item {margin-bottom:8px;border-radius:10px;}
 .leaf-site .social-mosaic-media img,.leaf-site .social-mosaic-media video {min-height:120px;max-height:310px;}
 .leaf-site .social-mosaic-link span {right:7px;bottom:7px;}
 .leaf-site .social-reel-button {width:44px;min-height:44px;padding:0;justify-content:center;border-radius:50%;font-size:0;}
 .leaf-site .social-fallback-heading {display:block;margin-inline:8px;}
 .leaf-site .social-fallback-heading p {margin-top:10px;}
 .leaf-site .social-fallback-track {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-inline:8px;}
 .leaf-site .social-fallback-card figure {aspect-ratio:4/5;margin-bottom:12px;border-radius:10px;}
 .leaf-site .social-fallback-card p {font-size:.9rem;line-height:1.5;}
 .leaf-site .social-follow {margin:0 -16px;padding:58px 24px;}
 .leaf-site .social-follow>.container-xl {display:block;padding:0;}
 .leaf-site .social-follow .btn {width:100%;margin-top:28px;}
}
@media(prefers-reduced-motion:reduce) {
 .leaf-site .social-mosaic-media img,.leaf-site .social-mosaic-media video,.leaf-site .social-mosaic-link span {transition:none;}
}