:root{--teal:#3C5255;--blue:#29739D;--rust:#9D4844;--sand:#E3CFB7;--sand-lt:#EFE4D5;--paper:#F4ECE0}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--teal);font-family:Libre Baskerville,Georgia,serif;-webkit-font-smoothing:antialiased;line-height:1.6}img{max-width:100%;display:block}.tera{font-family:Lexend Tera,sans-serif}.textured{position:relative}.textured:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.5;background-image:repeating-linear-gradient(0deg,rgba(60,82,85,.05) 0 1px,transparent 1px 5px),repeating-linear-gradient(90deg,rgba(60,82,85,.05) 0 1px,transparent 1px 5px),radial-gradient(rgba(157,72,68,.04) 1px,transparent 1px);background-size:5px 5px,5px 5px,4px 4px;mix-blend-mode:multiply}nav{position:absolute;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:24px 44px}nav .brand-logo{height:24px;width:auto;display:block}nav .brand{font-family:Fraunces,Georgia,serif;font-size:26px;font-weight:600;letter-spacing:-.01em;color:var(--rust);text-transform:lowercase;text-decoration:none}nav .links{display:flex;gap:32px}nav .links a{font-family:Lexend Tera,sans-serif;color:var(--teal);text-decoration:none;font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.85;transition:.2s}nav .links a:hover{opacity:1;color:var(--rust)}nav .cart{font-family:Lexend Tera,sans-serif;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);text-decoration:none}nav .cart:hover{color:var(--rust)}.nav-solid{position:relative;background:var(--sand)}.nav-solid .links a,.nav-solid .cart{color:var(--teal)}.hero{position:relative;height:100vh;min-height:640px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 100% at 50% 30%,var(--sand-lt) 0%,var(--sand) 70%,#d8c2a6 100%)}.hero-center{position:relative;z-index:3;text-align:center;padding:0 24px;max-width:840px}.hero-logo{max-width:min(300px,58vw);width:100%;height:auto;display:block;margin:0 auto}.hero-word{font-family:Lexend Tera,sans-serif;font-size:clamp(44px,12vw,132px);font-weight:700;color:var(--teal);letter-spacing:-.02em;line-height:1}.hero-tag{font-family:Libre Baskerville,serif;font-style:italic;font-size:clamp(15px,2.6vw,22px);color:var(--teal);opacity:.85;margin-top:22px}.hero-cta{display:inline-block;margin-top:34px;font-family:Lexend Tera,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--sand);background:var(--rust);padding:16px 40px;text-decoration:none;transition:.2s}.hero-cta:hover{background:var(--teal)}.hero-fig{position:absolute;bottom:26px;left:0;right:0;z-index:3;text-align:center;font-family:Libre Baskerville,serif;font-style:italic;font-size:12px;color:#3c525580}.marquee{background:var(--rust);overflow:hidden;position:relative;z-index:5}.marquee-track{display:flex;gap:44px;padding:12px 0;white-space:nowrap;animation:scroll 26s linear infinite}.marquee-track span{font-family:Lexend Tera,sans-serif;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--sand)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.intro{padding:96px 44px;text-align:center;max-width:820px;margin:0 auto;position:relative;z-index:2}.intro .eyebrow{font-family:Lexend Tera,sans-serif;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--rust);margin-bottom:26px}.intro p{font-size:clamp(20px,3vw,30px);line-height:1.5;color:var(--teal)}.intro p em{color:var(--rust)}.block{padding:20px 44px 90px;position:relative;z-index:2}.sec-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:34px;border-bottom:1px solid rgba(60,82,85,.25);padding-bottom:14px}.sec-head h2{font-family:Lexend Tera,sans-serif;font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;color:var(--teal)}.sec-head a{font-family:Lexend Tera,sans-serif;color:var(--rust);text-decoration:none;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{border:3px solid var(--teal);padding:0;background:var(--paper);position:relative;text-decoration:none;display:block}.card:nth-child(4n+2){border-color:var(--rust)}.card:nth-child(4n+3){border-color:var(--blue)}.card:nth-child(4n+4){border-color:var(--rust)}.card .ph{aspect-ratio:3/4;background:linear-gradient(160deg,var(--sand),var(--sand-lt));display:flex;align-items:center;justify-content:center;font-family:Lexend Tera,sans-serif;color:#3c525573;font-size:10px;letter-spacing:.18em;text-transform:uppercase;position:relative;overflow:hidden;transition:.3s}.card .ph img{width:100%;height:100%;object-fit:cover}.card:hover .ph{filter:brightness(.97)}.card .tag{position:absolute;top:10px;left:10px;z-index:2;font-family:Lexend Tera,sans-serif;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--rust)}.card .meta{display:flex;justify-content:space-between;align-items:baseline;padding:12px}.card .name{font-family:Libre Baskerville,serif;font-size:15px;color:var(--teal)}.card .price{font-family:Lexend Tera,sans-serif;font-size:12px;color:var(--teal);opacity:.7}.archive{position:relative;background:var(--teal);color:var(--sand);padding:110px 44px;text-align:center;overflow:hidden;z-index:2}.archive:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.14;background-image:repeating-linear-gradient(45deg,var(--sand) 0 1px,transparent 1px 14px),repeating-linear-gradient(-45deg,var(--sand) 0 1px,transparent 1px 14px);mix-blend-mode:overlay}.archive .inner{position:relative;z-index:2;max-width:720px;margin:0 auto}.archive .k{font-family:Lexend Tera,sans-serif;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--sand);opacity:.7;margin-bottom:22px}.archive h2{font-family:Lexend Tera,sans-serif;font-size:clamp(28px,5vw,50px);font-weight:700;line-height:1.08;margin-bottom:20px}.archive p{font-size:16px;opacity:.85;margin-bottom:32px}.archive a{display:inline-block;font-family:Lexend Tera,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--teal);background:var(--sand);padding:15px 34px;text-decoration:none;transition:.2s}.archive a:hover{background:var(--rust);color:var(--sand)}.archive .figref{position:absolute;bottom:18px;right:30px;z-index:2;font-family:Libre Baskerville,serif;font-style:italic;font-size:12px;opacity:.5}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:90px 44px;position:relative;z-index:2}.pane{aspect-ratio:4/3;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:32px;text-decoration:none}.pane.a{background:linear-gradient(200deg,#c9d3d0,var(--sand))}.pane.b{background:linear-gradient(200deg,#c7a9a2,var(--sand))}.pane .k{font-family:Lexend Tera,sans-serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--rust);margin-bottom:10px}.pane h3{font-family:Lexend Tera,sans-serif;font-size:26px;font-weight:700;color:var(--teal);margin-bottom:6px}.pane p{font-size:14px;color:var(--teal);opacity:.75;max-width:32ch}.news{position:relative;background:var(--sand);color:var(--teal);padding:96px 44px;text-align:center;overflow:hidden;z-index:2}.news .inner{position:relative;z-index:2}.news-eyebrow{font-family:Lexend Tera,sans-serif;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--rust);margin-bottom:18px}.news h2{font-family:Lexend Tera,sans-serif;font-size:clamp(24px,3.6vw,38px);font-weight:700;margin-bottom:14px;color:var(--teal)}.news p{opacity:.8;margin-bottom:28px;font-size:15px;color:var(--teal)}.news .field{display:inline-flex;border:1px solid var(--teal);max-width:440px;width:100%;background:var(--paper)}.news input{flex:1;background:transparent;border:none;color:var(--teal);padding:15px 18px;font-family:Libre Baskerville,serif;font-size:14px;outline:none}.news input::placeholder{color:#3c525580}.news button{font-family:Lexend Tera,sans-serif;font-size:10px;letter-spacing:.14em;text-transform:uppercase;background:var(--teal);color:var(--sand);border:none;padding:0 26px;cursor:pointer;transition:.2s}.news button:hover{background:var(--rust)}footer{background:var(--sand);color:var(--teal);padding:56px 44px 28px;position:relative;z-index:2}.foot-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:36px;margin-bottom:44px}.foot-brand img{height:42px;width:auto;display:block}.foot-cols{display:flex;gap:64px;flex-wrap:wrap}.foot-cols>div{display:flex;flex-direction:column}.foot-cols h4{font-family:Lexend Tera,sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--rust);opacity:1;margin-bottom:14px}.foot-cols a{display:block;color:var(--teal);text-decoration:none;font-size:14px;margin-bottom:9px;opacity:.85;transition:.2s}.foot-cols a:hover{opacity:1;color:var(--rust)}.foot-bot{display:flex;justify-content:space-between;border-top:1px solid rgba(60,82,85,.25);padding-top:20px;font-family:Lexend Tera,sans-serif;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);opacity:.7}.review-peek{position:absolute;left:8px;right:8px;bottom:8px;z-index:6;border:1px solid var(--rust);background-color:#efe6d3;background-image:repeating-linear-gradient(0deg,rgba(60,82,85,.05) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(60,82,85,.04) 0 1px,transparent 1px 3px),radial-gradient(120% 120% at 50% 0%,rgba(157,72,68,.05),transparent 60%),linear-gradient(180deg,#785a3c1a,#785a3c00 30%);background-blend-mode:multiply,multiply,normal,normal;padding:12px 14px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.25s;box-shadow:0 6px 20px #3c525538,inset 0 0 22px #785a3c1f}.card:hover .review-peek{opacity:1;transform:translateY(0)}.review-peek .stars{color:var(--rust);font-size:12px;letter-spacing:2px;text-align:center;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid rgba(60,82,85,.28)}.review-peek .q{font-family:Libre Baskerville,serif;font-style:italic;font-size:12px;line-height:1.45;color:var(--teal);text-align:center}.review-peek .more{font-family:Lexend Tera,sans-serif;font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:var(--rust);text-align:center;margin-top:8px}.review-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:none;align-items:center;justify-content:center;padding:24px;background:#3c52558c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.review-modal.open{display:flex}.review-card{position:relative;max-width:440px;width:100%;background:var(--sand-lt);border:1px solid var(--rust);padding:48px 36px 40px;text-align:center;background-image:repeating-linear-gradient(0deg,rgba(60,82,85,.04) 0 1px,transparent 1px 5px),repeating-linear-gradient(90deg,rgba(60,82,85,.04) 0 1px,transparent 1px 5px);box-shadow:0 20px 60px #0000004d}.review-card .fig{position:absolute;top:14px;left:18px;font-family:Libre Baskerville,serif;font-style:italic;font-size:11px;color:#3c525580}.review-card .close{position:absolute;top:12px;right:16px;font-family:Lexend Tera,sans-serif;font-size:14px;color:var(--teal);background:none;border:none;cursor:pointer}.review-card .stars{color:var(--rust);font-size:18px;letter-spacing:5px;margin-bottom:22px}.review-card .quote{font-family:Libre Baskerville,serif;font-style:italic;font-size:19px;line-height:1.5;color:var(--teal);margin-bottom:26px}.review-card .rule{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:18px}.review-card .rule span{height:1px;width:60px;background:#9d484466}.review-card .rule .dot{width:6px;height:6px;background:var(--rust);transform:rotate(45deg)}.review-card .name{font-family:Lexend Tera,sans-serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--teal);margin-bottom:14px}.review-card .verified{display:inline-block;font-family:Lexend Tera,sans-serif;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--rust);background:#9d48441f;padding:6px 14px}.page-wrap{max-width:1200px;margin:0 auto;padding:64px 44px 90px;position:relative;z-index:2}.page-head{margin-bottom:40px;border-bottom:1px solid rgba(60,82,85,.25);padding-bottom:20px}.page-head .eyebrow{font-family:Lexend Tera,sans-serif;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--rust);margin-bottom:14px}.page-head h1{font-family:Lexend Tera,sans-serif;font-size:clamp(28px,4vw,44px);font-weight:700;color:var(--teal);line-height:1.05}.rte{font-size:16px;line-height:1.7;color:var(--teal)}.rte p{margin-bottom:16px}.rte a{color:var(--rust)}.rte h2,.rte h3{font-family:Lexend Tera,sans-serif;color:var(--teal);margin:28px 0 12px}.product{display:grid;grid-template-columns:1fr 1fr;gap:56px;max-width:1200px;margin:0 auto;padding:64px 44px 90px;position:relative;z-index:2}.product-gallery{display:flex;flex-direction:column;gap:14px}.product-gallery .main{border:6px solid var(--teal);background:linear-gradient(160deg,var(--sand),var(--sand-lt));aspect-ratio:3/4;overflow:hidden}.product-gallery .main img{width:100%;height:100%;object-fit:cover}.product-gallery .thumbs{display:flex;gap:10px;flex-wrap:wrap}.product-gallery .thumbs img{width:72px;height:96px;object-fit:cover;border:2px solid var(--teal);cursor:pointer;opacity:.75;transition:.2s}.product-gallery .thumbs img:hover{opacity:1}.product-info .fig{font-family:Libre Baskerville,serif;font-style:italic;font-size:12px;color:#3c525580;margin-bottom:18px}.product-info h1{font-family:Fraunces,Georgia,serif;font-size:clamp(30px,4vw,46px);font-weight:600;color:var(--rust);line-height:1.05;margin-bottom:16px}.product-info .price{font-family:Lexend Tera,sans-serif;font-size:18px;letter-spacing:.05em;color:var(--teal);margin-bottom:28px}.product-info .price .compare{opacity:.5;text-decoration:line-through;margin-left:10px;font-size:14px}.product-desc{font-size:15px;line-height:1.7;color:var(--teal);opacity:.9;margin-bottom:30px}.opt-group{margin-bottom:22px}.opt-group label{display:block;font-family:Lexend Tera,sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--rust);margin-bottom:10px}.opt-values{display:flex;gap:8px;flex-wrap:wrap}.opt-values label{cursor:pointer;margin:0}.opt-values input{position:absolute;opacity:0}.opt-values span{display:inline-block;padding:9px 16px;border:1px solid var(--teal);font-family:Lexend Tera,sans-serif;font-size:11px;letter-spacing:.06em;color:var(--teal);transition:.2s}.opt-values input:checked+span{background:var(--teal);color:var(--sand)}.qty-row{display:flex;gap:14px;align-items:center;margin-bottom:24px}.qty-row input{width:64px;padding:12px;border:1px solid var(--teal);background:var(--paper);font-family:Lexend Tera,sans-serif;text-align:center;color:var(--teal)}.btn-add{width:100%;font-family:Lexend Tera,sans-serif;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--sand);background:var(--rust);border:none;padding:18px;cursor:pointer;transition:.2s}.btn-add:hover{background:var(--teal)}.btn-add:disabled{opacity:.5;cursor:not-allowed}.coll-head{padding:64px 44px 20px;max-width:1200px;margin:0 auto;position:relative;z-index:2}.coll-head .eyebrow{font-family:Lexend Tera,sans-serif;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--rust);margin-bottom:14px}.coll-head h1{font-family:Fraunces,Georgia,serif;font-size:clamp(32px,5vw,52px);font-weight:600;color:var(--rust);text-transform:lowercase}.coll-head p{margin-top:12px;font-size:15px;color:var(--teal);opacity:.8;max-width:60ch}.coll-grid{max-width:1200px;margin:0 auto;padding:20px 44px 90px}.cart-wrap{max-width:1000px;margin:0 auto;padding:64px 44px 90px;position:relative;z-index:2}.cart-line{display:grid;grid-template-columns:90px 1fr auto auto;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid rgba(60,82,85,.25)}.cart-line .cimg{width:90px;height:120px;object-fit:cover;border:3px solid var(--teal)}.cart-line .cname{font-family:Libre Baskerville,serif;font-size:16px;color:var(--teal)}.cart-line .cvar{font-family:Lexend Tera,sans-serif;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--rust);opacity:.8;margin-top:4px}.cart-line .cprice{font-family:Lexend Tera,sans-serif;font-size:14px;color:var(--teal)}.cart-line input{width:56px;padding:8px;border:1px solid var(--teal);background:var(--paper);text-align:center;font-family:Lexend Tera,sans-serif;color:var(--teal)}.cart-foot{display:flex;justify-content:space-between;align-items:center;margin-top:34px;flex-wrap:wrap;gap:20px}.cart-total{font-family:Lexend Tera,sans-serif;font-size:16px;letter-spacing:.05em;color:var(--teal)}.btn-checkout{font-family:Lexend Tera,sans-serif;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--sand);background:var(--rust);border:none;padding:18px 44px;cursor:pointer;transition:.2s}.btn-checkout:hover{background:var(--teal)}.cart-empty{text-align:center;padding:80px 20px}.cart-empty p{font-size:20px;font-style:italic;margin-bottom:24px}.form-narrow{max-width:460px;margin:0 auto;padding:64px 44px 90px;position:relative;z-index:2}.form-field{margin-bottom:18px}.form-field label{display:block;font-family:Lexend Tera,sans-serif;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--rust);margin-bottom:8px}.form-field input,.form-field textarea{width:100%;padding:14px;border:1px solid var(--teal);background:var(--paper);font-family:Libre Baskerville,serif;color:var(--teal);outline:none}.btn-submit{font-family:Lexend Tera,sans-serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--sand);background:var(--rust);border:none;padding:15px 34px;cursor:pointer;transition:.2s}.btn-submit:hover{background:var(--teal)}.form-alt{margin-top:20px;font-size:14px}.form-alt a{color:var(--rust)}.err404{text-align:center;padding:120px 24px;position:relative;z-index:2}.err404 .big{font-family:Lexend Tera,sans-serif;font-size:clamp(60px,14vw,140px);font-weight:700;color:var(--rust);line-height:1}.err404 p{font-size:18px;font-style:italic;margin:18px 0 30px}.notice{padding:12px 16px;border:1px solid var(--rust);color:var(--rust);font-size:14px;margin-bottom:18px;background:#9d48440f}@media(max-width:820px){nav{padding:20px}nav .links{display:none}.block,.intro,.split,.archive,.news,footer,.page-wrap,.coll-head,.coll-grid,.cart-wrap,.form-narrow{padding-left:20px;padding-right:20px}.grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.product{grid-template-columns:1fr;gap:32px;padding:40px 20px 70px}.cart-line{grid-template-columns:70px 1fr;gap:14px}.cart-line .cimg{width:70px;height:94px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/twinelab.css.map */