.sensor-howto{background-color:var(--color-white);overflow-x:clip;overflow-y:visible;padding:7.5rem 0}@media (max-width:767px){.sensor-howto{padding:4rem 0;scroll-margin-top:3.5rem}}.sensor-howto__inner{display:flex;flex-direction:column;gap:5rem}@media (max-width:767px){.sensor-howto__inner{gap:2rem}}.sensor-howto__head{align-items:center;display:flex;flex-direction:column;gap:2.5rem}@media (max-width:767px){.sensor-howto__head{gap:2rem}}.sensor-howto__heading{align-items:center;gap:1rem}.sensor-howto__heading-title{font-size:2.5rem;line-height:1.5}@media (max-width:767px){.sensor-howto__heading-title{font-size:1.5rem;line-height:1.2}}.sensor-howto__lead{color:var(--color-text-primary);font-family:var(--font-body);font-size:1rem;font-weight:var(--fw-medium);letter-spacing:.08em;line-height:1.8;margin:0;padding-bottom:.25rem;text-align:center}@media (max-width:767px){.sensor-howto__lead{font-size:.875rem;padding-bottom:0}}.sensor-howto__body{display:flex;flex-direction:column;gap:2.5rem;position:relative}@media (max-width:767px){.sensor-howto__body{gap:0}}.sensor-howto__mascot{left:49rem;position:absolute;top:-1.8125rem;z-index:2}@media (max-width:767px){.sensor-howto__mascot{height:8.7097rem;left:2.4687rem;margin-bottom:-3rem;position:relative;top:auto}}.sensor-howto__bubble{--bubble-tail-bottom:-0.25rem;--bubble-dot2-top:1.177rem;--bubble-dot2-left:-0.536rem;--bubble-dot3-top:1.845rem;--bubble-dot3-left:-0.939rem}@media (max-width:767px){.sensor-howto__bubble{--bubble-tail-bottom:-0.4094rem;--bubble-tail-size:0.9925rem;--bubble-dot1-size:0.9925rem;--bubble-dot2-top:0.9431rem;--bubble-dot2-left:-0.3969rem;--bubble-dot2-size:0.4963rem;--bubble-dot3-top:1.4394rem;--bubble-dot3-left:-0.9425rem;--bubble-dot3-size:0.2978rem}}.sensor-howto__bubble-badge{padding:.75rem 1.5rem;position:relative;white-space:normal;z-index:1}@media (max-width:767px){.sensor-howto__bubble-badge{font-size:.7742rem;padding:.5807rem 1.1613rem}}.sensor-howto__bubble-tail{left:7.6094rem}@media (max-width:767px){.sensor-howto__bubble-tail{left:6.2375rem}}.sensor-howto__mascot-photo{height:11.237rem;left:12.625rem;max-width:none;position:absolute;top:0;width:10.3245rem}@media (max-width:767px){.sensor-howto__mascot-photo{height:8.6997rem;left:8.9443rem;top:.01rem;width:7.9932rem}}.sensor-howto__subtitle{color:var(--color-text-primary);font-family:var(--font-heading);font-size:2.5rem;font-weight:var(--fw-semibold);letter-spacing:.08em;line-height:1.2;margin:0;text-align:center}@media (max-width:767px){.sensor-howto__subtitle{font-size:1.25rem;margin-bottom:1rem;order:-1}}.sensor-howto__grid{display:grid;gap:3rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:767px){.sensor-howto__grid{gap:2rem;grid-template-columns:1fr}}.sensor-howto__card{background-color:var(--color-bg-cream);border-radius:2rem;display:flex;flex-direction:column;gap:2.5rem;padding:3rem;position:relative;z-index:3}@media (max-width:767px){.sensor-howto__card{gap:1.3125rem;padding:1.25rem 1.25rem 2rem}}.sensor-howto__card--video{align-items:center;flex-direction:row;grid-column:1/-1}@media (max-width:767px){.sensor-howto__card--video{align-items:stretch;flex-direction:column}}.sensor-howto__card-media{background-color:var(--color-white);border-radius:2rem;flex-shrink:0;height:16.0625rem;width:100%}@media (max-width:767px){.sensor-howto__card-media{border-radius:1.25rem;height:13.75rem}}.sensor-howto__card-photo{border-radius:inherit;display:block;height:100%;object-fit:cover;width:100%}.sensor-howto__card-media--video{background:none;height:17.3125rem;position:relative;width:30.75rem}@media (max-width:767px){.sensor-howto__card-media--video{height:10.9375rem;width:100%}}.sensor-howto__video-thumb{border-radius:2rem;display:block;height:100%;object-fit:cover;width:100%}@media (max-width:767px){.sensor-howto__video-thumb{border-radius:1.25rem}}.sensor-howto__video-icon{height:8.4375rem;left:10.4375rem;position:absolute;top:4.4375rem;width:9.875rem}@media (max-width:767px){.sensor-howto__video-icon{height:5.3125rem;left:6.5625rem;top:2.8125rem;width:6.1875rem}}.sensor-howto__card-body{align-items:center;display:flex;flex-direction:column;gap:1.5rem}@media (max-width:767px){.sensor-howto__card-body{gap:1rem}}.sensor-howto__card-body--doc{flex:1 1 auto}.sensor-howto__card-body--video{align-items:flex-start;flex:1 1 auto}.sensor-howto__card-text{display:flex;flex-direction:column;gap:1rem;width:100%}@media (max-width:767px){.sensor-howto__card-text{gap:.75rem}}.sensor-howto__card-title{color:var(--color-text-primary);font-family:var(--font-heading);font-size:1.75rem;font-weight:var(--fw-semibold);letter-spacing:.08em;line-height:1.2;margin:0}@media (max-width:767px){.sensor-howto__card-title{font-size:1.25rem}}.sensor-howto__card-desc{color:var(--color-text-primary);font-family:var(--font-body);font-size:1rem;font-weight:var(--fw-medium);letter-spacing:.08em;line-height:1.8;margin:0 -.75rem 0 0;min-height:7.25rem}@media (max-width:767px){.sensor-howto__card-desc{font-size:.875rem;margin-right:0;min-height:0}}.sensor-howto__card-desc--video{min-height:0}.sensor-howto__target{display:flex;flex-direction:column;gap:.5rem;width:100%}@media (max-width:767px){.sensor-howto__target{gap:.25rem}}.sensor-howto__target-label{color:var(--color-text-primary);font-family:var(--font-body);font-size:1.125rem;font-weight:var(--fw-bold);line-height:1.6;margin:0}@media (max-width:767px){.sensor-howto__target-label{font-size:1rem}}.sensor-howto__target-list{border-left:.125rem solid var(--color-brand-green);list-style:none;margin:0;padding:.5rem 0 .5rem 1.5rem}@media (max-width:767px){.sensor-howto__target-list{padding:.25rem 0 .25rem 1rem}}.sensor-howto__target-item{align-items:flex-start;color:var(--color-text-primary);display:flex;font-family:var(--font-body);font-size:1rem;font-weight:var(--fw-medium);gap:.5rem;line-height:1.6}.sensor-howto__target-item:before{background-color:var(--color-brand-green);border-radius:50%;content:"";flex-shrink:0;height:.5rem;margin:.5625rem .375rem 0;width:.5rem}@media (max-width:767px){.sensor-howto__target-item{font-size:.875rem;gap:.375rem}.sensor-howto__target-item:before{margin-top:.4375rem}}.sensor-howto__btn{gap:1.125rem;padding:1rem 1.25rem 1rem 2rem}@media (max-width:767px){.sensor-howto__btn{gap:.75rem;justify-content:space-between;padding:.75rem .75rem .75rem 1.5rem;width:100%}}.sensor-howto__btn--doc{margin-top:auto}.sensor-howto__btn-play{flex-shrink:0;height:1.5rem;width:1.5rem}