/* Selected About Us concept: catering supply scenes, scoped to this page. */
.about-brand-page{--company-blue:#174dff;--company-ink:#101c35;--company-copy:#253147;--company-gold:#ffd348}
.about-brand-page .container{width:min(1320px,calc(100% - 112px))}
.about-brand-page main{overflow:clip}.about-brand-page h1,.about-brand-page h2{text-wrap:initial}
.company-hero{display:grid;grid-template-columns:42.6% 57.4%;background:var(--company-blue)}
.company-hero-copy{min-width:0;color:#fff;min-height:clamp(450px,50.5vw,760px);padding:clamp(48px,7.1vw,108px) 34px 42px max(44px,calc((100vw - 1320px)/2));display:flex;flex-direction:column;align-items:flex-start}
.company-eyebrow{color:#fff;font-size:17px;font-weight:600;line-height:1.5;padding-left:50px;position:relative;margin-bottom:35px}
.company-eyebrow:before{content:"";position:absolute;left:0;top:12px;width:35px;border-top:3px solid #fff}
.company-hero h1{font-size:clamp(45px,5.8vw,86px);font-weight:800;letter-spacing:-.025em;line-height:1.36;margin-bottom:21px}.company-hero h1 span{display:block}
.company-hero-subtitle{font-size:clamp(21px,2.5vw,36px);line-height:1.55;color:#fff;font-weight:500;max-width:100%;margin-bottom:38px}
.company-hero-link{display:inline-flex;align-items:center;gap:20px;font-size:17px;line-height:1.6;padding:5px 0 7px;border-bottom:1px solid #a9beff;color:#fff}
.company-hero-link img{width:23px;height:23px;filter:brightness(0) invert(1);transition:transform .18s}.company-hero-link:hover img{transform:translateX(4px)}
.company-hero-signature{margin-top:auto;padding-top:60px;display:grid;gap:4px;color:#d6e0ff;font-size:11px;letter-spacing:.18em;line-height:1.6}.company-hero-signature span:last-child{font-size:9px;letter-spacing:.13em}
.company-hero-photo{min-width:0;overflow:hidden}.company-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.company-profile{padding:65px 0 76px;scroll-margin-top:110px}
.company-intro-grid{display:grid;grid-template-columns:29.4% minmax(0,1fr);gap:20px}
.company-section-title{font-size:48px;font-weight:700;line-height:1.45;letter-spacing:-.02em;position:relative;padding-bottom:25px;margin:0;color:var(--company-ink)}
.company-section-title:after{content:"";display:block;position:absolute;left:0;bottom:0;width:74px;height:5px;background:var(--company-gold)}
.company-profile-copy>p,.company-purpose-copy>p{font-size:22px;line-height:1.9;color:var(--company-copy)}
.company-profile-copy>p+p{margin-top:21px}.company-profile-copy .company-operator{border-top:1px solid #e3e8f0;padding-top:17px;margin-top:26px;font-size:12px;color:#64718a;line-height:1.8;letter-spacing:.03em}
.company-services{background:#faf9f7}.company-service-row{display:grid;grid-template-columns:59% 41%;min-height:358px}.company-service-reverse{grid-template-columns:41% 59%}
.company-service-photo{min-width:0;overflow:hidden}.company-service-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.company-service-copy{display:flex;align-items:center;padding:44px max(44px,calc((100vw - 1320px)/2)) 44px 56px;min-width:0}
.company-service-copy>div{width:100%}.company-service-reverse .company-service-copy{padding:44px 40px 44px max(44px,calc((100vw - 1320px)/2))}
.company-service-copy .company-section-title{font-size:43px;padding-bottom:23px}.company-service-copy .company-section-title:after{width:65px;height:4px}
.company-service-copy p{font-size:22px;line-height:1.9;color:var(--company-copy);margin-top:25px}
.company-text-link{display:inline-flex;align-items:center;gap:14px;color:var(--company-blue);font-size:21px;font-weight:600;line-height:1.7;margin-top:23px;padding:5px 0;min-height:44px}
.company-text-link img{width:23px;height:23px;filter:invert(29%) sepia(94%) saturate(5140%) hue-rotate(225deg) brightness(95%);transition:transform .18s}.company-text-link:hover{text-decoration:underline;text-underline-offset:5px}.company-text-link:hover img{transform:translateX(4px)}
.company-purpose{padding:68px 0 0;scroll-margin-top:110px}.company-purpose-copy>p{font-size:21px}
.company-principles{list-style:none;padding:0;margin:26px 0 0;display:flex;align-items:center;flex-wrap:wrap;gap:35px;color:var(--company-blue);font-size:45px;line-height:1.4;font-weight:700}
.company-principles li+li{display:flex;align-items:center;gap:35px}.company-principles li+li:before{content:"";width:5px;height:5px;background:var(--company-blue);border-radius:50%;flex:none}
.company-values{padding:29px 0 32px;margin:38px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;border-top:1px solid #d9e0ec;align-items:center}
.company-values li{font-size:30px;font-weight:700;line-height:1.6;text-align:center;padding:0 20px}.company-values li+li{border-left:1px solid #bdc9de}
.about-brand-page .site-footer{background:#101b30;padding-top:53px}.about-brand-page .footer-top{padding-bottom:49px}.about-brand-page .footer-bottom{padding-top:22px;font-size:11px}
html[lang=en] .company-hero h1{font-size:clamp(42px,4.6vw,68px);line-height:1.28;letter-spacing:-.04em}html[lang=en] .company-hero-subtitle{font-size:clamp(18px,1.75vw,26px);max-width:490px}html[lang=en] .company-section-title{font-size:37px}html[lang=en] .company-service-copy .company-section-title{font-size:33px}html[lang=en] .company-values li{font-size:22px}
@media(min-width:1600px){.company-hero-copy{padding-left:max(60px,calc((100vw - 1320px)/2))}.company-hero{min-height:760px}}
@media(max-width:1150px){.about-brand-page .container{width:calc(100% - 80px)}.company-hero-copy{padding:60px 28px 35px 40px}.company-eyebrow{font-size:14px;margin-bottom:26px;padding-left:34px}.company-eyebrow:before{width:23px;top:9px;border-width:2px}.company-hero-subtitle{margin-bottom:29px}.company-hero-link{font-size:15px}.company-hero-signature{padding-top:45px;font-size:10px}.company-hero-signature span:last-child{font-size:8px}.company-section-title{font-size:34px}.company-profile{padding:48px 0 52px}.company-profile-copy>p,.company-purpose-copy>p{font-size:17px}.company-service-row{min-height:290px}.company-service-copy{padding:34px 40px}.company-service-reverse .company-service-copy{padding:34px 35px 34px 40px}.company-service-copy .company-section-title{font-size:30px}.company-service-copy p{font-size:16px;margin-top:21px}.company-text-link{font-size:16px;margin-top:18px}.company-purpose{padding-top:48px}.company-principles{font-size:35px;gap:28px}.company-principles li+li{gap:28px}.company-values li{font-size:23px}.company-values{margin-top:30px;padding-block:24px}html[lang=en] .company-section-title{font-size:30px}html[lang=en] .company-service-copy .company-section-title{font-size:27px}html[lang=en] .company-values li{font-size:18px}}
@media(max-width:850px){.about-brand-page .container{width:calc(100% - 48px)}.company-hero-copy{padding:40px 22px 28px 24px}.company-hero h1{font-size:43px}.company-hero-subtitle{font-size:20px}.company-hero-signature{padding-top:32px;letter-spacing:.13em}.company-hero-signature span:last-child{font-size:7px;letter-spacing:.06em}.company-section-title{font-size:29px;padding-bottom:20px}.company-section-title:after{width:52px;height:4px}.company-profile{padding:40px 0 45px}.company-intro-grid{grid-template-columns:30% minmax(0,1fr);gap:22px}.company-profile-copy>p,.company-purpose-copy>p{font-size:15px}.company-service-copy{padding:28px 24px}.company-service-reverse .company-service-copy{padding:28px 24px}.company-service-copy .company-section-title{font-size:26px}.company-service-copy p{font-size:14px}.company-text-link{font-size:14px;gap:8px}.company-text-link img{width:20px;height:20px}.company-service-row{min-height:260px}.company-principles{font-size:30px;gap:24px}.company-principles li+li{gap:24px}.company-values li{font-size:21px;padding-inline:12px}html[lang=en] .company-hero h1{font-size:39px}html[lang=en] .company-hero-subtitle{font-size:17px}html[lang=en] .company-section-title{font-size:27px}html[lang=en] .company-service-copy .company-section-title{font-size:23px}html[lang=en] .company-values li{font-size:16px}}
@media(max-width:700px){.company-hero{grid-template-columns:minmax(0,1fr)}.company-hero-copy{min-height:0;padding:39px 24px 32px}.company-eyebrow{font-size:13px;margin-bottom:21px}.company-hero h1{font-size:49px;line-height:1.35;margin-bottom:16px}.company-hero-subtitle{font-size:22px;margin-bottom:23px}.company-hero-signature{padding-top:35px;font-size:10px}.company-hero-signature span:last-child{font-size:8px;letter-spacing:.1em}.company-hero-photo{height:340px}.company-hero-photo img{object-position:center 63%}.company-intro-grid{grid-template-columns:minmax(0,1fr);gap:25px}.company-profile{scroll-margin-top:85px}.company-profile-copy>p{font-size:15px}.company-profile-copy>p+p{margin-top:18px}.company-profile-copy .company-operator{font-size:10px}.company-service-row,.company-service-reverse{grid-template-columns:minmax(0,1fr);min-height:0}.company-service-photo{height:240px}.company-service-copy,.company-service-reverse .company-service-copy{padding:32px 24px 35px}.company-service-copy .company-section-title{font-size:29px}.company-service-copy p{font-size:15px;margin-top:20px}.company-service-reverse .company-service-photo{order:-1}.company-text-link{font-size:15px;margin-top:16px}.company-purpose{padding-top:40px;scroll-margin-top:85px}.company-purpose-copy>p{font-size:15px}.company-principles{font-size:29px;gap:20px;margin-top:21px}.company-principles li+li{gap:20px}.company-values{grid-template-columns:repeat(2,minmax(0,1fr));padding-block:0;margin-top:30px}.company-values li{font-size:21px;padding:18px 10px}.company-values li+li{border-left:0}.company-values li:nth-child(even){border-left:1px solid #d9e0ec}.company-values li:nth-child(n+3){border-top:1px solid #d9e0ec}.about-brand-page .site-footer{padding-top:38px}.about-brand-page .footer-top{padding-bottom:30px}.about-brand-page .footer-bottom{font-size:10px}html[lang=en] .company-hero h1{font-size:clamp(32px,9.8vw,46px)}html[lang=en] .company-hero-subtitle{font-size:19px;max-width:350px}html[lang=en] .company-section-title{font-size:29px}html[lang=en] .company-service-copy .company-section-title{font-size:27px}html[lang=en] .company-values li{font-size:17px}html[lang=en] .company-principles{font-size:19px;gap:12px}html[lang=en] .company-principles li+li{gap:12px}}
@media(max-width:360px){.about-brand-page .container{width:calc(100% - 40px)}.company-hero-copy{padding-inline:20px}.company-hero h1{font-size:43px}.company-hero-subtitle{font-size:19px}.company-hero-photo{height:290px}.company-service-copy,.company-service-reverse .company-service-copy{padding-inline:20px}.company-service-photo{height:200px}.company-principles{font-size:26px;gap:16px}.company-principles li+li{gap:16px}.company-values li{font-size:19px}html[lang=en] .company-hero h1{font-size:32px}html[lang=en] .company-principles{font-size:17px;gap:8px}html[lang=en] .company-principles li+li{gap:8px}html[lang=en] .company-values li{font-size:15px}}
@media(prefers-reduced-motion:reduce){.about-brand-page *,.about-brand-page *:before,.about-brand-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.company-text-link:hover img,.company-hero-link:hover img{transform:none}}
