.oak-social{background:var(--cream);border-top:1px solid var(--line);padding-top:100px;padding-bottom:85px;overflow:hidden}.oak-social-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:45px;display:flex}.oak-social-heading h2{font-family:var(--display);letter-spacing:-.035em;color:var(--oak);margin:22px 0 0;font-size:clamp(60px,7vw,108px);font-weight:400;line-height:.94}.oak-social-heading h2 em{font-family:var(--handwritten);letter-spacing:0;font-size:.78em;font-weight:400;line-height:1.35}.oak-social-intro{max-width:340px;color:var(--muted);padding-bottom:12px;font-size:14px;line-height:1.9}.oak-social-handle{color:var(--oak);letter-spacing:.015em;align-items:center;gap:10px;margin-top:24px;font-size:13px;display:flex}.oak-social-handle svg{width:21px;height:21px}.oak-social-handle svg:last-child{width:15px;margin-left:10px}.oak-social-card{background:var(--sand);isolation:isolate;min-width:0;position:relative;overflow:hidden}.oak-social-card img{object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.oak-social-card:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000,#191c14b3);position:absolute;inset:35% 0 0}.oak-social-corner{color:#fff9ed;z-index:2;background:#38291f24;border:1px solid #fff9ed80;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:18px;right:18px}.oak-social-corner svg{width:17px;height:17px}.oak-social-feature .oak-social-corner{inset:auto auto 85px 26px}.oak-social-caption{color:#fff9ed;z-index:2;justify-content:space-between;align-items:flex-end;gap:12px;font-size:14px;line-height:1.4;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.oak-social-caption svg{flex-shrink:0;width:19px}.oak-social-feature .oak-social-caption{font-family:var(--display);font-size:34px;line-height:1;bottom:28px;left:26px;right:26px}.oak-social-card:focus-visible{outline:3px solid var(--oak);outline-offset:5px}.oak-social-card:focus-visible img{transform:scale(1.035)}.oak-social-bottom{justify-content:space-between;align-items:center;gap:20px;margin-top:28px;display:flex}.oak-social-bottom p{color:var(--muted);font-size:12px}.oak-social-preview{color:var(--muted);padding:12px 0 18px;font-size:12px}@media (hover:hover){.oak-social-card:hover img{transform:scale(1.035)}}@media (max-width:900px){.oak-social-feature .oak-social-caption{font-size:29px}.oak-social-heading{gap:24px}}@media (max-width:700px){.oak-social{padding-top:60px;padding-bottom:55px}.oak-social-heading{margin-bottom:28px;display:block}.oak-social-heading h2{font-size:68px}.oak-social-intro{margin-top:20px;padding:0}.oak-social-handle{margin-top:14px}.oak-social-card{aspect-ratio:4/5;scroll-snap-align:start;flex:0 0 78vw}.oak-social-feature{border-radius:160px 160px 0 0}.oak-social-card:last-child{margin-right:6vw}.oak-social-caption{font-size:17px}.oak-social-feature .oak-social-caption{font-size:32px}.oak-social-bottom{flex-direction:column;align-items:flex-start;gap:14px;margin-top:12px}}@media (prefers-reduced-motion:reduce){.oak-social-card img{transition:none}.oak-social-card:hover img,.oak-social-card:focus-visible img{transform:none}}.oak-social-motion-bar{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;font-size:12px;display:flex}.oak-social-pause{border:1px solid var(--line);color:var(--oak);font:inherit;cursor:pointer;background:0 0;border-radius:30px;align-items:center;gap:12px;min-height:44px;padding:10px 16px;display:flex}.oak-social-pause:focus-visible{outline:2px solid var(--oak);outline-offset:3px}.oak-social-viewport{scrollbar-width:none;overscroll-behavior-x:contain;padding:6px 0 12px;display:flex;overflow-x:auto}.oak-social-viewport::-webkit-scrollbar{display:none}.oak-social-sequence{flex:none;gap:18px;padding-right:18px;display:flex}.oak-social-card{aspect-ratio:4/5;scroll-snap-align:none;flex:0 0 360px;width:360px;height:450px;display:block}.oak-social-card:last-child{margin-right:0}.oak-social-feature{border-radius:180px 180px 0 0;grid-row:auto}.oak-social-feature .oak-social-caption{font-size:30px}.oak-social-card:focus-visible{outline-offset:-4px}@media (max-width:700px){.oak-social-sequence{gap:14px;padding-right:14px}.oak-social-card{aspect-ratio:4/5;flex-basis:76vw;width:76vw;height:auto}.oak-social-feature{border-radius:160px 160px 0 0}.oak-social-motion-bar>span{max-width:160px}.oak-social-pause{flex-shrink:0}}@media (prefers-reduced-motion:reduce){.oak-social-pause,.oak-social-sequence[aria-hidden],.oak-social-card[aria-hidden]{display:none}.oak-social-viewport{scrollbar-width:thin}.oak-social-viewport::-webkit-scrollbar{display:initial}}.oak-social-avatar{display:none}.oak-social-follow{color:var(--muted);margin-top:3px;font-size:11px;display:block}.oak-social.oak-social--portraits{background:#f1ecdf;border-top:0;padding:80px 0 52px}.oak-social--portraits .oak-social-heading{align-items:center;margin-bottom:32px;padding:0 6vw}.oak-social--portraits .eyebrow{letter-spacing:.2em;font-size:10px}.oak-social--portraits .oak-social-heading h2{margin-top:22px;font-size:clamp(64px,7vw,100px);line-height:.96}.oak-social--portraits .oak-social-heading h2 em{font-size:.76em;line-height:1.22}.oak-social--portraits .oak-social-intro{max-width:310px;font-size:14px}.oak-social--portraits .oak-social-handle{border-top:1px solid #754c2930;gap:12px;margin-top:22px;padding-top:22px}.oak-social--portraits .oak-social-avatar{border:1px solid #754c2940;border-radius:50%;flex:none;width:54px;height:54px;padding:4px;display:block}.oak-social-avatar img{border-radius:50%;display:block}.oak-social--portraits .oak-social-account{font-weight:500}.oak-social--portraits .oak-social-motion-bar{letter-spacing:.12em;margin:0 0 18px;padding:0 6vw;font-size:10px}.oak-social--portraits .oak-social-pause{letter-spacing:0;font-size:11px}.oak-social--portraits .oak-social-viewport{padding:0 0 10px}.oak-social--portraits .oak-social-sequence{align-items:center;gap:12px;padding-right:12px}.oak-social--portraits .oak-social-card{border-radius:6px;flex-basis:clamp(250px,23vw,350px);width:clamp(250px,23vw,350px);height:440px;transform:none}.oak-social--portraits .oak-social-card:nth-child(2n){height:390px}.oak-social--portraits .oak-social-photo{position:absolute;inset:0;overflow:hidden}.oak-social--portraits .oak-social-corner,.oak-social--portraits .oak-social-feature .oak-social-corner{background:#19201840;border-color:#fff9ed60;inset:16px 16px auto auto}.oak-social--portraits .oak-social-caption,.oak-social--portraits .oak-social-feature .oak-social-caption{font:400 25px/1.1 var(--display);transition:transform .3s;bottom:25px;left:22px;right:22px}.oak-social--portraits .oak-social-caption>span{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.oak-social-open{z-index:3;color:#fff9ed;opacity:0;align-items:center;gap:12px;font-size:11px;transition:opacity .3s,transform .3s;display:flex;position:absolute;bottom:20px;left:22px;transform:translateY(8px)}.oak-social-open svg{width:13px;height:13px}.oak-social--portraits .oak-social-card:focus-visible .oak-social-caption{transform:translateY(-28px)}.oak-social-card:focus-visible .oak-social-open{opacity:1;transform:none}.oak-social--portraits .oak-social-preview{margin:0;padding:0 6vw 20px}.oak-social--portraits .oak-social-bottom{border-top:1px solid #754c2930;margin:26px 6vw 0;padding-top:20px}@media (hover:hover){.oak-social--portraits .oak-social-card:hover .oak-social-caption{transform:translateY(-28px)}.oak-social-card:hover .oak-social-open{opacity:1;transform:none}}@media (max-width:700px){.oak-social.oak-social--portraits{padding:48px 0 34px}.oak-social--portraits .oak-social-heading{margin-bottom:24px}.oak-social--portraits .oak-social-heading h2{font-size:68px}.oak-social--portraits .oak-social-intro{max-width:none;margin-top:20px}.oak-social--portraits .oak-social-handle{width:100%;margin-top:18px;padding-top:16px}.oak-social--portraits .oak-social-handle>svg:last-child{margin-left:auto}.oak-social--portraits .oak-social-card{flex-basis:70vw;width:70vw;height:96vw;max-height:430px}.oak-social--portraits .oak-social-card:nth-child(2n){height:86vw;max-height:390px}.oak-social--portraits .oak-social-caption,.oak-social--portraits .oak-social-feature .oak-social-caption{font-size:25px}.oak-social--portraits .oak-social-bottom{gap:14px}.oak-social--portraits .oak-social-bottom p{margin:0}}@media (prefers-reduced-motion:reduce){.oak-social-open,.oak-social--portraits .oak-social-caption{transition:none}}
