@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600&family=Libre+Caslon+Display&display=swap');
:root{--ink:#171b19;--paper:#fffef8;--stone:#efeee7;--muted:#686a62;--line:#d9d9cf;--serif:'Libre Caslon Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid #9a8553;outline-offset:7px}.skip{position:absolute;left:16px;top:-100px;z-index:10;background:var(--paper);padding:10px}.skip:focus{top:16px}.topline{background:var(--ink);color:#e1e3d9;text-align:center;font-size:12px;letter-spacing:.18em;padding:9px 20px}.topline span{padding:0 13px}.header{padding:29px 5.6%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:block;width:265px;flex-shrink:0}.brand svg{display:block;width:100%;height:auto;mix-blend-mode:multiply}nav{display:flex;align-items:center;gap:34px;font-size:14px}nav a{transition:opacity .2s}nav a:hover{opacity:.55}.nav-contact{border-bottom:1px solid var(--ink);padding-bottom:6px}.nav-contact span{margin-left:24px}.hero{margin:0 24px;background:var(--ink);color:var(--paper);min-height:660px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.hero-copy{padding:66px 8.5% 31px 8.3%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.19em;margin:0 0 27px;line-height:1.6}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h1{font-size:clamp(58px,5.8vw,94px);line-height:.98;letter-spacing:-.035em;margin-bottom:28px}em{font-style:italic}h1 em{color:#c5c9b9}.intro{font-size:16px;line-height:1.7;color:#c9cdc4;max-width:335px;margin-bottom:30px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:45px;padding:15px 23px;font-size:14px;transition:background .2s,color .2s}.button.light{background:var(--paper);color:var(--ink)}.button.light:hover{background:#c5c9b9}.button.dark{background:var(--ink);color:var(--paper)}.button.dark:hover{background:#38433b}.hero-foot{display:flex;align-items:center;gap:15px;font-size:12px;letter-spacing:.19em;margin-top:auto;padding-top:44px;color:#c5c9b9}.small-rule{height:1px;background:#868c7e;width:38px}.section{padding:95px 7.5%;scroll-margin-top:20px}.section-top{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);margin-bottom:40px}.section-note{font-size:14px;color:var(--muted)}.collection-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:11%;align-items:center;margin-bottom:43px}h2{font-size:clamp(40px,4vw,64px);line-height:1.1;letter-spacing:-.025em;margin-bottom:0}.collection-heading p{color:var(--muted);max-width:350px;margin-bottom:0}.maker+.collection-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:26px}.collection-bottom p{margin:0;max-width:450px;color:var(--muted);font-size:14px}.story{background:var(--stone);display:grid;grid-template-columns:1.15fr .85fr;gap:10%;padding-top:92px;padding-bottom:85px}.story h2{font-size:clamp(40px,4.2vw,66px)}.location{border-top:1px solid #c9cbbf;max-width:390px;margin-top:70px;padding-top:18px;font-size:12px;letter-spacing:.12em;display:flex;justify-content:space-between;gap:14px}.location span{color:var(--muted);letter-spacing:.04em}.story-copy{padding-top:44px}.story-copy p{color:#5e6259;margin-bottom:22px}.story-copy .large-copy{font-family:var(--serif);font-size:34px;line-height:1.22;color:var(--ink);margin-bottom:28px}.story-copy .signature{font-family:var(--serif);font-style:italic;font-size:32px;color:var(--ink);margin:32px 0 0}.contact{padding-top:90px;padding-bottom:95px}.contact-row{display:grid;grid-template-columns:1.2fr .8fr;gap:11%;align-items:center}.contact h2{font-size:clamp(38px,3.8vw,60px)}.contact-copy>p{color:var(--muted);margin-bottom:25px}.contact-pending{font-size:14px;color:var(--muted);margin:0;border-top:1px solid var(--line);padding-top:18px}footer{background:var(--ink);color:var(--paper);padding:46px 5.6% 25px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px}.footer-brand{font-family:Georgia,serif;font-size:24px;letter-spacing:.08em;line-height:1.2;width:max-content}.footer-brand span{display:block;text-align:center;font-size:14px;letter-spacing:.2em;margin-top:6px}.footer-center{font-size:12px;letter-spacing:.08em;text-align:center;color:#bdc3b7}.footer-center span{display:block;margin-top:5px;font:italic 19px var(--serif);letter-spacing:0}footer>p{font-size:12px;text-align:right;margin:0;color:#c5c9bf}footer>p span{color:#a2a99c}
@media(min-width:1700px){.hero{max-width:1680px;margin:auto}.header,.section,footer{padding-left:max(7.5%,calc((100vw - 1450px)/2));padding-right:max(7.5%,calc((100vw - 1450px)/2))}.hero-copy{padding-left:80px}}@media(max-width:900px){.header{padding:24px 5%}.brand{width:225px}nav{gap:20px}.hero{margin:0 16px;min-height:610px}.hero-copy{padding:48px 8% 28px}h1{font-size:65px}.section{padding:70px 6%}.collection-heading,.contact-row{gap:7%}.story{gap:7%}.location{flex-direction:column;gap:4px}footer{gap:20px}.footer-brand{font-size:20px}}@media(max-width:620px){.topline{font-size:10px;letter-spacing:.13em;padding:8px}.header{padding:22px 6%;flex-wrap:wrap;justify-content:center;gap:19px}.brand{width:250px}nav{width:100%;justify-content:space-between;gap:10px;font-size:13px}.nav-contact{padding-bottom:0;border:0}.nav-contact span{margin-left:8px}.hero{grid-template-columns:1fr;margin:0 12px}.hero-copy{padding:39px 8% 28px}h1{font-size:clamp(56px,13.8vw,82px);line-height:1.02}.hero .eyebrow{margin-bottom:22px}.intro{max-width:100%;font-size:16px}.hero-foot{padding-top:34px}.section{padding:58px 7%}.section-top{margin-bottom:29px}.section-top .eyebrow{margin-bottom:20px}.section-note{display:none}.collection-heading,.story,.contact-row{grid-template-columns:1fr;gap:25px}.collection-heading{margin-bottom:30px}.collection-heading p{max-width:none}h2,.story h2,.contact h2{font-size:43px}.maker+.collection-bottom{align-items:flex-start;flex-direction:column;gap:12px}.location{margin-top:32px;flex-direction:row;font-size:10px}.story-copy{padding-top:10px}.story-copy .large-copy{font-size:32px}.contact .eyebrow{margin-bottom:24px}footer{grid-template-columns:1fr;text-align:center;padding:40px 7% 25px;gap:27px}.footer-brand{margin:auto;font-size:25px}footer>p{text-align:center}.button{min-height:50px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* A typography-led introduction to the family business. */
.hero{display:block;min-height:0;background:#171b19}
.hero-copy{max-width:1300px;margin:auto;align-items:center;text-align:center;padding:80px 7% 50px}
.hero h1{font-size:clamp(60px,7.5vw,116px);line-height:1.07;margin-bottom:28px}
.hero .intro{max-width:470px;margin-bottom:31px}
.hero-foot{padding-top:51px}
.collection-bottom{border-top:1px solid var(--line)}
@media(max-width:620px){.hero-copy{padding:49px 7% 36px}.hero h1{font-size:clamp(47px,12.5vw,72px);line-height:1.08}.hero-foot{padding-top:36px}.hero .button{gap:22px;padding:14px 18px}.collection-bottom{gap:20px}.topline,.location{font-size:12px}.location{flex-wrap:wrap}.topline{letter-spacing:.07em}}
/* Remove decorative arrows from buttons and contact navigation */
.button > span[aria-hidden="true"],
.nav-contact > span[aria-hidden="true"] {
  display: none;
}

/* Understated collection buttons */
.button[href*="ebay.com"] {
  justify-content: center;
  gap: 0;
  min-height: 52px;
  min-width: 220px;
  max-width: 100%;
  padding: 16px 32px;
  border: 1px solid currentColor;
  border-radius: 0;
  background: transparent;
  color: var(--ink);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.4;
  text-align: center;
  text-transform: uppercase;
  transition: background-color 180ms ease, color 180ms ease;
}

.hero .button[href*="ebay.com"] {
  color: var(--paper);
}

/* Restore spacing around the lower collection link */
.collection-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-top: 28px;
}

#store-link {
  flex-shrink: 0;
}

@media (hover: hover) {
  .button[href*="ebay.com"]:hover {
    background: var(--ink);
    color: var(--paper);
  }

  .hero .button[href*="ebay.com"]:hover {
    background: var(--paper);
    color: var(--ink);
  }
}

/* Comfortable, full-width buttons on phones */
@media (max-width: 620px) {
  .collection-bottom {
    flex-direction: column;
    align-items: stretch;
  }

  #store-link,
  .button[href*="ebay.com"] {
    width: 100%;
    min-width: 0;
  }
}
.button {
  justify-content: center;
  gap: 0;
}