
:root{--cream:#f5f1e9;--ink:#191c18;--green:#283b2b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.announcement{text-align:center;background:var(--green);color:white;padding:10px;font-size:10px;letter-spacing:2.5px}header{padding:22px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8d7cd}.brand{font-weight:900;font-size:22px;line-height:.9;letter-spacing:-1px}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:7px}nav{display:flex;gap:32px;font-size:12px}nav a:hover{text-decoration:underline}.outline{border:1px solid #888;background:transparent;padding:12px 18px;font-size:11px;letter-spacing:1px}.hero{display:grid;grid-template-columns:42% 58%;min-height:650px}.hero-copy{padding:90px 9% 70px 12%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;font-weight:bold}h1{font-family:Georgia,serif;font-size:clamp(58px,6.3vw,100px);font-weight:400;line-height:.98;letter-spacing:-4px;margin:28px 0}h1 em{color:#52664b}p{font-size:14px;line-height:1.8;color:#62645b}.hero-copy p{max-width:290px}.solid{background:var(--ink);color:white;padding:17px 25px;display:inline-flex;gap:30px;align-items:center;font-size:11px;letter-spacing:1px;margin-top:22px;border:0}.hero-photo{position:relative;background:#d7d0c2;min-height:500px}.hero-photo img{width:100%;height:100%;object-fit:cover;position:absolute}.photo-tag{position:absolute;bottom:24px;left:28px;background:var(--cream);padding:12px 16px;font-size:10px;letter-spacing:1px}.strip{border-top:1px solid #c5c9bf;border-bottom:1px solid #c5c9bf;padding:23px;display:flex;justify-content:space-around;gap:12px;font-size:10px;letter-spacing:2px}.section{padding:85px 5%}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}h2{font:400 clamp(35px,4vw,56px) Georgia,serif;letter-spacing:-1.5px;margin:12px 0}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button{border:1px solid #c6c7bd;background:transparent;border-radius:30px;padding:10px 18px;font-size:11px}.tabs button.active{background:var(--ink);color:white}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.card{border:0;background:transparent;text-align:left;padding:0;color:inherit}.card .picture{aspect-ratio:1;background:#fff;overflow:hidden;position:relative}.card img{width:100%;height:100%;object-fit:contain;transition:transform .4s}.card:hover img{transform:scale(1.04)}.plus{position:absolute;bottom:12px;right:12px;width:32px;height:32px;border-radius:50%;background:var(--cream);display:grid;place-items:center;font-size:20px}.card h3{font-size:13px;font-weight:500;margin-bottom:6px}.card p{font-size:11px;margin:0}.story{display:grid;grid-template-columns:1fr 1fr;background:var(--green);color:var(--cream)}.story-image{min-height:570px;background:url('/assets/black-model.webp') center 40%/cover}.story-copy{padding:80px 14%;align-self:center}.story h2{font-size:56px}.story p{color:#d0d5ca}.story .signature{font:italic 27px Georgia,serif;color:var(--cream);margin-top:35px}.lookbook{display:grid;grid-template-columns:1fr 1fr;gap:24px}.lookbook img{width:100%;height:500px;object-fit:cover}.lookbook .editorial{object-position:30% center}.lookbook figure{margin:0}.lookbook figcaption{font-size:11px;padding:15px 0;display:flex;justify-content:space-between}.message{text-align:center;padding:80px 20px;border-top:1px solid #d3d3c8}.message h2{font-size:clamp(48px,7vw,90px)}footer{background:var(--ink);color:var(--cream);padding:40px 5%;display:flex;justify-content:space-between;align-items:center}footer p{color:#c6c8c1;font-size:11px}dialog{border:0;background:var(--cream);max-width:850px;width:92%;padding:0;max-height:90vh;overflow:auto}dialog::backdrop{background:#0009}.modal-content{display:grid;grid-template-columns:1fr 1fr}.modal-content img{width:100%;background:white;align-self:center}.detail{padding:35px}.close{float:right;border:0;background:none;font-size:25px}.detail h2{font-size:34px}.detail select{width:100%;padding:12px;border:1px solid #aaa;background:transparent;margin:12px 0}.note{font-size:11px;color:#696d61}.empty{font-size:14px}.menu{display:none}button:focus-visible,a:focus-visible{outline:3px solid #aa792c;outline-offset:4px}@media(max-width:800px){header{padding:20px 5%}nav{gap:16px}.hero{grid-template-columns:1fr}.hero-copy{padding:55px 7%}.hero-photo{min-height:450px}h1{font-size:72px}.hero-copy p{max-width:400px}.grid{grid-template-columns:repeat(2,1fr);gap:25px 15px}.section{padding:55px 5%}.section-top{display:block}.tabs{margin-top:25px}.story{grid-template-columns:1fr}.story-image{min-height:470px}.story-copy{padding:50px 8%}.lookbook img{height:320px}.strip{font-size:8px;letter-spacing:1px}.modal-content{grid-template-columns:1fr}.modal-content img{max-height:300px;object-fit:contain}.detail{padding:25px}footer{gap:20px}.outline{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card img{transition:none}}

[hidden]{display:none!important}.catalog-search{display:block;font-size:12px;margin:14px 0}.catalog-search input{display:block;border:1px solid #999;background:transparent;padding:12px;margin-top:8px;max-width:100%;width:280px}.detail input{padding:10px;width:80px;display:block;margin:10px 0}button:disabled{opacity:.55;cursor:not-allowed}.cart-item{display:grid;grid-template-columns:90px 1fr 100px;gap:20px;align-items:center;border-bottom:1px solid #ccc;padding:20px 0}.cart-item img{width:90px}.cart-item input{max-width:80px;padding:10px}
@media(max-width:600px){header{flex-wrap:wrap;gap:16px}nav{gap:14px;flex-wrap:wrap}.section-top{display:block}}
.category-links{display:flex;flex-wrap:wrap;gap:18px;margin:20px 0;font-size:12px;text-decoration:underline}.product-page{display:grid;grid-template-columns:1fr 1fr;gap:50px}.product-photo{width:100%;background:white}.option-group{border:0;padding:0;margin:24px 0}.option-group legend{font-weight:bold;font-size:13px;margin-bottom:10px}.option-select{padding:12px;border:1px solid #999;background:transparent;max-width:100%;min-width:160px}.color-buttons{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.color-button{font-size:11px;border:1px solid #b9b8ae;background:transparent;padding:9px 12px;border-radius:20px}.color-button[aria-pressed=true]{background:#283b2b;color:#fff;border-color:#283b2b}.jacket-sprite{width:100%;aspect-ratio:1;background-image:url('https://cdn.shopify.com/s/files/1/0833/3443/0979/files/sbc-coach-jacket-15-color-mockups.webp?v=1793597842');background-size:300% 500%;background-repeat:no-repeat;background-color:white}.color-guide{width:100%;max-height:600px;object-fit:contain}#productQty{padding:12px;width:80px;display:block;margin:10px 0}.product-page h1{margin-top:20px}@media(max-width:750px){.product-page{grid-template-columns:1fr;gap:28px}}
.story-page{max-width:1000px;margin:auto;min-height:65vh}.story-page h1{font-size:clamp(48px,7vw,88px);margin:24px 0 50px}.story-body{max-width:680px;font-size:19px;line-height:1.85;margin-bottom:42px}.story-body h2{font-family:Georgia,serif;font-size:36px}header nav{flex-wrap:wrap} .option-select:focus,.color-button:focus{outline:2px solid #a67d4a;outline-offset:3px}

.product-links{display:flex;gap:28px;margin-top:20px}.story-page{max-width:1400px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.story-grid figure{margin:0}.story-grid img{width:100%;display:block}.story-grid figcaption{padding:14px 0;font-size:12px;text-transform:uppercase;letter-spacing:3px}.story-body h2{margin-top:0}.option-select{min-width:180px}.product-page #productPrice{font-size:25px;margin:24px 0}.product-page .solid{min-width:240px}.product-page .solid:disabled{opacity:.5;cursor:not-allowed}@media(max-width:760px){.story-grid{grid-template-columns:1fr;gap:24px}.product-page{gap:30px}.story-page h1{margin-bottom:30px}header nav{gap:16px;font-size:12px}}

.story-link{display:inline-block;color:var(--cream);border-bottom:1px solid currentColor;padding-bottom:6px;margin-top:12px}.color-button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.jacket-sprite{background-repeat:no-repeat;min-height:250px}.hero-copy h1{font-size:clamp(58px,6vw,100px)}

.view-buttons{display:flex;gap:10px;margin-bottom:18px}.view-buttons button{padding:12px 24px;background:transparent;border:1px solid #777}.view-buttons button[aria-pressed=true]{background:var(--green);color:white}

.hat-film{padding:56px 7%;background:#eaece3}.hat-film video{display:block;width:100%;max-width:1100px;aspect-ratio:16/9;background:#193d31;border-radius:8px;margin:24px 0}.hat-film p{max-width:780px}.hat-film h2{max-width:850px}

[hidden]{display:none!important}.view-buttons{display:flex;gap:10px;margin-bottom:18px}.view-buttons button{padding:12px 24px;background:transparent;border:1px solid #777}.view-buttons button[aria-pressed=true]{background:var(--green);color:white}.page-nav{flex-wrap:wrap}.story-intro{background:var(--green);color:var(--cream);padding:65px 7%}.story-intro p{max-width:850px;color:#e0e4db;font-size:17px}.story-intro h2{max-width:900px}.category-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.category-cards img{width:100%;aspect-ratio:1;object-fit:contain;background:white}.product-copy p{max-width:650px}.product-copy select{padding:12px;background:transparent;border:1px solid #999;min-width:180px}.product-copy .solid{margin:24px 0}.product-copy h1{font-size:clamp(36px,4vw,58px)}.product-photo{width:100%}.jacket-sprite{width:100%;aspect-ratio:1;background-size:300% 500%;background-repeat:no-repeat;background-image:url(/assets/jacket-colors.webp)}.option-group{border:0;padding:0;margin:20px 0}.color-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.color-button{border:1px solid #aaa;border-radius:24px;padding:9px 13px;background:transparent}.color-button[aria-pressed=true]{background:var(--green);color:white}.product-page{display:grid;grid-template-columns:1fr 1fr;gap:50px}.story-page .story-grid img{width:100%}.price{font-size:25px}.section-top{gap:24px;flex-wrap:wrap}@media(max-width:760px){header{gap:20px;align-items:flex-start}.page-nav{gap:13px}.category-cards,.product-page,.story-grid{grid-template-columns:1fr}.hero{min-height:0}.hero-copy{padding:50px 7%}.hero-photo{min-height:440px}.story-intro{padding:45px 7%}}
.hat-film{padding:56px 7%;background:#eaece3}.hat-film video{display:block;width:100%;max-width:1100px;aspect-ratio:16/9;background:#193d31;border-radius:8px;margin:24px 0}.hat-film p{max-width:780px}.hat-film h2{max-width:850px}

.jacket-views{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#fff;padding:16px}.jacket-views figure{margin:0;align-self:end}.jacket-views figcaption{text-align:center;font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:12px 0}.jacket-front{background-image:url(/assets/jacket-front-colors.webp);background-size:300% 558.62069%;aspect-ratio:324 / 290}.jacket-back{background-image:url(/assets/jacket-colors.webp);background-size:300% 500%;aspect-ratio:1}.jacket-all-views{margin-top:24px}.jacket-all-views summary{cursor:pointer;padding:16px 0}.jacket-all-views img{width:100%;height:auto}

.jackets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:640px){.jackets-grid{grid-template-columns:1fr}}.color-preview{width:100%;aspect-ratio:1;background-size:300% 200%;background-repeat:no-repeat;background-color:white}.additional-models[hidden],#productPhoto[hidden],#colorPreview[hidden]{display:none}.available-colors{font-size:13px;line-height:1.8;color:#565b54;letter-spacing:0}.available-colors strong{font-size:11px;text-transform:uppercase;letter-spacing:1px}.model-picture{aspect-ratio:4/3!important;background:#eee7dc}.model-picture img{width:100%;height:100%;object-fit:cover}.card-model-pair{display:grid;grid-template-columns:1fr 1fr;width:100%;height:100%}.model-person{background-size:200% 200%;background-repeat:no-repeat;aspect-ratio:2/3}.modeled-jacket-pair{aspect-ratio:4/3;background-size:100% 200%;background-repeat:no-repeat;background-color:#eee7dc}.jacket-models{display:grid;gap:20px}.jacket-models figure{margin:0}.jacket-models figcaption{text-align:center;padding:8px;font-size:12px;letter-spacing:1px}.product-photo{height:auto}.product-copy .available-colors{padding:14px 0;border-top:1px solid #d8d4ca;border-bottom:1px solid #d8d4ca}

.help-content{max-width:1000px;margin:auto}.help-content section{padding-top:32px;scroll-margin-top:24px}.help-content p{line-height:1.75}.help-content a{text-decoration:underline}.help-content h3{margin-top:28px}

/* Spacious, responsive storefront footer. */
footer.site-footer{display:block;padding:64px 6% 24px;background:var(--ink);color:var(--cream)}
.site-footer .footer-main{display:grid;grid-template-columns:1.3fr 0.8fr 1.1fr 1.2fr;gap:40px;max-width:1400px;margin:0 auto;padding-bottom:44px;align-items:start}
.site-footer .footer-main>div{min-width:0}
.site-footer .brand{display:inline-block;font-size:30px;line-height:1.1;letter-spacing:-1px}
.site-footer .brand small{font-size:9px;letter-spacing:2px;line-height:1.6;margin-top:8px}
.site-footer p{font-size:13px;line-height:1.8;color:#c6c8c1;margin:18px 0 12px}
.site-footer .footer-group h2{font-family:Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;line-height:1.6;margin:0 0 16px;color:var(--cream)}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{margin:0}
.site-footer a:not(.brand){font-size:13px;line-height:1.6;letter-spacing:0}
.site-footer li a{display:inline-flex;align-items:center;min-height:40px;padding:6px 0;color:#d8dbd2}
.site-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.site-footer .footer-story{display:inline-block;padding:8px 0;color:#e2e5da}
.site-footer .footer-contact p{margin:0 0 12px}
.site-footer .footer-contact>a{display:inline-block;overflow-wrap:anywhere;padding:8px 0;color:var(--cream)}
.site-footer .footer-bottom{max-width:1400px;margin:0 auto;border-top:1px solid #ffffff26;padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:16px 32px;flex-wrap:wrap}
.site-footer .footer-bottom p{margin:0;font-size:11px}
.site-footer .footer-bottom a{font-size:12px;padding:10px 0;color:#d8dbd2}
@media(max-width:1000px){.site-footer .footer-main{grid-template-columns:1fr 1fr;gap:36px 48px}}
@media(max-width:540px){footer.site-footer{padding:44px 6% 20px}.site-footer .footer-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px 20px;padding-bottom:30px}.site-footer .footer-intro,.site-footer .footer-contact{grid-column:1/-1}.site-footer .footer-group h2{margin-bottom:10px;font-size:11px}.site-footer li a{min-height:44px}.site-footer .footer-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding-top:20px}.site-footer .footer-bottom p{line-height:1.8}}
