/* S&F social gallery, presented as a phone with direct profile links. */
.social-section{background:#eef5e8;overflow:hidden}.social-layout{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:90px}.social-copy h2{margin-top:18px;font-size:clamp(38px,4.2vw,62px)}.social-copy>p:not(.eyebrow){max-width:530px;margin-top:27px;font-size:17px;color:var(--muted);line-height:1.8}.social-links{display:flex;flex-direction:column;gap:14px;margin-top:35px;max-width:390px}.social-profile-link{display:flex;align-items:center;gap:17px;padding:18px 20px;background:white;border:1px solid #d4e3cb;transition:transform .2s,border-color .2s}.social-profile-link:hover{transform:translateX(4px);border-color:var(--green)}.social-profile-link>svg{width:29px;height:29px;color:var(--deep)}.social-profile-link>span{display:flex;flex-direction:column}.social-profile-link strong{font:800 17px/1.5 var(--heading)}.social-profile-link small{font-size:11px;color:var(--muted)}.social-profile-link>span:last-child{margin-left:auto;font-size:24px}.social-note{font-size:11px!important;max-width:430px!important;margin-top:23px!important}.social-phone-wrap{position:relative;display:flex;justify-content:center}.social-phone-wrap:before{content:'';position:absolute;inset:10% -15%;background:radial-gradient(ellipse,#b1d89f77,transparent 69%);transform:rotate(-18deg)}.social-phone{position:relative;display:block;width:338px;background:#fff;border:9px solid #182616;border-radius:49px;padding:39px 14px 23px;box-shadow:0 28px 60px #14221129,0 0 0 2px #60805444;transform:rotate(3deg);transition:transform .3s}.social-phone:hover{transform:rotate(0)}.phone-island{position:absolute;top:11px;left:50%;transform:translateX(-50%);width:98px;height:23px;background:#182616;border-radius:25px}.phone-topline{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9ede5;padding:9px 1px 12px;gap:10px}.phone-topline span{font:800 11px/1.4 var(--heading)}.phone-topline svg{width:20px;height:20px}.phone-profile{display:flex;align-items:center;gap:13px;padding:20px 1px 17px}.phone-avatar{width:59px;height:59px;border:2px solid var(--green);border-radius:50%;overflow:hidden;position:relative;flex-shrink:0}.phone-avatar img{position:absolute;width:86px;height:86px;max-width:none;left:-15px;top:-8px}.phone-profile strong{font:800 15px/1.35 var(--heading);display:block}.phone-profile small{display:block;font-size:9px;color:var(--muted);line-height:1.6;margin-top:4px}.phone-bio{font-size:10px;line-height:1.65;padding:0 1px 15px}.phone-gallery-title{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e9ede5;padding:13px 1px 10px;font-size:8px;letter-spacing:.12em;font-weight:800;color:var(--deep)}.phone-gallery-title svg{width:14px;height:14px}.phone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.phone-grid>span{display:block;aspect-ratio:1;overflow:hidden;background:#e2ecd9}.phone-grid img{width:100%;height:100%;object-fit:cover}.phone-grid .phone-real-client img{width:165%;height:165%;max-width:none;object-position:center top;transform:translateX(-19.7%)}.phone-grid .phone-poster img{object-position:center 50%}.phone-grid .phone-taller img{object-position:center top}.phone-profile-cta{display:flex;align-items:center;justify-content:center;gap:20px;padding:14px 8px;margin-top:15px;border-radius:7px;background:var(--green);font-size:11px;font-weight:800}.phone-profile-cta svg{width:17px;height:17px}.phone-home{display:block;width:87px;height:4px;border-radius:10px;background:#182616;margin:20px auto 0}.social-phone-label{position:absolute;left:-45px;bottom:58px;background:#fff;border:1px solid #d4e3cb;padding:13px 17px;box-shadow:0 9px 23px #14221110;transform:rotate(-4deg);font-size:10px;font-weight:700}.social-phone-label:before{content:'';display:inline-block;vertical-align:middle;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:7px}
@media(max-width:1100px){.social-layout{gap:50px}.social-phone-label{left:-20px}.social-copy>p:not(.eyebrow){font-size:15px}}
@media(max-width:760px){.social-layout{grid-template-columns:1fr;gap:55px}.social-copy h2{font-size:43px}.social-copy>p:not(.eyebrow){max-width:540px}.social-links{max-width:none}.social-phone-wrap{padding:12px 0 25px}.social-phone{width:min(338px,calc(100% - 14px))}.social-phone-label{left:0;bottom:55px}.social-copy .eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){.social-phone,.social-phone:hover{transform:none}}