/* Our Story uses the shared typography, navigation and photograph dialog. */
.our-story-page .navigation a[aria-current="page"]{text-decoration:underline;text-underline-offset:7px}
.our-story-page section[id]{scroll-margin-top:110px}
.story-breadcrumb{display:flex;gap:14px;align-items:center;font-size:11px;color:var(--body);padding-block:28px 35px}
.story-breadcrumb a{text-decoration:none}
.story-breadcrumb a:hover{text-decoration:underline}
.story-opening-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(50px,8vw,125px);align-items:end;padding-bottom:52px}
.story-opening h1{font-size:clamp(50px,5.8vw,88px);line-height:1.1;letter-spacing:-.047em}
.story-opening h1 em,.our-story-page h2 em{color:var(--accent)}
.story-opening .eyebrow{font-size:10px}
.story-opening-copy{max-width:510px;font-size:19px;line-height:1.8;color:var(--body);padding-bottom:4px}
.story-opening-copy .text-link{font-size:13px;margin-top:18px;color:var(--ink)}
.story-panorama .image-wrap{aspect-ratio:8/3}
.story-panorama img{height:100%;object-fit:cover}
.story-panorama .image-open{right:var(--gutter);bottom:25px}
.story-panorama figcaption{padding-bottom:10px}
.story-feature{display:grid;grid-template-columns:1fr 1.08fr;gap:clamp(45px,7vw,110px);align-items:center}
.story-prose{font-size:17px;line-height:1.85;color:var(--body);min-width:0}
.story-prose h2{color:var(--ink);margin-bottom:30px;font-size:clamp(36px,3.8vw,55px)}
.story-prose .standfirst{font-size:22px;line-height:1.6;color:var(--ink);margin-bottom:23px}
.story-prose p+p{margin-top:20px}
.story-prose .eyebrow{margin-bottom:23px}
.story-pumpkin .image-wrap{aspect-ratio:4/3}
.story-pumpkin img{height:100%;object-fit:contain}
.story-pumpkin figcaption{flex-wrap:wrap;gap:5px 20px}
.story-roots{background:var(--forest);color:var(--paper)}
.story-roots-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(65px,11vw,170px);align-items:center}
.story-roots .story-prose{color:#d5dbcf}
.story-roots .story-prose h2,.story-roots .story-prose h2 em{color:var(--paper)}
.story-fate{margin:33px 0 0;padding:0}
.story-fate p{font-family:var(--serif);font-size:clamp(27px,2.8vw,39px);font-style:italic;line-height:1.35;color:#e5dfbd}
.story-fate footer{font-size:11px;margin-top:15px;color:#c3cdbb}
.story-reference{border-block:1px solid #89947d;padding:25px 0 29px}
.story-reference .eyebrow{font-size:9px;color:#c6cfb8;margin-bottom:17px}
.story-reference .story-year{font-family:var(--serif);font-size:clamp(75px,8vw,112px);line-height:1.12;letter-spacing:-.055em;color:#d6dbbf}
.story-reference h3{font-size:clamp(26px,2.5vw,36px);line-height:1.35;letter-spacing:-.03em;margin-top:22px}
.story-reference h3 cite{font-style:normal}
.story-reference .story-author{font-size:14px;margin-top:20px;color:#e3e7da}
.story-reference .story-bibliography{font-size:12px;line-height:1.9;color:#c3cdbb;margin-top:22px;max-width:310px}
.story-reference .text-link{font-size:11px;margin-top:20px;gap:12px}
.story-arrival-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(45px,7vw,110px);align-items:center}
.story-river .image-wrap{aspect-ratio:1.08}
.story-river img{height:100%;object-fit:cover;object-position:50% 50%}
.story-susan{background:#eeeee5}
.story-susan-grid{display:grid;grid-template-columns:1.1fr .8fr;gap:clamp(70px,13vw,190px);align-items:center}
.story-susan .text-link{font-size:13px;margin-top:20px;color:var(--ink)}
.story-portrait{max-width:445px;width:100%;justify-self:end}
.story-portrait .image-wrap{aspect-ratio:4/5}
.story-portrait img{height:100%;object-fit:contain}
.story-milestone{border-top:1px solid var(--line)}
.story-milestone-photos{display:grid;grid-template-columns:minmax(0,16fr) minmax(0,9fr);gap:32px;align-items:start;max-width:1032px;margin:42px auto 0}
.story-milestone-photos figure{min-width:0}
.story-milestone-photos img{height:100%;object-fit:contain}
.story-milestone-photos figcaption{display:block;text-align:left}
.story-visit .image-wrap{aspect-ratio:4/3}
.story-carcasses .image-wrap{aspect-ratio:3/4}
.story-carcasses figcaption{display:block;text-align:left}
.story-partnership{text-align:center}
.story-partnership .eyebrow{font-size:10px;margin-bottom:30px}
.story-partnership-quote{padding:0;margin:0 auto;max-width:1100px}
.story-partnership-quote p{font-family:var(--serif);font-size:clamp(36px,4.8vw,70px);letter-spacing:-.04em;line-height:1.3}
.story-partnership-quote em{color:var(--accent)}
.story-partnership-quote footer{font-size:12px;margin-top:27px;color:var(--body)}
.story-partnership-copy{max-width:650px;margin:35px auto 0;font-size:17px;line-height:1.85;color:var(--body)}
.story-notes{padding-bottom:60px}
.story-source-note{border-top:1px solid var(--line);scroll-margin-top:120px}
.story-source-note:last-child{border-bottom:1px solid var(--line)}
.story-source-links{padding-left:22px;margin:20px 0}
.story-source-links li+li{margin-top:12px}
.story-source-note summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;font-size:14px;padding-block:21px}
.story-source-note summary::-webkit-details-marker{display:none}
.story-source-note summary:hover{color:var(--accent)}
.story-note-copy{font-size:14px;line-height:1.85;color:var(--body);max-width:900px;padding:0 0 28px}
.story-note-copy a{text-underline-offset:4px;overflow-wrap:anywhere}
.story-next{background:#e1e4d7}
.story-next-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(50px,10vw,150px);align-items:center}
.story-next-grid>div>p:not(.eyebrow){font-size:17px;color:var(--body);max-width:480px;margin-top:25px}
.story-button{background:var(--forest);color:var(--paper);margin-top:30px;border:1px solid var(--forest)}
.story-button:hover{background:#45573c}
.story-next-cattle{padding-left:40px;border-left:1px solid #b4bdab}
.story-next-cattle h3{font-size:clamp(27px,2.6vw,38px);letter-spacing:-.035em;line-height:1.3}
.story-next-cattle .text-link{font-size:14px;margin-top:22px}
@media(max-width:1180px){
  .story-opening-grid{gap:55px}
  .story-opening h1{font-size:68px}
  .story-opening-copy{font-size:18px}
  .story-feature,.story-arrival-grid{gap:50px}
  .story-roots-grid{gap:70px}
  .story-susan-grid{gap:80px}
  .story-prose .standfirst{font-size:21px}
  .story-next-cattle{padding-left:28px}
}
@media(max-width:950px){
  .story-opening h1{font-size:59px}
  .story-opening-copy{font-size:17px}
  .story-opening-grid{gap:38px}
  .story-prose{font-size:16px}
  .story-prose h2{font-size:38px}
  .story-feature,.story-arrival-grid{gap:38px}
  .story-roots-grid,.story-susan-grid{gap:50px}
}
@media(max-width:800px){
  .story-milestone-photos{grid-template-columns:1fr;max-width:640px;margin-top:34px}
  .story-milestone-photos figure{width:100%}
  .story-milestone-photos .story-carcasses{max-width:420px;justify-self:center}
  .story-opening-grid,.story-feature,.story-roots-grid,.story-arrival-grid,.story-susan-grid,.story-next-grid{grid-template-columns:1fr;gap:34px}
  .story-opening h1{font-size:clamp(48px,8.5vw,68px)}
  .story-opening-grid{padding-bottom:37px;gap:27px}
  .story-opening-copy{max-width:620px;font-size:18px}
  .story-breadcrumb{padding-block:25px 32px}
  .story-prose{font-size:17px}
  .story-prose h2{font-size:43px;margin-bottom:24px}
  .story-prose .standfirst{font-size:22px}
  .story-pumpkin{margin-top:4px}
  .story-roots-grid{gap:45px}
  .story-reference{max-width:550px}
  .story-reference .story-year{font-size:87px}
  .story-reference h3{font-size:32px}
  .story-reference .story-bibliography{max-width:none}
  .story-arrival-grid .story-prose{grid-row:1}
  .story-river .image-wrap{aspect-ratio:1.5}
  .story-susan-grid{gap:38px}
  .story-portrait{max-width:450px;justify-self:center}
  .story-partnership-quote p{font-size:clamp(33px,5.7vw,46px)}
  .story-next-grid{gap:40px}
  .story-next-cattle{border-left:0;border-top:1px solid #b4bdab;padding:30px 0 0}
  .story-next-cattle h3{font-size:32px}
}
@media(max-width:640px){
  .story-milestone-photos{margin-top:30px}
  .story-visit .image-wrap{aspect-ratio:1}
  .our-story-page section[id]{scroll-margin-top:94px}
  .story-breadcrumb{font-size:10px;gap:12px;padding-bottom:28px}
  .story-opening .eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:19px}
  .story-opening h1{font-size:clamp(43px,10vw,60px)}
  .story-opening-copy{font-size:16px}
  .story-opening-grid{gap:24px;padding-bottom:30px}
  .story-panorama .image-wrap{aspect-ratio:1.65}
  .story-panorama img{object-position:45% 50%}
  .story-panorama .image-open{bottom:14px}
  .story-panorama figcaption>span:last-child{display:none}
  .story-prose{font-size:16px}
  .story-prose h2{font-size:35px}
  .story-prose .standfirst{font-size:20px;margin-bottom:21px}
  .story-feature,.story-arrival-grid{gap:29px}
  .story-fate p{font-size:29px}
  .story-fate{margin-top:28px}
  .story-roots-grid{gap:35px}
  .story-reference .story-year{font-size:76px}
  .story-reference h3{font-size:29px;margin-top:17px}
  .story-reference .story-bibliography{font-size:11px}
  .story-reference .text-link{font-size:10px}
  .story-river .image-wrap{aspect-ratio:1.12}
  .story-susan .text-link{font-size:12px;gap:13px}
  .story-partnership-quote p{font-size:clamp(28px,7.3vw,43px)}
  .story-partnership .eyebrow{font-size:9px;margin-bottom:24px}
  .story-partnership-quote footer{font-size:11px;margin-top:21px}
  .story-partnership-copy{font-size:16px;margin-top:28px}
  .story-notes{padding-bottom:45px}
  .story-source-note{scroll-margin-top:96px}
  .story-source-note summary{font-size:13px;padding-block:19px}
  .story-note-copy{font-size:13px}
  .story-next-grid>div>p:not(.eyebrow){font-size:16px;margin-top:20px}
  .story-next-cattle h3{font-size:29px}
  .story-next-cattle .text-link{font-size:13px}
}
@media(max-width:359px){.story-opening h1{font-size:40px}.story-prose h2{font-size:32px}.story-partnership-quote p{font-size:27px}}
@media print{
  .story-next,.story-notes,.story-breadcrumb{display:none}
  .story-opening-grid,.story-feature,.story-roots-grid,.story-arrival-grid,.story-susan-grid{display:block}
  .story-opening-copy,.story-prose{margin-top:20px}
  .story-opening h1{font-size:34pt}
  .story-roots{background:#fff;color:#222}
  .story-roots .story-prose,.story-roots .story-prose h2,.story-roots .story-prose h2 em,.story-fate p,.story-fate footer,.story-reference .eyebrow,.story-reference .story-year,.story-reference .story-author,.story-reference .story-bibliography{color:#222}
  .story-pumpkin,.story-river,.story-portrait,.story-reference{max-width:420px;margin:25px auto}
  .story-partnership-quote p{font-size:25pt}
}