Canal Side No. 1
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Rye&display=swap'); /* ========================================================== SALT S PRING SPICE CANAL SIDE NO. 1 SHOPIFY PRODUCT-COLUMN VERSION ========================================================== */ #sss-canal { --black:#080806; --black-soft:#11100c; --panel:#191610; --cream:#f1dfb7; --cream-bright:#fff2d0; --cream-soft:#ddcfad; --gold:#bd8730; --gold-light:#e0b966; --rust:#9d482c; --green:#a7ad52; --green-light:#c8cd68; --paper:#e4cfa0; --paper-light:#f5e7c5; --ink:#241a10; --ink-soft:#4c3925; --line:rgba(205,160,69,.34); 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-canal *, #sss-canal *::before, #sss-canal *::after { box-sizing:border-box; } #sss-canal img { display:block; width:100%; max-width:100%; height:auto; } #sss-canal a { color:inherit; text-decoration:none; } #sss-canal h1, #sss-canal h2, #sss-canal h3, #sss-canal p { margin-top:0; } #sss-canal h1, #sss-canal h2, #sss-canal h3, #sss-canal .rye, #sss-canal .eyebrow, #sss-canal .number, #sss-canal .subtitle, #sss-canal .detail strong, #sss-canal .profile-card strong, #sss-canal .use-card strong, #sss-canal .tip strong, #sss-canal .button, #sss-canal .signoff, #sss-canal .pack-meta { font-family:"Rye",Georgia,serif !important; font-weight:400 !important; word-break:normal !important; overflow-wrap:normal !important; hyphens:none !important; } #sss-canal .shell { width:100%; max-width:860px; margin:0 auto; padding-left:clamp(20px,4vw,42px); padding-right:clamp(20px,4vw,42px); } #sss-canal .section { padding: clamp(55px,7vw,85px) 0; } #sss-canal .eyebrow { margin:0 0 13px; color:var(--gold-light); font-size:14px; line-height:1.45; letter-spacing:.02em; } /* ========================================================== INTRO ========================================================== */ #sss-canal .intro { position:relative; padding: clamp(64px,8vw,92px) 0; background: radial-gradient( circle at 15% 18%, rgba(167,173,82,.17), transparent 35% ), radial-gradient( circle at 90% 80%, rgba(189,135,48,.09), transparent 35% ), #080806; } #sss-canal .intro::before { position:absolute; inset:14px; border:1px solid rgba(205,160,69,.26); content:""; pointer-events:none; } #sss-canal .intro-inner { position:relative; z-index:1; max-width:730px; margin:0 auto; text-align:center; } #sss-canal .number { display:inline-block; margin-bottom:22px; padding:9px 13px; border:1px solid rgba(224,185,102,.55); background:#0b0907; color:var(--gold-light); font-size:13px; line-height:1.4; } #sss-canal .title { margin:0 !important; color:var(--green-light) !important; font-size: clamp(42px,7vw,68px) !important; line-height:1.08 !important; } #sss-canal .subtitle { margin:14px 0 0; color:var(--gold-light); font-size: clamp(18px,3vw,24px); line-height:1.4; } #sss-canal .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-canal .intro-copy { max-width:700px; margin:20px auto 0; color:var(--cream-soft); font-size:15px; line-height:1.9; } /* ========================================================== PRICE / WEIGHT ========================================================== */ #sss-canal .details { display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:10px; margin-top:33px; } #sss-canal .detail { min-width:0; padding:18px 10px; border:1px solid rgba(205,160,69,.30); background:rgba(25,22,16,.88); text-align:center; } #sss-canal .detail strong { display:block; color:var(--cream-bright); font-size: clamp(18px,3vw,23px); line-height:1.25; } #sss-canal .detail span { display:block; margin-top:7px; color:var(--cream-soft); font-size:10px; line-height:1.45; } /* ========================================================== FLAVOR PROFILE ========================================================== */ #sss-canal .profile { padding:45px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--black-soft); } #sss-canal .profile-grid { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:10px; } #sss-canal .profile-card { min-width:0; padding:20px 14px; border:1px solid rgba(205,160,69,.28); background:var(--panel); text-align:center; } #sss-canal .profile-card strong { display:block; color:var(--cream-bright); font-size: clamp(18px,3vw,22px); line-height:1.3; } #sss-canal .profile-card span { display:block; margin-top:7px; color:var(--cream-soft); font-size:11px; line-height:1.55; } /* ========================================================== INGREDIENT STORY ALWAYS STACKED ========================================================== */ #sss-canal .ingredients { background:var(--paper); color:var(--ink); } #sss-canal .ingredients .eyebrow { color:#81351f; } #sss-canal .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-canal .ingredient-lead { max-width:700px; margin:24px 0 0; color:var(--ink); font-size:18px; font-weight:700; line-height:1.7; } #sss-canal .ingredient-copy { max-width:700px; margin:17px 0 0; color:var(--ink-soft); font-size:14px; line-height:1.9; } #sss-canal .local-note { margin-top:24px; padding:19px 20px; border-left:4px solid var(--rust); background:rgba(157,72,44,.08); color:#382719; font-size:13px; line-height:1.8; } #sss-canal .ingredient-box { width:100%; margin-top:35px; padding: clamp(24px,4vw,32px); border:1px solid rgba(56,40,23,.34); background:rgba(255,246,220,.57); } #sss-canal .ingredient-box .eyebrow { color:#81351f; } #sss-canal .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-canal .ingredient-box p { margin:0; color:#392a1b; font-size:14px; line-height:1.9; } /* ========================================================== USES ========================================================== */ #sss-canal .uses { background: radial-gradient( circle at 50% 0, rgba(189,135,48,.08), transparent 34% ), #0b0a08; } #sss-canal .heading { max-width:700px; margin:0 auto 36px; text-align:center; } #sss-canal .heading h2 { margin:0 !important; color:var(--cream-bright) !important; font-size: clamp(34px,5vw,49px) !important; line-height:1.14 !important; } #sss-canal .heading p:last-child { margin:18px auto 0; color:var(--cream-soft); font-size:14px; line-height:1.85; } #sss-canal .use-grid { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:10px; } #sss-canal .use-card { min-width:0; padding:20px 14px; border:1px solid rgba(205,160,69,.28); background:var(--panel); text-align:center; } #sss-canal .use-card strong { display:block; color:var(--cream-bright); font-size: clamp(18px,3vw,21px); line-height:1.3; } #sss-canal .use-card span { display:block; margin-top:8px; color:var(--cream-soft); font-size:11px; line-height:1.55; } /* ========================================================== COOKING IDEAS STACKED ========================================================== */ #sss-canal .kitchen { background: radial-gradient( circle at 12% 25%, rgba(167,173,82,.13), transparent 34% ), var(--black-soft); } #sss-canal .kitchen-title { max-width:680px; margin:0 !important; color:var(--green-light) !important; font-size: clamp(35px,5vw,50px) !important; line-height:1.13 !important; } #sss-canal .kitchen-copy { max-width:700px; margin:19px 0 0; color:var(--cream-soft); font-size:14px; line-height:1.9; } #sss-canal .tip-list { display:grid; gap:10px; margin-top:31px; } #sss-canal .tip { padding:19px 20px; border:1px solid rgba(205,160,69,.27); border-left:4px solid var(--green); background:var(--panel); } #sss-canal .tip strong { display:block; margin-bottom:6px; color:var(--gold-light); font-size: clamp(18px,3vw,21px); line-height:1.35; } #sss-canal .tip p { margin:0; color:var(--cream-soft); font-size:12px; line-height:1.75; } /* ========================================================== STORY ========================================================== */ #sss-canal .story { background: radial-gradient( circle at 50% 0, rgba(157,72,44,.13), transparent 38% ), var(--black); } #sss-canal .story-inner { max-width:720px; margin:0 auto; text-align:center; } #sss-canal .story-title { margin:0 !important; color:var(--cream-bright) !important; font-size: clamp(35px,5vw,51px) !important; line-height:1.14 !important; } #sss-canal .story-copy { margin:20px auto 0; color:var(--cream-soft); font-size:14px; line-height:1.95; } #sss-canal .story-copy em { color:var(--cream-bright); } #sss-canal .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; } /* ========================================================== KITCHEN PACK STACKED ========================================================== */ #sss-canal .pack { border-top:1px solid var(--line); background: linear-gradient( 140deg, rgba(167,173,82,.13), transparent 50% ), #100f0c; } #sss-canal .pack-image { display:block; width:100%; max-width:560px; margin:0 auto 31px; padding:9px; border:1px solid rgba(224,185,102,.44); background:#070604; box-shadow: 0 20px 45px rgba(0,0,0,.40); } #sss-canal .pack-image img { aspect-ratio:1.08; object-fit:cover; } #sss-canal .pack-content { max-width:700px; margin:0 auto; text-align:center; } #sss-canal .pack-title { margin:0 !important; color:var(--green-light) !important; font-size: clamp(35px,5vw,50px) !important; line-height:1.14 !important; } #sss-canal .pack-copy { margin:19px auto 0; color:var(--cream-soft); font-size:14px; line-height:1.9; } #sss-canal .pack-meta { margin:21px 0 0; color:var(--gold-light); font-size:18px; line-height:1.4; } #sss-canal .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(--rust); background:var(--rust); color:#fff4df; font-size:15px; line-height:1.35; text-align:center; transition: transform .2s ease, background .2s ease, color .2s ease; } #sss-canal .button:hover { transform:translateY(-2px); border-color:var(--cream-bright); background:var(--cream-bright); color:var(--black); } /* ========================================================== MOBILE ========================================================== */ @media(max-width:600px) { #sss-canal .shell { padding-left:18px; padding-right:18px; } #sss-canal .intro::before { inset:9px; } #sss-canal .details { grid-template-columns:1fr; } #sss-canal .profile-grid, #sss-canal .use-grid { grid-template-columns:1fr; } #sss-canal .title { font-size:42px !important; } #sss-canal .ingredient-title, #sss-canal .kitchen-title, #sss-canal .story-title, #sss-canal .pack-title, #sss-canal .heading h2 { font-size:33px !important; } #sss-canal .ingredient-box h3 { font-size:29px !important; } } Heritage Collection · No. 1 Salt Spring Spice · East Syracuse, New York Canal Side No. 1 Garlic & Herb House Blend The seasoning you reach for when dinner needs a little help—and somehow end up reaching for again tomorrow. Canal Side brings Syracuse salt, roasted garlic, and classic herbs together in a savory everyday blend made for real kitchens. Familiar enough to use without overthinking it. Flavorful enough to make a simple dinner taste like you had a plan all along. $14 Single Jar 1 OZ Net Wt. · 28 g No. 1 Heritage Collection Garlicky Deep roasted garlic warmth Herb-Forward Classic savory herbs throughout Savory Balanced for everyday cooking Salt City Made with Syracuse salts What's Inside Matters Familiar flavors, built with intention. Canal Side starts with Syracuse salt and lets garlic and herbs do what they do best. Syracuse Flake Salt builds the savory foundation, while Syracuse Roasted Garlic Salt brings a deeper, warmer garlic character. Basil, marjoram, oregano, rosemary, thyme, and savory create the classic herb character, while red pepper flakes add just enough warmth to keep the blend from disappearing into the background. The point isn't to cover up dinner. It's to make whatever is already in your kitchen taste better. Canal Side uses Syracuse salts, tying the blend directly to the Salt City heritage that helped inspire Salt Spring Spice. Full Ingredient List Canal Side No. 1 Syracuse Flake Salt, Syracuse Roasted Garlic Salt, Basil, Marjoram, Oregano, Rosemary, Thyme, Savory, Red Pepper Flakes. Reach For It When Dinner needs a little help. No special occasion required. Canal Side was made for the food people actually cook every week—and the nights when nobody has any interest in making dinner complicated. Pasta Sauces, baked pasta & buttered noodles Chicken Roasted, grilled, skillet or sheet-pan Potatoes Roasted, smashed, mashed or fried Vegetables Roasted, grilled or sautéed Bread Garlic bread, focaccia & dipping oil Seafood Shrimp, fish & skillet dinners Eggs Scrambles, omelets & breakfast potatoes Soups Tomato, vegetable & creamy soups From the Salt Spring Kitchen Don't overthink it. Canal Side was intentionally created to be easy. Grab the jar, season generously, and let dinner figure itself out from there. Garlic-Herb Butter Stir Canal Side into softened butter for warm bread, vegetables, chicken, steak, potatoes, or dinner rolls. Bread Dipping Oil Add a generous pinch to olive oil and let the herbs and roasted garlic wake up for a few minutes before dipping. Crispy Roasted Potatoes Toss potatoes with olive oil and Canal Side, then roast until deeply golden and crisp. Emergency Pasta Night Butter or olive oil, Parmesan, pasta water, and Canal Side. Dinner handled. Why Canal Side I wanted to make the seasoning you actually finish. There are plenty of seasonings that sound exciting and then spend two years hiding in the back of the cabinet. Canal Side was never supposed to be one of them. I wanted something I would genuinely reach for while cooking in my own kitchen—the blend that goes into the pasta, gets tossed over potatoes, ends up in garlic butter, and somehow finds its way back out again the next night. But my favorite part happens after a jar leaves my kitchen. It becomes part of your recipes, your dinners, your gatherings, and maybe eventually one of those flavors your family just recognizes. That's what I hope Canal Side earns: a permanent spot beside your stove and a little place in the meals you share around your table. Cynthia · Salt Spring Spice Already Reaching For It Often? Meet the Canal Side Kitchen Pack. Same Canal Side No. 1. More of it. The 4 oz resealable Kitchen Pack gives frequent Canal Side cooks four times the seasoning of the original jar—ready to live beside the stove and get used generously. 4 oz / 113 g · $42 Shop the 4 oz Kitchen Pack
More you might like
Related
Down the Lane No.6 - Canal side Lane
Related
Down the Lane No.6 Canal Side Lane Pz1000
Related
Ravensburger - Down Lane No 6: Canal Side Lane 1000pc puzzle
Related