.fidget-preview{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(48px,8vw,130px);align-items:center;padding:clamp(82px,11vh,130px) 4.5vw;background:#f7f5ef;color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.fidget-preview:before{content:"02";position:absolute;right:-.01em;bottom:-.2em;color:rgba(23,33,43,.035);font:clamp(180px,25vw,390px)/.75 var(--serif);pointer-events:none}.fidget-preview-copy{position:relative;z-index:1;max-width:590px}.fidget-preview h2{margin:16px 0 25px;font:clamp(56px,6.5vw,100px)/.88 var(--serif);letter-spacing:-.055em}.fidget-preview p{max-width:520px;margin:0;color:var(--muted);font-size:16px;line-height:1.68}.fidget-preview .section-number{color:var(--red)}.fidget-preview-visual{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px;background:#17212b}.fidget-preview-visual figure{margin:0;background:#fff;border:0;box-shadow:none}.fidget-preview-visual figure:last-child{transform:none}.fidget-preview-visual img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.fidget-preview-visual figcaption{padding:13px 15px;border-top:1px solid rgba(23,33,43,.12);color:#17212b;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:700}.fidget-badge{display:inline-flex;margin-bottom:17px;padding:7px 10px;border:1px solid rgba(23,33,43,.32);border-radius:999px;background:#fff;text-transform:uppercase;letter-spacing:.14em;font-size:9px;font-weight:700}.fidget-badge:before{content:"";width:6px;height:6px;margin:2px 7px 0 0;border-radius:50%;background:#258757}.fidget-link{display:inline-flex;margin-top:25px;border-bottom:1px solid var(--red);padding-bottom:5px;color:var(--red);font-size:13px;font-weight:700}
.fidget-case-hero{position:relative;background:#f7f5ef;color:#17212b;border-bottom:8px solid #e5aa24;overflow:hidden}.fidget-case-hero:after{content:"ECOMMERCE";position:absolute;right:-.02em;bottom:-.14em;color:rgba(23,33,43,.032);font:clamp(100px,15vw,250px)/1 var(--serif);letter-spacing:-.06em;pointer-events:none}.fidget-case-hero .overline{color:var(--red)}.fidget-case-hero h1,.fidget-case-hero .case-summary{position:relative;z-index:1}.fidget-case-hero h1{max-width:1100px}.fidget-showcase{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(50px,8vw,130px);align-items:center;padding:12vh 4.5vw;background:#17212b;color:#fff}.fidget-showcase h2{margin:16px 0 26px;font:clamp(55px,6.7vw,100px)/.9 var(--serif);letter-spacing:-.055em}.fidget-showcase-copy p{max-width:520px;color:rgba(255,255,255,.7);font-size:15px;line-height:1.72}.fidget-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fidget-product-grid figure{margin:0;background:#fff;color:#17212b}.fidget-product-grid img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.fidget-product-grid figcaption{padding:16px 17px;border-top:1px solid rgba(23,33,43,.12)}.fidget-product-grid strong{display:block;font:22px var(--serif)}.fidget-product-grid span{display:block;margin-top:5px;color:#596674;font-size:11px}.fidget-result{background:#e8dfcf!important;color:#17212b!important}.fidget-result .section-number{color:var(--red)!important}.fidget-result p{color:#4f565c!important}
@media(max-width:850px){.fidget-preview,.fidget-showcase{grid-template-columns:1fr}.fidget-preview-visual{margin-top:8px}.fidget-case-hero:after{display:none}}
@media(max-width:620px){.fidget-preview,.fidget-showcase{padding:76px 20px}.fidget-preview h2,.fidget-showcase h2{font-size:14vw}.fidget-preview-visual{grid-template-columns:1fr;padding:12px}.fidget-product-grid{grid-template-columns:1fr}.fidget-preview-visual figure:last-child,.fidget-product-grid figure:last-child{display:none}.fidget-preview:before{display:none}}