:root{--color-paper: #fcfbfa;--color-coal: #141618;--color-coal-light: #25282b;--color-gold: #cfa15c;--color-gold-hover: #b88d4c;--color-green: #5a785a;--color-text-main: #333639;--color-text-muted: #767a7e;--color-border: rgba(207, 161, 92, 0.2);--font-serif: "Noto Serif SC", "SimSun", "Songti SC", "Playfair Display", serif;--font-sans: "Noto Sans SC", system-ui, -apple-system, sans-serif;--font-cursive: "Ma Shan Zheng", cursive, sans-serif;--spacing-xs: 0.5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--max-width: 1200px;--transition-smooth: cubic-bezier(0.25, 1, 0.5, 1);--duration-normal: 0.4s;--duration-slow: 0.8s;}*, *::before, *::after{margin: 0;padding: 0;box-sizing: border-box;}html{scroll-behavior: smooth;font-size: 16px;background-color: var(--color-paper);color: var(--color-text-main);font-family: var(--font-sans);-webkit-font-smoothing: antialiased;overflow-x: hidden;}body{overflow-x: hidden;line-height: 1.8;background-color: var(--color-paper);}h1, h2, h3, h4{font-family: var(--font-serif);color: var(--color-coal);font-weight: 600;letter-spacing: 0.05em;}p{margin-bottom: 1.5rem;color: var(--color-text-main);font-weight: 300;letter-spacing: 0.02em;text-align: justify;}a{text-decoration: none;color: inherit;transition: all var(--duration-normal) var(--transition-smooth);}img{max-width: 100%;height: auto;display: block;}a:focus-visible, button:focus-visible, [tabindex]:focus-visible, .menu-toggle:focus-visible, .step-header:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{outline: 2px solid var(--color-gold);outline-offset: 3px;border-radius: 2px;}.skip-link{position: absolute;left: -9999px;top: 0;z-index: 3000;background-color: var(--color-coal);color: #fff;font-family: var(--font-sans);font-size: 0.9rem;letter-spacing: 0.1em;padding: 0.85rem 1.6rem;border-radius: 0 0 2px 2px;transition: left 0.2s var(--transition-smooth);}.skip-link:focus{left: 1rem;top: 1rem;outline: 2px solid var(--color-gold);outline-offset: 2px;}.text-center{text-align: center;}.highlight{color: var(--color-gold);position: relative;display: inline-block;}.section-container{max-width: var(--max-width);margin: 0 auto;padding: var(--spacing-xl) var(--spacing-md);position: relative;}.grid-container{display: grid;grid-template-columns: 1.2fr 1fr;gap: var(--spacing-lg);align-items: center;}.grid-three{display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--spacing-md);}.btn{display: inline-flex;align-items: center;justify-content: center;padding: 0.85rem 2.2rem;font-family: var(--font-sans);font-size: 0.95rem;font-weight: 500;letter-spacing: 0.1em;border-radius: 2px;cursor: pointer;transition: all var(--duration-normal) var(--transition-smooth);position: relative;overflow: hidden;border: 1px solid transparent;}.btn-primary{background-color: var(--color-gold);color: var(--color-coal);border-color: var(--color-gold);}.btn-primary:hover{background-color: var(--color-gold-hover);border-color: var(--color-gold-hover);transform: translateY(-2px);box-shadow: 0 10px 20px rgba(207, 161, 92, 0.2);}.btn-primary:active{transform: translateY(0);}.btn-outline{background-color: transparent;color: var(--color-coal);border-color: rgba(207, 161, 92, 0.5);}.btn-outline:hover{background-color: var(--color-gold);color: var(--color-coal);border-color: var(--color-gold);transform: translateY(-2px);}.hero-section .btn-outline{color: #fff;border-color: rgba(255, 255, 255, 0.45);}.btn-block{display: flex;width: 100%;}.btn-text{margin-right: 0.5rem;}.btn-icon{transition: transform var(--duration-normal) var(--transition-smooth);}.btn:hover .btn-icon{transform: translateX(5px);}.section-badge{font-family: var(--font-sans);font-size: 0.8rem;font-weight: 600;letter-spacing: 0.2em;color: var(--color-gold);text-transform: uppercase;display: block;margin-bottom: var(--spacing-sm);}.section-badge.light{color: var(--color-gold-hover);}.section-title{font-size: 2.5rem;line-height: 1.3;margin-bottom: var(--spacing-md);position: relative;}.section-desc-center{max-width: 700px;margin: 0 auto var(--spacing-lg) auto;font-size: 1.05rem;color: var(--color-text-muted);text-align: center;}.main-header{position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;background-color: rgba(252, 251, 250, 0.75);backdrop-filter: blur(12px) saturate(180%);-webkit-backdrop-filter: blur(12px) saturate(180%);border-bottom: 1px solid rgba(207, 161, 92, 0.08);transition: all var(--duration-normal) var(--transition-smooth);}.main-header.scrolled{background-color: rgba(252, 251, 250, 0.9);box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03);}.header-container{max-width: var(--max-width);margin: 0 auto;padding: 1.2rem var(--spacing-md);display: flex;justify-content: space-between;align-items: center;}.logo{display: flex;flex-direction: column;}.logo-title{font-family: var(--font-serif);font-size: 1.4rem;font-weight: 700;color: var(--color-coal);letter-spacing: 0.1em;}.logo-subtitle{font-family: var(--font-sans);font-size: 0.5rem;font-weight: 600;color: var(--color-gold);letter-spacing: 0.35em;text-transform: uppercase;margin-top: -2px;}.nav-links{display: flex;gap: var(--spacing-md);}.nav-link{font-family: var(--font-sans);font-size: 0.9rem;font-weight: 400;color: var(--color-text-main);letter-spacing: 0.05em;position: relative;padding: 0.4rem 0;}.nav-link:hover, .nav-link.active{color: var(--color-gold);}.nav-link::after{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 1px;background-color: var(--color-gold);transition: width var(--duration-normal) var(--transition-smooth);}.nav-link:hover::after, .nav-link.active::after{width: 100%;}.nav-link.active{font-weight: 500;}.menu-toggle{display: none;flex-direction: column;justify-content: space-between;width: 24px;height: 16px;cursor: pointer;}.menu-toggle span{width: 100%;height: 2px;background-color: var(--color-coal);transition: all 0.3s;}.hero-section{height: 100vh;height: 100dvh;min-height: 650px;position: relative;display: flex;align-items: center;justify-content: center;color: #fff;text-align: center;background: #141618 url('assets/hero-bg.jpg') center center/cover no-repeat;}.hero-bg-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(circle, rgba(20, 22, 24, 0.45) 0%, rgba(20, 22, 24, 0.85) 100%);z-index: 1;}.hero-content{position: relative;z-index: 2;max-width: 800px;padding: 0 var(--spacing-md);margin-top: 50px;}.hero-scroll-badge{display: inline-flex;align-items: center;gap: 12px;margin-bottom: var(--spacing-md);opacity: 0;transform: translateY(20px);animation: fadeUp 1s cubic-bezier(0.22, 1, 0.36, 1) forwards;}.badge-line{width: 30px;height: 1px;background-color: var(--color-gold);}.badge-text{font-family: var(--font-sans);font-size: 0.85rem;font-weight: 500;letter-spacing: 0.3em;color: var(--color-gold);text-transform: uppercase;}.hero-title{font-size: 5rem;font-weight: 900;line-height: 1.1;color: #fff;font-family: var(--font-serif);margin-bottom: var(--spacing-md);letter-spacing: 0.12em;text-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);opacity: 0;transform: scale(0.95) translateY(20px);animation: fadeUp 1.2s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;}.hero-tagline{font-family: var(--font-serif);font-size: 1.35rem;font-weight: 300;color: #eaeaea;margin-bottom: var(--spacing-lg);letter-spacing: 0.08em;opacity: 0;transform: translateY(20px);animation: fadeUp 1.2s cubic-bezier(0.22, 1, 0.36, 1) 0.4s forwards;}.hero-actions{display: flex;justify-content: center;gap: var(--spacing-sm);opacity: 0;transform: translateY(20px);animation: fadeUp 1.2s cubic-bezier(0.22, 1, 0.36, 1) 0.6s forwards;}.scroll-indicator{position: absolute;bottom: var(--spacing-md);left: 50%;transform: translateX(-50%);z-index: 2;display: flex;flex-direction: column;align-items: center;gap: 8px;opacity: 0.7;transition: opacity 0.3s;}.scroll-indicator:hover{opacity: 1;}.mouse-icon{width: 20px;height: 32px;border: 1px solid rgba(255, 255, 255, 0.5);border-radius: 10px;position: relative;}.mouse-icon .wheel{width: 3px;height: 6px;background-color: var(--color-gold);border-radius: 50%;position: absolute;top: 6px;left: 50%;transform: translateX(-50%);animation: scrollWheel 1.6s infinite;}.indicator-text{font-family: var(--font-sans);font-size: 0.65rem;letter-spacing: 0.2em;color: rgba(255, 255, 255, 0.7);text-transform: uppercase;}.story-text-side{padding-right: var(--spacing-md);}.section-desc{color: var(--color-text-main);font-size: 0.98rem;margin-bottom: 1.8rem;}.story-quote{border-left: 2px solid var(--color-gold);padding-left: var(--spacing-sm);margin-top: var(--spacing-md);}.story-quote p{font-family: var(--font-serif);font-size: 1.15rem;font-weight: 500;font-style: italic;color: var(--color-coal);margin-bottom: 0.5rem;}.story-quote cite{font-family: var(--font-sans);font-size: 0.8rem;font-style: normal;color: var(--color-text-muted);}.image-wrapper{position: relative;border-radius: 2px;}.featured-image{width: 100%;object-fit: cover;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);border-radius: 2px;border: 1px solid rgba(20, 22, 24, 0.05);}.image-deco-card{position: absolute;bottom: -20px;left: -20px;background-color: var(--color-coal);color: #fff;padding: 1.5rem;border-radius: 2px;display: flex;flex-direction: column;align-items: center;box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);border: 1px solid var(--color-border);}.deco-number{font-family: var(--font-serif);font-size: 2.2rem;font-weight: 700;color: var(--color-gold);line-height: 1;}.deco-label{font-family: var(--font-sans);font-size: 0.7rem;letter-spacing: 0.1em;color: #eaeaea;margin-top: 4px;}.tasting-cards{margin-top: var(--spacing-md);}.tasting-card{background-color: #fffdf9;border: 1px solid var(--color-border);border-radius: 2px;padding: 2.5rem 2rem;position: relative;overflow: hidden;display: flex;flex-direction: column;transition: all var(--duration-normal) var(--transition-smooth);box-shadow: 0 10px 30px rgba(20, 22, 24, 0.06);}.tasting-card .card-title{color: var(--color-coal);}.tasting-card .card-text{color: var(--color-text-main);}.tasting-card .profile-label{position: relative;padding-left: 14px;color: var(--color-text-muted);}.tasting-card .profile-label::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 6px;height: 6px;border-radius: 2px;background-color: var(--color-green);}.tasting-card .profile-value{color: var(--color-gold);}.tasting-card:hover{transform: translateY(-8px);border-color: rgba(207, 161, 92, 0.5);box-shadow: 0 20px 40px rgba(207, 161, 92, 0.08);}.tasting-card.highlighted-card{background-color: rgba(207, 161, 92, 0.1);color: var(--color-text-main);border: 1px solid var(--color-gold);}.tasting-card.highlighted-card .card-title{color: var(--color-coal);}.tasting-card.highlighted-card .card-text{color: var(--color-text-main);}.tasting-card.highlighted-card:hover{box-shadow: 0 20px 45px rgba(207, 161, 92, 0.18);border-color: var(--color-gold);}.card-glow{position: absolute;top: 0;left: 0;width: 200%;height: 100%;background: linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(207, 161, 92, 0.06) 40%, rgba(255, 255, 255, 0) 50%);transform: translateX(-100%);transition: transform var(--duration-slow) var(--transition-smooth);pointer-events: none;}.tasting-card:hover .card-glow{transform: translateX(100%);}.card-tag{font-family: var(--font-sans);font-size: 0.7rem;font-weight: 500;letter-spacing: 0.15em;color: var(--color-gold);display: inline-block;margin-bottom: 0.5rem;text-transform: uppercase;}.card-title{font-size: 1.8rem;font-weight: 700;margin-bottom: var(--spacing-sm);transition: color var(--duration-normal);}.card-text{font-size: 0.88rem;color: var(--color-text-main);line-height: 1.7;margin-bottom: var(--spacing-md);}.tea-profile{border-top: 1px solid rgba(20, 22, 24, 0.06);padding-top: var(--spacing-sm);margin-top: auto;}.tasting-card.highlighted-card .tea-profile{border-top-color: rgba(207, 161, 92, 0.3);}.profile-item{display: flex;justify-content: space-between;font-size: 0.82rem;margin-bottom: 0.4rem;}.profile-item:last-child{margin-bottom: 0;}.profile-label{color: var(--color-text-muted);}.tasting-card.highlighted-card .profile-label{color: #bbb;}.profile-value{font-weight: 500;color: var(--color-coal);}.tasting-card.highlighted-card .profile-value{color: var(--color-gold);}.craft-grid{max-width: 1100px;margin: var(--spacing-lg) auto 0;display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--spacing-md);}.craft-card{background-color: #fffdf9;border: 1px solid var(--color-border);border-radius: 10px;overflow: hidden;box-shadow: 0 10px 30px rgba(20, 22, 24, 0.06);display: flex;flex-direction: column;transition: transform var(--duration-normal) var(--transition-smooth), box-shadow var(--duration-normal) var(--transition-smooth), border-color var(--duration-normal) var(--transition-smooth);}.craft-card:hover{transform: translateY(-6px);border-color: rgba(207, 161, 92, 0.5);box-shadow: 0 18px 40px rgba(207, 161, 92, 0.12);}.craft-media{border-bottom: 1px solid var(--color-border);overflow: hidden;}.craft-media picture, .craft-media img{width: 100%;height: 240px;object-fit: cover;display: block;transition: transform var(--duration-slow) var(--transition-smooth);}.craft-card:hover .craft-media img{transform: scale(1.05);}.craft-body{padding: 1.8rem 1.6rem 2rem;}.craft-body .step-num{display: block;font-family: var(--font-serif);font-size: 2rem;font-weight: 700;line-height: 1;color: rgba(207, 161, 92, 0.45);margin-bottom: 0.3rem;}.craft-body .step-title{font-size: 1.3rem;margin-bottom: 0.7rem;color: var(--color-coal);}.craft-body .step-text{font-size: 0.9rem;color: var(--color-text-muted);line-height: 1.7;margin-bottom: 0;}.brew-img-side .image-wrapper{position: relative;}.brew-tip-card{position: absolute;bottom: -30px;right: -20px;background-color: #fffdf9;border: 1px solid var(--color-border);box-shadow: 0 20px 40px rgba(20, 22, 24, 0.12);padding: 1.8rem;width: 280px;border-radius: 2px;color: var(--color-text-main);}.brew-tip-card h4{font-size: 1.05rem;margin-bottom: 1rem;border-bottom: 1px solid var(--color-border);padding-bottom: 0.5rem;color: var(--color-coal);}.brew-tip-card li, .brew-tip-card p{color: var(--color-text-muted);}.brew-tip-card strong{color: var(--color-gold);}.brew-tip-card ul{list-style: none;}.brew-tip-card li{font-size: 0.82rem;margin-bottom: 0.6rem;color: var(--color-text-main);line-height: 1.5;}.brew-tip-card li strong{color: var(--color-coal);}.brew-tip-card li:last-child{margin-bottom: 0;}.brew-interactive-side{padding-left: var(--spacing-md);}.brew-steps{margin-top: var(--spacing-lg);border-top: 1px solid rgba(20, 22, 24, 0.08);}.brew-step-item{border-bottom: 1px solid rgba(20, 22, 24, 0.08);cursor: pointer;overflow: hidden;transition: all var(--duration-normal) var(--transition-smooth);}.step-header{display: flex;align-items: center;padding: 1.25rem 0;user-select: none;cursor: pointer;}.step-index{font-family: var(--font-serif);font-size: 1.15rem;font-weight: 700;color: var(--color-gold);margin-right: 1.5rem;width: 20px;text-align: center;}.step-name{font-size: 1.1rem;color: var(--color-coal);font-weight: 500;transition: color var(--duration-normal);}.brew-step-item:hover .step-name{color: var(--color-gold);}.step-detail{max-height: 0;opacity: 0;overflow: hidden;transition: max-height 0.4s ease-out, opacity 0.3s ease-out;}.step-detail p{padding: 0 0 1.5rem 2.75rem;font-size: 0.88rem;color: var(--color-text-muted);margin-bottom: 0;line-height: 1.7;}.brew-step-item.active .step-name{color: var(--color-gold);font-weight: 600;}.brew-step-item.active .step-detail{max-height: 180px;opacity: 1;}.contact-section{background-color: #f6f1e7;color: var(--color-text-main);max-width: 100%;width: 100%;margin-top: var(--spacing-xl);padding: var(--spacing-xl) 0;}.encyclopedia-dark{background-color: var(--color-coal);color: #d8dcdf;border-top: 1px solid var(--color-gold);border-bottom: 1px solid var(--color-gold);}.encyclopedia-dark .contact-title{color: #fff;}.encyclopedia-dark .contact-subtitle{color: #c4cace;}.encyclopedia-dark .tasting-card{background-color: rgba(11, 15, 18, 0.55);border-color: rgba(191, 160, 102, 0.18);box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35);}.encyclopedia-dark .tasting-card.highlighted-card{background-color: rgba(207, 161, 92, 0.12);border-color: var(--color-gold);color: #d8dcdf;}.encyclopedia-dark .card-title{color: #fff;}.encyclopedia-dark .tasting-card.highlighted-card .card-title{color: #fff;}.encyclopedia-dark .tasting-card .card-text{color: #c4cace;}.encyclopedia-dark .tasting-card.highlighted-card .card-text{color: #c4cace;}.contact-card{max-width: var(--max-width);margin: 0 auto;padding: 0 var(--spacing-md);}.contact-grid{display: grid;grid-template-columns: 1fr 1.2fr;gap: var(--spacing-lg);align-items: center;}.contact-title{font-size: 3rem;color: var(--color-coal);margin-bottom: var(--spacing-sm);}.contact-subtitle{color: var(--color-text-muted);font-size: 0.98rem;margin-bottom: var(--spacing-lg);font-weight: 300;}.contact-details{display: flex;flex-direction: column;gap: var(--spacing-md);}.info-item{display: flex;gap: var(--spacing-sm);align-items: flex-start;}.info-icon{font-size: 1.2rem;line-height: 1;}.info-item h5{font-family: var(--font-sans);font-size: 0.85rem;font-weight: 600;color: var(--color-gold);margin-bottom: 0.2rem;letter-spacing: 0.05em;}.info-item p{color: var(--color-text-muted);font-size: 0.85rem;margin-bottom: 0;}.contact-form-wrapper{background-color: var(--color-coal-light);border: 1px solid var(--color-border);padding: 3rem;border-radius: 2px;box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);}.form-title{font-size: 1.6rem;color: #fff;margin-bottom: var(--spacing-md);text-align: center;border-bottom: 1px solid rgba(255, 255, 255, 0.1);padding-bottom: 1rem;}.form-row{display: grid;grid-template-columns: 1fr 1fr;gap: var(--spacing-md);}.form-group{margin-bottom: 1.5rem;}.form-group label{display: block;font-size: 0.78rem;font-weight: 500;color: var(--color-gold);margin-bottom: 0.5rem;letter-spacing: 0.05em;}.form-group input, .form-group select, .form-group textarea{width: 100%;background-color: transparent;border: none;border-bottom: 1px solid rgba(255, 255, 255, 0.2);padding: 0.6rem 0;color: #fff;font-family: var(--font-sans);font-size: 0.9rem;font-weight: 300;border-radius: 0;outline: none;transition: all var(--duration-normal);}.form-group input:focus, .form-group select:focus, .form-group textarea:focus{border-bottom-color: var(--color-gold);}.form-group select option{background-color: var(--color-coal-light);color: #fff;}.form-message{margin-top: 1rem;font-size: 0.82rem;text-align: center;min-height: 20px;}.form-message.success{color: #6ed17f;}.form-message.error{color: #e57373;}.contact-cta{display: flex;gap: 1rem;flex-wrap: wrap;margin-top: 2rem;}.contact-qr-side{display: flex;justify-content: center;align-items: center;}.qr-card{background-color: var(--color-coal-light);border: 1px solid var(--color-border);padding: 2rem;border-radius: 2px;text-align: center;box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);}.qr-card img{width: 200px;max-width: 100%;height: auto;aspect-ratio: 1 / 1;margin: 0 auto 1rem;background: #fff;padding: 10px;border-radius: 4px;display: block;}.qr-caption{color: var(--color-gold);font-size: 0.9rem;margin: 0;letter-spacing: 0.05em;}.main-footer{background-color: var(--color-coal);border-top: 1px solid rgba(255, 255, 255, 0.05);padding: var(--spacing-lg) 0;color: #888;}.footer-container{max-width: var(--max-width);margin: 0 auto;padding: 0 var(--spacing-md);display: flex;justify-content: space-between;align-items: center;}.footer-brand h3{color: #fff;font-size: 1.4rem;letter-spacing: 0.1em;margin-bottom: 0.4rem;}.footer-brand p{font-size: 0.72rem;color: var(--color-gold);margin-bottom: 0;letter-spacing: 0.1em;}.footer-meta{text-align: right;}.footer-meta p{font-size: 0.75rem;color: #888;margin-bottom: 0.2rem;}.footer-deco{font-size: 0.65rem !important;color: #8a8f94 !important;}.gongan-badge{height: 18px;width: auto;vertical-align: middle;margin-right: 5px;border: 0;}.gongan-link{display: inline-flex;align-items: center;}.gongan-link:hover{color: var(--color-gold);}.reveal-element{opacity: 0;transform: translateY(30px) scale(0.98);transition: opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1), transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);}.reveal-element.revealed{opacity: 1;transform: translateY(0) scale(1);}@keyframes fadeUp{to{opacity: 1;transform: translateY(0) scale(1);}}@keyframes scrollWheel{0%{opacity: 1;top: 6px;height: 6px;}50%{opacity: 0.4;height: 12px;}100%{opacity: 0;top: 20px;height: 3px;}}.modal-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(20, 22, 24, 0.7);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);z-index: 2000;display: flex;align-items: center;justify-content: center;opacity: 0;pointer-events: none;transition: opacity 0.4s var(--transition-smooth);}.modal-overlay.active{opacity: 1;pointer-events: auto;}.modal-card{background-color: var(--color-coal-light);border: 1px solid var(--color-border);width: 90%;max-width: 550px;padding: 3rem 2.5rem;position: relative;border-radius: 2px;box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4);transform: translateY(30px) scale(0.96);transition: transform 0.4s var(--transition-smooth);color: #fff;}.modal-overlay.active .modal-card{transform: translateY(0) scale(1);}.modal-close{position: absolute;top: 1.5rem;right: 1.5rem;background: none;border: none;color: #888;font-size: 2rem;line-height: 1;cursor: pointer;transition: color 0.3s;}.modal-close:hover{color: var(--color-gold);}.modal-title{font-size: 1.8rem;color: #fff;margin-bottom: 0.5rem;text-align: center;}.modal-subtitle{font-size: 0.85rem;color: #ccc;text-align: center;margin-bottom: 2rem;font-weight: 300;}.modal-search-box{display: flex;gap: var(--spacing-sm);border-bottom: 1px solid rgba(255, 255, 255, 0.1);padding-bottom: 1.5rem;margin-bottom: 1.5rem;}.modal-search-box input{flex: 1;background-color: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.1);padding: 0.8rem 1.2rem;color: #fff;border-radius: 2px;font-family: var(--font-sans);font-size: 0.9rem;outline: none;transition: border-color 0.3s;}.modal-search-box input:focus{border-color: var(--color-gold);}.modal-search-box button{padding: 0 2rem;}.query-results{max-height: 250px;overflow-y: auto;padding-right: 5px;}.query-results::-webkit-scrollbar{width: 4px;}.query-results::-webkit-scrollbar-thumb{background-color: var(--color-gold);border-radius: 2px;}.query-empty{text-align: center;color: #888;font-size: 0.85rem;padding: 2rem 0;}.reservation-record-card{background-color: rgba(255, 255, 255, 0.03);border: 1px solid rgba(207, 161, 92, 0.1);padding: 1.25rem;margin-bottom: 1rem;border-radius: 2px;position: relative;transition: border-color 0.3s;}.reservation-record-card:hover{border-color: var(--color-gold);}.record-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.6rem;border-bottom: 1px solid rgba(255, 255, 255, 0.05);padding-bottom: 0.4rem;}.record-name{font-weight: 600;color: #fff;font-size: 0.95rem;}.record-status{font-size: 0.72rem;color: var(--color-gold);background-color: rgba(207, 161, 92, 0.1);padding: 0.2rem 0.6rem;border-radius: 10px;letter-spacing: 0.05em;}.record-row{font-size: 0.82rem;color: #ccc;margin-bottom: 0.3rem;display: flex;justify-content: space-between;}.record-row:last-child{margin-bottom: 0;}.record-label{color: #888;}.record-val{font-weight: 300;}@media (max-width: 1024px){:root{--spacing-xl: 5rem;}.hero-title{font-size: 4rem;}.grid-container{gap: var(--spacing-md);}.contact-grid{grid-template-columns: 1fr;gap: var(--spacing-lg);}.contact-info{text-align: center;}.contact-details{flex-direction: row;justify-content: space-around;margin-top: var(--spacing-md);}.info-item{flex-direction: column;align-items: center;text-align: center;}}@media (max-width: 768px){:root{--spacing-xl: 4rem;}.header-container{padding: 1rem var(--spacing-md);}.menu-toggle{display: flex;}.nav-links{position: fixed;top: 70px;left: 0;width: 100%;height: calc(100vh - 70px);height: calc(100dvh - 70px);background-color: var(--color-paper);flex-direction: column;align-items: center;justify-content: center;gap: var(--spacing-md);transform: translateX(100%);transition: transform var(--duration-normal) var(--transition-smooth);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);}.nav-links.active{transform: translateX(0);}.grid-container{grid-template-columns: 1fr;}.grid-three{grid-template-columns: 1fr;gap: var(--spacing-md);}.story-text-side{padding-right: 0;}.story-img-side{order: -1;}.craft-grid{grid-template-columns: 1fr;gap: var(--spacing-sm);}.brew-interactive-side{padding-left: 0;}.brew-tip-card{position: static;width: 100%;margin-top: var(--spacing-md);box-shadow: none;border-color: rgba(20, 22, 24, 0.08);}.contact-details{flex-direction: column;gap: var(--spacing-sm);align-items: center;}.contact-form-wrapper{padding: 2rem 1.5rem;}.form-row{grid-template-columns: 1fr;gap: 0;}.footer-container{flex-direction: column;text-align: center;gap: var(--spacing-md);}.footer-meta{text-align: center;}}@media screen and (max-width: 480px){.modal-search-box{flex-direction: column !important;gap: 10px !important;padding-bottom: 1rem !important;}.modal-search-box input{width: 100% !important;box-sizing: border-box !important;height: 45px !important;}.modal-search-box button{width: 100% !important;box-sizing: border-box !important;height: 45px !important;padding: 0 !important;}.contact-qr-side{width: 100%;}.qr-card{padding: 1.5rem;width: 100%;max-width: 280px;margin: 0 auto;}.qr-card img{width: 100%;}}@media (prefers-reduced-motion: reduce){*, *::before, *::after{animation-duration: 0.001ms !important;animation-iteration-count: 1 !important;transition-duration: 0.001ms !important;scroll-behavior: auto !important;}.reveal-element, .hero-scroll-badge, .hero-title, .hero-tagline, .hero-actions{opacity: 1 !important;transform: none !important;animation: none !important;}}