.social-studio{padding:80px 5vw 95px;background:#10151c}.social-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:9vw;align-items:end;margin-bottom:55px}.social-heading h3{font-size:clamp(44px,5.8vw,90px)}.social-heading p{max-width:420px;color:#b6bbc1;font-size:15px}.social-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:6vw;align-items:center}.social-stage{min-height:620px;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse,#26313d40,transparent 65%);overflow:hidden}.social-frame{position:relative;width:320px;height:568px;overflow:hidden;border:1px solid #7b828b;border-radius:12px;isolation:isolate;box-shadow:0 30px 70px #0005;transition:width .7s cubic-bezier(.2,.7,.2,1),height .7s cubic-bezier(.2,.7,.2,1);background:#7c776b}.social-frame[data-layout=horizontal]{width:100%;height:auto;aspect-ratio:16/9}.social-wall{position:absolute;inset:-10px;background:linear-gradient(90deg,#4b4e45,#aaa18c 60%,#767c69);filter:blur(8px)}.social-wall:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 31%,#292e2920 32% 33%)}.social-frame img{position:absolute;max-width:none;object-fit:contain;transition:height .8s,left .8s,bottom .8s,filter .8s,transform .8s;pointer-events:none}.social-plant{height:102%;width:auto;left:-30%;bottom:-4%;filter:blur(6px) brightness(.7);opacity:.85;z-index:1}.social-chair{height:48%;width:auto;left:43%;bottom:4%;transform:scaleX(-1);filter:blur(3px) brightness(.85);z-index:2}.social-person{height:122%;width:auto;left:50%;bottom:-32%;transform:translateX(-50%);filter:drop-shadow(0 10px 12px #0002);z-index:3}.social-frame[data-angle=conversation] .social-person{height:105%;left:43%;bottom:-12%}.social-frame[data-angle=conversation] .social-chair{left:44%;bottom:4%;filter:blur(2.5px) brightness(.9)}.social-frame[data-angle=close] .social-person{height:175%;left:48%;bottom:-85%}.social-frame[data-angle=close] .social-chair{filter:blur(6px) brightness(.8)}.social-frame[data-angle=close] .social-plant{filter:blur(10px) brightness(.65)}.social-frame[data-layout=horizontal] .social-person{left:56%;height:145%;bottom:-53%}.social-frame[data-layout=horizontal][data-angle=conversation] .social-person{height:120%;bottom:-25%;left:43%}.social-frame[data-layout=horizontal][data-angle=close] .social-person{height:190%;bottom:-100%;left:58%}.social-frame[data-layout=horizontal] .social-chair{left:54%;height:65%;bottom:-5%}.social-frame[data-layout=horizontal] .social-plant{left:0;height:115%}.social-rec,.social-frame-footer,.social-caption{position:absolute;z-index:5;color:white;text-shadow:0 1px 10px #0008}.social-rec{left:20px;top:20px;font-size:9px}.social-rec:first-letter{color:#ff766a}.social-frame-footer{bottom:18px;left:20px;font-size:8px}.social-caption{bottom:57px;left:20px;font:600 25px/1.05 'Space Grotesk',sans-serif;letter-spacing:-.04em}.social-frame[data-layout=horizontal] .social-caption{font-size:32px;left:28px}.social-frame-lines{position:absolute;inset:14px;border:1px solid #ffffff20;z-index:4;pointer-events:none}.social-controls>.mono{color:#9ba5b3;font-size:10px}.social-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.social-switch button,.social-angles button{color:#fff;background:transparent;border:1px solid #485363;padding:17px;font:12px 'DM Mono',monospace;transition:background .25s,border-color .25s}.social-switch button span{display:block;font:12px Manrope,sans-serif;margin-top:8px}.social-switch button[aria-pressed=true]{background:#2856eb;border-color:#2856eb}.social-camera{display:flex;align-items:center;gap:22px;padding:25px 0;margin-bottom:20px;border-bottom:1px solid #354050;min-height:165px}.social-camera>img{height:118px;width:72px;object-fit:contain}.social-camera>svg{width:100px;height:100px;flex-shrink:0}.social-camera [hidden]{display:none}.social-camera .mono{font-size:8px;color:#9da7b6}.social-camera strong{display:block;font:500 20px 'Space Grotesk',sans-serif;margin-top:8px}.social-camera p{font-size:12px;line-height:1.6;color:#a9b1bc;margin:6px 0}.social-angles{display:grid;gap:8px;margin-top:16px}.social-angles button{display:flex;align-items:center;gap:18px;text-align:left;font:14px Manrope,sans-serif}.social-angles button span{font:10px 'DM Mono',monospace;color:#aebdff}.social-angles button b{margin-left:auto;font-size:19px;font-weight:400}.social-angles button[aria-pressed=true]{border-color:#aebdff;background:#2856eb25}.social-story{min-height:145px;padding-top:26px}.social-story h4{font:500 25px/1.1 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:0}.social-story p{font-size:13px;color:#b0b8c3;line-height:1.6;margin:16px 0 0}.dhandi-feature{background:#e9e7df}.dhandi-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.dhandi-brand{min-height:290px;display:flex;flex-direction:column;justify-content:center;gap:40px}.dhandi-brand img{width:100%;height:auto}.dhandi-brand .mono{color:#666}.dhandi-layout h3{font-size:clamp(36px,4vw,64px)}.dhandi-layout p{font-size:15px}.dhandi-layout .team-cta{margin-top:18px}@media(max-width:850px){.social-layout{grid-template-columns:minmax(0,1fr) 265px;gap:25px}.social-stage{min-height:570px}.social-frame{width:280px;height:498px}}@media(max-width:650px){.social-studio{padding:60px 6vw}.social-heading{display:block;margin-bottom:25px}.social-heading h3{font-size:12vw}.social-heading p{font-size:14px;margin-top:25px}.social-layout{grid-template-columns:1fr;gap:25px}.social-stage{min-height:540px}.social-frame{width:280px;height:498px}.social-frame[data-layout=horizontal]{width:100%}.social-controls{display:flex;flex-direction:column}.social-switch{order:-2;margin-top:0}.social-controls>.mono:first-child{display:none}.social-camera{min-height:130px;margin-bottom:20px;padding:15px 0}.social-camera>img{height:90px}.social-angles button{padding:18px}.social-story{min-height:120px}.dhandi-layout{grid-template-columns:1fr;gap:30px}.dhandi-brand{min-height:150px;gap:20px}.dhandi-layout h3{font-size:10vw}.social-frame[data-layout=horizontal] .social-caption{font-size:22px;bottom:40px}.social-frame[data-layout=horizontal] .social-rec{top:12px;font-size:7px}}@media(prefers-reduced-motion:reduce){.social-frame,.social-frame img,.social-switch button,.social-angles button{transition:none}}
/* Real viewpoints of the location, with independent crops per camera. */
.social-frame .location-angle{inset:0;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:50% 40%;transition:opacity .4s,object-position .7s;z-index:1}.social-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0009,transparent 40%,#0002);z-index:2;pointer-events:none}.social-frame[data-angle=conversation] .location-angle{object-position:66% 45%}.social-frame[data-angle=close] .location-angle{object-position:52% 35%}.social-frame[data-layout=horizontal] .location-angle{object-position:50% 12%}.social-frame[data-layout=horizontal][data-angle=conversation] .location-angle{object-position:50% 25%}.social-frame[data-layout=horizontal][data-angle=close] .location-angle{object-position:50% 6%}.social-caption{white-space:pre-line}.social-camera>img{height:110px;width:120px;object-fit:cover;border-radius:4px}.social-frame{background:#383b37}.production-head{padding-bottom:70px}
.location-picker{margin-bottom:26px}.location-picker>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.location-picker button{background:transparent;color:#fff;border:1px solid #485363;padding:11px 12px;font-size:12px}.location-picker button[aria-pressed=true]{background:#2856eb;border-color:#2856eb}.location-picker p{font-size:12px;line-height:1.5;color:#b0b8c3}.location-backdrop{position:absolute;inset:-6px;background:url('/assets/process/reinspire-office.jpg') 50% 50%/cover;filter:blur(2px);transition:background-position .8s,filter .8s}.social-frame .scene-presenter{z-index:2;height:140%;width:auto;max-width:none;left:50%;bottom:-49%;transform:translateX(-50%);filter:drop-shadow(0 5px 12px #0003);transition:height .7s,left .7s,bottom .7s,transform .7s}.social-frame[data-angle=conversation] .scene-presenter{height:118%;bottom:-25%;left:61%;transform:translateX(-50%) scaleX(-1)}.social-frame[data-angle=conversation] .location-backdrop{background-position:22% 50%}.social-frame[data-angle=close] .scene-presenter{height:175%;bottom:-85%;left:47%}.social-frame[data-angle=close] .location-backdrop{background-position:82% 50%;filter:blur(5px)}.social-frame[data-layout=horizontal] .scene-presenter{height:170%;bottom:-78%;left:57%}.social-frame[data-layout=horizontal][data-angle=conversation] .scene-presenter{height:145%;bottom:-53%;left:60%}.social-frame[data-layout=horizontal][data-angle=close] .scene-presenter{height:195%;bottom:-103%}.social-frame[data-location=your-space] .location-backdrop{background:linear-gradient(100deg,#74796c,#c8c1ac 55%,#ddd8cb);filter:blur(2px)}.social-frame[data-location=your-space] .location-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,#474d4433 65% 67%,transparent 67%)}.social-frame[data-location=podcast] .location-backdrop{background:repeating-linear-gradient(90deg,#494136 0 9px,#292a28 10px 14px);filter:blur(2px)}.podcast-set{display:none;position:absolute;inset:0;z-index:3;pointer-events:none}.social-frame[data-location=podcast] .podcast-set{display:block}.podcast-table{position:absolute;bottom:-5%;height:21%;left:-15%;width:130%;background:linear-gradient(#987855,#584632);border-radius:50% 50% 0 0;box-shadow:0 -7px 20px #0003}.podcast-mic{position:absolute;left:65%;top:51%;width:23px;height:65px;border-radius:14px;background:repeating-linear-gradient(#16191b 0 3px,#454748 4px 5px);transform:rotate(-28deg);box-shadow:3px 3px 7px #0005}.podcast-mic:after{content:'';position:absolute;width:7px;height:130px;background:#25292b;top:55px;left:10px;transform:rotate(-18deg);transform-origin:top}.social-frame[data-location=podcast] .scene-presenter{filter:brightness(.9) drop-shadow(0 4px 12px #0005)}@media(prefers-reduced-motion:reduce){.location-backdrop,.social-frame .scene-presenter{transition:none}}
.social-layout{align-items:start}.social-stage{align-items:flex-start;padding-top:15px}.social-frame[data-layout=horizontal]{margin-top:70px}@media(max-width:650px){.social-frame[data-layout=horizontal]{margin-top:0}.social-stage:has(.social-frame[data-layout=horizontal]){min-height:0}.social-stage{padding-top:0}}