Spring House No. 3
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Rye&display=swap'); /* ========================================================== SALT S PRING SPICE SPRING HOUSE NO. 3 SHOPIFY PRODUCT-COLUMN VERSION ========================================================== */ #sss-spring { --black:#080806; --black-soft:#10100c; --panel:#191810; --cream:#f2e3bd; --cream-bright:#fff4d5; --cream-soft:#ded0ae; --gold:#bd8730; --gold-light:#e0ba68; --spring:#c4b84f; --spring-light:#ddd06b; --green:#929b47; --green-deep:#727a34; --paper:#e6d6a8; --paper-light:#f4e6be; --ink:#282015; --ink-soft:#50442f; --line:rgba(205,160,69,.35); width:100%; max-width:100%; margin:0; padding:0; overflow:hidden; background:var(--black); color:var(--cream); font-family:"Libre Baskerville",Georgia,serif; font-size:16px; line-height:1.8; } #sss-spring *, #sss-spring *::before, #sss-spring *::after { box-sizing:border-box; } #sss-spring img { display:block; width:100%; max-width:100%; height:auto; } #sss-spring a { color:inherit; text-decoration:none; } #sss-spring h1, #sss-spring h2, #sss-spring h3, #sss-spring p { margin-top:0; } #sss-spring h1, #sss-spring h2, #sss-spring h3, #sss-spring .rye, #sss-spring .eyebrow, #sss-spring .number, #sss-spring .subtitle, #sss-spring .detail strong, #sss-spring .profile-card strong, #sss-spring .use-card strong, #sss-spring .tip strong, #sss-spring .button, #sss-spring .signoff { font-family:"Rye",Georgia,serif !important; font-weight:400 !important; word-break:normal !important; overflow-wrap:normal !important; hyphens:none !important; } #sss-spring .shell { width:100%; max-width:860px; margin:0 auto; padding-left:clamp(20px,4vw,42px); padding-right:clamp(20px,4vw,42px); } #sss-spring .section { padding: clamp(55px,7vw,85px) 0; } #sss-spring .eyebrow { margin:0 0 13px; color:var(--gold-light); font-size:14px; line-height:1.45; letter-spacing:.02em; } /* ========================================================== INTRO ========================================================== */ #sss-spring .intro { position:relative; padding: clamp(64px,8vw,92px) 0; background: radial-gradient( circle at 14% 18%, rgba(196,184,79,.18), transparent 35% ), radial-gradient( circle at 90% 80%, rgba(114,122,52,.12), transparent 35% ), #080806; } #sss-spring .intro::before { position:absolute; inset:14px; border:1px solid rgba(205,160,69,.26); content:""; pointer-events:none; } #sss-spring .intro-inner { position:relative; z-index:1; max-width:730px; margin:0 auto; text-align:center; } #sss-spring .number { display:inline-block; margin-bottom:22px; padding:9px 13px; border:1px solid rgba(224,186,104,.55); background:#0b0a07; color:var(--gold-light); font-size:13px; line-height:1.4; } #sss-spring .title { margin:0 !important; color:var(--spring-light) !important; font-size: clamp(42px,7vw,68px) !important; line-height:1.08 !important; } #sss-spring .subtitle { margin:14px 0 0; color:var(--gold-light); font-size: clamp(18px,3vw,24px); line-height:1.4; } #sss-spring .lead { max-width:680px; margin:27px auto 0; color:var(--cream-bright); font-size: clamp(18px,2.5vw,21px); font-weight:700; line-height:1.65; } #sss-spring .intro-copy { max-width:700px; margin:20px auto 0; color:var(--cream-soft); font-size:15px; line-height:1.9; } /* ========================================================== PRICE / WEIGHT ========================================================== */ #sss-spring .details { display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:10px; margin-top:33px; } #sss-spring .detail { min-width:0; padding:18px 10px; border:1px solid rgba(205,160,69,.30); background:rgba(25,24,16,.90); text-align:center; } #sss-spring .detail strong { display:block; color:var(--cream-bright); font-size: clamp(18px,3vw,23px); line-height:1.25; } #sss-spring .detail span { display:block; margin-top:7px; color:var(--cream-soft); font-size:10px; line-height:1.45; } /* ========================================================== FLAVOR PROFILE ========================================================== */ #sss-spring .profile { padding:45px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--black-soft); } #sss-spring .profile-grid { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:10px; } #sss-spring .profile-card { min-width:0; padding:20px 14px; border:1px solid rgba(205,160,69,.28); background:var(--panel); text-align:center; } #sss-spring .profile-card strong { display:block; color:var(--cream-bright); font-size: clamp(18px,3vw,22px); line-height:1.3; } #sss-spring .profile-card span { display:block; margin-top:7px; color:var(--cream-soft); font-size:11px; line-height:1.55; } /* ========================================================== INGREDIENT STORY ALWAYS STACKED ========================================================== */ #sss-spring .ingredients { background:var(--paper); color:var(--ink); } #sss-spring .ingredients .eyebrow { color:#687027; } #sss-spring .ingredient-title { max-width:680px; margin:0 !important; color:var(--ink) !important; font-size: clamp(34px,5vw,48px) !important; line-height:1.12 !important; } #sss-spring .ingredient-lead { max-width:700px; margin:24px 0 0; color:var(--ink); font-size:18px; font-weight:700; line-height:1.7; } #sss-spring .ingredient-copy { max-width:700px; margin:17px 0 0; color:var(--ink-soft); font-size:14px; line-height:1.9; } #sss-spring .fresh-note { margin-top:24px; padding:19px 20px; border-left:4px solid var(--green-deep); background:rgba(114,122,52,.09); color:#39321e; font-size:13px; line-height:1.8; } #sss-spring .ingredient-box { width:100%; margin-top:35px; padding: clamp(24px,4vw,32px); border:1px solid rgba(56,48,29,.34); background:rgba(255,248,221,.58); } #sss-spring .ingredient-box .eyebrow { color:#687027; } #sss-spring .ingredient-box h3 { margin:0 0 18px !important; color:var(--ink) !important; font-size: clamp(29px,4vw,39px) !important; line-height:1.15 !important; } #sss-spring .ingredient-box p { margin:0; color:#3b3322; font-size:14px; line-height:1.9; } /* ========================================================== BEST USES ========================================================== */ #sss-spring .uses { background: radial-gradient( circle at 50% 0, rgba(196,184,79,.10), transparent 34% ), #0b0a08; } #sss-spring .heading { max-width:700px; margin:0 auto 36px; text-align:center; } #sss-spring .heading h2 { margin:0 !important; color:var(--cream-bright) !important; font-size: clamp(34px,5vw,49px) !important; line-height:1.14 !important; } #sss-spring .heading p:last-child { margin:18px auto 0; color:var(--cream-soft); font-size:14px; line-height:1.85; } #sss-spring .use-grid { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:10px; } #sss-spring .use-card { min-width:0; padding:20px 14px; border:1px solid rgba(205,160,69,.28); background:var(--panel); text-align:center; } #sss-spring .use-card strong { display:block; color:var(--cream-bright); font-size: clamp(18px,3vw,21px); line-height:1.3; } #sss-spring .use-card span { display:block; margin-top:8px; color:var(--cream-soft); font-size:11px; line-height:1.55; } /* ========================================================== COOKING IDEAS ========================================================== */ #sss-spring .kitchen { background: radial-gradient( circle at 12% 25%, rgba(196,184,79,.14), transparent 34% ), radial-gradient( circle at 88% 75%, rgba(114,122,52,.10), transparent 34% ), var(--black-soft); } #sss-spring .kitchen-title { max-width:680px; margin:0 !important; color:var(--spring-light) !important; font-size: clamp(35px,5vw,50px) !important; line-height:1.13 !important; } #sss-spring .kitchen-copy { max-width:700px; margin:19px 0 0; color:var(--cream-soft); font-size:14px; line-height:1.9; } #sss-spring .tip-list { display:grid; gap:10px; margin-top:31px; } #sss-spring .tip { padding:19px 20px; border:1px solid rgba(205,160,69,.27); border-left:4px solid var(--green); background:var(--panel); } #sss-spring .tip strong { display:block; margin-bottom:6px; color:var(--gold-light); font-size: clamp(18px,3vw,21px); line-height:1.35; } #sss-spring .tip p { margin:0; color:var(--cream-soft); font-size:12px; line-height:1.75; } /* ========================================================== STORY ========================================================== */ #sss-spring .story { background: radial-gradient( circle at 50% 0, rgba(196,184,79,.13), transparent 38% ), var(--black); } #sss-spring .story-inner { max-width:720px; margin:0 auto; text-align:center; } #sss-spring .story-title { margin:0 !important; color:var(--cream-bright) !important; font-size: clamp(35px,5vw,51px) !important; line-height:1.14 !important; } #sss-spring .story-copy { margin:20px auto 0; color:var(--cream-soft); font-size:14px; line-height:1.95; } #sss-spring .story-copy em { color:var(--cream-bright); } #sss-spring .signoff { margin-top:29px; padding-top:22px; border-top:1px solid var(--line); color:var(--gold-light); font-size: clamp(18px,3vw,23px); line-height:1.4; } /* ========================================================== COLLECTION CTA ========================================================== */ #sss-spring .collection-cta { border-top:1px solid var(--line); background: linear-gradient( 140deg, rgba(196,184,79,.14), transparent 50% ), #100f0b; text-align:center; } #sss-spring .cta-inner { max-width:700px; margin:0 auto; } #sss-spring .cta-title { margin:0 !important; color:var(--spring-light) !important; font-size: clamp(35px,5vw,50px) !important; line-height:1.14 !important; } #sss-spring .cta-copy { margin:19px auto 0; color:var(--cream-soft); font-size:14px; line-height:1.9; } #sss-spring .button { display:inline-flex; width:auto; max-width:100%; min-height:52px; align-items:center; justify-content:center; margin-top:25px; padding:13px 21px; border:1px solid var(--green-deep); background:var(--green-deep); color:#fff5df; font-size:15px; line-height:1.35; text-align:center; transition: transform .2s ease, background .2s ease, color .2s ease; } #sss-spring .button:hover { transform:translateY(-2px); border-color:var(--cream-bright); background:var(--cream-bright); color:var(--black); } /* ========================================================== MOBILE ========================================================== */ @media(max-width:600px) { #sss-spring .shell { padding-left:18px; padding-right:18px; } #sss-spring .intro::before { inset:9px; } #sss-spring .details, #sss-spring .profile-grid, #sss-spring .use-grid { grid-template-columns:1fr; } #sss-spring .title { font-size:42px !important; } #sss-spring .ingredient-title, #sss-spring .kitchen-title, #sss-spring .story-title, #sss-spring .cta-title, #sss-spring .heading h2 { font-size:33px !important; } #sss-spring .ingredient-box h3 { font-size:29px !important; } } Heritage Collection · No. 3 Salt Spring Spice · East Syracuse, New York Spring House No. 3 Herb & Citrus Blend Bright lemon. Savory herbs. Familiar comfort with just enough freshness to wake dinner up. Spring House combines lemon-infused Syracuse salt, classic herbs, garlic, black pepper, and warm savory seasoning into a blend that's bright without becoming sharp. It adds a little lift to dinner while keeping everything comforting, familiar, and easy to use. $14 Single Jar 1.9 OZ Net Wt. · 54 g No. 3 Heritage Collection Bright Citrus Lemon character without tasting sour Garden Herbs Familiar savory herb flavor Savory Warmth Garlic, pepper & classic seasoning Everyday Fresh Bright enough to lift comfort food Brightness With Backbone Lemon and herbs without losing the savory. Spring House isn't supposed to turn dinner into lemon seasoning. It's supposed to make savory food feel brighter. Syracuse Lemon-Infused Salt brings the citrus, while Syracuse Flake Salt keeps the blend grounded with clean, savory salinity. Basil, marjoram, oregano, rosemary, savory, and thyme build layers of garden-herb flavor. Paprika, garlic, black pepper, and celery seed bring the warm, familiar character that makes Spring House feel just as comfortable on a roast chicken as it does on vegetables or potatoes. A touch of turbinado sugar rounds out the citrus and herbs so the finish stays balanced rather than sharp. Spring House is especially good when dinner needs something fresh and lively without losing that home-cooked, comforting flavor. Full Ingredient List Spring House No. 3 Basil, Marjoram, Oregano, Rosemary, Savory, Thyme, Syracuse Lemon-Infused Salt, Syracuse Flake Salt, Paprika, Turbinado Sugar, Garlic, Black Pepper, Citric Acid, Vegetable Fiber, and Ground Celery Seed. More Than a Chicken Seasoning Bright enough to wake up the whole plate. Chicken may be the obvious place to start, but Spring House has a habit of ending up on potatoes, vegetables, rice, seafood, soups, and whatever else is on the menu. Chicken Roasted, grilled, skillet or sheet-pan Potatoes Roasted, mashed, smashed & crisp Vegetables Carrots, asparagus, zucchini & more Rice Pilaf, rice bowls & easy side dishes Seafood Fish, shrimp & light skillet meals Soups Chicken, vegetable & creamy soups Pasta Creamy pasta, lemon sauces & bakes Marinades Add oil and fresh lemon when you want it From the Salt Spring Kitchen Brighten the whole plate. Spring House doesn't need much help. A little oil, some heat, and a generous shake is usually enough. Add fresh lemon at the end when you want the citrus to stand out even more. Lemon-Herb Chicken Coat chicken with olive oil and Spring House, then roast until deeply golden. Finish with fresh lemon if you want extra brightness. Spring House Potatoes Toss baby potatoes with olive oil and Spring House, roast until crisp, then finish with butter or Parmesan. Savory Herb Butter Stir Spring House into softened butter for vegetables, rolls, potatoes, chicken, pasta, or sandwiches. Easy Rice Bowl Season chicken or vegetables with Spring House, serve over rice, then finish with lemon, herbs, or a creamy sauce. Why Spring House I wanted something bright that still felt like home. Some flavors feel fresh and light. Others feel warm and comforting. With Spring House, I didn't want to choose between the two. I wanted lemon and herbs to wake up a meal without turning dinner into something fussy. Something that could go on chicken one night, potatoes the next, and somehow find its way into soup or pasta later in the week. There's something about that combination that reminds me of opening the kitchen windows after a long winter. The food is still familiar. It just feels like it has a little more life in it. And once it reaches your kitchen, that's where Spring House becomes more than a blend I created. It becomes part of your dinner, your recipes, and maybe eventually one of those seasonings everyone in the house knows by name. Cynthia · Salt Spring Spice Heritage Collection · No. 3 Find the blend that fits your kitchen. Spring House brings bright citrus and savory herbs. Canal Side handles everyday garlic and herbs. Iron Pier brings cherrywood smoke and maple warmth. Black Forge goes deep, dark, and steakhouse. Four blends. Four different ways to make dinner better. Explore the Heritage Collection