/* Soberly identity and responsive product presentation. */
.nav { background:#fff !important; }
.nav-inner { min-height:94px; }
.nav-logo { flex-shrink:0; }
.soberly-logo { display:block; width:200px; height:auto; }
.footer-wordmark .soberly-logo { width:240px; border-radius:6px; }
.soberly-can-front { display:block; overflow:hidden; width:280px; aspect-ratio:642/1225; background:#fff; border-radius:8px; flex-shrink:0; }
.soberly-can-front img { display:block !important; width:200% !important; max-width:none !important; height:100% !important; max-height:none !important; object-fit:fill !important; margin:0 !important; transform:none !important; }
[data-page="index"] .hero { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:3rem; min-height:740px; padding:140px max(5vw,24px) 60px; background:linear-gradient(135deg,#f8f2e7,#edf5f5); }
[data-page="index"] .hero-content { position:static; padding:0; margin:0; max-width:650px; width:auto; color:#103057; transform:none; }
[data-page="index"] .hero-heading { color:#103057; font-size:clamp(3.1rem,5.8vw,5.6rem); }
[data-page="index"] .hero-heading em { color:#337f91; }
[data-page="index"] .hero-eyebrow, [data-page="index"] .hero-sub { color:#25445b; }
[data-page="index"] .hero .btn-ghost { color:#103057; border-color:#103057; }
.soberly-hero-visual { text-align:center; }
.soberly-hero-visual a { display:inline-block; box-shadow:0 18px 55px #17364a1a; border-radius:10px; }
.soberly-hero-visual .soberly-can-front { width:clamp(230px,24vw,300px); }
.soberly-hero-visual p { color:#103057; margin-top:18px; font-size:1rem; }
[data-page="index"] .hero-scroll-hint { display:none; }
.can-card .can-card-image { display:flex; justify-content:center; align-items:center; padding:1rem; min-height:330px; }
.can-card .can-card-image .soberly-art { width:100%; height:300px; object-fit:contain; }
.can-card .soberly-can-front { width:160px; }
.can-scroll-img-wrap { display:flex; align-items:center; justify-content:center; }
.can-scroll-img-wrap .soberly-art { width:100%; height:250px; object-fit:contain; }
.can-scroll-img-wrap .soberly-can-front { width:130px; }
.inside-can .soberly-can-front { width:180px; margin:auto; }
.art-pairing-can .soberly-can-front { width:200px; margin:auto; }
@media(max-width:900px) {
 .nav-inner { min-height:80px; }
 .soberly-logo { width:170px; }
 [data-page="index"] .hero { grid-template-columns:1fr; gap:2rem; padding:120px 24px 48px; min-height:0; }
 [data-page="index"] .hero-content { max-width:640px; margin:auto; text-align:center; }
 [data-page="index"] .hero-actions { justify-content:center; }
 [data-page="index"] .hero-heading { font-size:clamp(3rem,9vw,4.5rem); }
 .soberly-hero-visual .soberly-can-front { width:210px; }
}
@media(max-width:400px) { .soberly-logo { width:145px; } }
.nav .nav-links a { color:#103057 !important; }
.nav .nav-toggle { color:#103057 !important; border-color:#103057 !important; }
.nav .mobile-nav-guide { color:#103057 !important; }
[data-page="index"] .hero .btn-primary { background:#103057; color:#fff; }
[data-page="index"] .hero .btn-ghost { background:transparent; }


/* Keep the new identity clear of the old two-column mobile hero. */
.nav .mobile-nav-guide { display:none; }
[data-page="index"] .hero-opening { display:block; max-width:none; }
[data-page="index"] .hero-opening .hero-eyebrow { margin-bottom:1.5rem; }
[data-page="index"] .hero-heading { max-width:none; }
.soberly-wholesale { padding:clamp(3rem,7vw,6rem) 0; background:#f5efe3; color:#103057; }
.soberly-wholesale-grid { display:grid; grid-template-columns:1.2fr 1fr; gap:clamp(2rem,5vw,5rem); align-items:center; }
.soberly-wholesale h2 { font-family:var(--font-display); font-size:clamp(2.3rem,4vw,3.8rem); line-height:1.08; margin:1rem 0 1.5rem; }
.soberly-wholesale h2 em { color:#337f91; }
.soberly-wholesale p { font-size:1.1rem; line-height:1.7; margin:0 0 1.5rem; max-width:52ch; }
.soberly-wholesale .btn-primary { background:#103057; color:#fff; }
.soberly-wholesale-details { padding:clamp(1.4rem,3vw,2.5rem); border:1px solid #cbd9d7; border-radius:18px; background:#e8f0ed; }
.soberly-wholesale-details h3 { font-family:var(--font-display); font-size:2rem; margin:0 0 1rem; }
.soberly-wholesale-details ul { padding-left:1.2rem; line-height:1.7; }
.soberly-wholesale-details li + li { margin-top:.6rem; }
@media(max-width:900px) {
 [data-page="index"] .hero { padding-top:calc(var(--nav-height,104px) + 2rem); }
 [data-page="index"] .hero-content { min-width:0; width:100%; }
 [data-page="index"] .hero-opening { display:block; margin-bottom:1rem; }
 [data-page="index"] .hero-opening .hero-heading { font-size:clamp(2.8rem,9vw,4.5rem); }
 [data-page="index"] .hero-opening .hero-eyebrow { font-size:.7rem; }
 .soberly-wholesale-grid { grid-template-columns:1fr; }
}

/* A restrained coastal palette keeps the original artwork in focus. */
:root { --color-bg:#fff; }
body { background:#fff; }
.nav { border-bottom:1px solid #e6ebec; box-shadow:none; }
.nav-inner { min-height:88px; }
.soberly-logo { width:184px; }
[data-page="index"] .hero { grid-template-columns:1fr 1.15fr; gap:2rem; padding:150px max(5vw,24px) 64px; min-height:680px; background:linear-gradient(115deg,#fff 35%,#edf6f7); }
[data-page="index"] .hero-heading { font-size:clamp(3.3rem,5.4vw,5.3rem); line-height:1.02; letter-spacing:-.025em; }
[data-page="index"] .hero-eyebrow { display:flex; flex-wrap:wrap; gap:.5rem; font-size:.65rem; letter-spacing:.16em; }
[data-page="index"] .hero-sub { font-size:1.1rem; line-height:1.65; max-width:35ch; margin:1.6rem 0; }
.soberly-hero-cans { display:flex; align-items:flex-end; justify-content:center; padding:20px 0; }
.soberly-hero-cans a { display:block; width:32%; box-shadow:none; border-radius:0; mix-blend-mode:multiply; }
.soberly-hero-cans a:nth-child(2) { width:36%; transform:translateY(-24px); }
.soberly-hero-cans .soberly-can-front { width:100%; border-radius:0; }
.soberly-hero-visual p { font-size:.78rem; letter-spacing:.05em; margin-top:12px; }
.soberly-can-front { aspect-ratio:642/1225; }
.soberly-can-front img { object-fit:contain !important; }
.credential-bar { background:#103057; padding:18px 0; }
.credential-bar-inner { justify-content:center; gap:2rem; }
[data-page="index"] .products { padding:72px 0; background:#fff; }
.section-header h2 { font-size:clamp(2.4rem,4vw,3.5rem); }
[data-page="index"] .products .section-header { margin-bottom:28px; }
[data-page="index"] .lineup-choice { display:none; }
[data-page="index"] .products .can-scroll-track { overflow:visible; padding:0 max(3vw,20px); }
[data-page="index"] .products .can-scroll-inner { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:12px; width:100%; max-width:1400px; margin:auto; padding:0; }
[data-page="index"] .products .can-scroll-card { width:100%; min-width:0; gap:8px; padding:0 0 20px; }
[data-page="index"] .products .can-scroll-img-wrap { width:100%; height:auto; padding:12px 0; overflow:hidden; }
[data-page="index"] .products .soberly-can-front { width:100%; max-width:165px; }
.can-scroll-name { font-size:1.15rem; text-align:center; line-height:1.2; }
.can-scroll-flavor { font-size:.8rem; text-align:center; }
.can-scroll-state { font-size:.6rem; letter-spacing:.15em; }
.can-scroll-flagship-badge { display:none; }
.products-note { margin-top:28px; }
[data-page="index"] .inside-refresh { background:#f0f6f6; padding:72px 0; }
[data-page="index"] .about { padding:80px 0; background:#fff; }
.founders-intro { padding:0 !important; background:#fff; }
.founders-intro img { display:block; width:100%; height:auto; max-height:430px; object-fit:contain; }
.founders-intro p { font-size:.8rem; padding:16px; text-align:center; }
.founders-names { display:none; }
.founders-visual { background:#fff; border:0; box-shadow:none; }
.giving-spotlight { padding:56px 0; }
.fullbleed-divider { max-height:300px; }
.soberly-wholesale { background:#f0f6f6; }
.soberly-wholesale-details { background:#fff; border-radius:8px; }
.page-hero-dark { background:#103057; }
.can-collection-grid { gap:24px; }
.can-card { background:#fff; border:1px solid #e0e8e9; border-radius:10px; }
.can-card .can-card-image { padding:28px 20px 12px; min-height:0; }
.can-card .soberly-can-front { width:190px; max-width:100%; }
.can-card-info { padding:24px; }
.can-card-name { font-size:1.9rem; }
.can-card-format { font-size:.65rem; }
.can-card-desc { color:#52616b; }
.can-card:target { outline:2px solid #337f91; outline-offset:4px; }
a:focus-visible,button:focus-visible { outline:3px solid #337f91; outline-offset:5px; }
@media(max-width:1100px) {
 [data-page="index"] .products .can-scroll-inner { grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px 12px; }
}
@media(max-width:900px) {
 [data-page="index"] .hero { grid-template-columns:1fr; padding:calc(var(--nav-height,88px) + 36px) 24px 40px; min-height:0; gap:32px; }
 [data-page="index"] .hero-content { text-align:center; max-width:600px; }
 [data-page="index"] .hero-eyebrow { justify-content:center; }
 [data-page="index"] .hero-sub { margin:20px auto; }
 [data-page="index"] .hero-opening .hero-heading { font-size:clamp(2.8rem,8vw,4.4rem); }
 .soberly-hero-visual { max-width:460px; width:100%; margin:auto; }
 .soberly-hero-cans { padding-top:18px; }
 .credential-bar-inner { gap:12px; flex-wrap:wrap; }
 .credential-item { font-size:.6rem; }
 .credential-divider { display:none; }
}
@media(max-width:540px) {
 .soberly-logo { width:150px; }
 .nav-inner { min-height:78px; }
 [data-page="index"] .hero-actions { gap:12px; }
 [data-page="index"] .hero-actions .btn { padding:13px 19px; font-size:.8rem; }
 [data-page="index"] .products { padding:48px 0; }
 [data-page="index"] .products .can-scroll-inner { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 10px; }
 [data-page="index"] .products .soberly-can-front { max-width:145px; }
 .can-collection-grid { grid-template-columns:1fr; }
 .can-card .soberly-can-front { width:180px; }
 [data-page="index"] .inside-refresh,[data-page="index"] .about { padding:48px 0; }
 .soberly-hero-visual p { font-size:.7rem; }
}
@media(prefers-reduced-motion:reduce) { .can-scroll-card { transition:none; } }
[data-page="index"] .products h2,
[data-page="index"] .products .can-scroll-name { color:#103057; }
[data-page="index"] .products p,
[data-page="index"] .products .can-scroll-flavor { color:#435b69; }
[data-page="index"] .products .label,
[data-page="index"] .products .can-scroll-state { color:#337f91; }
.credential-bar-inner { display:flex; flex-wrap:wrap; max-width:1200px; margin:auto; padding:0 20px; }
.credential-bar .credential-item { flex:0 1 auto; }
.credential-bar .credential-item-vt { flex-basis:auto; width:auto; margin:0; }
@media(min-width:901px) { .credential-bar-inner { flex-wrap:nowrap; } }

[data-page="index"] .founders-intro p { color:#435b69 !important; opacity:1; }

[data-page="index"] .products .section-header h2,
[data-page="index"] .products .section-header h2 span { color:#103057 !important; }
[data-page="index"] .products .section-header p,
[data-page="index"] .products .products-note { color:#435b69; }
[data-page="index"] .products .products-note a { color:#27677b !important; }
[data-page="index"] .inside-refresh h2 { color:#103057; }
[data-page="index"] .inside-refresh .label,
[data-page="index"] .inside-refresh dt { color:#27677b; }
[data-page="index"] .inside-refresh .compare-intro p,
[data-page="index"] .inside-refresh dd,
[data-page="index"] .inside-refresh figcaption { color:#435b69; }
[data-page="index"] .inside-refresh .inside-row { border-color:#c6d9dc; }


/* Front views crop the front half of the matching front-and-back proof. */
.soberly-can-front { aspect-ratio:642/1225; background:transparent; border-radius:0; }
.soberly-can-front img { width:200% !important; height:100% !important; object-fit:contain !important; }
.nav .nav-wordmark { color:#103057; font-size:1.65rem; letter-spacing:.08em; }
.footer-wordmark .nav-wordmark { color:#fff; font-size:2rem; letter-spacing:.08em; }

/* Delicate connected script for the website wordmark. */
@font-face { font-family:'Soberly Script'; src:url('/assets/fonts/Sacramento-Regular.ttf') format('truetype'); font-style:normal; font-weight:400; font-display:swap; }
.nav .nav-wordmark, .footer-wordmark .nav-wordmark {
 font-family:'Soberly Script', cursive; font-weight:400; font-style:normal;
 font-synthesis:none; text-transform:none; letter-spacing:0; line-height:1.25;
 display:block; white-space:nowrap; text-shadow:none;
}
.nav .nav-wordmark { font-size:3.4rem; padding:3px 6px 0 0; }
.footer-wordmark .nav-wordmark { font-size:4.2rem; }
.nav-wordmark::before { content:none; display:none; }
@media(max-width:540px) { .nav .nav-wordmark { font-size:3rem; } }

/* Product-led copy, original art, and restrained flavor accents. */
.product-benefits { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:.5rem .85rem; font-size:.95rem; line-height:1.7; margin:1.3rem 0; }
.product-benefits span { white-space:nowrap; }
.product-benefits b { font-weight:400; opacity:.6; }
.credential-bar .product-benefits { color:#fff; margin:0; padding:0 20px; }
.art-discovery { padding:clamp(3rem,7vw,6rem) 0; background:#faf7f0; }
.art-discovery-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(1.2rem,3vw,2.5rem); margin:2rem 0; }
.art-discovery-grid a { display:block; color:#103057; text-decoration:none; }
.art-discovery-grid img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:contain; background:#fff; }
.art-discovery-grid span { display:flex; justify-content:space-between; align-items:baseline; gap:1rem; padding:1rem 0; font-size:1.6rem; font-family:var(--font-display); }
.art-discovery-grid small { font-family:var(--font-body,sans-serif); font-size:.85rem; }
.art-pairing { grid-template-columns:1.5fr 1fr; gap:3rem; align-items:center; }
.art-pairing-piece img { width:100%; height:auto; max-height:none; object-fit:contain; }
#explore-places, .place-card { scroll-margin-top:120px; }
.can-card { border-top:3px solid var(--flavor-accent,#337f91); }
#sandy-beach { --flavor-accent:#8c711b; }
#portland-head-light { --flavor-accent:#55447a; }
#white-mountains { --flavor-accent:#a34566; }
#nantucket { --flavor-accent:#b7652c; }
#cape-cod { --flavor-accent:#9b3a49; }
#minot-light { --flavor-accent:#627e34; }
#casco-bay { --flavor-accent:#337f91; }
.can-card-taste strong { color:var(--flavor-accent,#103057); }
.nav .nav-links { gap:clamp(.65rem,1.3vw,1.4rem); }
.nav .nav-links a { font-size:clamp(.72rem,1vw,.88rem); }
@media(max-width:900px) {
 .art-discovery-grid,.art-pairing { grid-template-columns:1fr; gap:1.5rem; }
 .nav .nav-links a { font-size:1rem; }
}
@media(max-width:540px) {
 .product-benefits { column-gap:.5rem; font-size:.8rem; }
 .product-benefits b { display:none; }
 .product-benefits span { flex-basis:100%; text-align:center; }
 .art-discovery-grid span { font-size:1.4rem; }
}