.co-roast{--cream:#FFFDF8;--ink:#1A1A1A;--rose:#EFA0B8;--blush:#FBECEF;--ink-2:#4A4540;--ink-3:#6E6862;--rule:#E4DED2;--paper:#FFFFFF;--rose-deep:#C9577A;--rec:#E5484D;--f-display:"Manrope", "Helvetica Neue", Arial, sans-serif;--f-body:"DM Sans", "Helvetica Neue", Arial, sans-serif;--f-mono:"Roboto Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--r-card:20px;--r-pill:40px;--shadow-hard:4px 4px 0 var(--ink);--max:1180px;--gutter-l:max(16px, env(safe-area-inset-left, 0px));--gutter-r:max(16px, env(safe-area-inset-right, 0px));background:var(--cream);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}.co-roast *,.co-roast *:before,.co-roast *:after{box-sizing:border-box}.co-roast{margin:0;background:var(--cream);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}.co-roast img{max-width:100%;display:block}.co-roast button,.co-roast input,.co-roast select,.co-roast textarea{font-family:inherit}.co-roast a{color:inherit}.co-roast h1,.co-roast h2,.co-roast h3{font-family:var(--f-display);font-weight:700;letter-spacing:-.035em;line-height:1.02;margin:0;text-wrap:balance}.co-roast p{margin:0}.co-roast .r-wrap{max-width:calc(var(--max) + 64px);margin:0 auto;padding-left:var(--gutter-l);padding-right:var(--gutter-r)}@media(min-width:720px){.co-roast .r-wrap{padding-left:max(32px,env(safe-area-inset-left,0px));padding-right:max(32px,env(safe-area-inset-right,0px))}}.co-roast .r-mono{font-family:var(--f-mono);font-size:14px;letter-spacing:.08em;text-transform:uppercase}.co-roast .r-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}.co-roast .r-eyebrow:before{content:"";width:22px;height:1px;background:currentColor}.co-roast .r-star{display:inline-block;width:1em;height:1em;flex:none}.co-roast .r-hl{background:linear-gradient(transparent 58%,var(--rose) 58%,var(--rose) 92%,transparent 92%);padding:0 .08em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.co-roast :focus-visible{outline:3px solid var(--rose-deep);outline-offset:3px;border-radius:6px}.co-roast .r-btn{-webkit-appearance:none;appearance:none;border:2px solid var(--ink);background:var(--ink);color:var(--cream);font-family:var(--f-display);font-weight:700;font-size:16.5px;letter-spacing:-.01em;padding:15px 26px;border-radius:var(--r-pill);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;box-shadow:0 0 0 var(--ink)}.co-roast .r-btn .r-arr{transition:transform .2s ease}.co-roast .r-btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--rose)}.co-roast .r-btn:hover .r-arr{transform:translate(4px)}.co-roast .r-btn:active{transform:translate(0);box-shadow:0 0 0 var(--rose)}.co-roast .r-btn--rose{background:var(--rose);color:var(--ink)}.co-roast .r-btn--rose:hover{box-shadow:var(--shadow-hard)}.co-roast .r-btn--ghost{background:transparent;color:var(--ink)}.co-roast .r-btn--ghost:hover{box-shadow:var(--shadow-hard)}.co-roast .r-link-arrow{font-family:var(--f-display);font-weight:700;text-decoration:none;border-bottom:2px solid var(--rose);padding-bottom:2px;transition:border-color .2s}.co-roast .r-link-arrow:hover{border-color:var(--ink)}.co-roast .r-top{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:color-mix(in srgb,var(--cream) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .2s}.co-roast .r-top.r-scrolled{border-bottom-color:var(--rule)}.co-roast .r-top .r-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}.co-roast .r-wordmark{height:20px;width:auto;mix-blend-mode:multiply}@media(min-width:720px){.co-roast .r-wordmark{height:24px}}.co-roast .r-top .r-btn{padding:10px 18px;font-size:15.5px}.co-roast .r-hero{padding-block:28px 0;position:relative}@media(min-width:900px){.co-roast .r-hero{padding-block:48px 0}}.co-roast .r-hero-meta{font-family:var(--f-display);font-weight:600;font-size:16px;letter-spacing:-.01em;color:var(--ink-2);margin:0 0 18px}.co-roast .r-pulse{width:8px;height:8px;border-radius:50%;background:var(--rec);box-shadow:0 0 #e5484d80;animation:co-pulse 2s infinite}@keyframes co-pulse{0%{box-shadow:0 0 #e5484d73}70%{box-shadow:0 0 0 8px #e5484d00}to{box-shadow:0 0 #e5484d00}}.co-roast .r-hero h1{font-size:clamp(2.5rem,6vw,4.6rem);font-weight:800;letter-spacing:-.055em;line-height:.9}.co-roast .r-hero h1 .r-l2{display:block}.co-roast .r-hero h1 .r-free{display:inline-block;position:relative;color:var(--ink)}.co-roast .r-hero h1 .r-free .r-hl{padding:0 .06em}.co-roast .r-hero h1 .r-scribble{position:absolute;right:-.62em;top:.02em;width:.48em;height:.48em;color:var(--rose-deep);transform:rotate(14deg)}.co-roast .r-hero-grid{display:grid;gap:36px;margin-top:30px;align-items:start}@media(min-width:980px){.co-roast .r-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;margin-top:40px}}.co-roast .r-hero-copy{display:grid;gap:18px;max-width:34rem;padding-top:6px}@media(min-width:980px){.co-roast .r-hero-copy{padding-top:0}}.co-roast .r-lede{font-size:clamp(17px,1.6vw,19.5px);color:var(--ink);line-height:1.55}.co-roast .r-lede-2{font-family:var(--f-display);font-weight:700;font-size:17px;letter-spacing:-.01em;display:flex;gap:10px;align-items:flex-start}.co-roast .r-lede-2 .r-star{color:var(--rose-deep);margin-top:4px}.co-roast .r-entry{background:var(--paper);border:2px solid var(--ink);border-radius:var(--r-card);box-shadow:6px 6px 0 var(--ink);padding:22px;display:grid;gap:14px;margin-top:6px}@media(min-width:560px){.co-roast .r-entry{padding:26px}}.co-roast .r-entry-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.co-roast .r-entry-head h2{font-size:20px;letter-spacing:-.02em}.co-roast .r-entry-head .r-mono{color:var(--ink-3);font-size:13px}.co-roast .r-pick-count{display:flex;align-items:center;gap:12px;margin:0;width:100%;background:var(--blush);border-radius:14px;padding:10px 14px}.co-roast .r-pick-count b{font-family:var(--f-display);font-weight:800;font-size:34px;line-height:1;letter-spacing:-.04em;color:var(--ink);background:var(--rose);border:2px solid var(--ink);border-radius:12px;width:52px;height:52px;display:grid;place-items:center;flex:none}.co-roast .r-pick-count span{font-family:var(--f-display);font-weight:700;font-size:18px;letter-spacing:-.015em;line-height:1.2}.co-roast .r-fields{display:grid;gap:12px}@media(min-width:560px){.co-roast .r-fields{grid-template-columns:1fr 1fr}.co-roast .r-fields .r-full{grid-column:1/-1}}.co-roast .r-field{display:grid;gap:6px;min-width:0}.co-roast .r-field label{font-family:var(--f-display);font-weight:600;font-size:15px;letter-spacing:-.005em}.co-roast .r-field input{width:100%;font:inherit;font-size:16px;color:var(--ink);background:var(--cream);border:1.5px solid var(--rule);border-radius:12px;padding:13px 14px;transition:border-color .15s,background .15s,box-shadow .15s}.co-roast .r-field input::placeholder{color:#a49d95}.co-roast .r-field input:hover{border-color:#cfc7b9}.co-roast .r-field input:focus{outline:none;border-color:var(--ink);background:var(--paper);box-shadow:0 0 0 4px var(--blush)}.co-roast .r-field[data-invalid] input{border-color:var(--rose-deep);background:var(--blush)}.co-roast .r-field .r-err{font-size:14.5px;color:#a23a5b;min-height:0}.co-roast .r-field .r-err:empty{display:none}.co-roast .r-url-wrap{position:relative}.co-roast .r-url-wrap .r-pre{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-family:var(--f-mono);font-size:14.5px;color:var(--ink-3);pointer-events:none}.co-roast .r-url-wrap input{padding-left:74px}.co-roast .r-check{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--ink-2);line-height:1.45}.co-roast .r-check input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--ink);flex:none}.co-roast .r-entry .r-btn{width:100%;font-size:16.5px;padding:15px 24px}.co-roast .r-micro{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:15px;color:var(--ink-2);justify-content:center}.co-roast .r-micro span{display:inline-flex;align-items:center;gap:6px}.co-roast .r-micro .r-star{width:10px;height:10px;color:var(--rose-deep)}.co-roast .r-success{display:grid;gap:10px;text-align:center;padding:12px 4px}.co-roast .r-success .r-big{font-family:var(--f-display);font-weight:800;font-size:28px;letter-spacing:-.03em;line-height:1.1}.co-roast .r-success p{color:var(--ink-2)}.co-roast .r-success .r-stamp{justify-self:center;font-family:var(--f-mono);font-size:14px;letter-spacing:.12em;text-transform:uppercase;border:2px solid var(--rose-deep);color:var(--rose-deep);padding:6px 12px;border-radius:8px;transform:rotate(-4deg)}.co-roast .r-rec{position:relative;background:var(--paper);border:2px solid var(--ink);border-radius:18px;overflow:hidden;box-shadow:10px 10px 0 var(--blush),10px 10px 0 2px var(--ink)}.co-roast .r-rec-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1.5px solid var(--ink);background:var(--cream)}.co-roast .r-dots{display:flex;gap:6px}.co-roast .r-dots i{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--ink);background:var(--paper)}.co-roast .r-dots i:first-child{background:var(--rose)}.co-roast .r-url{flex:1;min-width:0;font-family:var(--f-mono);font-size:14px;color:var(--ink-2);background:var(--paper);border:1px solid var(--rule);border-radius:99px;padding:4px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-roast .r-rec-pill{display:inline-flex;align-items:center;gap:7px;font-family:var(--f-mono);font-size:13.5px;letter-spacing:.06em;background:var(--ink);color:var(--cream);padding:4px 10px;border-radius:99px;font-variant-numeric:tabular-nums;white-space:nowrap}.co-roast .r-rec-pill .r-pulse{width:7px;height:7px}.co-roast .r-site{position:relative;background:#f6f4f1;aspect-ratio:16/10.4;overflow:hidden}.co-roast .r-site-nav{display:flex;justify-content:space-between;align-items:center;padding:4% 5% 0}.co-roast .r-site-logo{font-family:var(--f-display);font-weight:600;font-size:clamp(11px,1.5vw,16px);color:#55606b}.co-roast .r-site-links{display:flex;gap:6%;width:42%;justify-content:flex-end}.co-roast .r-site-links i{height:6px;flex:1;max-width:44px;background:#c9cdd2;border-radius:3px}.co-roast .r-site-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:5%;padding:6% 5% 0;align-items:center}.co-roast .r-site-h{font-family:var(--f-body);font-weight:400;font-size:clamp(14px,2.5vw,30px);line-height:1.1;color:#3b4651}.co-roast .r-site-lines{display:grid;gap:7px;margin-top:9%}.co-roast .r-site-lines i{height:6px;background:#d3d7db;border-radius:3px}.co-roast .r-site-lines i:nth-child(2){width:86%}.co-roast .r-site-lines i:nth-child(3){width:64%}.co-roast .r-site-btn{display:inline-block;margin-top:9%;font-family:var(--f-body);font-size:clamp(7px,.8vw,9px);color:#8a939c;border:1px solid #C9CDD2;padding:4px 8px;border-radius:2px}.co-roast .r-site-img{aspect-ratio:4/3.2;border-radius:4px;background:linear-gradient(160deg,#fff0 40%,#ffffff59),repeating-linear-gradient(135deg,#dce3e8 0 10px,#d2dae0 10px 20px);position:relative}.co-roast .r-site-img:after{content:"stock photo of a handshake";position:absolute;inset:auto 8px 8px auto;font-family:var(--f-mono);font-size:11px;color:#7f8a94;letter-spacing:.04em}.co-roast .r-site-strip{position:absolute;left:5%;right:5%;bottom:7%;display:grid;grid-template-columns:repeat(3,1fr);gap:4%}.co-roast .r-site-strip i{height:clamp(22px,4.4vw,52px);background:#eceae6;border:1px solid #E1DED9;border-radius:4px}.co-roast .r-pin{position:absolute;display:flex;align-items:flex-start;gap:8px;z-index:3;animation:co-pinIn .5s cubic-bezier(.2,.9,.3,1.4) backwards}.co-roast .r-pin .r-n{flex:none;width:26px;height:26px;border-radius:50%;background:var(--rose);border:2px solid var(--ink);font-family:var(--f-display);font-weight:800;font-size:14.5px;display:grid;place-items:center;box-shadow:2px 2px 0 var(--ink)}.co-roast .r-pin .r-note{background:var(--ink);color:var(--cream);font-family:var(--f-display);font-weight:600;font-size:14px;line-height:1.3;padding:7px 11px;border-radius:10px;max-width:200px;letter-spacing:-.005em}.co-roast .r-pin .r-note.r-good{background:var(--paper);color:var(--ink);border:1.5px solid var(--ink)}.co-roast .r-pin:nth-of-type(1){animation-delay:.5s}.co-roast .r-pin:nth-of-type(2){animation-delay:.9s}.co-roast .r-pin:nth-of-type(3){animation-delay:1.3s}@keyframes co-pinIn{0%{opacity:0;transform:translateY(8px) scale(.85)}}.co-roast .r-ring{position:absolute;border:2.5px solid var(--rose-deep);border-radius:50%;z-index:2;pointer-events:none}.co-roast .r-cursor{position:absolute;z-index:4;width:22px;height:22px;left:62%;top:56%;animation:co-cursor 7s ease-in-out infinite;filter:drop-shadow(1px 2px 0 rgba(0,0,0,.15))}@keyframes co-cursor{0%,to{left:62%;top:58%}30%{left:24%;top:70%}55%{left:30%;top:36%}80%{left:78%;top:20%}}.co-roast .r-cam{position:absolute;right:14px;bottom:52px;width:clamp(78px,15%,118px);aspect-ratio:1;border-radius:50%;overflow:hidden;border:3px solid var(--paper);box-shadow:0 0 0 2px var(--ink),0 10px 24px #1a1a1a2e;z-index:5;background:var(--blush)}.co-roast .r-cam img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;transform:scale(1.5);transform-origin:50% 28%}.co-roast .r-scrub{display:flex;align-items:center;gap:12px;padding:10px 14px;border-top:1.5px solid var(--ink);background:var(--cream);font-family:var(--f-mono);font-size:13.5px;color:var(--ink-2);font-variant-numeric:tabular-nums}.co-roast .r-scrub .r-track{flex:1;height:6px;background:var(--rule);border-radius:3px;position:relative;overflow:hidden}.co-roast .r-scrub .r-fill{position:absolute;inset:0 auto 0 0;width:56%;background:var(--ink);border-radius:3px}.co-roast .r-scrub .r-play-s{width:0;height:0;border-left:9px solid var(--ink);border-top:6px solid transparent;border-bottom:6px solid transparent}.co-roast .r-hero-visual{position:relative}@media(min-width:980px){.co-roast .r-hero-visual{transform:rotate(1.2deg);margin-right:-8px}}.co-roast .r-hero-visual .r-sticky-note{position:absolute;left:-14px;bottom:-26px;z-index:6;background:var(--blush);border:1.5px solid var(--ink);border-radius:4px;padding:10px 14px 12px;transform:rotate(-4deg);font-family:var(--f-display);font-weight:600;font-size:15px;line-height:1.3;max-width:220px;box-shadow:3px 3px 0 var(--ink)}.co-roast .r-hero-visual .r-sticky-note .r-mono{display:block;font-size:12.5px;color:var(--ink-2);margin-bottom:4px}@media(max-width:560px){.co-roast .r-pin .r-note{font-size:13px;max-width:150px;padding:5px 8px}.co-roast .r-pin .r-n{width:22px;height:22px;font-size:13.5px}.co-roast .r-cam{bottom:46px;right:10px}.co-roast .r-hero-visual .r-sticky-note{position:relative;left:auto;bottom:auto;margin:-6px auto 0 8px;display:inline-block}}.co-roast .r-recent{margin-top:56px;font-size:16px;color:var(--ink-2);max-width:40rem}.co-roast .r-recent a{color:var(--ink);font-weight:600;text-decoration-color:var(--rose);text-decoration-thickness:2px;text-underline-offset:3px}.co-roast .r-recent a:hover{text-decoration-color:var(--ink)}.co-roast section{position:relative}.co-roast .r-sec{padding-block:72px}@media(min-width:900px){.co-roast .r-sec{padding-block:96px}}.co-roast .r-sec-head{display:grid;gap:18px;max-width:52rem;margin-bottom:48px}@media(min-width:900px){.co-roast .r-sec-head{margin-bottom:64px}}.co-roast .r-sec-head h2{font-size:clamp(1.9rem,3.4vw,2.9rem)}.co-roast .r-sec-head p{font-size:18px;color:var(--ink-2);max-width:40rem}.co-roast .r-band-ink{background:var(--ink);color:var(--cream)}.co-roast .r-proof-grid{display:grid;gap:56px}@media(min-width:980px){.co-roast .r-proof-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:72px;align-items:center}}.co-roast .r-stack{position:relative;aspect-ratio:1.18;max-width:100%}.co-roast .r-win{position:absolute;background:var(--paper);border:2px solid var(--ink);border-radius:14px;overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.co-roast .r-win .r-rec-bar{padding:8px 12px}.co-roast .r-win .r-dots i{width:8px;height:8px}.co-roast .r-win img{width:100%;height:auto}.co-roast .r-win-a{left:0;top:4%;width:76%;transform:rotate(-2.5deg);z-index:1;box-shadow:6px 6px 0 var(--ink)}.co-roast .r-win-b{right:0;bottom:0;width:72%;transform:rotate(2deg);z-index:2;box-shadow:6px 6px 0 var(--rose),6px 6px 0 2px var(--ink)}.co-roast .r-stack:hover .r-win-a{transform:rotate(-4deg) translate(-10px,-8px)}.co-roast .r-stack:hover .r-win-b{transform:rotate(3deg) translate(10px,8px)}.co-roast .r-tag-note{position:absolute;z-index:3;font-family:var(--f-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;background:var(--rose);border:1.5px solid var(--ink);padding:5px 10px;border-radius:99px;white-space:nowrap}.co-roast .r-tag-a{left:4%;top:0;transform:rotate(-6deg)}.co-roast .r-tag-b{right:6%;bottom:-3%;transform:rotate(3deg);background:var(--cream)}.co-roast .r-cases{display:grid;gap:36px}.co-roast .r-case{display:grid;gap:8px}.co-roast .r-case h3{font-size:23px;letter-spacing:-.025em}.co-roast .r-case p{color:var(--ink-2);font-size:16.5px;max-width:30rem}.co-roast .r-case a{justify-self:start;font-size:15px;color:var(--ink);text-underline-offset:3px;text-decoration-color:var(--rose);text-decoration-thickness:2px}.co-roast .r-case a:hover{text-decoration-color:var(--ink)}.co-roast .r-quotes{margin-top:72px;display:grid;gap:28px}@media(min-width:980px){.co-roast .r-quotes{grid-template-columns:1.35fr .9fr;gap:48px;align-items:start}}.co-roast .r-q{margin:0;border-radius:var(--r-card);padding:0}.co-roast .r-q blockquote{margin:0;font-family:var(--f-display);font-weight:600;letter-spacing:-.02em;line-height:1.3;color:var(--ink)}.co-roast .r-q-big blockquote{font-size:clamp(21px,2.2vw,27px)}.co-roast .r-q-small{background:var(--blush);padding:28px 26px}.co-roast .r-q-small blockquote{font-size:19px}.co-roast .r-who{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;margin-top:18px;font-size:15px;color:var(--ink-2)}.co-roast .r-who b{font-family:var(--f-display);font-weight:700;color:var(--ink)}.co-roast .r-trust-row{margin-top:72px;display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;padding-top:22px;border-top:1px solid var(--rule)}@media(min-width:980px){.co-roast .r-trust-row{margin-top:96px}}.co-roast .r-trust-row .r-t{display:flex;gap:10px;align-items:center;font-size:15px;color:var(--ink-2)}.co-roast .r-trust-row .r-t .r-star{color:var(--rose-deep);width:12px;height:12px}.co-roast .r-video-grid{display:grid;gap:40px}@media(min-width:1020px){.co-roast .r-video-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr);gap:48px;align-items:start}}.co-roast .r-player .r-rec{box-shadow:12px 12px 0 var(--rose),12px 12px 0 2px var(--ink)}.co-roast .r-player .r-site{aspect-ratio:16/9.6}.co-roast .r-player .r-cam{width:clamp(84px,17%,150px);bottom:58px}.co-roast .r-player .r-pin .r-note{max-width:200px}.co-roast .r-example-badge{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);z-index:6;background:var(--ink);color:var(--cream);border-radius:16px;padding:14px 18px;display:grid;gap:4px;text-align:center;width:min(80%,340px);box-shadow:4px 4px 0 var(--rose)}.co-roast .r-example-badge b{font-family:var(--f-display);font-size:18px;letter-spacing:-.015em}.co-roast .r-example-badge span{font-size:14.5px;color:#e7e1d8;line-height:1.35}.co-roast .r-vid-note{margin-top:16px;font-size:15px;color:var(--ink-2)}.co-roast .r-chapters{position:relative;display:flex;gap:0;padding:0 14px 12px;background:var(--cream);font-family:var(--f-mono);font-size:12.5px;color:var(--ink-2)}.co-roast .r-chapters span{flex:1;border-left:1.5px solid var(--ink);padding:6px 0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-roast .r-chapters span:first-child{border-left:0;padding-left:0}.co-roast .r-caption{display:grid;gap:22px}.co-roast .r-caption .r-mono{color:var(--rose-deep)}.co-roast .r-caption p{font-size:18px}.co-roast .r-caption p.r-big{font-family:var(--f-display);font-weight:600;font-size:20px;line-height:1.35;letter-spacing:-.02em}.co-roast .r-toc{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--ink)}.co-roast .r-toc li{display:grid;grid-template-columns:62px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--rule);font-size:15.5px}.co-roast .r-toc time{font-family:var(--f-mono);font-size:14.5px;color:var(--ink-2);font-variant-numeric:tabular-nums;padding-top:2px}.co-roast .r-toc li b{font-family:var(--f-display);font-weight:700}.co-roast .r-looks{display:grid;gap:28px}.co-roast .r-look{display:grid;gap:28px;border-top:1.5px solid var(--ink);padding-top:28px}@media(min-width:900px){.co-roast .r-look{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center;padding-top:40px}.co-roast .r-look:nth-child(2n) .r-look-art{order:-1}}.co-roast .r-look-num{font-family:var(--f-mono);font-size:14.5px;color:var(--ink-2)}.co-roast .r-look h3{font-size:clamp(24px,2.4vw,30px);margin-top:14px}.co-roast .r-look p{font-size:18px;color:var(--ink-2);margin-top:12px;max-width:30rem}.co-roast .r-look-art{background:var(--blush);border-radius:var(--r-card);padding:clamp(18px,4vw,40px);min-height:300px;display:grid;place-items:center;position:relative;overflow:hidden}.co-roast .r-look-art .r-mono{position:absolute;top:16px;left:18px;font-size:13px;color:var(--ink-2)}.co-roast .r-fivesec{width:100%;max-width:440px;position:relative}.co-roast .r-fivesec .r-card{background:var(--paper);border:2px solid var(--ink);border-radius:12px;padding:22px 20px;display:grid;gap:10px}.co-roast .r-fivesec .r-q1{font-family:var(--f-display);font-weight:700;font-size:14.5px;color:var(--ink-3);text-decoration:line-through;text-decoration-color:var(--rose-deep);text-decoration-thickness:2px}.co-roast .r-fivesec .r-a1{font-family:var(--f-display);font-weight:800;font-size:clamp(20px,2.6vw,27px);letter-spacing:-.03em;line-height:1.1}.co-roast .r-fivesec .r-a1 .r-hl{padding:0 .05em}.co-roast .r-fivesec .r-lines i{display:block;height:6px;background:var(--rule);border-radius:3px;margin-top:7px}.co-roast .r-fivesec .r-lines i:last-child{width:60%}.co-roast .r-timer{position:absolute;right:-12px;top:-22px;width:78px;height:78px;border-radius:50%;background:var(--ink);color:var(--cream);display:grid;place-items:center;text-align:center;font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;line-height:1.2;transform:rotate(8deg)}.co-roast .r-timer b{display:block;font-family:var(--f-display);font-size:22px;letter-spacing:-.02em}.co-roast .r-verdicts{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.co-roast .r-verdicts span{font-size:14px;font-family:var(--f-display);font-weight:600;border:1.5px solid var(--ink);border-radius:99px;padding:3px 10px;background:var(--paper)}.co-roast .r-verdicts span.r-no{background:var(--rose)}.co-roast .r-phones{display:flex;gap:clamp(14px,4vw,34px);align-items:flex-end}.co-roast .r-phone{width:clamp(120px,22vw,168px);aspect-ratio:9/18.5;border:2.5px solid var(--ink);border-radius:26px;background:var(--paper);padding:10px 9px;position:relative;display:flex;flex-direction:column;gap:7px}.co-roast .r-phone:before{content:"";width:34%;height:6px;background:var(--ink);border-radius:4px;align-self:center;margin-bottom:4px}.co-roast .r-phone .r-ph-h{height:9px;background:var(--ink);border-radius:3px;width:80%}.co-roast .r-phone .r-ph-l{height:5px;background:var(--rule);border-radius:3px}.co-roast .r-phone .r-ph-l.r-s{width:70%}.co-roast .r-phone .r-ph-img{flex:1;background:repeating-linear-gradient(135deg,#ece6dd 0 8px,#e4ded2 8px 16px);border-radius:8px}.co-roast .r-phone .r-ph-cta{height:34px;border-radius:99px;background:var(--ink);color:var(--cream);font-family:var(--f-display);font-weight:700;font-size:12.5px;display:grid;place-items:center}.co-roast .r-phone.r-bad .r-ph-cta{height:14px;width:46%;background:transparent;color:var(--ink-3);border:1px solid var(--rule);font-size:7px;align-self:flex-start}.co-roast .r-phone .r-lbl{position:absolute;bottom:-34px;left:50%;transform:translate(-50%);white-space:nowrap;font-family:var(--f-mono);font-size:12.5px;letter-spacing:.06em;text-transform:uppercase}.co-roast .r-phone.r-bad{transform:rotate(-3deg)}.co-roast .r-phone.r-good{transform:rotate(2deg)}.co-roast .r-thumb{position:absolute;right:-26px;bottom:18%;font-family:var(--f-display);font-weight:600;font-size:14px;background:var(--ink);color:var(--cream);padding:5px 9px;border-radius:8px;white-space:nowrap;transform:rotate(3deg)}.co-roast .r-phones-wrap{padding-bottom:40px}.co-roast .r-path{width:100%;max-width:470px;display:grid;gap:12px}.co-roast .r-step-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.co-roast .r-node{font-family:var(--f-display);font-weight:700;font-size:15px;border:2px solid var(--ink);border-radius:10px;padding:8px 12px;background:var(--paper)}.co-roast .r-node.r-dead{border-style:dashed;color:var(--ink-3);text-decoration:line-through}.co-roast .r-node.r-goal{background:var(--rose)}.co-roast .r-arrow{font-family:var(--f-mono);color:var(--ink-2)}.co-roast .r-form-diff{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.co-roast .r-mini-form{background:var(--paper);border:2px solid var(--ink);border-radius:12px;padding:12px;display:grid;gap:5px;align-content:start}.co-roast .r-mini-form .r-mono{position:static;font-size:12px;margin-bottom:4px}.co-roast .r-mini-form i{display:block;height:9px;border:1px solid var(--rule);border-radius:3px}.co-roast .r-mini-form.r-long i:nth-child(n+2){opacity:.9}.co-roast .r-mini-form .r-go{height:16px;border-radius:99px;background:var(--ink);margin-top:4px}.co-roast .r-mini-form .r-count{font-family:var(--f-display);font-weight:800;font-size:22px;letter-spacing:-.03em}.co-roast .r-mini-form.r-long{position:relative}.co-roast .r-mini-form.r-long:after{content:"";position:absolute;left:8px;right:8px;top:50%;height:2.5px;background:var(--rose-deep);transform:rotate(-14deg)}.co-roast .r-gallery-head{display:grid;gap:24px;margin-bottom:44px}@media(min-width:900px){.co-roast .r-gallery-head{grid-template-columns:1fr auto;align-items:end}}.co-roast .r-gal-ctrl{display:flex;gap:10px}.co-roast .r-gal-ctrl button{width:48px;height:48px;border-radius:50%;border:2px solid var(--cream);background:transparent;color:var(--cream);font-size:20px;cursor:pointer;transition:background .2s,color .2s}.co-roast .r-gal-ctrl button:hover{background:var(--cream);color:var(--ink)}.co-roast .r-gallery{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:22px;scrollbar-width:thin;scrollbar-color:var(--rose) transparent;margin-right:calc(-1 * var(--gutter-r))}.co-roast .r-gallery::-webkit-scrollbar{height:6px}.co-roast .r-gallery::-webkit-scrollbar-thumb{background:var(--rose);border-radius:3px}.co-roast .r-shot{flex:none;width:min(78vw,520px);scroll-snap-align:start;display:grid;gap:14px;margin:0}.co-roast .r-shot .r-frame{border:2px solid var(--cream);border-radius:14px;overflow:hidden;background:var(--cream)}.co-roast .r-shot .r-frame .r-rec-bar{background:var(--ink);border-bottom-color:var(--cream)}.co-roast .r-shot .r-frame .r-dots i{border-color:var(--cream);background:transparent}.co-roast .r-shot .r-frame .r-dots i:first-child{background:var(--rose)}.co-roast .r-shot .r-frame .r-url{background:#2a2a2a;border-color:#3a3a3a;color:#cfc8bf}.co-roast .r-shot .r-viewport{height:clamp(300px,52vw,420px);overflow:hidden;position:relative}.co-roast .r-shot .r-viewport img{width:100%;height:auto;transform:translateY(0);transition:transform 5.5s cubic-bezier(.45,.05,.35,1)}.co-roast .r-shot:hover .r-viewport img,.co-roast .r-shot:focus-within .r-viewport img,.co-roast .r-shot.r-on .r-viewport img{transform:translateY(var(--travel, -60%))}.co-roast .r-shot figcaption{display:grid;gap:4px}.co-roast .r-shot figcaption b{font-family:var(--f-display);font-size:19px;letter-spacing:-.02em}.co-roast .r-shot figcaption span{font-size:15px;color:#cfc8bf}.co-roast .r-shot .r-hint{font-family:var(--f-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--rose)}.co-roast .r-next-step{margin-top:72px;display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;justify-content:space-between;background:var(--cream);color:var(--ink);border-radius:var(--r-card);padding:26px 28px}.co-roast .r-next-step p{font-family:var(--f-display);font-weight:600;font-size:clamp(18px,2vw,22px);letter-spacing:-.02em;max-width:40rem;line-height:1.35}.co-roast .r-steps{display:grid;gap:0;counter-reset:s;border-top:1.5px solid var(--ink)}@media(min-width:900px){.co-roast .r-steps{grid-template-columns:repeat(3,1fr);border-top:0}}.co-roast .r-stepx{padding:30px 0;border-bottom:1px solid var(--rule);display:grid;gap:12px;align-content:start;position:relative}@media(min-width:900px){.co-roast .r-stepx{padding:0 32px 0 0;border-bottom:0}.co-roast .r-stepx+.r-stepx{padding-left:32px;border-left:1px solid var(--rule)}}.co-roast .r-stepx .r-big{font-family:var(--f-mono);font-size:14.5px;color:var(--ink-2)}.co-roast .r-stepx h3{font-size:22px;letter-spacing:-.03em}.co-roast .r-stepx p{color:var(--ink-2)}.co-roast .r-stepx .r-vis{height:150px;border-radius:14px;background:var(--paper);border:1.5px solid var(--ink);margin-bottom:8px;position:relative;overflow:hidden;display:grid;place-items:center}.co-roast .r-vis-url{font-family:var(--f-mono);font-size:14.5px;background:var(--cream);border:1.5px solid var(--ink);border-radius:99px;padding:8px 14px;display:flex;gap:8px;align-items:center}.co-roast .r-vis-url .r-caret{width:1.5px;height:16px;background:var(--ink);animation:co-blink 1s steps(1) infinite}@keyframes co-blink{50%{opacity:0}}.co-roast .r-week{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;width:80%}.co-roast .r-week span{aspect-ratio:1;border:1.5px solid var(--ink);border-radius:8px;display:grid;place-items:center;background:var(--cream);font-size:14.5px;font-family:var(--f-display);font-weight:700}.co-roast .r-week span.r-pick{background:var(--rose);position:relative}.co-roast .r-week span.r-pick:nth-child(odd){transform:rotate(-4deg)}.co-roast .r-week span.r-pick:nth-child(2n){transform:rotate(3deg)}.co-roast .r-inbox{width:88%;display:grid;gap:5px}.co-roast .r-inbox div{display:flex;gap:8px;align-items:center;border:1.5px solid var(--rule);border-radius:10px;padding:6px 10px;font-size:14px;line-height:1.3;background:var(--cream);min-width:0}.co-roast .r-inbox div.r-new{border-color:var(--ink);background:var(--paper);font-weight:600}.co-roast .r-inbox i{width:8px;height:8px;border-radius:50%;background:var(--rule);flex:none}.co-roast .r-inbox div.r-new i{background:var(--rose-deep)}.co-roast .r-inbox em{font-style:normal;margin-left:auto;font-family:var(--f-mono);font-size:12.5px;color:var(--ink-3)}.co-roast .r-how-foot{margin-top:56px;display:flex;flex-wrap:wrap;gap:22px 32px;align-items:center;justify-content:space-between;background:var(--paper);border:1.5px solid var(--ink);border-radius:var(--r-card);padding:22px 24px}.co-roast .r-how-foot p{max-width:36rem;color:var(--ink-2);font-size:15.5px;display:flex;gap:12px}.co-roast .r-how-foot p .r-star{color:var(--rose-deep);margin-top:4px}.co-roast .r-kate{display:grid;gap:48px}@media(min-width:960px){.co-roast .r-kate{grid-template-columns:var(--photo-w,280px) minmax(0,1fr);gap:72px;align-items:center}}.co-roast .r-kate-photo{position:relative;max-width:280px;justify-self:center;width:100%}.co-roast .r-kate-photo .r-polaroid{background:var(--paper);border:2px solid var(--ink);padding:10px 10px 40px;transform:rotate(-2.5deg);box-shadow:6px 6px 0 var(--rose),6px 6px 0 2px var(--ink);transition:transform .4s}.co-roast .r-kate-photo:hover .r-polaroid{transform:rotate(-1deg)}.co-roast .r-kate-photo .r-polaroid .r-img{aspect-ratio:4/5;overflow:hidden;background:var(--blush)}.co-roast .r-kate-photo .r-polaroid img{width:100%;height:100%;object-fit:cover;transform:scale(1.08)}.co-roast .r-kate-photo .r-cap{position:absolute;left:20px;bottom:12px;font-family:var(--f-mono);font-size:13px;letter-spacing:.04em;color:var(--ink-2)}.co-roast .r-kate-photo .r-badge{position:absolute;right:-18px;top:14px;width:84px;height:84px;border-radius:50%;background:var(--ink);color:var(--cream);display:grid;place-items:center;text-align:center;font-family:var(--f-display);font-weight:700;font-size:14px;line-height:1.15;transform:rotate(10deg);padding:10px}.co-roast .r-kate-photo .r-badge .r-star{color:var(--rose);width:14px;height:14px;margin:0 auto 4px}@media(max-width:520px){.co-roast .r-kate-photo .r-badge{right:-8px}}.co-roast .r-kate-copy{display:grid;gap:18px}.co-roast .r-kate-copy h2{font-size:clamp(1.9rem,3.4vw,2.9rem)}.co-roast .r-kate-copy p{font-size:18px;color:var(--ink);max-width:36rem}.co-roast .r-kate-copy .r-rte p+p{color:var(--ink-2)}.co-roast .r-sign{font-family:var(--f-display);font-weight:800;font-size:26px;letter-spacing:-.03em;display:flex;gap:10px;align-items:center}.co-roast .r-kate-q{margin:10px 0 0;border-left:3px solid var(--rose);padding:4px 0 4px 18px;display:grid;gap:6px}.co-roast .r-kate-q blockquote{margin:0;font-family:var(--f-display);font-weight:600;font-size:18px;letter-spacing:-.015em;line-height:1.35}.co-roast .r-kate-q figcaption{font-size:15.5px;color:var(--ink-2)}.co-roast .r-kate-q figcaption b{color:var(--ink);font-family:var(--f-display)}.co-roast .r-faq-grid{display:grid;gap:40px}@media(min-width:960px){.co-roast .r-faq-grid{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:72px}}.co-roast .r-faq-side{display:grid;gap:18px;align-content:start}@media(min-width:960px){.co-roast .r-faq-side{position:sticky;top:110px}}.co-roast .r-faq-side h2{font-size:clamp(1.9rem,3.4vw,2.9rem)}.co-roast .r-faq-side p{color:var(--ink-2)}.co-roast .r-faqs{border-top:1.5px solid var(--ink)}.co-roast .r-faqs details{border-bottom:1px solid var(--rule)}.co-roast .r-faqs summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-family:var(--f-display);font-weight:700;font-size:clamp(18px,2vw,21px);letter-spacing:-.02em}.co-roast .r-faqs summary::-webkit-details-marker{display:none}.co-roast .r-faqs summary .r-pm{flex:none;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--ink);display:grid;place-items:center;transition:transform .25s,background .2s}.co-roast .r-faqs summary .r-pm:before,.co-roast .r-faqs summary .r-pm:after{content:"";grid-area:1/1;width:12px;height:2px;background:var(--ink);transition:transform .25s}.co-roast .r-faqs summary .r-pm:after{transform:rotate(90deg)}.co-roast .r-faqs details[open] summary .r-pm{background:var(--rose)}.co-roast .r-faqs details[open] summary .r-pm:after{transform:rotate(0)}.co-roast .r-faqs summary:hover .r-pm{background:var(--blush)}.co-roast .r-faqs .r-ans{padding:0 50px 24px 0;color:var(--ink-2);font-size:17px;max-width:40rem}.co-roast.r-final{background:var(--ink);color:var(--cream);overflow:hidden}.co-roast .r-final-grid{display:grid;gap:48px}@media(min-width:1000px){.co-roast .r-final-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:72px;align-items:center}}.co-roast .r-missed{display:inline-flex;gap:12px;align-items:center;background:#2a2a2a;border:1px solid #3A3A3A;border-radius:18px;padding:12px 16px 12px 12px;max-width:100%;margin-bottom:28px;animation:co-buzz 4s ease-in-out infinite}@keyframes co-buzz{0%,86%,to{transform:rotate(0)}88%{transform:rotate(-2deg)}90%{transform:rotate(2deg)}92%{transform:rotate(-2deg)}94%{transform:rotate(0)}}.co-roast .r-missed .r-ic{width:40px;height:40px;border-radius:11px;background:var(--rose);display:grid;place-items:center;flex:none}.co-roast .r-missed .r-ic svg{width:20px;height:20px}.co-roast .r-missed .r-t{display:grid;gap:1px;min-width:0}.co-roast .r-missed b{font-family:var(--f-display);font-size:15.5px}.co-roast .r-missed span{font-size:14.5px;color:#cfc8bf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-roast .r-missed em{font-style:normal;font-family:var(--f-mono);font-size:13px;color:#a39c93;margin-left:6px;align-self:flex-start}.co-roast .r-final-h{font-size:clamp(2.2rem,4.4vw,3.8rem);font-weight:800;letter-spacing:-.045em;line-height:1.02;color:var(--cream)}.co-roast .r-final-h .r-hl{background:none;color:var(--rose);padding:0}.co-roast.r-final .r-lede{color:#e7e1d8;margin-top:24px;max-width:34rem}.co-roast .r-ticks{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:28px;list-style:none;padding:0}.co-roast .r-ticks li{display:flex;gap:9px;align-items:center;font-family:var(--f-display);font-weight:600;font-size:15.5px}.co-roast .r-ticks svg{width:18px;height:18px;flex:none}.co-roast.r-final .r-entry{color:var(--ink);box-shadow:8px 8px 0 var(--rose)}.co-roast .r-mob-cta{position:fixed;left:0;right:0;bottom:0;z-index:50;padding:10px var(--gutter-r) calc(10px + env(safe-area-inset-bottom,0px)) var(--gutter-l);background:color-mix(in srgb,var(--cream) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--rule);transform:translateY(110%);transition:transform .3s ease;display:flex;gap:12px;align-items:center}.co-roast .r-mob-cta.r-show{transform:none}.co-roast .r-mob-cta .r-btn{flex:1;padding:13px 18px}.co-roast .r-mob-cta small{font-family:var(--f-mono);font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);line-height:1.3;max-width:96px}@media(min-width:900px){.co-roast .r-mob-cta{display:none}}.co-roast :where(.r-hero-grid,.r-proof-grid,.r-video-grid,.r-look,.r-kate,.r-faq-grid,.r-final-grid,.r-quotes){grid-template-columns:minmax(0,1fr)}.co-roast .r-hero-grid>*,.co-roast .r-proof-grid>*,.co-roast .r-video-grid>*,.co-roast .r-look>*,.co-roast .r-kate>*,.co-roast .r-faq-grid>*,.co-roast .r-final-grid>*,.co-roast .r-quotes>*{min-width:0}@media(max-width:420px){.co-roast .r-top .r-btn{padding:9px 14px;font-size:15px}.co-roast .r-wordmark{height:16px}}@media(prefers-reduced-motion:reduce){.co-roast *,.co-roast *:before,.co-roast *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.co-roast.r-bg-blush{background:var(--blush)}.co-roast.r-bg-ink{background:var(--ink);color:var(--cream)}.co-roast .r-pad{padding-top:var(--pt,88px);padding-bottom:var(--pb,88px)}@media(min-width:900px){.co-roast .r-pad{padding-top:var(--pt-d,120px);padding-bottom:var(--pb-d,120px)}}.co-roast h1,.co-roast h2,.co-roast h3{color:inherit;text-transform:none}.co-roast input{box-shadow:none}.co-roast .r-form-errors{background:var(--blush);border:1.5px solid var(--rose-deep);border-radius:12px;padding:10px 14px;font-size:15px;color:#7a2440}.co-roast .r-form-errors ul{margin:4px 0 0;padding-left:18px}.co-roast .r-rte p+p{margin-top:14px}.co-roast .r-rte a{color:inherit;text-decoration-color:var(--rose);text-decoration-thickness:2px;text-underline-offset:3px}.co-roast .r-top{position:relative;top:auto}.co-roast .r-logo-text{font-family:var(--f-display);font-weight:800;font-size:18px;letter-spacing:.02em;text-transform:uppercase;text-decoration:none;color:var(--ink)}.co-roast .r-wordmark{mix-blend-mode:normal}.co-roast.r-bg-ink .r-sec-head p{color:#cfc8bf}.co-roast.r-bg-ink .r-sec-head h2{color:var(--cream)}.co-roast.r-final .r-entry h2{color:var(--ink)}
/*# sourceMappingURL=/cdn/shop/t/10/assets/co-roast.css.map */