.contrast-section{--contrast-ink-rgb: var(--color-foreground-rgb, 31, 38, 34);--contrast-accent-rgb: var(--color-primary-rgb, 196, 103, 74);--contrast-ink: rgb(var(--contrast-ink-rgb));--contrast-muted: rgba(var(--contrast-ink-rgb), .72);--contrast-soft: rgba(var(--contrast-ink-rgb), .52);--contrast-line: rgba(var(--contrast-ink-rgb), .1);--contrast-line-strong: rgba(var(--contrast-ink-rgb), .18);--contrast-sand: #f5f1ea;--contrast-sand-deep: #eee7dc;--contrast-card: rgba(255, 255, 255, .52);--contrast-card-hover: rgba(255, 255, 255, .72);--contrast-accent: rgb(var(--contrast-accent-rgb));--contrast-sage: #2d4f3e;--contrast-dark: #1f2622;--contrast-radius-xl: clamp(1.8rem, 3vw, 3rem);--contrast-radius-lg: clamp(1.25rem, 2vw, 1.8rem);--contrast-ease: cubic-bezier(.16, 1, .3, 1);width:min(100%,var(--page-width, 1440px));margin-inline:auto;padding:clamp(1rem,2vw,1.5rem);position:relative;isolation:isolate;box-sizing:border-box;border:1px solid rgba(var(--contrast-ink-rgb),.08);border-radius:var(--contrast-radius-xl);background:radial-gradient(circle at 16% 12%,rgba(196,103,74,.1),transparent 34rem),radial-gradient(circle at 88% 20%,rgba(45,79,62,.08),transparent 30rem),linear-gradient(135deg,var(--contrast-sand) 0%,var(--contrast-sand-deep) 100%);box-shadow:inset 0 1px #ffffff94,0 22px 70px rgba(var(--contrast-ink-rgb),.06);margin-top:1rem}.contrast-section,.contrast-section *,.contrast-section *:before,.contrast-section *:after{box-sizing:border-box}.contrast-header{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.5rem,4vw,4rem);align-items:end;padding:clamp(1.5rem,3vw,3rem);padding-bottom:clamp(1.25rem,2vw,2rem)}.contrast-heading{max-width:13ch;margin:0;color:var(--contrast-ink);font-family:var(--font-heading--family, var(--font-heading-family, serif));font-size:clamp(2.55rem,5vw,4.65rem);font-weight:360;line-height:.99;letter-spacing:-.058em;text-wrap:balance}.contrast-heading em{color:var(--contrast-accent);font-style:italic}.contrast-intro{max-width:46rem;margin:0;color:var(--contrast-muted);font-size:clamp(1.02rem,1.45vw,1.24rem);line-height:1.55}.contrast-layout-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.35rem);width:100%;padding:clamp(1rem,2vw,1.5rem);padding-top:0}.contrast-card-isolated{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(560px,42vw,680px);display:flex;flex-direction:column;border:1px solid rgba(var(--contrast-ink-rgb),.09);border-radius:var(--contrast-radius-lg);box-shadow:inset 0 1px #ffffffa3,0 14px 38px rgba(var(--contrast-ink-rgb),.05);transition:transform .18s var(--contrast-ease),border-color .18s ease,box-shadow .18s ease}.card-text-content,.card-overlay-content{position:relative;z-index:3;padding:clamp(2rem,4vw,3.5rem);text-align:left}.contrast-card--problem{justify-content:space-between;background:linear-gradient(135deg,#ffffff9e,#ffffff57)}.contrast-card--problem:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 20% 10%,rgba(196,103,74,.1),transparent 24rem),radial-gradient(circle at 80% 90%,rgba(31,38,34,.06),transparent 22rem)}.card-product-visual-wrapper{position:relative;z-index:2;width:100%;min-height:clamp(220px,20vw,300px);overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding-inline:clamp(1.25rem,3vw,2.5rem)}.card-product-visual-wrapper:before{content:"";position:absolute;inset:auto 0 0;height:64%;background:linear-gradient(to top,rgba(var(--contrast-ink-rgb),.06),rgba(var(--contrast-ink-rgb),0));pointer-events:none}.card-static-img{position:relative;z-index:1;width:min(92%,520px);height:auto;max-height:300px;object-fit:contain;object-position:bottom center;border-radius:1.25rem 1.25rem 0 0;opacity:.62;filter:saturate(.45) contrast(.92);mix-blend-mode:multiply;transition:opacity .18s ease,filter .18s ease,transform .42s var(--contrast-ease)}.contrast-card--solution{background:var(--contrast-dark)}.card-bg-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.96;transform:scale(1.001);transition:opacity .18s ease,transform .52s var(--contrast-ease)}.contrast-card--solution:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(to right,#1f2622eb,#1f2622ad 44%,#1f262238)}.card-overlay-content{height:100%;max-width:34rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;color:#fff}.card-badge{display:block;margin:0 0 1.4rem;color:var(--contrast-soft);font-size:.72rem;font-weight:800;line-height:1.2;letter-spacing:.14em;text-transform:uppercase}.card-badge.badge-accent,.contrast-card--solution .card-badge{color:var(--contrast-accent)}.card-title{max-width:12ch;margin:0 0 1.25rem;color:var(--contrast-ink);font-family:var(--font-heading--family, var(--font-heading-family, serif));font-size:clamp(2rem,3.4vw,3rem);font-weight:380;line-height:1.05;letter-spacing:-.045em;text-wrap:balance}.card-title em{color:var(--contrast-accent);font-style:italic}.card-desc{max-width:38rem;margin:0;color:var(--contrast-muted);font-size:clamp(.95rem,1.05vw,1.04rem);line-height:1.58}.card-overlay-content .card-title{color:#fff}.card-overlay-content .card-desc{color:#ffffffc7}.card-visual-hint{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.75rem}.hint-badge{min-height:34px;display:inline-flex;align-items:center;gap:.48rem;padding:.5rem .9rem;border:1px solid rgba(var(--contrast-ink-rgb),.09);border-radius:999px;background:#ffffff75;color:var(--contrast-ink);font-size:.78rem;font-weight:720;line-height:1;box-shadow:inset 0 1px #ffffff8a}.contrast-card--solution .hint-badge{border-color:#ffffff2e;background:#ffffff1f;color:#ffffffeb;box-shadow:inset 0 1px #ffffff29}.feather-icon{width:14px;height:14px;flex:0 0 auto;color:currentColor}@media(hover:hover)and (pointer:fine){.contrast-card-isolated:hover{transform:translateY(-3px);border-color:var(--contrast-line-strong);box-shadow:inset 0 1px #ffffffb8,0 18px 44px rgba(var(--contrast-ink-rgb),.085)}.contrast-card--problem:hover .card-static-img{opacity:.78;filter:saturate(.7) contrast(.96);transform:scale(1.025)}.contrast-card--solution:hover .card-bg-img{opacity:1;transform:scale(1.035)}}@media screen and (max-width:989px){.contrast-section{padding:1rem;border-radius:2rem}.contrast-header{grid-template-columns:1fr;gap:1.25rem;padding:1.25rem}.contrast-heading{max-width:13ch}.contrast-layout-container{grid-template-columns:1fr;padding:1rem;padding-top:0}.contrast-card-isolated{min-height:540px}.contrast-card--solution:before{background:linear-gradient(to top,#1f2622f0,#1f26229e 54%,#1f26222e)}}@media screen and (max-width:749px){.contrast-section{width:calc(100% - 1rem);padding:.75rem;border-radius:1.65rem}.contrast-header{padding:1rem .75rem}.contrast-heading{font-size:clamp(2.25rem,11vw,3.1rem);line-height:1}.contrast-intro{font-size:1rem;line-height:1.55}.contrast-layout-container{padding:.75rem;padding-top:0;gap:1rem}.contrast-card-isolated{min-height:auto;border-radius:1.35rem}.card-text-content,.card-overlay-content{padding:1.35rem}.card-title{max-width:13ch;font-size:clamp(1.85rem,8vw,2.45rem)}.card-product-visual-wrapper{min-height:210px}.card-static-img{width:min(96%,420px)}.contrast-card--solution{min-height:560px}.card-overlay-content{justify-content:flex-end}.contrast-card--solution:before{background:linear-gradient(to top,#1f2622f5,#1f2622b8 48%,#1f262229)}}@media screen and (max-width:480px){.contrast-card--solution{min-height:520px}.card-product-visual-wrapper{min-height:190px}.hint-badge{width:100%;justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.contrast-card-isolated,.card-static-img,.card-bg-img{transition:none}.contrast-card-isolated:hover,.contrast-card--problem:hover .card-static-img,.contrast-card--solution:hover .card-bg-img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-contrast-grid.css.map */