:root{--color-paper-white:#FBFBF9;--color-raw-linen:#EFECE6;--color-slate-charcoal:#1A1A1A;--color-muted-brass:#C5A880;--color-border-gray:#E0DDD6;--color-text-muted:#666666;--color-white:#FFFFFF;--font-serif:'Cormorant Garamond', serif;--font-sans:'Inter', sans-serif;--font-mono:'JetBrains Mono', monospace;--space-unit:1rem}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-paper-white);color:var(--color-slate-charcoal);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-paper-white)}::-webkit-scrollbar-thumb{background:var(--color-border-gray);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--color-muted-brass)}.mono{font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase}main{width:100%}.header-nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--color-border-gray);background-color:var(--color-paper-white);z-index:10;position:relative}.brand-logo{font-family:var(--font-sans);font-weight:500;font-size:1.25rem;letter-spacing:0.35em;text-transform:uppercase}.nav-info{font-family:var(--font-mono);font-size:0.7rem;letter-spacing:0.1em;color:var(--color-text-muted)}.hero-split{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 65px);border-bottom:1px solid var(--color-border-gray)}.hero-left{display:flex;flex-direction:column;justify-content:center;padding:4rem 3.5rem;border-right:1px solid var(--color-border-gray)}.hero-content{max-width:540px}.section-tag{display:inline-block;color:var(--color-muted-brass);margin-bottom:1.5rem}.hero-headline{font-family:var(--font-serif);font-size:clamp(2.5rem, 4.5vw, 4rem);font-weight:300;line-height:1.05;letter-spacing:-0.01em;margin-bottom:2.5rem}.hero-cta-wrapper{margin-bottom:4rem}.extraction-details{border-top:1px solid var(--color-border-gray);padding-top:2rem;margin-top:2rem;display:flex;flex-direction:column;gap:0.75rem}.detail-row{display:flex;justify-content:space-between;gap:1.5rem;font-size:0.72rem;line-height:1.4}.detail-row .label{color:var(--color-text-muted);flex-shrink:0}.detail-row .value{text-align:right;font-weight:400}.hero-right{position:relative;overflow:hidden;background-color:var(--color-raw-linen);height:100%}.slideshow{position:relative;width:100%;height:100%}.slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;filter:grayscale(100%) contrast(110%);opacity:0;z-index:1;will-change:opacity, transform;transition:opacity 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.slide.active{opacity:1;z-index:3;transform:scale(1.02)}.slide.prev-active{opacity:1;z-index:2;transform:scale(1.0)}.btn{font-family:var(--font-sans);background:none;border:1px solid var(--color-slate-charcoal);color:var(--color-slate-charcoal);padding:1rem 2.5rem;font-size:0.85rem;letter-spacing:0.15em;text-transform:uppercase;cursor:pointer;transition:all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);position:relative;overflow:hidden}.btn-primary{background-color:var(--color-slate-charcoal);color:var(--color-paper-white)}.btn-primary:hover{background-color:transparent;color:var(--color-slate-charcoal)}.btn-large{width:100%;padding:1.25rem;font-weight:500;display:block;text-align:center}.btn-purchase{background-color:var(--color-slate-charcoal);color:var(--color-paper-white);border:1px solid var(--color-slate-charcoal)}.btn-purchase:hover{background-color:transparent;color:var(--color-slate-charcoal);border-color:var(--color-muted-brass)}.btn:focus-visible{outline:1px solid var(--color-muted-brass);outline-offset:3px}.olfactory-matrix-section{border-bottom:1px solid var(--color-border-gray);background-color:var(--color-paper-white)}.matrix-grid{display:grid;grid-template-columns:1.2fr 1fr;min-height:70vh}.matrix-nav-col{padding:6rem 4rem;border-right:1px solid var(--color-border-gray);display:flex;flex-direction:column;justify-content:center}.serif-section-headline{font-family:var(--font-serif);font-size:clamp(2rem, 3.5vw, 2.75rem);font-weight:300;margin-bottom:1.5rem;letter-spacing:-0.01em}.matrix-intro{font-size:0.95rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:3rem;max-width:480px}.matrix-tabs{display:flex;flex-direction:column;gap:1rem;max-width:320px}.matrix-tab-btn{background:none;border:none;border-left:2px solid var(--color-border-gray);color:var(--color-text-muted);text-align:left;padding:0.75rem 0 0.75rem 1.25rem;font-family:var(--font-mono);font-size:0.8rem;letter-spacing:0.08em;cursor:pointer;transition:all 0.3s ease}.matrix-tab-btn:hover{color:var(--color-slate-charcoal);border-left-color:var(--color-slate-charcoal)}.matrix-tab-btn.active{color:var(--color-slate-charcoal);border-left-color:var(--color-muted-brass);font-weight:500}.matrix-details-col{padding:6rem 4rem;background-color:var(--color-raw-linen);display:flex;align-items:center;justify-content:center}.matrix-data-panel{background-color:var(--color-paper-white);border:1px solid var(--color-border-gray);width:100%;max-width:480px;display:flex;flex-direction:column;opacity:1;transform:translateY(0);transition:opacity 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94);will-change:opacity, transform}.matrix-data-panel.is-changing{opacity:0;transform:translateY(3px);transition:none}.panel-header{display:flex;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border-gray);font-size:0.65rem;color:var(--color-text-muted)}.panel-content{padding:1.5rem 1.25rem;display:flex;flex-direction:column;gap:1.25rem;font-size:0.72rem}.panel-row{display:flex;justify-content:space-between;gap:1.5rem;border-bottom:1px solid rgba(224, 221, 214, 0.5);padding-bottom:0.75rem}.panel-row .label{color:var(--color-text-muted);flex-shrink:0}.panel-row .value{text-align:right;font-weight:500}.panel-row.description-row{flex-direction:column;border-bottom:none;padding-bottom:0;gap:0.5rem}.panel-row .value-block{font-family:var(--font-sans);font-size:0.75rem;line-height:1.5;color:var(--color-text-muted);text-align:left}.carousel-section{padding:8rem 0;border-bottom:1px solid var(--color-border-gray);background-color:var(--color-paper-white);overflow:hidden}.carousel-header-block{max-width:860px;margin:0 auto 3rem auto;padding:0}.carousel-viewport{--carousel-gap:2rem;display:flex;gap:var(--carousel-gap);padding:0 0 1.5rem 0;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;max-width:860px;margin:0 auto}.carousel-viewport::-webkit-scrollbar{display:none}.carousel-card{scroll-snap-align:center;flex:0 0 100%;display:grid;grid-template-columns:1.1fr 1fr;gap:3.5rem;background-color:var(--color-paper-white);border:1px solid var(--color-border-gray);padding:2.25rem;align-items:center}.card-image{width:100%;aspect-ratio:1/1;max-height:340px;background-size:cover;background-position:center;filter:grayscale(100%) contrast(105%);border:1px solid rgba(26, 26, 26, 0.05)}.card-content{display:flex;flex-direction:column;justify-content:center}.card-meta{display:flex;justify-content:space-between;font-size:0.65rem;color:var(--color-muted-brass);margin-bottom:1.25rem}.card-title{font-family:var(--font-serif);font-size:1.85rem;font-weight:300;margin-bottom:0.75rem;letter-spacing:-0.01em;line-height:1.1}.card-text{font-size:0.88rem;color:var(--color-text-muted);line-height:1.5}.carousel-controls-wrapper{padding:2.5rem 0 0 0;max-width:860px;margin:0 auto}.carousel-nav-controls{display:flex;justify-content:space-between;align-items:center;width:100%}.carousel-nav-btn{background:none;border:1px solid var(--color-border-gray);font-family:var(--font-mono);font-size:0.68rem;color:var(--color-slate-charcoal);cursor:pointer;padding:0.5rem 1rem;transition:all 0.3s ease;letter-spacing:0.08em;border-radius:0}.carousel-nav-btn:hover:not(:disabled){color:var(--color-muted-brass);border-color:var(--color-slate-charcoal)}.carousel-nav-btn:disabled{color:var(--color-border-gray);border-color:var(--color-border-gray);cursor:not-allowed}.carousel-dots-container{display:flex;gap:0.75rem;align-items:center}.carousel-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-border-gray);border:none;cursor:pointer;padding:0;transition:all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.carousel-dot:hover{background-color:var(--color-text-muted)}.carousel-dot.active{background-color:var(--color-slate-charcoal);transform:scale(1.2)}.product-section{display:flex;justify-content:center;align-items:center;padding:8rem 2rem;border-bottom:1px solid var(--color-border-gray);background-color:var(--color-paper-white)}.product-layout{width:100%;max-width:580px;text-align:center}.serif-title{font-family:var(--font-serif);font-size:4rem;font-weight:300;letter-spacing:0.02em;margin-bottom:1.5rem}.batch-allocation-tracker{background-color:rgba(26, 26, 26, 0.02);border:1px solid var(--color-border-gray);padding:1.25rem 1.5rem;margin-bottom:3.5rem}.tracker-header{display:flex;justify-content:space-between;font-size:0.7rem;color:var(--color-slate-charcoal);margin-bottom:0.75rem;letter-spacing:0.08em}.tracker-progress-bar{width:100%;height:2px;background-color:var(--color-border-gray);overflow:hidden}.progress-fill{height:100%;background-color:var(--color-muted-brass);width:80%;transition:width 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.variant-selector-wrapper{margin-bottom:3rem}.selector-label{display:block;font-size:0.75rem;color:var(--color-text-muted);margin-bottom:1.25rem}.variant-buttons{display:flex;justify-content:center;gap:1rem}.variant-btn{background:none;border:1px solid var(--color-border-gray);color:var(--color-text-muted);padding:0.75rem 2rem;font-family:var(--font-mono);font-size:0.8rem;cursor:pointer;transition:all 0.3s ease}.variant-btn:hover{border-color:var(--color-slate-charcoal);color:var(--color-slate-charcoal)}.variant-btn.active{background-color:var(--color-slate-charcoal);border-color:var(--color-slate-charcoal);color:var(--color-paper-white)}.engraving-section{max-width:400px;margin:0 auto 3rem auto;text-align:left}.engraving-header{display:flex;justify-content:space-between;font-size:0.65rem;color:var(--color-text-muted);margin-bottom:0.5rem}.engraving-input-wrapper{display:flex;border-bottom:1px solid var(--color-border-gray);padding-bottom:0.25rem;align-items:center}.engraving-input-wrapper input{background:none;border:none;flex:1;font-size:0.85rem;color:var(--color-slate-charcoal);padding:0.25rem 0}.engraving-input-wrapper input::placeholder{color:#CCC}.engraving-input-wrapper input:focus{outline:none}.engraving-toggle-btn{background:none;border:1px solid var(--color-border-gray);font-size:0.65rem;padding:0.25rem 0.75rem;cursor:pointer;color:var(--color-text-muted);transition:all 0.2s ease}.engraving-toggle-btn.active-state{background-color:transparent;border-color:var(--color-slate-charcoal);color:var(--color-slate-charcoal)}.engraving-toggle-btn.active-state.enabled{background-color:var(--color-muted-brass);border-color:var(--color-muted-brass);color:var(--color-slate-charcoal)}.product-specs{border-top:1px solid var(--color-border-gray);border-bottom:1px solid var(--color-border-gray);padding:2.5rem 0;margin-bottom:3rem}.price-display{font-family:var(--font-serif);font-size:4rem;font-weight:300;line-height:1;margin-bottom:1rem}.price-display .currency{font-size:2rem;vertical-align:super;margin-right:0.2rem}.spec-details{font-size:0.75rem;color:var(--color-text-muted);max-width:400px;margin:0 auto;line-height:1.5}#product-description{margin-bottom:0.75rem}.availability-status{display:flex;align-items:center;justify-content:center;gap:0.5rem}.dot-indicator{display:inline-block;width:6px;height:6px;background-color:var(--color-muted-brass);border-radius:50%}.purchase-action{max-width:400px;margin:0 auto}.footer-grid{display:flex;justify-content:space-between;padding:3rem 2rem;font-size:0.65rem;color:var(--color-text-muted);border-top:1px solid var(--color-border-gray);background-color:var(--color-paper-white)}.checkout-drawer{border:none;padding:0;margin:0;background:none;overflow:hidden;position:fixed;background-color:var(--color-raw-linen);box-shadow:-10px 0 30px rgba(0,0,0,0.05);display:none;flex-direction:column;z-index:100;will-change:transform, display, overlay;transition-property:transform, display, overlay;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-behavior:allow-discrete}.checkout-drawer:popover-open{display:flex}@media (min-width:768px){.checkout-drawer{top:0;right:0;width:450px;height:100vh;border-left:1px solid var(--color-border-gray);transform:translateX(100%)}.checkout-drawer:popover-open{transform:translateX(0);@starting-style{transform:translateX(100%)}}}@media (max-width:767px){.checkout-drawer{bottom:0;left:0;width:100%;height:85dvh;border-top:1px solid var(--color-border-gray);transform:translateY(100%)}.checkout-drawer:popover-open{transform:translateY(0);@starting-style{transform:translateY(100%)}}}.checkout-drawer::backdrop{background-color:rgba(26, 26, 26, 0);backdrop-filter:blur(0px);will-change:background-color, backdrop-filter, display, overlay;transition:display 0.4s allow-discrete, overlay 0.4s allow-discrete, background-color 0.4s ease-out, backdrop-filter 0.4s ease-out}.checkout-drawer:popover-open::backdrop{background-color:rgba(26, 26, 26, 0.35);backdrop-filter:blur(2px);@starting-style{background-color:rgba(26, 26, 26, 0);backdrop-filter:blur(0px)}}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-border-gray);background-color:var(--color-raw-linen)}.drawer-title{font-weight:500;letter-spacing:0.1em;color:var(--color-slate-charcoal)}.drawer-close-btn{background:none;border:none;font-size:1.75rem;font-weight:300;cursor:pointer;color:var(--color-slate-charcoal);transition:color 0.2s ease;line-height:1}.drawer-close-btn:hover{color:var(--color-muted-brass)}.drawer-content{flex:1;overflow-y:auto;padding:2.5rem 1.5rem}.checkout-form-panel{display:flex;flex-direction:column;gap:1.5rem}.checkout-steps-indicator{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border-gray);padding-bottom:1rem;margin-bottom:1.5rem}.step-node{font-size:0.65rem;color:var(--color-text-muted);transition:all 0.3s ease}.step-node.active{color:var(--color-slate-charcoal);font-weight:600}.step-connector{flex:1;height:1px;background-color:var(--color-border-gray);margin:0 1rem}.form-step{display:none;flex-direction:column;gap:1.5rem}.form-step.active{display:flex}.mono-desc{font-size:0.72rem;color:var(--color-text-muted);line-height:1.4;margin-bottom:1rem}.input-group{display:flex;flex-direction:column;gap:0.4rem;margin-bottom:1.5rem}.input-label{font-size:0.65rem;color:var(--color-text-muted);font-weight:500}.input-field{background:none;border:none;border-bottom:1px solid var(--color-border-gray);color:var(--color-slate-charcoal);padding:0.5rem 0;font-size:0.85rem;width:100%;border-radius:0}.input-field:focus{outline:none;border-bottom-color:var(--color-slate-charcoal)}.shipping-options-grid{display:flex;flex-direction:column;gap:0.75rem}.shipping-option{display:flex;align-items:center;gap:0.75rem;cursor:pointer;font-size:0.72rem;border:1px solid var(--color-border-gray);padding:0.75rem 1rem;background-color:var(--color-paper-white);transition:all 0.2s ease}.shipping-option:hover{border-color:var(--color-slate-charcoal)}.shipping-option input{accent-color:var(--color-muted-brass)}.input-row-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.step-nav-buttons{display:flex;gap:1rem;margin-top:1.5rem}.btn-back{flex:0 0 80px;border-color:var(--color-border-gray);color:var(--color-text-muted)}.btn-back:hover{border-color:var(--color-slate-charcoal);color:var(--color-slate-charcoal)}.btn-next-step{flex:1;background-color:var(--color-slate-charcoal);color:var(--color-paper-white)}.btn-next-step:hover{background-color:transparent;color:var(--color-slate-charcoal)}.drawer-summary{background-color:rgba(26, 26, 26, 0.02);border:1px solid var(--color-border-gray);padding:1.5rem;margin:2rem 0;display:flex;flex-direction:column;gap:0.75rem;font-size:0.72rem}.summary-row{display:flex;justify-content:space-between}.summary-row.total{border-top:1px solid var(--color-border-gray);padding-top:0.75rem;font-weight:600;color:var(--color-slate-charcoal)}.receipt-panel{display:flex;flex-direction:column;gap:1.5rem;animation:receiptFadeIn 0.5s ease-out}@keyframes receiptFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.receipt-checkmark{color:var(--color-muted-brass);font-weight:500;font-size:0.8rem;border:1px solid var(--color-muted-brass);padding:0.75rem;text-align:center;margin-bottom:1rem}.receipt-body{border:1px dashed var(--color-border-gray);padding:1.5rem;display:flex;flex-direction:column;gap:0.75rem;font-size:0.72rem;background-color:var(--color-paper-white)}.receipt-line{display:flex;justify-content:space-between;gap:1rem}.receipt-line .label{color:var(--color-text-muted)}.receipt-line .value{text-align:right;font-weight:500}.receipt-line.total{font-size:0.85rem;font-weight:600}.receipt-divider{border:none;border-top:1px dashed var(--color-border-gray);margin:0.5rem 0}.receipt-footer{font-size:0.65rem;color:var(--color-text-muted);line-height:1.5;text-align:justify}.btn-receipt-close{background-color:transparent;color:var(--color-slate-charcoal)}.btn-receipt-close:hover{background-color:var(--color-slate-charcoal);color:var(--color-paper-white)}.hidden{display:none !important}@media (prefers-reduced-motion:reduce){.slide, .checkout-drawer, .checkout-drawer::backdrop, .receipt-panel, .btn, .carousel-viewport, .carousel-dot{transition:none !important;animation:none !important;transform:none !important;scroll-behavior:auto !important}}@media (max-width:1024px){.carousel-viewport{padding:0 2rem 1.5rem 2rem}.carousel-header-block{padding:0 2rem}.carousel-controls-wrapper{padding:2.5rem 2rem 0 2rem}}@media (max-width:768px){.hero-split, .matrix-grid{grid-template-columns:1fr}.hero-left{border-right:none;border-bottom:1px solid var(--color-border-gray);padding:3rem 1.5rem}.hero-right{height:60vh}.matrix-nav-col{border-right:none;border-bottom:1px solid var(--color-border-gray);padding:4rem 1.5rem}.matrix-details-col{padding:4rem 1.5rem}.carousel-viewport{padding:0 1.5rem 1.5rem 1.5rem}.carousel-card{grid-template-columns:1fr;gap:2.5rem;padding:2rem 1.5rem}.carousel-header-block{padding:0 1.5rem;margin-bottom:2.5rem}.carousel-controls-wrapper{padding:1.5rem 1.5rem 0 1.5rem}.product-section{padding:4rem 1.5rem}}@media (max-width:480px){.carousel-nav-btn{font-size:0.6rem;padding:0.35rem 0.5rem}.carousel-dots-container{gap:0.5rem}}