/*
Theme Name: South Shore Neighborhood
Description: The chosen cream, green and coral website for South Shore Spirits Beer & Tobacco.
Version: 1.0.0
Author: South Shore Spirits
License: GPL v2 or later
Text Domain: south-shore-neighborhood
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{width:100%;height:100%;object-fit:cover;display:block}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,serif;font-weight:400}p{line-height:1.7}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.eyebrow{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;font-weight:700}.demo-strip{background:var(--ink);color:var(--bg);font-size:11px;display:flex;justify-content:center;align-items:center;gap:25px;padding:11px 20px;flex-wrap:wrap}.demo-strip a{opacity:.75}.demo-strip a.active{opacity:1;text-decoration:underline;text-underline-offset:4px}.nav{height:108px;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo{display:flex;gap:12px;align-items:center}.mark{border:1px solid currentColor;width:44px;height:44px;display:grid;place-items:center;font-family:Georgia;font-size:27px;border-radius:50%}.brand{font-family:Georgia,serif;font-size:23px;line-height:1.1}.brand small{font-family:'DM Sans',sans-serif;display:block;font-size:9px;letter-spacing:3px;margin-top:8px}.navlinks{display:flex;gap:35px;font-size:13px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:17px 26px;border:1px solid var(--accent);background:var(--accent);color:var(--btnink);font-size:12px;font-weight:700;min-height:48px;border-radius:var(--radius,0)}.btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn.outline{background:transparent;color:var(--ink);border-color:var(--line)}.hero{position:relative}.hero h1{font-size:clamp(58px,6.9vw,100px);line-height:1.02;letter-spacing:-4px}.hero p{max-width:370px;font-size:15px;color:var(--muted);margin:26px 0 34px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.section{padding:90px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:40px}.section-heading h2{font-size:clamp(38px,4.3vw,59px);line-height:1.08;margin-top:15px;letter-spacing:-1.7px}.section-heading p{max-width:325px;font-size:14px;color:var(--muted)}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category{padding:28px 24px 26px;position:relative;border:1px solid var(--line);background:var(--surface);text-align:left;color:var(--ink);border-radius:var(--radius,0);min-width:0;transition:transform .2s}.category:hover{transform:translateY(-5px)}.category.active{border-color:var(--accent)}.category .num{font-size:10px;letter-spacing:1px;color:var(--muted)}.category h3{font-family:Georgia;font-size:28px;font-weight:400;margin-top:24px}.category .arrow{float:right;font-size:22px}.category p{font-size:12px;margin-top:10px;color:var(--muted)}.category-art{height:180px;display:grid;place-items:center}.category-art svg{width:160px;height:180px}.category-detail{padding:24px 0;display:flex;gap:24px;border-bottom:1px solid var(--line);font-size:14px;min-height:90px;align-items:center}.category-detail strong{min-width:150px}.category-detail p{color:var(--muted);max-width:760px}.availability{font-size:11px;color:var(--muted);margin-top:15px}.story{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.story h2{font-size:60px;letter-spacing:-2px;line-height:1.07;margin:20px 0 25px}.story p{font-size:15px;color:var(--muted);margin-bottom:26px}.story-image{height:480px;position:relative}.story-caption{position:absolute;bottom:24px;left:24px;right:24px;padding:17px 20px;background:var(--bg);font-size:11px;letter-spacing:1px}.visit{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.visit h2{font-size:62px;letter-spacing:-2px;line-height:1.07;margin:20px 0}.address{font-size:19px;line-height:1.6;margin:22px 0}.visit dl{display:grid;grid-template-columns:100px 1fr;gap:12px;font-size:13px;color:var(--muted);margin:26px 0}.visit dt{color:var(--ink)}.visit dd{margin:0}.map{height:340px;position:relative;overflow:hidden;background:var(--mapbg);border:1px solid var(--line);border-radius:var(--radius,0)}.map svg{width:100%;height:100%}.map-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg);color:var(--ink);padding:20px 25px;box-shadow:0 15px 50px #0002;white-space:nowrap;text-align:center}.map-label strong{display:block;font-family:Georgia;font-size:23px;margin-bottom:8px}.map-label span{font-size:10px;letter-spacing:1px}.map-note{position:absolute;bottom:15px;left:20px;font-size:10px;color:var(--muted)}.faq{max-width:800px;margin:auto}.faq h2{font-size:44px;margin-bottom:35px}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq summary{font-size:15px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';font-size:22px;color:var(--accent)}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;color:var(--muted);margin-top:16px;max-width:680px}.footer{border-top:1px solid var(--line);padding:42px 0}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer p{font-size:11px;color:var(--muted)}.footer-note{margin-top:28px;font-size:10px;color:var(--muted)}.mobile-menu{display:none}.dark{--bg:#171a16;--ink:#f4eee2;--muted:#b4b7a8;--accent:#d9bb75;--btnink:#171a16;--surface:#20241e;--line:#41463a;--mapbg:#252d27}.dark .hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.dark .hero-copy{padding:67px 40px 65px 0;align-self:center;z-index:1}.dark h1 em{color:var(--accent);font-weight:400}.dark .hero-photo{position:relative;margin-right:calc((1240px - 100vw)/2)}.dark .hero-photo img{filter:brightness(.75);object-position:52% 50%}.dark .hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#171a1615,transparent 50%)}.photo-tag{position:absolute;bottom:35px;left:35px;font-size:11px;letter-spacing:2px;color:#fff;z-index:1}.dark .hero-foot{display:flex;align-items:center;gap:14px;margin-top:40px;font-size:11px;color:var(--muted)}.dark .hero-foot:before{content:'';width:28px;height:1px;background:var(--accent)}.ticker{border-bottom:1px solid var(--line);padding:23px 0;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px}.ticker span:before{content:'✦';color:var(--accent);margin-right:17px}.dark .story-band{background:#22261f}.dark .visit-section{border-top:1px solid var(--line)}.light{--bg:#f7f5ee;--ink:#153e34;--muted:#61776d;--accent:#d84c31;--btnink:white;--surface:#efeee5;--line:#d5dbd1;--mapbg:#e6ece0;--radius:12px}.light h1,.light h2,.light h3{font-family:'Manrope',Arial,sans-serif;font-weight:800}.light .nav{height:100px}.light .brand{font-family:'Manrope';font-weight:800;font-size:22px}.light .mark{background:var(--ink);color:var(--bg);border:0}.light .hero{display:grid;grid-template-columns:1.06fr 1fr;gap:55px;align-items:center;padding:38px 0 65px}.light .hero h1{font-size:clamp(55px,6.1vw,88px);line-height:1.04;letter-spacing:-5px}.light h1 em{color:var(--accent);font-style:normal}.light .hero .eyebrow{display:inline-block;background:#e2e9de;padding:11px 16px;border-radius:30px;letter-spacing:1px;margin-bottom:24px}.light .hero-photo{height:570px;border-radius:130px 130px 18px 18px;overflow:hidden;position:relative}.light .hero-photo img{object-position:50% 45%}.light .hero-photo .photo-tag{background:var(--bg);color:var(--ink);padding:20px 25px;border-radius:12px;left:22px;right:22px;bottom:22px;letter-spacing:0;font-size:18px;font-weight:700}.light .photo-tag small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:6px}.light .hero-foot{font-size:11px;color:var(--muted);margin-top:28px}.light .ticker{padding:26px 35px;background:#e2e9de;border:0;border-radius:12px;letter-spacing:1px;font-size:11px}.light .ticker span:before{color:var(--ink)}.light .category{border:0}.light .category.active{box-shadow:inset 0 0 0 2px var(--accent)}.light .category:nth-child(2){background:#e2e9df}.light .category:nth-child(3){background:#f1ded5}.light .category:nth-child(4){background:#eee7d4}.light .category h3{font-size:23px;letter-spacing:-1px}.light .story-band{background:#153e34;color:#f7f5ee}.light .story-band p{color:#c2d2c8}.light .story-band .eyebrow{color:#e7b896}.light .story-band h2{font-size:51px;letter-spacing:-2px}.light .story-band .btn{background:#f7f5ee;color:#153e34;border-color:#f7f5ee}.light .story-image{border-radius:18px;overflow:hidden}.light .story-caption{color:#153e34;border-radius:8px}.light .visit-section{background:#eeeade}.light .visit h2{font-size:54px}.light .faq h2{font-size:38px}.beer-art{position:relative;height:160px;width:140px;margin:auto;display:flex;align-items:end;justify-content:center;gap:9px}.beer-art i{display:block;width:54px;height:130px;border-radius:9px;background:linear-gradient(90deg,#8b411d,#d09342,#9b4f24);border-top:7px solid #cdd3bd;box-shadow:0 8px 12px #0001;position:relative}.beer-art i:first-child{height:149px;background:linear-gradient(90deg,#1d513c,#467660,#224a37)}.beer-art i:after{content:'BEER';position:absolute;top:48px;left:0;right:0;color:#fff9de;font-size:11px;text-align:center;transform:rotate(-90deg);letter-spacing:3px}.tobacco-art{width:110px;height:125px;border:1px solid #bfaa86;background:#373c30;margin:auto;display:grid;place-items:center;color:#e4d3b4;font-family:Georgia;font-size:26px;box-shadow:7px 7px 0 #b6a17d}.tobacco-art small{font-family:Arial;font-size:8px;letter-spacing:2px}.compare{--bg:#f5f2e9;--ink:#153e34;--muted:#63756b;--accent:#d84c31;--btnink:#fff;--line:#d8dcd2}.compare header{padding:42px 0;border-bottom:1px solid var(--line)}.compare h1{font-size:68px;letter-spacing:-2px;margin:55px 0 20px}.compare .intro{max-width:670px;color:var(--muted);font-size:17px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:45px 0}.concept{padding:36px;border-radius:16px;overflow:hidden}.concept.a{background:#171a16;color:#f4eee2}.concept.b{background:#e1e9df;color:#153e34}.concept h2{font-size:40px;margin:20px 0 14px}.concept p{font-size:14px;opacity:.8;margin-bottom:28px}.concept-preview{height:260px;display:flex;align-items:center;gap:22px;border:1px solid #ffffff35;padding:26px;margin-bottom:30px}.concept-preview svg{width:120px;height:200px;flex:none}.concept-preview strong{font-family:Georgia;font-size:43px;line-height:1.02;letter-spacing:-1px}.concept.b .concept-preview{border:0;background:#f7f5ee;border-radius:100px 100px 10px 10px}.concept.b .concept-preview strong{font-family:'Manrope';font-size:34px}.compare .facts{padding:30px;border:1px solid var(--line);margin-bottom:50px;border-radius:12px}.compare .facts p{font-size:13px;color:var(--muted)}
@media(min-width:1340px){.dark .hero-photo{margin-right:calc((1240px - 100vw)/2)}}@media(max-width:1339px){.dark .hero-photo{margin-right:-48px}}@media(max-width:950px){.wrap{width:calc(100% - 48px)}.navlinks{gap:20px}.hero h1,.light .hero h1{font-size:65px;letter-spacing:-3px}.dark .hero-photo{margin-right:-24px}.light .hero{gap:25px}.light .hero-photo{height:500px}.categories{grid-template-columns:repeat(2,1fr)}.story{gap:35px}.story h2,.light .story-band h2{font-size:43px}.visit{gap:25px}.visit h2,.light .visit h2{font-size:44px}.compare .concept-preview{height:220px;padding:16px;gap:10px}.concept-preview svg{width:85px}.concept-preview strong{font-size:34px}.concept.b .concept-preview strong{font-size:27px}}@media(max-width:650px){.wrap{width:calc(100% - 36px)}.demo-strip{gap:15px;font-size:10px}.nav,.light .nav{height:90px}.brand,.light .brand{font-size:19px}.brand small{font-size:8px;letter-spacing:2px}.mark{width:36px;height:36px;font-size:22px}.navlinks{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{cursor:pointer;font-size:13px;padding:12px}.mobile-menu div{position:absolute;right:0;top:40px;z-index:20;background:var(--bg);border:1px solid var(--line);padding:20px;min-width:180px;box-shadow:0 8px 20px #0002}.mobile-menu a{display:block;padding:12px 0}.dark .hero,.light .hero{grid-template-columns:1fr;gap:0;min-height:0}.dark .hero-copy{padding:40px 0}.hero h1,.light .hero h1{font-size:62px;letter-spacing:-3px}.hero p{font-size:14px;max-width:100%}.dark .hero-photo{height:370px;margin:0 -18px}.dark .hero-foot{margin-top:26px}.light .hero{padding:22px 0 30px}.light .hero-photo{height:380px;margin-top:35px;border-radius:95px 95px 15px 15px}.light .hero-photo .photo-tag{font-size:16px;padding:17px}.ticker,.light .ticker{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:23px 12px;font-size:9px;letter-spacing:.5px}.ticker span:before{margin-right:8px}.section{padding:55px 0}.section-heading{display:block;margin-bottom:27px}.section-heading p{margin-top:20px;max-width:100%}.section-heading h2{font-size:41px}.categories{gap:10px}.category{padding:18px 15px}.category-art{height:150px}.category-art svg{width:130px;height:150px}.category h3,.light .category h3{font-size:22px;margin-top:12px}.category p{font-size:11px}.category-detail{display:block;min-height:130px}.category-detail p{margin-top:12px;font-size:13px}.story,.visit{grid-template-columns:1fr;gap:30px}.story h2,.light .story-band h2{font-size:42px}.story-image{height:340px}.visit h2,.light .visit h2{font-size:43px}.map{height:290px}.faq h2,.light .faq h2{font-size:34px}.footer-row{display:block}.footer-row p{margin-top:20px}.compare header{padding:25px 0}.compare h1{font-size:48px;margin-top:40px}.compare .intro{font-size:15px}.compare-grid{grid-template-columns:1fr}.concept{padding:26px}.concept-preview strong{font-size:38px}.concept.b .concept-preview strong{font-size:31px}.concept-preview svg{width:110px}.compare .facts{padding:23px}.hero-actions .btn{padding:16px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;transform:none!important}}body{overflow-x:clip}

.mobile-menu summary{white-space:nowrap} @media(max-width:650px){.light .hero h1{font-size:44px;letter-spacing:-2px}}