.about-page { background: #f8f7f4; color: #171717; }
.about-page .editorial-header { background: rgba(255, 255, 255, .97); }
.about-page .editorial-nav .is-current { color: #a78042; }
.about-page .editorial-nav .is-current::after { transform: scaleX(1); }

.about-hero {
    position: relative;
    min-height: 680px;
    overflow: hidden;
    background: #151310;
    color: #fff;
}

.about-hero-image {
    position: absolute;
    inset: 0 0 0 auto;
    width: 56%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: saturate(.7) contrast(1.02);
}

.about-hero-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #151310 0%, #151310 43%, rgba(21,19,16,.82) 58%, rgba(21,19,16,.08) 100%);
}

.about-hero-inner { position: relative; min-height: 680px; padding-top: 56px; padding-bottom: 70px; }
.about-breadcrumb { display: flex; gap: 10px; color: #aaa49b; font-size: 11px; letter-spacing: .06em; }
.about-breadcrumb a:hover { color: #c3a46f; }
.about-hero-copy { position: absolute; top: 50%; left: max(4vw, 20px); width: min(740px, 52vw); transform: translateY(-44%); }
.about-hero-copy .editorial-kicker { color: #c7a66d; }

.about-hero h1,
.about-intro h2,
.about-section-heading h2,
.about-cta h2 {
    margin: 0;
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: 400;
    letter-spacing: -.035em;
}

.about-hero h1 { font-size: clamp(54px, 5.5vw, 90px); line-height: .98; }
.about-hero-copy > p:last-child { max-width: 630px; margin: 32px 0 0; color: #c8c3bc; font-size: 15px; line-height: 1.85; }
.about-hero-year { position: absolute; right: 0; bottom: 48px; display: flex; align-items: flex-end; gap: 16px; padding-left: 28px; border-left: 1px solid rgba(255,255,255,.35); }
.about-hero-year small { padding-bottom: 9px; color: #d5d0c8; font-size: 9px; letter-spacing: .22em; text-transform: uppercase; }
.about-hero-year strong { color: #c4a36c; font-family: Georgia, serif; font-size: 48px; font-weight: 400; line-height: 1; }

.about-intro,
.about-timeline,
.brand-story,
.about-values,
.about-cta { padding: 105px 0; }

.about-intro { background: #fff; }
.about-intro-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(60px, 9vw, 150px); align-items: start; }
.about-intro h2 { font-size: clamp(44px, 4.5vw, 72px); line-height: 1.02; }
.about-intro-copy { padding-top: 28px; border-top: 1px solid #d8d3ca; }
.about-intro-copy p { margin: 0 0 24px; color: #6b665f; font-size: 14px; line-height: 1.9; }
.about-intro-copy .about-lead { color: #26231f; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(22px, 2.1vw, 31px); line-height: 1.55; }
.about-intro-copy strong { color: #1c1a17; font-weight: 600; }

.about-section-heading { max-width: 740px; margin-bottom: 58px; }
.about-section-heading.centered { max-width: 760px; margin-right: auto; margin-left: auto; text-align: center; }
.about-section-heading.centered .editorial-kicker { justify-content: center; }
.about-section-heading h2 { font-size: clamp(42px, 4.3vw, 68px); line-height: 1.04; }
.about-section-heading > p:last-child { max-width: 650px; margin: 22px auto 0; color: #78716a; font-size: 14px; line-height: 1.8; }

.about-timeline { background: #f1efea; }
.timeline-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid #d5d0c7; }
.timeline-list li { display: grid; grid-template-columns: 190px 1fr; gap: 60px; padding: 42px 0; border-bottom: 1px solid #d5d0c7; }
.timeline-list time { color: #a07a40; font-family: Georgia, serif; font-size: clamp(38px, 4vw, 58px); line-height: 1; }
.timeline-list div { position: relative; max-width: 780px; padding-right: 40px; }
.timeline-list div > span { position: absolute; top: 0; right: 0; color: #aaa49b; font-size: 9px; letter-spacing: .18em; }
.timeline-list h3 { margin: 0 0 13px; font-family: Georgia, serif; font-size: 27px; font-weight: 400; }
.timeline-list p { margin: 0; color: #6e6962; font-size: 14px; line-height: 1.85; }

.brand-story { background: #fff; }
.brand-card-grid { display: grid; grid-template-columns: 1fr 1fr; }
.brand-card { min-height: 470px; display: flex; flex-direction: column; padding: clamp(38px, 5vw, 76px); }
.brand-card-dark { color: #fff; background: #171717; }
.brand-card-light { color: #171717; background: #eeeae2; }
.brand-monogram { width: 68px; height: 68px; display: grid; place-items: center; margin-bottom: 45px; border: 1px solid #b4935d; color: #c0a06a; font-family: Georgia, serif; font-size: 42px; }
.brand-basket-icon { width: 68px; height: 68px; display: grid; place-items: center; margin-bottom: 45px; border: 1px solid #9e7b44; }
.brand-basket-icon svg { width: 40px; fill: none; stroke: #97743e; stroke-width: 1.4; }
.brand-card small { color: #b39059; font-size: 9px; letter-spacing: .2em; text-transform: uppercase; }
.brand-card h3 { margin: 9px 0 20px; font-family: Georgia, serif; font-size: clamp(38px, 4vw, 57px); font-weight: 400; }
.brand-card p { max-width: 540px; margin: 0; color: inherit; font-size: 13px; line-height: 1.9; opacity: .72; }
.brand-card a { align-self: flex-start; margin-top: auto; padding: 18px 0 8px; border-bottom: 1px solid currentColor; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.brand-card a span { margin-left: 12px; color: #bc965a; font-size: 18px; }

.about-values { background: #181715; color: #fff; }
.about-values .about-section-heading > p,
.about-values .editorial-kicker { color: #bda87f; }
.value-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #48443d; border-bottom: 1px solid #48443d; }
.value-grid article { min-height: 290px; padding: 34px 30px; border-right: 1px solid #48443d; }
.value-grid article:first-child { padding-left: 0; }
.value-grid article:last-child { padding-right: 0; border-right: 0; }
.value-grid span { color: #b4935d; font-family: Georgia, serif; font-size: 25px; }
.value-grid h3 { margin: 55px 0 16px; font-family: Georgia, serif; font-size: 25px; font-weight: 400; }
.value-grid p { margin: 0; color: #aaa59e; font-size: 12px; line-height: 1.85; }

.about-quote { padding: 120px 0; background: #b18b51; color: #fff; text-align: center; }
.about-quote-inner > span { display: block; height: 68px; font-family: Georgia, serif; font-size: 100px; line-height: 1; opacity: .42; }
.about-quote blockquote { max-width: 1040px; margin: 12px auto 32px; font-family: Georgia, serif; font-size: clamp(31px, 3.7vw, 56px); line-height: 1.28; }
.about-quote p { margin: 0; font-size: 9px; letter-spacing: .24em; }

.about-cta { background: #f7f5f0; }
.about-cta-inner { display: grid; grid-template-columns: 1fr .7fr; gap: 90px; align-items: end; }
.about-cta h2 { font-size: clamp(45px, 4.6vw, 72px); line-height: 1.02; }
.about-cta-inner > div:last-child p { margin: 0 0 30px; color: #716c65; font-size: 14px; line-height: 1.85; }

@media (max-width: 980px) {
    .about-hero-image { width: 63%; }
    .about-hero-shade { background: linear-gradient(90deg, #151310 0%, #151310 38%, rgba(21,19,16,.84) 64%, rgba(21,19,16,.12)); }
    .about-hero-copy { width: min(660px, 68vw); }
    .about-intro-grid { gap: 55px; }
    .value-grid { grid-template-columns: 1fr 1fr; }
    .value-grid article:nth-child(2) { border-right: 0; }
    .value-grid article:nth-child(n+3) { border-top: 1px solid #48443d; }
    .value-grid article:nth-child(3) { padding-left: 0; }
    .about-cta-inner { gap: 50px; }
}

@media (max-width: 720px) {
    .about-hero,
    .about-hero-inner { min-height: 690px; }
    .about-hero-image { inset: auto 0 0; width: 100%; height: 52%; }
    .about-hero-shade { background: linear-gradient(180deg, #151310 0%, #151310 46%, rgba(21,19,16,.88) 66%, rgba(21,19,16,.18)); }
    .about-hero-copy { top: 145px; left: max(4vw, 20px); width: calc(100% - max(8vw, 40px)); transform: none; }
    .about-hero h1 { font-size: clamp(45px, 13vw, 61px); }
    .about-hero-copy > p:last-child { font-size: 13px; }
    .about-hero-year { right: 20px; bottom: 20px; }
    .about-intro,
    .about-timeline,
    .brand-story,
    .about-values,
    .about-cta { padding: 68px 0; }
    .about-intro-grid,
    .brand-card-grid,
    .about-cta-inner { grid-template-columns: 1fr; gap: 42px; }
    .about-intro-copy { padding-top: 24px; }
    .timeline-list li { grid-template-columns: 1fr; gap: 24px; }
    .timeline-list div { padding-right: 30px; }
    .brand-card { min-height: 430px; }
    .value-grid { grid-template-columns: 1fr; }
    .value-grid article,
    .value-grid article:first-child,
    .value-grid article:nth-child(3) { min-height: auto; padding: 28px 0; border-right: 0; border-top: 1px solid #48443d; }
    .value-grid article:first-child { border-top: 0; }
    .value-grid h3 { margin-top: 28px; }
    .about-quote { padding: 80px 0; }
}