.study-hero{padding:52px 0 30px;overflow:hidden;overflow:clip;background:var(--of-pale);color:var(--of-ink)}.study-intro{max-width:960px;margin:0 auto;text-align:center}.study-kicker{margin:0 0 20px;font-size:13px;font-weight:650;color:var(--of-body)}.study-intro h1{margin:0;font-family:var(--of-sans);font-size:clamp(52px,5.3vw,76px);font-weight:750;letter-spacing:-.04em;line-height:1.08}.study-intro h1 em{font-family:var(--of-serif);font-weight:600;letter-spacing:-.035em;line-height:1.15;color:var(--of-blue)}.study-lead{max-width:680px;margin:20px auto 24px;font-size:17px;line-height:1.7;color:var(--of-body)}.study-quick{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;max-width:660px;margin:0 auto;padding:8px;background:#fff;border:1px solid #d2dced;border-radius:9px;box-shadow:0 10px 28px rgba(29,69,135,.06)}.study-quick-field{min-width:0;text-align:left;padding:4px 12px}.study-quick label{display:block;font-size:11px;font-weight:650;color:var(--of-body)}.study-quick input{width:100%;min-height:28px;padding:0;border:0;outline-offset:4px;color:var(--of-ink);font:500 16px var(--of-sans);background:#fff}.study-quick input::placeholder{color:#59616b}.study-quick .button{margin:0;min-height:54px;white-space:nowrap}.study-response{margin:13px auto 0;max-width:670px;font-size:12px;line-height:1.65;color:var(--of-body)}.study-error{margin:10px 0 0;color:#9b2525;font-size:14px}.study-reel{position:relative;isolation:isolate;max-width:1180px;height:355px;margin:52px auto 0}.study-reel-card{position:absolute;margin:0;padding:7px;background:#fff;border-radius:9px;box-shadow:0 18px 38px rgba(31,65,123,.16);transform-origin:center center}.study-reel-card img{display:block;width:100%;height:auto;aspect-ratio:1200/633;border-radius:4px}.study-reel-card figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 8px 4px;font:700 13px/1.5 var(--of-sans);color:var(--of-ink)}.study-reel-card figcaption span{font-size:11px;font-weight:500;color:var(--of-body)}.study-reel-left{width:40%;left:0;top:34px;transform:rotate(-7deg);z-index:1}.study-reel-center{width:52%;left:24%;top:0;z-index:3}.study-reel-right{width:40%;right:0;top:34px;transform:rotate(7deg);z-index:2}.study-reel-note{position:relative;margin:15px 0 0;text-align:center;color:var(--of-ink);font-size:13px;font-weight:650}.study-reel-note span{margin-left:8px;color:var(--of-body);font-size:12px;font-weight:400}body.study-version .studio-answers-grid{display:block}.study-max-note{position:relative;margin:0;padding:62px 68px 48px;background:var(--of-pale);border-radius:12px}.study-max-overline{margin:0 0 25px;font-size:14px;line-height:1.5;color:#4e6592}.study-max-note blockquote{margin:0;padding:0;border:0;max-width:none}.study-max-headline{margin:0;font:750 clamp(38px,4.4vw,64px)/1.12 var(--of-sans);letter-spacing:-.035em;color:var(--of-ink)}.study-max-headline em{display:inline-block;padding-bottom:5px;color:var(--of-blue);font-family:var(--of-serif);font-weight:600;line-height:1.2}.study-max-continuation{max-width:710px;margin:20px 0 32px;font:400 18px/1.75 var(--of-sans);color:#4e6592}.study-max-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding-top:26px;border-top:1px solid #c9d8f3}.study-max-footer h2{margin:0;font:750 24px/1.25 var(--of-sans);letter-spacing:-.02em}.study-max-role{margin:6px 0 0;font-size:13px;color:#4e6592}.study-max-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:20px}.study-max-links a{font-size:13px;font-weight:650;color:var(--of-ink);text-decoration:none;border-bottom:1px solid #91a6cd;padding-bottom:3px}.study-max-links a:hover{color:var(--of-blue)}.study-max-signature{width:160px;height:auto;flex-shrink:0}body.study-version .offer-heading{text-align:center;margin-inline:auto;max-width:none}body.study-version .offer-heading h2{max-width:none}body.study-version .questions-panel{max-width:1000px;margin:75px auto 0;padding:42px 0 0;border-top:1px solid var(--of-rule);background:none}body.study-version .questions-intro{display:flex;align-items:center;justify-content:space-between;gap:20px}body.study-version .questions-list{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 52px}body.study-version .questions-column{display:block}body.study-version .questions-art{display:none}@media (min-width:1700px){.study-hero{padding-top:76px}}@media (max-width:1000px){.study-hero{padding-top:48px}.study-lead{font-size:17px}.study-reel{height:300px;margin-top:46px}.study-max-note{padding:48px}}@media (max-width:760px){.study-hero{padding:40px 0 28px}.study-intro h1{font-size:clamp(36px,9.5vw,58px);letter-spacing:-.04em;line-height:1.12}.study-kicker{font-size:12px;margin-bottom:18px}.study-lead{margin:20px auto 24px;font-size:16px;line-height:1.65}.study-quick{grid-template-columns:minmax(0,1fr);gap:9px;padding:10px;text-align:left}.study-quick-field{padding:5px 5px 7px}.study-quick label{font-size:12px}.study-quick input{min-height:32px}.study-quick .button{justify-content:center;min-height:48px}.study-response{font-size:11px}.study-reel{height:205px;margin:38px -10px 0}.study-reel-card{padding:4px;border-radius:6px}.study-reel-left{width:49%;left:-9%;top:27px}.study-reel-center{width:70%;left:15%}.study-reel-right{width:49%;right:-9%;top:27px}.study-reel-card figcaption{padding:5px 3px 2px;font-size:11px;gap:6px}.study-reel-card figcaption span{font-size:11px}.study-reel-note{font-size:12px;margin-top:2px}.study-reel-note span{display:block;margin:5px 0 0;font-size:10px}.study-max-note{padding:30px 24px}.study-max-overline{font-size:12px;margin-bottom:22px}.study-max-headline{font-size:clamp(32px,8.7vw,46px);line-height:1.15;letter-spacing:-.03em}.study-max-continuation{font-size:15px;line-height:1.75;margin:19px 0 24px}.study-max-footer{gap:18px;align-items:flex-start;padding-top:23px}.study-max-footer h2{font-size:22px}.study-max-role{font-size:11px}.study-max-links{gap:12px;margin-top:18px}.study-max-links a{font-size:11px}.study-max-signature{width:78px;margin-top:2px}body.study-version .questions-panel{margin-top:46px;padding-top:30px}body.study-version .questions-list{grid-template-columns:1fr;gap:0}}@media (prefers-reduced-motion:reduce){.study-version *{scroll-behavior:auto!important}}.study-hero{position:relative;isolation:isolate;background:#fff}.study-hero>.hero-ribbon{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.study-hero>.container{position:relative;z-index:1}.study-reel{width:calc(100vw - 80px);max-width:1800px;height:clamp(320px,27vw,480px);left:50%;margin:58px 0 0;transform:translateX(-50%)}.study-reel-left{width:38%;left:0;right:auto;top:26px;transform:rotate(-4deg);z-index:1}.study-reel-center{width:40%;left:30%;right:auto;top:0;transform:none;z-index:3}.study-reel-right{width:38%;right:0;left:auto;top:26px;transform:rotate(4deg);z-index:2}.study-reel-card{box-shadow:0 18px 38px #234a7f20}.study-reel-note{margin-top:16px}@media (min-width:1150px){.study-hero{padding:56px 0 30px}.study-intro{max-width:760px}.study-intro h1{font-size:clamp(62px,4.5vw,76px)}.study-lead{font-size:16px;max-width:660px;margin:22px auto 24px}}@media (min-width:1900px){.study-hero{padding-top:62px}.study-reel{margin-top:64px}}@media (max-width:760px){.study-reel{width:calc(100% + 16px);max-width:none;left:-8px;margin:38px 0 0;transform:none;height:clamp(190px,49vw,320px)}.study-reel-left{width:49%;left:-9%;right:auto;top:27px;transform:rotate(-7deg)}.study-reel-center{width:70%;left:15%;right:auto;top:0;transform:none}.study-reel-right{width:49%;right:-9%;left:auto;top:27px;transform:rotate(7deg)}.study-reel-card figcaption{flex-wrap:wrap;gap:0 6px;line-height:1.4}.study-reel-note{margin-top:8px}}.study-reel.is-interactive .study-reel-card{cursor:pointer}.study-reel-controls{position:relative;z-index:5;display:flex;align-items:stretch;gap:8px;width:calc(100% - 16px);max-width:570px;margin:12px auto 0}.study-reel-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1;min-width:0;padding:4px;background:#fff;border:1px solid #d7e1ee;border-radius:7px;box-shadow:0 5px 15px #234a7f10}.study-reel-tabs button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-width:0;min-height:48px;padding:8px 15px;border:0;border-radius:4px;background:#fff;color:var(--of-body);font:650 13px/1.4 var(--of-sans);cursor:pointer;text-align:left}.study-reel-tabs button span{font-size:11px;line-height:1.4;font-weight:500}.study-reel-tabs button[aria-pressed=true]{background:var(--of-pale);color:var(--of-blue)}.study-reel-tabs button:hover{background:#f3f6fb;color:var(--of-ink)}.study-reel-tabs button[aria-pressed=true]:hover{background:var(--of-pale);color:var(--of-blue)}.study-reel-tabs button:focus-visible,.study-reel-pause:focus-visible{outline:2px solid var(--of-blue);outline-offset:3px}.study-reel-pause{flex-shrink:0;display:grid;place-items:center;align-self:center;width:42px;min-height:44px;padding:0;border:1px solid #d7e1ee;border-radius:5px;background:#fff;cursor:pointer}.study-reel-pause:hover{background:var(--of-pale)}.study-reel-pause img{display:block;width:16px;height:16px}.study-reel-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (max-width:760px){.study-reel-controls{width:100%;gap:6px;margin-top:9px}.study-reel-tabs{padding:3px}.study-reel-tabs button{font-size:12px;min-height:46px;padding:7px 6px;gap:3px}.study-reel-tabs button span{font-size:11px}.study-reel-pause{width:38px}}.study-case-section{padding:80px 0;background:#fff;color:var(--of-ink);scroll-margin-top:80px}.study-work-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;padding-bottom:48px;border-bottom:1px solid var(--of-rule);margin-bottom:48px}.study-work-heading #work-title{margin:0;max-width:620px;font-size:clamp(36px,3.6vw,50px);line-height:1.1;color:var(--of-ink)}.study-work-heading p{margin:0;max-width:490px;font-size:16px;line-height:1.75;color:var(--of-body)}.study-work-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;color:inherit;font:700 14px/1.5 var(--of-sans);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}.study-work-link img{flex-shrink:0}.study-work-link:hover{color:var(--of-blue)}.study-work-heading .study-work-link{margin-top:12px}.painting-case{margin:0;scroll-margin-top:100px}.painting-case-heading{display:flex;align-items:end;justify-content:space-between;gap:48px;margin:0 0 32px}.painting-case-heading h3{margin:0;font:750 clamp(30px,3vw,40px)/1.15 var(--of-sans);letter-spacing:-.03em;color:var(--of-ink)}.painting-case-heading h3 em{font-family:var(--of-serif);font-weight:600;color:var(--of-blue);line-height:1.3}.painting-case-disclosure{margin:0;max-width:400px;color:#52645c;font-size:14px;line-height:1.75}.painting-case-stage{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:40px;align-items:start;padding:0;background:transparent}.painting-case-overview{margin:0}.painting-case-overview>img{display:block;width:100%;height:auto}.painting-case-overview figcaption{display:grid;grid-template-columns:1fr 1.05fr;gap:32px;margin:0;padding:24px 0 0}.painting-case-overview figcaption strong{font:750 22px/1.3 var(--of-sans);letter-spacing:-.02em}.painting-case-overview figcaption span{color:var(--of-body);font-size:15px;line-height:1.75}.painting-case-enquiry{padding:24px;background:var(--of-pale);margin:0}.painting-case-enquiry h4{font:750 24px/1.25 var(--of-sans);letter-spacing:-.02em;margin:0;color:var(--of-ink)}.painting-case-enquiry>p{font-size:15px;line-height:1.75;color:var(--of-body);margin:16px 0 24px}.painting-case-enquiry figure{margin:0}.painting-case-enquiry figure>img{display:block;width:100%;height:auto}.painting-case-enquiry figcaption{font-size:14px;line-height:1.6;margin-top:16px;color:var(--of-body)}.painting-case-enquiry .study-work-link{margin-top:16px;font-size:14px}body.study-version .study-portfolio{padding:72px 0 80px;--of-on-dark-body:#d4dce8}.study-more-work{display:flex;justify-content:space-between;align-items:end;gap:48px;margin:0 0 48px}.study-more-work h2{margin:0;font:750 clamp(34px,3.5vw,46px)/1.1 var(--of-sans);letter-spacing:-.03em;color:#fff}.study-more-work h2 em{font-family:var(--of-serif);font-style:italic;font-weight:600;color:#b8d0ff;line-height:1.25}.study-more-work>p{max-width:360px;font-size:15px;line-height:1.75;color:#d4dce8;margin:0}.concept-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:24px}.concept-heading h3{font:750 28px/1.2 var(--of-sans);letter-spacing:-.02em;color:#fff;margin:0}.concept-heading>p{font-size:16px;line-height:1.6;color:#d4dce8;margin:0}.study-portfolio figure{margin:0}.study-portfolio figure a{display:block}.study-portfolio figure img{display:block;width:100%;height:auto;border-radius:4px}.study-portfolio figure a:focus-visible{outline-color:#b8d0ff;outline-offset:6px}.concept-garden-media{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:40px;align-items:start}.study-portfolio figcaption{padding-top:16px;font-size:15px;line-height:1.7;color:#d4dce8}.study-portfolio figcaption strong{display:block;font:700 18px/1.5 var(--of-sans);color:#fff;margin:0 0 7px}.study-portfolio figcaption span{display:block;max-width:66ch}.study-portfolio .study-work-link{color:#e5efff;margin-top:16px}.study-portfolio .study-work-link:hover{color:#b8d0ff}.study-portfolio .study-work-link img{filter:brightness(0) invert(1)}.concept-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;border-top:1px solid #626c79;padding-top:40px;margin-top:48px}.concept-pair .concept-heading{display:block}.concept-pair .concept-heading>p{margin-top:12px}.concept-pair .concept-detail>a{display:flex;align-items:center;min-height:320px;background:#181b1e}.concept-pair .concept-detail img{object-fit:contain}.concept-home-reference{display:flex;align-items:center;gap:24px;margin-top:24px}.concept-home-reference>img{display:block;width:32%;height:auto;border-radius:3px}.concept-home-reference .study-work-link{margin:0;max-width:200px}@media (max-width:1000px){.study-work-heading{gap:40px}.painting-case-stage{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:24px}.painting-case-enquiry{padding:20px}.painting-case-enquiry h4{font-size:22px}.painting-case-overview figcaption{display:block}.painting-case-overview figcaption span{display:block;margin-top:16px}.concept-garden-media{gap:24px;grid-template-columns:1.4fr 1fr}.concept-pair{gap:32px}.concept-pair .concept-detail>a{min-height:250px}.concept-home-reference{gap:16px}}@media (max-width:760px){.study-case-section{padding:52px 0}.study-work-heading{display:block;padding-bottom:32px;margin-bottom:32px}.study-work-heading #work-title{font-size:34px}.study-work-heading>div{margin-top:20px}.study-work-heading p{font-size:15px}.painting-case-heading{display:block;margin-bottom:24px}.painting-case-heading h3{font-size:30px}.painting-case-disclosure{margin-top:20px;font-size:14px}.painting-case-stage{display:block}.painting-case-overview figcaption{padding-top:20px}.painting-case-overview figcaption strong{font-size:21px}.painting-case-overview figcaption span{font-size:15px;margin-top:12px}.painting-case-enquiry{margin-top:28px;padding:24px}.painting-case-enquiry h4{font-size:24px}.painting-case-enquiry h4 br{display:none}.painting-case-enquiry figure{max-width:360px;margin-inline:auto}.painting-case-enquiry .study-work-link{margin-top:12px}body.study-version .study-portfolio{padding:48px 0 56px}.study-more-work{display:block;margin-bottom:36px}.study-more-work h2{font-size:34px}.study-more-work>p{margin-top:20px;font-size:15px}.concept-heading{display:block;margin-bottom:20px}.concept-heading h3{font-size:26px}.concept-heading>p{margin-top:12px;font-size:16px}.concept-heading>p br{display:none}.concept-garden-media{display:block}.concept-garden-media .concept-detail{margin-top:28px}.concept-garden-media .concept-detail>a{max-width:519px;margin-inline:auto}.concept-pair{grid-template-columns:minmax(0,1fr);gap:36px;margin-top:32px;padding-top:32px}.concept-pair>article+article{padding-top:32px;border-top:1px solid #626c79}.concept-pair .concept-detail>a{min-height:0}.study-portfolio figcaption{font-size:15px;padding-top:16px}.study-portfolio figcaption strong{font-size:18px}.concept-home-reference{gap:20px;margin-top:20px}.concept-home-reference>img{width:34%}.concept-home-reference .study-work-link{font-size:14px}.study-portfolio .study-work-link{margin-top:12px}.concept-home-reference .study-work-link{margin-top:0}}.concept-pair article>.study-work-link{display:inline-flex;margin-top:18px}.paint-try{margin:0}.paint-try-room{position:relative;aspect-ratio:1536/1024;overflow:hidden;border-radius:6px;background:#efe9df}.paint-try-room img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s ease}.paint-try-room img[data-colour="sage"]{opacity:1}.paint-try-room[data-colour] img.is-on{opacity:1}.paint-try-room.is-ready img:not(.is-on){opacity:0}.paint-try-swatches{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.paint-try-swatches button{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 16px 8px 10px;border:1px solid #d9dfd9;border-radius:999px;background:#fff;color:var(--of-ink);font:650 14px/1.3 var(--of-sans);cursor:pointer}.paint-try-swatches button::before{content:"";width:22px;height:22px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0000001f}.paint-try-swatches button[aria-pressed="true"]{border-color:var(--of-ink);box-shadow:0 0 0 1px var(--of-ink)}.paint-try-swatches button:hover{border-color:#8b978f}.paint-try-swatches button:focus-visible{outline:2px solid var(--of-blue);outline-offset:3px}.paint-try figcaption{display:grid;grid-template-columns:1fr 1.2fr;gap:32px;padding-top:24px}.paint-try figcaption strong{font:750 22px/1.3 var(--of-sans);letter-spacing:-.02em}.paint-try figcaption span{color:var(--of-body);font-size:15px;line-height:1.75}.painting-case-home figure{margin-top:20px}.painting-case-home figure>img{border-radius:4px}@media (prefers-reduced-motion:reduce){.paint-try-room img{transition:none}}.concept-compare{position:relative}img-comparison-slider{visibility:hidden}img-comparison-slider [slot="second"]{display:none}img-comparison-slider.rendered{visibility:inherit}img-comparison-slider.rendered [slot="second"]{display:unset}.form-compare{display:block;width:100%;border-radius:4px;overflow:hidden;--divider-width:2px;--divider-color:#e9f2d0;--default-handle-color:#e9f2d0;--default-handle-width:44px;background:#181b1e}.form-compare img{display:block;width:100%;height:auto;aspect-ratio:1536/1024;object-fit:cover}.form-compare:focus-visible{outline:2px solid #b8d0ff;outline-offset:4px}.compare-tag{position:absolute;top:12px;padding:4px 10px;border-radius:999px;background:#0b0d0fcc;color:#fff;font:650 12px/1.4 var(--of-sans);letter-spacing:.04em;text-transform:uppercase;pointer-events:none}.compare-before{left:12px}.compare-after{right:12px}@media (max-width:1000px){.paint-try figcaption{display:block}.paint-try figcaption span{display:block;margin-top:12px}}@media (max-width:760px){.paint-try-swatches{gap:8px}.paint-try-swatches button{padding:6px 12px 6px 8px;font-size:13px}.painting-case-home{margin-top:28px}}.concept-seasons .seasons-photo{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:4px;background:#2a2f2b}.concept-seasons .seasons-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease;border-radius:0}.concept-seasons .seasons-photo img[data-season="summer"],.concept-seasons .seasons-photo img.is-on{opacity:1}[data-seasons].is-ready .concept-seasons .seasons-photo img:not(.is-on){opacity:0}.concept-seasons .seasons-tabs{display:inline-grid;grid-template-columns:repeat(3,auto);gap:6px;margin-top:14px}.concept-seasons .seasons-tabs button{min-height:44px;padding:8px 18px;border:1px solid #626c79;border-radius:999px;background:transparent;color:#e5efff;font:650 14px/1.3 var(--of-sans);cursor:pointer}.concept-seasons .seasons-tabs button[aria-pressed="true"]{background:#e5efff;color:#1d2125;border-color:#e5efff}.concept-seasons .seasons-tabs button:hover{border-color:#b8d0ff}.concept-seasons .seasons-tabs button:focus-visible{outline:2px solid #b8d0ff;outline-offset:3px}@media (prefers-reduced-motion:reduce){.concept-seasons .seasons-photo img{transition:none}}.paint-scroll{position:relative;height:calc(100vh + 900px)}.paint-sticky{position:sticky;top:max(96px,calc(50vh - 290px));display:grid;grid-template-columns:minmax(0,2.05fr) minmax(0,1fr);gap:48px;align-items:center}.paint-browser{margin:0;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 28px 60px -28px #1b3a3066,0 2px 8px #1b3a3014;container-type:inline-size}.pb-bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#f1f3f1;border-bottom:1px solid #e3e7e3}.pb-bar i{width:9px;height:9px;border-radius:50%;background:#d5dad5}.pb-bar span{margin-left:12px;padding:2px 12px;border-radius:5px;background:#fff;color:#6a7a71;font:500 11px/1.6 var(--of-sans)}.pb-site{font-family:Archivo,var(--of-sans);color:#fff}.pb-band{background:#203e35;padding:2.6cqw 5cqw 3cqw}.pb-top{display:flex;justify-content:space-between;align-items:center;font-size:1.25cqw}.pb-top b{font:800 1.55cqw/1 Archivo,var(--of-sans);letter-spacing:-.02em}.pb-top b em{font-style:normal;color:#dce8a7}.pb-top>span{display:flex;gap:2.4cqw;font-weight:600}.pb-top .pb-cta{color:#dce8a7}.pb-hero{display:flex;justify-content:space-between;align-items:end;gap:4cqw;margin-top:2.6cqw}.pb-h1{margin:0;font:800 5.4cqw/.98 Archivo,var(--of-sans);letter-spacing:-.045em}.pb-lead{margin:0 0 .4cqw;max-width:30cqw;font:500 1.25cqw/1.6 var(--of-sans);color:#d7e3dc}.pb-room{position:relative;aspect-ratio:1536/700;overflow:hidden;background:#e9e3d8}.pb-room img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 62%;opacity:0}.pb-room img[data-colour="sage"]{opacity:1}.pb-chip{position:absolute;right:2.4cqw;top:2.4cqw;display:flex;align-items:center;gap:1.2cqw;padding:.9cqw 1.4cqw;border-radius:99px;background:#ffffffee;color:#20372f;font:700 1.25cqw/1 var(--of-sans);box-shadow:0 6px 18px #0000001f}.pb-dots{display:flex;gap:.55cqw}.pb-dots i{width:1.6cqw;height:1.6cqw;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0000001f;transition:transform .2s}.pb-dots i.is-on{transform:scale(1.35);box-shadow:0 0 0 .25cqw #fff,0 0 0 .4cqw #20372f}.pb-rail{display:grid;grid-template-columns:repeat(3,1fr);background:#203e35}.pb-rail span{padding:1.6cqw 5cqw 1.8cqw;font:800 1.75cqw/1.2 Archivo,var(--of-sans);letter-spacing:-.02em;border-right:1px solid #ffffff22}.pb-rail span:last-child{border-right:0}.pb-rail small{display:block;margin-bottom:.4cqw;font:500 .95cqw/1.4 var(--of-sans);letter-spacing:0;color:#c9d6cf}.paint-copy h4{margin:0;font:750 24px/1.3 var(--of-sans);letter-spacing:-.02em;color:var(--of-ink)}.paint-copy>p{margin:16px 0 24px;color:var(--of-body);font-size:15px;line-height:1.75}.paint-steps{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:10px}.paint-steps li{display:flex;align-items:center;gap:12px;color:#7a8a96;font:600 15px/1.4 var(--of-sans);transition:color .25s}.paint-steps li::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0000001f;transition:transform .25s}.paint-steps li.is-on{color:var(--of-ink)}.paint-steps li.is-on::before{transform:scale(1.25)}@media (max-width:1000px){.paint-sticky{grid-template-columns:1fr;gap:20px;top:76px}.paint-copy>p{display:none}.paint-steps{grid-template-columns:repeat(4,auto);justify-content:start;gap:8px 16px;margin-bottom:8px}.paint-scroll{height:calc(100vh + 700px)}}@media (max-width:760px){.paint-copy h4{font-size:19px}.paint-steps li{font-size:13px}.pb-top>span{display:none}.pb-lead{display:none}.pb-h1{font-size:8cqw}.pb-room{aspect-ratio:3/2}.pb-rail span{padding:2.4cqw 3cqw;font-size:3cqw}.pb-rail small{display:none}.pb-chip{font-size:2.8cqw;padding:1.6cqw 2.4cqw}.pb-dots i{width:3cqw;height:3cqw}.pb-top b{font-size:3.2cqw}.paint-scroll{height:calc(100vh + 600px)}}@media (prefers-reduced-motion:reduce){.paint-scroll{height:auto}.paint-sticky{position:static}}@font-face{font-family:Archivo;src:url(studies/painting/assets/archivo.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}.pb-chip{z-index:3}@media (max-width:760px){.paint-steps{gap:6px 12px}.paint-steps li{white-space:nowrap;font-size:12px;gap:6px}.paint-steps li::before{width:14px;height:14px}}.paint-scroll{height:auto}.paint-sticky{position:static;top:auto}.paint-scroll.is-auto .pb-room img{opacity:0;transition:opacity .9s ease;z-index:1}.paint-scroll.is-auto .pb-room img.is-on{opacity:1;z-index:2}@media (max-width:1000px){.paint-scroll{height:auto}}@media (max-width:760px){.paint-scroll{height:auto}}@media (prefers-reduced-motion:reduce){.paint-scroll.is-auto .pb-room img{transition:none}}.paint-scroll.is-rolled .pb-room img{opacity:1;transition:none;z-index:auto}.paint-scroll.is-rolled .pb-room img+img{clip-path:inset(0 100%0 0)}.pb-edge{position:absolute;top:0;bottom:0;width:10px;margin-left:-5px;z-index:2;opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff8c 45%,#ffffffd9 50%,#ffffff8c 55%,#0000);filter:blur(1px);transition:opacity .2s}.paint-scroll.is-rolled .pb-room img+img{clip-path:inset(0 0 100%0)}.pb-edge{top:0;bottom:auto;left:0;right:0;width:auto;height:12px;margin:-6px 0 0;background:linear-gradient(180deg,#0000,#ffffff8c 45%,#ffffffd9 50%,#ffffff8c 55%,#0000)}.pb-edge{opacity:0}.paint-scroll.is-spread .pb-room img{clip-path:none}.paint-scroll.is-spread .pb-room img+img{clip-path:circle(0%at 100% 0%)}.pb-chip{z-index:5}.paint-scroll.is-masked .pb-room img,.paint-scroll.is-masked .pb-room img+img{clip-path:none}.paint-scroll.is-masked .pb-room img+img{-webkit-mask-image:linear-gradient(#0000,#0000);mask-image:linear-gradient(#0000,#0000)}@font-face{font-family:SWSerif;src:url(concepts/stillwater-gardens/assets/heading.woff2)format("woff2");font-display:swap}@font-face{font-family:FMSpace;src:url(concepts/form-auto-care/assets/heading.woff2)format("woff2");font-weight:300 700;font-display:swap}.live-browser{margin:0;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 30px 60px -28px #000c,0 2px 8px #0004;container-type:inline-size}.live-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:56px;align-items:center}.live-copy h3{margin:0 0 18px;font:750 28px/1.2 var(--of-sans);letter-spacing:-.02em;color:#fff}.live-copy h4{margin:0;font:700 21px/1.35 var(--of-sans);color:#fff}.live-copy>p{margin:14px 0 22px;color:#d4dce8;font-size:15px;line-height:1.75}.live-steps{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}.live-steps li{display:flex;align-items:center;gap:9px;color:#8f9aa8;font:600 14px/1.4 var(--of-sans);transition:color .3s}.live-steps li::before{content:"";width:14px;height:14px;border-radius:50%;background:var(--swatch);transition:transform .3s}.live-steps li.is-on{color:#fff}.live-steps li.is-on::before{transform:scale(1.3)}.live-stage{position:relative;overflow:hidden}.live-browser .live-stage>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}.live-chip{position:absolute;left:50%;bottom:3.4cqw;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:1.2cqw;padding:.9cqw 1.6cqw;border-radius:99px;background:#fffffff0;color:#243d2c;font:600 1.35cqw/1 var(--of-sans);white-space:nowrap;box-shadow:0 6px 18px #0002}.live-dots{display:flex;gap:.6cqw}.live-dots i{width:1.5cqw;height:1.5cqw;border-radius:50%;background:var(--swatch);transition:transform .25s}.live-dots i.is-on{transform:scale(1.35);box-shadow:0 0 0 .25cqw #fff,0 0 0 .4cqw #243d2c}.sw-site{background:#f9fbf7;color:#243d2c}.sw-top{display:flex;justify-content:space-between;align-items:center;padding:2cqw 4.5cqw;border-bottom:1px solid #cfd8c9;font:500 1.2cqw/1 var(--of-sans)}.sw-top b{display:flex;flex-direction:column;font:400 2.3cqw/1 SWSerif,Georgia,serif}.sw-top b small{font:600 .85cqw/1 var(--of-sans);letter-spacing:.2em;margin-top:.5cqw}.sw-top>span{display:flex;align-items:center;gap:2.2cqw}.sw-top em{font-style:normal;background:#345e41;color:#fff;padding:1cqw 1.8cqw;border-radius:1cqw}.sw-hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:3.5cqw;align-items:center;padding:3cqw 4.5cqw 0}.sw-text small{font:600 .95cqw/1 var(--of-sans);letter-spacing:.12em}.sw-h1{margin:2.2cqw 0 0;font:400 6.4cqw/.98 SWSerif,Georgia,serif;letter-spacing:-.04em}.sw-lead{margin:2cqw 0 2.4cqw;font:400 1.3cqw/1.6 var(--of-sans);color:#52634e;max-width:28cqw}.sw-btn{display:inline-block;background:#345e41;color:#fff;font:600 1.3cqw/1 var(--of-sans);padding:1.4cqw 2.2cqw;border-radius:1.2cqw}.sw-arch{aspect-ratio:1.18;border-radius:22cqw 22cqw 0 0;background:#dfe8d7}.sw-arch>img{object-position:58%center}.form-browser{background:#181a1b}.fm-site{background:#181a1b;color:#e9ece7}.fm-top{display:flex;justify-content:space-between;align-items:center;padding:2.4cqw 4cqw;font:500 1.7cqw/1 FMSpace,var(--of-sans)}.fm-top b{display:flex;align-items:center;gap:1.4cqw;font:600 2.3cqw/1 FMSpace,var(--of-sans);letter-spacing:-.04em}.fm-top b span{display:grid;place-items:center;width:3.6cqw;height:3.6cqw;background:#c5d6ad;color:#20271d;border-radius:.6cqw}.fm-top>span{display:flex;align-items:center;gap:2.6cqw;color:#a3aba7}.fm-top em{font-style:normal;background:#c5d6ad;color:#20271d;padding:1.2cqw 1.8cqw}.fm-head{display:flex;justify-content:space-between;align-items:end;gap:4cqw;padding:1cqw 4cqw 3cqw}.fm-h2{margin:0;font:500 6.4cqw/1 FMSpace,var(--of-sans);letter-spacing:-.065em}.fm-lead{margin:0;max-width:30cqw;font:400 1.75cqw/1.6 var(--of-sans);color:#a3aba7}.fm-compare{aspect-ratio:16/9;margin:0 4cqw 4cqw}.fm-compare>img{object-position:center 45%}.fm-tag{position:absolute;top:2cqw;z-index:3;padding:.8cqw 1.4cqw;background:#0b0d0fcc;color:#e9ece7;font:600 1.6cqw/1.4 var(--of-sans);letter-spacing:.1em;text-transform:uppercase}.fm-tag-b{left:2cqw}.fm-tag-a{right:2cqw}.form-browser figcaption{padding:16px 0 0;background:#1d2125}.concept-pair .form-browser figcaption{background:transparent}@media (max-width:1000px){.live-row{grid-template-columns:1fr;gap:28px}.live-row-flip .live-browser{order:2}}@media (max-width:760px){.sw-top>span{display:none}.sw-hero{grid-template-columns:1fr 1fr;gap:3cqw}.sw-lead{display:none}.sw-h1{font-size:8cqw}.live-chip{font-size:2.6cqw;padding:1.6cqw 2.4cqw}.live-dots i{width:2.6cqw;height:2.6cqw}.fm-top>span{display:none}.fm-lead{display:none}.fm-h2{font-size:8cqw}.fm-tag{font-size:2.6cqw}}.concept-pair .live-detail{margin-top:28px}.concept-pair .live-detail>.live-browser{display:block;max-width:none;min-height:0;margin:0;background:#fff}.concept-pair .rw-browser{background:#fff}.concept-pair .rw-browser>img{display:block;width:100%;aspect-ratio:719/393;object-fit:cover;object-position:top}.form-browser .fm-top{padding:1.9cqw 3.4cqw}.form-browser .fm-compare{margin:0;aspect-ratio:auto;height:calc(54.67cqw - 7.4cqw)}.form-browser .fm-compare>img{object-position:center 40%}.form-browser .fm-compare::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#000a 0%,#0006 34%,#0000 60%);pointer-events:none}.form-browser .fm-h2{position:absolute;left:3.4cqw;bottom:3.4cqw;z-index:4;margin:0;color:#f2f4f0;font:500 6.2cqw/1 FMSpace,var(--of-sans);letter-spacing:-.06em}.fm-seam{position:absolute;top:0;bottom:0;left:var(--seam,94%);z-index:3;width:2px;margin-left:-1px;background:#fffc;box-shadow:0 0 1.4cqw .3cqw #ffffff55;pointer-events:none}.fm-tag{transition:opacity .4s}.form-browser figcaption{display:none}.live-detail>figcaption{padding-top:18px}@media (max-width:760px){.form-browser .fm-h2{font-size:8cqw}}@font-face{font-family:RWBlack;src:url(concepts/ridgework-roofing/assets/heading.woff2)format("woff2");font-display:swap}.tour-view{position:relative;overflow:hidden;background:#fff;transition:opacity .35s ease}.tour-view.is-fading{opacity:0}.tour-page{position:absolute;left:0;top:0;width:100%;will-change:transform}.tour-page>img{display:block;width:100%;height:auto}.tour-fx{position:absolute;overflow:hidden;z-index:1}.tour-fx>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 50%}.fm-fx>img{object-position:center}.fm-fx .fm-tag{top:3%;font-size:max(9px,1.1cqw);padding:.5em .9em}.fm-fx .fm-tag-b{left:2%}.fm-fx .fm-tag-a{right:2%}.fm-fx .fm-seam{box-shadow:0 0 10px 2px #ffffff55}.live-row{grid-template-columns:minmax(0,.9fr) minmax(0,2fr)}.tour-stage{position:relative;padding:0 6% 9%0}.tour-desk{position:relative}.tour-phone{position:absolute;right:0;bottom:0;width:21%;padding:.55%;border-radius:22px;background:#0d0f10;box-shadow:0 24px 50px -16px #000d,0 0 0 1px #ffffff1f;z-index:2}.tour-phone .tour-view{border-radius:16px}.tour-spec{margin:0 0 24px;display:grid;gap:10px;font:500 14px/1.5 var(--of-sans)}.tour-spec>div{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center}.tour-spec dt{color:#8f9aa8;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.tour-spec dd{margin:0;color:#e3e8ee}.tour-chips{display:flex;gap:6px}.tour-chips i{width:22px;height:22px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px #ffffff2e}.spec-sw{font:400 19px/1 SWSerif,Georgia,serif}.spec-fm{font:500 15px/1 FMSpace,var(--of-sans);letter-spacing:-.03em}.spec-rw{font:400 14px/1 RWBlack,var(--of-sans);text-transform:uppercase}.tour-spec-row{display:flex;flex-wrap:wrap;gap:10px 28px;margin:16px 0 0}.tour-spec-row>div{grid-template-columns:auto auto}.concept-pair .live-detail>.live-browser{background:#fff}@media (max-width:1000px){.live-row{grid-template-columns:1fr}.tour-stage{order:-1}}@media (max-width:760px){.tour-stage{padding:0 8% 14%0}.tour-phone{width:30%;border-radius:14px}.tour-phone .tour-view{border-radius:10px}}.tour-stage{padding:0 0 5%0}.tour-desk{width:81%}.tour-phone{width:20%}@media (max-width:760px){.tour-stage{padding:0 0 8%0}.tour-desk{width:78%}.tour-phone{width:24%}}.tour-fx[data-fx="seasons"]>img{object-position:60% 62%}.tour-top{position:absolute;z-index:2;display:block;pointer-events:none}.sw-fx{border-radius:3px}.tour-fx[data-fx="tri"]>img{object-position:60% 62%}.page-intro{padding:clamp(72px,9vw,128px) 24px clamp(40px,5vw,64px);background:#fff}.page-intro-inner{max-width:var(--max,1200px);margin:0 auto}.page-intro h1{margin:14px 0 0;font-size:var(--of-fs-display,68px);font-weight:800;line-height:1.02;letter-spacing:-.035em;color:var(--of-ink,#23272c);max-width:14ch}.page-intro>div>p:last-child{margin-top:22px;max-width:56ch;font-size:var(--of-fs-lead,18px);line-height:1.6;color:var(--of-body,#59616b)}.page-cta{background:var(--of-charcoal,#202326);color:#f4f7fb;padding:clamp(64px,7vw,96px) 24px}.page-cta-inner{max-width:var(--max,1200px);margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;flex-wrap:wrap}.page-cta h2{margin-top:12px;font-size:var(--of-fs-h2,48px);font-weight:750;line-height:1.04;letter-spacing:-.03em;color:#f4f7fb}.page-cta .of-label{color:#bcc5cf}.page-cta .button{background:#fff;color:#23272c;border-color:#fff}.page-cta .button:hover{background:#a9cefa;border-color:#a9cefa}.offer-more{max-width:var(--max,1200px);margin:36px auto 0;padding:0 24px}.page-package .offer-v45{padding-top:clamp(72px,9vw,128px)}.page-contact .closing-contact{min-height:calc(100vh - 80px);display:grid;align-content:center}.work-inside{margin:28px 0 0}.work-inside img{display:block;width:100%;height:auto;border:1px solid var(--of-rule,#dfe3e7);border-radius:var(--of-radius-sm,6px)}.work-inside figcaption{margin-top:10px;font-size:var(--of-fs-small,14px);color:var(--of-body,#59616b)}.home-more{width:min(var(--max,1200px),calc(100% - 48px));margin:36px auto 0}.studio-answers .home-more{width:auto;margin:28px 0 0}:root{--gutter:48px}@media (max-width:1100px){:root{--gutter:32px}}@media (max-width:800px){:root{--gutter:25px}}@media (max-width:520px){:root{--gutter:22px}}@media (max-width:370px){:root{--gutter:18px}}.oak-header .oak-header-inner,.work-wrap,.pg-wrap,.page-cta-inner,.page-intro-inner,.home-more,.offer-more{width:min(var(--max,1200px),calc(100% - var(--gutter)*2));margin-inline:auto}.page-cta,.page-intro{padding-inline:0}.offer-more{padding-inline:0}.studio-answers .home-more{width:auto}.oak-bubble{position:fixed;right:24px;bottom:88px;z-index:60;display:flex;align-items:center;gap:10px;height:56px;padding:0 22px 0 18px;border-radius:28px;background:var(--of-blue,#2563eb);color:#fff;font:700 15px/1 var(--of-sans,Manrope,sans-serif);text-decoration:none;box-shadow:0 16px 32px -14px rgba(37,99,235,.75),0 2px 8px rgba(23,32,42,.14);opacity:0;transform:translateY(16px) scale(.96);pointer-events:none;transition:opacity .3s ease,transform .3s ease,background-color .2s}.oak-bubble.is-on{opacity:1;transform:none;pointer-events:auto}.oak-bubble:hover{background:var(--of-blue-hover,#1d4ed8);color:#fff}.oak-bubble svg{width:24px;height:24px;flex:none}.oak-bubble::after{content:"";position:absolute;right:14px;top:12px;width:9px;height:9px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 2px var(--of-blue,#2563eb)}@media (max-width:760px){.oak-bubble{right:16px;bottom:16px;width:56px;padding:0;justify-content:center}.oak-bubble span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.oak-bubble::after{right:10px;top:10px}}@media (prefers-reduced-motion:reduce){.oak-bubble{transition:none}}.oak-nav a[aria-current]{color:var(--of-blue,#2563eb)}.work-index{display:block}.work-index>p{max-width:46ch}.work-index .work-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:28px}.work-thumbs a{display:block;text-decoration:none;color:var(--of-ink,#23272c)}.work-thumb-img{display:block;aspect-ratio:16/10;overflow:hidden;border-radius:8px;background:#eef1f4;box-shadow:0 0 0 1px var(--of-rule,#dfe3e7),0 14px 28px -20px rgba(23,32,42,.5)}.work-thumb-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.work-thumbs a:hover .work-thumb-img img{transform:scale(1.04)}.work-thumb-label{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:14px;font-weight:700}.work-thumb-label i{font-style:normal;color:var(--of-blue,#2563eb)}@media (max-width:900px){.work-index .work-thumbs{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:42%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.work-thumbs a{scroll-snap-align:start}}@media (max-width:520px){.work-index .work-thumbs{grid-auto-columns:68%}}.closing-contact{position:relative;overflow:hidden;isolation:isolate}.cf-deco{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(169,206,250,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(169,206,250,.07) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse 55% 75%at 72% 50%,#000 0%,transparent 75%);mask-image:radial-gradient(ellipse 55% 75%at 72% 50%,#000 0%,transparent 75%)}.cf-deco::after{content:"";position:absolute;right:6%;top:50%;width:min(720px,70vw);aspect-ratio:1;transform:translateY(-50%);background:radial-gradient(circle,rgba(37,99,235,.32) 0%,rgba(37,99,235,0) 62%)}.cf-steps{list-style:none;margin:30px 0 0;padding:0;max-width:430px;counter-reset:cf}.cf-steps li{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:16px;padding:0 0 22px}.cf-steps li::before{counter-increment:cf;content:counter(cf);grid-row:1/3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(169,206,250,.12);box-shadow:inset 0 0 0 1px rgba(169,206,250,.4);color:#a9cefa;font-weight:800;font-size:14px}.cf-steps li:last-child::before{background:var(--of-blue,#2563eb);box-shadow:none;color:#fff}.cf-steps li:not(:last-child)::after{content:"";position:absolute;left:16px;top:40px;bottom:6px;width:2px;background:rgba(169,206,250,.22)}.cf-steps b{display:block;padding-top:6px;color:#f4f7fb;font-size:15px;font-weight:700;line-height:1.3}.cf-steps li>span{display:block;margin-top:4px;color:#bcc5cf;font-size:14px;line-height:1.55}.cf-reply{position:relative;display:flex;align-items:center;gap:14px;margin:0 0 20px;padding:12px 14px;border-radius:12px;background:var(--of-pale,#edf3ff)}.cf-reply-sig{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--of-pale-2,#dfe9fb)}.cf-reply-sig img{width:40px;height:auto}.cf-reply-text b{display:block;font-size:15px;color:var(--of-ink,#23272c)}.cf-reply-text span{display:block;margin-top:2px;font-size:13px;color:var(--of-body,#59616b)}.cf-dot{position:absolute;left:52px;top:14px;width:12px;height:12px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px var(--of-pale,#edf3ff)}.cf-gallery{margin-top:36px;max-width:460px}.cf-gallery>p{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#bcc5cf}.cf-gallery>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 14px}.cf-gallery>div img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:6px;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 12px 24px -14px #000;transition:transform .25s}.cf-gallery>div a:hover img{transform:translateY(-3px)}.cf-gallery-link{display:inline-flex;align-items:center;gap:8px;color:#f4f7fb;font-size:14px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:3px}.cf-gallery-link img{filter:invert(1)}@media (max-width:760px){.cf-deco::after{right:-30%;top:70%}.cf-steps{margin-top:24px}}.cf-gallery>div img{height:auto;object-position:50% 30%}@media (max-width:760px){.cf-gallery>div{gap:8px}}.wk-hero{padding-bottom:clamp(56px,6vw,88px)}.wk-top{align-items:end}.wk{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center;margin-top:clamp(36px,4vw,56px)}.wk-tabs{list-style:none;margin:0;padding:0;border-top:1px solid var(--of-rule,#dfe3e7)}.wk-tabs li{border-bottom:1px solid var(--of-rule,#dfe3e7)}.wk-tabs button{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);gap:2px 8px;width:100%;padding:16px 4px 16px 0;border:0;background:none;text-align:left;cursor:pointer;color:var(--of-body,#59616b);font:inherit}.wk-n{grid-row:1/3;padding-top:3px;font-size:12px;font-weight:700;color:#9aa4ae;font-variant-numeric:tabular-nums}.wk-ind{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:750;letter-spacing:-.01em;color:#8a939d;transition:color .25s}.wk-ind::after{content:"";width:9px;height:9px;border-radius:50%;background:var(--c);opacity:0;transform:scale(.4);transition:opacity .25s,transform .25s}.wk-name{font-size:13.5px;color:#9aa4ae;transition:color .25s}.wk-prog{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--c);transform:scaleX(0);transform-origin:left}.wk-tabs button:hover .wk-ind{color:var(--of-ink,#23272c)}.wk-tabs button[aria-selected="true"] .wk-n{color:var(--of-blue,#2563eb)}.wk-tabs button[aria-selected="true"] .wk-ind{color:var(--of-ink,#23272c)}.wk-tabs button[aria-selected="true"] .wk-ind::after{opacity:1;transform:none}.wk-tabs button[aria-selected="true"] .wk-name{color:var(--of-body,#59616b)}.wk-tabs button[aria-selected="true"] .wk-prog{transform:scaleX(1)}.wk.is-running .wk-tabs button[aria-selected="true"] .wk-prog{animation:wk-prog var(--wk-time,5200ms) linear both}@keyframes wk-prog{from{transform:scaleX(0)}to{transform:scaleX(1)}}.wk-tabs button:focus-visible{outline:2px solid var(--of-blue,#2563eb);outline-offset:2px}.wk-stage{position:relative;padding:0 22px 0 0}.wk-block{position:absolute;left:28px;right:0;top:28px;bottom:58px;border-radius:14px;background:var(--wk-c,#3f6b4a);transition:background-color .6s ease}.wk-browser{position:relative;z-index:1;margin-right:22px;overflow:hidden;border-radius:10px;background:#fff;box-shadow:0 0 0 1px rgba(23,32,42,.08),0 30px 60px -30px rgba(23,32,42,.45)}.wk-chrome{display:flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-bottom:1px solid var(--of-rule,#dfe3e7);background:#f6f7f8}.wk-chrome i{width:8px;height:8px;border-radius:50%;background:#cfd5dc}.wk-url{margin-left:10px;padding:3px 12px;border-radius:5px;background:#fff;font-size:11.5px;color:var(--of-body,#59616b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wk-url b{font-weight:700;color:var(--of-ink,#23272c)}.wk-screens{position:relative;aspect-ratio:1440/1000;background:#eef0f2}.wk-screens img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50%0;opacity:0;transform:scale(1.015);transition:opacity .55s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.wk-screens img.is-on{opacity:1;transform:none}.wk-cap{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 18px;margin:18px 22px 0 0;padding:0;color:var(--of-ink,#23272c);text-decoration:none}.wk-cap-line{font-family:WorkSerif,"Source Serif 4 Display",Georgia,serif;font-size:clamp(22px,2vw,28px);font-style:italic;font-weight:600;line-height:1.2}.wk-go{font-size:14px;font-weight:700;color:var(--of-body,#59616b);white-space:nowrap}.wk-go i{font-style:normal;color:var(--of-blue,#2563eb)}.wk-cap:hover .wk-go{color:var(--of-blue,#2563eb)}.wk-note{margin-top:22px}@media (max-width:900px){.wk{grid-template-columns:minmax(0,1fr);gap:18px}.wk-stage{padding-right:12px}.wk-block{left:16px;top:16px;bottom:52px}.wk-browser,.wk-cap{margin-right:12px}.wk-tabs{display:flex;gap:8px;overflow-x:auto;border:0;padding-bottom:4px;scroll-snap-type:x proximity;scrollbar-width:none}.wk-tabs::-webkit-scrollbar{display:none}.wk-tabs li{flex:none;border:0;scroll-snap-align:start}.wk-tabs button{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--of-rule,#dfe3e7);border-radius:999px;background:#fff}.wk-n,.wk-name{display:none}.wk-ind{font-size:14px}.wk-ind::after{order:-1}.wk-tabs button[aria-selected="true"]{border-color:var(--of-ink,#23272c)}.wk-prog{display:none}}@media (max-width:600px){.wk-chrome{height:26px}.wk-url{font-size:10.5px}.wk-cap{flex-direction:column;gap:6px}}@media (prefers-reduced-motion:reduce){.wk-screens img,.wk-block{transition:none}.wk-prog{animation:none!important}}@media (max-width:420px){.paint-browser,.paint-copy{min-width:0}.paint-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}.study-kicker{margin:0 0 18px;font-size:14px;font-weight:650;letter-spacing:.01em;color:var(--of-blue)}.study-steps{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 26px;max-width:880px;margin:16px auto 0;padding:0;list-style:none;font-size:13px;line-height:1.5;color:var(--of-body)}.study-steps li{display:flex;align-items:center;gap:8px}.study-steps b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--of-blue);color:#fff;font-size:11px;font-weight:700;flex-shrink:0}@media (max-width:640px){.study-steps{flex-direction:column;align-items:flex-start;width:max-content;max-width:100%;gap:8px;text-align:left}}.study-lead strong{font-weight:700;color:var(--of-ink)}.study-lead a{color:inherit;text-decoration:underline;text-decoration-color:rgba(37,99,235,.45);text-underline-offset:3px}.study-lead a:hover{color:var(--of-blue)}