@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--paper:#f6f3e9;--ink:#293e30;--muted:#697064;--gold:#af653d;--line:#d4d7c9;--serif:'Libre Caslon Display',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;object-fit:cover}figure,p{margin:0}p+p{margin-top:18px}.wrap{max-width:1320px;margin:auto;padding-left:64px;padding-right:64px}.header{height:117px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:13px;font-weight:700;letter-spacing:2px;font-size:19px;line-height:1.25}.brand small{display:block;font-size:10px;text-align:center;margin-top:6px;letter-spacing:5px}.brand-mark{font:20px var(--serif);border:1px solid var(--ink);width:55px;height:55px;display:flex;align-items:center;justify-content:center;border-radius:50%}.brand-mark span{transform:translateY(-7px);font-size:16px}nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:500}.nav-contact{border:1px solid var(--ink);padding:11px 18px}.nav-contact span{padding-left:12px}.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;padding-top:25px;padding-bottom:76px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;line-height:1.5;margin-bottom:26px}.sun{font-size:28px;vertical-align:middle;margin-right:10px;color:var(--gold)}h1,h2,h3{font-weight:400;margin:0}h1{font:clamp(65px,6.5vw,96px)/.96 var(--serif);letter-spacing:-3px}em{font-weight:400;color:var(--gold)}.intro{font-size:15px;max-width:405px;margin-top:30px;line-height:1.85}.actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--ink);color:var(--paper);padding:15px 23px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#415640;transform:translateY(-2px)}.text-link{font-size:12px;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:5px}.hero-note{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;margin-top:41px;color:var(--muted)}.hero-image{position:relative}.hero-image>img{width:100%;height:530px;object-position:51% center;border-radius:180px 180px 3px 3px}.hero-image figcaption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.3px;margin-top:13px;color:var(--muted);gap:15px}.values{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}.values .wrap{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:2px}.values span:nth-child(even){color:var(--gold);font-size:19px;line-height:1}.section{padding-top:98px;padding-bottom:98px}h2{font:clamp(42px,4.4vw,64px)/1.03 var(--serif);letter-spacing:-1.5px}.story{display:grid;grid-template-columns:1fr 1.1fr;gap:70px}.story-body{padding-top:36px;max-width:530px;font-size:14px;color:#596251}.story-body .large{font:28px/1.35 var(--serif);color:var(--ink);margin-bottom:24px}.story-body .text-link{display:inline-block;margin-top:25px;color:var(--ink)}.pork{background:var(--ink);color:var(--paper);padding:78px 0}.pork-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.pork figure img{width:100%;height:560px}.pork figcaption{font:italic 18px var(--serif);margin-top:16px;color:#d4d5bd}.pork em{color:#d4b68f}.pork-copy>p:not(.eyebrow){font-size:13px;max-width:435px;margin-top:22px;color:#d5dacd}.cuts{display:grid;grid-template-columns:1fr 1fr;margin:28px 0 33px;gap:20px 30px}.cuts>div{border-top:1px solid #64715d;padding-top:12px}.cuts span{font-size:9px;letter-spacing:1px;color:#bdc7ad}.cuts h3{font:27px var(--serif);margin:7px 0}.cuts p{font-size:11px;color:#bdc7ad}.cream{background:var(--paper);color:var(--ink)}.cream:hover{background:#e2d6bd}.pork-copy>p.fine{font-size:10px;line-height:1.7;margin-top:18px}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:45px}.section-heading>p{max-width:260px;color:var(--muted);font-size:13px}.gallery{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px}.photo{padding:0;border:0;width:100%;position:relative;cursor:zoom-in;background:#d8dbcd}.photo img{width:100%;height:345px;transition:filter .2s}.photo:hover img{filter:brightness(.88)}.photo span{position:absolute;bottom:13px;right:13px;background:var(--paper);border-radius:50%;width:32px;height:32px;line-height:32px}.gallery figcaption{padding-top:21px}.gallery figcaption>span{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.gallery h3{font:29px/1.1 var(--serif);margin:10px 0 13px}.gallery p{font-size:12px;color:var(--muted);line-height:1.8}.gallery-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:38px;padding-top:20px;gap:20px}.gallery-footer>span{font-size:10px;color:var(--muted)}.journal{margin-bottom:100px;display:grid;grid-template-columns:80px 1fr auto;gap:32px;align-items:center}.journal-symbol{font:90px var(--serif);color:var(--gold)}.journal h2{font-size:40px}.journal p:not(.eyebrow){font-size:12px;max-width:470px;color:var(--muted);margin-top:20px}.journal .eyebrow{margin-bottom:20px}.contact{background:#e7e9da;padding:80px 0}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:85px}.contact-grid>div>p:not(.eyebrow){font-size:13px;max-width:330px;margin-top:25px;color:#56634e}.location{font-size:10px!important;letter-spacing:1px}.location small{display:block;letter-spacing:0;font-size:11px;margin-top:5px}.contact-links{padding-top:16px}.contact-links>a{position:relative;display:block;border-bottom:1px solid #bfc7b3;padding:24px 35px 25px 0}.contact-links>a:first-child{border-top:1px solid #bfc7b3}.contact-links span{display:block;font-size:9px;letter-spacing:2px;margin-bottom:8px}.contact-links strong{font:clamp(20px,2.25vw,31px)/1.2 var(--serif);overflow-wrap:anywhere}.contact-links i{position:absolute;right:0;top:43px;font-style:normal}.contact-links a:hover{color:var(--gold)}footer{padding-top:40px!important;padding-bottom:40px!important;display:flex;align-items:center;justify-content:space-between;gap:35px}.footer-brand{font-size:11px;letter-spacing:2px;font-weight:700}.footer-brand small{display:block;font-size:10px;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:4px}footer p{font-size:10px;color:var(--muted)}footer>a{font-size:11px;white-space:nowrap}dialog{border:0;padding:48px 20px 20px;background:var(--paper);color:var(--ink);max-width:min(90vw,900px);max-height:95vh}dialog::backdrop{background:#112116df}dialog img{max-height:72vh;max-width:100%;width:auto;margin:auto;object-fit:contain}dialog p{font-size:12px;padding-top:14px;max-width:620px}#close-photo{position:absolute;right:15px;top:9px;border:0;background:transparent;color:var(--ink);cursor:pointer;padding:5px 10px}.skip{position:absolute;left:10px;top:-100px;background:white;padding:15px;z-index:5}.skip:focus{top:10px}:focus-visible{outline:3px solid #bc783f;outline-offset:5px}@media(min-width:1450px){.hero-image>img{height:570px}}@media(max-width:1000px){.wrap{padding-left:35px;padding-right:35px}.header nav{gap:18px}.hero{gap:30px}h1{font-size:74px}.hero-image>img{height:490px}.actions{gap:20px}.pork-grid{gap:40px}.pork figure img{height:540px}.gallery{gap:20px}.photo img{height:290px}.journal{grid-template-columns:55px 1fr}.journal .button{grid-column:2;justify-self:start}.journal-symbol{font-size:65px}.contact-grid{gap:45px}}@media(max-width:700px){.wrap{padding-left:23px;padding-right:23px}.header{height:auto;min-height:108px;flex-wrap:wrap;gap:15px;padding-top:20px;padding-bottom:20px}.brand{font-size:16px}.brand-mark{height:40px;width:40px;font-size:16px}.brand small{font-size:8px}.header nav{width:100%;justify-content:space-between;gap:10px;font-size:11px}.nav-contact{border:0;padding:0}.nav-contact span{padding-left:0}.hero{grid-template-columns:1fr;gap:35px;padding-top:24px;padding-bottom:40px}.hero h1{font-size:clamp(58px,16vw,72px)}.intro{font-size:14px;max-width:100%;margin-top:25px}.eyebrow{margin-bottom:22px}.hero-note{margin-top:27px}.hero-image>img{height:420px;border-radius:150px 150px 2px 2px;object-position:center}.hero-image figcaption{font-size:7px}.values{padding:19px 0}.values .wrap{font-size:7px;letter-spacing:.6px;gap:8px;align-items:center}.values span:nth-child(even){font-size:13px}.section{padding-top:60px;padding-bottom:60px}.story{grid-template-columns:1fr;gap:20px}.story-body{padding-top:0}.story h2 br:nth-child(2){display:none}.story-body .large{font-size:26px}h2{font-size:49px}.pork{padding:50px 0}.pork-grid{grid-template-columns:1fr;gap:37px}.pork figure img{height:390px}.pork-copy>p:not(.eyebrow){max-width:100%}.section-heading{display:block}.section-heading>p{max-width:100%;margin-top:22px}.gallery{grid-template-columns:1fr;gap:37px}.photo img{height:400px}.gallery h3{font-size:31px}.gallery p{font-size:13px}.gallery-footer{flex-direction:column;align-items:flex-start}.journal{grid-template-columns:1fr;gap:18px;margin-bottom:60px}.journal-symbol{display:none}.journal .button{grid-column:1}.journal h2{font-size:42px}.contact{padding:58px 0}.contact-grid{grid-template-columns:1fr;gap:32px}.contact-links{padding-top:0}.contact-links strong{font-size:27px}footer{flex-wrap:wrap;gap:20px}footer p{order:3;width:100%}dialog{max-width:95vw}.hero-image>img{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Finishing details: readable captions, comfortable controls, and balanced type. */
html{scrollbar-gutter:stable}
h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}
.header nav>a{min-height:44px;display:inline-flex;align-items:center}
.header nav>a:not(.nav-contact){transition:color .2s}.header nav>a:hover{color:var(--gold)}
.nav-contact:hover{background:var(--ink);color:var(--paper)!important}
.text-link{display:inline-block;font-size:13px;padding-top:7px;padding-bottom:7px}
.button{min-height:48px;font-size:13px}
.hero-image figcaption{font-size:10px;letter-spacing:1px}
.pork-copy>p:not(.eyebrow),.section-heading>p,.gallery p,.journal p:not(.eyebrow),.contact-grid>div>p:not(.eyebrow){font-size:15px;line-height:1.8}
.cuts p{font-size:13px}.cuts span,.gallery figcaption>span,.contact-links span{font-size:11px}
.pork-copy>p.fine{font-size:12px;line-height:1.8}
.fine a{text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.gallery-footer>span,footer p,footer>a,.footer-brand small{font-size:12px}
.photo{overflow:hidden;border-radius:3px}.photo img{transition:filter .25s,transform .4s}.photo:hover img{transform:scale(1.025)}
.photo span{width:40px;height:40px;line-height:40px}
.contact-links i{transition:transform .2s}.contact-links a:hover i{transform:translate(3px,-3px)}
.location small{font-size:13px}.photo-open{overflow:hidden}
dialog{padding:56px 24px 20px;border-radius:6px;box-shadow:0 20px 90px #0005;max-height:94dvh}
dialog img{height:min(62dvh,650px);max-height:62dvh;max-width:100%;width:100%;object-fit:contain}
dialog p{font-size:14px;line-height:1.6;max-width:650px;min-height:3.2em}
#close-photo{min-height:44px;min-width:76px;top:5px}
.photo-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:12px;margin-top:16px}
.photo-controls button{min-height:44px;padding:8px 14px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}
.photo-controls button:hover{background:#e7e9da}#photo-count{font-size:12px;color:var(--muted);white-space:nowrap}
@media(min-width:701px) and (max-width:1000px){h1{font-size:clamp(58px,7.4vw,74px)}.pork h2{font-size:clamp(38px,4.4vw,48px)}.contact-links strong{font-size:26px}}
@media(max-width:700px){.header{gap:8px;padding-bottom:12px}.header nav{gap:8px;font-size:12px}.hero{padding-top:20px}.hero-image figcaption{font-size:9px;letter-spacing:.5px}.values .wrap{font-size:9px;letter-spacing:.5px}.values span:nth-child(odd){text-align:center;flex:1}.gallery p{font-size:15px}.gallery h3{font-size:30px}.photo img{height:auto;aspect-ratio:1/1.1}.section-heading>p{max-width:36ch}.gallery-footer{gap:10px}.contact-links strong{font-size:clamp(23px,6.7vw,29px)}dialog{padding:52px 16px 16px;max-width:94vw}dialog img{height:52dvh;max-height:52dvh}dialog p{font-size:13px}.photo-controls{gap:10px}.photo-controls button{padding:8px 11px}}
@media(max-width:360px){.wrap{padding-left:19px;padding-right:19px}.header nav{font-size:11px}.hero h1{font-size:54px}h2{font-size:43px}.actions{gap:13px}.hero-image>img{height:370px}.contact-links strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){.photo:hover img{transform:none}}
/* Approved ranch identity, October 2026. */
.brand-icon{width:64px;height:64px;object-fit:contain;border-radius:50%;mix-blend-mode:multiply}
.hero{grid-template-columns:1fr 1.25fr;gap:28px}
.hero-logo>img{width:100%;height:auto!important;object-fit:contain;border-radius:0!important;mix-blend-mode:multiply}
.story-photo{margin-bottom:30px}.story-photo img{width:100%;height:auto;border-radius:3px}.story-photo figcaption{font-size:11px;color:var(--muted);margin-top:10px}
.footer-logo{width:170px;height:auto;mix-blend-mode:multiply;margin-bottom:12px}
@media(max-width:700px){.brand-icon{width:48px;height:48px}.hero{grid-template-columns:1fr}.hero-logo{grid-row:1;margin:-6px auto 0;max-width:480px}.hero-copy .eyebrow{display:none}.hero h1{font-size:clamp(48px,13vw,65px)}.hero{gap:22px}.footer-logo{width:145px}}