/* Warm, human presentation of the existing Respect services and portfolio. */
html.promo-showcase{--p-bg:#f5f2eb;--p-ink:#0b1b2e;--p-muted:#2b2b2b;--cv-ink:#0b1b2e;--cv-muted:#2b2b2b;--cv-line:#e1dbd0;background:#f5f2eb}
body{background:#f5f2eb;color:#0b1b2e}.eyebrow{color:#2b2b2b}.muted{color:#2b2b2b}.pill-cta{background:#0b1b2e;box-shadow:0 5px 20px #0b1b2e0b}.pill-cta:hover{background:#0b1b2e}.inline-link,.text-link{color:#0b1b2e}.promo-header{background:#f5f2ebeb;border-color:#0b1b2e0e}.promo-header .nav-cta{background:#0b1b2e}.promo-header nav .nav-cta:hover{background:#0b1b2e}.reading-progress{background:#c8a66a}
.emotion-hero{padding:70px 0 30px;background:radial-gradient(ellipse at 50% 10%,#ffffff 0,#f5f2eb 57%,#f5f2eb 100%);color:#0b1b2e}.emotion-hero .hero-category{color:#2b2b2b;font-size:16px;font-weight:400;margin-bottom:23px;letter-spacing:.01em}.emotion-hero h1{font-size:clamp(64px,7vw,103px);line-height:1.04;margin-bottom:25px;letter-spacing:-.065em}.emotion-hero h1 span{color:#2b2b2b}.emotion-hero .hero-subtitle{color:#2b2b2b;font-size:21px;line-height:1.5}.emotion-hero .hero-actions{margin-top:29px;gap:26px}.emotion-hero .pill-cta{background:#0b1b2e;color:#ffffff;min-height:51px;padding:13px 25px}.emotion-hero .pill-cta:hover{background:#0b1b2e}.emotion-hero .hero-explore{color:#2b2b2b}.hero-business-note{font-size:11px;line-height:1.7;color:#2b2b2b;margin-top:19px;letter-spacing:.01em}.hero-scenes{width:min(1460px,94%);margin-top:46px;border-radius:33px;overflow:hidden;background:#e1dbd0;box-shadow:0 18px 60px #0b1b2e14}.hero-scene{position:relative;height:clamp(400px,43vw,640px);isolation:isolate;overflow:hidden}.hero-scene>img{width:100%;height:100%;object-fit:cover;object-position:center 57%;transform:scale(var(--hero-scale,1.02));will-change:transform}.hero-scene:after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,transparent 35%,#0b1b2e0d 48%,#0b1b2ebd 100%)}.hero-scene figcaption{position:absolute;left:48px;right:48px;bottom:33px;z-index:1;color:#ffffff;display:flex;align-items:end;justify-content:space-between;gap:35px}.hero-scene figcaption p{font-size:clamp(29px,3.8vw,52px);line-height:1.12;font-weight:600;letter-spacing:-.04em;max-width:720px;text-wrap:balance}.hero-scene figcaption a{color:#ffffffdf;text-decoration:none;font-size:10px;line-height:1.7;max-width:240px;text-align:right}.scene-lobby>img{object-position:50% 55%}.scene-evening>img{object-position:50% 50%}.hero-scene-controls{width:min(1400px,90%);display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:26px}.hero-scene-controls>p{font-size:12px;line-height:1.7;color:#2b2b2b;max-width:320px}.scene-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;padding:5px;border-radius:40px;background:#e1dbd0}.scene-tabs button{display:flex;align-items:center;gap:8px;padding:12px 17px;border-radius:30px;font-size:12px;line-height:1.5;color:#2b2b2b;min-height:43px;white-space:nowrap;transition:background .2s,color .2s}.scene-tabs button[aria-selected=true]{color:#0b1b2e;background:#ffffff;box-shadow:0 2px 6px #0b1b2e09}.scene-tabs button>span{display:block;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.55}
.highlights{padding-top:115px;padding-bottom:82px}.highlights .section-heading h2{font-size:clamp(38px,4.3vw,62px);line-height:1.1}.highlight-card{background:#0b1b2e;height:565px}.highlight-card:after{background:linear-gradient(180deg,#0b1b2eb8,transparent 57%,#0b1b2eb0)}.highlight-card.engineering-card>img{object-position:43% center}.highlight-card.landscape-card>img{object-position:62% center}.highlight-card.time-card>img{object-position:60% center}.highlight-credit{font-size:9px;max-width:240px;line-height:1.65}.detail-link{width:46px;height:46px;background:#ffffffef;color:#0b1b2e}.gallery-arrows button{width:44px;height:44px;background:#e1dbd0;color:#0b1b2e}.gallery-dots button[aria-pressed=true]{background:#2b2b2b}.feeling-action{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:38px}.feeling-action p{font-size:15px;line-height:1.65;color:#2b2b2b;max-width:550px}.feeling-action a{font-size:15px;flex:none}
.promo-showcase .conversion-paths{padding-block:36px 110px}.promo-showcase .conversion-paths>h2{font-size:clamp(32px,3.8vw,48px);line-height:1.1;margin-bottom:39px}.promo-showcase .conversion-path-grid article{border:1px solid #e1dbd0;background:#ffffff;box-shadow:0 10px 35px #0b1b2e04;transition:transform .25s,box-shadow .25s}.promo-showcase .conversion-path-grid article:hover{transform:translateY(-4px);box-shadow:0 15px 35px #0b1b2e10}.promo-showcase .conversion-path-grid h3{color:#0b1b2e}.promo-showcase .path-audience{color:#c8a66a}.promo-showcase .conversion-path-grid .conversion-link{margin-top:auto}.promo-showcase .resident-route{color:#2b2b2b}
.approach{background:#ffffff;padding-top:118px}.approach-intro{max-width:1100px}.approach-intro h2{font-size:clamp(43px,5.5vw,78px);margin-bottom:34px}.approach-intro h2 span{color:#2b2b2b}.large-copy{color:#2b2b2b;max-width:850px;font-size:clamp(22px,2.2vw,29px)}.large-copy strong{color:#0b1b2e}.life-mosaic{display:grid;grid-template-columns:1.8fr 1fr;gap:23px;align-items:stretch}.life-mosaic figure{position:relative;border-radius:30px;overflow:hidden;isolation:isolate;min-width:0;height:590px;background:#0b1b2e}.life-mosaic figure>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.life-mosaic figure:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#0b1b2e96 100%);z-index:-1}.life-wide>img{object-position:55% center}.life-tall>img{object-position:45% center}.image-kind{position:absolute;left:24px;top:24px;color:#ffffff;font-size:10px;line-height:1.5;background:#0b1b2e80;backdrop-filter:blur(12px);padding:6px 10px;border:1px solid #ffffff2b;border-radius:20px}.life-mosaic figcaption{position:absolute;left:35px;right:28px;bottom:30px;color:#ffffff}.life-mosaic figcaption p{font-size:clamp(30px,3.6vw,48px);line-height:1.14;letter-spacing:-.04em;font-weight:600;margin-bottom:20px}.life-mosaic figcaption a{display:block;text-decoration:none;font-size:9px;line-height:1.6;color:#ffffffd9;max-width:300px}.approach-points{gap:48px;margin-top:45px;padding-inline:12px}.approach-points h3{color:#0b1b2e}.approach-points p{color:#2b2b2b;font-size:15px}.service-scope-note{font-size:11px;line-height:1.7;color:#2b2b2b;margin-top:16px}.approach .section-action{margin-top:41px}
.journey{background:#f5f2eb}.journey .section-heading{display:grid;grid-template-columns:1.5fr 1fr;column-gap:60px}.journey .section-heading>.eyebrow{grid-column:1/-1}.journey .section-heading .section-lead{margin-top:5px}.journey-tabs{background:#e1dbd0}.journey-tabs button{color:#2b2b2b}.journey-tabs button[aria-selected=true]{color:#0b1b2e;background:#ffffff}.journey-panels article{background:#ffffff}.panel-copy p{color:#2b2b2b}.ever{background:#0b1b2e}.ever .centered-heading h2 span{color:#e1dbd0}.ever .section-lead{color:#e1dbd0}.ever .eyebrow{color:#c8a66a}.ever-bottom p{color:#e1dbd0}.ever-controls{background:#0b1b2eb5}.ever-controls button[aria-selected=true]{color:#0b1b2e;background:#f5f2eb}.ever-stage{box-shadow:0 25px 70px #0b1b2e35}.promo-showcase .conversion-proof{background:#f5f2eb}.promo-showcase .proof-grid article{background:#ffffff}.promo-showcase .promo-developer-logos a{background:#ffffff;border-color:#e1dbd0}
.digital{background:#0b1b2e}.digital h2 span{color:#e1dbd0}.digital .section-lead{color:#e1dbd0}.workflow{background:#0b1b2e;border-color:#e1dbd025;box-shadow:0 20px 45px #0b1b2e26}.workflow-top,.workflow [role=tabpanel] p{color:#e1dbd0}.workflow-track{background:#0b1b2e}.workflow-track button{color:#e1dbd0}.workflow-track button[aria-selected=true]{background:#e1dbd0;color:#0b1b2e}.workflow-bottom,.platform-line{color:#e1dbd0}.workflow-symbol{color:#e1dbd0;border-color:#e1dbd080}.platform-line p{color:#e1dbd0}.person-photo{background:linear-gradient(145deg,#e1dbd0,#f5f2eb)}.team .section-heading h2{font-size:clamp(42px,4.6vw,66px)}.person h3,.person>p{color:#0b1b2e}.person small{color:#2b2b2b}
.invitation{position:relative;isolation:isolate;min-height:660px;display:flex;align-items:center;color:#ffffff;background:#0b1b2e;overflow:hidden}.invitation-image{position:absolute;inset:0;z-index:-2}.invitation-image img{width:100%;height:100%;object-fit:cover;object-position:center 55%}.invitation:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b1b2ed9 0,#0b1b2ec2 34%,#0b1b2e20 100%)}.invitation-copy{padding-block:88px}.invitation .eyebrow{color:#e1dbd0;font-size:12px}.invitation h2{font-size:clamp(42px,5.4vw,77px);line-height:1.08;max-width:900px;color:#ffffff}.invitation-copy>p:not(.eyebrow){font-size:22px;line-height:1.5;color:#e1dbd0;margin:28px 0 31px}.invitation .pill-cta{background:#e1dbd0;color:#0b1b2e}.invitation .pill-cta:hover{background:#f5f2eb}.invitation-credit{display:block;text-decoration:none;color:#e1dbd0;font-size:10px;line-height:1.6;margin-top:70px}.promo-showcase .conversion-request{background:#ffffff}.promo-showcase .inquiry-intro h2{font-size:clamp(39px,4vw,59px);line-height:1.1;color:#0b1b2e}.promo-showcase .inquiry-intro>p:not(.eyebrow){color:#2b2b2b}.promo-showcase .inquiry-form>input,.promo-showcase .inquiry-form>textarea,.promo-showcase .inquiry-form>select{background:#f5f2eb;border-color:#e1dbd0;color:#0b1b2e}.promo-showcase .inquiry-submit{background:#0b1b2e;border-color:#0b1b2e}.inquiry-owner{border-color:#e1dbd0}.feature-dialog{background:#ffffff;color:#0b1b2e}.dialog-copy>p:not(.eyebrow){color:#2b2b2b}.dialog-close{background:#0b1b2eed}.promo-footer{border-color:#e1dbd0}.promo-showcase .inquiry-mobile-cta{background:#0b1b2e}
@media(min-width:1500px){.hero-scenes{margin-top:50px}.hero-scene{height:640px}}
@media(max-width:1050px){.emotion-hero{padding-top:56px}.hero-scene-controls{flex-direction:column;gap:18px}.hero-scene-controls>p{max-width:none;text-align:center}.hero-scene{height:510px}.hero-scene figcaption{left:35px;right:35px}.hero-scene figcaption p{font-size:40px}.life-mosaic figure{height:500px}.life-mosaic{grid-template-columns:1.6fr 1fr;gap:20px}.life-mosaic figcaption{left:27px;right:22px}.life-mosaic figcaption p{font-size:34px}.journey .section-heading{gap:22px 40px}.invitation{min-height:590px}}
@media(max-width:780px){.promo-header nav{background:#f5f2ebf5}.emotion-hero h1{font-size:clamp(57px,8.8vw,78px)}.emotion-hero .hero-subtitle{font-size:18px}.hero-scenes{width:94%;margin-top:35px;border-radius:28px}.hero-scene{height:480px}.hero-scene figcaption{display:block;left:29px;right:29px;bottom:27px}.hero-scene figcaption p{font-size:36px;margin-bottom:16px}.hero-scene figcaption a{text-align:left;font-size:9px;max-width:none}.highlights{padding-block:85px 60px}.highlight-card{height:530px}.feeling-action{align-items:start}.feeling-action p{font-size:14px}.promo-showcase .conversion-paths{padding-bottom:85px}.promo-showcase .conversion-path-grid article{display:flex;flex-direction:column;align-items:flex-start;padding:28px}.promo-showcase .conversion-path-grid article>p:not(.path-audience){margin-bottom:22px}.promo-showcase .conversion-path-grid h3{font-size:26px}.life-mosaic{grid-template-columns:1.25fr 1fr;gap:16px}.life-mosaic figure{height:440px;border-radius:25px}.life-mosaic figcaption{left:24px;bottom:25px}.life-mosaic figcaption p{font-size:30px}.image-kind{left:20px;top:20px}.approach{padding-top:85px}.approach-points{gap:28px;padding:0}.approach-points h3{font-size:20px}.approach-points p{font-size:14px}.journey .section-heading{display:block}.journey .section-heading .section-lead{margin-top:25px}.invitation{min-height:570px}.invitation h2{font-size:53px}.invitation-copy>p:not(.eyebrow){font-size:20px}.invitation-credit{margin-top:50px}.team{padding-bottom:85px}}
@media(max-width:520px){.emotion-hero{padding-top:40px;padding-bottom:25px}.emotion-hero .hero-category{font-size:13px;margin-bottom:21px}.emotion-hero h1{font-size:clamp(44px,10.8vw,57px);line-height:1.06;margin-bottom:22px}.emotion-hero .hero-subtitle{font-size:15px;line-height:1.65;max-width:320px;margin:auto}.emotion-hero .hero-subtitle br{display:block}.emotion-hero .hero-actions{flex-direction:column;gap:18px;margin-top:24px}.emotion-hero .pill-cta{font-size:14px;padding:12px 23px;min-height:49px}.hero-business-note{font-size:10px;max-width:255px;margin:20px auto 0}.hero-scenes{width:calc(100% - 24px);margin-top:27px;border-radius:24px}.hero-scene{height:440px}.scene-garden>img{object-position:56% center}.scene-lobby>img{object-position:61% center}.scene-evening>img{object-position:54% center}.hero-scene figcaption{left:22px;right:22px;bottom:24px}.hero-scene figcaption p{font-size:31px;line-height:1.15;margin-bottom:14px;max-width:300px}.hero-scene figcaption a{font-size:8px;max-width:290px;line-height:1.65}.hero-scene-controls{width:calc(100% - 24px);gap:17px;padding-top:20px}.hero-scene-controls>p{font-size:11px;max-width:270px}.scene-tabs{width:100%;gap:2px;padding:4px}.scene-tabs button{justify-content:center;flex:1;white-space:normal;padding:10px 5px;font-size:10px;min-height:44px}.scene-tabs button>span{display:none}.highlights{padding-block:65px 50px}.highlights .section-heading h2{font-size:35px;line-height:1.1}.highlight-card{height:490px}.highlight-copy h3{font-size:30px}.highlight-credit{font-size:8px;max-width:205px}.feeling-action{flex-direction:column;gap:18px;margin-top:27px}.feeling-action p{font-size:14px;max-width:310px}.feeling-action a{font-size:14px}.promo-showcase .conversion-paths{padding-block:15px 72px}.promo-showcase .conversion-paths>h2{font-size:33px;line-height:1.13}.promo-showcase .conversion-path-grid h3{max-width:290px}.approach{padding-top:70px}.approach-intro h2{font-size:38px}.large-copy{font-size:22px;text-align:center}.life-mosaic{grid-template-columns:1fr;gap:17px}.life-mosaic figure{height:470px}.life-mosaic .life-tall{height:360px}.life-wide>img{object-position:50% center}.life-tall>img{object-position:50% 58%}.life-mosaic figcaption p{font-size:35px;max-width:270px}.life-mosaic figcaption a{font-size:8px;max-width:260px}.approach-points{gap:25px;margin-top:33px}.approach-points h3{font-size:23px}.approach-points p{font-size:15px}.approach .section-action{margin-top:32px}.service-scope-note{font-size:10px}.journey .section-heading h2{font-size:40px}.ever .centered-heading h2{font-size:43px}.ever .section-lead br{display:none}.team .section-heading h2{font-size:39px}.invitation{min-height:595px;align-items:end}.invitation:after{background:linear-gradient(0deg,#0b1b2eef 0,#0b1b2ebb 60%,#0b1b2e0d 100%)}.invitation-image img{object-position:52% center}.invitation-copy{padding-block:160px 35px}.invitation .eyebrow{font-size:10px;max-width:250px}.invitation h2{font-size:40px;line-height:1.12}.invitation-copy>p:not(.eyebrow){font-size:18px;margin:23px 0 26px}.invitation-credit{font-size:8px;max-width:260px;margin-top:34px}.promo-showcase .inquiry-intro h2{font-size:39px}.promo-showcase .inquiry-mobile-cta{background:#0b1b2e}}
@media(prefers-reduced-motion:reduce){.hero-scene>img{transform:none;will-change:auto}.promo-showcase .conversion-path-grid article:hover{transform:none}}
@media print{.emotion-hero{background:#ffffff}.hero-scene{height:350px}.hero-scene-controls{display:none}.life-mosaic{grid-template-columns:1fr 1fr}.life-mosaic figure{height:330px}.invitation{min-height:400px}.invitation-copy{padding-block:40px}.invitation h2{font-size:45px}}