@import"https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@300;400;600;700&family=Zen+Kaku+Gothic+New:wght@300;400;700&display=swap";:root{--bg: #faf8f4;--bg-soft: #f5f0e8;--bg-card: #ffffff;--surface: #fff9f2;--rust: #c8401a;--rust-dark: #9e2f10;--rust-light: #e86040;--amber: #d4880a;--amber-light: #f0aa30;--amber-pale: #fdf3e0;--text-primary: #1a1008;--text-secondary: #6b5a48;--text-muted: #a8917a;--border: rgba(180, 140, 100, .2);--border-strong: rgba(180, 140, 100, .4);--shadow-sm: 0 2px 8px rgba(100, 60, 20, .08);--shadow-md: 0 8px 32px rgba(100, 60, 20, .12);--shadow-lg: 0 20px 60px rgba(100, 60, 20, .15);--font-serif: "Noto Serif TC", serif;--font-sans: "Zen Kaku Gothic New", sans-serif;--transition: all .4s cubic-bezier(.25, .46, .45, .94)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg);color:var(--text-primary);font-family:var(--font-sans);line-height:1.7;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.025'/%3E%3C/svg%3E");pointer-events:none;z-index:1000}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-soft)}::-webkit-scrollbar-thumb{background:var(--rust-light);border-radius:2px}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:600;line-height:1.3;color:var(--text-primary)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.section-label{font-family:var(--font-sans);font-size:.7rem;letter-spacing:.3em;color:var(--rust);text-transform:uppercase;margin-bottom:1rem;font-weight:700}.gold-line{width:60px;height:2px;background:linear-gradient(90deg,var(--rust),var(--amber-light),transparent);margin:1rem 0;border-radius:1px}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.reveal{opacity:0;transform:translateY(40px)}.navbar{position:fixed;top:0;left:0;right:0;z-index:900;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 3rem;background:transparent;transition:all .5s ease}.navbar.scrolled{background:#faf8f4f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem 3rem;border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.navbar-brand{display:flex;flex-direction:row;align-items:center;gap:.75rem}.brand-logo-img{height:44px;width:44px;object-fit:contain;border-radius:50%;border:1.5px solid rgba(200,64,26,.2);background:#fff8f3e6;padding:2px;transition:transform .3s ease}.brand-logo-img:hover{transform:scale(1.08)}.brand-sub{font-size:.6rem;letter-spacing:.25em;color:var(--text-muted);text-transform:uppercase}.navbar-links{list-style:none;display:flex;gap:2.5rem;align-items:center}.navbar-links a{font-size:.85rem;letter-spacing:.05em;color:var(--text-secondary);transition:color .3s ease;position:relative}.navbar-links a:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--rust);border-radius:1px;transform:scaleX(0);transition:transform .3s ease}.navbar-links a:hover{color:var(--rust)}.navbar-links a:hover:after{transform:scaleX(1)}.nav-cta{border:2px solid var(--rust);padding:.5rem 1.2rem;border-radius:4px;color:var(--rust)!important;font-weight:700;transition:all .3s ease!important}.nav-cta:hover{background:var(--rust);color:#fff!important}.nav-cta:after{display:none!important}@media(max-width:768px){.navbar{padding:1rem 1.5rem}.navbar-links{gap:1.2rem}.navbar-links li:not(:last-child){display:none}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:transparent}.hero-bg{position:absolute;inset:0;z-index:0}.hero-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 70% 50%,rgba(200,64,26,.04) 0%,transparent 60%),radial-gradient(ellipse 50% 80% at 10% 80%,rgba(212,136,10,.05) 0%,transparent 50%);z-index:1}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(200,64,26,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(200,64,26,.04) 1px,transparent 1px);background-size:60px 60px}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding-top:6rem;padding-bottom:4rem}.hero-label{display:block}.hero-line{width:100px;margin:1.2rem 0}.hero-title{font-size:clamp(3rem,6vw,5.5rem);font-weight:700;line-height:1.15;color:var(--text-primary);margin-bottom:1.5rem}.hero-gold{color:var(--rust);font-style:italic}.hero-subtitle{font-size:1rem;line-height:1.9;color:var(--text-secondary);margin-bottom:2.5rem;max-width:400px}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap}.btn-primary{background:var(--rust);color:#fff;padding:.85rem 2rem;font-family:var(--font-sans);font-size:.9rem;font-weight:700;letter-spacing:.05em;border-radius:4px;transition:all .3s ease;display:inline-block}.btn-primary:hover{background:var(--rust-dark);transform:translateY(-2px);box-shadow:0 8px 24px #c8401a4d}.btn-outline{border:2px solid var(--rust);color:var(--rust);padding:.85rem 2rem;font-family:var(--font-sans);font-size:.9rem;font-weight:700;letter-spacing:.05em;border-radius:4px;transition:all .3s ease;display:inline-block}.btn-outline:hover{background:#c8401a0f}.hero-visual{display:flex;flex-direction:column;gap:2rem;align-items:center}.hero-food-frame{position:relative;width:100%;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#fff4ee,#fde8d8,#fdf0e4);border:1px solid var(--border);box-shadow:var(--shadow-lg)}.food-bg-decor{position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(200,64,26,.1) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(212,136,10,.08) 0%,transparent 40%)}.food-orb{position:absolute;border-radius:50%;filter:blur(40px);pointer-events:none}.food-orb-1{width:160px;height:160px;background:radial-gradient(circle,rgba(200,64,26,.18) 0%,transparent 70%);top:-20px;right:-20px;animation:orbFloat1 5s ease-in-out infinite}.food-orb-2{width:120px;height:120px;background:radial-gradient(circle,rgba(212,136,10,.15) 0%,transparent 70%);bottom:20px;left:10px;animation:orbFloat2 6.5s ease-in-out infinite}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-10px,15px) scale(1.1)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(8px,-12px) scale(.9)}}.food-supply-label{position:absolute;top:1.4rem;left:50%;transform:translate(-50%);font-family:var(--font-sans);font-size:.65rem;letter-spacing:.35em;color:var(--text-muted);text-transform:uppercase;white-space:nowrap;opacity:.7}.food-supply-label:before,.food-supply-label:after{content:"";display:inline-block;width:24px;height:1px;background:var(--border-strong);vertical-align:middle;margin:0 8px}.food-tags{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 2rem 2rem}.food-tag{position:relative;overflow:hidden;background:#fff;border:1px solid rgba(200,64,26,.15);width:100%;max-width:240px;display:flex;align-items:center;gap:1rem;padding:.85rem 1.4rem;border-radius:14px;box-shadow:0 4px 16px #c8401a14,0 1px 4px #0000000a;cursor:default;transition:transform .2s ease,box-shadow .2s ease}.food-tag:hover{box-shadow:0 8px 28px #c8401a2e,0 2px 8px #0000000f}.food-tag-icon{font-size:1.6rem;line-height:1;flex-shrink:0;color:var(--rust);display:flex;align-items:center;justify-content:center}.food-tag-text{display:flex;flex-direction:column;gap:.1rem}.food-tag-text strong{font-family:var(--font-serif);font-size:1rem;font-weight:700;color:var(--rust);letter-spacing:.08em}.food-tag-text small{font-family:var(--font-sans);font-size:.65rem;letter-spacing:.15em;color:var(--text-muted);text-transform:uppercase}.food-tag-shimmer{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.7) 50%,transparent 60%);animation:tagShimmer 3.5s ease-in-out infinite}.food-tag:nth-child(2) .food-tag-shimmer{animation-delay:1.2s}.food-tag:nth-child(3) .food-tag-shimmer{animation-delay:2.4s}@keyframes tagShimmer{0%{left:-100%}30%{left:140%}to{left:140%}}.hero-stats-mini{display:flex;gap:2rem;justify-content:center}.mini-stat{text-align:center;display:flex;flex-direction:column}.mini-stat strong{font-family:var(--font-serif);font-size:1.8rem;color:var(--rust);font-weight:700}.mini-stat span{font-size:.75rem;color:var(--text-muted);letter-spacing:.05em}.scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:2}.scroll-hint span{font-size:.65rem;letter-spacing:.2em;color:var(--text-muted)}.scroll-dot{width:6px;height:6px;border-radius:50%;background:var(--rust)}@media(max-width:768px){.hero-content{grid-template-columns:1fr;gap:2rem}.hero-visual{display:none}.hero-title{font-size:3rem}}.about{padding:8rem 0;background:#faf8f4b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative}.about:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--rust),var(--amber-light),transparent)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;margin-bottom:5rem}.about-title{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:1.5rem;margin-top:.5rem;color:var(--text-primary)}.about-text p{color:var(--text-secondary);margin-bottom:1rem;line-height:2}.about-image-frame{position:relative;aspect-ratio:16/10;border-radius:20px;overflow:hidden;border:none;box-shadow:0 24px 60px #0000002e;clip-path:inset(0 0 0 0 round 20px);will-change:transform}.about-photo-wrap{position:absolute;inset:0;overflow:hidden}.about-company-photo{width:100%;height:100%;object-fit:cover;object-position:center 40%;transition:transform 10s ease;transform-origin:center}.about-image-frame:hover .about-company-photo{transform:scale(1.04)}.about-photo-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,10,5,.35) 0%,transparent 50%),linear-gradient(135deg,rgba(200,64,26,.12) 0%,transparent 60%)}.about-logo-badge{position:absolute;top:1rem;left:1rem;width:80px;height:80px;background:#fff8f3eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;border:2px solid rgba(200,64,26,.2);box-shadow:0 4px 16px #00000026;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;z-index:3}.about-logo-badge:hover{transform:scale(1.08);box-shadow:0 8px 24px #c8401a40}.about-logo-badge img{width:90%;height:90%;object-fit:contain}.about-badge{position:absolute;bottom:-1rem;right:-1rem;background:var(--rust);padding:1.2rem 1.5rem;display:flex;flex-direction:column;align-items:center;border-radius:8px;box-shadow:var(--shadow-md);z-index:3}.badge-year{font-family:var(--font-serif);font-size:1.8rem;font-weight:700;color:#fff;line-height:1}.badge-text{font-size:.65rem;color:#fffc;letter-spacing:.1em}.about-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding-top:3rem;border-top:2px solid var(--border)}.about-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem 1.5rem;transition:all .4s ease;box-shadow:var(--shadow-sm)}.about-card:hover{border-color:var(--rust);transform:translateY(-4px);box-shadow:var(--shadow-md)}.card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--rust);background:#c8401a14;border-radius:12px;margin-bottom:1.2rem}.about-card h4{font-family:var(--font-serif);font-size:1rem;color:var(--rust);margin-bottom:.5rem}.about-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.6}@media(max-width:768px){.about-grid{grid-template-columns:1fr;gap:2rem}.about-image-frame{display:none}.about-cards{grid-template-columns:repeat(2,1fr)}}.menu-section{padding:8rem 0;background:var(--bg);position:relative}.menu-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--rust),var(--amber-light),transparent)}.menu-header{text-align:center;margin-bottom:4rem}.menu-header .gold-line{margin:1rem auto;background:linear-gradient(90deg,transparent,var(--rust),var(--amber-light),transparent);width:100px}.menu-title{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}.menu-desc{color:var(--text-secondary);max-width:480px;margin:0 auto}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.menu-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease;transform-style:preserve-3d;overflow:hidden;box-shadow:var(--shadow-sm)}.menu-card:hover{border-color:var(--rust);box-shadow:var(--shadow-md)}.card-visual{width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:transform .4s ease}.card-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.15) 100%)}.card-visual-emoji{font-size:3.5rem;filter:drop-shadow(0 4px 16px rgba(0,0,0,.15));z-index:1}.menu-card:hover .card-visual{transform:scale(1.04)}.card-body{padding:1.4rem 1.5rem 1.5rem}.card-tag{font-size:.65rem;letter-spacing:.2em;border:1px solid;padding:.2rem .6rem;margin-bottom:.8rem;display:inline-block;border-radius:20px;font-weight:700}.card-name{font-family:var(--font-serif);font-size:1.15rem;color:var(--text-primary);margin-bottom:.5rem}.card-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1rem}.card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--border)}.card-price{font-size:.9rem;font-weight:700}.card-arrow{color:var(--text-muted);font-size:1.1rem;transition:transform .3s ease}.menu-card:hover .card-arrow{transform:translate(4px)}@media(max-width:768px){.menu-grid{grid-template-columns:1fr}}.stats-section{padding:6rem 0;position:relative;overflow:hidden;background:var(--rust)}.stats-bg{display:none}.stats-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,255,255,.05) 0%,transparent 40%)}.stats-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0}.stat-item{text-align:center;padding:2rem;border-right:1px solid rgba(255,255,255,.2)}.stat-item:last-child{border-right:none}.stat-value{font-family:"Noto Serif TC",serif;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:700;color:#fff;line-height:1;margin-bottom:.5rem}.stat-label{font-size:1rem;color:#fffffff2;font-family:var(--font-serif);margin-bottom:.3rem}.stat-desc{font-size:.75rem;color:#ffffffb3;letter-spacing:.05em}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.15)}}.video-section{padding:8rem 0;background:var(--bg-soft);position:relative}.video-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--rust),var(--amber-light),transparent)}.video-header{text-align:center;margin-bottom:3rem}.video-header .gold-line{margin:1rem auto!important;background:linear-gradient(90deg,transparent,var(--rust),transparent);width:100px}.video-title{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}.video-desc{color:var(--text-secondary);max-width:500px;margin:0 auto}.player-wrapper{max-width:900px;margin:0 auto}.player-frame{border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border)}.player-label{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px}.player-label span{font-size:.7rem;letter-spacing:.1em;color:var(--text-muted)}.player-label span:first-child{color:var(--rust);font-weight:700}.contact-section{padding:8rem 0;background:#faf8f466;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative}.contact-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--rust),var(--amber-light),transparent)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}.contact-title{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}.contact-intro{color:var(--text-secondary);margin-bottom:2rem;line-height:1.9}.contact-info{display:flex;flex-direction:column;gap:1.2rem}.info-item{display:flex;gap:1rem;align-items:flex-start}.contact-icon{color:var(--rust);flex-shrink:0;margin-top:2px}.info-item strong{display:block;font-size:.75rem;letter-spacing:.1em;color:var(--rust);margin-bottom:.2rem}.info-item p{font-size:.9rem;color:var(--text-secondary)}.contact-form{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2.5rem;box-shadow:var(--shadow-md)}.contact-form h3{font-family:var(--font-serif);font-size:1.3rem;color:var(--rust);margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{margin-bottom:1.2rem}.form-group label{display:block;font-size:.75rem;letter-spacing:.1em;color:var(--rust);margin-bottom:.5rem;font-weight:700}.form-group input,.form-group select,.form-group textarea{width:100%;background:var(--bg-soft);border:1px solid var(--border);color:var(--text-primary);padding:.75rem 1rem;font-family:var(--font-sans);font-size:.9rem;outline:none;border-radius:8px;transition:border-color .3s ease;resize:vertical}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--rust);box-shadow:0 0 0 3px #c8401a1a}@media(max-width:768px){.contact-grid{grid-template-columns:1fr;gap:3rem}.form-row{grid-template-columns:1fr}}.footer{background:var(--text-primary);border-top:3px solid var(--rust);color:var(--bg-soft)}.footer-top{padding:4rem 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem}.footer-brand p{font-size:.85rem;color:#f5f0e899;line-height:1.8}.brand-mark{display:flex;flex-direction:column;margin-bottom:1rem}.brand-cn-large{font-family:"Noto Serif TC",serif;font-size:2rem;font-weight:700;color:var(--amber-light);letter-spacing:.1em;line-height:1}.brand-sub-footer{font-size:.55rem;letter-spacing:.3em;color:#f5f0e866}.footer-col h5{font-family:var(--font-serif);font-size:.8rem;color:var(--amber-light);letter-spacing:.2em;margin-bottom:1.2rem}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.6rem}.footer-col li,.footer-col a{font-size:.85rem;color:#f5f0e88c;transition:color .3s ease}.footer-col a:hover{color:var(--bg-soft)}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:1.5rem 0}.footer-bottom-inner{display:flex;justify-content:space-between;align-items:center}.footer-bottom span{font-size:.75rem;color:#f5f0e866;letter-spacing:.05em}@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}