:root {
  --ink: #202524;
  --text: #4f5854;
  --red: #bb3024;
  --white: #fff;
  --pale: #f4f6f4;
  --line: #dde3df;
  --green: #e8eeea;
  --footer: #222927;
  --font: 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;overflow-x:clip}body{color:var(--ink);background:var(--white);font-family:var(--font);font-size:16px;line-height:1.7;word-break:keep-all;overflow-wrap:break-word}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--red);outline-offset:4px}.skip{position:fixed;top:-100px;left:16px;z-index:20;background:var(--white);padding:10px 16px}.skip:focus{top:10px}.container{width:min(1200px,calc(100% - 72px));margin:0 auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.35;letter-spacing:-.035em}
.site-header{position:relative;z-index:2;background:var(--white);border-bottom:1px solid var(--line)}.header-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:40px}.logo{flex:0 0 auto}.logo img{width:142px;height:77px;object-fit:contain}.navigation{display:flex;gap:clamp(28px,4.5vw,64px);align-items:center;font-size:15px;font-weight:700}.navigation a{padding:15px 0;white-space:nowrap}.navigation a:hover,.navigation a[aria-current=page]{color:var(--red)}
.home-hero{position:relative;min-height:640px;height:calc(100svh - 90px);max-height:760px;display:flex;align-items:center;color:var(--white);background:var(--ink)}.home-hero-image,.home-hero-shade{position:absolute;inset:0;width:100%;height:100%}.home-hero-image{object-fit:cover;object-position:center 52%}.home-hero-shade{background:linear-gradient(90deg,rgba(10,20,16,.83) 0%,rgba(10,20,16,.54) 48%,rgba(10,20,16,.2) 100%)}.home-hero-content{position:relative;padding:48px 0 80px}.home-brand{font-size:14px;margin-bottom:28px;letter-spacing:.08em}.home-hero h1{font-size:clamp(41px,4.7vw,68px);font-weight:400;margin-bottom:25px}.home-hero h1 strong{font-weight:700}.home-hero-content>p:not(.home-brand){font-size:18px;line-height:1.9;margin-bottom:35px}.hero-button{display:inline-flex;gap:40px;align-items:center;border:1px solid var(--white);padding:15px 19px;font-size:15px;font-weight:700}.hero-button:hover{background:var(--white);color:var(--ink)}.hero-caption{position:absolute;bottom:28px;left:0;right:0;font-size:13px}
.section{padding:100px 0}.section h2,.home-offices h2{font-size:clamp(30px,3vw,42px);margin-bottom:0}.section-label{margin:0 0 15px;color:var(--red);font-size:15px;font-weight:700}.intro-grid,.detail-intro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:90px;align-items:start}.intro-grid>div:last-child,.detail-copy{color:var(--text);font-size:16px;line-height:1.9}.intro-grid>div:last-child{padding-top:24px}.intro-grid p:last-child,.detail-copy p:last-child{margin-bottom:0}.text-link{display:inline-block;color:var(--red);font-size:14px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:4px}.text-link:hover{color:var(--ink)}.home-business,.detail-pale{background:var(--pale)}.heading-row{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:42px}.heading-row>p{margin:0;color:var(--text)}
.feature-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.75fr);gap:20px}.feature-main{position:relative;min-height:430px;color:var(--white);overflow:hidden;background:var(--ink)}.feature-main>img{position:absolute;width:100%;height:100%;object-fit:cover}.feature-main::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,24,19,.86),rgba(13,24,19,.05) 85%)}.feature-main>div{position:absolute;bottom:0;left:0;right:0;z-index:1;padding:35px}.feature-main span{font-size:14px}.feature-main h3{font-size:28px;margin:10px 0}.feature-main p{margin-bottom:17px}.card-more{border-bottom:1px solid currentColor;padding-bottom:3px}.feature-side{display:grid;gap:20px}.feature-side>a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--white);min-height:205px;align-items:stretch}.feature-side img{width:100%;height:100%;min-height:205px;object-fit:cover}.feature-side span{padding:24px;align-self:center;color:var(--text);font-size:14px}.feature-side b{display:block;color:var(--ink);font-size:20px;margin-top:6px}.values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:46px}.values-grid article{border-top:2px solid var(--ink);padding-top:20px}.values-grid h3{font-size:19px;margin-bottom:9px}.values-grid p{color:var(--text);font-size:15px;margin:0}.home-offices{background:var(--green);padding:65px 0}.office-callout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) auto;align-items:center;gap:36px}.office-callout>p{color:var(--text);margin:0}
.subhero{position:relative;min-height:270px;color:var(--white);display:flex;align-items:center;background:var(--ink) center/cover no-repeat}.subhero-company,.subhero-meals{background-image:url('assets/meal-second.jpg')}.subhero-other{background-image:url('assets/jodong-exterior.jpg')}.subhero-offices{background:var(--footer)}.subhero-shade{position:absolute;inset:0;background:rgba(13,24,19,.7)}.subhero-content{position:relative;padding:52px 0}.subhero-content p{font-size:14px;margin-bottom:12px}.subhero h1{font-size:clamp(34px,3.5vw,48px);margin-bottom:8px}.subhero-content span{font-size:16px}.breadcrumb{border-bottom:1px solid var(--line);color:var(--text);font-size:14px}.breadcrumb .container{display:flex;gap:15px;padding:15px 0}.breadcrumb a:hover{color:var(--red)}.detail-intro .detail-copy{padding-top:25px}.detail-feature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:75px;align-items:center}.detail-feature>img{width:100%;height:450px;object-fit:cover}.detail-copy h2{color:var(--ink);font-size:clamp(30px,3vw,42px);margin-bottom:22px}.detail-copy h3{color:var(--ink);font-size:26px;margin-bottom:16px}.detail-copy .section-label{color:var(--red)}.detail-list{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--line)}.detail-list li{padding:12px 0;border-bottom:1px solid var(--line);font-size:15px;font-weight:700;color:var(--ink)}.button{display:inline-block;color:var(--white);background:var(--red);padding:13px 25px;border-radius:3px;font-size:15px;font-weight:700;margin-top:38px}.button:hover{background:var(--ink)}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:48px}.gallery img{width:100%;height:235px;object-fit:cover}.inline-photo{display:flex;align-items:center;gap:15px;margin-top:28px;color:var(--text);font-size:14px}.inline-photo img{width:150px;height:100px;object-fit:cover}.offices-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.offices-grid article{background:var(--pale);padding:40px;border-top:3px solid var(--red)}.offices-grid h3{font-size:22px;margin-bottom:12px}.offices-grid p{color:var(--text);margin:0}
.site-footer{background:var(--footer);color:var(--white)}.footer-inner{padding:45px 0;display:flex;justify-content:space-between;align-items:start;gap:30px}.footer-inner strong{font-size:19px}.footer-inner p{color:#c9d0cb;margin:8px 0 14px;font-size:14px}.footer-inner small,.footer-inner>a{color:#c9d0cb;font-size:13px}
@media(max-width:800px){.container{width:calc(100% - 40px)}.header-inner{min-height:0;gap:0;flex-direction:column;align-items:stretch;padding-bottom:8px}.logo{align-self:flex-start}.logo img{width:110px;height:64px}.navigation{justify-content:space-between;gap:10px;font-size:13px}.navigation a{padding:8px 0}.home-hero{min-height:570px;height:calc(100svh - 110px);max-height:720px}.home-hero-image{object-position:58% center}.home-hero-shade{background:rgba(10,20,16,.62)}.home-hero-content{padding:40px 0 70px}.home-hero h1{font-size:clamp(34px,8vw,48px)}.home-hero-content>p:not(.home-brand){font-size:16px}.section{padding:72px 0}.intro-grid,.detail-intro,.detail-feature{grid-template-columns:minmax(0,1fr);gap:30px}.intro-grid>div:last-child,.detail-intro .detail-copy{padding-top:0}.heading-row{display:block;margin-bottom:30px}.heading-row>p,.heading-row>.text-link{margin-top:16px}.feature-grid{grid-template-columns:minmax(0,1fr)}.feature-main{min-height:370px}.feature-side{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feature-side>a{display:block;min-height:0}.feature-side img{height:150px;min-height:0}.feature-side span{display:block;padding:16px}.feature-side b{font-size:18px}.values-grid{grid-template-columns:minmax(0,1fr);gap:22px;margin-top:34px}.office-callout{grid-template-columns:minmax(0,1fr);gap:20px}.home-offices{padding:55px 0}.subhero{min-height:220px}.detail-feature>img{height:300px}.gallery{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.gallery img{height:180px}.offices-grid{grid-template-columns:minmax(0,1fr);gap:16px}}
@media(max-width:400px){.navigation{gap:8px;font-size:12px}.logo img{width:94px}.feature-main>div{padding:25px}.feature-side img{height:120px}.feature-side span{padding:14px}.home-hero h1{font-size:32px}.offices-grid article{padding:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.meal-photo-stack{display:grid;gap:14px;min-width:0}.meal-photo-stack img{width:100%;aspect-ratio:16/9;object-fit:cover}
.menu-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.menu-plan-grid article,.hygiene-grid article{border-top:2px solid var(--ink);padding-top:20px}.menu-plan-grid h3,.hygiene-grid h3,.season-heading h3,.special-menu h3,.customer-voice h3{font-size:20px;margin:0 0 10px}.menu-plan-grid p,.hygiene-grid p,.season-grid p,.special-menu p,.customer-voice>p{font-size:15px;line-height:1.8;color:var(--text);margin:0}.season-heading{margin-top:64px;display:flex;justify-content:space-between;align-items:end;gap:24px}.season-heading p{font-size:14px;color:var(--text);margin:0}.season-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.season-grid article{background:var(--white);padding:24px;min-height:140px}.season-grid strong{display:block;color:var(--red);font-size:17px;margin-bottom:8px}.special-menu{display:grid;grid-template-columns:minmax(0,.5fr) minmax(0,1fr);gap:24px;background:var(--green);padding:28px 32px;margin-top:14px;align-items:center}.special-menu h3{margin:0}.hygiene-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 48px}.customer-voice{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:40px;align-items:center;background:var(--pale);padding:36px 40px;margin-top:65px}.customer-voice .section-label{margin-bottom:9px}.customer-voice h3{margin:0}
@media(max-width:800px){.menu-plan-grid{grid-template-columns:minmax(0,1fr);gap:22px}.season-heading{display:block;margin-top:46px}.season-heading p{margin-top:10px}.season-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.season-grid article{padding:20px;min-height:120px}.special-menu,.customer-voice{grid-template-columns:minmax(0,1fr);gap:12px;padding:25px}.hygiene-grid{grid-template-columns:minmax(0,1fr);gap:26px}.customer-voice{margin-top:44px}}
.home-values .text-link{margin-top:16px}.support-grid,.operations-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.support-grid article{border-top:2px solid var(--ink);padding-top:20px}.support-grid h3,.operations-grid h3,.safety-note h3,.cafe-details h3{font-size:19px;margin:0 0 10px}.support-grid p,.operations-grid p,.safety-note p,.cafe-details p,.office-note{color:var(--text);font-size:15px;line-height:1.8;margin:0}.operations-section{padding-top:0}.operations-grid article{background:var(--pale);padding:26px 24px}.operations-grid span{display:block;color:var(--red);font-size:14px;font-weight:700;margin-bottom:18px}.safety-note{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:40px;align-items:start;border-top:1px solid var(--line);padding-top:45px;margin-top:55px}.safety-note .section-label{margin-bottom:9px}.safety-note p+p{margin-top:14px}.business-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:40px}.business-photos figure,.cafe-details figure{margin:0}.business-photos img{width:100%;height:230px;object-fit:cover}.business-photos figcaption,.cafe-details figcaption{font-size:13px;color:var(--text);margin-top:9px}.cafe-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;margin-top:55px;align-items:center}.cafe-details p+p{margin-top:12px}.cafe-details img{width:100%;height:280px;object-fit:cover}.offices-grid .text-link{margin-top:22px}.office-note{margin-top:20px}
@media(max-width:800px){.support-grid,.operations-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.operations-grid article{padding:22px}.safety-note,.cafe-details{grid-template-columns:minmax(0,1fr);gap:22px}.business-photos{gap:12px}.business-photos img{height:170px}.cafe-details img{height:260px}}
@media(max-width:400px){.support-grid,.operations-grid{grid-template-columns:minmax(0,1fr)}.business-photos{grid-template-columns:minmax(0,1fr)}.business-photos img{height:210px}}
.company-facts{padding-top:0}.company-facts-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 50px;border-top:1px solid var(--line);margin:0}.company-facts-list div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.company-facts-list dt{font-weight:700}.company-facts-list dd{margin:0;color:var(--text)}.experience-intro{border-left:4px solid var(--red);padding:4px 0 4px 24px}.experience-intro h3,.experience-sites h3,.cafe-cases h3,.supply-note h3{font-size:20px;margin:0 0 10px}.experience-intro p,.experience-sites p,.cafe-cases p,.supply-note p{color:var(--text);font-size:15px;line-height:1.9;margin:0}.source-note{font-size:13px!important;color:var(--text);margin-top:10px!important}.experience-grid,.workplace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px}.experience-grid article{background:var(--white);padding:25px}.experience-grid strong{font-size:17px}.experience-grid p{color:var(--text);font-size:15px;line-height:1.8;margin:12px 0 0}.experience-sites{margin-top:38px}.workplace-grid{margin-top:0}.workplace-grid article{border-top:2px solid var(--ink);padding-top:20px}.workplace-grid h3{font-size:20px;margin:0 0 10px}.workplace-grid p{color:var(--text);margin:0 0 7px}.workplace-grid span{font-size:14px;color:var(--text)}.certificate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.certificate-grid article{background:var(--white);padding:24px;display:flex;align-items:center;gap:20px}.certificate-grid img{width:120px;height:auto;border:1px solid var(--line)}.certificate-grid h3{font-size:17px;margin:0 0 6px}.certificate-grid p{font-size:14px;color:var(--text);margin:0}.supply-note,.cafe-cases{border-top:1px solid var(--line);margin-top:45px;padding-top:35px}
@media(max-width:800px){.company-facts-list{grid-template-columns:minmax(0,1fr)}.company-facts-list div{grid-template-columns:128px minmax(0,1fr);gap:10px}.experience-grid,.workplace-grid,.certificate-grid{grid-template-columns:minmax(0,1fr);gap:15px}.certificate-grid article{padding:20px}.certificate-grid img{width:100px}.experience-intro{padding-left:18px}}
.response-plan{color:var(--text);font-size:15px;line-height:1.8;margin:15px 0;padding-left:20px}.response-plan li{margin:4px 0}
/* Bright introduction: readable copy beside an unobscured meal photo. */
.home-hero{color:var(--ink);background:#f7f6f0;min-height:600px;height:650px;max-height:none;overflow:hidden}
.home-hero-image{left:51%;width:49%;object-position:48% center}
.home-hero-shade{display:none}
.home-hero-content{padding:70px 0 95px}
.home-brand{color:var(--red);font-weight:700}
.home-hero h1{font-size:clamp(32px,3.5vw,51px);max-width:49%;line-height:1.48;letter-spacing:-.045em}
.home-hero-content>p:not(.home-brand){max-width:46%;color:var(--text);font-size:17px}
.hero-button{background:var(--red);border-color:var(--red);color:white}
.hero-button:hover{background:#94251c;border-color:#94251c;color:white}
.hero-caption{color:var(--text)}
@media(max-width:800px){.home-hero{height:auto;min-height:0;display:block;padding-bottom:290px}.home-hero-image{left:0;top:auto;bottom:0;width:100%;height:290px;object-position:center 53%}.home-hero-content{padding:46px 0 44px}.home-hero h1{max-width:none;font-size:clamp(30px,6vw,43px)}.home-hero-content>p:not(.home-brand){max-width:none;font-size:16px}.home-brand{margin-bottom:18px}.hero-caption{display:none}}