.quote,.quote:disabled{background:#fff;color:#111;border-color:#fff;opacity:1}
.hero-copy{min-width:0}
.quote:not(:disabled):hover{background:#f5f5f5;box-shadow:0 8px 30px #ffffff25}
.social-hero-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3%;padding:45px 0 40px}
.hero h1{font-size:clamp(65px,7.1vw,118px);margin:0 0 35px}
.hero h1 em{margin-left:10%}
.hero-bottom{display:block}.hero-description{max-width:380px;margin:0;padding:0}
.hero-description p{max-width:360px;color:#f2dce6;font-size:18px;line-height:1.6;margin:0 0 25px}
.social-showcase{position:relative;min-width:0;padding:25px 0 0;perspective:1400px}
.social-composition{position:relative;height:470px;transform-style:preserve-3d}
.social-tile{position:absolute;margin:0;border:1px solid #ffffff24;border-radius:15px;overflow:hidden;box-shadow:0 25px 50px #0008;transform-style:preserve-3d}
.tile-design{left:0;top:30px;width:43%;height:350px;background:#ec619b;color:#181014;padding:22px;transform:rotate(-11deg) translateZ(-20px);animation:design-drift 7s ease-in-out 1}
.tile-eyebrow{font-size:11px;letter-spacing:.09em;line-height:1.5;display:block}
.design-message{font-size:clamp(38px,4vw,68px);line-height:.98;letter-spacing:-.055em;margin:52px 0 24px}
.design-message em{font-family:Georgia,serif;font-weight:400}.design-footer{display:block;font-size:11px;line-height:1.5;letter-spacing:.05em}
.tile-design>img{position:absolute;bottom:22px;left:22px;filter:brightness(0)}
.tile-production{z-index:2;left:28%;top:0;width:48%;height:405px;background:#20171c;transform:rotate(4deg);animation:production-drift 7s ease-in-out 1}
.production-photo{width:100%;height:100%;object-fit:cover;display:block}
.tile-production::after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#09070ae6)}
.tile-production figcaption{position:absolute;z-index:1;left:20px;right:12px;bottom:25px;color:white}
.tile-production figcaption span{font-size:10px;letter-spacing:.09em}.tile-production figcaption strong{display:block;font-size:28px;line-height:1.12;font-weight:500;margin-top:12px;letter-spacing:-.04em}
.production-label{position:absolute;top:16px;left:16px;color:#fff;font-size:10px;letter-spacing:.08em;background:#1119;padding:7px 9px;border:1px solid #ffffff38;border-radius:4px}
.tile-plan{right:-2%;top:95px;z-index:3;width:43%;height:325px;background:#19171b;color:#fff;padding:20px;transform:rotate(12deg) translateZ(35px);animation:plan-drift 7s ease-in-out 1}
.tile-plan .tile-eyebrow{color:#ec619b}.tile-plan h2{font-size:24px;line-height:1.15;font-weight:400;letter-spacing:-.045em;margin:24px 0 20px}.tile-plan h2 em{color:#ec619b;font-family:Georgia,serif}
.plan-row{display:flex;align-items:center;gap:10px;border-top:1px solid #ffffff1a;padding:11px 0}.plan-row>span{font-size:11px;color:#ec619b}.plan-row strong{font-size:12px;font-weight:500;display:block}.plan-row small{font-size:10px;color:#bbb;display:block;margin-top:3px}.plan-end{font-size:9px;letter-spacing:.06em;color:#ec619b;margin-top:8px}
.concept-caption{display:block;text-align:center;font-size:10px;letter-spacing:.12em;color:#c29bad;margin-top:-10px}
.hero-service-line{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:22px 0;font-size:12px;letter-spacing:.07em}.hero-service-line a{font-size:14px;letter-spacing:0;text-decoration:none}.hero-service-line a span{margin-left:20px}
.hero-brand{max-width:320px;margin:30px auto 15px;opacity:.8}
@keyframes design-drift{0%,100%{transform:rotate(-11deg) translateY(0)}50%{transform:rotate(-8deg) translateY(-12px)}}
@keyframes production-drift{0%,100%{transform:rotate(4deg) translateY(0)}50%{transform:rotate(1deg) translateY(10px)}}
@keyframes plan-drift{0%,100%{transform:rotate(12deg) translateY(0)}50%{transform:rotate(9deg) translateY(-8px)}}
@media(min-width:1500px){.social-composition{height:540px}.tile-design{height:400px}.tile-production{height:470px}.tile-plan{height:350px;top:110px}.tile-plan h2{font-size:30px}.plan-row{padding:13px 0}}
@media(max-width:1000px){.social-hero-layout{grid-template-columns:1fr;gap:30px}.hero-copy{max-width:650px}.hero h1{font-size:clamp(65px,11vw,110px)}.hero-description{max-width:480px}.hero-description p{max-width:440px}.social-showcase{width:560px;max-width:100%;justify-self:center}.design-message{font-size:58px}.hero-brand{max-width:240px}}
@media(max-width:600px){.social-hero-layout{padding:30px 0 25px;gap:30px}.hero h1{font-size:clamp(55px,13.6vw,78px);margin-bottom:24px}.hero-description p{font-size:16px;max-width:320px}.social-composition{height:355px}.tile-design{height:265px;padding:14px;top:30px;width:46%}.design-message{font-size:39px;margin:40px 0 20px}.tile-eyebrow{font-size:8px}.design-footer{font-size:8px}.tile-design>img{width:65px;left:14px;bottom:16px}.tile-production{height:300px;width:51%;left:25%}.tile-production figcaption{left:12px;bottom:18px}.tile-production figcaption strong{font-size:20px}.tile-production figcaption span,.production-label{font-size:7px}.production-label{left:10px;top:10px;padding:5px}.tile-plan{top:105px;height:220px;padding:12px;width:43%;right:0}.tile-plan h2{font-size:17px;margin:15px 0 12px}.plan-row{padding:7px 0;gap:6px}.plan-row strong{font-size:9px}.plan-row small,.plan-row>span{font-size:8px}.plan-end{font-size:6px;margin-top:4px}.concept-caption{font-size:9px}.hero-service-line>span{display:none}.hero-brand{max-width:200px;margin-top:15px}}
@media(max-width:1000px){.social-hero-layout{grid-template-columns:minmax(0,1fr)}.social-showcase{width:100%;max-width:560px}}
@media(prefers-reduced-motion:reduce){.social-tile{animation:none!important}}