.version-two #main .p30-page .p30-retained{background:#061424;padding:64px 0 76px;color:#f6f9ff;overflow:clip}.version-two #main .p30-r-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(40px,5vw,76px)}.version-two #main .p30-r-copy{min-width:0;max-width:430px}.version-two #main .p30-page .p30-r-copy h2{font-size:clamp(36px,3.8vw,52px);line-height:1.08;letter-spacing:-.035em}.version-two #main .p30-page .p30-r-lead{margin:22px 0 0;max-width:34ch;font-size:16px;line-height:1.65;color:#c4d7ea}.version-two #main .p30-r-features{display:grid;gap:24px;list-style:none;padding:0;margin:34px 0}.version-two #main .p30-r-features li{display:flex;align-items:flex-start;gap:15px}.version-two #main .p30-r-features .p30-icon{flex:none;width:21px;height:21px;color:#a8caff;margin-top:2px}.version-two #main .p30-r-features strong{font-size:15px;font-weight:600;line-height:1.5;color:#f6f9ff}.version-two #main .p30-page .p30-r-features p{font-size:14px;line-height:1.6;margin:4px 0 0;max-width:34ch;color:#b7cce1}.version-two #main .p30-r-car{display:flex;align-items:center;gap:16px;padding-top:20px;border-top:1px solid #bed0e724}.version-two #main .p30-r-car>img{width:110px;height:70px;object-fit:contain;flex:none}.version-two #main .p30-r-car>div{min-width:0}.version-two #main .p30-r-car strong{display:block;font-size:14px;line-height:1.5;font-weight:600}.version-two #main .p30-r-car span{display:block;font-size:12px;line-height:1.6;color:#b7cce1;margin-top:3px}.version-two #main .p30-r-visuals{min-width:0}.version-two #main .p30-r-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0;position:relative;isolation:isolate;padding:20px 0 60px;--r-float-y:0px;--r-float-angle:0deg;--r-enter-main:1;--r-enter-second:1;--r-enter-knob:1}.version-two #main .p30-r-shot{min-width:0;position:relative;align-self:start;transform-origin:center}.version-two #main .p30-r-frame{position:relative;overflow:hidden;aspect-ratio:3/2;border:1px solid #d1e6ff42;border-radius:18px;background:#10283e;box-shadow:0 16px 38px #00000030}.version-two #main .p30-r-frame>img{width:100%;height:100%;object-fit:cover}.version-two #main .p30-r-shot--main{grid-column:3/13;grid-row:1;z-index:1;opacity:calc(.72 + var(--r-enter-main)*.28);transform:translateY(calc(var(--r-float-y) + (1 - var(--r-enter-main))*32px)) rotate(var(--r-float-angle))}.version-two #main .p30-r-shot--second{grid-column:1/10;grid-row:2;margin-top:-26px!important;z-index:2;opacity:calc(.72 + var(--r-enter-second)*.28);transform:translateY(calc(var(--r-float-y)*-.7 + (1 - var(--r-enter-second))*38px)) rotate(calc(var(--r-float-angle)*-.7))}.version-two #main .p30-r-knob{grid-column:9/13;grid-row:2;align-self:end;z-index:3;opacity:calc(.72 + var(--r-enter-knob)*.28);transform:translateY(calc(28% + var(--r-float-y)*.65 + (1 - var(--r-enter-knob))*28px))}.version-two #main .p30-r-knob .p30-r-frame{aspect-ratio:1/1}.version-two #main .p30-r-knob img{object-position:62% 50%}.version-two #main .p30-r-gallery[data-screen-count="1"] .p30-r-shot--main{grid-column:1/12}.version-two #main .p30-r-gallery[data-screen-count="1"] .p30-r-knob{grid-row:1;grid-column:9/13}.version-two #main .p30-r-shot figcaption{position:absolute;left:14px;top:14px;display:flex;align-items:center;gap:12px;max-width:calc(100% - 28px);padding:8px 11px;border:1px solid #d1e6ff29;border-radius:8px;background:#061424cf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f6f9ff;font-size:12px;line-height:1.4}.version-two #main .p30-r-shot figcaption strong{font-weight:600}.version-two #main .p30-r-shot figcaption span{color:#b7cce1;font-variant-numeric:tabular-nums}.version-two #main .p30-r-knob figcaption{font-size:11px;left:10px;top:10px;padding:7px 9px}.version-two #main .p30-page .p30-retained .p30-r-image-error{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-content:center;margin:0;padding:54px 20px 20px;text-align:center;color:#c4d7ea;font-size:13px;line-height:1.6;max-width:none}.version-two #main .p30-page .p30-retained .p30-r-knob .p30-r-image-error{font-size:11px;line-height:1.4;padding:44px 10px 12px}.version-two #main .p30-retained ::selection{background:#b3d2ff;color:#061424}@media(max-width:1000px){.version-two #main .p30-r-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px}.version-two #main .p30-page .p30-r-copy h2{font-size:36px}.version-two #main .p30-r-shot--second{margin-top:-12px!important}.version-two #main .p30-r-gallery{padding-bottom:46px}}@media(max-width:800px){.version-two #main .p30-page .p30-retained{padding-block:48px 60px}.version-two #main .p30-r-layout{grid-template-columns:minmax(0,1fr);gap:34px}.version-two #main .p30-r-copy{max-width:520px}.version-two #main .p30-r-gallery{max-width:620px;margin-inline:auto}}@media(max-width:650px){.version-two #main .p30-retained>.p30-wrap{width:calc(100% - 40px)}.version-two #main .p30-r-layout{gap:26px}.version-two #main .p30-page .p30-r-copy h2{font-size:clamp(30px,8.4vw,38px)}.version-two #main .p30-page .p30-r-lead{font-size:14px;margin-top:18px;max-width:38ch}.version-two #main .p30-r-features{gap:20px;margin:26px 0}.version-two #main .p30-r-features li{gap:13px}.version-two #main .p30-r-features strong{font-size:14px}.version-two #main .p30-page .p30-r-features p{font-size:13px}.version-two #main .p30-r-car{gap:12px;padding-top:16px}.version-two #main .p30-r-car>img{width:96px;height:62px}.version-two #main .p30-r-gallery{gap:20px 0;padding:8px 0 58px}.version-two #main .p30-r-shot--main,.version-two #main .p30-r-shot--second,.version-two #main .p30-r-gallery[data-screen-count="1"] .p30-r-shot--main{grid-column:1/13;transform:translateY(calc(var(--r-float-y) + (1 - var(--r-enter-main))*12px))}.version-two #main .p30-r-shot--second{margin-top:0!important;transform:translateY(calc(var(--r-float-y)*-.7 + (1 - var(--r-enter-second))*12px))}.version-two #main .p30-r-knob,.version-two #main .p30-r-gallery[data-screen-count="1"] .p30-r-knob{grid-column:8/13;max-width:166px;justify-self:end;transform:translateY(calc(32% + var(--r-float-y)*.5 + (1 - var(--r-enter-knob))*8px))}.version-two #main .p30-r-frame{border-radius:14px}.version-two #main .p30-r-shot figcaption{left:12px;top:12px;font-size:11px;padding:7px 10px}.version-two #main .p30-r-knob figcaption{font-size:10px;left:8px;top:8px;padding:6px 7px;max-width:calc(100% - 16px)}}@media(prefers-reduced-motion:reduce){.version-two #main .p30-retained *{animation:none!important;transition:none!important}.version-two #main .p30-r-shot{opacity:1!important;transform:none!important}.version-two #main .p30-r-knob{margin-bottom:-40px!important}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/co-source-product-f30-retained-9f5d2740.css.map */