.exit-photo{height:clamp(280px,30vw,520px);position:relative;overflow:hidden;margin-top:45px}
.exit-photo img{height:100%;object-fit:cover;object-position:center 53%}
.exit-photo span{position:absolute;bottom:22px;left:27px;color:white;font-size:11px;letter-spacing:.16em;text-shadow:0 1px 5px #111}

/* A continuous drawn route rather than a row of text columns. */
.route{grid-template-columns:repeat(6,minmax(0,1fr));position:relative;border:0;gap:clamp(8px,1.6vw,26px);margin-top:105px}
.route:before{content:"";position:absolute;top:77px;left:6%;right:6%;border-top:1px solid #71838b}
.route .route-stop{position:relative;z-index:1;border:0;margin:0;min-height:255px;padding:0;display:flex;align-items:flex-start;flex-direction:column;gap:0}
.route .route-stop:hover{border:0}
.route-number{font-size:11px!important;letter-spacing:.14em!important;color:#566369!important;min-height:34px;font-weight:700}
.route-icon{display:grid;place-items:center;width:86px;height:86px;background:#e4e8e9;border:1px solid #6f8087;border-radius:50%;color:#2d3e45;transition:transform .25s,background .25s}
.route-icon svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.route .route-stop:hover .route-icon,.route .route-stop:focus-visible .route-icon{transform:translateY(-7px);background:#c6a77e}
.route .route-stop:focus-visible{outline:2px solid #3a4d55;outline-offset:6px}
.route .route-stop strong{font-size:clamp(17px,1.5vw,23px);line-height:1.1;letter-spacing:-.035em;max-width:190px;margin-top:24px;font-weight:600}
.route .route-stop small{font-size:13px;line-height:1.3;color:#64737a;margin-top:8px;max-width:175px}

/* Buildertrend-inspired example; no client account content is reproduced. */
.amplify-demo{font-family:Arial,Helvetica,sans-serif;color:#17212b;background:#fff;border:1px solid #d2dbe2;border-radius:7px;overflow:hidden}
.bt-top{height:51px;background:#082f4d;color:#fff;display:flex;align-items:center;gap:22px;padding:0 19px;font-size:12px;white-space:nowrap}
.bt-mark{width:26px;height:26px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:700;line-height:1}
.bt-top strong{font-size:13px;letter-spacing:-.02em;margin-right:4px}
.bt-top-link{opacity:.93}.bt-search{margin-left:auto;background:white;color:#8997a2;border-radius:3px;padding:7px 12px;width:150px}
.bt-body{display:grid;grid-template-columns:158px minmax(0,1fr);min-height:560px}
.bt-sidebar{background:#f3f6f9;padding:27px 14px;display:flex;flex-direction:column;gap:12px;color:#25374a;font-size:12px}
.bt-avatar{width:56px;height:56px;background:#cfe4f1;border-radius:50%;display:grid;place-items:center;color:#164970;font-size:26px;font-weight:700;margin:0 auto 7px}
.bt-sidebar strong{font-size:13px;line-height:1.2}.bt-sidebar small{font-size:11px;color:#74879a;margin-top:-8px}
.bt-sidebar hr{border:0;border-top:1px solid #d8e0e8;width:100%;margin:10px 0}
.bt-sidebar span{padding:8px 5px}.bt-sidebar span:first-of-type{color:#0754bc;font-weight:700;border-left:3px solid #0754bc;padding-left:8px}
.bt-main{padding:25px 24px 30px;min-width:0}
.bt-project{border-bottom:1px solid #e1e6eb;padding-bottom:16px}
.bt-project small{font-size:10px;color:#688297;font-weight:700;letter-spacing:.12em}
.bt-project h3{font:700 24px Arial,Helvetica,sans-serif;letter-spacing:-.02em;margin:4px 0 4px}
.bt-project>span{color:#6c7a89;font-size:12px}
.bt-heading{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px}
.bt-heading h4{font-size:16px;margin:0;letter-spacing:-.015em}.bt-heading span{font-size:11px;color:#1763c4;font-weight:600}
.bt-updates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bt-updates article{border:1px solid #d9e1e8;border-radius:5px;overflow:hidden;min-width:0;box-shadow:0 2px 5px #14334b0d}
.bt-updates img{height:105px;object-fit:cover}
.bt-updates article:nth-child(2) img{object-position:75% 45%}
.bt-updates article:nth-child(3) img{object-position:center}
.bt-updates article>div{padding:12px}.bt-updates strong{font-size:12px}.bt-updates p{font-size:11px;line-height:1.35;color:#5f7180;margin:5px 0 15px;min-height:44px}
.bt-updates small{font-size:9px;color:#5c82a3;letter-spacing:.08em;font-weight:700}
.bt-schedule{border:1px solid #dce4eb;font-size:11px;color:#526578}
.bt-schedule-days,.bt-schedule-row{display:grid;grid-template-columns:100px repeat(5,1fr);align-items:center}
.bt-schedule-days{background:#f1f4f8;color:#61788d;font-size:9px;font-weight:700;min-height:27px;text-align:center}
.bt-schedule-days span:first-child{text-align:left;padding-left:10px}
.bt-schedule-row{height:31px;border-top:1px solid #e7edf1;position:relative}
.bt-schedule-row span{padding-left:10px;grid-column:1;font-size:10px;white-space:nowrap}
.bt-bar{height:12px;background:#4383bd;border-radius:2px;grid-row:1;z-index:1}
.bar-one{grid-column:2/4}.bar-two{grid-column:3/6;background:#1963a5}.bar-three{grid-column:5/7;background:#77a7cc}
.portal-disclaimer{font-size:10px;letter-spacing:.07em;background:#e8eef2;color:#536a7d}
.people-intro{font-size:19px;color:#617077;max-width:510px}
.people-list .people-entry{border-top:1px solid #aeb8bc;padding:19px 0;display:grid;grid-template-columns:190px minmax(0,1fr) 20px;align-items:center;gap:25px;min-height:99px;transition:background .2s,padding .2s}
.people-list .people-entry:last-child{border-bottom:1px solid #aeb8bc}
.people-list .people-entry:hover{background:#e6eaeb;padding-left:12px;padding-right:12px}
.people-list .people-entry:focus-visible{outline:2px solid #3e4e55;outline-offset:3px}
.people-list .people-logo{display:flex;align-items:center;height:64px;width:170px;max-width:100%;color:#2a3336;overflow:hidden}
.people-list .people-logo img{width:100%;height:100%;object-fit:contain;object-position:left center;filter:brightness(0);opacity:.82}
.people-list .brand-vision img{object-fit:cover;object-position:center center}
.people-list .brand-legal img{width:145px;height:46px}
.people-list .brand-casa img{width:130px;height:68px}
.people-list .people-unara{font-size:28px;letter-spacing:-.085em;font-weight:700;line-height:1}
.people-list .people-unara small{align-self:flex-start;margin:11px 0 0 6px;font-size:9px;letter-spacing:.13em;font-weight:600}
.people-list .people-description{font-size:17px;color:#5a696f;line-height:1.4}
.people-list .people-arrow{font-size:19px;color:#59666c;line-height:1;justify-self:end;transition:transform .2s}
.people-list .people-entry:hover .people-arrow{transform:translate(2px,-2px)}

@media(max-width:1100px){
  .route:before{top:77px}
  .bt-body{grid-template-columns:145px minmax(0,1fr)}
}
@media(max-width:760px){
  .route{display:grid;grid-template-columns:1fr;border:0;gap:0;margin-top:65px;padding-left:24px}
  .route:before{top:12px;bottom:40px;left:53px;right:auto;border-top:0;border-left:1px solid #71838b}
  .route .route-stop{min-height:118px;display:grid;grid-template-columns:62px 1fr;grid-template-rows:20px auto auto;column-gap:20px;padding:0 0 20px}
  .route-number{grid-column:2;grid-row:1;font-size:10px!important}
  .route-icon{grid-column:1;grid-row:1/4;width:60px;height:60px}
  .route-icon svg{width:29px;height:29px}
  .route .route-stop strong{grid-column:2;grid-row:2;margin:0;font-size:20px}
  .route .route-stop small{grid-column:2;grid-row:3;margin:2px 0 0}
  .bt-top{gap:12px;padding:0 12px}.bt-top-link,.bt-search{display:none}
  .bt-body{display:block}.bt-sidebar{display:none}.bt-main{padding:16px}
  .bt-updates{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bt-updates article:nth-child(3){display:none}
  .bt-updates img{height:100px}
  .bt-schedule-days,.bt-schedule-row{grid-template-columns:80px repeat(5,1fr)}
  .bt-schedule-days{font-size:8px}
  .bt-schedule-row span{font-size:9px}
  .people-list .people-entry{grid-template-columns:130px minmax(0,1fr) 16px;gap:14px;min-height:90px}
  .people-list .people-logo{width:125px;height:52px}
  .people-list .brand-legal img{width:112px;height:36px}
  .people-list .brand-casa img{width:100px;height:52px}
  .people-list .people-description{font-size:14px}
  .people-list .people-unara{font-size:24px}
  .people-list .people-unara small{font-size:7px;margin:9px 0 0 5px}
}
@media(max-width:420px){
  .people-list .people-entry{grid-template-columns:110px minmax(0,1fr) 14px;gap:10px}
  .people-list .people-logo{width:110px;height:42px}
  .people-list .brand-legal img{width:100px;height:31px}
  .people-list .brand-casa img{width:80px;height:42px}
  .people-list .people-description{font-size:13px}
  .people-list .people-unara{font-size:21px}
}

.initial-setup{background:#dfe3e0}.initial-setup-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:8%;align-items:start}.initial-setup h2{font-size:clamp(36px,4vw,60px)}.initial-setup-grid>div>p:not(.eyebrow){max-width:530px;color:#50646b;font-size:18px;line-height:1.6;margin-top:30px}.initial-services{display:grid;grid-template-columns:1fr 1fr;gap:30px}.initial-services article{min-width:0}.initial-services img{height:72px;width:100%;max-width:225px;object-fit:contain;object-position:left center;filter:grayscale(1)}.initial-services h3{font-size:23px;margin:28px 0 12px}.initial-services article p{font-size:16px;line-height:1.55;color:#50646b}.initial-portal-note{grid-column:1/-1;font-size:16px;line-height:1.55;color:#243e47;margin:16px 0 0}.route-optional .route-icon{border-style:dashed}
@media(max-width:1000px){.route{grid-template-columns:1fr;gap:0;padding-left:24px}.route:before{top:12px;bottom:40px;left:53px;right:auto;border-top:0;border-left:1px solid #71838b}.route .route-stop{min-height:118px;display:grid;grid-template-columns:62px 1fr;grid-template-rows:20px auto auto;column-gap:20px;padding:0 0 20px}.route-number{grid-column:2;grid-row:1}.route-icon{grid-column:1;grid-row:1/4;width:60px;height:60px}.route-icon svg{width:29px;height:29px}.route .route-stop strong{grid-column:2;grid-row:2;margin:0;font-size:20px;max-width:none}.route .route-stop small{grid-column:2;grid-row:3;margin:2px 0 0;max-width:none}.initial-setup-grid{grid-template-columns:1fr;gap:45px}}
@media(max-width:540px){.initial-services{grid-template-columns:1fr;gap:35px}.initial-services img{height:64px;max-width:210px}.initial-services h3{margin-top:20px}.initial-portal-note{grid-column:auto}}