/* Shared markup and editor values; the mobile composition follows Figma MO 25:282. */
.fd-mobile-actions,.fd-menu-backdrop,.fd-menu-close,.fd-nav-arrow{display:none}
.fd-copy-mobile{display:none}
.fd-scroll-mouse{width:calc(23.9575 * var(--fd-unit));height:calc(57.2991 * var(--fd-unit));object-fit:contain}
@media(max-width:900px){
  html{scroll-padding-top:0}
  .fd-site{--fd-unit:1px;--fd-mobile-header:66.273px;--fd-mobile-quick:70px;font-size:20px;padding-bottom:calc(var(--fd-mobile-quick) + env(safe-area-inset-bottom,0px))}
  .fd-site section[id]{scroll-margin-top:var(--fd-mobile-header)}
  .fd-header{height:var(--fd-mobile-header)}
  .fd-header-inner{padding:4px 16px 0 20px}
  .fd-brand img{width:98.981px;height:32.084px}
  .fd-header-phone{display:none!important}
  .fd-mobile-actions{display:flex;align-items:center;gap:20px;position:relative;z-index:3}
  .fd-mobile-actions a,.fd-mobile-actions button{display:flex;align-items:center;justify-content:center;min-height:44px;border:0;padding:0;background:none}
  .fd-mobile-actions a{width:28px}.fd-menu-toggle{width:24px}
  .fd-mobile-icon-dark{display:none}.fd-mobile-actions a img{width:28px;height:28px}.fd-mobile-actions button img{width:24px;height:24px}
  .fd-header.is-scrolled,.fd-header.is-menu-open{background:#fff;color:#333;border-bottom:1px solid #e1e1e1}
  .fd-header.is-menu-open{position:fixed!important;top:0}
  .fd-header:is(.is-scrolled,.is-menu-open) .fd-mobile-icon-light{display:none}
  .fd-header:is(.is-scrolled,.is-menu-open) .fd-mobile-icon-dark{display:block}
  .fd-brand{position:relative;z-index:3}
  .fd-nav{display:none;position:fixed;z-index:2;top:var(--fd-mobile-header);right:0;width:min(278px,calc(100vw - 82px));max-height:calc(100dvh - var(--fd-mobile-header) - var(--fd-mobile-quick) - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid #c1c1c1;padding:10px 40px 0;margin:0;gap:0;font-size:18px;color:#333;white-space:normal}
  .fd-header.is-menu-open .fd-nav{display:flex;flex-direction:column;align-items:stretch}
  .fd-nav a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:66px;padding:20px 0;border-bottom:1px solid #ccc;line-height:25.5px;font-weight:600}
  .fd-nav-arrow{display:block;width:8.667px;height:15.333px;flex:none}
  .fd-menu-backdrop{position:fixed;inset:var(--fd-mobile-header) 0 0;z-index:1;border:0;padding:0;background:#000b}
  .fd-header.is-menu-open .fd-menu-backdrop{display:block}
  .fd-menu-close{position:fixed;z-index:2;top:calc(var(--fd-mobile-header) + 10px);right:min(292px,calc(100vw - 68px));width:48px;height:48px;background:#000;border:0;padding:0;border-radius:50%}
  .fd-menu-close img{display:block;width:21.0885px;height:20.0883px;margin:auto}
  .fd-header.is-menu-open .fd-menu-close{display:block}
  .fd-cms{padding:110px 20px 70px;max-width:800px}
  .fd-hero{min-height:max(calc(100vh - var(--fd-mobile-quick) - env(safe-area-inset-bottom,0px)),660px);min-height:max(calc(100dvh - var(--fd-mobile-quick) - env(safe-area-inset-bottom,0px)),660px);padding:110px 20px 140px}
  .fd-hero-photo{width:1920px;height:100%;left:calc(50% - 1431.5px);top:0;right:auto;bottom:auto}
  .fd-hero-photo img{width:146.15%;height:164.19%;left:-18.74%;top:-42.77%;object-fit:cover}
  .fd-hero-content{padding:0}
  .fd-hero h1{font-size:36px;line-height:1.3}
  .fd-hero-rule{margin:24px auto;width:50px;height:3px}
  .fd-hero-content>p{font-size:16px;line-height:28.5px;max-width:440px;margin:auto}
  .fd-copy-desktop{display:none}.fd-copy-mobile{display:inline}
  .fd-site p,.fd-site h1,.fd-site h2,.fd-site h3,.fd-proof strong{word-break:keep-all;overflow-wrap:break-word}
  .fd-hero-cta{width:240px;min-height:48px;padding:10px 20px;font-size:20px;line-height:1.4;margin-top:20px}
  .fd-scroll{top:auto;bottom:28px;gap:9px}
  .fd-proof{min-height:443px;margin-top:0;padding:40px 20px;display:flex;flex-direction:column;justify-content:center;gap:40px;background:var(--fd-orange)}
  .fd-proof>div{width:100%}.fd-proof strong,.fd-proof>div:last-child strong{font-size:32px;line-height:1.4;white-space:normal;letter-spacing:-.32px;max-width:285px;margin:auto}
  .fd-proof>div:last-child strong{max-width:100%}.fd-proof p{font-size:20px;line-height:1.3;margin-top:9px}
  .fd-about{display:flex;flex-direction:column;min-height:0}
  .fd-about-photo{min-height:0;height:840px;width:100%;flex:none}
  .fd-about-photo img{inset:0;width:100%;height:100%;object-fit:cover}
  .fd-about-copy{min-height:674.2px;display:block;padding:70px 20px 50px;max-width:640px;width:100%;margin:auto}
  .fd-about-symbol{width:66.818px;height:84.2px;margin-bottom:20px}
  .fd-about h2{font-size:24px;line-height:1.4}.fd-about h2 strong{font-size:48px}
  .fd-about h3{font-size:26px;line-height:1.3;font-weight:600;margin-top:50px}
  .fd-about-copy>p{font-size:22px;line-height:1.3;font-weight:400;margin-top:50px;max-width:none}
  .fd-section-heading h2{font-size:38px;line-height:1.3}
  .fd-section-heading>p{font-size:20px;line-height:28.5px;margin-top:16px}
  .fd-reasons{min-height:0;padding:70px 20px 50px}
  .fd-reasons .fd-section-heading{max-width:600px;margin:auto}
  .fd-reasons .fd-section-heading h2{font-size:32px}
  .fd-four-cards{grid-template-columns:1fr;gap:30px;max-width:600px;margin:60px auto 0}
  .fd-photo-card{height:auto;min-height:0;border-radius:20px}
  .fd-reason-card{padding:220px 30px 50px;align-items:flex-start}
  .fd-reason-card:last-child{padding-left:40px;padding-right:40px}
  .fd-reason-card .fd-card-copy{margin-top:0}
  .fd-card-copy h3{font-size:32px;line-height:39px}
  .fd-card-copy p{font-size:20px;line-height:25.2px;margin-top:14px}
  .fd-soft-break{display:none}
  .fd-services{min-height:0;padding:70px 20px 50px}
  .fd-services .fd-section-heading{max-width:600px;margin:auto}
  .fd-services-photo img{inset:0;width:100%;height:100%;object-fit:cover}
  .fd-service-grid{display:grid;grid-template-columns:1fr;gap:30px;max-width:600px;margin:40px auto 0}
  .fd-service-card,.fd-service-card:nth-child(4),.fd-service-card:last-child{grid-column:auto;min-height:0;padding:30px 20px;border-radius:20px}
  .fd-service-card>span{font-size:20px;line-height:30px}
  .fd-service-card h3{font-size:26px;line-height:30px;margin-top:8px}
  .fd-service-card p{font-size:17px;line-height:25.2px;margin-top:12px}
  .fd-service-card:nth-child(3) p,.fd-service-card:nth-child(4) p{margin-top:16px}
  .fd-process{min-height:2369px;padding:70px 20px 40px;background:linear-gradient(to bottom,#fff 0,#fff 241px,var(--fd-orange) 241px,var(--fd-orange) 100%)}
  .fd-process-tabs{width:320px;max-width:100%;margin:40px auto 60px}
  .fd-process-tabs button{width:50%;height:52px;font-size:20px}
  .fd-process-steps{flex-direction:column;flex-wrap:nowrap;gap:18px}
  .fd-step{display:flex;flex-direction:column;align-items:center;flex:none;align-self:center;width:280px;max-width:100%;min-height:var(--fd-step-height,0px);padding:30px 40px 20px}
  .fd-step-number{display:block;font-size:15px;line-height:18px}.fd-step-icon{width:80px;height:80px;flex:none;margin:33px auto}
  .fd-step h3{font-size:28px;line-height:34px;white-space:normal}
  .fd-step p{width:100%;font-size:16px;line-height:1.3;margin-top:28px}
  [aria-labelledby="fd-tab-recipe"] .fd-step:first-child p{max-width:176px}
  .fd-step-arrow{display:flex;width:42px;height:42px;transform:rotate(90deg)}
  .fd-quality{min-height:0;padding:70px 20px 40px}
  .fd-quality .fd-section-heading{max-width:600px;margin:auto}
  .fd-quality .fd-four-cards{gap:60px}
  .fd-quality-card{height:400px;min-height:400px;padding:0 40px 24px}
  .fd-quality-card .fd-card-copy h3{font-size:32px;line-height:30px}
  .fd-quality-card .fd-card-copy p{font-size:20px;line-height:25.2px;margin-top:20px}
  .fd-quality-2 .fd-card-photo img:not(.fd-quality-underlay){width:290.15%;height:145.1%;top:-45.1%;left:-95.08%}
  .fd-partners{min-height:0;padding:70px 0 40px}
  .fd-partners .fd-section-heading{padding:0 20px;max-width:640px;margin:auto}
  .fd-logo-viewport{width:100%;margin-top:50px}
  .fd-logo-set{gap:0;padding-right:0}
  .fd-food-banner{height:auto;position:relative}
  .fd-food-banner>div:first-child{width:100%;height:auto;position:relative;z-index:1}
  .fd-food-banner>div:first-child img{display:block;position:static;inset:auto;width:100%;height:auto;max-width:100%;object-fit:contain}
  .fd-food-banner>div:last-child{display:none}
  .fd-faq{min-height:0;padding:70px 20px 50px}
  .fd-faq .fd-section-heading h2{font-size:42px}
  .fd-faq .fd-section-heading>p{font-size:18px;font-weight:600;line-height:28.5px;margin-top:12px}
  .fd-faq-list{max-width:600px;margin:50px auto 0}
  .fd-faq-list details{margin:0;border-bottom:1px solid #fffa}
  .fd-faq-list summary{min-height:110px;padding:28px 10px 20px;gap:8px;font-size:24px;line-height:1.3}
  .fd-faq-list summary img{width:5.833px;height:11.667px}
  .fd-faq-list details[open] summary{min-height:110px}
  .fd-faq-answer{padding:35px 20px 30px;font-size:24px;line-height:1.2}
  .fd-faq-prefix{display:none}
  .fd-contact{min-height:558px;padding:70px 20px 50px}
  .fd-contact-content{max-width:640px;margin:auto}
  .fd-contact .fd-section-heading h2{font-size:40px;line-height:1.3}
  .fd-contact .fd-section-heading>p{font-size:16px;line-height:24px;margin-top:16px}
  .fd-contact-photo img{width:183.98%;height:112.86%;top:-4.01%;left:-39.34%}
  .fd-contact-buttons{flex-direction:column;gap:16px;margin-top:50px}
  .fd-contact-buttons>a{width:304px;max-width:100%;min-height:52px;padding:9px 12px;font-size:20px;line-height:1.5}
  /* Leave the final policy row above the floating TOP button at the page bottom. */
  .fd-footer{min-height:0;padding:70px 20px 90px}
  .fd-footer-logo{width:251px;height:77.415px;margin-bottom:30px}
  .fd-company-info{font-size:18px;line-height:1.8}
  .fd-company-info p{margin:0}.fd-company-info .fd-divider{display:block;font-size:0;height:0;margin:0}
  .fd-footer-bottom{display:flex;flex-direction:column;gap:22px;margin-top:22px;padding-top:22px;padding-bottom:0;font-size:16px}
  .fd-footer-bottom>div{gap:20px}.fd-footer-bottom button{font-size:16px}
  .fd-quick{inset:auto 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0;padding-bottom:env(safe-area-inset-bottom,0px);background:linear-gradient(to right,#e15b00 50%,#fee500 50%)}
  .fd-quick>a{width:100%;height:var(--fd-mobile-quick);border-radius:0;flex-direction:row;gap:8px;font-size:18px;letter-spacing:-.72px}
  .fd-quick-phone img{width:22px;height:21.708px}.fd-quick-kakao img{width:30px;height:27.568px}
  .fd-top{position:absolute;right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(95px + env(safe-area-inset-bottom,0px));margin:0;width:60px;height:60px;font-size:14px;gap:4px}
  .fd-policy{width:calc(100vw - 40px);max-height:calc(100dvh - 160px);padding:24px}
  .fd-policy h2{font-size:24px}.fd-policy>div{font-size:16px}
  .fd-hero-photo:has(>img:not([src*="/layouts/foodject/img/figma/"])){inset:0;width:100%;height:100%}
}
@media(min-width:601px) and (max-width:900px){
  .fd-hero-content>p{max-width:440px}.fd-quality-card{height:460px}
  .fd-about-photo{height:700px}.fd-contact-photo img{inset:0;width:100%;height:100%;object-fit:cover}
}
@media(max-width:359px){
  .fd-hero h1{font-size:32px}.fd-section-heading h2,.fd-contact .fd-section-heading h2{font-size:34px}
  .fd-process-tabs button{font-size:17px}.fd-quick>a{font-size:16px}
  .fd-card-copy h3{font-size:28px}.fd-quality-card{padding-left:30px;padding-right:30px}
  .fd-contact-buttons>a{font-size:18px}.fd-footer-bottom>div{gap:12px}
}
