.cfl{--bg:#fff;--ink:#111;--soft:#6b6b6b;--rule:#e6e6e6;--display:var(--font-heading-family,"Cormorant"),"Cormorant Garamond",Georgia,serif;--body:var(--font-body-family,"Open Sans"),-apple-system,"Helvetica Neue",Arial,sans-serif;background:var(--bg);color:var(--ink);font-family:var(--body);font-weight:300;font-size:15px;line-height:1.7;letter-spacing:normal;padding-top:var(--cfl-pt,64px);padding-bottom:var(--cfl-pb,96px)}.cfl *,.cfl *:before,.cfl *:after{box-sizing:border-box}.cfl a{color:inherit;text-decoration:none}.cfl button{font:inherit;color:inherit;letter-spacing:inherit}.cfl :focus-visible{outline:1px solid currentColor;outline-offset:4px;box-shadow:none}.cfl img{display:block;width:100%;height:auto;max-width:100%}.cfl p{margin:0}.cfl h1,.cfl h2,.cfl h3,.cfl h4{margin:0;font-weight:400;letter-spacing:normal;text-wrap:balance;color:var(--ink)}.cfl-wrap{max-width:1240px;margin-inline:auto;padding-inline:16px}@media screen and (min-width:990px){.cfl-wrap{padding-inline:48px}}.cfl-caps{font-size:11px;letter-spacing:.24em;text-transform:uppercase}.cfl-soft{color:var(--soft)}.cfl-center{text-align:center}.cfl-link{display:inline-block;font-size:11px;letter-spacing:.24em;text-transform:uppercase;padding:0 0 4px;border:0;border-bottom:1px solid currentColor;background:none;cursor:pointer;transition:opacity .2s}.cfl-link:hover{opacity:.55}.cfl-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;border:1px solid var(--ink);background:var(--ink);color:var(--bg)!important;cursor:pointer;transition:background .25s,color .25s}.cfl-btn:hover{background:transparent;color:var(--ink)!important}.cfl-hero{display:grid;justify-items:center;text-align:center;gap:14px;margin-bottom:clamp(36px,5vw,56px)}.cfl-hero h1{font-family:var(--display);font-style:italic;font-size:clamp(44px,6vw,80px);line-height:.98}.cfl-hero p{max-width:46ch;color:var(--soft);font-size:16px}.cfl-quiz{max-width:760px;margin-inline:auto;text-align:center}.cfl-prog{display:flex;gap:6px;justify-content:center;margin-bottom:24px}.cfl-prog i{width:44px;height:2px;background:var(--rule)}.cfl-prog i.on{background:var(--ink)}.cfl-quiz h2{font-family:var(--display);font-style:italic;font-size:clamp(32px,4vw,50px);line-height:1.05;margin:12px 0 28px}.cfl-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:620px;margin-inline:auto}.cfl-ans{min-height:64px;padding:12px 18px;border:1px solid var(--rule);background:var(--bg);cursor:pointer;font-size:15px;text-align:center;display:grid;gap:2px;align-content:center;transition:border-color .2s}.cfl-ans small{font-size:12px;color:var(--soft)}.cfl-ans:hover{border-color:var(--ink)}@media screen and (max-width:559px){.cfl-answers{grid-template-columns:1fr}}.cfl-back{margin-top:24px}.cfl-rec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;max-width:1040px;margin-inline:auto}.cfl-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:4px}.cfl-mosaic img{aspect-ratio:1/1;object-fit:cover}.cfl-rec h2{font-family:var(--display);font-style:italic;font-size:clamp(40px,4.6vw,60px);line-height:1;margin:10px 0 14px}.cfl-why{color:var(--soft);margin-bottom:18px}.cfl-facts{display:flex;flex-wrap:wrap;border-block:1px solid var(--rule);margin-bottom:22px}.cfl-facts div{padding:12px 20px 12px 0;margin-right:20px;display:grid;gap:2px}.cfl-facts div+div{border-left:1px solid var(--rule);padding-left:20px}.cfl-facts span{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--soft)}.cfl-facts b{font-weight:400;font-size:14px}.cfl-row{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}.cfl-alts{margin-top:26px;font-size:14px;color:var(--soft)}.cfl-alts button{background:none;border:0;padding:0;cursor:pointer;color:var(--ink);text-decoration:underline;text-underline-offset:4px}@media screen and (max-width:759px){.cfl-rec{grid-template-columns:1fr}}.cfl-colours{margin-top:40px}.cfl-reveal{margin-top:56px;padding-top:40px;border-top:1px solid var(--rule)}.cfl-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}@media screen and (max-width:989px){.cfl-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (max-width:599px){.cfl-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}}.cfl-sw{display:grid;gap:6px;background:none;border:0;padding:0;text-align:left;cursor:pointer;min-width:0}.cfl-sw .ph{position:relative;overflow:hidden;background:var(--rule)}.cfl-sw img{aspect-ratio:1/1;object-fit:cover;transition:transform .6s}.cfl-sw:hover img{transform:scale(1.06)}.cfl-sw .nm{font-size:12px;line-height:1.35}.cfl-sw .tg{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--soft)}.cfl-sw .heart{position:absolute;top:6px;right:6px;background:var(--bg);font-size:9px;letter-spacing:.14em;text-transform:uppercase;padding:2px 6px}.cfl-seg{display:inline-flex;border:1px solid var(--ink);max-width:100%;overflow-x:auto}.cfl-seg button{min-height:40px;padding:0 16px;background:var(--bg);border:0;cursor:pointer;font-size:12px;white-space:nowrap}.cfl-seg button+button{border-left:1px solid var(--ink)}.cfl-seg button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.cfl-note{font-size:12px;color:var(--soft);text-align:center;margin-top:20px}.cfl-learn{max-width:860px;margin:64px auto 0;border-top:1px solid var(--ink)}.cfl-learn details{border-bottom:1px solid var(--rule)}.cfl-learn summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding-block:18px;min-height:44px}.cfl-learn summary::-webkit-details-marker{display:none}.cfl-learn summary span:first-child{font-family:var(--display);font-style:italic;font-size:24px}.cfl-learn details[open]>summary .pm{transform:rotate(45deg)}.cfl-learn .pm{font-size:20px;transition:transform .25s}.cfl-learn .body{padding:0 0 22px;color:var(--soft);display:grid;gap:10px;max-width:68ch}.cfl-learn .body b{color:var(--ink);font-weight:600}dialog.cfl-drawer{border:0;padding:0;margin:0 0 0 auto;height:100%;max-height:100%;width:min(460px,100%);background:#fff;color:#111}dialog.cfl-drawer::backdrop{background:#00000080}.cfl-dr{display:grid;gap:16px;padding:20px 24px 32px}.cfl-dr-top{display:flex;justify-content:space-between;align-items:center}.cfl-dr-top button{background:none;border:0;font-size:11px;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;min-height:44px}.cfl-dr h3{font-family:var(--display);font-style:italic;font-size:34px;line-height:1.05}.cfl-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--rule)}.cfl-three div{padding:10px 8px;display:grid;gap:2px;text-align:center}.cfl-three div+div{border-left:1px solid var(--rule)}.cfl-three span{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--soft)}.cfl-three b{font-weight:400;font-size:13px}.cfl-dr details summary{cursor:pointer;font-size:11px;letter-spacing:.22em;text-transform:uppercase;min-height:40px;display:flex;align-items:center}.cfl-dl{display:grid;font-size:13px;margin:6px 0 0}.cfl-dl div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;padding-block:7px;border-top:1px solid var(--rule)}.cfl-dl dt{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--soft);padding-top:2px}.cfl-dl dd{margin:0}.cfl-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:#000;color:#fff;transform:translateY(110%);transition:transform .35s;padding-bottom:env(safe-area-inset-bottom,0px)}.cfl-bar.on{transform:none}.cfl-bar .cfl-wrap{display:flex;align-items:center;gap:12px 16px;min-height:68px;flex-wrap:wrap;padding-block:10px}.cfl-bar .lbl{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#9a9a9a}.cfl-bar .items{display:flex;gap:8px;flex:1;min-width:0;overflow-x:auto}.cfl-bar .it{display:flex;align-items:center;gap:8px;border:1px solid #333;padding:4px 6px 4px 4px;font-size:12px;white-space:nowrap}.cfl-bar .it img{width:34px;height:34px;object-fit:cover}.cfl-bar .it button{background:none;border:0;color:#9a9a9a;cursor:pointer;font-size:16px;min-width:28px;min-height:28px}.cfl-bar a{background:#fff;color:#000!important;min-height:44px;padding:0 18px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;display:inline-flex;align-items:center}@media(prefers-reduced-motion:reduce){.cfl *,.cfl-bar{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/cnoir-fabric-library.css.map */
