/* Home: Let's get social (home page type system) */
.soc{background:#f4efe6;color:#171816;padding:50px 6% 46px;font-family:Inter,Arial,sans-serif;font-weight:300}
.soc-in{max-width:1280px;margin:0 auto}
.soc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:18px}
.soc .ey{color:#a88a55}
.soc h2{font:400 clamp(34px,3.8vw,52px) "Cormorant Garamond",serif;line-height:1;margin:10px 0 0}
.soc-intro{max-width:430px;margin:0;color:#6e6a63;font-size:12px;line-height:1.85}
.soc-tabs{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.soc-tabs button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:10px 20px 9px;border:1px solid #b8aa92;background:transparent;color:#171816;cursor:pointer;text-align:left;transition:background .3s,color .3s,border-color .3s}
.soc-tabs b{font:400 9px/1 Inter,sans-serif;letter-spacing:1.8px;text-transform:uppercase}
.soc-tabs span{font:300 11px/1 Inter,sans-serif;color:#6a625b;transition:color .3s}
.soc-tabs button:hover{border-color:#171816}
.soc-tabs button[aria-selected="true"]{background:#171816;border-color:#171816;color:#fff}
.soc-tabs button[aria-selected="true"] span{color:#c9a76c}
.soc-feed{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.soc-tile{position:relative;display:block;aspect-ratio:1/.58;overflow:hidden;border:0;padding:0;background:#ddd;cursor:pointer;opacity:0;transform:translateY(14px);animation:soctile .6s forwards cubic-bezier(.22,.61,.36,1)}
.soc-tile:nth-child(2){animation-delay:.06s}.soc-tile:nth-child(3){animation-delay:.12s}.soc-tile:nth-child(4){animation-delay:.18s}.soc-tile:nth-child(5){animation-delay:.24s}
@keyframes soctile{to{opacity:1;transform:none}}
.soc-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.22,.61,.36,1)}
.soc-tile:hover img,.soc-tile:focus-visible img{transform:scale(1.07)}
.soc-tile:focus-visible{outline:2px solid #a88a55;outline-offset:2px}
.soc-type{position:absolute;right:10px;top:10px;width:26px;height:26px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 4px rgba(0,0,0,.5))}
.soc-ov{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:22px;background:rgba(15,16,14,.55);color:#fff;font:400 12px/1 Inter,sans-serif;letter-spacing:.06em;opacity:0;transition:opacity .35s}
.soc-tile:hover .soc-ov,.soc-tile:focus-visible .soc-ov{opacity:1}
.soc-ov span{display:flex;align-items:center;gap:7px}
.soc-ov svg{width:18px;height:18px;fill:#fff}
.soc-ov svg.o{fill:none;stroke:#fff;stroke-width:1.8}
.soc-lower{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:6%;align-items:center;margin-top:20px;padding-top:18px;border-top:1px solid #d6cfc3}
.soc-readout{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.soc-big{font:400 clamp(42px,4.4vw,64px)/.95 "Cormorant Garamond",serif;color:#171816}
.soc-big-l{font:300 9px/1.5 Inter,sans-serif;letter-spacing:3px;text-transform:uppercase;color:#6a625b}
.soc-bars{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.soc-bar{display:grid;grid-template-columns:104px 1fr 62px;gap:14px;align-items:center;padding:5px 8px;border:0;background:transparent;width:100%;cursor:pointer;color:#171816;font:inherit;text-align:left;transition:background .25s}
.soc-bar:hover,.soc-bar[aria-pressed="true"]{background:rgba(23,24,22,.05)}
.soc-bar:focus-visible{outline:1px solid #a88a55}
.soc-bar .n{display:flex;align-items:center;gap:10px;font:400 10px/1 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.soc-bar .n svg{width:18px;height:18px;fill:none;stroke:#171816;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.soc-track{height:6px;background:#ded6c8;position:relative;overflow:hidden}
.soc-track i{position:absolute;left:0;top:0;bottom:0;width:0;background:#171816;transition:width 1.3s cubic-bezier(.22,.61,.36,1),background .3s}
.soc-bar[aria-pressed="true"] .soc-track i{background:#a88a55}
.soc-bar .v{font:300 12px/1 Inter,sans-serif;text-align:right;color:#494741}
.soc-side p{margin:0 0 18px;max-width:420px;font:400 clamp(19px,1.7vw,24px)/1.45 "Cormorant Garamond",serif;color:#171816}
.soc-follow{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.soc-fbtn{display:inline-flex;align-items:center;gap:14px;padding:15px 24px;border:1px solid #171816;background:#171816;color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1.6px;font:300 9px/1 Inter,sans-serif;transition:background .3s,color .3s}
.soc-fbtn em{font-style:normal;letter-spacing:.04em;text-transform:none;font-size:12px;color:#c9a76c}
.soc-fbtn b{font:300 18px/1 Inter,sans-serif;width:12px;text-align:center}
.soc-fbtn:hover,.soc-fbtn:focus-visible,.soc-follow.open .soc-fbtn{background:transparent;color:#171816}
.soc-fbtn:hover em,.soc-fbtn:focus-visible em,.soc-follow.open .soc-fbtn em{color:#a88a55}
.soc-fbtn:focus-visible{outline:2px solid #a88a55;outline-offset:3px}
.soc-nets{list-style:none;margin:0;padding:0;display:flex;gap:8px;align-items:center}
.soc-nets li{position:relative}
.soc-nets a{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid #171816;border-radius:50%;background:#fff;color:#171816;opacity:0;transform:translateX(-14px) scale(.8);pointer-events:none;transition:opacity .35s ease,transform .45s cubic-bezier(.22,1.2,.36,1),background .25s,color .25s}
.soc-nets svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.soc-follow.open .soc-nets a{opacity:1;transform:none;pointer-events:auto}
.soc-nets a:hover,.soc-nets a:focus-visible{background:#171816;color:#fff}
.soc-nets a:focus-visible{outline:2px solid #a88a55;outline-offset:2px}
.soc-nets .tip{position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);white-space:nowrap;padding:6px 9px;background:#171816;color:#fff;font:300 9px/1 Inter,sans-serif;letter-spacing:1.4px;text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity .2s}
.soc-nets a:hover .tip,.soc-nets a:focus-visible .tip{opacity:1}
.soc-note{margin:18px 0 0;font:300 11px/1.6 Inter,sans-serif;letter-spacing:.04em;color:#6a625b}
/* viewer */
.socv{position:fixed;inset:0;z-index:120;background:rgba(10,10,9,.92);display:flex;align-items:center;justify-content:center;padding:4vw;animation:socvin .3s ease}
.socv[hidden]{display:none}
@keyframes socvin{from{opacity:0}to{opacity:1}}
.socv-box{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);max-width:1000px;width:100%;max-height:88vh;background:#f7f3eb;box-shadow:0 50px 100px -30px #000}
.socv-box img{width:100%;height:100%;max-height:88vh;object-fit:cover;display:block;min-height:0}
.socv-side{padding:30px 30px 26px;display:flex;flex-direction:column;gap:16px;overflow:auto}
.socv-who{font:400 10px/1.4 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.socv-who span{display:block;margin-top:4px;color:#6a625b;letter-spacing:.06em;text-transform:none;font-size:12px}
.socv-cap{margin:0;font:400 clamp(20px,2vw,26px)/1.4 "Cormorant Garamond",serif}
.socv-stats{display:flex;gap:20px;font:400 12px/1 Inter,sans-serif;color:#494741}
.socv-stats svg{width:16px;height:16px;vertical-align:-3px;margin-right:6px;fill:#171816}
.socv-stats svg.o{fill:none;stroke:#171816;stroke-width:1.8}
.socv-link{align-self:flex-start;margin-top:auto;font:400 9px/1 Inter,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#171816;text-decoration:none;border-bottom:1px solid #171816;padding-bottom:6px}
.socv-link[hidden]{display:none}
.socv-nav{display:flex;gap:8px;align-items:center}
.socv-nav button{width:36px;height:36px;border:1px solid #b8aa92;background:transparent;cursor:pointer;font-size:14px;color:#171816;transition:background-color .25s,border-color .25s,color .25s,box-shadow .25s,transform .25s,opacity .25s}
.socv-nav button:hover{background:#171816;color:#fff;border-color:#171816}
.socv-nav span{margin-left:auto;font:300 10px/1 Inter,sans-serif;letter-spacing:3px;color:#6a625b}
.socv-x{position:absolute;right:18px;top:12px;border:0;background:none;color:#fff;font:300 42px/1 "Cormorant Garamond",serif;cursor:pointer}
@media(max-width:1000px){.soc-feed{grid-template-columns:repeat(3,minmax(0,1fr))}.soc-lower{grid-template-columns:1fr;gap:34px}.soc-head{flex-direction:column;align-items:flex-start;gap:14px}}
@media(max-width:620px){.soc{padding:40px 6% 40px}.soc-feed{grid-template-columns:repeat(2,minmax(0,1fr))}.soc-tile:nth-child(5){grid-column:1/-1;aspect-ratio:2/1}.soc-bar{grid-template-columns:92px 1fr 54px;gap:10px}.socv-box{grid-template-columns:1fr;max-height:90vh;overflow:auto}.socv-box img{max-height:46vh}}
@media(prefers-reduced-motion:reduce){.soc-nets a{transition:opacity .01s}.soc-tile{animation:none;opacity:1;transform:none}.soc-track i{transition:none}.socv{animation:none}}