.basilar-page-personas{padding-block:56px 72px}@media (max-width:1024px){.basilar-page-personas{padding-block:48px 56px}}@media (max-width:768px){.basilar-page-personas{padding-block:40px 48px}}

.basilar-page-ui-dropped-pin{box-sizing:border-box;padding-block:56px 72px}.basilar-dropped-pin-segment__body .basilar-ui-segment__title{margin-top:0}.basilar-dropped-pin-segment .basilar-ui-segment__body{flex:44%}.basilar-dropped-pin-segment .basilar-ui-segment__media{flex:52%;justify-content:flex-end;min-width:0;max-width:none}.basilar-dropped-pin-visuals{--dropped-pin-video-size:min(200px,28vw);flex-direction:row;justify-content:flex-end;align-items:center;gap:clamp(12px,2.5vw,28px);width:100%;max-width:min(560px,100%);display:flex}.basilar-dropped-pin-video-wrap{width:var(--dropped-pin-video-size);aspect-ratio:1;border-radius:var(--radius-20);background:#000;flex-shrink:0;overflow:hidden;box-shadow:0 24px 48px #00000038,0 8px 16px #00000024}.basilar-dropped-pin-video{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.basilar-dropped-pin-illustration-wrap{box-sizing:border-box;flex-shrink:0;width:min(300px,36vw);max-width:100%;padding:0;line-height:0;position:relative}.basilar-dropped-pin-illustration-bg{z-index:0;width:calc(100% - 20px);height:var(--dropped-pin-video-size);border-radius:var(--radius-20);pointer-events:none;background:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 48px #00000038,0 8px 16px #00000024}.basilar-dropped-pin-illustration{z-index:1;width:100%;height:auto;display:block;position:relative}@media (max-width:1024px){.basilar-page-ui-dropped-pin{padding-block:48px 56px}.basilar-dropped-pin-visuals{--dropped-pin-video-size:min(180px,34vw)}}@media (max-width:768px){.basilar-page-ui-dropped-pin{padding-block:40px 48px}.basilar-dropped-pin-segment .basilar-ui-segment__body{order:1}.basilar-dropped-pin-segment .basilar-ui-segment__media{order:2;justify-content:center}.basilar-dropped-pin-segment .basilar-ui-segment__title,.basilar-dropped-pin-segment .basilar-ui-segment__description{text-align:center}.basilar-dropped-pin-visuals{--dropped-pin-video-size:min(160px,42vw);flex-wrap:wrap;justify-content:center;max-width:100%}.basilar-dropped-pin-illustration-wrap{width:min(260px,72vw)}}
.basilar-page-ui-food{isolation:isolate;box-sizing:border-box;padding-block:56px 72px;position:relative}.basilar-page-ui-food:before{content:"";z-index:-1;background:var(--basilar-background);pointer-events:none;width:100vw;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}@media (max-width:1024px){.basilar-page-ui-food{padding-block:48px 56px}}@media (max-width:768px){.basilar-page-ui-food{padding-block:40px 48px}}
.basilar-page-ui-lineup .basilar-ui-segment--reverse:before{background:var(--background)}.basilar-page-ui-lineup{box-sizing:border-box;padding-block:28px 72px}@media (max-width:1024px){.basilar-page-ui-lineup{padding-block:24px 56px}}@media (max-width:768px){.basilar-page-ui-lineup{padding-block:20px 48px}}
.basilar-page-ui-map{isolation:isolate;box-sizing:border-box;padding-block:56px 72px;position:relative}.basilar-page-ui-map:before{content:"";z-index:-1;background:var(--basilar-background);pointer-events:none;width:100vw;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.basilar-map-ui-inner{text-align:center;max-width:min(var(--project-text-intro-max-width),100%);flex-direction:column;align-items:center;margin-inline:auto;display:flex}.basilar-map-ui-inner .basilar-ui-segment__label,.basilar-map-ui-inner .basilar-ui-segment__title{text-align:center}.basilar-map-ui-lead{max-width:52ch;margin-inline:auto}.basilar-map-ui-video-wrap{justify-content:center;width:100%;margin-top:clamp(28px,5vw,44px);display:flex}.basilar-map-ui-device-wrap{margin-top:0}.basilar-map-ui-device{box-shadow:0 24px 48px #00000047,0 8px 16px #00000029}@media (max-width:1024px){.basilar-page-ui-map{padding-block:48px 56px}}@media (max-width:768px){.basilar-page-ui-map{padding-block:40px 48px}}
.basilar-screenshots{isolation:isolate;box-sizing:border-box;padding-block:56px 72px;position:relative}.basilar-screenshots:before{content:"";z-index:-1;background:var(--basilar-background);pointer-events:none;width:100vw;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.basilar-screenshots__inner{width:100%;max-width:100%;margin-inline:auto}.basilar-screenshots__title{font:var(--portfolio-text-h2);letter-spacing:-.02em;color:var(--text-primary);text-align:start;margin:0 0 clamp(24px,3vw,36px);font-weight:600}.basilar-screenshots__grid{grid-template-columns:repeat(3,auto);justify-content:center;gap:clamp(40px,5vw,72px) clamp(48px,8vw,104px);margin:0;padding:0;list-style:none;display:grid}.basilar-screenshots__item{width:min(268px,28vw);min-width:0;margin:0}.basilar-screenshots__image{border-radius:var(--radius-20);width:100%;height:auto;display:block;box-shadow:0 20px 48px #00000024,0 6px 16px #00000014}@media (max-width:1024px){.basilar-screenshots{padding-block:48px 56px}.basilar-screenshots__grid{grid-template-columns:repeat(2,auto);gap:clamp(36px,5vw,56px) clamp(40px,7vw,72px)}.basilar-screenshots__item{width:min(260px,42vw)}}@media (max-width:640px){.basilar-screenshots{padding-block:40px 48px}.basilar-screenshots__grid{grid-template-columns:1fr;justify-items:center;row-gap:clamp(32px,6vw,48px)}.basilar-screenshots__item{width:min(300px,86vw)}}
.basilar-page-ui-set-reminder{box-sizing:border-box;padding-block:56px 72px}.basilar-set-reminder-segment__body .basilar-ui-segment__title{margin-top:0}.basilar-set-reminder-media{filter:drop-shadow(0 24px 48px #0003);flex-direction:column;align-items:center;width:min(280px,100%);margin-inline:auto;display:flex}.basilar-set-reminder-crop{border-radius:var(--radius-32)var(--radius-32)0 0;aspect-ratio:27/19;background:var(--surface-dark);width:86%;max-width:240px;margin-inline:auto;position:relative;overflow:hidden}.basilar-set-reminder-video{object-fit:cover;object-position:top left;transform-origin:0 0;pointer-events:none;width:100%;height:300%;position:absolute;top:0;left:0;transform:translate(-6px,-2px)scale(1.07)}.basilar-set-reminder-overlay{z-index:2;width:100%;max-width:100%;height:auto;margin-top:clamp(-22px,-5vw,-14px);position:relative}@media (max-width:1024px){.basilar-page-ui-set-reminder{padding-block:48px 56px}}@media (max-width:768px){.basilar-page-ui-set-reminder{padding-block:40px 48px}}