/* Extend the existing ZELSI palette and navigation for the company story. */
.about-page{background:var(--ivory);color:var(--black)}
.about-page .eyebrow{font-size:.875rem;line-height:1.7}
.about-page .nav-link[aria-current=page]{text-decoration:underline;text-underline-offset:8px}
.about-page .about-hero{min-height:0;background:#171715;color:var(--ivory);padding-block:150px 68px}
.about-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,6vw,86px);align-items:center}
.about-hero-copy{min-width:0}.about-hero .breadcrumbs{margin-bottom:40px;font-size:.875rem}
.about-hero h1{font-size:clamp(48px,5.25vw,78px);line-height:1.08;letter-spacing:-.05em;font-weight:350;max-width:680px;margin:20px 0 28px}
.about-hero .eyebrow{color:#c6aa88}.about-hero .about-lead{color:#d0c7b8;margin-bottom:28px}
.about-page .about-lead{font-size:clamp(17px,1.4vw,20px);line-height:1.85;max-width:650px}
.about-hero .text-link{color:#e2cdb1}.about-hero-photo{min-width:0;align-self:stretch}
.about-hero-photo img{width:100%;height:calc(100% - 45px);min-height:540px;max-height:710px;object-fit:cover;object-position:57% center;aspect-ratio:4/5}
.about-page .about-hero-photo figcaption{color:#c6bbaa}.about-page .about-hero-photo figcaption>span:last-child{color:#c6bbaa}
.about-section{padding-block:95px;scroll-margin-top:150px}
.about-section h2{font-size:clamp(35px,4vw,58px);font-weight:350;line-height:1.17;letter-spacing:-.035em;margin:18px 0 28px;max-width:850px}
.about-section h3{font-size:clamp(22px,2.1vw,29px);font-weight:450;line-height:1.4;letter-spacing:-.02em;margin:0 0 14px}
.about-section p{font-size:1rem;line-height:1.95;color:#615646;margin:0 0 22px}
.about-section .eyebrow{color:#886b49;font-size:.875rem;margin:0}
.about-section.dark p{color:#cfc5b6}.about-section.dark .eyebrow{color:#c6aa88}
.about-story-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(36px,7vw,100px)}
.about-story-grid>*,.about-project-grid>*{min-width:0}
.about-prose>p:last-child{margin-bottom:0}
.about-experience{border-top:1px solid #cabcab;margin-top:62px;padding-top:42px;display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(36px,7vw,100px)}
.about-number{display:flex;align-items:center;gap:22px}.about-number strong{font-size:clamp(100px,11vw,150px);line-height:1;font-weight:250;letter-spacing:-.07em}
.about-number span{font-size:1rem;line-height:1.6;max-width:130px;color:#77654e}
.about-experience .about-meta,.about-record .about-meta{font-size:.8125rem;line-height:1.7;color:#84745f;margin:0}
.about-craft-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 70px;align-items:end;margin-bottom:42px}
.about-craft-intro .eyebrow{grid-column:1/-1}.about-craft-intro h2{margin-bottom:0}.about-craft-intro .about-lead{margin:0}
.about-craft-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(35px,5vw,70px);align-items:start}
.about-craft-photo img{aspect-ratio:4/5;min-height:480px;object-position:58% center}
.about-detail{display:grid;grid-template-columns:30px 1fr;gap:18px;padding:24px 0;border-top:1px solid #ffffff30}
.about-detail:first-child{padding-top:18px}.about-detail-number{font-size:.875rem;color:#c3a680;padding-top:5px}
.about-detail h3{font-size:24px}.about-detail p{margin-bottom:0}
.about-sample-note{display:grid;grid-template-columns:.85fr 1.15fr;gap:45px;background:#ffffff06;border:1px solid #ffffff26;padding:30px;margin-top:38px}
.about-sample-note h3{margin:0;font-size:24px}.about-sample-note p{margin:0}
.about-factory-list{display:grid;grid-template-columns:1fr 1fr;gap:25px 28px;margin-top:35px}
.about-factory-list>div{border-top:1px solid #cabcab;padding-top:22px}.about-factory-list h3{font-size:21px}.about-factory-list p{margin-bottom:0}
.about-project{background:#e7dfd2}.about-project-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(40px,8vw,120px);align-items:center}
.about-record{border-inline-start:1px solid #b5a28a;padding-inline-start:42px}.about-record-number{display:block;font-size:clamp(100px,11vw,145px);line-height:1.25;font-weight:250;letter-spacing:-.07em;margin:16px 0 4px}
.about-record h3{font-size:22px}.about-record p{font-size:1rem}.about-project-grid>div>p:last-child{margin-bottom:0}
.about-people-heading{max-width:920px}.about-people-heading .about-lead{max-width:750px}
.about-teams{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:40px}
.about-team{border-top:1px solid #b9a991;padding-top:28px}.about-team .eyebrow{margin-bottom:16px}.about-team h3{font-size:27px;max-width:450px}
.about-team ul{padding-inline-start:20px;margin:25px 0 0;color:#615646;font-size:1rem;line-height:1.9}
.about-team li{padding-inline-start:5px;margin-bottom:12px}
.about-packing{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,5vw,70px);align-items:center;margin-top:58px}
.about-packing .image-frame img{aspect-ratio:1.45}.about-packing .text-link{color:#dcc4a5}
.about-contact{text-align:center}.about-contact h2{margin-inline:auto}.about-contact>p:not(.eyebrow){max-width:680px;margin-inline:auto}
.about-primary{background:#171715;color:#f4f1ea;border:1px solid #171715}.about-secondary{border:1px solid #8c745b;color:#171715;background:transparent}
.about-primary:hover{background:#433a2e}.about-secondary:hover{background:#e7dfd2}
.about-disclosure{padding-bottom:35px;border-top:1px solid #d1c5b5}.about-disclosure p{font-size:.8125rem;line-height:1.9;color:#776b5b;max-width:1050px;margin:20px 0 0}
[dir=rtl] .about-page h1,[dir=rtl] .about-page h2,[dir=rtl] .about-page h3{letter-spacing:0;line-height:1.5}
[dir=rtl] .about-hero h1{font-size:clamp(40px,4.5vw,66px);margin-top:15px}
[dir=rtl] .about-section h2{font-size:clamp(34px,3.5vw,50px)}
[dir=rtl] .about-page .eyebrow{letter-spacing:0}[dir=rtl] .about-page .about-lead{line-height:2}
@media(max-width:1050px){.about-hero-grid{gap:32px}.about-hero-photo img{min-height:560px}.about-story-grid,.about-experience{gap:40px}.about-craft-intro{gap:0 35px}.about-craft-grid{gap:34px}.about-detail{gap:10px}.about-detail h3{font-size:22px}}
@media(max-width:820px){
 .about-page .about-hero{padding-block:115px 45px}.about-hero-grid{grid-template-columns:1fr;gap:36px}
 .about-hero .breadcrumbs{margin-bottom:26px}.about-hero h1{font-size:clamp(42px,8vw,64px);max-width:700px}
 .about-hero-photo img{height:auto;min-height:0;max-height:none;aspect-ratio:1.4;object-position:center}
 .about-section{padding-block:65px;scroll-margin-top:130px}.about-story-grid{grid-template-columns:1fr;gap:12px}
 .about-section h2{margin-bottom:18px}.about-experience{grid-template-columns:.65fr 1.35fr;gap:30px;margin-top:40px;padding-top:30px}
 .about-number{flex-direction:column;align-items:flex-start;gap:12px}.about-number strong{font-size:105px}
 .about-craft-intro{grid-template-columns:1fr;gap:0;margin-bottom:30px}.about-craft-intro .about-lead{margin-top:14px}
 .about-craft-grid{grid-template-columns:1fr;gap:30px}.about-craft-photo img{aspect-ratio:1.35;min-height:0}
 .about-sample-note{grid-template-columns:1fr;gap:12px;padding:25px}.about-project-grid{gap:35px}.about-record{padding-inline-start:28px}
 .about-teams{gap:30px}.about-packing{gap:30px}.about-section-nav .journey-nav-inner{justify-content:flex-start}
}
@media(max-width:560px){
 .about-hero h1{font-size:45px;line-height:1.12}.about-page .about-lead{font-size:17px}
 .about-page .about-hero{padding-block:105px 32px}.about-hero-photo img{aspect-ratio:1.2}
 .about-page .about-section h2{font-size:35px}.about-section .eyebrow{font-size:.875rem}.about-experience{grid-template-columns:1fr;gap:26px}
 .about-number{flex-direction:row;align-items:center;gap:25px}.about-number strong{font-size:95px}.about-number span{max-width:160px}
 .about-factory-list{grid-template-columns:1fr;gap:25px}.about-project-grid{grid-template-columns:1fr;gap:35px}
 .about-record{border-inline-start:0;border-top:1px solid #b5a28a;padding-inline-start:0;padding-top:30px}.about-record-number{font-size:115px}
 .about-teams{grid-template-columns:1fr;gap:35px}.about-packing{grid-template-columns:1fr;gap:25px;margin-top:36px}
 .about-disclosure{padding-bottom:26px}.about-contact .btn{width:100%}
 [dir=rtl] .about-hero h1{font-size:40px;line-height:1.55}[dir=rtl] .about-page .about-section h2{font-size:32px}
}
@media print{.about-page .about-hero{padding-block:25px;background:white;color:#111}.about-section{padding-block:30px}.about-contact,.about-section-nav{display:none}.about-hero-grid,.about-story-grid,.about-craft-grid{gap:25px}.about-section.dark{background:white;color:#111}.about-section.dark p{color:#333}.about-hero-photo img{min-height:0;max-height:360px;height:auto}}