@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Lato:wght@300;400;500&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:96px}body{font-family:Lato,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-page);color:var(--neutral-900);line-height:1.6;overflow-x:hidden;transition:var(--theme-transition)}:root{--primary-50:#fdf8e8;--primary-500:#b8860b;--primary-600:#9a7209;--primary-900:#6b5006;--neutral-50:#fafaf8;--neutral-100:#f5f4f0;--neutral-200:#e8e6e0;--neutral-500:#9b9a94;--neutral-700:#4a4a45;--neutral-900:#1c1c19;--bg-page:#fafaf8;--bg-surface:#f5f4f0;--font-headline:"Playfair Display",Georgia,serif;--font-body:"Lato",-apple-system,BlinkMacSystemFont,sans-serif;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--space-32:128px;--space-40:160px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-card:0 4px 12px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04);--shadow-card-hover:0 12px 24px rgba(0,0,0,.12),0 6px 12px rgba(0,0,0,.06);--shadow-gold-accent:0 4px 16px rgba(184,134,11,.15);--timing-fast:300ms;--timing-standard:400ms;--timing-luxury:600ms;--easing-default:cubic-bezier(0.4,0,0.2,1);--easing-elegant:cubic-bezier(0.25,0.46,0.45,0.94);--theme-transition:background-color 0.4s ease,color 0.4s ease,border-color 0.4s ease}[data-theme=dark]{--primary-50:#2a2414;--primary-500:#d4af37;--primary-600:#f0c869;--primary-900:#fde68a;--neutral-50:#0f0f0f;--neutral-100:#1a1a1a;--neutral-200:#262626;--neutral-500:#737373;--neutral-700:#a3a3a3;--neutral-900:#f8f5f0;--bg-page:#0f0f0f;--bg-surface:#1a1a1a;--shadow-card:0 4px 12px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.2);--shadow-card-hover:0 12px 24px rgba(0,0,0,.4),0 6px 12px rgba(0,0,0,.3);--shadow-gold-accent:0 4px 16px rgba(212,175,55,.25)}.display-1{font-size:96px}.display-1,.display-2{font-family:var(--font-headline);font-weight:700;line-height:1.1;letter-spacing:-.01em}.display-2{font-size:72px}.headline-1{font-size:56px}.headline-1,.headline-2{font-family:var(--font-headline);font-weight:600;line-height:1.2}.headline-2{font-size:40px}.subhead{font-family:var(--font-body);font-size:28px;font-weight:500;line-height:1.3;letter-spacing:.02em}.body{font-size:18px;line-height:1.6;letter-spacing:.01em}.body,.body-large{font-family:var(--font-body);font-weight:400}.body-large{font-size:20px;line-height:1.7}.caption{font-family:var(--font-body);font-size:14px;font-weight:300;line-height:1.5;letter-spacing:.05em;text-transform:uppercase}.theme-toggle{background:none;border:none;cursor:pointer;padding:var(--space-2);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color var(--timing-fast) var(--easing-default)}.theme-toggle:hover{background-color:var(--neutral-200)}.theme-toggle svg{width:24px;height:24px;fill:none;stroke:var(--neutral-900);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--timing-standard) var(--easing-elegant)}.theme-toggle:hover svg{transform:rotate(20deg)}.nav-header{position:fixed;top:0;left:0;right:0;height:96px;background-color:var(--bg-page);backdrop-filter:blur(10px);z-index:1000;transition:var(--theme-transition),box-shadow var(--timing-standard) var(--easing-default);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--neutral-200)}.nav-header.scrolled{box-shadow:0 2px 8px rgba(0,0,0,.06)}.nav-container{width:100%;max-width:1400px;padding:0 var(--space-8);display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:var(--font-headline);font-size:24px;font-weight:700;color:var(--neutral-900);text-decoration:none;letter-spacing:-.01em}.nav-links{display:flex;gap:var(--space-8);list-style:none;align-items:center}.nav-link{font-family:var(--font-body);font-size:14px;font-weight:300;color:var(--neutral-700);text-decoration:none;text-transform:uppercase;letter-spacing:.1em;position:relative;transition:color var(--timing-fast) var(--easing-default)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:0;height:2px;background-color:var(--primary-500);transition:width var(--timing-fast) var(--easing-default)}.nav-link:hover{color:var(--neutral-900)}.nav-link:hover:after{width:12px}.hero-section{position:relative;height:750px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:96px}.hero-background{position:absolute!important;top:0;left:0;width:100%;height:120%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;will-change:transform}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(28,28,25,.4),rgba(28,28,25,.7))}.hero-content{position:relative;z-index:10;max-width:1200px;padding:0 var(--space-8);text-align:center;color:var(--neutral-50);opacity:0;animation:fadeInUp var(--timing-luxury) var(--easing-elegant) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);margin-top:var(--space-16)}.stat-item{text-align:center}.stat-value{font-family:var(--font-headline);font-size:48px;font-weight:700;color:var(--primary-500);display:block;margin-bottom:var(--space-3)}.stat-label{color:var(--neutral-200);font-size:16px;text-transform:uppercase;letter-spacing:.05em}.section-geography,.section-manufactures,.section-timeline{padding:var(--space-32) 0}.section-container{max-width:1400px;margin:0 auto;padding:0 var(--space-8)}.section-container .headline-1{text-align:center;margin-bottom:var(--space-16);color:var(--neutral-900)}.timeline-container{max-width:1200px;margin:0 auto}.timeline-card{display:flex;gap:var(--space-8);background:var(--bg-surface);border:1px solid var(--neutral-200);border-radius:var(--radius-md);padding:var(--space-12);margin-bottom:var(--space-16);box-shadow:var(--shadow-card);transition:all var(--timing-standard) var(--easing-elegant);position:relative;opacity:0;transform:translateY(30px)}.timeline-card.visible{opacity:1;transform:translateY(0)}.timeline-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--primary-500)}.timeline-card.reverse{flex-direction:row-reverse}.timeline-date-badge,.timeline-image{position:relative}.timeline-image{flex:0 0 40%;border-radius:var(--radius-lg);overflow:hidden;height:300px}.timeline-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--timing-luxury) var(--easing-elegant)}.timeline-card:hover .timeline-image img{transform:scale(1.05)}.timeline-content{flex:1}.timeline-title{color:var(--neutral-900);margin-bottom:var(--space-4)}.timeline-description{color:var(--neutral-700)}.region-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);margin-top:var(--space-16)}.region-card{background:var(--bg-surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card);transition:all var(--timing-standard) var(--easing-elegant);opacity:0;transform:translateY(30px)}.region-card.visible{opacity:1;transform:translateY(0)}.region-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-card-hover)}.region-card-image{width:100%;height:240px;overflow:hidden;position:relative}.region-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--timing-luxury) var(--easing-elegant)}.region-card:hover .region-card-image img{transform:scale(1.05)}.region-card-content{padding:var(--space-12)}.region-card-content h3{color:var(--neutral-900);margin-bottom:var(--space-3)}.region-specialty{color:var(--primary-600);display:block;margin-bottom:var(--space-4)}.region-card-content .body{color:var(--neutral-700)}.manufacture-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);margin-top:var(--space-16)}.manufacture-card{background:var(--bg-surface);border:1px solid var(--neutral-200);border-radius:var(--radius-md);padding:0;overflow:hidden;transition:all var(--timing-standard) var(--easing-default);opacity:0;transform:translateY(30px)}.manufacture-card.visible{opacity:1;transform:translateY(0)}.manufacture-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-gold-accent);border-color:var(--primary-500)}.manufacture-image{width:100%;height:200px;position:relative;overflow:hidden}.manufacture-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--timing-luxury) var(--easing-elegant)}.manufacture-card:hover .manufacture-image img{transform:scale(1.05)}.manufacture-content{padding:var(--space-12)}.manufacture-content h3{color:var(--neutral-900);margin-bottom:var(--space-3);font-size:28px}.manufacture-meta{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.manufacture-meta .caption:first-child{color:var(--primary-600);font-weight:500}.manufacture-specialty{color:var(--neutral-500)}.manufacture-content .body{color:var(--neutral-700);margin-bottom:var(--space-4)}.manufacture-famous{color:var(--primary-500);font-style:italic}.footer{background-color:var(--neutral-900);color:var(--neutral-100);padding:var(--space-16) 0;text-align:center}.footer-container{max-width:1400px;margin:0 auto;padding:0 var(--space-8)}.footer-badge{margin-top:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--primary-500);color:#fff;display:inline-block;border-radius:var(--radius-sm);font-size:12px;text-transform:uppercase;letter-spacing:.05em}@media (max-width:1024px){.manufacture-grid,.region-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.display-1{font-size:48px}.headline-1{font-size:36px}.headline-2{font-size:28px}.stats-grid{grid-template-columns:repeat(2,1fr)}.timeline-card{flex-direction:column!important}.timeline-image{height:200px}.manufacture-grid,.region-grid{grid-template-columns:1fr}.nav-links{gap:var(--space-4)}.nav-link{font-size:12px}}@media (max-width:480px){.hero-section{height:600px}.display-1{font-size:36px}.subhead{font-size:20px}.stats-grid{grid-template-columns:1fr;gap:var(--space-4)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.timeline-content{display:flex;flex-direction:column;align-items:flex-start;padding-top:var(--space-12)}.timeline-date-badge{display:block;margin:1rem auto 0;background:var(--primary-500);color:#fff;padding:.4rem 1rem;border-radius:9999px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;width:-moz-fit-content;width:fit-content;box-shadow:0 2px 6px rgba(0,0,0,.15)}