:root{--primary-color:#7a6952;--text-dark:#333}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,微软雅黑,sans-serif}.brand-intro{padding:80px 8%;max-width:1200px;margin:0 auto}.brand-intro h2{font-size:2.5rem;color:var(--text-dark);margin-bottom:40px;text-align:center}.brand-intro p{color:#666;line-height:1.8;margin-bottom:30px;text-align:center}.brand-intro .intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:60px}.intro-item{text-align:center}.intro-item h3{font-size:1.5rem;color:var(--text-dark);margin-bottom:20px}.intro-item p{color:#666;line-height:1.6}.brand-images{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:80px}.brand-images img{width:100%;height:300px;object-fit:cover;transition:transform .3s}.brand-images img:hover{transform:translateY(-5px)}.nav-left{display:flex;align-items:center;gap:20px}.logo{height:50px;transition:transform .3s}.navbar{padding:20px 8%;z-index:100;backdrop-filter:blur(10px);box-shadow:0 2px 10px rgba(0,0,0,.1)}.nav-right{display:flex;align-items:center;gap:25px}.language-switch{color:#fff}.main-visual{position:relative;height:90vh;overflow:hidden}.main-banner{width:100%;height:100%;object-fit:cover;animation:zoomIn 8s infinite alternate}.main-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.3)}@keyframes modal-entrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content{animation:modal-entrance .3s cubic-bezier(.4,0,.2,1)}.backdrop-blur-sm{backdrop-filter:blur(4px)}@keyframes zoomIn{0%{transform:scale(1)}to{transform:scale(1.05)}}.double-image{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;padding:80px 8%;max-width:1400px;margin:0 auto}.double-image img{width:100%;height:600px;object-fit:cover;transition:transform .3s}.double-image img:hover{transform:scale(1.03)}.full-width-section{position:relative;margin:100px 0}.craft-image{width:100%;height:700px;object-fit:cover;filter:brightness(.9)}.craft-text{position:absolute;top:30%;left:8%;color:#fff;max-width:500px}footer{background:#2a2825;color:#fff;padding:80px 8%}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1200px;margin:0 auto 60px}.footer-column h4{color:var(--primary-color);margin-bottom:20px;font-size:1.1rem}.language-switch{background-color:#000;border:#fff}.culture-section{display:flex;align-items:center;padding:80px 8%;gap:60px;border-bottom:1px solid rgba(0,0,0,.1)}.culture-content{flex:1;min-width:400px}.culture-image{flex:1;height:500px;background-size:cover;background-position:50%;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.culture-title{font-size:2.5rem;color:var(--text-dark);margin-bottom:25px}.culture-desc{color:#666;line-height:1.8;margin-bottom:30px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);z-index:9999;display:flex;justify-content:center;align-items:center;padding:2rem}.modal-container{background:#fff;border-radius:1rem;box-shadow:0 10px 30px rgba(0,0,0,.2);max-width:1200px;width:calc(100% - 4rem);max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff;z-index:10}.modal-content{padding:2rem;overflow-y:auto;flex-grow:1}.modal-image-container{position:relative;width:100%;height:400px;border-radius:.5rem;overflow:hidden;margin-bottom:2rem}.modal-image-container img{object-fit:cover}.border-l-4{border-left-width:4px}.md\:flex-row{transition:transform .3s ease}.md\:flex-row:hover{transform:translateY(-3px)}.relative:hover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.3))}@media (max-width:768px){.modal-content{padding:1.5rem}.mb-10{margin-bottom:2.5rem}.h-64{height:12rem}}.aspect-lock{position:relative;padding-top:56.25%}.aspect-lock img{position:absolute;top:0;left:0;height:100%;width:100%}.aroma-match-card{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:768px){.aroma-match-card{grid-template-columns:2fr 1fr;align-items:start}}.mobile-image-compact{height:220px!important}@media (min-width:768px){.mobile-image-compact{height:auto!important}}.aspect-video{aspect-ratio:16/9}.lg\:aspect-square{@media (min-width:1024px){aspect-ratio:1/1}}.bg-gray-100{position:relative;overflow:hidden}.bg-gray-100:after{content:"";position:absolute;inset:0;background-size:100% 100%;animation:shimmer 1.5s infinite;opacity:.6}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.bg-gray-100:has(img.loaded):after{display:none}.text-indent{text-indent:2em}.whitespace-pre-wrap{white-space:pre-wrap}@media (max-width:768px){:root{font-size:14px}.main-visual{height:70vh}.navbar{padding:15px 5%;position:relative}.culture-section{flex-direction:column;padding:40px 5%;gap:30px}.culture-content{min-width:unset;order:2}.culture-image{height:300px;width:100%;order:1}.culture-title{font-size:1.8rem;margin-bottom:15px}.brand-intro{padding:40px 5%}.brand-intro h2{font-size:1.8rem}.brand-intro .intro-grid{grid-template-columns:1fr;gap:30px}.double-image{grid-template-columns:1fr;padding:40px 5%}.double-image img{height:300px}.full-width-section{margin:50px 0}.craft-image{height:400px}.craft-text{top:20%;left:5%;padding-right:5%}.footer-grid{grid-template-columns:1fr}.culture-section{flex-direction:column;padding:40px 5%;gap:30px}.culture-content{min-width:unset;order:2}.culture-image{height:300px;width:100%;order:1}.culture-title{font-size:1.8rem;margin-bottom:15px}}.culture-link,button{min-height:44px}img{max-width:100%;height:auto}@media screen and (orientation:landscape){body{-webkit-text-size-adjust:100%;text-size-adjust:100%}}html{-webkit-overflow-scrolling:touch}input,textarea{font-size:16px}.hamburger-btn{padding:12px;z-index:1000}.mobile-menu{width:80%;background:rgba(0,0,0,.95);backdrop-filter:blur(10px);transition:left .3s ease;z-index:999;padding-top:80px}.mobile-links{display:flex;flex-direction:column;gap:25px;padding:20px}.mobile-links a{font-size:1.2rem;padding:12px}@media (max-width:768px){.icons-container:not(.language-switch-mobile),.nav-links:not(.mobile-links){display:none}.nav-right{gap:15px}}@media (min-width:769px){.hamburger-btn,.language-switch-mobile,.mobile-menu{display:none}}.language-switch-mobile{color:#fff;background:transparent;padding:8px 15px;border:1px solid hsla(0,0%,100%,.3);border-radius:20px}.hamburger-btn,.icon,.language-switch{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;background:rgba(0,0,0,.95);position:sticky;top:0;z-index:1000}.nav-link{position:relative;color:#fff;padding-bottom:4px;transition:color .3s}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--primary-color);transition:width .3s}.nav-link:hover:after{width:100%}.mobile-menu{position:fixed;top:0;left:-100%;width:70%;height:100vh;background:rgba(0,0,0,.97);backdrop-filter:blur(12px);transition:left .3s cubic-bezier(.4,0,.2,1);padding-top:6rem}.mobile-menu.open{left:0}.mobile-links a{color:#fff;padding:1rem;border-bottom:1px solid hsla(0,0%,100%,.1);transition:background .3s}@media (min-width:768px){.hamburger-btn,.language-switch-mobile,.mobile-menu{display:none!important}}@media (max-width:767px){.language-switch,.nav-links.desktop-links{display:none!important}}.mobile-menu:not(.open){visibility:hidden!important;pointer-events:none!important}.nav-links a{text-decoration:none;color:#fff;font-size:15px;position:relative;margin:0 15px}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:1px;background:var(--primary-color);transition:width .3s}.nav-links a:hover:after{width:100%}.comment-section{width:100%!important;max-width:100%!important}