@charset "UTF-8";
.about-hero{display:grid;grid-template-columns:1fr 1.12fr;gap:clamp(35px,6vw,90px);align-items:center;padding-top:55px;padding-bottom:55px}
.about-hero-copy{padding-bottom:6px}
.about-hero h1{font:500 clamp(38px,4.3vw,67px)/1.36 var(--serif);letter-spacing:-1.5px;margin:26px 0 25px;white-space:nowrap}
.about-hero h1 span{color:var(--rust)}
.about-lead{font-size:14px;line-height:2.1;color:#606b59}
.about-hero .text-link{font-size:12px;margin-top:28px}
.about-hero-label{font-size:10px;letter-spacing:1px;margin-top:42px;color:var(--muted);display:flex;gap:13px}
.about-hero-label i{font-style:normal;color:#aaa58c}
.about-hero-photo img{width:100%;height:auto;aspect-ratio:1.17;object-fit:cover;object-position:55% center}
.about-hero-photo figcaption{display:flex;justify-content:space-between;gap:10px;font-size:10px;line-height:1.8;margin-top:13px;color:var(--muted)}
.about-hero-photo figcaption>span:last-child{white-space:nowrap;font:italic 11px Georgia,serif}
.about-sections{display:flex;border-block:1px solid #bfc2af;padding-block:20px;gap:clamp(35px,8vw,120px);font-size:13px}
.about-sections a{display:flex;gap:18px;align-items:center}
.about-sections a:hover{color:var(--rust)}
.about-sections a>span{font:italic 20px Georgia,serif;color:#9b977f}
.about-brand{padding-block:86px 94px;display:grid;grid-template-columns:1fr 3fr;gap:50px}
.about-section-label{display:flex;flex-direction:column;gap:34px}
.about-side-note{font:500 20px/1.8 var(--serif);color:#858873}
.about-brand h2,.factory-heading h2,.cooperation-heading h2,.about-contact h2{font:500 clamp(33px,3.3vw,50px)/1.5 var(--serif);letter-spacing:-.7px}
.about-prose{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:30px;font-size:14px;line-height:2.1;color:#626b59}
.brand-relationship{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:42px}
.brand-relationship article{border-top:1px solid var(--line);padding-top:23px}
.brand-relationship .eyebrow{font-size:10px;letter-spacing:1px}
.brand-relationship h3{font:500 29px/1.5 var(--serif);margin:9px 0 12px}
.brand-relationship p{font-size:12px;line-height:1.9;color:var(--muted);max-width:310px}
.about-factory{background:var(--forest);color:#eee9da;padding-block:70px 65px}
.about-factory .eyebrow{color:#c7ad81}
.factory-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:35px}
.factory-heading h2{margin-top:16px;font-size:clamp(36px,3.7vw,56px)}
.factory-heading>p{font-size:12px;line-height:2.1;color:#c3c7b9;padding-bottom:9px}
.factory-pair{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:start}
.factory-pair img{width:100%;height:auto;aspect-ratio:1.4;object-fit:cover}
.factory-secondary{margin-top:75px}
.factory-secondary img{aspect-ratio:1.3}
.about-factory figcaption{padding-top:15px;display:flex;flex-direction:column;gap:8px;line-height:1.8}
.about-factory figcaption b{font:500 23px/1.5 var(--serif)}
.about-factory figcaption span{font-size:11px;color:#bec6b4}
.factory-capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-block:55px;border-block:1px solid #bac5a435;padding-block:30px 32px}
.factory-capabilities article>span{font:italic 17px Georgia,serif;color:#b8ab8d}
.factory-capabilities h3{font:500 27px/1.5 var(--serif);margin:11px 0 14px}
.factory-capabilities p{font-size:12px;line-height:2;color:#c2caba;max-width:300px}
.factory-storage{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.factory-storage img{width:100%;height:auto;aspect-ratio:1.55;object-fit:cover}
.factory-storage figure+figure{padding-top:45px}
.qualification-details{margin-top:45px;border-block:1px solid #bac5a435}
.qualification-details summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:15px;list-style:none;padding:24px 0;font:500 21px/1.7 var(--serif)}
.qualification-details summary::-webkit-details-marker{display:none}
.qualification-details small{font:10px var(--sans);color:#b5bea8;margin-left:20px}
.qualification-toggle{font:300 28px var(--sans);padding:3px 8px;transition:transform .2s}
.qualification-details[open] .qualification-toggle{transform:rotate(45deg)}
.qualification-intro{font-size:11px;line-height:2;color:#c4cdb7;margin-bottom:25px}
.qualification-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 20px;padding-bottom:30px}
.qualification-grid a{display:flex;flex-direction:column;gap:9px;font-size:11px;color:#d6dccb}
.qualification-grid img{background:#f8f6ee;width:100%;height:170px;object-fit:contain;padding:7px}
.about-cooperation{display:grid;grid-template-columns:1fr 1.3fr;gap:100px;padding-block:85px 80px}
.cooperation-heading h2{margin:20px 0 25px}
.cooperation-heading>p:not(.eyebrow){font-size:13px;line-height:2.05;color:var(--muted)}
.cooperation-heading .text-link{font-size:12px;margin-top:28px}
.cooperation-ways article{display:grid;grid-template-columns:30px 1fr;gap:22px;padding-block:28px;border-top:1px solid var(--line)}
.cooperation-ways article:first-child{padding-top:22px}
.cooperation-ways article>span{font:italic 21px/1.6 Georgia,serif;color:#9e977d}
.cooperation-ways h3{font:500 26px/1.5 var(--serif);margin-bottom:12px}
.cooperation-ways p{font-size:12px;line-height:2;color:var(--muted)}
.about-applications{padding-block:0 75px}
.about-applications .section-heading>.text-link{font-size:12px}
.about-dishes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.about-dishes img{width:100%;height:auto;aspect-ratio:1.25;object-fit:cover}
.about-dishes a>span{display:flex;align-items:center;justify-content:space-between;margin-top:15px;font:500 25px/1.5 var(--serif)}
.about-dishes i{font:normal 19px var(--sans)}
.about-dishes a:hover{color:var(--rust)}
.about-dish-note{font-size:10px;line-height:1.9;color:var(--muted);margin-top:22px}
.about-contact{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:50px;padding-block:60px 75px}
.about-contact h2{margin:15px 0 20px;font-size:clamp(35px,3.4vw,52px)}
.about-contact p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:2}
.about-contact .contact-person{margin-top:24px!important;font-size:14px!important;color:var(--ink)!important}
.contact-phone{font:34px/1.6 Georgia,serif;display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid #90967e}
.contact-phone>span{font:22px var(--sans)}
.about-contact figure{width:190px;flex-shrink:0;margin-right:clamp(0px,5vw,80px)}
.about-contact figure img{width:100%;height:auto;background:#fff;padding:8px}
.about-contact figcaption{font-size:11px;text-align:center;margin-top:13px;color:var(--muted)}
#image-dialog p{color:var(--ink);text-align:center;margin:12px 30px 0;font-size:12px;line-height:1.9}
@media(max-width:1100px){.about-hero{gap:32px;padding-top:35px}.about-hero h1{font-size:42px}.about-lead{font-size:12px}.about-brand{grid-template-columns:1fr 3.5fr;gap:28px}.about-cooperation{gap:45px}.factory-capabilities{gap:25px}.qualification-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.about-hero{grid-template-columns:1fr;gap:28px;padding-block:35px}.about-hero h1{font-size:49px}.about-hero-photo img{aspect-ratio:1.6;object-position:center 65%}.about-hero-label{margin-top:25px}.about-brand{display:block;padding-block:50px}.about-section-label{margin-bottom:22px}.about-side-note{display:none}.about-prose{gap:27px}.brand-relationship{gap:27px}.factory-heading{display:block}.factory-heading>p{margin-top:18px}.factory-pair{gap:20px}.factory-secondary{margin-top:55px}.about-cooperation{grid-template-columns:1fr 1.2fr;gap:35px;padding-block:55px}.cooperation-heading h2{font-size:34px}.cooperation-ways h3{font-size:23px}.cooperation-ways article{gap:14px;grid-template-columns:22px 1fr}.about-dishes{gap:16px}.about-dishes a>span{font-size:21px}.about-contact figure{margin-right:0;width:160px}.contact-phone{font-size:28px}}
@media(max-width:600px){
 .about-hero{padding-top:30px;padding-bottom:28px;gap:27px}
 .about-hero .eyebrow{font-size:10px;letter-spacing:1.3px}
 .about-hero h1{font-size:36px;letter-spacing:-1px;margin:20px 0}
 .about-lead{font-size:12px;line-height:2}
 .about-hero .text-link{margin-top:21px;font-size:11px}
 .about-hero-label{font-size:9px;gap:12px;margin-top:25px}
 .about-hero-photo img{aspect-ratio:1.24;object-position:center center}
 .about-hero-photo figcaption{font-size:9px;margin-top:9px}
 .about-hero-photo figcaption>span:last-child{font-size:9px}
 .about-sections{justify-content:space-between;gap:12px;padding-block:16px;font-size:11px}
 .about-sections a{gap:6px}.about-sections a>span{font-size:15px}
 .about-brand{padding-block:39px 43px}
 .about-brand h2{font-size:30px;line-height:1.55}
 .about-brand .eyebrow{font-size:10px;letter-spacing:1px}
 .about-prose{grid-template-columns:1fr;gap:15px;margin-top:22px;font-size:13px;line-height:2}
 .brand-relationship{gap:18px;margin-top:28px}
 .brand-relationship article{padding-top:17px}
 .brand-relationship .eyebrow{font-size:9px;letter-spacing:0}
 .brand-relationship h3{font-size:23px;line-height:1.5;margin:9px 0}
 .brand-relationship p{font-size:11px}
 .about-factory{padding-block:40px 35px}
 .factory-heading{margin-bottom:25px}
 .factory-heading .eyebrow{font-size:10px}
 .factory-heading h2{font-size:35px;margin-top:13px}
 .factory-heading>p{font-size:11px;line-height:1.9;margin-top:15px}
 .factory-pair{grid-template-columns:1fr;gap:24px}
 .factory-main img{aspect-ratio:1.25}
 .factory-secondary{margin-top:0}
 .factory-secondary img{aspect-ratio:1.6}
 .about-factory figcaption{padding-top:10px;gap:5px}
 .about-factory figcaption b{font-size:22px}
 .about-factory figcaption span{font-size:10px}
 .factory-capabilities{grid-template-columns:1fr;gap:0;margin-block:29px;padding-block:8px}
 .factory-capabilities article{display:grid;grid-template-columns:24px 1fr;gap:0 12px;padding-block:19px}
 .factory-capabilities article+article{border-top:1px solid #bac5a425}
 .factory-capabilities article>span{font-size:15px;line-height:2.2}
 .factory-capabilities h3{margin:0 0 7px;font-size:23px}
 .factory-capabilities p{grid-column:2;font-size:11px;max-width:none}
 .factory-storage{gap:15px}
 .factory-storage figure+figure{padding-top:29px}
 .factory-storage img{aspect-ratio:.95}
 .factory-storage figcaption b{font-size:20px}
 .factory-storage figcaption span{font-size:10px}
 .qualification-details{margin-top:28px}
 .qualification-details summary{font-size:17px;padding-block:17px}
 .qualification-details small{display:block;font-size:9px;margin:5px 0 0}
 .qualification-intro{font-size:10px}
 .qualification-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 13px}
 .qualification-grid img{height:130px;padding:5px}
 .qualification-grid a{font-size:10px}
 .about-cooperation{display:block;padding-block:40px}
 .cooperation-heading .eyebrow{font-size:10px}
 .cooperation-heading h2{font-size:33px;margin:14px 0 16px}
 .cooperation-heading>p:not(.eyebrow){font-size:12px}
 .cooperation-heading>p br{display:none}
 .cooperation-heading .text-link{margin-top:18px}
 .cooperation-ways{margin-top:30px}
 .cooperation-ways article{padding-block:22px;gap:16px}
 .cooperation-ways h3{font-size:23px;margin-bottom:9px}
 .cooperation-ways p{font-size:12px;line-height:1.95}
 .about-applications{padding-bottom:36px}
 .about-applications .section-heading{display:block}
 .about-applications .section-heading h2{font-size:29px}
 .about-applications .section-heading .text-link{margin-top:15px;font-size:11px}
 .about-dishes{grid-template-columns:1fr;gap:25px}
 .about-dishes a{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;align-items:center}
 .about-dishes img{aspect-ratio:1.1}
 .about-dishes a>span{font-size:23px;line-height:1.6;display:block;margin:0}
 .about-dishes i{display:block;font-size:17px;margin-top:12px}
 .about-dish-note{font-size:9px}
 .about-contact{padding-block:35px 42px;gap:25px;align-items:flex-end}
 .about-contact .eyebrow{font-size:9px;letter-spacing:.8px}
 .about-contact h2{font-size:clamp(20px,6vw,24px);letter-spacing:-.7px;margin:12px 0 16px}
 .about-contact p:not(.eyebrow){font-size:10px}
 .about-contact .contact-person{font-size:12px!important;margin-top:18px!important}
 .contact-phone{font-size:21px;gap:8px;white-space:nowrap}
 .contact-phone>span{font-size:15px}
 .about-contact figure{width:99px;margin-bottom:5px}
 .about-contact figure img{padding:3px}
 .about-contact figcaption{font-size:9px;line-height:1.7;margin-top:8px}
}
@media(max-width:359px){.about-hero h1{font-size:31px}.about-sections{font-size:10px;gap:8px}.about-sections a{gap:4px}.brand-relationship h3{font-size:21px}.about-contact{display:block}.about-contact figure{width:120px;margin-top:25px}.contact-phone{font-size:26px}.about-contact h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.qualification-toggle{transition:none}}