.cfbr{--cfbr-hdr: 96px;--cfbr-control: #8a8177;--cfbr-hair: #d9d0c4;--cfbr-stage: #1f1a18;--cfbr-stage-ink: #f6f1e9;--cfbr-stage-muted: #c9bfb2;--cfbr-max: var(--cf-page, 1200px)}@media(min-width:750px){.cfbr{--cfbr-hdr: 105px}}@media(min-width:990px){.cfbr{--cfbr-hdr: 117px}}.cfbr .cfbr-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.cfbr .cfbr-wrap{max-width:calc(var(--cfbr-max) + 2 * var(--cf-gutter, 16px));margin:0 auto;padding:0 var(--cf-gutter, 16px)}.cfbr img{max-width:100%}.cfbr.cfbr-main{background:var(--cf-bg)}.cfbr-main__grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"stage" "buy"}.cfbr-media{grid-area:stage;position:relative;overflow:hidden;min-width:0;height:calc(100vh - var(--cfbr-hdr));height:max(calc(100svh - var(--cfbr-hdr)),calc(100vw + 196px))}.cfbr-media__pic{display:block;width:100%;height:100%}.cfbr-media__img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 0;-webkit-mask-image:linear-gradient(to bottom,#000 92%,transparent 100%);mask-image:linear-gradient(to bottom,#000 92%,transparent 100%)}.cfbr-media__img--plain{object-fit:contain;object-position:50% 12%;mix-blend-mode:multiply}.cfbr-head{grid-area:stage;align-self:end;position:relative;z-index:1;min-width:0;padding:0 var(--cf-gutter, 16px) 26px;text-align:center}.cfbr .cfbr-title{display:grid;justify-items:center;gap:4px;margin:0;font-weight:400;color:var(--cf-ink);letter-spacing:normal}.cfbr .cfbr-title>span{display:block}.cfbr .cfbr-title__brand{font:500 12px/1.3 var(--cf-font-sans);letter-spacing:.22em;text-transform:uppercase}.cfbr .cfbr-title__name{font:400 26px/1.12 var(--cf-font-serif);letter-spacing:-.005em}.cfbr .cfbr-title__name--plain{font:500 22px/1.25 var(--cf-font-sans);text-wrap:balance}.cfbr .cfbr-title__desc{font:500 14px/1.35 var(--cf-font-sans);color:var(--cf-muted);text-wrap:balance}.cfbr .cfbr-sig{margin:12px 0 0;font:italic 400 18px/1.3 var(--cf-font-serif);color:var(--cf-ink)}.cfbr .cfbr-price{margin:8px 0 0;font:600 17px/1.3 var(--cf-font-sans);color:var(--cf-ink);font-variant-numeric:tabular-nums}.cfbr .cfbr-price__size{font-weight:500;color:var(--cf-muted)}.cfbr-buy{grid-area:buy;display:grid;gap:18px;min-width:0;padding:22px var(--cf-gutter, 16px) 44px}.cfbr .cfbr-colours{border:0;margin:0;padding:0;min-width:0}.cfbr .cfbr-colours__legend{display:block;width:100%;padding:0;margin:0 0 10px;font:600 14px/1.4 var(--cf-font-sans);color:var(--cf-ink)}.cfbr .cfbr-colours__chosen{font-weight:500;color:var(--cf-muted)}.cfbr-colours__values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cfbr-colour{position:relative;min-width:0}.cfbr-colour input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.cfbr .cfbr-colour label{display:flex;align-items:center;justify-content:center;min-height:48px;padding:8px 10px;border:1px solid var(--cfbr-control);border-radius:var(--cf-radius-btn, 4px);background:var(--cf-surface);color:var(--cf-ink);font:500 15px/1.2 var(--cf-font-sans);text-align:center;cursor:pointer;transition:border-color .15s,background-color .15s,color .15s,box-shadow .2s}.cfbr .cfbr-colour input:hover+label{border-color:var(--cf-ink)}.cfbr .cfbr-colour input:checked+label{background:var(--cf-cta);border-color:var(--cf-cta);color:var(--cf-cta-ink)}.cfbr .cfbr-colour input:focus-visible+label{outline:2px solid var(--cf-ink);outline-offset:2px}.cfbr .cfbr-colour.is-unavailable label{color:var(--cf-muted);text-decoration:line-through;text-decoration-thickness:1px}.cfbr .cfbr-colours.is-asking .cfbr-colour label{border-color:var(--cf-ink);animation:cfbr-ask 1.2s cubic-bezier(.2,.7,.2,1) 1}@keyframes cfbr-ask{0%,to{box-shadow:0 0 #2a1f1d00}35%{box-shadow:0 0 0 4px #2a1f1d38}}.cfbr .cfbr-ask{margin:10px 0 0;font:500 14px/1.45 var(--cf-font-sans);color:var(--cf-ink)}.cfbr .cfbr-form{display:grid;gap:0;margin:0}.cfbr .cfbr-actions{display:grid;gap:10px}.cfbr .cfbr-atc{width:100%}.cfbr-pay{position:relative;isolation:isolate;min-height:var(--cf-btn-h, 50px)}.cfbr-pay__guard{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:var(--cf-radius-btn, 4px);background:transparent;cursor:pointer}.cfbr-pay__guard:focus-visible{outline:2px solid var(--cf-ink);outline-offset:3px}.cfbr .cfbr-error{display:flex;gap:8px;align-items:flex-start;margin:0 0 10px;font-size:14px;line-height:1.45;color:var(--cf-ink)}.cfbr .cfbr-error .svg-wrapper{width:16px;height:16px;flex:none;margin-top:2px}.cfbr .cfbr-noscript{width:100%;min-height:48px;margin:0 0 12px;padding:10px 14px;border:1px solid var(--cfbr-control);border-radius:var(--cf-radius-btn, 4px);background:var(--cf-surface);color:var(--cf-ink);font:500 15px/1.3 var(--cf-font-sans)}.cfbr .cfbr-scope{margin:0;font:400 14px/1.5 var(--cf-font-sans);color:var(--cf-muted)}@media(min-width:750px){.cfbr-main__grid{max-width:calc(var(--cfbr-max) + 2 * var(--cf-gutter));margin:0 auto;padding:28px var(--cf-gutter) 56px;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-rows:1fr auto auto 1fr;grid-template-areas:"stage ." "stage head" "stage buy" "stage .";column-gap:clamp(28px,5vw,72px)}.cfbr-media{height:auto;aspect-ratio:1 / 1;width:100%;justify-self:center;align-self:start;max-width:min(100%,76vh,760px);max-width:min(100%,71svh,760px)}.cfbr-media__img{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:contain;object-position:50% 50%;-webkit-mask-image:none;mask-image:none}.cfbr-head{grid-area:head;align-self:end;padding:0;text-align:left}.cfbr .cfbr-title{justify-items:start}.cfbr-buy{align-self:start;max-width:460px;padding:20px 0 0}}@media(min-width:990px){.cfbr-media{align-self:center}.cfbr .cfbr-title__name{font-size:32px}.cfbr .cfbr-title__desc{font-size:15px}.cfbr .cfbr-price{font-size:18px}.cfbr-colours__values{grid-template-columns:repeat(4,minmax(0,1fr))}.cfbr .cfbr-colour label{padding-inline:6px;font-size:14px}}.cfbr.cfbr-moment{background:var(--cf-bg)}.cfbr-moment__media img{display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 8%);mask-image:linear-gradient(to bottom,transparent 0,#000 8%)}.cfbr-moment__copy{padding:18px var(--cf-gutter, 16px) 28px}.cfbr .cfbr-moment__line{margin:10px 0 0;font:400 16px/1.55 var(--cf-font-sans);color:var(--cf-muted);max-width:34ch}@media(min-width:750px){.cfbr-moment__grid{display:grid;max-width:calc(var(--cfbr-max) + 2 * var(--cf-gutter));margin:0 auto;padding:var(--cf-section-y) var(--cf-gutter) calc(var(--cf-section-y) * .6);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;column-gap:clamp(32px,6vw,96px)}.cfbr-moment__media{width:min(100%,76vh);width:min(100%,70svh);justify-self:end}.cfbr-moment__copy{padding:0}.cfbr-moment__media img{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 90%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 9%,#000 97%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 90%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 9%,#000 97%,transparent 100%);mask-composite:intersect}}.cfbr.cfbr-use{background:var(--cfbr-stage);color:var(--cfbr-stage-ink);padding-top:var(--cf-section-y, 56px)}.cfbr .cfbr-use__head{padding-bottom:clamp(24px,4vw,40px)}.cfbr .cfbr-use__title{margin:0;font:500 28px/1.18 var(--cf-font-sans);letter-spacing:-.01em;color:var(--cfbr-stage-ink)}.cfbr .cfbr-use__title em{display:block;font:italic 400 28px/1.18 var(--cf-font-serif);letter-spacing:0;color:var(--cfbr-stage-ink)}.cfbr-use__media{max-width:1920px;margin:0 auto;overflow:hidden}.cfbr-use__img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;object-position:62% 45%}.cfbr .cfbr-steps{list-style:none;margin:0;padding:clamp(28px,4vw,48px) 0 var(--cf-section-y, 56px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}.cfbr-step{display:grid;justify-items:start;align-content:start;gap:12px;min-width:0;color:#fff}.cfbr-step svg{display:block;width:52px;height:52px;color:#fff}.cfbr .cfbr-step__word{margin:0;font:500 17px/1.3 var(--cf-font-sans);color:#fff;letter-spacing:0}@media(min-width:750px){.cfbr .cfbr-use__title,.cfbr .cfbr-use__title em{font-size:32px}.cfbr-use__img{aspect-ratio:auto;height:min(44vw,62vh,860px);height:min(44vw,58svh,860px);object-position:60% 42%}.cfbr .cfbr-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.cfbr-step svg{width:58px;height:58px}}.cfbr.cfbr-shades{background:var(--cf-bg);padding:var(--cf-section-y, 56px) 0}.cfbr .cfbr-shades__title{margin:0 0 clamp(18px,3vw,32px)}.cfbr .cfbr-jars{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cfbr-jars__item{min-width:0}.cfbr .cfbr-jar{display:grid;justify-items:center;gap:2px;padding:0 0 12px;border-radius:12px;color:var(--cf-ink);text-decoration:none;transition:box-shadow .2s}.cfbr-jar__media{display:block;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:12px}.cfbr-jar__media img{display:block;width:100%;height:100%;object-fit:cover}.cfbr-jar__media .cfbr-jar__plain{object-fit:contain;mix-blend-mode:multiply;padding:8%}.cfbr .cfbr-jar__name{display:inline-flex;align-items:center;gap:6px;min-height:28px;font:500 15px/1.3 var(--cf-font-sans);color:var(--cf-ink);text-underline-offset:4px}.cfbr .cfbr-jar__note{font-size:13px;font-weight:500;color:var(--cf-muted)}.cfbr .cfbr-jar:hover .cfbr-jar__name{text-decoration:underline;text-decoration-thickness:1px}.cfbr .cfbr-jar[aria-current=true]{box-shadow:inset 0 0 0 1px var(--cf-ink)}.cfbr .cfbr-jar[aria-current=true] .cfbr-jar__name{font-weight:600}.cfbr .cfbr-jar:focus-visible{outline:2px solid var(--cf-ink);outline-offset:2px}@media(min-width:750px){.cfbr .cfbr-jars{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}.cfbr.cfbr-questions{background:var(--cf-bg);padding:var(--cf-section-y, 56px) 0 calc(var(--cf-section-y, 56px) + 8px)}.cfbr-qgrid{display:grid;gap:18px}.cfbr-details{margin-top:clamp(44px,6vw,80px)}.cfbr .cfbr-faq,.cfbr .cfbr-more{border-top:1px solid var(--cfbr-hair)}.cfbr .cfbr-faq:last-child{border-bottom:1px solid var(--cfbr-hair)}.cfbr .cfbr-more{border-bottom:1px solid var(--cfbr-hair);margin-top:18px}.cfbr .cfbr-faq summary,.cfbr .cfbr-more summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 0;font:600 15px/1.4 var(--cf-font-sans);color:var(--cf-ink);cursor:pointer;list-style:none}.cfbr .cfbr-faq summary::-webkit-details-marker,.cfbr .cfbr-more summary::-webkit-details-marker{display:none}.cfbr .cfbr-faq summary:after,.cfbr .cfbr-more summary:after{content:"";flex:none;width:9px;height:9px;margin-right:4px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform .2s}.cfbr .cfbr-faq[open] summary:after,.cfbr .cfbr-more[open] summary:after{transform:translateY(2px) rotate(-135deg)}.cfbr .cfbr-faq summary:focus-visible,.cfbr .cfbr-more summary:focus-visible{outline:2px solid var(--cf-ink);outline-offset:2px}.cfbr .cfbr-faq__a{padding:0 0 18px;font:400 15px/1.6 var(--cf-font-sans);color:var(--cf-ink);max-width:62ch}.cfbr .cfbr-faq__a p{margin:0}.cfbr .cfbr-faq__a p+p{margin-top:8px}.cfbr .cfbr-faq__a a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;padding-block:3px}.cfbr .cfbr-details__summary{margin:0;font:400 16px/1.65 var(--cf-font-sans);color:var(--cf-ink);max-width:62ch}.cfbr .cfbr-specs{margin:0;padding:0 0 14px}.cfbr .cfbr-spec{display:grid;grid-template-columns:minmax(96px,32%) minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid #ece5da}.cfbr .cfbr-spec dt{font:600 14px/1.5 var(--cf-font-sans);color:var(--cf-ink)}.cfbr .cfbr-spec dd{margin:0;font:400 14px/1.5 var(--cf-font-sans);color:var(--cf-ink)}@media(min-width:990px){.cfbr-qgrid{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);column-gap:clamp(40px,6vw,96px);align-items:start}}@media(prefers-reduced-motion:reduce){.cfbr *,.cfbr *:after{transition:none!important;animation:none!important}}.cf-br.cf-br-design .cf-br-anatomy-controls{border-color:#8a8177}.cf-br.cf-br-design .cf-br-anatomy-controls [data-br-motion]:hover{background:#2a1f1d12}.cf-br.cf-br-design .cf-br-part-label{font-family:var(--font-body-family),sans-serif}@media(max-width:899px){.cf-br.cf-br-design{padding-top:12px}.cf-br.cf-br-design .cf-br-wrap{width:calc(100% - 32px)}}@media(min-width:750px)and (max-width:899px){.cf-br.cf-br-design{padding-top:32px}.cf-br.cf-br-design .cf-br-anatomy{width:min(100%,64vw,58vh);width:min(100%,64vw,58svh)}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/cf-br-page.css.map */