@import"https://fonts.googleapis.com/css2?family=Bree+Serif&family=Roboto+Slab:wght@100..900&display=swap";@font-face{font-family:Fraunces;src:url(companio-fraunces.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Inter;src:url(companio-inter.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{--bone: #f7f4ef;--white: #ffffff;--sand: #efeae1;--hairline: #e3ded5;--border: #d5cec2;--warm-grey: #8b8377;--secondary: #6e675d;--ink: #1c1b19;--ink-hover: #33312d;--clay: #c0705a;--clay-text: #9c523e;--clay-tint: #f6eae5;--success: #4f6b4a;--success-tint: #edf1ea;--error: #a4402f;--error-tint: #faedea;--focus: rgba(28, 27, 25, .08);--page: 1280px;--page-gutter: 40px;--companio-serif: Fraunces, Georgia, serif;--companio-sans: Inter, Arial, sans-serif;--companio-ease: ease-out;--companio-fast: .15s;--companio-slow: .22s}:root{--font-body--family: var(--companio-sans);--font-body--weight: 400;--font-body--style: normal;--font-heading--family: var(--companio-serif);--font-heading--weight: 500;--font-heading--style: normal;--font-subheading--family: var(--companio-sans);--font-subheading--weight: 500;--font-subheading--style: normal;--font-accent--family: var(--companio-serif);--font-accent--weight: 500;--font-accent--style: normal}html{background:var(--bone);scroll-behavior:smooth}body{background:var(--bone);color:var(--ink);font-family:var(--companio-sans);font-size:16px;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}.companio h1,.companio h2,.companio h3,.companio .brand,.companio .serif{font-family:var(--font-display, var(--companio-serif));font-variation-settings:var(--fvs-display, "WONK" 0, "SOFT" 50);margin:0}.companio h1{font-size:var(--fs-h1, 56px);font-weight:var(--fw-h1, 500);letter-spacing:var(--ls-h1, -.02em);line-height:var(--lh-h1, 1.1)}.companio h2{font-size:var(--fs-h2, 36px);font-weight:var(--fw-h2, 500);letter-spacing:var(--ls-h2, -.01em);line-height:var(--lh-h2, 1.15)}.companio h3{font-size:var(--fs-h3, 24px);font-weight:var(--fw-h3, 500);line-height:var(--lh-h3, 1.25)}.companio p{margin:0}.companio a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.companio button{border:0;color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}.companio input,.companio textarea,.companio select{color:inherit;font:inherit}.companio .page-shell,.companio.page-shell,.companio .home-shell,.companio.home-shell{margin:0 auto;max-width:var(--page);padding-left:var(--page-gutter);padding-right:var(--page-gutter);width:100%}.companio .section-block,.companio.section-block{padding-bottom:var(--section-y, 112px);padding-top:var(--section-y, 112px)}.companio .section-heading{max-width:var(--section-heading-max, 680px)}.companio .section-heading p{color:var(--body-color-muted, var(--secondary));font-family:var(--body-font, var(--companio-sans));font-size:var(--fs-body, 16px);margin-top:16px;max-width:58ch}.companio .section-heading-row{align-items:end;display:flex;gap:32px;justify-content:space-between}.companio .media-placeholder{align-items:center;background:var(--sand);border:1px solid var(--hairline);border-radius:var(--radius-media, 12px);color:var(--body-color-muted, var(--secondary));display:flex;flex-direction:column;font-size:13px;justify-content:center;line-height:1.5;overflow:hidden;padding:24px;position:relative;text-align:center;width:100%}.companio .media-placeholder strong{color:var(--body-color, var(--ink));font-size:14px;font-weight:500;margin-bottom:4px}.companio .media-placeholder.has-image{border:0;padding:0}.companio .media-placeholder img{display:block;height:100%;object-fit:cover;width:100%}.companio .btn{align-items:center;border:var(--border-w, 1px) solid transparent;border-radius:var(--radius-btn, 8px);cursor:pointer;display:inline-flex;font-family:var(--btn-font, inherit);font-size:var(--fs-btn, 15px);font-weight:var(--fw-btn, 500);gap:8px;justify-content:center;letter-spacing:var(--ls-btn, normal);line-height:1;min-height:var(--btn-h, 48px);padding:0 24px;text-transform:var(--btn-transform, none);transition:background var(--companio-fast) var(--companio-ease),color var(--companio-fast) var(--companio-ease),border-color var(--companio-fast) var(--companio-ease)}.companio .btn--primary{background:var(--btn-primary-bg, var(--ink));color:var(--btn-primary-fg, var(--bone))}.companio .btn--primary:hover{background:var(--btn-primary-bg-hover, var(--ink-hover))}.companio .btn--secondary{background:transparent;border-color:var(--btn-secondary-border, var(--border));color:var(--btn-secondary-fg, var(--ink))}.companio .btn--secondary:hover{background:var(--btn-secondary-bg-hover, var(--sand))}.companio .btn[disabled],.companio .btn[aria-disabled=true]{cursor:not-allowed;opacity:.45}.companio .primary-button,.companio .secondary-button{align-items:center;border-radius:var(--radius-btn, 8px);cursor:pointer;display:inline-flex;font-family:var(--btn-font, inherit);font-size:var(--fs-btn-lg, 16px);font-weight:var(--fw-btn, 500);height:var(--btn-h, 48px);justify-content:center;letter-spacing:var(--ls-btn, normal);padding:0 28px;text-transform:var(--btn-transform, none)}.companio .primary-button{background:var(--btn-primary-bg, var(--ink));border:var(--btn-primary-border, 0);color:var(--btn-primary-fg, var(--bone))}.companio .primary-button:hover{background:var(--btn-primary-bg-hover, var(--ink-hover))}.companio .primary-button:active{transform:scale(.99)}.companio .secondary-button{background:var(--btn-secondary-bg, transparent);border:var(--border-w, 1px) solid var(--btn-secondary-border, var(--ink));color:var(--btn-secondary-fg, var(--ink))}.companio .secondary-button:hover{background:var(--btn-secondary-bg-hover, var(--sand))}.companio .text-link{background:transparent;color:var(--link-color, var(--clay-text));cursor:pointer;font-size:var(--fs-link, 13px);font-weight:400;min-height:44px;padding:0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.companio .text-link:hover{text-decoration-thickness:2px}.companio .eyebrow{color:var(--body-color-muted, var(--secondary));font-size:13px;letter-spacing:.08em;margin-bottom:16px;text-transform:uppercase}.companio-card-grid{display:grid;gap:var(--card-grid-gap, 48px 32px);grid-template-columns:repeat(var(--card-grid-cols, 4),minmax(0,1fr))}.companio-card{background:var(--card-bg, transparent);border-radius:var(--radius-card, 0);color:inherit;cursor:pointer;display:block;padding:0;text-align:left;text-decoration:none;width:100%}.companio-card--empty{cursor:default}.companio-card-media{align-items:center;aspect-ratio:var(--card-media-ratio, 4 / 5);background:var(--product-bg, var(--sand));border-radius:var(--radius-media, 12px);display:flex;justify-content:center;overflow:hidden;padding:16px;position:relative;transition:transform .2s ease-out,outline .15s ease-out}.companio-card:hover .companio-card-media{transform:scale(1.02)}.companio-card:focus-visible .companio-card-media{outline:2px solid var(--body-color, var(--ink));outline-offset:3px}.product-placeholder-label{background:#ffffffeb;border-radius:4px;color:var(--body-color, var(--ink));font-size:12px;font-weight:500;line-height:1.45;max-width:92%;padding:8px 12px;text-align:center}.product-badge{background:#ffffffeb;border-radius:var(--radius-chip, 4px);font-size:12px;font-weight:500;left:12px;padding:4px 8px;position:absolute;top:12px;z-index:1}.product-info{display:block;padding-top:16px}.product-title-row{align-items:baseline;display:flex;gap:12px;justify-content:space-between}.product-title{color:var(--body-color, inherit);font-family:var(--card-title-font, inherit);font-size:var(--fs-card-title, 16px);font-weight:var(--fw-card-title, 500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-price{color:var(--price-color, var(--secondary));flex:0 0 auto;font-family:var(--price-font, inherit);font-size:var(--fs-price, 15px);font-weight:var(--fw-price, inherit)}.card-swatches{display:flex;gap:6px;margin-top:8px}.card-swatch{background:var(--swatch);border:1px solid rgba(0,0,0,.08);border-radius:50%;height:16px;width:16px}.swatch-more{color:var(--body-color-muted, var(--secondary));font-size:12px;line-height:16px}@media(max-width:920px){.companio-card-grid{display:flex;gap:12px;overflow-x:auto;padding:0 20px 8px;scroll-padding-left:20px;scroll-snap-type:x mandatory;scrollbar-width:none}.companio-card-grid::-webkit-scrollbar{display:none}.companio-card{flex:0 0 min(62vw,240px);scroll-snap-align:start}.companio-card:hover .companio-card-media{transform:none}.product-info{padding-top:12px}.product-title{font-size:var(--fs-card-title-m, 15px)}.product-price{font-size:var(--fs-price-m, 14px)}}.companio-card-media .product-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.icon-button{align-items:center;background:transparent;border:0;border-radius:var(--radius-btn, 8px);color:inherit;cursor:pointer;display:inline-flex;font-size:20px;height:44px;justify-content:center;min-width:44px;padding:0}.icon-button:hover{background:var(--btn-secondary-bg-hover, var(--sand))}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.companio .modal,.companio.modal{align-items:center;background:#1c1b1966;display:none;top:0;right:0;bottom:0;left:0;justify-content:center;padding:24px;position:fixed;z-index:100}.companio .modal.open,.companio.modal.open{display:flex}.companio .modal-panel{background:var(--white);border-radius:var(--radius-modal, 16px);max-width:480px;padding:40px;position:relative;width:100%}.companio .modal-panel p{color:var(--body-color-muted, var(--secondary));font-size:15px;margin-top:12px}.companio .modal-close{position:absolute;right:12px;top:12px}@media(max-width:920px){.companio .modal,.companio.modal{align-items:flex-end;padding:0}.companio .modal-panel{border-radius:var(--radius-modal, 16px) var(--radius-modal, 16px) 0 0;padding:40px 20px 24px}}@media(max-width:920px){:root{--page-gutter: 20px}body{font-size:15px}.companio h1{font-size:var(--fs-h1-m, 34px);line-height:var(--lh-h1-m, 1.1)}.companio h2{font-size:var(--fs-h2-m, 26px)}.companio h3{font-size:var(--fs-h3-m, 20px)}.companio .section-block,.companio.section-block{padding-bottom:var(--section-y-m, 72px);padding-top:var(--section-y-m, 72px)}.companio .section-heading-row{align-items:start;display:block}.companio .section-heading p{font-size:var(--fs-body-m, 15px);margin-top:12px}.companio .eyebrow{font-size:12px;margin-bottom:12px}.companio .primary-button,.companio .secondary-button{font-size:var(--fs-btn-lg-m, 15px)}.companio .btn{font-size:var(--fs-btn-m, 15px)}}@media(prefers-reduced-motion:reduce){.companio *,.companio *:before,.companio *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.companio .standard-input,.companio .standard-select,.companio .standard-textarea{-webkit-appearance:none;appearance:none;background:var(--white);border:var(--border-w, 1px) solid var(--input-border, var(--border));border-radius:var(--radius-input, 8px);display:block;font-family:var(--body-font, var(--companio-sans));font-size:var(--fs-input, 16px);outline:none;padding:0 16px;width:100%}.companio .standard-input,.companio .standard-select{height:var(--btn-h, 48px)}.companio .standard-select{background-image:linear-gradient(45deg,transparent 50%,var(--body-color, var(--ink)) 50%),linear-gradient(135deg,var(--body-color, var(--ink)) 50%,transparent 50%);background-position:calc(100% - 18px) 20px,calc(100% - 13px) 20px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:40px}.companio .standard-textarea{min-height:132px;padding-bottom:14px;padding-top:14px;resize:vertical}.companio .standard-input:focus,.companio .standard-select:focus,.companio .standard-textarea:focus{border-color:var(--body-color, var(--ink));box-shadow:0 0 0 3px var(--focus)}.companio .standard-input[aria-invalid=true],.companio .standard-textarea[aria-invalid=true]{border-color:var(--error)}.companio .field-message{color:var(--error);display:none;font-size:13px;line-height:1.4;margin-top:6px}.companio .field-message.show{display:block}.companio .optional{color:var(--warm-grey);font-size:12px;font-weight:400}.companio--v2{--ink: #142968;--ink-hover: #0e1c48;--bone: #f9f6ef;--border: #142968;--secondary: #142968;--focus: rgba(20, 41, 104, .08);--olive: #67774b;--olive-hover: #566340;--sky: #86b6d9;--wheat: #e1dcb1;--outline: #000000;--mist: #c3c7d1;--companio-display: "Roboto Slab", Georgia, serif;--companio-body: "Bree Serif", Georgia, serif;--companio-numeric: Inter, Arial, sans-serif;--companio-serif: var(--companio-display);--companio-sans: var(--companio-body);--font-display: var(--companio-display);--body-font: var(--companio-body);--btn-font: var(--companio-display);--card-title-font: var(--companio-body);--price-font: var(--companio-numeric);--fvs-display: normal;--font-body--family: var(--companio-body);--font-heading--family: var(--companio-display);--font-subheading--family: var(--companio-display);--font-accent--family: var(--companio-body);--fs-display: 190px;--fs-display-alt: 170px;--fs-h1: 56px;--fs-h1-alt: 48px;--fs-statement: 40px;--fs-h2: 32px;--fs-h3: 24px;--fs-card-title: 20px;--fs-btn: 18px;--fs-btn-lg: 18px;--fs-faq: 18px;--fs-body: 16px;--fs-input: 16px;--fs-price: 16px;--fs-small: 14px;--fs-link: 14px;--fs-chip: 12px;--fw-h1: 700;--fw-h1-alt: 900;--fw-h2: 900;--fw-h3: 500;--fw-statement: 500;--fw-body: 400;--fw-card-title: 400;--fw-price: 600;--fw-btn: 600;--fw-btn-strong: 900;--lh-h1: 1;--lh-h1-alt: 1.1;--lh-h2: 1.1;--lh-h3: normal;--lh-body: normal;--lh-nav: 1.8;--ls-h1: normal;--ls-h2: normal;--ls-statement: -2px;--ls-kicker: -1px;--ls-btn: normal;--radius-btn: 12px;--radius-input: 12px;--radius-media: 12px;--radius-chip: 12px;--radius-card: 14px;--radius-modal: 16px;--border-w: 2px;--input-border: var(--ink);--btn-transform: uppercase;--btn-h: 48px;--btn-primary-bg: var(--olive);--btn-primary-bg-hover: var(--olive-hover);--btn-primary-fg: var(--white);--btn-primary-border: var(--border-w) solid var(--outline);--btn-secondary-bg: var(--white);--btn-secondary-bg-hover: var(--bone);--btn-secondary-border: var(--ink);--btn-secondary-fg: var(--ink);--body-color: var(--ink);--body-color-muted: var(--ink);--price-color: var(--ink);--link-color: var(--ink);--page: 1360px;--page-gutter: 40px;--section-y: 80px;--band-max: 1040px;--section-heading-max: 680px;--sp-4: 4px;--sp-8: 8px;--sp-10: 10px;--sp-12: 12px;--sp-14: 14px;--sp-16: 16px;--sp-20: 20px;--sp-24: 24px;--sp-32: 32px;--sp-40: 40px;--sp-48: 48px;--card-bg: var(--white);--card-media-ratio: 1 / 1;--card-grid-gap: 24px;--card-grid-cols: 3;background:var(--bone);color:var(--ink);font-family:var(--companio-body);font-size:var(--fs-body);font-weight:var(--fw-body);line-height:var(--lh-body)}.companio--v2 .v2-statement{font-family:var(--companio-display);font-size:var(--fs-statement);font-weight:var(--fw-statement);letter-spacing:var(--ls-statement);line-height:var(--lh-body)}.companio--v2 .v2-kicker{font-family:var(--companio-display);font-size:var(--fs-card-title);font-weight:700;letter-spacing:var(--ls-kicker);transform:skew(-4deg)}.companio--v2 .v2-band{margin:0 auto;max-width:var(--band-max);width:100%}.companio--v2 .v2-chip{border-radius:var(--radius-chip);font-family:var(--companio-display);font-size:var(--fs-chip);font-weight:var(--fw-btn);padding:var(--sp-8) var(--sp-16)}.companio--v2 .v2-chip--active{background:var(--sky)}.companio--v2 .v2-chip--tag{background:var(--wheat)}.companio--v2 .v2-strong-cta{font-weight:var(--fw-btn-strong)}.companio--v2 .v2-numeric{font-family:var(--companio-numeric)}@media(max-width:920px){.companio--v2{--page-gutter: 20px;--section-y: 56px;--band-max: 100%;--card-grid-cols: 1;--fs-h1: 34px;--fs-h1-alt: 30px;--fs-statement: 24px;--fs-h2: 24px;--fs-h3: 20px;--fs-card-title: 17px;--fs-btn: 16px;--fs-btn-lg: 16px;--fs-body: 15px;--fs-price: 15px;--ls-statement: -1px;--fs-h1-m: 34px;--fs-h2-m: 24px;--fs-h3-m: 20px;--fs-body-m: 15px;--fs-btn-m: 16px;--fs-btn-lg-m: 16px;--fs-card-title-m: 17px;--fs-price-m: 15px;--section-y-m: 56px;--lh-h1-m: 1}.companio--v2 .companio-card-grid{display:grid;gap:var(--sp-16);grid-template-columns:repeat(var(--card-grid-cols),minmax(0,1fr));overflow-x:visible;padding:0}.companio--v2 .companio-card{flex:initial}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/companio-tokens.css.map */