.cdi-dv-eng__head{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:880px;margin:0 auto;padding:0 20px 26px;text-align:center}.cdi-dv-eng__body{margin:0;font-size:15px;line-height:1.6;color:var(--dv-sub)}.cdi-dv-eng__grid{--dv-eng-dot: #3f74d6;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:1440px;margin:0 auto;padding:0 12px}.cdi-dv-eng__tile{position:relative;aspect-ratio:8 / 7;overflow:hidden;border-radius:10px;background:var(--dv-surf);box-shadow:inset 0 0 0 1px var(--dv-line)}.cdi-dv-eng__tile--1{grid-column:1 / -1;grid-row:1;border-radius:var(--dv-r)}.cdi-dv-eng__tile--2{grid-column:1;grid-row:2}.cdi-dv-eng__tile--3{grid-column:2;grid-row:2}.cdi-dv-eng__dot{position:absolute;left:var(--x);top:var(--y);z-index:1;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:var(--dv-eng-dot);box-shadow:0 0 0 4px #3f74d647;transform:translate(-50%,-50%);font-size:11px;font-weight:700;line-height:1;color:#fff;text-decoration:none}.cdi-dv-eng__note{position:relative;grid-column:1 / -1;display:flex;gap:12px;padding:14px 0;border-top:1px solid var(--dv-line);scroll-margin-top:72px}.cdi-dv-eng__note--1{grid-row:3;margin-top:10px}.cdi-dv-eng__note--2{grid-row:4}.cdi-dv-eng__note--3{grid-row:5}.cdi-dv-eng__note:before{content:"";position:absolute;top:0;right:-12px;bottom:0;left:-12px;border-radius:10px;background:#ffffff12;opacity:0;pointer-events:none}.cdi-dv-eng__note:target:before{animation:cdi-dv-eng-flash 1.6s ease}@keyframes cdi-dv-eng-flash{0%{opacity:0}15%{opacity:1}to{opacity:0}}.cdi-dv-eng__num{position:relative;flex:none;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:var(--dv-eng-dot);font-size:12px;font-weight:700;line-height:1;color:#fff}.cdi-dv-eng__note-copy{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0}.cdi-dv-eng__note-title{margin:0;font-family:var(--font-heading-family);font-size:16px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--dv-ink)}.cdi-dv-eng__note-text{margin:0;font-size:14px;line-height:1.5;color:var(--dv-sub)}@media screen and (min-width:990px){.cdi-dv-eng__head{max-width:1280px;padding:0 64px 52px}.cdi-dv-eng__body{max-width:880px}.cdi-dv-eng__body{font-size:17px}.cdi-dv-eng__grid{grid-template-columns:2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;height:clamp(560px,56vw,812px);padding:0 24px}.cdi-dv-eng__tile{aspect-ratio:auto;border-radius:16px}.cdi-dv-eng__tile--1,.cdi-dv-eng__note--1{grid-column:1 / 2;grid-row:1 / 3}.cdi-dv-eng__tile--2,.cdi-dv-eng__note--2{grid-column:2 / 3;grid-row:1 / 2}.cdi-dv-eng__tile--3,.cdi-dv-eng__note--3{grid-column:2 / 3;grid-row:2 / 3}.cdi-dv-eng__grid{position:relative}.cdi-dv-eng__dot{width:30px;height:30px;box-shadow:0 0 0 6px #3f74d647;font-size:13px;isolation:isolate;cursor:pointer}.cdi-dv-eng__dot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:2px solid rgba(63,116,214,.8);animation:cdi-dv-eng-pulse 2.2s cubic-bezier(.22,1,.36,1) infinite;pointer-events:none}.cdi-dv-eng__dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;z-index:-1;background:#fff;opacity:0;transition:opacity .18s ease}.cdi-dv-eng__dot.is-active{color:var(--dv-eng-dot)}.cdi-dv-eng__dot.is-active:after{opacity:1}.cdi-dv-eng__dot.is-active:before{animation:none;opacity:0}.cdi-dv-eng__dot:focus-visible{outline:2px solid #ffffff;outline-offset:4px}.cdi-dv-eng__note{position:absolute;z-index:3;width:240px;margin:0;padding:12px 14px;border-top:0;border-radius:12px;background:#0d0f12e6;box-shadow:0 12px 32px #00000047;opacity:0;visibility:hidden;transform:scale(.96);transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1),visibility 0s linear .22s}.cdi-dv-eng__note--1{width:300px}.cdi-dv-eng__note.is-open,.cdi-dv-eng__note:target{opacity:1;visibility:visible;transform:none;transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1),visibility 0s}.cdi-dv-eng__note--right{left:calc(var(--x) + 26px);top:var(--y);translate:0 -50%;transform-origin:left center}.cdi-dv-eng__note--left{right:calc(100% - var(--x) + 26px);top:var(--y);translate:0 -50%;transform-origin:right center}.cdi-dv-eng__note--above{left:var(--x);bottom:calc(100% - var(--y) + 26px);translate:-50% 0;transform-origin:center bottom}.cdi-dv-eng__note--below{left:var(--x);top:calc(var(--y) + 26px);translate:-50% 0;transform-origin:center top}.cdi-dv-eng__note:before{display:none}.cdi-dv-eng__note-title{font-size:15px;color:#fff}.cdi-dv-eng__note-text{font-size:13px;line-height:1.45;color:#ffffffb8}}@keyframes cdi-dv-eng-pulse{0%{opacity:.9;transform:scale(1)}70%{opacity:0;transform:scale(2.1)}to{opacity:0;transform:scale(2.1)}}@media(prefers-reduced-motion:reduce){.cdi-dv-eng__note:target:before,.cdi-dv-eng__dot:before{animation:none}.cdi-dv-eng__note{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/cdi-section-driven-engineering.css.map */