.case-article,.case-article *,.case-article *:before,.case-article *:after{box-sizing:border-box}.case-article{--case-ink: var(--color-black);--case-ink-2: rgba(33, 33, 33, .72);--case-ink-3: #686b64;--case-green: var(--color-green-500);--case-green-text: #3f6a12;--case-green-950: #19220f;--case-card: var(--color-white);--case-line: rgba(33, 33, 33, .14);--case-line-2: rgba(33, 33, 33, .08);--case-r: 14px;--case-r-lg: 20px;--case-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 12px 40px -12px rgba(0, 0, 0, .14);--case-ease: cubic-bezier(.2, .7, .2, 1);--case-max: 1240px;--case-pad: clamp(20px, 5vw, 72px);display:block;background:var(--color-paper);color:var(--case-ink);font-size:16px;line-height:1.55;overflow-x:clip;overflow-wrap:break-word}.case-article :where(h1,h2,h3,p,ul,ol,li,figure,figcaption){margin:0;padding:0}.case-article :where(ul,ol){list-style:none}.case-article :where(img){max-width:100%}.case-article__inner{max-width:var(--case-max);margin-inline:auto;padding-inline:var(--case-pad)}.case-article__head{padding-top:clamp(8px,2vw,24px)}.case-article .case-article__eyebrow{margin-bottom:14px;font-size:10px;line-height:1.55;letter-spacing:.13em;text-transform:uppercase;font-weight:var(--font-weight-semibold);color:var(--case-ink-2)}.case-article__eyebrow a{color:inherit;text-decoration:none}@media(hover:hover){.case-article__eyebrow a:hover{color:var(--case-ink)}}.case-article .case-article__title{margin:10px 0 18px;max-width:18ch;font-size:clamp(32px,5vw,56px);line-height:1.05;letter-spacing:-.025em;font-weight:var(--font-weight-medium);text-wrap:balance}.case-article .case-article__lead{max-width:36em;font-size:clamp(16px,1.4vw,20px);line-height:1.5;color:var(--case-ink-2)}.case-article .case-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:22px;font-size:14px;line-height:1.55;color:var(--case-ink-2)}.case-meta b{color:var(--case-ink);font-weight:var(--font-weight-semibold)}@media screen and (max-width:599px){.case-article .case-meta{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:14px;margin-top:20px;padding:2px 16px;background:var(--case-card);border:1px solid var(--case-line-2);border-radius:var(--case-r)}.case-article .case-meta li{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;padding:11px 0;line-height:1.45}@supports not (grid-template-columns: subgrid){.case-article .case-meta li{grid-template-columns:104px minmax(0,1fr);column-gap:12px}}.case-article .case-meta li+li{border-top:1px solid var(--case-line-2)}}.case-article__hero{margin:36px 0 0;border-radius:var(--case-r-lg);overflow:hidden;background:var(--color-grey-300)}.case-article__hero img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}.case-article__content{margin-top:clamp(40px,6vw,72px)}.case-body{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}.case-article .case-main>h2{margin:0 0 14px;font-size:clamp(22.4px,2.6vw,32px);line-height:1.55;letter-spacing:-.02em;font-weight:var(--font-weight-medium)}.case-article .case-main>h2:not(:first-child){margin-top:clamp(36px,4vw,48px)}.case-article .case-main>p{font-size:16px;line-height:1.55;color:var(--case-ink-2)}.case-article .case-main>p+p{margin-top:.75em}.case-main a{color:var(--case-green-text)}.case-article .case-steps{margin-top:28px;counter-reset:case-step}.case-article .case-step{counter-increment:case-step;display:block;padding:20px 0 22px;border-top:1px solid var(--case-line)}.case-step:last-child{border-bottom:1px solid var(--case-line)}.case-step:before{content:counter(case-step,decimal-leading-zero);float:left;margin-right:10px;font-size:13px;line-height:23.4px;letter-spacing:.1em;font-weight:var(--font-weight-bold);color:var(--case-green-text)}.case-article .case-step h3{margin:0 0 6px;font-size:18px;line-height:1.3;letter-spacing:-.01em;font-weight:var(--font-weight-semibold)}.case-article .case-step p{font-size:15px;line-height:1.55;color:var(--case-ink-2)}.case-pics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.case-pics--1{grid-template-columns:minmax(0,1fr)}.case-pics img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--case-r);background:var(--color-grey-300)}.case-pics--1 img{aspect-ratio:3 / 2}.case-pics--3 figure:last-child{grid-column:1 / -1}.case-pics--3 figure:last-child img{aspect-ratio:16 / 9}.case-article .case-pics figcaption{margin-top:4px;font-size:12px;line-height:1.55;color:var(--case-ink-3)}.case-article .case-main>.case-note{margin-top:20px;font-size:13px;line-height:1.5;color:var(--case-ink-3)}.case-aside{display:grid;gap:14px;align-self:start}.case-card{padding:20px;background:var(--case-card);border:1px solid var(--case-line-2);border-radius:var(--case-r-lg)}.case-article .case-card h3{margin:0 0 10px;font-size:17px;line-height:1.3;letter-spacing:-.01em;font-weight:var(--font-weight-semibold)}.case-article .case-card li{position:relative;padding:5px 0 5px 20px;font-size:15px;line-height:1.55;color:var(--case-ink-2)}.case-card li:before{content:"";position:absolute;left:0;top:15px;width:10px;height:2px;background:var(--case-green)}.case-card--result{background:var(--case-green-950);border-color:var(--case-green-950);color:var(--color-white)}.case-article .case-card--result h3{color:var(--color-white)}.case-article .case-card--result p{font-size:15px;line-height:1.55;color:#ffffffd1}.case-cta{display:grid;grid-template-columns:minmax(0,1fr);gap:20px 32px;align-items:center;margin-top:clamp(48px,7vw,96px);padding:clamp(28px,4vw,48px);background:var(--case-card);border-radius:var(--case-r-lg);box-shadow:var(--case-shadow)}.case-article .case-cta__title{margin:0 0 8px;font-size:clamp(24px,3vw,35.2px);line-height:1.25;letter-spacing:-.02em;font-weight:var(--font-weight-medium)}.case-cta__text{max-width:52ch;color:var(--case-ink-2)}.case-article .case-cta__text p{font-size:16px;line-height:1.55}.case-cta__actions{display:flex;flex-wrap:wrap;gap:10px}.case-cta__actions .button{white-space:nowrap}@media screen and (max-width:599px){.case-cta__actions .button{flex:1 1 100%}}.case-nav{margin-top:clamp(40px,5vw,64px)}.case-nav__head{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:14px}@media screen and (min-width:600px){.case-nav__head{flex-direction:row;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}}.case-article .case-nav__title{font-size:18px;line-height:1.3;letter-spacing:-.01em;font-weight:var(--font-weight-semibold)}.case-nav__all,.case-nav__link{text-decoration:none}.case-nav__all{display:inline-flex;align-items:center;gap:8px;flex:none;color:var(--case-green-text);font-size:15px;font-weight:var(--font-weight-semibold)}.case-nav__links{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.case-nav__link{display:flex;align-items:center;gap:16px;padding:10px 18px 10px 10px;background:var(--case-card);border:1px solid var(--case-line-2);border-radius:var(--case-r-lg);color:var(--case-ink);transition:transform .2s var(--case-ease),box-shadow .2s var(--case-ease)}.case-nav__thumb{flex:none;width:96px;height:72px;object-fit:cover;border-radius:10px}.case-nav__text{display:flex;flex-direction:column;gap:4px;min-width:0}.case-nav__label{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;font-weight:var(--font-weight-bold);color:var(--case-green-text)}.case-nav__name{font-size:16px;line-height:1.3;font-weight:var(--font-weight-medium);text-wrap:balance}.case-nav__arrow{display:inline-flex;width:14px;height:14px;transition:transform var(--duration-quick) var(--case-ease)}.case-nav__arrow svg{display:block;width:100%;height:100%}@media(hover:hover){.case-nav__link:hover{transform:translateY(-2px);box-shadow:var(--case-shadow)}.case-nav__link:hover .case-nav__arrow{transform:translate(-3px)}.case-nav__link--next:hover .case-nav__arrow,.case-nav__all:hover .case-nav__arrow{transform:translate(3px)}}.case-pics__zoom{display:block;width:100%;margin:0;padding:0;border:0;border-radius:var(--case-r);background:none;color:inherit;cursor:zoom-in;-webkit-tap-highlight-color:transparent}.case-pics__zoom:focus-visible{outline:2px solid var(--case-ink);outline-offset:3px}@media(hover:hover){.case-pics__zoom img{transition:filter var(--duration-quick) var(--case-ease)}.case-pics__zoom:hover img{filter:brightness(1.06)}}html.case-lightbox-open{overflow:hidden}.case-lightbox{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:#11120f;color:var(--color-white);overscroll-behavior:contain}.case-lightbox::backdrop{background:#11120f99}.case-lightbox[open]{display:block}.case-lightbox__stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:calc(64px + env(safe-area-inset-top,0px)) 12px calc(96px + env(safe-area-inset-bottom,0px))}.case-lightbox__figure{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:100%;max-height:100%;margin:0}.case-lightbox__img{display:block;max-width:100%;max-height:calc(100dvh - 208px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));width:auto;height:auto;object-fit:contain;border-radius:10px;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.case-lightbox__caption{max-width:60ch;font-size:14px;line-height:1.45;text-align:center;color:#ffffffd1}.case-lightbox__caption[hidden]{display:none}.case-lightbox .case-lightbox__count{position:absolute;top:calc(22px + env(safe-area-inset-top,0px));left:20px;margin:0;font-size:13px;line-height:1;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:#ffffffb8}.case-lightbox__close,.case-lightbox__prev,.case-lightbox__next{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.24);border-radius:var(--radius-full);background:#ffffff14;color:var(--color-white);cursor:pointer;transition:background var(--duration-quick) var(--case-ease)}.case-lightbox__close svg,.case-lightbox__prev svg,.case-lightbox__next svg{width:18px;height:18px}.case-lightbox__close{position:absolute;top:calc(8px + env(safe-area-inset-top,0px));right:12px}.case-lightbox__nav{position:absolute;left:0;right:0;bottom:calc(24px + env(safe-area-inset-bottom,0px));display:flex;justify-content:center;gap:16px}case-lightbox[data-single] .case-lightbox__nav,case-lightbox[data-single] .case-lightbox__count{display:none}.case-lightbox :is(button):focus-visible{outline:2px solid var(--color-white);outline-offset:2px}@media(hover:hover){.case-lightbox__close:hover,.case-lightbox__prev:hover,.case-lightbox__next:hover{background:#ffffff2e}}@media screen and (min-width:990px){.case-lightbox__stage{padding:72px 112px}.case-lightbox__img{max-height:calc(100dvh - 192px)}.case-lightbox__nav{top:50%;bottom:auto;justify-content:space-between;padding-inline:32px;transform:translateY(-50%);pointer-events:none}.case-lightbox__nav button{pointer-events:auto}.case-lightbox__close{top:20px;right:24px}.case-lightbox .case-lightbox__count{top:34px;left:32px}}@media screen and (min-width:600px){.case-pics--3{grid-template-columns:repeat(3,minmax(0,1fr))}.case-pics--3 figure:last-child{grid-column:auto}.case-pics--3 figure:last-child img{aspect-ratio:4 / 3}.case-article .case-step{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;padding:26px 0}.case-step:before{float:none;margin-right:0;padding-top:4px;line-height:1.55}.case-article .case-article__eyebrow{font-size:11px;letter-spacing:.16em;margin-bottom:18px}.case-article__hero img{aspect-ratio:16 / 9}.case-nav__links{grid-template-columns:repeat(2,minmax(0,1fr))}.case-card{padding:22px 24px}.case-aside{gap:18px}.case-nav__link--next{flex-direction:row-reverse;padding:10px 10px 10px 18px;text-align:right}.case-nav__link--next .case-nav__text{align-items:flex-end}}@media screen and (min-width:600px)and (max-width:989px){.case-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.case-card--result{grid-column:1 / -1}}@media screen and (min-width:990px){.case-body{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(28px,5vw,72px)}.case-aside{position:sticky;top:calc(var(--header-height, 0px) + 24px)}.case-cta{grid-template-columns:minmax(0,1fr) auto}}@media(prefers-reduced-motion:reduce){.case-nav__link,.case-nav__arrow,.case-pics__zoom img,.case-lightbox__close,.case-lightbox__prev,.case-lightbox__next{transition:none}.case-nav__link:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-article-case.css.map */