/** Shopify CDN: Minification failed Line 834:0 Unexpected "@media" **/ @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 400; font-display: swap; src: url(//8ucj0d-zn.myshopify.com/cdn/shop/t/2/assets/cl-font-19a2e9a2ab.woff2?v=121112281405466911241790530863) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 400; font-display: swap; src: url(//8ucj0d-zn.myshopify.com/cdn/shop/t/2/assets/cl-font-ebe7f6cc9c.woff2?v=158061544570163159661790530864) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 400; font-display: swap; src: url(//8ucj0d-zn.myshopify.com/cdn/shop/t/2/assets/cl-font-0295bdd8a8.woff2?v=53986965452052844071790530862) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 500; font-display: swap; src: url(//8ucj0d-zn.myshopify.com/cdn/shop/t/2/assets/cl-font-19a2e9a2ab.woff2?v=121112281405466911241790530863) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 500; font-display: swap; src: url(//8ucj0d-zn.myshopify.com/cdn/shop/t/2/assets/cl-font-ebe7f6cc9c.woff2?v=158061544570163159661790530864) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 500; font-display: swap; src: url(//8ucj0d-zn.myshopify.com/cdn/shop/t/2/assets/cl-font-0295bdd8a8.woff2?v=53986965452052844071790530862) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } .section-header{margin-bottom:0 !important;} #cl-shopify-section-template--27910887965001__main .oct-nh{ --blue:#014299; --blue-hover:#013478; --peach:#ECB390; --sable:#F2ECE4; --lin:#EAE2D8; --creme:#FFF8F2; --white:#FFF; --ink:#111318; --ink-2:#5A5F6B; --line:#E3DDD5; --display:var(--font-heading-family, "Jost", system-ui, sans-serif); --body:var(--font-body-family, "Nunito Sans", system-ui, sans-serif); --container:1200px; --wide:1500px; --pad-x:48px; --s2:16px; --s3:24px; --s4:32px; --s5:48px; --s6:64px; --s7:96px; --s8:128px; --radius:4px; font-family:var(--body); font-size:18px; line-height:1.6; color:var(--ink); background:var(--white); -webkit-font-smoothing:antialiased; text-transform:none; font-weight:var(--font-body-weight, 400); } #cl-shopify-section-template--27910887965001__main .oct-nh *{box-sizing:border-box; margin:0; padding:0;} #cl-shopify-section-template--27910887965001__main .oct-nh img{display:block; max-width:100%;} #cl-shopify-section-template--27910887965001__main .oct-nh a{color:inherit; text-decoration:none;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-wrap{max-width:var(--container); margin:0 auto; padding:0 var(--pad-x);} #cl-shopify-section-template--27910887965001__main .oct-nh h1, #cl-shopify-section-template--27910887965001__main .oct-nh h2, #cl-shopify-section-template--27910887965001__main .oct-nh h3{font-family:var(--display); font-weight:600; letter-spacing:-.01em; text-transform:none;} #cl-shopify-section-template--27910887965001__main .oct-nh h1{font-size:clamp(38px,4.6vw,60px); line-height:1.08;} #cl-shopify-section-template--27910887965001__main .oct-nh h2{font-size:clamp(28px,3vw,42px); line-height:1.14;} #cl-shopify-section-template--27910887965001__main .oct-nh h3{font-size:20px; line-height:1.3;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-eyebrow{font-family:var(--display); font-weight:500; font-size:14px; letter-spacing:.1em; text-transform:uppercase; color:var(--peach);} #cl-shopify-section-template--27910887965001__main .oct-nh .serif{font-family:"Fraunces", Georgia, serif; font-style:italic; font-weight:400;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-sign{font-family:var(--body); font-style:italic; font-weight:500; color:var(--blue); font-size:19px;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-btn{display:inline-flex; align-items:center; justify-content:center; height:58px; padding:0 40px; border-radius:var(--radius); font-family:var(--body); font-size:18px; font-weight:700; background:var(--blue); color:#fff; border:0; cursor:pointer; transition:background .18s;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-btn:hover{background:var(--blue-hover); color:#fff;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-link{font-weight:600; color:var(--ink-2); font-size:14px; border-bottom:1px solid var(--line); padding-bottom:2px; display:inline-flex; gap:6px;} #cl-shopify-section-template--27910887965001__main .oct-nh .ph{position:relative; background:var(--lin); overflow:hidden;} #cl-shopify-section-template--27910887965001__main .oct-nh .ph::before{content:""; position:absolute; inset:10px; border:1.5px dashed rgba(1,66,153,.3); pointer-events:none;} #cl-shopify-section-template--27910887965001__main .oct-nh .ph.has-img::before{display:none;} #cl-shopify-section-template--27910887965001__main .oct-nh .ph.has-img{background:none;} #cl-shopify-section-template--27910887965001__main .oct-nh .ph img{width:100%; height:100%; object-fit:cover;} #cl-shopify-section-template--27910887965001__main .oct-nh .ph-label{position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:20px; font-family:var(--display); color:var(--blue); font-size:13px; font-weight:600; letter-spacing:.02em;} #cl-shopify-section-template--27910887965001__main .oct-nh .ph-label b{font-size:14px; display:block; margin-bottom:6px;} #cl-shopify-section-template--27910887965001__main .oct-nh .ph-dim{position:absolute; top:12px; left:12px; background:var(--blue); color:#fff; font-family:var(--body); font-size:11px; font-weight:700; letter-spacing:.03em; padding:5px 9px; border-radius:3px; z-index:3;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-hero{position:relative; min-height:660px; display:flex; align-items:center; background:var(--sable);} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-hero .nh-hero-img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:75% center; z-index:0;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-hero::after{content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg,rgba(40,30,20,.52) 0%,rgba(40,30,20,.30) 40%,rgba(40,30,20,0) 64%);} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-hero-inner{position:relative; z-index:3; width:100%;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-hero-card{max-width:600px;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-hero-card h1{margin-bottom:var(--s4); color:#fff; text-shadow:0 2px 24px rgba(0,0,0,.5),0 1px 4px rgba(0,0,0,.4); line-height:1.12;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-hero-card .nh-sign{font-size:18px; color:#F0C9A8;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-trust{background:var(--white); border-bottom:1px solid var(--line);} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-trust .nh-wrap{display:flex; flex-wrap:wrap; justify-content:center; gap:var(--s3) var(--s6); padding:var(--s4) var(--pad-x);} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-trust span{display:flex; align-items:center; gap:10px; font-size:16px; font-weight:600;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-trust svg{color:var(--blue); flex:none;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-founder{padding:var(--s6) 0;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-founder-grid{display:grid; grid-template-columns:0.9fr 1fr; gap:var(--s5); align-items:center;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-founder-media .ph{aspect-ratio:4/5;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-founder-copy .nh-eyebrow{display:block; margin-bottom:var(--s3);} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-founder-copy h2{margin-bottom:var(--s4); font-size:clamp(26px,2.6vw,36px);} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-founder-copy p{color:var(--ink-2); margin-bottom:var(--s3); max-width:520px;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-founder-copy .nh-punch{font-family:var(--display); font-weight:600; color:var(--ink); font-size:22px; margin:var(--s4) 0; line-height:1.35;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-founder-sign{margin-top:var(--s4); font-family:var(--display); font-weight:600; font-size:16px;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-founder-sign small{display:block; font-family:var(--body); font-weight:400; color:var(--ink-2); font-size:14px; margin-top:2px;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-conviction{background:var(--creme); padding:var(--s6) 0;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-conv-grid{display:grid; grid-template-columns:1fr 0.9fr; gap:var(--s5); align-items:center;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-conv-copy .nh-eyebrow{display:block; margin-bottom:var(--s3);} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-conv-copy h2{margin-bottom:var(--s4);} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-conv-copy p{font-size:19px; color:var(--ink-2); max-width:480px; margin-bottom:var(--s3);} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-conv-copy .nh-strong{font-family:var(--display); font-weight:600; color:var(--blue); font-size:20px;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-conv-media .ph{aspect-ratio:1/1;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-manifesto{position:relative; min-height:560px; display:flex; align-items:center; justify-content:flex-start; text-align:left; background:var(--sable);} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-manifesto .nh-manifesto-img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; z-index:0;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-manifesto::after{content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg,rgba(40,30,20,.42) 0%,rgba(40,30,20,.20) 40%,rgba(40,30,20,0) 62%);} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-manifesto-inner{position:relative; z-index:2; max-width:460px; margin-left:6%; padding:var(--s6) 0;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-manifesto-inner h2{margin-bottom:var(--s3); font-size:clamp(32px,3.6vw,50px); color:#fff; text-shadow:0 2px 24px rgba(0,0,0,.55),0 1px 4px rgba(0,0,0,.4);} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-manifesto-inner p{font-size:21px; color:#f3ece4; text-shadow:0 2px 20px rgba(0,0,0,.6),0 1px 4px rgba(0,0,0,.4);} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-timeline{padding:var(--s6) 0;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-timeline .nh-head{margin-bottom:var(--s3); padding:0 var(--pad-x); max-width:var(--wide); margin-left:auto; margin-right:auto; text-align:left;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-timeline .nh-head h2{font-size:clamp(22px,2vw,28px);} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-timeline .nh-head .nh-eyebrow{display:block; margin-bottom:8px;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-tl-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:14px; margin:0; padding:0 var(--pad-x);} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-tl-card .ph{aspect-ratio:3/4; margin:0;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-tl-cap{background:var(--peach); padding:18px 16px; min-height:96px; display:flex; align-items:center;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-tl-cap p{font-family:var(--display); font-weight:600; font-size:16px; line-height:1.3; color:#3d2a1c; margin:0;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-tl-cap p i{font-weight:500; font-style:italic;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-tl-year{font-family:var(--body); font-weight:700; color:var(--ink-2); font-size:14px; margin-top:10px; text-decoration:underline; text-underline-offset:3px;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-pledges{background:#F3F8FF; padding:var(--s6) 0;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-pledges .nh-head{margin-bottom:var(--s4); padding:0 var(--pad-x); max-width:880px; margin-left:auto; margin-right:auto; text-align:left;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-pledges .nh-head h2{font-size:clamp(22px,2vw,28px);} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-pledges .nh-head .nh-eyebrow{display:block; margin-bottom:12px;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-pledge-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:var(--s4) var(--s5); max-width:880px; margin:0 auto; padding:0 var(--pad-x);} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-pledge{display:flex; gap:var(--s3); align-items:flex-start;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-pledge svg{color:var(--blue); flex:none; margin-top:4px;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-pledge h3{margin-bottom:6px;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-pledge p{font-size:16px; color:var(--ink-2);} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop{padding:var(--s6) 0;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop .nh-head{margin-bottom:var(--s3); padding:0 var(--pad-x); max-width:var(--wide); margin-left:auto; margin-right:auto; text-align:left;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop .nh-head h2{font-size:clamp(22px,2vw,28px);} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop .nh-head .nh-eyebrow{display:block; margin-bottom:12px;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-nav{display:flex; justify-content:flex-end; gap:22px; margin:0 0 12px; padding:0 var(--pad-x);} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-timeline .nh-nav{display:none;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-arrow{background:transparent; border:0; padding:4px; display:flex; align-items:center; justify-content:center; cursor:pointer; color:#1A1A1A; transition:color .2s ease, opacity .2s ease;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-arrow:hover{color:var(--blue);} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-arrow:disabled{opacity:.25; cursor:default; pointer-events:none;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-arrow svg{width:24px; height:24px;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop-grid{display:flex; gap:24px; overflow-x:auto; scroll-snap-type:x proximity; -webkit-overflow-scrolling:touch; scrollbar-width:none; -ms-overflow-style:none; margin:0; padding:0 var(--pad-x) 4px; scroll-padding-left:var(--pad-x);} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop-grid::-webkit-scrollbar{height:0; width:0; display:none;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop-card{display:flex; flex-direction:column; flex:0 0 calc(25% - 18px); scroll-snap-align:start; color:inherit;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop-card .ph{aspect-ratio:3/4; margin:0;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop-media{position:relative; overflow:hidden; border-radius:4px;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop-media img{aspect-ratio:3/4; width:100%; height:auto; object-fit:cover;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop-card h3{font-family:var(--display); font-weight:500; font-size:19px; margin:18px 0 5px; color:#1A1A1A; line-height:1.2;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop-sub{font-family:var(--body); font-size:14px; color:#56514A; margin:0 0 11px; line-height:1.5;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop-link{display:inline-flex; align-items:center; gap:7px; margin-top:auto; align-self:flex-start; font-family:var(--body); font-size:12px; font-weight:600; letter-spacing:.07em; text-transform:uppercase; color:var(--blue); border-bottom:1px solid var(--blue); padding-bottom:3px;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop-link svg{width:15px; height:15px;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop-close{text-align:center; margin-top:var(--s6); display:flex; flex-direction:column; align-items:center; gap:var(--s3);} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop-close .nh-sign{font-size:18px;} @media (max-width:1100px){ #cl-shopify-section-template--27910887965001__main .oct-nh .nh-tl-grid{grid-template-columns:repeat(3,1fr); gap:var(--s4) var(--s3);} } @media (max-width:1000px){ #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop-card{flex:0 0 calc(33.333% - 16px);} } @media (max-width:900px){ #cl-shopify-section-template--27910887965001__main .oct-nh{--pad-x:24px; --s6:48px; --s7:56px; --s8:64px;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-founder-grid, #cl-shopify-section-template--27910887965001__main .oct-nh .nh-conv-grid{grid-template-columns:1fr; gap:var(--s5);} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-conv-media{order:-1;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-pledge-grid{grid-template-columns:1fr; gap:var(--s5);} } @media (max-width:640px){ #cl-shopify-section-template--27910887965001__main .oct-nh{--pad-x:20px; --s5:32px; --s6:40px; --s7:48px; --s8:56px; font-size:17px;} #cl-shopify-section-template--27910887965001__main .oct-nh h1{font-size:clamp(30px,8.5vw,40px); line-height:1.1;} #cl-shopify-section-template--27910887965001__main .oct-nh h2{font-size:clamp(24px,6.5vw,30px); line-height:1.15;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-hero{min-height:0; flex-direction:column; align-items:stretch;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-hero .nh-hero-img{position:relative; inset:auto; height:62vh; min-height:380px; object-position:75% center;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-hero::after{background:linear-gradient(180deg,rgba(40,30,20,0) 40%,rgba(40,30,20,.5) 62%,rgba(40,30,20,.82) 100%);} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-hero-inner{position:absolute; bottom:0; left:0; right:0; z-index:3;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-hero-card{max-width:none; padding:0 var(--pad-x) var(--s5);} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-hero-card h1{text-shadow:0 2px 20px rgba(0,0,0,.6);} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-hero .nh-wrap{padding:0;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-trust .nh-wrap{gap:14px 20px; padding:var(--s4) var(--pad-x);} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-trust span{font-size:14px; width:calc(50% - 12px); gap:8px;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-founder-copy h2{font-size:clamp(23px,6vw,28px);} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-founder-copy .nh-punch{font-size:19px;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-conv-copy p{font-size:17px;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-conv-copy .nh-strong{font-size:18px;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-manifesto{min-height:0; flex-direction:column; text-align:center; justify-content:flex-start;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-manifesto .nh-manifesto-img{position:relative; inset:auto; height:56vh; min-height:340px; object-position:center;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-manifesto::after{background:linear-gradient(180deg,rgba(20,20,22,0) 55%,rgba(20,20,22,.55) 100%);} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-manifesto-inner{position:absolute; bottom:0; left:0; right:0; margin:0; max-width:none; padding:0 var(--pad-x) var(--s5);} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-manifesto-inner h2{color:#fff; text-shadow:0 2px 20px rgba(0,0,0,.6);} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-manifesto-inner p{color:#f3ece4; font-size:18px;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-timeline .nh-head{padding:0 26px;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-timeline .nh-nav{display:flex;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-tl-grid{display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:14px; padding:0 26px 8px; scroll-padding-left:26px; -webkit-overflow-scrolling:touch; scrollbar-width:none;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-tl-grid::-webkit-scrollbar{display:none;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-tl-card{flex:0 0 64%; scroll-snap-align:start;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-tl-cap{min-height:0; padding:14px;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-tl-cap p{font-size:15px;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-pledge-grid{padding:0 var(--pad-x);} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-pledge{gap:16px;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-nav{gap:4px; margin:-6px 0 6px; padding:0 18px 0 0;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-arrow{padding:8px;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-arrow svg{width:18px; height:18px;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop-grid{gap:14px; padding:0 26px 4px; scroll-padding-left:26px;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop-card{flex:0 0 64%;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop-card h3{font-size:16px;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop-close .nh-btn{width:100%;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-btn{width:100%; height:56px;} } @media (max-width:380px){ #cl-shopify-section-template--27910887965001__main .oct-nh .nh-trust span{width:100%;} #cl-shopify-section-template--27910887965001__main .oct-nh .nh-tl-card{flex-basis:72%;} } .cl-sec-gn02, .cl-sec-gn02 { scroll-behavior: auto !important; } @font-face { font-family: dream-orphans; src: url("//8ucj0d-zn.myshopify.com/cdn/shop/t/2/assets/cl-font-90aeb5b570.ttf?v=11617474700159064281790521988") format("truetype"); } .cl-sec-gn02 { --font-logo-family: dream-orphans; --font-logo-style: normal; --font-logo-weight: normal; --font-logo-scale: 1; --font-body-family: "Nunito Sans", sans-serif; --font-body-style: normal; --font-body-weight: 400; --font-body-weight-bold: 700; --font-heading-family: Jost, sans-serif; --font-heading-style: normal; --font-heading-weight: 400; --font-body-scale: 1.0; --font-heading-scale: 1.0; --color-base-text: 10, 10, 10; --color-shadow: 10, 10, 10; --color-base-background-1: 255, 255, 255; --color-base-background-2: 243, 248, 255; --color-base-background-3: 255, 248, 242; --color-base-solid-button-labels: 255, 255, 255; --color-base-outline-button-labels: 18, 18, 18; --color-base-accent-1: 1, 66, 153; --color-base-accent-2: 236, 179, 144; --payment-terms-background-color: #ffffff; --gradient-base-background-1: #ffffff; --gradient-base-background-2: #f3f8ff; --gradient-base-background-3: #fff8f2; --gradient-base-accent-1: #014299; --gradient-base-accent-2: #ecb390; --media-padding: px; --media-border-opacity: 0.1; --media-border-width: 0px; --media-radius: 0px; --media-shadow-opacity: 0.0; --media-shadow-horizontal-offset: 10px; --media-shadow-vertical-offset: 40px; --media-shadow-blur-radius: 20px; --page-width: 1500px; --page-width-margin: 0px; --card-image-padding: 0px; --card-corner-radius: 0px; --card-text-alignment: left; --card-border-width: 0px; --card-border-opacity: 0.1; --card-shadow-opacity: 0.0; --card-shadow-horizontal-offset: 10px; --card-shadow-vertical-offset: 10px; --card-shadow-blur-radius: 35px; --badge-corner-radius: 6px; --popup-border-width: 1px; --popup-border-opacity: 0.1; --popup-corner-radius: 22px; --popup-shadow-opacity: 0.1; --popup-shadow-horizontal-offset: 10px; --popup-shadow-vertical-offset: 12px; --popup-shadow-blur-radius: 20px; --drawer-border-width: 1px; --drawer-border-opacity: 0.1; --drawer-shadow-opacity: 0.0; --drawer-shadow-horizontal-offset: 0px; --drawer-shadow-vertical-offset: 4px; --drawer-shadow-blur-radius: 5px; --spacing-sections-desktop: 36px; --spacing-sections-mobile: 25px; --grid-desktop-vertical-spacing: 40px; --grid-desktop-horizontal-spacing: 40px; --grid-mobile-vertical-spacing: 20px; --grid-mobile-horizontal-spacing: 20px; --text-boxes-border-opacity: 0.1; --text-boxes-border-width: 0px; --text-boxes-radius: 0px; --text-boxes-shadow-opacity: 0.0; --text-boxes-shadow-horizontal-offset: 10px; --text-boxes-shadow-vertical-offset: 12px; --text-boxes-shadow-blur-radius: 20px; --buttons-radius: 40px; --buttons-radius-outset: 40px; --buttons-border-width: 0px; --buttons-border-opacity: 0.55; --buttons-shadow-opacity: 0.2; --buttons-shadow-horizontal-offset: 2px; --buttons-shadow-vertical-offset: 2px; --buttons-shadow-blur-radius: 5px; --buttons-border-offset: 0.3px; --inputs-radius: 10px; --inputs-border-width: 1px; --inputs-border-opacity: 0.55; --inputs-shadow-opacity: 0.0; --inputs-shadow-horizontal-offset: 0px; --inputs-margin-offset: 0px; --inputs-shadow-vertical-offset: 4px; --inputs-shadow-blur-radius: 5px; --inputs-radius-outset: 11px; --variant-pills-radius: 0px; --variant-pills-border-width: 0px; --variant-pills-border-opacity: 0.1; --variant-pills-shadow-opacity: 0.0; --variant-pills-shadow-horizontal-offset: 0px; --variant-pills-shadow-vertical-offset: 4px; --variant-pills-shadow-blur-radius: 5px; } .cl-sec-gn02 *, .cl-sec-gn02 ::before, .cl-sec-gn02 ::after { box-sizing: inherit; } .cl-sec-gn02 { box-sizing: border-box; font-size: calc(var(--font-body-scale) * 62.5%); height: 100%; } .cl-sec-gn02 { display: grid; grid-template-rows: auto auto 1fr auto; grid-template-columns: 100%; min-height: 100%; margin: 0px; font-size: 15px; letter-spacing: 0.6px; line-height: calc(1 + 0.8 / var(--font-body-scale)); font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight); } @media screen and (min-width: 750px) { .cl-sec-gn02 { font-size: 16px; } } .cl-sec-gn02 { scroll-behavior: smooth; } .cl-sec-gn02, .cl-sec-gn02 .color-background-1 { --color-foreground: var(--color-base-text); --color-background: var(--color-base-background-1); --gradient-background: var(--gradient-base-background-1); } .cl-sec-gn02 { --color-custom-pink: #E5037D; } .cl-sec-gn02, .cl-sec-gn02 .color-background-1 { --color-link: var(--color-base-outline-button-labels); --alpha-link: .85; } .cl-sec-gn02, .cl-sec-gn02 .color-background-1 { --color-button: var(--color-base-accent-1); --color-button-text: var(--color-base-solid-button-labels); --alpha-button-background: 1; --alpha-button-border: 1; } .cl-sec-gn02, .cl-sec-gn02 .color-background-1 { --color-badge-background: var(--color-background); --color-badge-border: var(--color-foreground); --alpha-badge-border: .1; } .cl-sec-gn02, .cl-sec-gn02 .color-background-1, .cl-sec-gn02 .color-background-2 { --color-card-hover: var(--color-base-text); } .cl-sec-gn02, .cl-sec-gn02 .color-icon-text { --color-icon: rgb(var(--color-base-text)); } .cl-sec-gn02, .cl-sec-gn02 .color-background-1, .cl-sec-gn02 .color-background-2, .cl-sec-gn02 .color-inverse, .cl-sec-gn02 .color-accent-1, .cl-sec-gn02 .color-accent-2 { color: rgba(var(--color-foreground),.75); background-color: rgb(var(--color-background)); } .cl-sec-gn02 h1, .cl-sec-gn02 h2, .cl-sec-gn02 h3, .cl-sec-gn02 h4, .cl-sec-gn02 h5, .cl-sec-gn02 .h0, .cl-sec-gn02 .h1, .cl-sec-gn02 .h2, .cl-sec-gn02 .h3, .cl-sec-gn02 .h4, .cl-sec-gn02 .h5 { font-family: var(--font-heading-family); font-style: var(--font-heading-style); font-weight: var(--font-heading-weight); letter-spacing: calc(var(--font-heading-scale) * 0.6px); color: rgb(var(--color-foreground)); line-height: calc(1 + .3/max(1,var(--font-heading-scale))); word-break: break-word; } .cl-sec-gn02 h1, .cl-sec-gn02 .h1 { font-size: calc(var(--font-heading-scale) * 30px); } @media only screen and (min-width: 750px) { .cl-sec-gn02 h1, .cl-sec-gn02 .h1 { font-size: calc(var(--font-heading-scale) * 40px); } } .cl-sec-gn02 h2, .cl-sec-gn02 .h2 { font-size: calc(var(--font-heading-scale) * 20px); } @media only screen and (min-width: 750px) { .cl-sec-gn02 h2, .cl-sec-gn02 .h2 { font-size: calc(var(--font-heading-scale) * 24px); } } .cl-sec-gn02 h3, .cl-sec-gn02 .h3 { font-size: calc(var(--font-heading-scale) * 17px); } @media only screen and (min-width: 750px) { .cl-sec-gn02 h3, .cl-sec-gn02 .h3 { font-size: calc(var(--font-heading-scale) * 18px); } } .cl-sec-gn02 { --duration-short: .1s; --duration-default: .2s; --duration-long: .5s; } .cl-sec-gn02 { --lxs-rating-icon-color: #ECB390; } @font-face { font-family: Fraunces; font-style: italic; font-weight: 400; font-display: swap; src: url("//8ucj0d-zn.myshopify.com/cdn/shop/t/2/assets/cl-font-19a2e9a2ab.woff2?v=121112281405466911241790530863") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Fraunces; font-style: italic; font-weight: 400; font-display: swap; src: url("//8ucj0d-zn.myshopify.com/cdn/shop/t/2/assets/cl-font-ebe7f6cc9c.woff2?v=158061544570163159661790530864") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Fraunces; font-style: italic; font-weight: 400; font-display: swap; src: url("//8ucj0d-zn.myshopify.com/cdn/shop/t/2/assets/cl-font-0295bdd8a8.woff2?v=53986965452052844071790530862") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Fraunces; font-style: italic; font-weight: 500; font-display: swap; src: url("//8ucj0d-zn.myshopify.com/cdn/shop/t/2/assets/cl-font-19a2e9a2ab.woff2?v=121112281405466911241790530863") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Fraunces; font-style: italic; font-weight: 500; font-display: swap; src: url("//8ucj0d-zn.myshopify.com/cdn/shop/t/2/assets/cl-font-ebe7f6cc9c.woff2?v=158061544570163159661790530864") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Fraunces; font-style: italic; font-weight: 500; font-display: swap; src: url("//8ucj0d-zn.myshopify.com/cdn/shop/t/2/assets/cl-font-0295bdd8a8.woff2?v=53986965452052844071790530862") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh { --blue: #014299; --blue-hover: #013478; --peach: #ECB390; --sable: #F2ECE4; --lin: #EAE2D8; --creme: #FFF8F2; --white: #FFF; --ink: #111318; --ink-2: #5A5F6B; --line: #E3DDD5; --display: var(--font-heading-family, "Jost", system-ui, sans-serif); --body: var(--font-body-family, "Nunito Sans", system-ui, sans-serif); --container: 1200px; --wide: 1500px; --pad-x: 48px; --s2: 16px; --s3: 24px; --s4: 32px; --s5: 48px; --s6: 64px; --s7: 96px; --s8: 128px; --radius: 4px; font-family: var(--body); font-size: 18px; line-height: 1.6; color: var(--ink); background: var(--white); -webkit-font-smoothing: antialiased; text-transform: none; font-weight: var(--font-body-weight, 400); } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh * { box-sizing: border-box; margin: 0px; padding: 0px; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh img { display: block; max-width: 100%; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh a { color: inherit; text-decoration: none; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-wrap { max-width: var(--container); margin: 0px auto; padding: 0 var(--pad-x); } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh h1, .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh h2, .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh h3 { font-family: var(--display); font-weight: 600; letter-spacing: -0.01em; text-transform: none; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh h1 { font-size: clamp(38px, 4.6vw, 60px); line-height: 1.08; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh h2 { font-size: clamp(28px, 3vw, 42px); line-height: 1.14; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh h3 { font-size: 20px; line-height: 1.3; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-eyebrow { font-family: var(--display); font-weight: 500; font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--peach); } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .serif { font-family: Fraunces, Georgia, serif; font-style: italic; font-weight: 400; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-sign { font-family: var(--body); font-style: italic; font-weight: 500; color: var(--blue); font-size: 19px; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .ph { position: relative; background: var(--lin); overflow: hidden; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .ph::before { content: ""; position: absolute; inset: 10px; border: 1.5px dashed rgba(1, 66, 153, 0.3); pointer-events: none; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .ph.has-img::before { display: none; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .ph.has-img { background: none; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .ph img { width: 100%; height: 100%; object-fit: cover; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-hero { position: relative; min-height: 660px; display: flex; align-items: center; background: var(--sable); } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-hero .nh-hero-img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: 75% center; z-index: 0; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-hero::after { content: ""; position: absolute; inset: 0px; z-index: 1; background: linear-gradient(90deg, rgba(40, 30, 20, 0.52) 0%, rgba(40, 30, 20, 0.3) 40%, rgba(40, 30, 20, 0) 64%); } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-hero-inner { position: relative; z-index: 3; width: 100%; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-hero-card { max-width: 600px; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-hero-card h1 { margin-bottom: var(--s4); color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 24px, rgba(0, 0, 0, 0.4) 0px 1px 4px; line-height: 1.12; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-hero-card .nh-sign { font-size: 18px; color: rgb(240, 201, 168); } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-trust { background: var(--white); border-bottom: 1px solid var(--line); } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-trust .nh-wrap { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--s3) var(--s6); padding: var(--s4) var(--pad-x); } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-trust span { display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 600; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-trust svg { color: var(--blue); flex: 0 0 auto; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-founder { padding: var(--s6) 0; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-founder-grid { display: grid; grid-template-columns: 0.9fr 1fr; gap: var(--s5); align-items: center; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-founder-media .ph { aspect-ratio: 4 / 5; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-founder-copy .nh-eyebrow { display: block; margin-bottom: var(--s3); } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-founder-copy h2 { margin-bottom: var(--s4); font-size: clamp(26px, 2.6vw, 36px); } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-founder-copy p { color: var(--ink-2); margin-bottom: var(--s3); max-width: 520px; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-founder-copy .nh-punch { font-family: var(--display); font-weight: 600; color: var(--ink); font-size: 22px; margin: var(--s4) 0; line-height: 1.35; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-founder-sign { margin-top: var(--s4); font-family: var(--display); font-weight: 600; font-size: 16px; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-founder-sign small { display: block; font-family: var(--body); font-weight: 400; color: var(--ink-2); font-size: 14px; margin-top: 2px; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-conviction { background: var(--creme); padding: var(--s6) 0; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-conv-grid { display: grid; grid-template-columns: 1fr 0.9fr; gap: var(--s5); align-items: center; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-conv-copy .nh-eyebrow { display: block; margin-bottom: var(--s3); } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-conv-copy h2 { margin-bottom: var(--s4); } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-conv-copy p { font-size: 19px; color: var(--ink-2); max-width: 480px; margin-bottom: var(--s3); } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-conv-copy .nh-strong { font-family: var(--display); font-weight: 600; color: var(--blue); font-size: 20px; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-conv-media .ph { aspect-ratio: 1 / 1; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-manifesto { position: relative; min-height: 560px; display: flex; align-items: center; justify-content: flex-start; text-align: left; background: var(--sable); } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-manifesto .nh-manifesto-img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center center; z-index: 0; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-manifesto::after { content: ""; position: absolute; inset: 0px; z-index: 1; background: linear-gradient(90deg, rgba(40, 30, 20, 0.42) 0%, rgba(40, 30, 20, 0.2) 40%, rgba(40, 30, 20, 0) 62%); } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-manifesto-inner { position: relative; z-index: 2; max-width: 460px; margin-left: 6%; padding: var(--s6) 0; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-manifesto-inner h2 { margin-bottom: var(--s3); font-size: clamp(32px, 3.6vw, 50px); color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.55) 0px 2px 24px, rgba(0, 0, 0, 0.4) 0px 1px 4px; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-manifesto-inner p { font-size: 21px; color: rgb(243, 236, 228); text-shadow: rgba(0, 0, 0, 0.6) 0px 2px 20px, rgba(0, 0, 0, 0.4) 0px 1px 4px; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-timeline { padding: var(--s6) 0; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-timeline .nh-head { margin-bottom: var(--s3); padding: 0 var(--pad-x); max-width: var(--wide); margin-left: auto; margin-right: auto; text-align: left; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-timeline .nh-head h2 { font-size: clamp(22px, 2vw, 28px); } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-timeline .nh-head .nh-eyebrow { display: block; margin-bottom: 8px; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-tl-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; margin: 0px; padding: 0 var(--pad-x); } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-tl-card .ph { aspect-ratio: 3 / 4; margin: 0px; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-tl-cap { background: var(--peach); padding: 18px 16px; min-height: 96px; display: flex; align-items: center; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-tl-cap p { font-family: var(--display); font-weight: 600; font-size: 16px; line-height: 1.3; color: rgb(61, 42, 28); margin: 0px; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-tl-cap p i { font-weight: 500; font-style: italic; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-tl-year { font-family: var(--body); font-weight: 700; color: var(--ink-2); font-size: 14px; margin-top: 10px; text-decoration: underline; text-underline-offset: 3px; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-pledges { background: rgb(243, 248, 255); padding: var(--s6) 0; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-pledges .nh-head { margin-bottom: var(--s4); padding: 0 var(--pad-x); max-width: 880px; margin-left: auto; margin-right: auto; text-align: left; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-pledges .nh-head h2 { font-size: clamp(22px, 2vw, 28px); } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-pledges .nh-head .nh-eyebrow { display: block; margin-bottom: 12px; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-pledge-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--s4) var(--s5); max-width: 880px; margin: 0px auto; padding: 0 var(--pad-x); } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-pledge { display: flex; gap: var(--s3); align-items: flex-start; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-pledge svg { color: var(--blue); flex: 0 0 auto; margin-top: 4px; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-pledge h3 { margin-bottom: 6px; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-pledge p { font-size: 16px; color: var(--ink-2); } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop { padding: var(--s6) 0; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop .nh-head { margin-bottom: var(--s3); padding: 0 var(--pad-x); max-width: var(--wide); margin-left: auto; margin-right: auto; text-align: left; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop .nh-head h2 { font-size: clamp(22px, 2vw, 28px); } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop .nh-head .nh-eyebrow { display: block; margin-bottom: 12px; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-nav { display: flex; justify-content: flex-end; gap: 22px; margin: 0px 0px 12px; padding: 0 var(--pad-x); } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-timeline .nh-nav { display: none; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-arrow { background: transparent; border: 0px; padding: 4px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: rgb(26, 26, 26); transition: color 0.2s, opacity 0.2s; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-arrow:hover { color: var(--blue); } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-arrow:disabled { opacity: 0.25; cursor: default; pointer-events: none; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-arrow svg { width: 24px; height: 24px; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop-grid { display: flex; gap: 24px; overflow-x: auto; scroll-snap-type: x; scrollbar-width: none; margin: 0px; padding: 0 var(--pad-x) 4px; scroll-padding-left: var(--pad-x); } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop-card { display: flex; flex-direction: column; flex: 0 0 calc(25% - 18px); scroll-snap-align: start; color: inherit; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop-media { position: relative; overflow: hidden; border-radius: 4px; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop-media img { aspect-ratio: 3 / 4; width: 100%; height: auto; object-fit: cover; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop-card h3 { font-family: var(--display); font-weight: 500; font-size: 19px; margin: 18px 0px 5px; color: rgb(26, 26, 26); line-height: 1.2; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop-sub { font-family: var(--body); font-size: 14px; color: rgb(86, 81, 74); margin: 0px 0px 11px; line-height: 1.5; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop-link { display: inline-flex; align-items: center; gap: 7px; margin-top: auto; align-self: flex-start; font-family: var(--body); font-size: 12px; font-weight: 600; letter-spacing: 0.07em; text-transform: uppercase; color: var(--blue); border-bottom: 1px solid var(--blue); padding-bottom: 3px; } .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop-link svg { width: 15px; height: 15px; } @media (max-width: 1100px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-tl-grid { grid-template-columns: repeat(3, 1fr); gap: var(--s4) var(--s3); } } @media (max-width: 1000px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop-card { flex: 0 0 calc(33.333% - 16px); } } @media (max-width: 900px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh { --pad-x: 24px; --s6: 48px; --s7: 56px; --s8: 64px; } } @media (max-width: 900px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-founder-grid, .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-conv-grid { grid-template-columns: 1fr; gap: var(--s5); } } @media (max-width: 900px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-conv-media { order: -1; } } @media (max-width: 900px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-pledge-grid { grid-template-columns: 1fr; gap: var(--s5); } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh { --pad-x: 20px; --s5: 32px; --s6: 40px; --s7: 48px; --s8: 56px; font-size: 17px; } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh h1 { font-size: clamp(30px, 8.5vw, 40px); line-height: 1.1; } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh h2 { font-size: clamp(24px, 6.5vw, 30px); line-height: 1.15; } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-hero { min-height: 0px; flex-direction: column; align-items: stretch; } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-hero .nh-hero-img { position: relative; inset: auto; height: 62vh; min-height: 380px; object-position: 75% center; } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-hero::after { background: linear-gradient(rgba(40, 30, 20, 0) 40%, rgba(40, 30, 20, 0.5) 62%, rgba(40, 30, 20, 0.82) 100%); } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-hero-inner { position: absolute; bottom: 0px; left: 0px; right: 0px; z-index: 3; } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-hero-card { max-width: none; padding: 0 var(--pad-x) var(--s5); } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-hero-card h1 { text-shadow: rgba(0, 0, 0, 0.6) 0px 2px 20px; } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-hero .nh-wrap { padding: 0px; } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-trust .nh-wrap { gap: 14px 20px; padding: var(--s4) var(--pad-x); } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-trust span { font-size: 14px; width: calc(50% - 12px); gap: 8px; } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-founder-copy h2 { font-size: clamp(23px, 6vw, 28px); } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-founder-copy .nh-punch { font-size: 19px; } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-conv-copy p { font-size: 17px; } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-conv-copy .nh-strong { font-size: 18px; } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-manifesto { min-height: 0px; flex-direction: column; text-align: center; justify-content: flex-start; } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-manifesto .nh-manifesto-img { position: relative; inset: auto; height: 56vh; min-height: 340px; object-position: center center; } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-manifesto::after { background: linear-gradient(rgba(20, 20, 22, 0) 55%, rgba(20, 20, 22, 0.55) 100%); } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-manifesto-inner { position: absolute; bottom: 0px; left: 0px; right: 0px; margin: 0px; max-width: none; padding: 0 var(--pad-x) var(--s5); } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-manifesto-inner h2 { color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.6) 0px 2px 20px; } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-manifesto-inner p { color: rgb(243, 236, 228); font-size: 18px; } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-timeline .nh-head { padding: 0px 26px; } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-timeline .nh-nav { display: flex; } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-tl-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 14px; padding: 0px 26px 8px; scroll-padding-left: 26px; scrollbar-width: none; } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-tl-card { flex: 0 0 64%; scroll-snap-align: start; } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-tl-cap { min-height: 0px; padding: 14px; } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-tl-cap p { font-size: 15px; } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-pledge-grid { padding: 0 var(--pad-x); } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-pledge { gap: 16px; } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-nav { gap: 4px; margin: -6px 0px 6px; padding: 0px 18px 0px 0px; } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-arrow { padding: 8px; } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-arrow svg { width: 18px; height: 18px; } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop-grid { gap: 14px; padding: 0px 26px 4px; scroll-padding-left: 26px; } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop-card { flex: 0 0 64%; } } @media (max-width: 640px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop-card h3 { font-size: 16px; } } @media (max-width: 380px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-trust span { width: 100%; } } @media (max-width: 380px) { .cl-sec-gn02 #cl-shopify-section-template--27910887965001__main .oct-nh .nh-tl-card { flex-basis: 72%; } } .cl-sec-gn02 /* ---- cl: regras mobile do concorrente que o extract nao trouxe (mobile_css.py) ---- */ @media (max-width:640px) {#cl-shopify-section-template--27910887965001__main .oct-nh .nh-hero{min-height:0; flex-direction:column; align-items:stretch;}#cl-shopify-section-template--27910887965001__main .oct-nh .nh-hero::after{background:linear-gradient(180deg,rgba(40,30,20,0) 40%,rgba(40,30,20,.5) 62%,rgba(40,30,20,.82) 100%);}#cl-shopify-section-template--27910887965001__main .oct-nh .nh-hero-inner{position:absolute; bottom:0; left:0; right:0; z-index:3;}#cl-shopify-section-template--27910887965001__main .oct-nh .nh-hero-card h1{text-shadow:0 2px 20px rgba(0,0,0,.6);}#cl-shopify-section-template--27910887965001__main .oct-nh .nh-hero .nh-wrap{padding:0;}#cl-shopify-section-template--27910887965001__main .oct-nh .nh-manifesto{min-height:0; flex-direction:column; text-align:center; justify-content:flex-start;}#cl-shopify-section-template--27910887965001__main .oct-nh .nh-manifesto .nh-manifesto-img{position:relative; inset:auto; height:56vh; min-height:340px; object-position:center;}#cl-shopify-section-template--27910887965001__main .oct-nh .nh-manifesto::after{background:linear-gradient(180deg,rgba(20,20,22,0) 55%,rgba(20,20,22,.55) 100%);}#cl-shopify-section-template--27910887965001__main .oct-nh .nh-manifesto-inner{position:absolute; bottom:0; left:0; right:0; margin:0; max-width:none; padding:0 var(--pad-x) var(--s5);}#cl-shopify-section-template--27910887965001__main .oct-nh .nh-manifesto-inner h2{color:#fff; text-shadow:0 2px 20px rgba(0,0,0,.6);}#cl-shopify-section-template--27910887965001__main .oct-nh .nh-manifesto-inner p{color:#f3ece4; font-size:18px;}#cl-shopify-section-template--27910887965001__main .oct-nh .nh-timeline .nh-head{padding:0 26px;}#cl-shopify-section-template--27910887965001__main .oct-nh .nh-tl-grid{display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:14px; padding:0 26px 8px; scroll-padding-left:26px; -webkit-overflow-scrolling:touch; scrollbar-width:none;}#cl-shopify-section-template--27910887965001__main .oct-nh .nh-tl-grid::-webkit-scrollbar{display:none;}#cl-shopify-section-template--27910887965001__main .oct-nh .nh-tl-cap{min-height:0; padding:14px;}#cl-shopify-section-template--27910887965001__main .oct-nh .nh-nav{gap:4px; margin:-6px 0 6px; padding:0 18px 0 0;}#cl-shopify-section-template--27910887965001__main .oct-nh .nh-shop-grid{gap:14px; padding:0 26px 4px; scroll-padding-left:26px;}} /* ---- cl: overrides de ordem de cascata ---- */ /* no concorrente o .price do card computa line-height 1.4 (22.4px desktop, 25.2px mobile); o extract traz a regra do Dawn (1 + .5/scale = 1.5) e o card fica 4px mais alto, desalinhando o resto da pagina */ /* a regra base do Dawn (.price line-height 1 + .5/scale = 1.5) nao vem no extract da grade de colecao; sem ela o preco herda 1.4 e cada linha de cards fica 1.6px curta */ .cl-sec-gn02 .clx-price{line-height:1.5} .cl-sec-gn02 .featured-col-v2 .clx-price.clx-price{line-height:1.4}