/* Composition follows the subject; typography remains Indem Manrope. */
.scene--right .scene-content{left:auto;right:var(--gutter);top:17%;bottom:auto;width:min(560px,calc(100% - 2 * var(--gutter)))}
.scene--right .scene-shade{background:linear-gradient(270deg,#000b 0%,#0006 32%,transparent 73%),linear-gradient(0deg,#0008,transparent 50%)}
.scene--right h2{font-size:clamp(62px,6.7vw,100px)}
.scene--center .scene-content{left:var(--gutter);right:var(--gutter);top:13%;bottom:auto;width:auto;max-width:820px;margin-inline:auto;text-align:center}
.scene--center .scene-description{margin-inline:auto}
.scene--center .scene-shade{background:linear-gradient(180deg,#000c 0%,#0007 39%,#0002 70%,#0008 100%)}
.hero .scene-media img,.hero .scene-media video{object-position:55% center}
.hero .scene-shade{background:linear-gradient(90deg,#000b 0%,#0004 46%,transparent 80%),linear-gradient(0deg,#000b 0%,transparent 46%)}
.hero .scene-content{bottom:21%}
.autonomy-scene .scene-media img{object-position:50% 58%}
.autonomy-scene .scene-content{top:14%}
.autonomy-scene .scene-descriptors{max-width:510px}
.robotics-scene .scene-media img,.robotics-scene .scene-media video{object-position:40% center}
.robotics-scene .scene-content{top:23%}
.medical-scene .scene-media img{object-position:50% 40%}
.medical-scene .scene-shade{background:linear-gradient(90deg,#000a,transparent 80%),linear-gradient(0deg,#000d,transparent 85%)}
.medical-scene h2{font-size:clamp(62px,6.7vw,100px)}
.infrastructure-scene .scene-media img{object-position:50% center}
.infrastructure-scene h2{font-size:clamp(64px,7vw,100px)}
.scene-media img{animation:none;transform:none}
.product-story{padding:125px var(--gutter);min-height:86svh;display:grid;grid-template-columns:1.14fr 1fr;gap:clamp(55px,8vw,130px);align-items:center;background:#030303}
.product-story h2,.data-edge h2{font-size:clamp(48px,5.8vw,82px);line-height:1.08}
.story-intro{font-size:20px;line-height:1.75;color:#dededb;max-width:560px;margin-top:30px}
.story-note{color:#b9b9b7;font-size:18px;line-height:1.75;margin-top:25px;max-width:500px}
.quiet-link{display:inline-block;margin-top:30px;background:none;border:0;border-bottom:1px solid #aaa;padding:7px 0;font-size:17px;font-weight:500;color:#eee;transition:border-color .2s,color .2s}
.quiet-link:hover{border-color:var(--gold);color:var(--gold)}
.passport-record{border-top:1px solid #777;border-bottom:1px solid #333;padding:30px 0 23px;background:transparent}
.passport-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline}
.passport-heading h3{font-size:30px;letter-spacing:-.035em}
.passport-heading p{font-size:16px;color:var(--gold)}
.passport-record dl{margin:27px 0 0}
.passport-record dl>div{display:grid;grid-template-columns:110px 1fr;gap:25px;padding:22px 0;border-top:1px solid #ffffff22;align-items:baseline}
.passport-record dt{font-size:20px;font-weight:500;color:#fff}
.passport-record dd{margin:0;color:#bebebd;font-size:18px}
.passport-source{font-size:18px;color:var(--gold);margin:16px 0 0}
.data-edge{padding:130px var(--gutter) 110px;background:#070707}
.edge-heading{max-width:1100px;margin:0 auto}
.edge-heading .story-intro{max-width:640px}
.edge-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:60px;margin:65px auto 0;max-width:1300px;border-top:1px solid #ffffff38;padding-top:40px}
.edge-columns h3{font-size:27px;line-height:1.25;letter-spacing:-.035em}
.edge-columns p{font-size:18px;line-height:1.75;color:#c1c1bf;margin-top:18px;max-width:360px}
.partner-proof{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin:70px auto 0;border-top:1px solid #ffffff2a;padding-top:35px;max-width:1040px}
.partner-proof h3{font-size:25px;line-height:1.3;letter-spacing:-.03em}
.partner-proof p{font-size:18px;line-height:1.65;color:#bdbdbb;margin-top:13px;max-width:440px}


.fleet-scene .scene-media{transition:opacity .7s}


.fleet-scene .scene-content{bottom:27%;max-width:620px}
.fleet-scene h2{font-size:clamp(62px,6.5vw,94px)}

@media(min-width:1600px){.story-intro{font-size:22px}.passport-record dd,.story-note,.edge-columns p,.partner-proof p{font-size:20px}}
@media(max-width:1050px){.product-story{grid-template-columns:1fr 1fr;gap:45px}.product-story h2,.data-edge h2{font-size:56px}.passport-heading{display:block}.passport-heading p{margin-top:8px}.passport-record dl>div{grid-template-columns:85px 1fr;gap:18px}.edge-columns{gap:30px}}
@media(max-width:800px){.scene--right .scene-content{top:14%;left:var(--gutter);right:var(--gutter);width:auto;max-width:560px}.scene--center .scene-content{top:14%}.scene--right .scene-shade{background:linear-gradient(180deg,#000b 0%,#0006 47%,transparent 78%),linear-gradient(0deg,#0008,transparent 60%)}.robotics-scene .scene-media img,.robotics-scene .scene-media video{object-position:34% center}.medical-scene .scene-media img{object-position:30% 45%}.infrastructure-scene .scene-media img{object-position:35% center}.product-story{grid-template-columns:1fr;gap:55px;padding-top:90px;padding-bottom:85px}.product-story h2,.data-edge h2{font-size:58px}.passport-record{max-width:600px}.passport-heading{display:flex}.passport-heading p{margin-top:0}.passport-record dl>div{grid-template-columns:110px 1fr}.data-edge{padding-top:90px;padding-bottom:85px}.edge-columns{grid-template-columns:1fr;gap:32px;margin-top:45px}.edge-columns article{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px}.edge-columns h3{font-size:25px}.edge-columns p{margin:0;max-width:none}.partner-proof{gap:30px}.fleet-scene .scene-content{top:14%;bottom:auto;max-width:590px}.fleet-scene h2{font-size:clamp(54px,8vw,74px)}}
@media(max-width:560px){.hero .scene-content{bottom:22%}.hero .scene-description{font-size:18px}.hero .scene-shade{background:linear-gradient(90deg,#0009,transparent 100%),linear-gradient(0deg,#000c 0%,#0005 62%,#0003 100%)}.scene--right h2,.medical-scene h2,.infrastructure-scene h2{font-size:clamp(49px,12.5vw,68px)}.scene--right .scene-content{top:14%}.autonomy-scene .scene-media img{object-position:50% 50%}.autonomy-scene .scene-content{top:13%}.robotics-scene .scene-content{top:14%}.medical-scene .scene-content{bottom:16%}.scene--center .scene-content{text-align:left;top:15%;max-width:none}.scene--center .scene-description{margin-left:0}.scene--center .scene-shade{background:linear-gradient(180deg,#000b 0%,#0008 48%,#0003 75%,#000a 100%)}.scene--center h2 br{display:block}.product-story h2,.data-edge h2{font-size:43px}.story-intro{font-size:18px;line-height:1.75;margin-top:25px}.story-note{font-size:18px}.passport-heading h3{font-size:28px}.passport-heading p{font-size:16px}.passport-record dl>div{grid-template-columns:80px 1fr;gap:20px}.passport-record dt{font-size:19px}.passport-record dd{font-size:18px}.passport-source{font-size:18px}.product-story,.data-edge{padding-top:78px;padding-bottom:78px}.edge-columns article{display:block}.edge-columns h3{font-size:26px}.edge-columns p{margin-top:12px;font-size:18px}.partner-proof{grid-template-columns:1fr;gap:32px;margin-top:45px}.partner-proof h3{font-size:24px}.partner-proof p{font-size:18px}.fleet-scene{min-height:820px}.fleet-scene .scene-content{top:12%;bottom:auto}.fleet-scene h2{font-size:48px}.fleet-scene .scene-descriptors{font-size:17px;margin-top:21px;margin-bottom:23px;max-width:320px}.mobile-nav{max-height:calc(100svh - 96px);overflow:auto}}

@media(max-width:800px){.fleet-scene .scene-content{top:auto;bottom:20%}}@media(max-width:560px){.fleet-scene{height:100svh;min-height:700px}.fleet-scene .scene-content{top:auto;bottom:18%}}

/* Sausalito: a real waterfront photograph closes the story. */
.contact-section{position:relative;isolation:isolate;overflow:hidden;min-height:690px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:110px var(--gutter);background:#050505}.contact-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 48%;z-index:-2}.contact-section:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0005,#0009 55%,#000c)}.contact-section>p{color:#e0e0dd}.contact-phone{color:#ddd}.contact-section .button{flex:none}
@media(max-width:560px){.contact-section{min-height:700px;padding:85px var(--gutter)}.contact-landscape{object-position:36% 48%}}

.hero .scene-bottom nav a{font-size:16px}

@media(max-width:600px){.fleet-scene .scene-media img,.fleet-scene .scene-media video{object-position:42% center}}

.hero .scene-bottom nav a:hover{color:#fff}

/* Robotics captions keep the same layout throughout the playlist. */
.passport-scene .scene-media img{object-position:50% 78%}
.passport-scene .scene-shade{background:linear-gradient(90deg,#000d 0%,#0009 35%,#0002 75%),linear-gradient(0deg,#000b,transparent 65%)}
.passport-scene .scene-content{bottom:16%;width:min(800px,calc(100% - 2 * var(--gutter)))}
.passport-scene h2{font-size:clamp(58px,5.8vw,92px);line-height:1.07}
.passport-scene .scene-description{font-size:20px;line-height:1.65;margin-top:27px;margin-bottom:19px;max-width:530px}
.product-benefit{font-size:19px;line-height:1.65;color:#d4d4d1;margin-bottom:29px;max-width:490px}
@media(max-width:800px){.passport-scene .scene-content{bottom:16%}.passport-scene h2{font-size:clamp(44px,7vw,62px)}.passport-scene .scene-media img{object-position:56% 70%}}
@media(max-width:560px){.passport-scene h2{font-size:clamp(39px,10.3vw,54px)}.passport-scene .scene-content{bottom:13%}.passport-scene .scene-description,.product-benefit{font-size:18px}.passport-scene .scene-description{margin-top:23px;margin-bottom:18px}.passport-scene .scene-media img{object-position:60% 60%}.passport-scene .scene-shade{background:linear-gradient(0deg,#000e 0%,#0009 58%,#0002 95%)}.product-benefit{margin-bottom:26px}}

@media(max-width:560px){.logo-grid a:last-child{grid-column:auto;max-width:none;justify-self:stretch}.logo-grid a:nth-child(3){grid-column:1/-1;max-width:220px;justify-self:center}}

/* The incoming film alone fades above an opaque outgoing frame. */
.scene-media video[data-playlist-film]{opacity:0;transition:none;z-index:1;will-change:opacity}
.hero .scene-description{color:var(--white)}
.hero-description-context{display:block;color:#c9cbc8;font-weight:400}
.hero-description-result{display:block;color:var(--white);font-weight:400}
.hero-description-emphasis{color:var(--gold);font-weight:500}
.film-toggle{font-size:12px;line-height:1.4;border:0;padding:10px 0;min-height:44px;min-width:64px}
.film-toggle:hover{border:0;color:#fff}