.val-section-case{margin:0}.val-case{background:var(--b2b-bg);color:var(--b2b-ink)}.val-case ::selection{background:var(--b2b-accent);color:var(--b2b-on-accent)}@keyframes val-case-wake{0%{transform:scale(1.06);filter:brightness(.72)}to{transform:scale(1);filter:brightness(1)}}@keyframes val-case-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.val-case__stage{position:relative;isolation:isolate;min-height:calc(100svh - var(--header-height, 4.8rem));display:grid;align-items:end;overflow:hidden;background:var(--b2b-surface)}.val-case__visual,.val-case__folio{grid-column:1;grid-row:1}.val-case__visual{z-index:0;min-height:calc(100svh - var(--header-height, 4.8rem))}.val-case__visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:58% 46%;animation:val-case-wake 1.4s cubic-bezier(.16,1,.3,1) both}.val-case__folio{z-index:1;width:100%;padding:56px clamp(20px,5vw,72px) 28px;background:linear-gradient(180deg,#f5f2ed00 0,#f5f2ed 42%);animation:val-case-rise .9s cubic-bezier(.16,1,.3,1) .35s both}.val-case__inner{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:clamp(48px,7vw,88px) 0 0}.val-case__lede,.val-case__copy{max-width:34em}.val-case__eyebrow,.val-case__meta{margin:0;color:var(--b2b-accent);font-family:var(--val-body),Inter,system-ui,sans-serif;font-size:11px;font-weight:650;letter-spacing:.26em;line-height:1.3;text-transform:uppercase}.val-case__eyebrow{margin-bottom:.85rem}.val-case__meta{margin-top:1.15rem;color:var(--b2b-muted);font-weight:600}.val-v5.val-case h1,.val-v5.val-case h2,.val-v5.val-case h3,.val-case h1,.val-case h2,.val-case h3{margin:0;width:auto;max-width:none;color:var(--b2b-accent);font-family:"Cormorant Garamond",var(--font-heading-family),Georgia,serif;font-weight:500;overflow-wrap:break-word;text-transform:none}.val-v5.val-case h1,.val-case h1{max-width:8em;font-size:clamp(3.4rem,8vw,6.2rem);line-height:.92;letter-spacing:-.03em}.val-v5.val-case h2,.val-case h2{max-width:14em;margin-bottom:1.35em;font-size:clamp(28px,2.8vw,36px);line-height:1.08;letter-spacing:-.025em}.val-v5.val-case h3,.val-case h3{color:var(--b2b-ink);font-size:20px;line-height:1.22;letter-spacing:-.015em}.val-v5.val-case p,.val-v5.val-case li{margin:0;max-width:none;color:var(--b2b-muted);font-family:var(--val-body),Inter,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:1.6}.val-case__intro{margin:1rem 0 0;max-width:28em;color:var(--b2b-ink);font-size:17px;line-height:1.5}.val-v5.val-case .val-case__intro{color:var(--b2b-ink);font-size:17px;line-height:1.5}.val-case__prose{margin:0;max-width:36em}.val-v5.val-case .val-case__prose{margin:0}.val-v5.val-case .val-case__prose+.val-case__prose{margin-top:1.35em}.val-case__chapter{padding:clamp(40px,6vw,72px) 0 0}.val-case__chapter+.val-case__chapter{margin-top:clamp(8px,1.5vw,16px);border-top:1px solid color-mix(in srgb,var(--b2b-line) 50%,transparent)}.val-case__chapter--split{display:grid;gap:clamp(24px,4vw,56px);align-items:center}.val-case__media,.val-case__pair,.val-case__proof,.val-case__scent{margin:0}.val-case__media{overflow:hidden;background:var(--b2b-surface)}.val-case__media img,.val-case__pair img,.val-case__proof img,.val-case__scent img{display:block;width:100%;height:auto}.val-case__pair{display:grid;grid-template-columns:1fr;gap:8px;margin-top:28px}.val-case__work{list-style:none;margin:32px 0 0;padding:0;border-top:1px solid color-mix(in srgb,var(--b2b-line) 50%,transparent)}.val-case__work-item{display:grid;grid-template-columns:2.2rem minmax(0,1fr);gap:.85rem;padding:1.35rem 0;border-bottom:1px solid color-mix(in srgb,var(--b2b-line) 50%,transparent)}.val-case__work-num{color:var(--b2b-accent);font-size:13px;font-weight:650;letter-spacing:.08em;padding-top:.25rem}.val-case__work-item p{margin-top:.45rem;max-width:42em;font-size:16px;line-height:1.58}.val-case__scents{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:22px 12px;margin:28px 0 0;padding:0}.val-case__scent{overflow:visible}.val-case__scent-media{overflow:hidden;background:var(--b2b-surface)}.val-case__scent-media img,.val-case__scent img{aspect-ratio:3 / 4;object-fit:cover;background:var(--b2b-surface);transition:transform .8s cubic-bezier(.16,1,.3,1)}.val-v5.val-case .val-case__scent h3,.val-case__scent h3{margin:12px 0 0;padding:0;overflow:visible;color:var(--b2b-ink);font-family:"Cormorant Garamond",var(--font-heading-family),Georgia,serif;font-size:22px;font-weight:500;line-height:1.15;letter-spacing:-.015em;text-transform:none;text-wrap:pretty}.val-v5.val-case .val-case__scent p,.val-case__scent p{margin:3px 0 0;color:var(--b2b-muted);font-family:var(--val-body),Inter,system-ui,sans-serif;font-size:12px;font-weight:400;line-height:1.35;letter-spacing:.02em}.val-case__proofs{display:grid;gap:8px;margin-top:28px}.val-case__proofs--wide .val-case__proof,.val-case__proofs--pair .val-case__proof{overflow:hidden;background:var(--b2b-surface)}.val-case__close{margin-top:clamp(48px,7vw,80px);padding:clamp(40px,6vw,64px) clamp(20px,5vw,72px);background:var(--b2b-accent);color:var(--b2b-on-accent)}.val-case__close-inner{width:min(36em,100%)}.val-v5.val-case .val-case__note,.val-case__note{margin:0 0 20px;color:var(--b2b-on-accent);font-size:17px;line-height:1.55}.val-case .val-v5__button--primary{min-height:2.75rem;padding:0 20px;background:var(--b2b-on-accent);border-color:var(--b2b-on-accent);color:var(--b2b-accent)}.val-case .val-v5__button--primary:hover{background:var(--b2b-bg);border-color:var(--b2b-bg);color:var(--b2b-accent)}@media(hover:hover)and (pointer:fine){.val-case__scent:hover .val-case__scent-media img{transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){.val-case__visual img,.val-case__folio,.val-case__scent img{animation:none;transform:none;filter:none;transition:none}}@media(max-width:799px){.val-case__stage{min-height:0;display:block}.val-case__visual,.val-case__folio{grid-column:auto;grid-row:auto}.val-case__visual{position:relative;min-height:0;height:auto;aspect-ratio:4 / 3}.val-case__visual img{object-position:50% 42%}.val-case__folio{position:relative;padding:18px 24px 22px;background:var(--b2b-bg)}.val-case__meta--poster{display:none}.val-case__folio .val-case__intro{margin-top:.5rem;max-width:22em;font-size:17px}.val-v5.val-case h1,.val-case h1{max-width:none;font-size:clamp(3rem,12vw,3.6rem);line-height:.9}.val-case__inner{width:100%;padding:0}.val-case__lede,.val-case__copy{max-width:none;padding:0 24px}.val-case__eyebrow{margin-bottom:.75rem;font-size:11px;letter-spacing:.28em}.val-v5.val-case h2,.val-case h2{max-width:11em;margin-bottom:1.25em;font-size:30px;line-height:1.08;letter-spacing:-.03em}.val-v5.val-case p,.val-v5.val-case li{font-size:17px;line-height:1.6}.val-case__prose{max-width:36em}.val-v5.val-case .val-case__prose+.val-case__prose{margin-top:1.35em}.val-case__chapter{padding-top:44px}.val-case__chapter+.val-case__chapter{margin-top:8px;padding-top:44px}.val-case__chapter--split{display:flex;flex-direction:column;gap:16px}.val-case__chapter--split .val-case__media{order:-1}.val-case__media img{aspect-ratio:auto;height:auto;object-fit:contain;object-position:center}.val-case__pair{grid-template-columns:1fr;gap:8px;margin-top:20px}.val-case__pair img{aspect-ratio:auto;height:auto;object-fit:contain}.val-case__work{margin:22px 24px 0}.val-case__work-item{grid-template-columns:1.85rem minmax(0,1fr);gap:.65rem;padding:1.1rem 0}.val-case__work-num{font-size:12px;padding-top:.35rem}.val-v5.val-case h3,.val-case h3{font-size:19px;line-height:1.2}.val-case__work-item p{margin-top:.4rem;font-size:17px;line-height:1.58}.val-case__scents{gap:22px 12px;margin:22px 24px 0}.val-case__scent-media img,.val-case__scent img{aspect-ratio:4 / 5}.val-v5.val-case .val-case__scent h3,.val-case__scent h3{margin-top:10px;font-size:20px;line-height:1.18}.val-v5.val-case .val-case__scent p,.val-case__scent p{font-size:12px}.val-case__proofs{gap:8px;margin-top:20px}.val-case__proofs--wide img,.val-case__proofs--pair img{aspect-ratio:auto;height:auto;object-fit:contain}.val-case__close{margin-top:36px;padding:32px 20px 36px}.val-case__note{font-size:17px}.val-case .val-v5__button--primary{width:100%;min-height:48px}}@media(min-width:800px){.val-case__folio{max-width:40rem;padding-left:clamp(28px,6vw,72px)}.val-case__chapter--split{grid-template-columns:minmax(0,1.05fr) minmax(0,.9fr)}.val-case__pair,.val-case__proofs--pair{grid-template-columns:1fr 1fr}.val-case__scents{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 14px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/b2b-case.css.map */