/* The small moving pendant accompanies the page without competing with content. */
#showoff-scene{visibility:visible;opacity:.75;z-index:4;pointer-events:none;filter:drop-shadow(0 10px 12px #2a3a441a)}
.hero-in-view #showoff-scene{opacity:.75!important}
.about-studio{position:relative;isolation:isolate;padding:95px max(32px,calc((100vw - 1160px)/2)) 90px;background:linear-gradient(160deg,#f7f7f9 0%,#fdfdfd 55%,#fff);scroll-margin-top:90px}
.about-studio:before{content:'';position:absolute;z-index:0;right:-420px;top:-350px;width:950px;height:450px;border-radius:50%;border:1px solid #fff;background:linear-gradient(165deg,#fff,#f5f5f7);box-shadow:0 18px 30px #2a3a4406;transform:rotate(16deg);pointer-events:none}
.about-studio .statement-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.06fr .94fr;gap:85px;min-height:0;align-items:center;margin:0 0 48px}
.about-studio .statement-left h2{font-size:clamp(35px,3.7vw,51px);line-height:1.2;margin:20px 0 24px;max-width:550px;letter-spacing:-.05em}
.about-studio .statement-left h2 span{font-family:inherit;font-weight:500;color:#d91bc4}
.about-signature{display:flex;align-items:center;gap:16px;margin-top:28px;padding-top:22px;border-top:1px solid #2a3a4410}
.about-signature img{width:90px;opacity:.85}.about-signature span{font-size:11px;color:#8b949b;line-height:1.6;font-weight:400}
.about-studio .statement-copy{max-width:none;padding:28px 0 8px;position:relative}
.about-studio .statement-copy .eyebrow{color:#9c4097;font-size:10px;letter-spacing:.14em;margin-bottom:18px;border:0;display:block}
.about-studio .statement-copy p{padding:0;margin:0 0 17px;border:0;font-size:15px;line-height:1.85;color:#79868e;font-weight:400}
.about-studio .statement-copy .about-lead{font-size:19px;line-height:1.7;color:#42535d;font-weight:400;margin-bottom:20px}
.about-pillars{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.about-pillar{position:relative;padding:28px 28px 24px;border:1px solid #fff;border-radius:22px;background:linear-gradient(145deg,#fff,#f9f9fb);box-shadow:0 14px 34px #2a3a4408,inset 0 1px 0 #fff;transition:transform .25s,box-shadow .25s}
.about-pillar:hover{transform:translateY(-4px);box-shadow:0 20px 40px #2a3a4410}
.about-pillar-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}
.about-pillar-top img{width:44px;height:44px;padding:11px;background:white;border:1px solid #f5f4f7;border-radius:13px;box-shadow:3px 5px 12px #2a3a440a}
.about-pillar-top span{font-family:Unbounded,sans-serif;font-size:11px;font-weight:400;color:#bba8ba}
.about-pillar h3{margin:0 0 14px;font-size:19px;letter-spacing:-.035em;font-weight:500;line-height:1.3;color:#2a3a44}
.about-pillar>p{font-size:13px;font-weight:400;line-height:1.8;color:#7d8991;margin:0 0 22px}
.about-pillar .about-detail{border-top:1px solid #2a3a4408;padding-top:15px;margin:0;font-size:10px;color:#9d6b98;letter-spacing:.04em}
.about-principle{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:45px;margin-top:32px;padding:30px 34px;border:1px solid #fff;border-radius:20px;background:linear-gradient(120deg,#fff,#fcf8fc);box-shadow:0 10px 28px #2a3a4406}
.about-principle-copy{display:flex;align-items:center;gap:24px;max-width:650px}.about-quote-mark{flex-shrink:0;display:grid;place-items:center;width:52px;height:52px;background:white;border:1px solid #f3eaf2;border-radius:50%;box-shadow:0 5px 14px #2a3a4408;color:#dc62cd;font:70px/.9 Georgia,serif;padding-top:17px}
.about-principle .eyebrow{font-size:9px;margin-bottom:8px;color:#a47aa0}.about-principle p:last-child{margin:0;font-size:18px;line-height:1.65;color:#42535d;font-weight:400}.about-principle a{flex-shrink:0;font-size:12px}
@media(max-width:1000px){.about-studio .statement-grid{gap:45px}.about-pillar{padding:24px 22px}.about-principle{gap:25px}.about-principle p:last-child{font-size:16px}}
@media(max-width:760px){#showoff-scene,.hero-in-view #showoff-scene{opacity:.62!important}.about-studio{padding:65px 26px;scroll-margin-top:100px}.about-studio .statement-grid{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.about-studio .statement-left h2{font-size:35px;line-height:1.23}.about-signature{margin-top:22px;padding-top:18px}.about-studio .statement-copy{padding:12px 0 0}.about-studio .statement-copy .about-lead{font-size:18px}.about-studio .statement-copy p{font-size:14px}.about-pillars{grid-template-columns:1fr;gap:16px}.about-pillar{padding:24px}.about-pillar-top{margin-bottom:18px}.about-pillar h3{font-size:19px}.about-pillar>p{margin-bottom:18px}.about-principle{padding:25px 22px;flex-direction:column;align-items:flex-start;gap:24px}.about-principle-copy{gap:18px}.about-quote-mark{width:40px;height:40px;font-size:55px;padding-top:15px}.about-principle p:last-child{font-size:16px}.about-principle a{margin-left:58px}}
@media(prefers-reduced-motion:reduce){.about-pillar{transition:none}.about-pillar:hover{transform:none}}
.about-pillar{display:flex;flex-direction:column}.about-pillar .about-detail{margin-top:auto}
.about-pillar:nth-child(1) .about-pillar-top img{background:linear-gradient(145deg,#fff,#fdf0fb);border-color:#f7e5f3;box-shadow:0 5px 15px #df20c612}
.about-pillar:nth-child(2) .about-pillar-top img{background:linear-gradient(145deg,#fff,#f3efff);border-color:#eee7fc;box-shadow:0 5px 15px #8953ff12}
.about-pillar:nth-child(3) .about-pillar-top img{background:linear-gradient(145deg,#fff,#eefdff);border-color:#e1f4f8;box-shadow:0 5px 15px #00bde512}