.dpp{font-family:var(--font-body-family,Manrope,system-ui,sans-serif);color:#102737;background:#faf8f3;font-synthesis:none}.dpp *{box-sizing:border-box}.dpp a{color:inherit}.dpp button{font:inherit}.dpp img{display:block;width:100%}.dpp h1,.dpp h2,.dpp h3{font-family:var(--font-heading-family,Newsreader,Georgia,serif);font-weight:400;letter-spacing:-.04em;margin:0}.dpp .site-header{min-height:64px;display:flex;align-items:center;justify-content:space-between;padding:12px clamp(18px,5vw,78px);gap:24px;background:#faf8f3;border-bottom:1px solid #ded9d0}.dpp .logo{font:26.4px Georgia,serif;letter-spacing:.08em;text-decoration:none}.dpp .header-note,.dpp .eyebrow{font-size:11.04px;letter-spacing:.16em;text-transform:uppercase;font-weight:700}.dpp .header-note{text-align:right;color:#575f64}.dpp .wrap{max-width:1280px;padding-inline:clamp(20px,5vw,80px);margin-inline:auto}.dpp .hero{display:grid;grid-template-columns:minmax(300px,35%) minmax(0,1fr);min-height:520px;background:var(--tone)}.dpp .hero-copy{align-self:center;padding:clamp(24px,5vw,76px);max-width:630px}.dpp .hero-copy h1{font-size:clamp(41.6px,4.7vw,80px);line-height:.98;margin:.3em 0}.dpp .hero-copy p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:39ch;color:#344a57}.dpp .button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;gap:10px;text-decoration:none;background:#102737;color:#fff;padding:10px 17px;border-radius:5px;font-size:14.08px;font-weight:600;border:1px solid #102737}.dpp .button.secondary{color:#102737;background:transparent}.dpp .hero-media{margin:0;position:relative;min-height:480px;background:#252525;overflow:hidden}.dpp .hero-media img{position:absolute;inset:0;height:100%;object-fit:cover}.dpp .hero-media:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0009);pointer-events:none}.dpp .hero-caption{position:absolute;z-index:1;color:white;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;gap:12px;align-items:end;text-shadow:0 1px 3px #000}.dpp .hero-caption span{font-size:13.12px}.dpp .hero-caption a{font-size:11.2px}.dpp .hero-tabs{border-bottom:1px solid #ded9d0;background:#fff8}.dpp .hero-tabs .wrap{display:flex;gap:0}.dpp .hero-tabs button{min-height:58px;padding:10px clamp(10px,2vw,30px);flex:1;background:transparent;border:0;border-bottom:3px solid transparent;color:#42525c;cursor:pointer}.dpp .hero-tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:#102737;font-weight:700}.dpp .section{padding-block:clamp(34px,6vw,85px)}.dpp .section h2{font-size:clamp(32px,3.5vw,55.2px);margin:8px 0 14px}.dpp .section-intro{line-height:1.65;max-width:65ch;color:#344a57;margin:0 0 26px}.dpp .watch-grid,.dpp .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dpp .watch-card{border:1px solid #dcd6ca;background:#fff;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.dpp .watch-card img{aspect-ratio:3/2;object-fit:cover}.dpp .watch-copy{padding:20px;display:flex;flex-direction:column;flex:1;align-items:flex-start}.dpp .watch-copy h3{font-size:26.4px;line-height:1.1}.dpp .variant,.dpp .fit{color:#526371;font-size:13.28px;margin:8px 0}.dpp .concept{font-size:16px;font-weight:700;margin:15px 0 0}.dpp .description{font-size:14.4px;line-height:1.55;color:#344a57;margin:7px 0 12px}.dpp .fit{padding-bottom:12px}.dpp .watch-copy .button{margin-top:auto}.dpp .swatches{display:flex;gap:5px;list-style:none;padding:0;margin:2px 0}.dpp .swatches li{height:17px;width:17px;border-radius:50%;border:1px solid #0003;background:var(--swatch)}.dpp .workflow{background:var(--tone)}.dpp .steps article{border-top:1px solid #b8aea3;padding:14px 0}.dpp .steps h3{font-size:24.32px;margin:4px 0}.dpp .steps p{font-size:14.4px;line-height:1.6;color:#344a57;margin:0}.dpp footer{border-top:1px solid #ded9d0;padding:26px 0 32px;font-size:12.48px;color:#55616a;line-height:1.65}.dpp :focus-visible{outline:2px solid #945d3e;outline-offset:3px}.dpp .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:850px){.dpp .hero{grid-template-columns:1fr}.dpp .hero-copy{padding:32px 22px}.dpp .hero-media{min-height:0;aspect-ratio:3/2}.dpp .hero-copy h1{max-width:13ch}.dpp .watch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.dpp .watch-grid,.dpp .steps{grid-template-columns:1fr}.dpp .hero-tabs button{font-size:12.48px;padding:8px 4px}.dpp .hero-caption{left:12px;right:12px;bottom:11px}.dpp .hero-caption a{font-size:10.24px}.dpp .hero-caption span{font-size:11.68px}.dpp .watch-copy{padding:16px}.dpp .site-header{min-height:54px}.dpp .watch-grid{gap:20px}}.dpp .watch-page{font-size:12px;color:#445b67;margin-top:11px;text-underline-offset:3px}.dpp .hero-media{--split:50%}.dpp .hero-media .hero-after{clip-path:inset(0 0 0 var(--split))}.dpp .hero-media [hidden]{display:none!important}.dpp .comparison{position:absolute;inset:0;z-index:2;pointer-events:none}.dpp .compare-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;pointer-events:auto;touch-action:pan-y}.dpp .compare-divider{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 3px #0006;transform:translateX(-50%)}.dpp .compare-divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;color:#102737;border-radius:50%;display:grid;place-items:center;width:43px;height:43px;font-size:20.8px;box-shadow:0 2px 9px #0004}.dpp .comparison:focus-within .compare-divider span{outline:3px solid #b78156;outline-offset:3px}.dpp .compare-label{position:absolute;z-index:1;top:16px;color:#fff;background:#142330d9;border-radius:4px;padding:6px 9px;font-size:11.2px;max-width:43%;line-height:1.25}.dpp .compare-before{left:15px}.dpp .compare-after{right:15px;text-align:right}.dpp .hero-caption{z-index:3;pointer-events:none}.dpp .hero-caption a{pointer-events:auto}

.dpp { font-size:16px; line-height:1.5; }
.dpp .eyebrow { margin:0 0 12px; }
.dpp h1,.dpp h2,.dpp h3 { text-transform:none; }
.dpp .button { box-shadow:none; margin-block:0; }
.dpp .button::after,.dpp .button::before { content:none; }
.dpp .compare-range { padding:0; min-height:0; border:0; }
.dpp .hero-tabs button { line-height:1.3; min-width:0; overflow-wrap:anywhere; }
.dpp .watch-card img { height:auto; }
.dpp .watch-copy .button { margin-top:auto; }