/* Shared foundations; section-owned rules live in modules/. */
:root {--paper:#f5f3ec;--ink:#223729;--muted:#73756b;--line:#dcded1;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',sans-serif}
html {background:var(--paper);scroll-behavior:smooth}
body {color:var(--ink);background:var(--paper)}
[hidden] {display:none!important}
.v11-version {display:flex;justify-content:space-between;padding:9px 4%;background:#23392c;color:#eeeede;font-size:10px;letter-spacing:.12em}
.v11-version a {color:inherit;letter-spacing:0}
.demo-banner {font-size:10px;padding:6px 16px;background:#eae9df;color:#6c7068}
.v11-header {height:88px;padding:0 4%;gap:20px;position:relative;top:0;background:var(--paper);z-index:20}
.v11-header .brand {display:flex;align-items:center;gap:12px;width:220px;min-width:190px}
.v11-header .brand img:not(.v11-mark) {width:170px;height:auto}
.v11-header .brand .v11-mark {width:30px;height:32px;object-fit:contain}
.v11-header .desktop-nav {gap:20px}
.v11-nav-group {position:relative;display:flex;align-items:center;gap:3px;padding:28px 0;font-size:15px}
.v11-nav-more {border:0;background:none;padding:4px;color:inherit;cursor:pointer}
.v11-dropdown {display:none;position:absolute;top:100%;left:-18px;width:240px;background:var(--paper);padding:20px;box-shadow:0 8px 22px #243b2b16;border:1px solid var(--line)}
.v11-nav-group:hover .v11-dropdown,.v11-nav-group:focus-within .v11-dropdown,.v11-nav-group.open .v11-dropdown {display:grid;gap:15px}
.v11-dropdown a {font-size:12px}
.header-actions {gap:16px}
.v11-account-link {font-size:23px}
.v11-header .mobile-nav {top:88px}
.v11-header .mobile-nav details {border-bottom:1px solid var(--line);padding:14px}
.v11-header .mobile-nav summary {font-size:20px;cursor:pointer}
.v11-header .mobile-nav details a {font-size:15px;padding:10px 0}
.section {padding:75px 6%;max-width:1600px;margin:auto}
.v11-link {display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding:8px 0;text-decoration:none;color:inherit;font-size:13px;background:none;cursor:pointer}
.v11-light {color:white;border-color:#ffffff77}
.v11-heading {margin-bottom:46px;max-width:850px}
.v11-heading h1 {font-family:var(--serif);font-size:clamp(40px,6.5vw,82px);font-weight:400;line-height:1.05;letter-spacing:-.035em;margin:17px 0 23px}
.v11-heading>p:last-child {max-width:670px;line-height:1.8;color:var(--muted)}
.v11-hero {position:relative;min-height:550px;height:min(720px,69vw);max-height:78vh;margin:0;overflow:hidden;background:#344735}
.v11-hero>img {width:100%;height:100%;object-fit:cover;position:absolute}
.v11-hero-shade {position:absolute;inset:0;background:linear-gradient(90deg,#15261983,transparent 85%),linear-gradient(0deg,#14261977,transparent 60%)}
.v11-hero-copy {position:absolute;top:22%;left:6%;color:#fff;max-width:83%}
.v11-hero-copy h1 {font-family:var(--serif);font-size:clamp(52px,7.7vw,110px);font-weight:400;line-height:.99;letter-spacing:-.04em;margin:23px 0 32px}
.v11-hero-copy em {font-weight:400}
.v11-hero-actions {display:flex;gap:30px;align-items:center;flex-wrap:wrap}
.v11-hero-foot {position:absolute;bottom:28px;left:6%;right:6%;display:flex;justify-content:space-between;color:#fff;font-size:10px;letter-spacing:.16em}
.v11-intro {display:grid;grid-template-columns:1fr 2.2fr 1.8fr;gap:45px;align-items:start}
.v11-intro h2,.v11-section-head h2,.v11-origin h2,.v11-founders h2,.v11-compass-invite h2 {font-family:var(--serif);font-size:clamp(32px,4vw,54px);font-weight:400;line-height:1.1;letter-spacing:-.025em;margin:0 0 22px}
.v11-intro p {margin-top:0;line-height:1.85}
.v11-section-head {display:flex;justify-content:space-between;gap:25px;align-items:flex-end;margin-bottom:35px}
.v11-section-head h2 {margin-bottom:0}
.v11-section-head>.v11-link {flex-shrink:0}
.eyebrow {font-size:11px;letter-spacing:.12em}
.v11-collection {border-top:1px solid var(--line)}
.product-grid {gap:26px}
.product-card h3 {font-size:30px}
.product-picture {aspect-ratio:1.1}
.product-bottom {font-size:12px}
.v11-origin {display:grid;grid-template-columns:1.3fr 1fr;margin:75px 6% 0;background:#eae9df}
.v11-origin figure {margin:0;aspect-ratio:1.35;overflow:hidden}
.v11-origin figure img {width:100%;height:100%;object-fit:cover}
.v11-origin>div {padding:55px 12%;align-self:center}
.v11-origin>div>p:not(.eyebrow) {line-height:1.9;font-size:14px}
.v11-origin-links {display:flex;gap:25px;flex-wrap:wrap}
.v11-tables {padding-bottom:35px}
.v11-partners {border-top:1px solid var(--line)}
.v11-partner-categories {display:grid;grid-template-columns:repeat(4,1fr);gap:35px}
.v11-partner-categories a {font-family:var(--serif);font-size:28px}
.v11-newsletter {padding:50px 6%;background:#e5e7dc}
.v11-newsletter h2 {font-family:var(--serif);font-size:44px;font-weight:400}
.v11-footer {padding:50px 6% 20px}
.v11-footer-grid {display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.v11-footer-grid>div {display:flex;flex-direction:column;align-items:flex-start;gap:7px;font-size:12px}
.v11-footer-grid a {font-size:12px;border:0;padding:3px 0}
.v11-footer-brand {display:flex;align-items:center;gap:12px}
.v11-footer-bottom {display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;margin-top:40px;font-size:11px}
.v11-collection-links {display:flex;gap:25px;flex-wrap:wrap;padding:10px 0 25px}
.v11-small {font-size:12px;line-height:1.7;color:var(--muted)}
button:disabled {opacity:.4;cursor:default}
.v11-coming {background:#e9ece1}
.v11-place-maker {margin:40px 0;padding-top:35px;border-top:1px solid var(--line)}
.v11-place-maker>p:not(.eyebrow) {line-height:1.8;max-width:800px}
.v11-place-maker .product-grid {margin-top:30px}
.v11-discovery-layout {display:grid;grid-template-columns:1fr 1fr;gap:50px;line-height:1.9;margin-bottom:40px}
.v11-discovery-layout img {width:100%;height:350px;object-fit:cover}
.v11-discovery-layout h2 {font-family:var(--serif);font-size:45px;font-weight:400}
.v11-discovery-layout a {margin-right:20px}
.v11-account {max-width:980px}
.v11-member-login,.v11-member-profile {max-width:650px;background:#e9ece1;padding:35px}
.v11-account form {display:grid;gap:20px;margin:25px 0}
.v11-account form label:not(.check-label) {display:grid;gap:8px;font-size:13px}
.v11-account input:not([type=checkbox]) {width:100%;padding:15px;background:#f5f3ec;border:1px solid #cfd6c6;font-size:15px}
.v11-preview-code {padding:15px;background:#f5f3ec;font-size:14px}
.v11-preview-code strong {font-size:24px;letter-spacing:.15em}
.v11-preview-code small {display:block;margin-top:8px}
.ed-chapter-number {display:none}
.ed-heading h1 {font-size:clamp(40px,6vw,80px)}
@media(min-width:1600px) {
.v11-hero {max-width:none;margin:0}
.v11-origin {max-width:1400px;margin:75px auto 0}
}
@media(max-width:1150px) {
.v11-header .desktop-nav {gap:10px}
.v11-nav-group {font-size:12px}
.v11-header .brand {min-width:160px;width:170px}
.v11-header .brand img:not(.v11-mark) {width:140px}
.v11-header {padding:0 3%;gap:10px}
.header-actions {gap:10px}
.v11-intro {grid-template-columns:1fr 1.4fr;gap:30px}
.v11-intro>.eyebrow {grid-column:1/-1;margin-bottom:0}
.v11-section-head h2 {font-size:42px}
.v11-footer-grid {grid-template-columns:1.5fr 1fr 1fr;gap:20px}
}
@media(max-width:900px) {
.v11-header .desktop-nav {display:none}
.v11-header .menu-button {display:flex}
.v11-header .brand {width:auto;flex:1}
.v11-origin>div {padding:35px 10%}
.v11-partner-categories {gap:20px}
}
@media(max-width:600px) {
.v11-version {font-size:9px;padding:9px 5%;letter-spacing:.05em}
.v11-version>span:nth-child(2) {display:none}
.v11-header {height:72px;padding:0 5%;gap:8px}
.v11-header .brand {min-width:120px;gap:8px}
.v11-header .brand img:not(.v11-mark) {width:125px}
.v11-header .brand .v11-mark {width:24px}
.header-actions {gap:8px}
.v11-account-link {font-size:21px}
.header-actions select {max-width:51px;font-size:11px;padding:5px}
.bag-button svg {width:21px}
.bag-button {gap:3px}
.v11-header .mobile-nav {top:72px}
.section {padding:45px 5%}
.v11-hero {margin:0;height:520px;min-height:0;max-height:none}
.v11-hero-copy {top:25%;left:7%;max-width:87%}
.v11-hero-copy h1 {font-size:53px;margin:22px 0 30px}
.v11-hero-actions {gap:15px}
.v11-hero-actions .button {font-size:11px;padding:14px 18px}
.v11-hero-actions>.v11-link {font-size:11px;gap:10px}
.v11-hero-foot {font-size:8px;bottom:24px}
.v11-hero-foot>span:last-child {display:none}
.v11-intro {display:block}
.v11-intro h2 {font-size:40px;margin:22px 0}
.v11-intro>div {margin-top:24px}
.v11-section-head {display:block;margin-bottom:25px}
.v11-section-head h2 {font-size:40px}
.v11-section-head>.v11-link {margin-top:18px}
.v11-collection .product-grid {grid-template-columns:1fr;gap:32px}
.product-card h3 {font-size:32px}
.product-picture {aspect-ratio:1.15}
.v11-origin {display:block;margin:45px 5% 0}
.v11-origin figure {aspect-ratio:1.5}
.v11-origin>div {padding:30px}
.v11-origin h2 {font-size:38px}
.v11-partner-categories {grid-template-columns:1fr 1fr;gap:20px}
.v11-partner-categories a {font-size:25px}
.v11-newsletter {padding:40px 5%;display:block}
.v11-newsletter h2 {font-size:36px}
.v11-newsletter form {margin-top:25px}
.v11-footer {padding:40px 5% 20px}
.v11-footer-grid {grid-template-columns:1fr 1fr;gap:30px}
.v11-footer-grid>div:first-child {grid-column:1/-1}
.v11-heading h1 {font-size:48px}
.v11-heading {margin-bottom:30px}
.v11-discovery-layout {grid-template-columns:1fr;gap:25px}
.v11-member-login,.v11-member-profile {padding:25px}
.v11-place-maker .product-grid {grid-template-columns:1fr}
.ed-heading h1 {font-size:46px}
.v11-footer-bottom {font-size:9px}
}
@media(max-width:350px) {
.v11-header .brand img:not(.v11-mark) {width:108px}
.v11-header .brand {min-width:112px}
.header-actions {gap:5px}
.v11-account-link {font-size:19px}
.v11-hero-copy h1 {font-size:46px}
.v11-hero-actions {display:block}
.v11-hero-actions>.v11-link {margin-top:15px}
.v11-partner-categories {grid-template-columns:1fr}
.v11-heading h1 {font-size:42px}
}
html[data-editing=true] .v11-editable {cursor:text;outline:1px dashed #647b58;outline-offset:3px}
html[data-editing=true] .v11-editable:hover,html[data-editing=true] .v11-edit-selected {background:#dfebd9;color:#233d2b;outline:2px solid #738762}
.v11-header .menu-button {flex-direction:column;gap:5px;justify-content:center;align-items:center;min-height:40px;flex-shrink:0}
.v11-header .menu-button span {width:24px;height:1px;margin:0;flex-shrink:0}
.v11-header .header-actions select {min-width:48px}

/* Align the release note with the wordmark's visible lower edge. */
.v11-wordmark {display:inline-flex;align-items:flex-end;gap:7px;flex-shrink:0;line-height:0}
.v11-beta {align-self:flex-end;margin:0 0 1.5px;color:var(--muted);font:500 10px/1 var(--sans);letter-spacing:.06em;white-space:nowrap}