.five-l-story{--ink:#333029;--blue:#013299;--soft:#f6f6f6;--line:#e6e4e0;--space:78px}.five-l-story,.five-l-story *{box-sizing:border-box}.five-l-story{margin:0;color:var(--ink);background:#fff;font:400 17px/1.65 FiveL,sans-serif}.five-l-story button,.five-l-story a{-webkit-tap-highlight-color:transparent}.five-l-story a{color:inherit;text-decoration:none}.five-l-story button{font:inherit;cursor:pointer}.five-l-story img{max-width:100%;height:auto;display:block}.five-l-story h1,.five-l-story h2,.five-l-story p,.five-l-story figure{margin:0}.five-l-story h1,.five-l-story h2{font-weight:500;line-height:1.12;letter-spacing:-.025em}.five-l-story h2{font-size:clamp(30px,3.4vw,48px)}.five-l-story p+p{margin-top:18px}.five-l-story .wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.five-l-story .eyebrow{display:block;font-size:11px;letter-spacing:.1em;line-height:1.6;margin-bottom:18px}.five-l-story .skip{position:absolute;top:-90px;z-index:100;background:#fff;padding:14px}.five-l-story .skip:focus{top:0}.five-l-story :focus-visible{outline:3px solid var(--blue);outline-offset:5px}.five-l-story .preview-banner{background:var(--ink);color:#fff;text-align:center;padding:8px 16px;font-size:10px;letter-spacing:.08em}.five-l-story header{background:#fff;position:relative;z-index:10}.five-l-story .header-row{height:88px;display:flex;align-items:center;justify-content:center;position:relative}.five-l-story .logo{width:160px}.five-l-story .cart-link{position:absolute;right:0;font-size:12px}.five-l-story #menu-toggle{position:absolute;left:0;border:0;background:transparent;font-size:12px;display:none}.five-l-story header nav{display:flex;justify-content:center;gap:34px;align-items:center;padding-bottom:21px;font-size:12px;letter-spacing:.055em}.five-l-story header nav>a,.five-l-story header summary,.five-l-story .beef-menu>a{display:flex;align-items:center;min-height:30px}.five-l-story details{position:relative}.five-l-story summary{list-style:none;cursor:pointer;display:flex;gap:8px}.five-l-story summary::-webkit-details-marker{display:none}.five-l-story summary:after{content:"";width:5px;height:5px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg);margin-top:8px}.five-l-story details[open] summary:after{transform:rotate(225deg)}.five-l-story .beef-menu{display:flex;gap:6px;align-items:center}.five-l-story .beef-menu summary{width:20px;justify-content:center}.five-l-story .submenu{position:absolute;top:100%;left:0;min-width:190px;background:#fff;box-shadow:0 8px 18px #0001;padding:14px;z-index:20}.five-l-story .submenu a{display:block;padding:9px 0;white-space:nowrap}.five-l-story .submenu a:hover{color:var(--blue)}.five-l-story .story-hero{height:520px;position:relative;overflow:hidden;background:var(--ink);color:#fff}.five-l-story .story-hero>img{width:100%;height:100%;object-fit:cover;object-position:center 44%}.five-l-story .hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#000a,#0000 75%)}.five-l-story .hero-copy{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:40px;align-items:flex-start}.five-l-story .hero-copy .eyebrow{margin-bottom:10px}.five-l-story .hero-copy h1{font-size:clamp(44px,5.6vw,78px)}.five-l-story .welcome{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:60px}.five-l-story .welcome h2{font-size:clamp(27px,3vw,40px)}.five-l-story .welcome p{font-size:17px}.five-l-story .actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:24px}.five-l-story .text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;padding-block:10px 7px;border-bottom:1px solid;font-size:12px;letter-spacing:.06em;font-weight:500}.five-l-story .text-link span,.five-l-story .button span{transition:transform .2s}.five-l-story .text-link:hover span,.five-l-story .button:hover span{transform:translate(3px,-3px)}.five-l-story .chapter-nav{background:var(--soft);position:sticky;top:0;z-index:9}.five-l-story .chapter-nav>.wrap{display:flex;gap:45px}.five-l-story .chapter-nav a{font-size:11px;letter-spacing:.07em;display:flex;gap:12px;align-items:center;padding:19px 0;border-bottom:2px solid transparent}.five-l-story .chapter-nav a span{color:#827d73}.five-l-story .chapter-nav a[aria-current]{color:var(--blue);border-color:var(--blue)}.five-l-story .story-row{display:grid;grid-template-columns:1.1fr 1fr;gap:85px;align-items:center;padding-block:var(--space);scroll-margin-top:50px}.five-l-story .story-row figure img{width:100%;max-height:610px;object-fit:contain}.five-l-story .story-row figcaption{font-size:9px;letter-spacing:.08em;margin-top:12px;color:#716a60}.five-l-story .story-copy{max-width:480px}.five-l-story .story-copy h2{margin-bottom:27px}.five-l-story .story-copy p{font-size:17px}.five-l-story .story-copy .text-link{margin-top:22px}.five-l-story .ranch-chapter{background:var(--soft)}.five-l-story .reverse figure{grid-column:2;grid-row:1}.five-l-story .reverse .story-copy{grid-column:1;grid-row:1}.five-l-story .family-moment{display:grid;grid-template-columns:1.05fr 1fr;background:var(--ink);color:#fff}.five-l-story .moment-video{position:relative;background:#292721;display:flex;align-items:center}.five-l-story .moment-video video{width:100%;height:100%;max-height:620px;object-fit:cover;object-position:50% 50%;display:block}.five-l-story .video-control{position:absolute;bottom:20px;right:20px;font:500 10px FiveL,sans-serif;color:#fff;background:#0008;border:0;border-bottom:1px solid #fffa;padding:10px;letter-spacing:.08em}.five-l-story .moment-copy{padding:70px 65px}.five-l-story .moment-copy h2{font-size:clamp(38px,4.3vw,62px)}.five-l-story .moment-copy p{margin-top:24px;max-width:420px}.five-l-story .moment-copy .actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.five-l-story .button{background:var(--blue);border:1px solid var(--blue);color:#fff;display:flex;justify-content:space-between;gap:55px;padding:14px 20px;font-size:12px;letter-spacing:.06em;min-height:49px}.five-l-story .button:hover{background:#0042b9}.five-l-story .footer-row{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:45px}.five-l-story .footer-row p{font-size:14px}.five-l-story .footer-row>a:last-child{font-size:11px;letter-spacing:.06em}@media(max-width:1120px){.five-l-story header nav{gap:21px}.five-l-story .wrap{width:calc(100% - 64px)}.five-l-story .story-row{gap:45px}.five-l-story .welcome{gap:40px}.five-l-story .moment-copy{padding:45px 35px}}@media(max-width:760px){.five-l-story{--space:44px}.five-l-story .wrap{width:calc(100% - 36px)}.five-l-story .preview-banner{font-size:8px;padding:8px 12px;letter-spacing:0}.five-l-story .header-row{height:82px}.five-l-story .logo{width:126px}.five-l-story #menu-toggle{display:block}.five-l-story header nav{display:none;flex-direction:column;align-items:stretch;gap:0;padding-bottom:18px}.five-l-story header nav.open{display:flex}.five-l-story header nav>a,.five-l-story header summary,.five-l-story .beef-menu>a{min-height:44px}.five-l-story .submenu{position:static;box-shadow:none;padding:0 15px 8px;border-left:1px solid var(--line)}.five-l-story .beef-menu{display:grid;grid-template-columns:1fr 44px}.five-l-story .beef-menu details{display:contents}.five-l-story .beef-menu .submenu{grid-column:1/-1}.five-l-story .beef-menu details:not([open]) .submenu{display:none}.five-l-story .beef-menu summary{width:44px;justify-content:center}.five-l-story header summary{justify-content:space-between}.five-l-story .story-hero{height:340px}.five-l-story .story-hero>img{object-fit:cover;object-position:48% 40%}.five-l-story .hero-copy{padding-bottom:22px}.five-l-story .hero-copy h1{font-size:44px}.five-l-story .hero-copy .eyebrow{font-size:9px}.five-l-story .welcome{grid-template-columns:1fr;gap:25px;padding-block:37px}.five-l-story .welcome h2{font-size:28px}.five-l-story .welcome p,.five-l-story .story-copy p{font-size:16px}.five-l-story .actions{gap:14px 26px;margin-top:19px}.five-l-story .text-link{font-size:10px;gap:15px}.five-l-story .chapter-nav>.wrap{gap:0;justify-content:space-between}.five-l-story .chapter-nav a{font-size:8px;gap:5px;padding-block:16px}.five-l-story .chapter-nav a span{font-size:8px}.five-l-story .story-row{grid-template-columns:1fr;gap:29px;scroll-margin-top:55px}.five-l-story .story-row figure img{max-height:410px}.five-l-story .reverse figure,.five-l-story .reverse .story-copy{grid-column:auto;grid-row:auto}.five-l-story .story-copy h2{font-size:34px;margin-bottom:20px}.five-l-story .story-row figcaption{font-size:8px}.five-l-story .family-moment{grid-template-columns:1fr}.five-l-story .moment-video video{height:auto;aspect-ratio:4/3;object-position:center 50%}.five-l-story .moment-copy{padding:39px 24px}.five-l-story .moment-copy h2{font-size:42px}.five-l-story .moment-copy p{font-size:16px}.five-l-story .footer-row{flex-direction:column;align-items:flex-start;gap:18px;padding-block:32px}.five-l-story .video-control{bottom:14px;right:16px}}.five-l-story .name-chapter{background:var(--ink);color:#fff;padding-block:62px;scroll-margin-top:55px}.five-l-story .name-intro{display:grid;grid-template-columns:.7fr 1.3fr;gap:75px;align-items:start}.five-l-story .name-intro h2{font-size:clamp(62px,7vw,100px)}.five-l-story .name-intro p{max-width:680px;font-size:17px}.five-l-story .five-names{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:42px;padding-top:26px;border-top:1px solid #ffffff35;font-size:18px;font-weight:500;letter-spacing:.06em}.five-l-story .five-names .surname{font-size:10px;letter-spacing:.12em;color:#d9d6cc}.five-l-story .history{padding-bottom:65px}.five-l-story .history h3{margin:0 0 25px;font-size:11px;letter-spacing:.12em;font-weight:500}.five-l-story .history-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:45px}.five-l-story .year{display:block;font-size:30px;line-height:1.3;font-weight:500;margin-bottom:18px;color:var(--blue)}.five-l-story .history-grid p{font-size:15px;line-height:1.65}.five-l-story .values-chapter{background:var(--soft)}.five-l-story .ranch-chapter .story-row{padding-bottom:48px}.five-l-story .chapter-nav a{white-space:nowrap}@media(max-width:760px){.five-l-story .name-chapter{padding-block:40px}.five-l-story .name-intro{grid-template-columns:1fr;gap:25px}.five-l-story .name-intro h2{font-size:60px;line-height:1.02}.five-l-story .name-intro h2 br{display:none}.five-l-story .name-intro p{font-size:16px}.five-l-story .five-names{gap:12px 22px;justify-content:flex-start;font-size:14px;margin-top:28px;padding-top:22px}.five-l-story .five-names .surname{width:100%}.five-l-story .history{padding-bottom:40px}.five-l-story .history-grid{grid-template-columns:1fr;gap:28px}.five-l-story .year{font-size:27px;margin-bottom:12px}.five-l-story .history-grid p{font-size:15px}.five-l-story .ranch-chapter .story-row{padding-bottom:33px}.five-l-story .chapter-nav a{font-size:8px;letter-spacing:.035em}.five-l-story .welcome h2{font-size:27px}.five-l-story .moment-copy p+p{margin-top:18px}}.five-l-story .story-hero .hero-copy{justify-content:flex-start;padding-top:35px}.five-l-story .story-hero .hero-shade{background:linear-gradient(90deg,#0008,#0000 85%)}@media(max-width:760px){.five-l-story .story-hero{height:auto}.five-l-story .story-hero>img{height:auto;object-fit:contain;object-position:center}.five-l-story .story-hero .hero-shade{display:none}.five-l-story .story-hero .hero-copy{position:relative;inset:auto;padding-top:21px;padding-bottom:25px}.five-l-story .story-hero .hero-copy h1{font-size:40px}.five-l-story .story-hero .hero-copy .eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){.five-l-story,.five-l-story *,.five-l-story *:before,.five-l-story *:after{animation:none!important;transition:none!important}}.five-l-story .native-video{width:100%;height:100%}.five-l-story .native-video video{display:block;width:100%;height:100%;object-fit:cover;object-position:center 50%}.five-l-story .editable-copy+.editable-copy{margin-top:18px}.five-l-story :is(h1,h2,h3){text-transform:uppercase}@media(max-width:760px){.five-l-story .moment-video .native-video{height:auto}.five-l-story .moment-video .native-video video{aspect-ratio:4/3;height:auto;object-fit:cover}}.five-l-story .chapter-nav{top:var(--family-header-height,0px)}.five-l-story :is(#beginning,#name,#ranch,#family){scroll-margin-top:calc(var(--family-header-height,0px) + 60px)}#content:has(.five-l-story){margin-top:0;padding-bottom:0}#content>.container:has(.five-l-story){width:100%;max-width:none;margin-inline:0}
/*# sourceMappingURL=/cdn/shop/t/6/assets/five-l-story.css.map */