@font-face{font-family:"Batch Display";src:url("assets/fonts/batch-display.woff2") format("woff2");font-display:swap;font-weight:400 900}
:root{--forest:#0a3328;--forest-2:#12483a;--ice:#78a2bf;--ice-pale:#dcebf2;--gold:#e8bd62;--potato:#d6a85c;--paper:#f8f6f2;--white:#fcfcfa;--ink:#17221e;--muted:#52625c;--rule:rgba(23,34,30,.22);--ease:cubic-bezier(.16,1,.3,1);--track-color:var(--forest);color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:82px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC","Microsoft YaHei UI","PingFang SC",sans-serif;line-height:1.65;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.28em}
button,input,select,textarea{font:inherit;color:inherit}
img{display:block;width:100%;height:100%;object-fit:cover}
::selection{background:var(--gold);color:var(--ink)}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 6px var(--white)}
::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{background:var(--forest);border:3px solid var(--paper)}
.skip-link{position:fixed;left:20px;top:-80px;z-index:200;background:var(--gold);color:var(--ink);padding:12px 18px;transition:top .2s}.skip-link:focus{top:18px}
.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,72px);background:var(--white);border-bottom:1px solid var(--rule);position:relative;z-index:80}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:38px;height:38px;fill:var(--forest);stroke:var(--gold);stroke-width:1.8}.brand-copy{display:flex;flex-direction:column;line-height:1.15}.brand-copy strong{font-family:"Batch Display","Noto Sans SC",sans-serif;font-size:18px;letter-spacing:-.02em}.brand-copy small{font-size:11px;color:var(--muted);margin-top:5px;letter-spacing:.08em}
.desktop-nav{display:flex;align-items:center;gap:clamp(24px,3.2vw,54px)}.desktop-nav a{font-size:14px;text-decoration:none;position:relative}.desktop-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--forest);transition:right .25s var(--ease)}.desktop-nav a:hover::after,.desktop-nav a:focus-visible::after{right:0}
.menu-toggle{display:none;min-width:48px;min-height:48px;border:0;background:none;padding:0;align-items:center;gap:10px;cursor:pointer}.menu-icon{display:grid;gap:6px;width:22px}.menu-icon i{height:1px;background:currentColor;display:block}.menu-label{font-size:13px}
.mobile-menu{position:fixed;inset:0;background:var(--forest);color:var(--white);z-index:100;display:flex;flex-direction:column;padding:22px;opacity:0;visibility:hidden;transform:translateY(-16px);transition:opacity .25s,transform .45s var(--ease),visibility .25s}.mobile-menu.is-open{opacity:1;visibility:visible;transform:none}.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.24);padding-bottom:20px}.menu-close{min-width:48px;min-height:48px;background:var(--gold);border:0;cursor:pointer}.mobile-menu nav{display:flex;flex-direction:column;margin-top:auto;margin-bottom:auto}.mobile-menu nav a{display:flex;align-items:baseline;justify-content:space-between;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.2);text-decoration:none;font-family:"Batch Display","Noto Sans SC",sans-serif;font-size:clamp(28px,9vw,44px)}.mobile-menu nav b{font:500 13px/1 sans-serif;color:var(--gold)}
.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(420px,46%) 1fr;background:var(--forest);color:var(--white)}
.hero-copy{padding:clamp(56px,8vh,96px) clamp(34px,5vw,84px) 48px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.hero-place{display:flex;gap:18px;font-size:12px;letter-spacing:.1em;color:#d8e4df}.hero-place span+span{border-left:1px solid rgba(255,255,255,.35);padding-left:18px}.hero h1{font-family:"Batch Display","Noto Sans SC",sans-serif;font-size:clamp(60px,6vw,94px);line-height:.97;letter-spacing:-.035em;margin:clamp(48px,8vh,86px) 0 28px;max-width:8ch;font-weight:800}.hero h1 em{font-style:normal;color:var(--gold)}.hero-copy>p{max-width:36em;margin:0 0 34px;color:#d8e4df;font-size:17px}.primary-action{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;min-height:52px;background:var(--gold);color:var(--ink);padding:0 22px;text-decoration:none;font-weight:700;transition:background .2s,transform .2s}.primary-action:hover{background:#f2cf82;transform:translateY(-2px)}
.hero-media{margin:0;position:relative;min-height:640px;overflow:hidden}.hero-media img{object-position:center}.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,51,40,.13),transparent 25%);pointer-events:none}.hero-media figcaption{position:absolute;inset:auto 0 0;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);background:rgba(10,51,40,.88);color:var(--white);font-size:11px;letter-spacing:.1em}.hero-media figcaption span{padding:14px 16px;border-right:1px solid rgba(255,255,255,.25)}
.manifest{display:grid;grid-template-columns:190px repeat(3,1fr);border-bottom:1px solid var(--rule);background:var(--white)}.manifest-title{padding:24px clamp(20px,4vw,64px);font-weight:700;border-right:1px solid var(--rule);display:flex;align-items:center}.manifest a{padding:20px 24px;display:grid;grid-template-columns:38px 1fr auto;grid-template-rows:auto auto;column-gap:10px;border-right:1px solid var(--rule);text-decoration:none;transition:background .2s}.manifest a:last-child{border-right:0}.manifest a:hover{background:var(--ice-pale)}.manifest b{grid-row:1/3;font-family:"Batch Display";font-size:26px;color:var(--forest)}.manifest strong{font-size:18px}.manifest small{grid-column:2;color:var(--muted);margin-top:3px}.manifest a>span{grid-column:3;grid-row:1/3;align-self:center;font-size:12px;text-decoration:underline;text-underline-offset:4px}
.origin{display:grid;grid-template-columns:38% 62%;min-height:720px;background:var(--paper)}.origin-copy{padding:clamp(80px,10vw,156px) clamp(30px,5vw,80px);display:flex;flex-direction:column;justify-content:center}.origin h2,.process h2,.products h2,.record h2,.contact h2{font-family:"Batch Display","Noto Sans SC",sans-serif;font-size:clamp(42px,4.8vw,76px);line-height:1.05;letter-spacing:-.03em;margin:30px 0 24px}.origin-copy p,.process-heading>p,.products-heading>p,.contact-copy>p{max-width:38em;color:var(--muted);font-size:16px}.origin-media{margin:0;min-height:720px;clip-path:inset(7% 0 7% 0)}
.process{background:var(--forest);color:var(--white);padding:clamp(80px,10vw,150px) clamp(20px,4vw,70px);position:relative}.process-heading{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:40px;margin-bottom:60px}.process-heading h2{margin:0}.process-heading>p{color:#c5d3ce;margin:0}
.temperature-track{height:5px;background:rgba(255,255,255,.15);position:relative;margin-bottom:60px;overflow:hidden}.temperature-track span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--forest-2),var(--ice) 54%,var(--gold));transform-origin:left;transform:scaleX(.08);transition:transform 1.25s var(--ease)}.process.track-active .temperature-track span{transform:scaleX(1)}
.process-list{display:flex;flex-direction:column}.process-row{display:grid;grid-template-columns:minmax(240px,28%) 1fr;border-top:1px solid rgba(255,255,255,.22);padding:34px 0;gap:clamp(30px,6vw,96px);align-items:center}.process-row:last-child{border-bottom:1px solid rgba(255,255,255,.22)}.process-row-reverse{grid-template-columns:1fr minmax(240px,28%)}.process-row-reverse .process-label{grid-column:2}.process-row-reverse figure{grid-column:1;grid-row:1}.process-label b{font-family:"Batch Display";font-size:54px;color:var(--gold);font-weight:500}.process-label h3{font-family:"Batch Display";font-size:34px;margin:10px 0}.process-label p{color:#c5d3ce;margin:0;max-width:30em}.process-row figure{margin:0;height:360px;overflow:hidden}.process-row:nth-child(2) figure{height:420px}.process-row img{transition:transform .7s var(--ease)}.process-row:hover img{transform:scale(1.025)}
.products{padding:clamp(88px,11vw,170px) clamp(20px,4vw,70px);background:var(--paper)}.products-heading{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:40px;margin-bottom:100px}.products-heading h2{margin:0}.products-heading p{margin:0}
.product{display:grid;align-items:stretch;min-height:540px;border-top:1px solid var(--rule)}.product:last-child{border-bottom:1px solid var(--rule)}.product-fries{grid-template-columns:34% 66%}.product-patties{grid-template-columns:56% 44%}.product-powder{grid-template-columns:42% 58%}.product figure{margin:0;min-height:500px;overflow:hidden}.product-copy{padding:clamp(36px,6vw,90px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.product-copy>span{font-size:11px;letter-spacing:.12em;color:var(--muted)}.product h3{font-family:"Batch Display";font-size:clamp(56px,7vw,96px);line-height:.9;margin:28px 0;color:var(--forest)}.product-copy p{max-width:34em;color:var(--muted)}.product-copy a{margin-top:26px;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}.product-patties .product-copy{background:var(--ice-pale)}.product-powder .product-copy{background:var(--gold)}.product-powder .product-copy>span,.product-powder .product-copy p{color:#2f3b36}
.record{display:grid;grid-template-columns:42% 58%;background:var(--white);border-top:1px solid var(--rule)}.record-intro{padding:clamp(80px,9vw,140px) clamp(30px,5vw,76px);background:var(--forest);color:var(--white)}.record-intro h2{margin-bottom:0}.record-list{display:flex;flex-direction:column}.record-list article{padding:clamp(42px,5vw,76px);flex:1;border-bottom:1px solid var(--rule)}.record-list article:last-child{border-bottom:0}.record-list time{font-family:"Batch Display";font-size:30px;color:var(--forest)}.record-list h3{font-size:24px;margin:20px 0 12px}.record-list p{max-width:52em;color:var(--muted)}.record-list a{display:inline-block;margin-top:14px;font-weight:700}
.contact{display:grid;grid-template-columns:42% 58%;background:var(--ice-pale);border-top:1px solid var(--rule)}.contact-copy{padding:clamp(80px,9vw,140px) clamp(30px,5vw,76px)}.contact-form{padding:clamp(70px,8vw,120px);display:grid;grid-template-columns:1fr 1fr;gap:26px 34px;border-left:1px solid var(--rule)}.contact-form label{font-size:13px;font-weight:700;display:flex;flex-direction:column;gap:8px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:0;border-bottom:1px solid var(--ink);border-radius:0;background:transparent;padding:12px 2px;min-height:48px}.contact-form textarea{resize:vertical}.message-field{grid-column:1/3}.contact-form button{grid-column:1;min-height:52px;border:0;background:var(--forest);color:var(--white);padding:0 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .2s}.contact-form button:hover{background:var(--forest-2)}.field-error{font-weight:400;color:#9b2c25;min-height:1em}.form-status{grid-column:1/3;margin:0;min-height:1.7em;font-weight:700}.form-status.is-notice{color:var(--forest)}
.site-footer{background:#071f19;color:var(--white);padding:56px clamp(20px,4vw,70px) 28px;display:grid;grid-template-columns:1.6fr 1fr;gap:50px;align-items:start}.footer-brand .brand-mark{fill:var(--gold);stroke:var(--white)}.footer-brand .brand-copy small{color:#b6c9c2}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.footer-links a{text-decoration:none}.site-footer>p{grid-column:1/2;margin:50px 0 0;color:#b6c9c2;font-size:12px}.site-footer>small{grid-column:2;text-align:right;align-self:end;color:#9db2aa}
.brand{min-height:44px}
.product-copy a,.record-list a,.footer-links a{min-height:44px;display:inline-flex;align-items:center}
@media (min-width:1200px){.hero h1{font-size:clamp(60px,5.5vw,84px);max-width:10ch}.hero h1 em{white-space:nowrap}}
@media (max-width:1100px){.hero{grid-template-columns:45% 55%}.hero h1{font-size:clamp(52px,6.7vw,74px)}.manifest{grid-template-columns:1fr 1fr 1fr}.manifest-title{grid-column:1/4;border-right:0;border-bottom:1px solid var(--rule)}.origin{grid-template-columns:44% 56%}.process-heading,.products-heading{grid-template-columns:1fr 1.5fr}.process-heading>p,.products-heading>p{grid-column:2}.record,.contact{grid-template-columns:40% 60%}}
@media (max-width:820px){html{scroll-padding-top:68px}.site-header{height:68px;padding:0 20px;position:sticky;top:0}.desktop-nav{display:none}.menu-toggle{display:flex}.brand-mark{width:34px;height:34px}.brand-copy strong{font-size:16px}.brand-copy small{font-size:10px}.hero{min-height:auto;display:flex;flex-direction:column}.hero-copy{padding:52px 22px 44px}.hero h1{font-size:clamp(46px,13vw,64px);margin:46px 0 24px;max-width:9ch}.hero-copy>p{font-size:16px}.hero-media{min-height:58vh}.hero-media img{object-position:53% center}.manifest{grid-template-columns:1fr}.manifest-title{grid-column:auto}.manifest a{border-right:0;border-bottom:1px solid var(--rule);min-height:92px}.origin{display:flex;flex-direction:column;min-height:0}.origin-copy{padding:88px 22px 48px}.origin-media{min-height:440px;clip-path:none;margin:0 22px 70px}.origin h2,.process h2,.products h2,.record h2,.contact h2{font-size:clamp(40px,12vw,58px)}.process{padding:84px 22px}.process-heading,.products-heading{display:block;margin-bottom:48px}.process-heading h2,.products-heading h2{margin:24px 0}.temperature-track{margin-bottom:42px}.process-row,.process-row-reverse{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding:34px 0}.process-row-reverse .process-label,.process-row-reverse figure{order:initial}.process-row figure,.process-row:nth-child(2) figure{height:300px}.process-label b{font-size:42px}.products{padding:90px 22px}.product,.product-fries,.product-patties,.product-powder{display:flex;flex-direction:column;min-height:0}.product-patties figure{order:2}.product-copy{padding:50px 6px}.product-patties .product-copy,.product-powder .product-copy{padding-left:24px;padding-right:24px}.product figure{min-height:360px}.product h3{font-size:68px}.record,.contact{display:block}.record-intro,.contact-copy{padding:80px 22px}.record-list article{padding:48px 22px}.contact-form{border-left:0;border-top:1px solid var(--rule);padding:60px 22px;display:flex;flex-direction:column}.message-field{grid-column:auto}.site-footer{display:flex;flex-direction:column;padding:54px 22px 28px;gap:34px}.footer-links{width:100%}.site-footer>p{margin:26px 0 0}.site-footer>small{text-align:left}.primary-action{min-width:220px}.hero-media figcaption{font-size:9px}}
@media (max-width:390px){.brand-copy strong{font-size:14px}.brand-copy small{display:none}.menu-label{display:none}.hero-copy{padding-top:42px}.hero h1{font-size:45px}.hero-media{min-height:440px}.manifest a{grid-template-columns:34px 1fr auto;padding:18px}.origin-media{min-height:330px}.process-row figure,.process-row:nth-child(2) figure,.product figure{min-height:0;height:280px}.record-list h3{font-size:21px}.contact-form{padding-bottom:72px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.temperature-track span{transform:scaleX(1)!important}.process-row img{transform:none!important}}
