.dr-page{--dr-ink:#0a3445;--dr-blue:#0088bc;--dr-copy:#5e7c8c;--dr-line:#d9e8ef;color:var(--dr-ink);background:#fff;font-family:'Titillium Web',Arial,sans-serif;font-size:16px;line-height:1.65;overflow:clip;color-scheme:light}.dr-page *{box-sizing:border-box;min-width:0}.dr-page :is(h1,h2,h3,p,figure,ul,ol,dl){margin:0}.dr-page :is(h1,h2,h3){font-weight:600;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}.dr-page h1{font-size:clamp(48px,4.6vw,72px)}.dr-page h2{font-size:clamp(32px,3vw,46px)}.dr-page h3{font-size:21px}.dr-page em{font-style:normal;color:var(--dr-blue)}.dr-page p{color:var(--dr-copy);line-height:1.65}.dr-page a{color:inherit;text-decoration:none}.dr-page :is(a,button,summary):focus-visible{outline:3px solid #0088bc;outline-offset:4px}.dr-page :is(button,a,summary){-webkit-tap-highlight-color:transparent}.dr-page button{font:inherit;cursor:pointer}.dr-page [id]{scroll-margin-top:calc(var(--site-header-offset,80px) + 16px)}.dr-page .dp-wrap{width:min(1280px,calc(100% - 48px));margin-inline:auto}.dr-label{display:flex;gap:11px;align-items:center;font-size:10px;color:var(--dr-blue)!important;letter-spacing:.13em;margin-bottom:22px!important}.dr-label span{width:24px;height:1px;background:#8bcbdf}.dr-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:#5b7b8b;padding-top:12px}.dr-breadcrumb a{min-height:40px;display:inline-flex;align-items:center}.dr-breadcrumb>span{align-self:center}.dr-copy>p:not(.dr-label){max-width:400px;margin-top:20px}.dr-copy>h2+p{margin-top:20px}.dr-button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:50px;padding:13px 23px;background:#0087ba;color:#fff!important;border:1px solid #0087ba;border-radius:4px;font-size:13px;font-weight:600}.dr-button:hover{background:#006e9b}.dr-button.dr-outline{color:#0087ba!important;background:#ffffffd9}.dr-copy>.dr-button{margin-top:28px}.dr-text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #a4cedd;min-height:44px;color:#007aa8!important;font-size:12px;margin-top:20px}.dr-hero{background:linear-gradient(115deg,#fff,#f3faff);position:relative}.dr-hero-grid{display:grid;grid-template-columns:37% 63%;align-items:center;min-height:565px}.dr-hero .dr-copy{position:relative;z-index:1;padding-block:30px}.dr-page .dr-tagline{font-size:25px;line-height:1.25;letter-spacing:-.025em;margin-top:18px;max-width:420px}.dr-hero .dr-copy>p:not(.dr-label){font-size:15px;margin-top:14px}.dr-hero-art{height:560px;position:relative}.dr-hero-art .dr-scene{position:absolute;inset:0 -35px 0 -45px}.dr-scene{position:relative;min-width:0;height:100%}.dr-canvas,.dr-fallback{position:absolute;inset:0}.dr-canvas canvas{display:block;width:100%;height:100%}.dr-fallback svg{width:100%;height:100%;stroke:none}.dr-fallback[hidden]{display:none}.dr-caption{position:absolute;bottom:20px;right:0;background:#ffffffe8;padding:8px 12px;font-size:10px;line-height:1.5!important;color:#627d8c;max-width:320px}.dr-benefits{display:flex;gap:0;margin-top:34px}.dr-benefits>div{flex:1;border-right:1px solid var(--dr-line);padding-right:15px;margin-right:15px}.dr-benefits>div:last-child{border:0;padding:0;margin:0}.dr-benefits svg{display:block;width:29px;height:29px;color:#177ca2;margin-bottom:10px}.dr-benefits span{display:block;font-size:12px;line-height:1.4;color:#5f7b8c}.dr-split{display:grid;grid-template-columns:30% 70%;align-items:center}.dr-rhythm{background:linear-gradient(105deg,#f1f9fd,#fff);padding:40px 0 20px}.dr-rhythm .dr-copy{position:relative;z-index:1;padding-right:25px}.dr-note{font-size:11px;line-height:1.55!important;color:#6a8390!important}.dr-copy>.dr-note{margin-top:30px!important}.dr-view-controls{display:flex;gap:8px;margin-top:28px;flex-wrap:wrap}.dr-view-controls button{display:flex;align-items:center;gap:9px;background:transparent;border:0;border-bottom:2px solid transparent;min-height:46px;color:#5b7c8c;font-size:21px;padding:7px 10px}.dr-view-controls button span{font-size:11px}.dr-view-controls button[aria-pressed=true]{color:#0088bc;border-color:#0088bc;background:#eaf6fb}.dr-interactive{position:relative;height:480px}.dr-interactive .dr-scene{position:absolute;inset:55px -15px 20px -25px;height:auto}.dr-day-controls{position:absolute;inset:0 3% auto 8%;height:100px;display:flex;justify-content:space-between;z-index:2}.dr-day-controls button{position:relative;align-self:flex-end;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;min-width:65px;min-height:60px;border:0;background:#ffffffc9;color:#668a9b;padding:5px 12px;border-radius:3px}.dr-day-controls button:nth-of-type(2){align-self:flex-start}.dr-day-controls button>span{font-size:30px;line-height:1}.dr-day-controls button[aria-pressed=true]{color:#008bcc;background:#edf9fd;box-shadow:inset 0 -2px #008bcc}.dr-orbit{position:absolute;left:8%;right:8%;height:130px;top:18px;border:1px solid #bfdfed;border-bottom:0;border-radius:50% 50% 0 0;clip-path:inset(0 0 35% 0);pointer-events:none}.dr-status{position:absolute;bottom:0;right:10px;color:#587d90;font-size:11px}.dr-fallback-note{position:absolute;bottom:-25px;right:10px}.dr-layout{padding:40px 0 25px;background:#fff}.dr-layout .dr-copy{padding-right:25px}.dr-layout-art{height:360px;position:relative}.dr-layout-art .dr-scene{position:absolute;inset:20px 0 0;height:auto}.dr-layout-labels{display:flex;justify-content:space-between;position:absolute;inset:0 3% auto 6%;z-index:2;list-style:none;padding:0;gap:20px}.dr-layout-labels li{position:relative;border-left:1px solid #0098cf;padding-left:12px;max-width:170px}.dr-layout-labels li:before{content:'';position:absolute;left:-3px;top:0;width:5px;height:5px;border-radius:50%;background:#0098cf}.dr-layout-labels b{display:block;font-size:12px;color:#0085b7;font-weight:600}.dr-layout-labels span{display:block;font-size:11px;color:#678392;line-height:1.5}.dr-placement-notes{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;border-top:1px solid var(--dr-line);padding-top:18px;margin-top:10px!important}.dr-placement-notes p{font-size:11px;line-height:1.6}.dr-placement-notes strong{display:block;font-size:13px;font-weight:600;color:#254d60;margin-bottom:5px}.dr-context{background:linear-gradient(110deg,#edf6fa,#fff);padding:0}.dr-context-grid{display:grid;grid-template-columns:53% 47%;align-items:center}.dr-context figure{height:440px;position:relative}.dr-context figure img{width:100%;height:100%;object-fit:cover}.dr-context figcaption{position:absolute;bottom:12px;left:12px;font-size:10px;background:#ffffffe6;padding:5px 9px;color:#5c7787}.dr-context .dr-copy{padding:35px 0 35px 55px}.dr-context .dr-copy>p:not(.dr-label){font-size:14px}.dr-context .dr-benefits{margin-top:25px}.dr-material{position:relative;background:#f4f9fb;min-height:420px;display:flex;align-items:center;isolation:isolate}.dr-material-image{position:absolute;inset:0 0 0 28%;z-index:-1}.dr-material-image img{width:100%;height:100%;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 45%)}.dr-material .dr-copy{width:34%;padding-block:42px}.dr-material .dr-copy>p:not(.dr-label){font-size:14px}.dr-swatches{display:flex;gap:12px;margin-top:24px}.dr-swatches span{width:58px;height:58px;border:1px solid #d3dfe4;border-radius:3px;background:linear-gradient(115deg,#202c32,#596267)}.dr-swatches span:nth-child(2){background:linear-gradient(115deg,#68747a,#a2a9ad)}.dr-swatches span:nth-child(3){background:linear-gradient(115deg,#c3cbcd,#e8eef0)}.dr-material .dr-note{margin-top:10px!important;font-size:10px!important}.dr-decisions{padding:40px 0}.dr-heading-pair{display:grid;grid-template-columns:32% 1fr;gap:50px;align-items:center;margin-bottom:30px}.dr-heading-pair>p{font-size:14px}.dr-decisions-list{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;gap:28px}.dr-decisions-list li{border-right:1px solid var(--dr-line);padding-right:24px}.dr-decisions-list li:last-child{border:0;padding:0}.dr-number{color:#0088bc;font-size:11px}.dr-decisions-list h3{margin:12px 0;font-size:19px}.dr-decisions-list p{font-size:12px;line-height:1.6}.dr-mini-drawing{position:relative;height:120px;overflow:hidden;margin-top:15px}.dr-mini-drawing svg{width:100%;height:100%;stroke:none}.dr-mini-tones{height:120px;display:flex;gap:15px;align-items:end;padding:25px 15px 0}.dr-mini-tones i{display:block;width:34px;height:85px;background:linear-gradient(110deg,#172b32,#758489);transform:skewY(-10deg);box-shadow:7px 0 #21343c}.dr-mini-tones i:nth-child(2){height:75px;background:#778489;box-shadow:7px 0 #5d6a70}.dr-mini-tones i:nth-child(3){height:95px;background:#d5dfe2;box-shadow:7px 0 #b3c3cc}.dr-height{position:absolute;right:0;top:32px;color:#009cce;font-size:50px}.dr-product-facts{display:grid;grid-template-columns:1fr 1.3fr;gap:14px 40px;margin-top:25px;border-top:1px solid var(--dr-line);padding-top:18px;font-size:12px}.dr-product-facts>p{color:#1f526b}.dr-product-facts ul{padding:0;list-style:none;display:flex;gap:20px;flex-wrap:wrap;color:#5d7a8b}.dr-product-facts dl{grid-column:1/-1;display:flex;gap:40px;flex-wrap:wrap}.dr-product-facts dl>div{display:flex;gap:10px}.dr-product-facts dt{font-weight:600}.dr-product-facts dd{margin:0;color:#5d7a8b}.dr-quote{padding:34px 0;background:linear-gradient(110deg,#eaf6fc,#f8fcfe);border-block:1px solid #e2eff4}.dr-quote-grid{display:grid;grid-template-columns:30% 1fr auto;gap:28px;align-items:center}.dr-quote h2{font-size:34px}.dr-quote p{font-size:13px}.dr-quote-steps{display:flex;gap:18px;list-style:none;padding:0;margin-top:22px!important}.dr-quote-steps li{flex:1;border-left:1px solid #9ecee0;padding-left:12px}.dr-quote-steps b{font-size:12px;font-weight:600;display:block}.dr-quote-steps span{font-size:10px;color:#698594;display:block}.dr-quote .dr-button{white-space:nowrap;font-size:12px}.dr-bottom{padding:40px 0}.dr-bottom-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px}.dr-bottom h2{font-size:28px;margin-bottom:20px}.dr-bottom .dr-label{margin-bottom:15px!important}.dr-bottom nav{border-left:1px solid var(--dr-line);padding-left:60px}.dr-faq details{border-top:1px solid var(--dr-line)}.dr-faq details:last-child{border-bottom:1px solid var(--dr-line)}.dr-faq summary{display:flex;justify-content:space-between;gap:20px;list-style:none;min-height:48px;cursor:pointer;font-size:13px;align-items:center;padding-block:12px}.dr-faq summary::-webkit-details-marker{display:none}.dr-faq summary>span{font-size:20px;color:#0089bc}.dr-faq details[open] summary>span{transform:rotate(45deg)}.dr-faq details p{font-size:13px;line-height:1.7;padding:0 20px 18px 0}.dr-related-link{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--dr-line);padding:13px 0;min-height:55px}.dr-related-link strong{font-size:14px;font-weight:600;color:#2c5a70}.dr-related-link small{display:block;font-size:11px;color:#678392;margin-top:3px}.dr-related-link>span:last-child{color:#0088bc}.dr-archive{margin-top:20px;font-size:11px;color:#678392}.dr-archive summary{cursor:pointer;min-height:44px;display:flex;align-items:center;text-decoration:underline}.dr-archive img{display:block;width:100%;height:auto;margin-top:10px}.dr-archive p{margin-top:10px;font-size:11px}
@media(min-width:1700px){.dr-hero-grid{min-height:660px}.dr-hero-art{height:640px}.dr-interactive{height:540px}.dr-layout-art{height:430px}.dr-context figure{height:510px}.dr-material{min-height:470px}}
@media(max-width:1050px){.dr-hero-grid{grid-template-columns:42% 58%;min-height:480px}.dr-hero-art{height:480px}.dr-hero-art .dr-scene{inset:0 -15px 0 -30px}.dr-page h1{font-size:52px}.dr-page h2{font-size:36px}.dr-page .dr-tagline{font-size:22px}.dr-benefits>div{padding-right:8px;margin-right:8px}.dr-benefits span{font-size:10px}.dr-split{grid-template-columns:33% 67%}.dr-interactive{height:420px}.dr-context .dr-copy{padding-left:30px}.dr-context figure{height:400px}.dr-material .dr-copy{width:40%}.dr-quote-grid{grid-template-columns:1fr 1.5fr}.dr-quote .dr-button{grid-column:2;justify-self:start}.dr-decisions-list{gap:18px}.dr-decisions-list li{padding-right:15px}.dr-bottom-grid{gap:30px}.dr-bottom nav{padding-left:30px}}
@media(max-width:700px){.dr-page .dp-wrap{width:calc(100% - 40px)}.dr-label{font-size:8px;gap:8px;margin-bottom:17px!important}.dr-label span{width:15px}.dr-breadcrumb{font-size:9px;gap:7px}.dr-hero-grid{display:flex;flex-direction:column;align-items:stretch;min-height:0}.dr-hero .dr-copy{padding:24px 0 0}.dr-page h1{font-size:53px}.dr-page h2{font-size:34px}.dr-page .dr-tagline{font-size:23px;max-width:350px;margin-top:15px}.dr-hero .dr-copy>p:not(.dr-label){font-size:14px}.dr-copy>.dr-button{margin-top:22px}.dr-button{font-size:12px;padding:12px 16px;gap:20px}.dr-benefits{margin-top:25px}.dr-benefits span{font-size:11px}.dr-benefits svg{width:25px;height:25px;margin-bottom:8px}.dr-hero-art{height:310px;margin-top:10px}.dr-hero-art .dr-scene{inset:0 -20px 15px}.dr-caption{font-size:9px;right:0;bottom:5px;padding:5px 8px}.dr-split{display:block}.dr-rhythm{padding:30px 0 25px}.dr-rhythm .dr-copy{padding:0}.dr-copy>p:not(.dr-label){font-size:14px;margin-top:16px}.dr-copy>.dr-note{font-size:10px;margin-top:18px!important}.dr-view-controls{margin-top:18px}.dr-view-controls button{flex:1;justify-content:center}.dr-interactive{height:330px;margin-top:24px}.dr-interactive .dr-scene{inset:60px -18px 15px}.dr-day-controls{inset:0 0 auto;height:90px}.dr-day-controls button{font-size:11px;min-width:58px;min-height:55px}.dr-day-controls button>span{font-size:26px}.dr-status{font-size:10px;right:0}.dr-layout{padding:30px 0}.dr-layout .dr-copy{padding:0}.dr-layout-art{height:310px;margin-top:20px}.dr-layout-art .dr-scene{inset:50px -15px 0}.dr-layout-labels{left:0;right:0;gap:9px}.dr-layout-labels li{padding-left:8px;flex:1}.dr-layout-labels b{font-size:10px}.dr-layout-labels span{font-size:9px}.dr-placement-notes{grid-template-columns:1fr 1fr;gap:16px;padding-top:18px}.dr-placement-notes p{font-size:11px}.dr-placement-notes strong{font-size:12px}.dr-context-grid{display:block}.dr-context figure{height:300px;margin-inline:-20px}.dr-context .dr-copy{padding:28px 0}.dr-context .dr-copy>p:not(.dr-label){font-size:14px}.dr-context figcaption{font-size:9px;left:10px;bottom:8px;right:10px}.dr-material{display:flex;flex-direction:column;min-height:0}.dr-material-image{position:relative;inset:auto;width:100%;height:280px;z-index:0;order:2}.dr-material-image img{mask-image:none;object-position:68% center}.dr-material .dp-wrap{order:1}.dr-material .dr-copy{width:auto;padding:30px 0 25px}.dr-material .dr-copy>p:not(.dr-label){font-size:14px}.dr-swatches span{width:46px;height:46px}.dr-swatches{margin-top:18px}.dr-decisions{padding:30px 0}.dr-heading-pair{display:block;margin-bottom:24px}.dr-heading-pair>p{font-size:14px;margin-top:18px}.dr-decisions-list{grid-template-columns:1fr 1fr;gap:24px 18px}.dr-decisions-list li{padding-right:12px}.dr-decisions-list li:nth-child(2n){border:0;padding-right:0}.dr-decisions-list h3{font-size:18px;margin-top:8px}.dr-decisions-list p{font-size:12px}.dr-mini-drawing,.dr-mini-tones{height:95px}.dr-mini-tones{gap:12px;padding-left:5px}.dr-mini-tones i{width:24px}.dr-product-facts{display:block;font-size:12px}.dr-product-facts ul{margin-top:14px;gap:6px 15px}.dr-product-facts dl{display:block;margin-top:16px}.dr-product-facts dl>div{display:block;margin-top:10px}.dr-quote{padding:30px 0}.dr-quote-grid{display:block}.dr-quote h2{font-size:34px}.dr-quote-grid>div+div{margin-top:20px}.dr-quote-steps{gap:10px}.dr-quote-steps li{padding-left:8px}.dr-quote-steps b{font-size:11px}.dr-quote-steps span{font-size:10px}.dr-quote .dr-button{display:flex;margin-top:22px}.dr-bottom{padding:30px 0}.dr-bottom-grid{display:block}.dr-bottom h2{font-size:27px}.dr-bottom nav{border-left:0;padding:0;margin-top:35px}.dr-faq summary{font-size:13px}.dr-faq details p{font-size:13px}.dr-archive{font-size:10px}}
@media(min-width:701px){.dr-hero .dr-copy{padding-right:20px}.dr-hero-art .dr-scene{left:0}}
@media(prefers-reduced-motion:reduce){.dr-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}