.dp-page .faq-office-hero{--faq-reveal:0;color:#fff;background:#21123b;position:relative}.dp-page .faq-office-hero[data-play=true]{height:175svh}.dp-page .faq-office-pin{isolation:isolate;height:100svh;min-height:780px;padding:180px 4vw 60px;position:relative;overflow:clip}.dp-page .faq-office-hero[data-play=true] .faq-office-pin{min-height:0;position:sticky;top:0}.dp-page .faq-office-image{z-index:0;border-radius:22px;margin:0;position:absolute;inset:150px 26% 70px 4vw;overflow:hidden}.dp-page .faq-office-hero[data-play=true] .faq-office-image{right:calc(48% - var(--faq-reveal)*22%);clip-path:inset(0 calc((1 - var(--faq-reveal))*30%) 0 0 round 22px 190px 22px 22px)}.dp-page .faq-office-image img{object-fit:cover;object-position:center top;transform-origin:top;width:100%;height:100%}.dp-page .faq-office-hero[data-play=true] .faq-office-image img{transform:scale(calc(1.18 - var(--faq-reveal)*.18))}.dp-page .faq-office-image:after{content:"";pointer-events:none;background:linear-gradient(270deg,#21123bfa 0%,#21123b99 40%,#21123b00 80%);position:absolute;inset:0}.dp-page .faq-office-copy{z-index:1;transform:translateY(calc(var(--faq-reveal)*-20px));margin-left:46%;padding-top:4svh;position:relative}.dp-page .faq-office-label{color:#d1c7df;margin:0 0 25px;font-size:12px}.dp-page .faq-office-copy h1{letter-spacing:-.06em;max-width:none;margin:0;font-size:clamp(60px,7.8vw,142px);font-weight:400;line-height:1.06}.dp-page .faq-office-copy h1>span{white-space:nowrap;display:block}.dp-page .faq-office-copy h1>span+span{color:#fc5a11;margin-top:.08em}.dp-page .faq-office-hero[data-play=true] h1>span+span{transform:translateX(calc((1 - var(--faq-reveal))*-12vw))}.dp-page .faq-office-description{color:#d1c7df;max-width:36ch;margin:30px 0;font-size:clamp(16px,1.15vw,21px);line-height:1.7}@media (min-width:1800px){.dp-page .faq-office-label{font-size:15px}}@media (max-width:700px){.dp-page .faq-office-hero[data-play=true]{height:auto}.dp-page .faq-office-pin,.dp-page .faq-office-hero[data-play=true] .faq-office-pin{flex-direction:column;gap:35px;height:auto;min-height:0;padding:135px 20px 40px;display:flex;position:relative}.dp-page .faq-office-copy{margin:0;padding:0;transform:none}.dp-page .faq-office-copy h1{font-size:clamp(40px,11.5vw,72px)}.dp-page .faq-office-hero[data-play=true] h1>span+span{transform:translate(8vw)}.dp-page .faq-office-label{margin-bottom:18px;font-size:11px}.dp-page .faq-office-description{max-width:34ch;margin:22px 0;font-size:14px}.dp-page .faq-office-image,.dp-page .faq-office-hero[data-play=true] .faq-office-image{clip-path:none;border-radius:18px 90px 18px 18px;order:1;width:100%;height:340px;position:relative;inset:auto}.dp-page .faq-office-image:after{display:none}}@media (min-width:701px) and (max-height:700px){.dp-page .faq-office-pin{height:auto;min-height:720px;padding-top:150px}}:root[data-theme=light] .dp-page .faq-office-hero{color:#21123b;background:#fff}:root[data-theme=light] .dp-page :is(.faq-office-label,.faq-office-description){color:#635b70}:root[data-theme=light] .dp-page .faq-office-image:after{background:linear-gradient(270deg,#fffffffa 0%,#fff9 40%,#fff0 80%)}@media (max-width:700px){.dp-page .faq-office-hero[data-play=true]{height:145svh}.dp-page .faq-office-pin,.dp-page .faq-office-hero[data-play=true] .faq-office-pin{gap:32px;height:100svh;min-height:850px;padding:125px 16px 30px}.dp-page .faq-office-hero[data-play=true] .faq-office-pin{position:sticky;top:0}.dp-page .faq-office-copy{flex:none}.dp-page .faq-office-label{letter-spacing:.16em;margin:0 0 18px;font-size:10px;font-weight:700;line-height:1.5}.dp-page .faq-office-copy h1{font-size:clamp(34px,8.7vw,48px);line-height:1.12}.dp-page .faq-office-description{max-width:34ch;margin:20px 0 0;font-size:14px;line-height:1.6}.dp-page .faq-office-hero[data-play=true] h1>span+span{transform:translateX(calc((1 - var(--faq-reveal))*min(18vw,90px)))}.dp-page .faq-office-image,.dp-page .faq-office-hero[data-play=true] .faq-office-image{border-radius:18px;flex:1;height:auto;min-height:280px;right:auto}.dp-page .faq-office-hero[data-play=true] .faq-office-image{clip-path:inset(0 calc((1 - var(--faq-reveal))*22%) 0 0 round 18px calc(90px - var(--faq-reveal)*72px) 18px 18px)}.dp-page .faq-office-hero:not([data-play=true]) .faq-office-pin{height:auto;min-height:0}.dp-page .faq-office-hero:not([data-play=true]) .faq-office-image{flex:none;height:340px}}
