body:is(.template-blog,.template-article) #MainContent{--ros-black: #0b0b0a;--ros-ink: #171713;--ros-ivory: #f4f0e7;--ros-paper: #fbfaf7;--ros-stone: #d8cfc3;--ros-gold: #b7955b;--ros-line: rgba(23, 23, 19, .14);--ros-muted: rgba(23, 23, 19, .66);--ros-serif: var(--font-heading--family, "Tenor Sans", "Avenir Next", Helvetica, Arial, sans-serif);--ros-sans: var(--font-body--family, "Jost", "Avenir Next", Helvetica, Arial, sans-serif);--ros-radius: 2px;--ros-max: 1760px}body:is(.template-blog,.template-article) #MainContent *{box-sizing:border-box}body:is(.template-blog,.template-article) #MainContent{scroll-behavior:smooth}body:is(.template-blog,.template-article) #MainContent{margin:0;color:var(--ros-ink);background:var(--ros-paper);font-family:var(--ros-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}body:is(.template-blog,.template-article) #MainContent h1,body:is(.template-blog,.template-article) #MainContent h2,body:is(.template-blog,.template-article) #MainContent h3,body:is(.template-blog,.template-article) #MainContent h4{color:inherit}body:is(.template-blog,.template-article) #MainContent img{max-width:100%}body:is(.template-blog,.template-article) #MainContent a{color:inherit;text-underline-offset:.18em}body:is(.template-blog,.template-article) #MainContent .page-width{width:min(100%,var(--ros-max));margin-inline:auto;max-width:var(--ros-max)!important;padding-inline:clamp(20px,4vw,72px)!important}body:is(.template-blog,.template-article) #MainContent,body:is(.template-blog,.template-article) #MainContent .shopify-section,body:is(.template-blog,.template-article) #MainContent .section-wrapper{min-width:0px}body:is(.template-blog,.template-article) #MainContent :where(a,button,input,textarea,select,summary):focus-visible{outline-offset:4px;outline:currentcolor solid 2px!important}body:is(.template-blog,.template-article) #MainContent .ros-kicker{margin:0 0 16px;font-size:11px;font-weight:700;letter-spacing:.18em;line-height:1.2;text-transform:uppercase}body:is(.template-blog,.template-article) #MainContent .ros-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 28px;border:1px solid var(--ros-black);border-radius:999px;color:#fff;background:var(--ros-black);font-size:14px;font-weight:650;text-decoration:none;transition:background .25s,color .25s,transform .25s}body:is(.template-blog,.template-article) #MainContent .ros-button:hover{color:var(--ros-black);background:transparent;transform:translateY(-1px)}body:is(.template-blog,.template-article) #MainContent .ros-button--light{color:var(--ros-black);background:#fff;border-color:#fff}body:is(.template-blog,.template-article) #MainContent .ros-button--light:hover{color:#fff;background:transparent}body:is(.template-blog,.template-article) #MainContent .ros-text-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none}body:is(.template-blog,.template-article) #MainContent .ros-text-link span{transition:transform .25s}body:is(.template-blog,.template-article) #MainContent .ros-text-link:hover span{transform:translate(3px,-3px)}body:is(.template-blog,.template-article) #MainContent .ros-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;color:var(--ros-muted);font-size:12px}body:is(.template-blog,.template-article) #MainContent .ros-breadcrumbs a{text-decoration:none}body:is(.template-blog,.template-article) #MainContent .ros-empty-state{padding-top:100px;padding-bottom:120px;text-align:center}body:is(.template-blog,.template-article) #MainContent .ros-empty-state h2{max-width:760px;margin:0 auto;font-family:var(--ros-serif);font-size:clamp(42px,6vw,82px);font-weight:400;line-height:1}body:is(.template-blog,.template-article) #MainContent .ros-empty-state>p:not(.ros-kicker){max-width:600px;margin:26px auto;color:var(--ros-muted);line-height:1.7}body:is(.template-blog,.template-article) #MainContent .ros-empty-state>div{display:flex;justify-content:center;align-items:center;gap:24px}body:is(.template-blog,.template-article) #MainContent .ros-blog{padding-top:clamp(70px,9vw,135px)!important;padding-bottom:120px!important}body:is(.template-blog,.template-article) #MainContent .ros-blog__header{max-width:930px;margin-bottom:clamp(48px,7vw,100px)}body:is(.template-blog,.template-article) #MainContent .ros-blog__header h1{margin:0;font-family:var(--ros-serif);font-size:clamp(70px,10vw,150px);font-weight:400;line-height:.88;letter-spacing:-.05em}body:is(.template-blog,.template-article) #MainContent .ros-blog__header>p:not(.ros-kicker){max-width:620px;margin:28px 0 0;color:var(--ros-muted);font-size:18px;line-height:1.65}body:is(.template-blog,.template-article) #MainContent .ros-blog__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(46px,7vw,100px) clamp(20px,3vw,48px)}body:is(.template-blog,.template-article) #MainContent .ros-blog__grid article{min-width:0px}body:is(.template-blog,.template-article) #MainContent .ros-blog__image{display:grid;place-items:center;aspect-ratio:4 / 3;overflow:hidden;color:#00000038;background:var(--ros-ivory);letter-spacing:.25em;text-decoration:none}body:is(.template-blog,.template-article) #MainContent .ros-blog__image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}body:is(.template-blog,.template-article) #MainContent .ros-blog__grid article:hover img{transform:scale(1.02)}body:is(.template-blog,.template-article) #MainContent .ros-blog__grid article>p{margin:18px 0 11px;color:var(--ros-muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase}body:is(.template-blog,.template-article) #MainContent .ros-blog__grid h2{margin:0 0 14px;font-family:var(--ros-serif);font-size:clamp(28px,3vw,46px);font-weight:400;line-height:1.06}body:is(.template-blog,.template-article) #MainContent .ros-blog__grid h2 a{text-decoration:none}body:is(.template-blog,.template-article) #MainContent .ros-blog__grid article>div{max-width:650px;margin-bottom:20px;color:var(--ros-muted);line-height:1.65}body:is(.template-blog,.template-article) #MainContent .ros-blog__featured{grid-column:1 / -1;display:grid;grid-template-columns:1.35fr .65fr;column-gap:clamp(28px,5vw,80px);align-content:center}body:is(.template-blog,.template-article) #MainContent .ros-blog__featured .ros-blog__image{grid-row:1 / 6;aspect-ratio:16 / 10}body:is(.template-blog,.template-article) #MainContent .ros-blog__featured>p{align-self:end}body:is(.template-blog,.template-article) #MainContent .ros-pagination{display:flex;justify-content:center;margin-top:70px}body:is(.template-blog,.template-article) #MainContent .ros-article__header{text-align:center;max-width:1280px!important;padding-top:clamp(60px,8vw,120px)!important;padding-bottom:clamp(48px,6vw,90px)!important}body:is(.template-blog,.template-article) #MainContent .ros-article__header .ros-breadcrumbs{justify-content:center;margin-bottom:60px}body:is(.template-blog,.template-article) #MainContent .ros-article__header h1{max-width:1120px;margin:0 auto;font-family:var(--ros-serif);font-size:clamp(56px,8vw,118px);font-weight:400;line-height:.95;letter-spacing:-.045em}body:is(.template-blog,.template-article) #MainContent .ros-article__header>p:last-child{margin-top:24px;color:var(--ros-muted);font-size:12px}body:is(.template-blog,.template-article) #MainContent .ros-article__hero img{display:block;width:100%;max-height:820px;object-fit:cover}body:is(.template-blog,.template-article) #MainContent .ros-article__content{font-size:17px;line-height:1.85;max-width:860px!important;padding-top:clamp(55px,7vw,90px)!important;padding-bottom:clamp(70px,9vw,130px)!important}body:is(.template-blog,.template-article) #MainContent .ros-article__content h2{margin-top:2.2em;font-family:var(--ros-serif);font-size:clamp(34px,4vw,54px);font-weight:400;line-height:1.1}body:is(.template-blog,.template-article) #MainContent .ros-article__content h3{margin-top:2em;font-family:var(--ros-serif);font-size:30px;font-weight:400}body:is(.template-blog,.template-article) #MainContent .ros-article__content img{margin-block:35px}body:is(.template-blog,.template-article) #MainContent .ros-article__footer{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:100px;border-block:1px solid var(--ros-line);padding-top:50px!important;padding-bottom:50px!important}body:is(.template-blog,.template-article) #MainContent .ros-article__footer h2{max-width:760px;margin:0;font-family:var(--ros-serif);font-size:clamp(34px,4vw,60px);font-weight:400;line-height:1}@media(max-width:900px){body:is(.template-blog,.template-article) #MainContent .ros-blog__featured{grid-template-columns:1fr}body:is(.template-blog,.template-article) #MainContent .ros-blog__featured .ros-blog__image{grid-row:auto}}@media(max-width:600px){body:is(.template-blog,.template-article) #MainContent .page-width{padding-inline:18px!important}body:is(.template-blog,.template-article) #MainContent .ros-empty-state>div{align-items:center;flex-direction:column}body:is(.template-blog,.template-article) #MainContent .ros-blog__grid{grid-template-columns:1fr}body:is(.template-blog,.template-article) #MainContent .ros-blog__featured{grid-column:auto}body:is(.template-blog,.template-article) #MainContent .ros-article__header .ros-breadcrumbs{margin-bottom:40px}body:is(.template-blog,.template-article) #MainContent .ros-article__content{font-size:16px}body:is(.template-blog,.template-article) #MainContent .ros-article__footer{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){body:is(.template-blog,.template-article) #MainContent *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body:is(.template-blog,.template-article) #MainContent{--ros-serif: var(--font-heading--family, "Tenor Sans", "Avenir Next", Helvetica, Arial, sans-serif);--ros-sans: var(--font-body--family, "Jost", "Avenir Next", Helvetica, Arial, sans-serif);--ros-black: #080808;--ros-ivory: #f5f1e8;--ros-paper: #fcfbf8;--ros-line: rgba(18, 18, 16, .12);--ros-muted: rgba(18, 18, 16, .64);--ros-max: 1540px}body:is(.template-blog,.template-article) #MainContent .page-width{padding-inline:clamp(20px,3.5vw,56px)!important}body:is(.template-blog,.template-article) #MainContent .ros-button{min-height:48px;padding:13px 24px;border-radius:3px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}body:is(.template-blog,.template-article) #MainContent .ros-kicker{margin-bottom:13px;font-size:10px;letter-spacing:.2em}body:is(.template-blog,.template-article) #MainContent .ros-empty-state,body:is(.template-blog,.template-article) #MainContent .ros-blog{padding-block:clamp(48px,6vw,84px)}body:is(.template-blog,.template-article) #MainContent .ros-blog__header h1{font-size:clamp(62px,8vw,104px)}body:is(.template-blog,.template-article) #MainContent .ros-article__header h1{font-size:clamp(52px,6.6vw,92px)}body:is(.template-blog,.template-article) #MainContent .ros-empty-state h2,body:is(.template-blog,.template-article) #MainContent .ros-blog__header h1,body:is(.template-blog,.template-article) #MainContent .ros-blog__grid h2,body:is(.template-blog,.template-article) #MainContent .ros-article__header h1,body:is(.template-blog,.template-article) #MainContent .ros-article__content h2{font-family:var(--ros-sans);font-style:normal;font-weight:400}body:is(.template-blog,.template-article) #MainContent .ros-kicker,body:is(.template-blog,.template-article) #MainContent .ros-button{font-family:var(--ros-sans);font-style:normal;letter-spacing:.16em}body:is(.template-blog,.template-article) #MainContent .ros-empty-state,body:is(.template-blog,.template-article) #MainContent .ros-blog{padding-block:clamp(38px,4.5vw,66px)}body:is(.template-blog,.template-article) #MainContent,body:is(.template-blog,.template-article) #MainContent button,body:is(.template-blog,.template-article) #MainContent input,body:is(.template-blog,.template-article) #MainContent textarea,body:is(.template-blog,.template-article) #MainContent select,body:is(.template-blog,.template-article) #MainContent h1,body:is(.template-blog,.template-article) #MainContent h2,body:is(.template-blog,.template-article) #MainContent h3,body:is(.template-blog,.template-article) #MainContent h4,body:is(.template-blog,.template-article) #MainContent h5,body:is(.template-blog,.template-article) #MainContent h6,body:is(.template-blog,.template-article) #MainContent p,body:is(.template-blog,.template-article) #MainContent a,body:is(.template-blog,.template-article) #MainContent summary{font-family:var(--ros-sans)}body:is(.template-blog,.template-article) #MainContent h1,body:is(.template-blog,.template-article) #MainContent h2,body:is(.template-blog,.template-article) #MainContent h3,body:is(.template-blog,.template-article) #MainContent h4,body:is(.template-blog,.template-article) #MainContent .ros-blog__header h1,body:is(.template-blog,.template-article) #MainContent .ros-article__header h1{font-weight:400;letter-spacing:-.025em;font-family:var(--ros-serif)!important;font-style:normal!important}body:is(.template-blog,.template-article) #MainContent .ros-blog__header h1,body:is(.template-blog,.template-article) #MainContent .ros-article__header h1{font-size:clamp(46px,5.5vw,78px);line-height:1.03}body:is(.template-blog,.template-article) #MainContent{--ros-v28-radius: 14px}body:is(.template-blog,.template-article) #MainContent{max-width:100%}html[dir=rtl] body:is(.template-blog,.template-article) #MainContent{font-family:Arial,Noto Sans Arabic,sans-serif}@media(max-width:749px){body:is(.template-blog,.template-article) #MainContent .page-width{padding-inline:18px}}@media(prefers-reduced-motion:reduce){body:is(.template-blog,.template-article) #MainContent *{scroll-behavior:auto!important}}body:is(.template-blog,.template-article) #MainContent .ros-arrow-icon{display:inline-block;flex:0 0 auto;width:14px;height:14px;margin-inline-start:5px;vertical-align:-.14em;color:currentcolor;overflow:visible}body:is(.template-blog,.template-article) #MainContent .ros-text-link>span{display:inline-flex;align-items:center;line-height:0}body:is(.template-blog,.template-article) #MainContent{--ros-serif: var(--font-heading--family,"Tenor Sans","Avenir Next",Helvetica,Arial,sans-serif);--ros-sans: var(--font-body--family,"Jost","Avenir Next",Helvetica,Arial,sans-serif)}body:is(.template-blog,.template-article) #MainContent,body:is(.template-blog,.template-article) #MainContent button,body:is(.template-blog,.template-article) #MainContent input,body:is(.template-blog,.template-article) #MainContent textarea,body:is(.template-blog,.template-article) #MainContent select{font-family:var(--ros-sans)}body:is(.template-blog,.template-article) #MainContent h1,body:is(.template-blog,.template-article) #MainContent h2,body:is(.template-blog,.template-article) #MainContent h3,body:is(.template-blog,.template-article) #MainContent h4,body:is(.template-blog,.template-article) #MainContent .ros-article__header h1,body:is(.template-blog,.template-article) #MainContent .ros-blog__header h1{font-weight:400;font-synthesis:none;font-family:var(--ros-serif)!important}body:is(.template-blog,.template-article) #MainContent .ros-kicker,body:is(.template-blog,.template-article) #MainContent .ros-button,body:is(.template-blog,.template-article) #MainContent .ros-text-link{font-family:var(--ros-sans)}html[dir=rtl] body:is(.template-blog,.template-article) #MainContent{--ros-serif: "Noto Sans Arabic",Tahoma,Arial,sans-serif;--ros-sans: "Noto Sans Arabic",Tahoma,Arial,sans-serif}html[dir=rtl] body:is(.template-blog,.template-article) #MainContent{font-family:var(--ros-sans)}body:is(.template-blog,.template-article) #MainContent{color:#000000cf;background:#fff;font-size:14px;font-weight:400;line-height:1.6}body:is(.template-blog,.template-article) #MainContent :is(h1,h2,h3,h4,h5,h6){text-transform:none}
/*# sourceMappingURL=/cdn/shop/t/94/assets/rdb-legacy-blog.css.map */