{"version":"1.0","directionName":"Obsidian Grain Atelier","globalCss":":root {\n --bg-main: #0e0d0d;\n --text-primary: #f5f3ef;\n --text-muted: #8c8883;\n --brand-primary: #1f1d1b;\n --brand-secondary: #36322e;\n --accent-gold: #cfa052;\n --accent-glow: rgba(207, 160, 82, 0.15);\n --border-hairline: rgba(207, 160, 82, 0.25);\n --font-heading: 'Cormorant Garamond', Georgia, serif;\n --font-body: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;\n --radius: 0px;\n --c-bg: #0e0d0d;\n --c-ink: #f5f3ef;\n --c-primary: #1f1d1b;\n --c-accent: #cfa052;\n --c-secondary: #36322e;\n --c-success: #1f1d1b;\n --theme-primary: #1f1d1b;\n --theme-bg: #0e0d0d;\n --theme-ink: #f5f3ef;\n --theme-accent: #cfa052;\n --theme-secondary: #36322e;\n --theme-success: #1f1d1b;\n --bg: #0e0d0d;\n --bg-elevated: #36322e;\n --surface: #36322e;\n --surface-alt: #36322e;\n --ink: #f5f3ef;\n --ink-muted: #8c8883;\n --border: #cfd0d4;\n --bg-page: #0e0d0d;\n --page-bg: #0e0d0d;\n --surface-ink: #F9FAFB;\n --surface-ink-muted: #D1D5DB;\n --c-ink-muted: #8c8883;\n --theme-ink-muted: #8c8883;\n --bg-dark: #0e0d0d;\n --bg-card: #36322e;\n --ds-bg-dark: #0e0d0d;\n --ds-bg-card: #36322e;\n --ds-text-primary: #f5f3ef;\n --ds-text-muted: #8c8883;\n}\n\n@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,400&family=Outfit:wght@300;400;500;600&display=swap');\n\n*, *::before, *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\nhtml, \n\n[data-layout-root] a {\n color: inherit;\n text-decoration: none;\n}\n\n[data-layout-root] button {\n background: none;\n border: none;\n color: inherit;\n font: inherit;\n cursor: pointer;\n}\n\n/* --- DISCREET GOLD HAIRLINE HEADER --- */\n[data-layout-root] .ds-site-header {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n z-index: 100;\n background-color: rgba(14, 13, 13, 0.92);\n backdrop-filter: blur(12px);\n border-bottom: 1px solid var(--border-hairline);\n padding: 1.1rem 2rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n[data-layout-root] .header-left, .header-right {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n}\n\n[data-layout-root] .nav-toggle {\n display: none;\n background: transparent;\n border: none;\n color: var(--text-primary);\n font-size: 1.25rem;\n}\n\n[data-layout-root] .brand-logo {\n font-family: var(--font-heading);\n font-size: 1.8rem;\n font-weight: 600;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--text-primary);\n text-shadow: 0 0 12px rgba(207, 160, 82, 0.2);\n}\n\n[data-layout-root] .ds-nav-links {\n display: flex;\n gap: 2.2rem;\n list-style: none;\n}\n\n[data-layout-root] .nav-link {\n font-size: 0.78rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--text-muted);\n transition: color 0.25s ease;\n}\n\n[data-layout-root] .nav-link:hover {\n color: var(--accent-gold);\n}\n\n[data-layout-root] .header-slot-item {\n font-size: 0.75rem;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--text-primary);\n}\n\n[data-layout-root] .currency-badge {\n padding: 0.25rem 0.6rem;\n border: 1px solid var(--border-hairline);\n font-size: 0.7rem;\n color: var(--accent-gold);\n}\n\n/* --- MAIN CONTAINER --- */\n[data-layout-root] main {\n width: 100%;\n display: flex;\n flex-direction: column;\n}\n\n/* --- SECTION 1: HERO (OBSIDIAN GRAIN VISUAL SIGNATURE) --- */\n[data-layout-root] .hero-section {\n min-height: 100vh;\n padding-top: 5rem;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--bg-main);\n overflow: hidden;\n}\n\n/* Visual Signature Frame */\n[data-layout-root] .macro-signature-canvas {\n position: relative;\n width: 100%;\n min-height: 90vh;\n display: grid;\n grid-template-columns: 1fr;\n grid-template-rows: 1fr;\n align-items: center;\n justify-items: center;\n background: \n radial-gradient(circle at 65% 40%, rgba(207, 160, 82, 0.12) 0%, transparent 60%),\n radial-gradient(circle at 20% 80%, rgba(31, 29, 27, 0.9) 0%, transparent 70%),\n linear-gradient(135deg, #070606 0%, #151312 50%, #0a0909 100%);\n border: 1px solid rgba(207, 160, 82, 0.15);\n}\n\n/* Extreme Macro Texture Canvas covering 70% */\n[data-layout-root] .macro-grain-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n opacity: 0.85;\n background-image: \n radial-gradient(rgba(207, 160, 82, 0.08) 1px, transparent 1px),\n radial-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px);\n background-size: 8px 8px, 4px 4px;\n background-position: 0 0, 2px 2px;\n mask-image: radial-gradient(ellipse at 60% 45%, black 40%, transparent 85%);\n pointer-events: none;\n}\n\n/* Hand-stitched Seam Pattern Line */\n[data-layout-root] .stitched-seam-line {\n position: absolute;\n top: 0;\n left: 28%;\n width: 2px;\n height: 100%;\n border-left: 2px dashed rgba(207, 160, 82, 0.4);\n box-shadow: 2px 0 10px rgba(0,0,0,0.8), -2px 0 10px rgba(0,0,0,0.8);\n pointer-events: none;\n}\n\n[data-layout-root] .hero-content-wrapper {\n position: relative;\n z-index: 10;\n width: 100%;\n max-width: 1350px;\n padding: 3rem 2rem;\n display: grid;\n grid-template-columns: 1.1fr 0.9fr;\n gap: 3rem;\n align-items: center;\n}\n\n/* Corner Engraved Plaque & Product Silhouette */\n[data-layout-root] .hero-plaque-card {\n background: rgba(15, 14, 13, 0.88);\n border: 1px solid var(--border-hairline);\n padding: 3.5rem;\n backdrop-filter: blur(16px);\n box-shadow: 0 30px 60px rgba(0,0,0,0.8), inset 0 0 15px rgba(207, 160, 82, 0.05);\n position: relative;\n animation: heroFadeIn 0.4s ease-out forwards;\n}\n\n[data-layout-root] .hero-plaque-card::before {\n content: '';\n position: absolute;\n top: 6px;\n left: 6px;\n right: 6px;\n bottom: 6px;\n border: 1px solid rgba(207, 160, 82, 0.12);\n pointer-events: none;\n}\n\n[data-layout-root] .collection-tag {\n font-size: 0.7rem;\n letter-spacing: 0.3em;\n text-transform: uppercase;\n color: var(--accent-gold);\n margin-bottom: 1.2rem;\n display: inline-block;\n}\n\n[data-layout-root] .hero-headline {\n font-family: var(--font-heading);\n font-size: clamp(2.4rem, 4.5vw, 3.8rem);\n font-weight: 300;\n line-height: 1.12;\n color: var(--text-primary);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n}\n\n[data-layout-root] .hero-subline {\n font-size: 1rem;\n color: var(--text-muted);\n line-height: 1.7;\n margin-bottom: 2.2rem;\n max-width: 480px;\n}\n\n[data-layout-root] .product-bound-label {\n font-size: 0.72rem;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--text-muted);\n margin-bottom: 0.5rem;\n display: block;\n}\n\n[data-layout-root] .hero-cta-group {\n display: flex;\n align-items: center;\n gap: 1.8rem;\n}\n\n[data-layout-root] .btn-primary {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 1.1rem 2.4rem;\n background: var(--brand-secondary);\n color: var(--text-primary);\n border: 1px solid var(--accent-gold);\n font-size: 0.78rem;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;\n}\n\n[data-layout-root] .btn-primary:hover {\n background: var(--accent-gold);\n color: #0e0d0d;\n transform: translateY(-2px);\n box-shadow: 0 10px 25px rgba(207, 160, 82, 0.25);\n}\n\n[data-layout-root] .hero-silhouette-frame {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n[data-layout-root] .hero-product-img {\n width: 100%;\n max-width: 520px;\n height: auto;\n object-fit: cover;\n filter: contrast(1.08) brightness(0.92);\n border: 1px solid rgba(207, 160, 82, 0.2);\n box-shadow: 0 25px 50px rgba(0,0,0,0.9);\n}\n\n[data-layout-root] .spotlight-halo {\n position: absolute;\n width: 320px;\n height: 320px;\n background: radial-gradient(circle, rgba(207, 160, 82, 0.2) 0%, transparent 70%);\n border-radius: 50%;\n pointer-events: none;\n z-index: 0;\n}\n\n/* --- SECTION 2: SUPPORT 1 (HAND-FINISHED MACRO LOUPE) --- */\n[data-layout-root] .support-1-section {\n padding: 7rem 2rem;\n background-color: var(--brand-primary);\n border-top: 1px solid var(--border-hairline);\n position: relative;\n}\n\n[data-layout-root] .support-1-container {\n max-width: 1250px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 0.85fr 1.15fr;\n gap: 4rem;\n align-items: center;\n}\n\n[data-layout-root] .loupe-header-box {\n border-left: 2px solid var(--accent-gold);\n padding-left: 2rem;\n}\n\n[data-layout-root] .loupe-title {\n font-family: var(--font-heading);\n font-size: clamp(2rem, 3.2vw, 2.8rem);\n font-weight: 300;\n line-height: 1.2;\n margin-bottom: 1.5rem;\n color: var(--text-primary);\n}\n\n[data-layout-root] .loupe-copy {\n color: var(--text-muted);\n font-size: 0.95rem;\n line-height: 1.8;\n margin-bottom: 2rem;\n}\n\n[data-layout-root] .loupe-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n}\n\n[data-layout-root] .loupe-card {\n background: var(--bg-main);\n border: 1px solid rgba(207, 160, 82, 0.18);\n padding: 2rem;\n position: relative;\n overflow: hidden;\n}\n\n[data-layout-root] .loupe-card::after {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, transparent 50%, var(--accent-glow) 50%);\n}\n\n[data-layout-root] .loupe-card-title {\n font-family: var(--font-heading);\n font-size: 1.3rem;\n color: var(--accent-gold);\n margin-bottom: 0.6rem;\n}\n\n[data-layout-root] .loupe-card-desc {\n font-size: 0.85rem;\n color: var(--text-muted);\n line-height: 1.6;\n}\n\n/* --- SECTION 3: SUPPORT 2 (EXECUTIVE MEETING VAULT) --- */\n[data-layout-root] .support-2-section {\n padding: 8rem 2rem;\n background: linear-gradient(180deg, #0e0d0d 0%, #151312 100%);\n border-top: 1px solid var(--border-hairline);\n position: relative;\n}\n\n[data-layout-root] .support-2-container {\n max-width: 1250px;\n margin: 0 auto;\n}\n\n[data-layout-root] .executive-banner {\n text-align: center;\n max-width: 750px;\n margin: 0 auto 5rem;\n}\n\n[data-layout-root] .executive-title {\n font-family: var(--font-heading);\n font-size: clamp(2.2rem, 3.8vw, 3.2rem);\n font-weight: 300;\n line-height: 1.15;\n margin-bottom: 1.2rem;\n}\n\n[data-layout-root] .executive-sub {\n color: var(--text-muted);\n font-size: 1rem;\n line-height: 1.7;\n}\n\n[data-layout-root] .boardroom-triptych {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n}\n\n[data-layout-root] .triptych-item {\n background: rgba(31, 29, 27, 0.6);\n border: 1px solid var(--border-hairline);\n padding: 2.8rem 2rem;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n min-height: 320px;\n transition: transform 0.25s ease, border-color 0.25s ease;\n}\n\n[data-layout-root] .triptych-item:hover {\n transform: translateY(-4px);\n border-color: var(--accent-gold);\n}\n\n[data-layout-root] .triptych-num {\n font-family: var(--font-heading);\n font-size: 2.5rem;\n color: var(--accent-gold);\n line-height: 1;\n margin-bottom: 1.5rem;\n opacity: 0.8;\n}\n\n[data-layout-root] .triptych-heading {\n font-size: 1.15rem;\n font-weight: 400;\n letter-spacing: 0.05em;\n color: var(--text-primary);\n margin-bottom: 0.8rem;\n}\n\n[data-layout-root] .triptych-text {\n font-size: 0.88rem;\n color: var(--text-muted);\n line-height: 1.6;\n}\n\n[data-layout-root] .executive-footer-action {\n margin-top: 4.5rem;\n text-align: center;\n}\n\n/* --- KEYFRAME ANIMATIONS & ACCESSIBILITY --- */\n@keyframes heroFadeIn {\n from {\n opacity: 0;\n transform: translateY(12px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n *, ::before, ::after {\n animation: none !important;\n transition: none !important;\n }\n}\n\n/* --- RESPONSIVE STYLING --- */\n@media (max-width: 1024px) {\n[data-layout-root] .hero-content-wrapper {\n grid-template-columns: 1fr;\n gap: 2.5rem;\n }\n[data-layout-root] .support-1-container {\n grid-template-columns: 1fr;\n gap: 3rem;\n }\n[data-layout-root] .boardroom-triptych {\n grid-template-columns: 1fr;\n }\n}\n\n@media (max-width: 768px) {\n[data-layout-root] .ds-site-header {\n padding: 1rem 1.2rem;\n }\n[data-layout-root] .ds-nav-links, .header-left .header-slot-item:not([data-slot=\"logo\"]) {\n display: none;\n }\n[data-layout-root] .nav-toggle {\n display: block;\n }\n[data-layout-root] .hero-plaque-card {\n padding: 2rem;\n }\n[data-layout-root] .loupe-grid {\n grid-template-columns: 1fr;\n }\n}\n\n@media (max-width:760px){\n[data-layout-root] header{max-width:100%!important;min-width:0!important;display:flex!important;align-items:center!important;gap:12px!important;overflow:visible!important}\n[data-layout-root] header [data-slot=\"nav\"],header [data-slot=\"search\"],header [data-slot=\"login\"],header [data-slot=\"currency\"]{display:none!important}\n[data-layout-root] header [data-slot=\"logo\"]{display:flex!important;visibility:visible!important;opacity:1!important;position:static!important;margin-right:auto!important;min-width:0!important}\n[data-layout-root] header [data-slot=\"cart\"],header [data-slot=\"mobile-menu\"]{display:flex!important;visibility:visible!important;opacity:1!important;position:static!important;transform:none!important;white-space:nowrap!important}\n[data-layout-root] header *:has(>[data-slot=\"cart\"]),header *:has(>[data-slot=\"mobile-menu\"]){display:flex!important;visibility:visible!important;align-items:center!important;gap:10px!important}\n}\n\n/* Extension Styles for Dori Obsidian Grain Atelier */\n[data-layout-root] .ds-trust-section {\n background-color: #0e0d0d;\n border-top: 1px solid var(--border-hairline, rgba(207, 160, 82, 0.25));\n border-bottom: 1px solid var(--border-hairline, rgba(207, 160, 82, 0.25));\n padding: 3.5rem 2rem;\n position: relative;\n z-index: 5;\n}\n\n[data-layout-root] .ds-trust-container {\n max-width: 1350px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1.5rem;\n}\n\n[data-layout-root] .ds-trust-card {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n padding: 1.75rem 1.5rem;\n background: rgba(31, 29, 27, 0.5);\n border: 1px solid rgba(207, 160, 82, 0.15);\n transition: border-color 0.3s ease, transform 0.3s ease;\n}\n\n[data-layout-root] .ds-trust-card:hover {\n border-color: var(--accent-gold, #cfa052);\n transform: translateY(-3px);\n}\n\n[data-layout-root] .ds-trust-icon-row {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n color: var(--accent-gold, #cfa052);\n}\n\n[data-layout-root] .ds-trust-icon {\n width: 22px;\n height: 22px;\n stroke: var(--accent-gold, #cfa052);\n stroke-width: 1.5;\n fill: none;\n}\n\n[data-layout-root] .ds-trust-card-title {\n font-family: var(--font-heading, 'Cormorant Garamond', serif);\n font-size: 1.25rem;\n font-weight: 400;\n color: var(--text-primary, #f5f3ef);\n letter-spacing: 0.02em;\n}\n\n[data-layout-root] .ds-trust-card-desc {\n font-size: 0.85rem;\n color: var(--text-muted, #8c8883);\n line-height: 1.6;\n font-weight: 300;\n}\n\n/* Feature Sections */\n[data-layout-root] .ds-features-section {\n background-color: #0e0d0d;\n padding: 7rem 2rem;\n position: relative;\n}\n\n[data-layout-root] .ds-features-container {\n max-width: 1350px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n gap: 7rem;\n}\n\n[data-layout-root] .ds-section-intro {\n text-align: center;\n max-width: 720px;\n margin: 0 auto 1rem auto;\n}\n\n[data-layout-root] .ds-micro-tag {\n font-size: 0.7rem;\n letter-spacing: 0.3em;\n text-transform: uppercase;\n color: var(--accent-gold, #cfa052);\n display: block;\n margin-bottom: 0.8rem;\n}\n\n[data-layout-root] .ds-main-heading {\n font-family: var(--font-heading, 'Cormorant Garamond', serif);\n font-size: clamp(2.2rem, 3.8vw, 3.2rem);\n font-weight: 300;\n color: var(--text-primary, #f5f3ef);\n line-height: 1.15;\n margin-bottom: 1rem;\n}\n\n[data-layout-root] .ds-sub-text {\n font-size: 0.95rem;\n color: var(--text-muted, #8c8883);\n line-height: 1.7;\n}\n\n/* Feature Row Layouts */\n[data-layout-root] .ds-feature-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4.5rem;\n align-items: center;\n}\n\n[data-layout-root] .ds-feature-media {\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(207, 160, 82, 0.2);\n background: #1f1d1b;\n}\n\n[data-layout-root] .ds-feature-img {\n width: 100%;\n height: 480px;\n object-fit: cover;\n display: block;\n filter: contrast(1.05) brightness(0.92);\n transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n[data-layout-root] .ds-feature-media:hover .ds-feature-img {\n transform: scale(1.03);\n}\n\n[data-layout-root] .ds-media-badge {\n position: absolute;\n bottom: 1.5rem;\n left: 1.5rem;\n background: rgba(14, 13, 13, 0.9);\n border: 1px solid var(--border-hairline, rgba(207, 160, 82, 0.25));\n backdrop-filter: blur(8px);\n padding: 0.6rem 1.2rem;\n font-size: 0.7rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--accent-gold, #cfa052);\n}\n\n[data-layout-root] .ds-feature-content {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n}\n\n[data-layout-root] .ds-feature-title {\n font-family: var(--font-heading, 'Cormorant Garamond', serif);\n font-size: clamp(1.8rem, 2.8vw, 2.5rem);\n font-weight: 300;\n color: var(--text-primary, #f5f3ef);\n line-height: 1.2;\n}\n\n[data-layout-root] .ds-feature-description {\n font-size: 0.95rem;\n color: var(--text-muted, #8c8883);\n line-height: 1.75;\n}\n\n[data-layout-root] .ds-specs-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n margin-top: 0.5rem;\n padding-top: 1.8rem;\n border-top: 1px solid rgba(207, 160, 82, 0.15);\n}\n\n[data-layout-root] .ds-spec-item {\n display: flex;\n flex-direction: column;\n gap: 0.3rem;\n}\n\n[data-layout-root] .ds-spec-label {\n font-size: 0.68rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--accent-gold, #cfa052);\n}\n\n[data-layout-root] .ds-spec-val {\n font-size: 0.9rem;\n color: var(--text-primary, #f5f3ef);\n}\n\n[data-layout-root] .ds-cta-wrapper {\n margin-top: 1rem;\n}\n\n[data-layout-root] .ds-btn-outline {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.8rem;\n padding: 1rem 2.2rem;\n background: transparent;\n color: var(--text-primary, #f5f3ef);\n border: 1px solid var(--border-hairline, rgba(207, 160, 82, 0.3));\n font-size: 0.75rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n transition: all 0.25s ease;\n}\n\n[data-layout-root] .ds-btn-outline:hover {\n background: var(--accent-gold, #cfa052);\n color: #0e0d0d;\n border-color: var(--accent-gold, #cfa052);\n box-shadow: 0 8px 20px rgba(207, 160, 82, 0.2);\n}\n\n/* Feature Trio Grid */\n[data-layout-root] .ds-trio-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n margin-top: 2rem;\n}\n\n[data-layout-root] .ds-trio-card {\n background: rgba(31, 29, 27, 0.45);\n border: 1px solid rgba(207, 160, 82, 0.18);\n padding: 2.5rem 2rem;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n position: relative;\n transition: border-color 0.3s ease;\n}\n\n[data-layout-root] .ds-trio-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--accent-gold, #cfa052), transparent);\n opacity: 0;\n transition: opacity 0.3s ease;\n}\n\n[data-layout-root] .ds-trio-card:hover {\n border-color: rgba(207, 160, 82, 0.4);\n}\n\n[data-layout-root] .ds-trio-card:hover::before {\n opacity: 1;\n}\n\n[data-layout-root] .ds-trio-num {\n font-family: var(--font-heading, 'Cormorant Garamond', serif);\n font-size: 2.2rem;\n color: var(--accent-gold, #cfa052);\n line-height: 1;\n}\n\n[data-layout-root] .ds-trio-heading {\n font-family: var(--font-heading, 'Cormorant Garamond', serif);\n font-size: 1.4rem;\n font-weight: 400;\n color: var(--text-primary, #f5f3ef);\n}\n\n[data-layout-root] .ds-trio-copy {\n font-size: 0.88rem;\n color: var(--text-muted, #8c8883);\n line-height: 1.65;\n}\n\n/* Responsive Rules */\n@media (max-width: 1024px) {\n[data-layout-root] .ds-trust-container {\n grid-template-columns: repeat(2, 1fr);\n }\n[data-layout-root] .ds-feature-row {\n grid-template-columns: 1fr;\n gap: 2.5rem;\n }\n[data-layout-root] .ds-feature-row.ds-reverse .ds-feature-media {\n order: -1;\n }\n[data-layout-root] .ds-trio-grid {\n grid-template-columns: 1fr;\n }\n}\n\n@media (max-width: 640px) {\n[data-layout-root] .ds-trust-container {\n grid-template-columns: 1fr;\n }\n[data-layout-root] .ds-features-section {\n padding: 4rem 1.25rem;\n }\n[data-layout-root] .ds-trust-section {\n padding: 2.5rem 1.25rem;\n }\n}\n\n@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,400&family=Outfit:wght@300;400;500;600&display=swap');\n\n[data-layout-root] .ds-pdp-wrapper {\n background-color: #0e0d0d;\n color: #f5f3ef;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;\n font-weight: 300;\n line-height: 1.6;\n width: 100%;\n padding-top: 6rem;\n padding-bottom: 6rem;\n position: relative;\n overflow: hidden;\n}\n\n[data-layout-root] .ds-pdp-wrapper::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 500px;\n background: radial-gradient(circle at 70% 20%, rgba(207, 160, 82, 0.08) 0%, transparent 60%),\n radial-gradient(circle at 20% 50%, rgba(31, 29, 27, 0.6) 0%, transparent 70%);\n pointer-events: none;\n}\n\n[data-layout-root] .ds-pdp-container {\n max-width: 1350px;\n margin: 0 auto;\n padding: 0 2rem;\n position: relative;\n z-index: 2;\n}\n\n/* Breadcrumbs */\n[data-layout-root] .ds-breadcrumbs {\n display: flex;\n align-items: center;\n gap: 0.6rem;\n font-size: 0.72rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: #8c8883;\n margin-bottom: 2.5rem;\n}\n\n[data-layout-root] .ds-breadcrumb-link {\n color: #8c8883;\n transition: color 0.2s ease;\n}\n\n[data-layout-root] .ds-breadcrumb-link:hover {\n color: #cfa052;\n}\n\n[data-layout-root] .ds-breadcrumb-sep {\n color: rgba(207, 160, 82, 0.4);\n}\n\n[data-layout-root] .ds-breadcrumb-current {\n color: #cfa052;\n}\n\n/* Main Grid */\n[data-layout-root] .ds-pdp-grid {\n display: grid;\n grid-template-columns: 1.15fr 0.85fr;\n gap: 4rem;\n align-items: start;\n}\n\n@media (max-width: 992px) {\n[data-layout-root] .ds-pdp-grid {\n grid-template-columns: 1fr;\n gap: 3rem;\n }\n}\n\n/* Gallery Column */\n[data-layout-root] .ds-pdp-gallery-col {\n position: sticky;\n top: 7rem;\n}\n\n[data-layout-root] .slot-gallery {\n width: 100%;\n background: #1f1d1b;\n border: 1px solid rgba(207, 160, 82, 0.25);\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.8), inset 0 0 20px rgba(207, 160, 82, 0.04);\n position: relative;\n overflow: hidden;\n}\n\n[data-layout-root] .slot-gallery img {\n width: 100%;\n height: auto;\n display: block;\n object-fit: cover;\n filter: contrast(1.05) brightness(0.95);\n}\n\n/* Info Column */\n[data-layout-root] .ds-pdp-info-col {\n background: rgba(15, 14, 13, 0.85);\n border: 1px solid rgba(207, 160, 82, 0.2);\n padding: 3.5rem;\n backdrop-filter: blur(12px);\n position: relative;\n}\n\n[data-layout-root] .ds-pdp-info-col::before {\n content: '';\n position: absolute;\n top: 6px;\n left: 6px;\n right: 6px;\n bottom: 6px;\n border: 1px solid rgba(207, 160, 82, 0.08);\n pointer-events: none;\n}\n\n[data-layout-root] .ds-badge-tag {\n display: inline-block;\n font-size: 0.68rem;\n letter-spacing: 0.3em;\n text-transform: uppercase;\n color: #cfa052;\n margin-bottom: 1.2rem;\n border-bottom: 1px solid rgba(207, 160, 82, 0.4);\n padding-bottom: 0.2rem;\n}\n\n/* Runtime Slot Overrides & Styling */\n[data-layout-root] .slot-title, .slot-title * {\n font-family: 'Cormorant Garamond', Georgia, serif;\n font-size: clamp(2.2rem, 3.8vw, 3.2rem);\n font-weight: 400;\n color: #f5f3ef;\n line-height: 1.12;\n margin-bottom: 0.8rem;\n letter-spacing: -0.01em;\n}\n\n[data-layout-root] .slot-price, .slot-price * {\n font-family: 'Outfit', sans-serif;\n font-size: 1.6rem;\n font-weight: 400;\n color: #cfa052;\n margin-bottom: 1.5rem;\n letter-spacing: 0.05em;\n}\n\n[data-layout-root] .slot-description, .slot-description * {\n font-size: 0.95rem;\n color: #8c8883;\n line-height: 1.75;\n margin-bottom: 2rem;\n border-bottom: 1px dashed rgba(207, 160, 82, 0.2);\n padding-bottom: 2rem;\n}\n\n[data-layout-root] .slot-variants {\n margin-bottom: 1.8rem;\n}\n\n[data-layout-root] .slot-variants .slot-variant-label {\n font-size: 0.72rem;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: #f5f3ef;\n margin-bottom: 0.8rem;\n display: block;\n}\n\n[data-layout-root] .slot-variants button, .slot-variants .slot-variant-btn {\n background: #1f1d1b;\n border: 1px solid rgba(207, 160, 82, 0.3);\n color: #f5f3ef;\n padding: 0.65rem 1.4rem;\n font-size: 0.82rem;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n margin-right: 0.6rem;\n margin-bottom: 0.6rem;\n border-radius: 50px;\n cursor: pointer;\n transition: all 0.25s ease;\n}\n\n[data-layout-root] .slot-variants button:hover, .slot-variants button.active, .slot-variants .slot-variant-btn:hover {\n background: #cfa052;\n color: #0e0d0d;\n border-color: #cfa052;\n}\n\n[data-layout-root] .slot-quantity {\n margin-bottom: 2rem;\n}\n\n[data-layout-root] .slot-quantity input, .slot-quantity select, .slot-quantity-controls {\n background: #1f1d1b;\n border: 1px solid rgba(207, 160, 82, 0.3);\n color: #f5f3ef;\n padding: 0.7rem 1.2rem;\n border-radius: 50px;\n font-size: 0.9rem;\n font-family: 'Outfit', sans-serif;\n outline: none;\n}\n\n/* Primary Conversion CTA - ADD TO CART */\n[data-layout-root] .slot-add-to-cart {\n width: 100% !important;\n display: block !important;\n margin-bottom: 1rem !important;\n}\n\n[data-layout-root] .slot-add-to-cart button, .slot-add-to-cart .slot-add-to-cart-control {\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n padding: 1.2rem 2.5rem !important;\n background: #cfa052 !important;\n color: #0e0d0d !important;\n border: 1px solid #cfa052 !important;\n border-radius: 50px !important;\n font-family: 'Outfit', sans-serif !important;\n font-size: 0.82rem !important;\n font-weight: 600 !important;\n letter-spacing: 0.25em !important;\n text-transform: uppercase !important;\n cursor: pointer !important;\n transition: transform 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease !important;\n box-shadow: 0 10px 30px rgba(207, 160, 82, 0.3) !important;\n}\n\n[data-layout-root] .slot-add-to-cart button:hover, .slot-add-to-cart .slot-add-to-cart-control:hover {\n background: #e2b262 !important;\n transform: translateY(-2px) !important;\n box-shadow: 0 15px 35px rgba(207, 160, 82, 0.45) !important;\n}\n\n/* Secondary CTA - BUY NOW */\n[data-layout-root] .slot-buy-now {\n width: 100% !important;\n display: block !important;\n margin-bottom: 2.5rem !important;\n}\n\n[data-layout-root] .slot-buy-now button, .slot-buy-now .slot-buy-now-control {\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n padding: 1.1rem 2.5rem !important;\n background: transparent !important;\n color: #f5f3ef !important;\n border: 1px solid rgba(207, 160, 82, 0.4) !important;\n border-radius: 50px !important;\n font-family: 'Outfit', sans-serif !important;\n font-size: 0.8rem !important;\n font-weight: 500 !important;\n letter-spacing: 0.22em !important;\n text-transform: uppercase !important;\n cursor: pointer !important;\n transition: background 0.25s ease, border-color 0.25s ease !important;\n}\n\n[data-layout-root] .slot-buy-now button:hover, .slot-buy-now .slot-buy-now-control:hover {\n border-color: #cfa052 !important;\n background: rgba(207, 160, 82, 0.1) !important;\n}\n\n/* Trust Highlights Grid */\n[data-layout-root] .ds-trust-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.25rem;\n padding-top: 2rem;\n border-top: 1px solid rgba(207, 160, 82, 0.2);\n margin-bottom: 2rem;\n}\n\n[data-layout-root] .ds-trust-item {\n background: #1f1d1b;\n border: 1px solid rgba(207, 160, 82, 0.15);\n padding: 1.2rem;\n display: flex;\n flex-direction: column;\n gap: 0.4rem;\n}\n\n[data-layout-root] .ds-trust-title {\n font-family: 'Cormorant Garamond', Georgia, serif;\n font-size: 1.1rem;\n color: #cfa052;\n font-weight: 400;\n}\n\n[data-layout-root] .ds-trust-desc {\n font-size: 0.78rem;\n color: #8c8883;\n line-height: 1.5;\n}\n\n/* Shipping & Delivery Card */\n[data-layout-root] .ds-shipping-card {\n background: #151312;\n border: 1px solid rgba(207, 160, 82, 0.2);\n padding: 1.5rem;\n}\n\n[data-layout-root] .ds-shipping-title {\n font-size: 0.75rem;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: #f5f3ef;\n margin-bottom: 0.8rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n[data-layout-root] .ds-shipping-title::after {\n content: '\u2726';\n color: #cfa052;\n font-size: 0.8rem;\n}\n\n[data-layout-root] .ds-shipping-list {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 0.6rem;\n}\n\n[data-layout-root] .ds-shipping-item {\n font-size: 0.82rem;\n color: #8c8883;\n display: flex;\n justify-content: space-between;\n}\n\n[data-layout-root] .ds-shipping-item span {\n color: #f5f3ef;\n}\n\n/* Craftsmanship & Specification Feature Section */\n[data-layout-root] .ds-specs-section {\n margin-top: 7rem;\n border-top: 1px solid rgba(207, 160, 82, 0.25);\n padding-top: 5rem;\n}\n\n[data-layout-root] .ds-specs-header {\n text-align: center;\n max-width: 650px;\n margin: 0 auto 4rem auto;\n}\n\n[data-layout-root] .ds-specs-subtitle {\n font-size: 0.7rem;\n letter-spacing: 0.35em;\n text-transform: uppercase;\n color: #cfa052;\n margin-bottom: 1rem;\n display: block;\n}\n\n[data-layout-root] .ds-specs-title {\n font-family: 'Cormorant Garamond', Georgia, serif;\n font-size: clamp(2.2rem, 3.5vw, 3rem);\n font-weight: 300;\n line-height: 1.2;\n color: #f5f3ef;\n}\n\n[data-layout-root] .ds-specs-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n}\n\n@media (max-width: 850px) {\n[data-layout-root] .ds-specs-grid {\n grid-template-columns: 1fr;\n }\n}\n\n[data-layout-root] .ds-spec-card {\n background: #1f1d1b;\n border: 1px solid rgba(207, 160, 82, 0.18);\n padding: 2.5rem 2rem;\n position: relative;\n transition: transform 0.3s ease, border-color 0.3s ease;\n}\n\n[data-layout-root] .ds-spec-card:hover {\n transform: translateY(-4px);\n border-color: #cfa052;\n}\n\n[data-layout-root] .ds-spec-number {\n font-family: 'Cormorant Garamond', Georgia, serif;\n font-size: 2.5rem;\n color: rgba(207, 160, 82, 0.3);\n margin-bottom: 1rem;\n line-height: 1;\n}\n\n[data-layout-root] .ds-spec-card-title {\n font-family: 'Cormorant Garamond', Georgia, serif;\n font-size: 1.4rem;\n color: #cfa052;\n margin-bottom: 0.8rem;\n font-weight: 400;\n}\n\n[data-layout-root] .ds-spec-card-text {\n font-size: 0.88rem;\n color: #8c8883;\n line-height: 1.7;\n}\n\n/* Executive Structural Integrity Banner */\n[data-layout-root] .ds-guarantee-banner {\n margin-top: 5rem;\n background: linear-gradient(135deg, #1f1d1b 0%, #0e0d0d 100%);\n border: 1px solid rgba(207, 160, 82, 0.3);\n padding: 4rem 3rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n[data-layout-root] .ds-guarantee-banner::before {\n content: '';\n position: absolute;\n inset: 0;\n background: radial-gradient(circle at 50% 50%, rgba(207, 160, 82, 0.1) 0%, transparent 70%);\n pointer-events: none;\n}\n\n[data-layout-root] .ds-guarantee-badge {\n font-size: 0.7rem;\n letter-spacing: 0.3em;\n text-transform: uppercase;\n color: #cfa052;\n margin-bottom: 1.2rem;\n display: inline-block;\n}\n\n[data-layout-root] .ds-guarantee-title {\n font-family: 'Cormorant Garamond', Georgia, serif;\n font-size: 2.4rem;\n font-weight: 300;\n color: #f5f3ef;\n margin-bottom: 1rem;\n}\n\n[data-layout-root] .ds-guarantee-text {\n max-width: 680px;\n margin: 0 auto;\n font-size: 0.95rem;\n color: #8c8883;\n line-height: 1.8;\n}\n\n[data-layout-root] .ds-footer {\n background-color: var(--bg-main, #0e0d0d);\n color: var(--text-primary, #f5f3ef);\n font-family: var(--font-body, 'Outfit', -apple-system, sans-serif);\n border-top: 1px solid var(--border-hairline, rgba(207, 160, 82, 0.25));\n position: relative;\n padding: 5rem 2rem 2.5rem 2rem;\n overflow: hidden;\n box-sizing: border-box;\n}\n\n/* Subtle background grain & gold radial glow */\n[data-layout-root] .ds-footer::before {\n content: '';\n position: absolute;\n inset: 0;\n background: \n radial-gradient(circle at 80% 20%, rgba(207, 160, 82, 0.06) 0%, transparent 50%),\n radial-gradient(circle at 10% 90%, rgba(31, 29, 27, 0.8) 0%, transparent 60%);\n pointer-events: none;\n z-index: 0;\n}\n\n[data-layout-root] .ds-footer-container {\n max-width: 1350px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n gap: 4rem;\n}\n\n/* --- UPPER BRAND & NEWSLETTER SECTION --- */\n[data-layout-root] .ds-footer-top {\n display: grid;\n grid-template-columns: 1.2fr 0.8fr;\n gap: 3rem;\n align-items: center;\n padding-bottom: 3.5rem;\n border-bottom: 1px solid rgba(207, 160, 82, 0.15);\n}\n\n[data-layout-root] .ds-footer-brand-hero {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n[data-layout-root] .ds-footer-logo-link {\n display: inline-block;\n text-decoration: none;\n}\n\n[data-layout-root] .ds-footer-brand-title {\n font-family: var(--font-heading, 'Cormorant Garamond', Georgia, serif);\n font-size: 2.2rem;\n font-weight: 600;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--text-primary, #f5f3ef);\n text-shadow: 0 0 12px rgba(207, 160, 82, 0.2);\n}\n\n[data-layout-root] .ds-footer-brand-tagline {\n font-size: 0.9rem;\n color: var(--text-muted, #8c8883);\n max-width: 460px;\n line-height: 1.7;\n font-weight: 300;\n}\n\n/* Newsletter Box */\n[data-layout-root] .ds-footer-newsletter-wrapper {\n background: rgba(31, 29, 27, 0.6);\n border: 1px solid var(--border-hairline, rgba(207, 160, 82, 0.25));\n padding: 2rem;\n position: relative;\n backdrop-filter: blur(8px);\n}\n\n[data-layout-root] .ds-footer-newsletter-wrapper::before {\n content: '';\n position: absolute;\n top: 4px;\n left: 4px;\n right: 4px;\n bottom: 4px;\n border: 1px solid rgba(207, 160, 82, 0.08);\n pointer-events: none;\n}\n\n[data-layout-root] .ds-newsletter-title {\n font-family: var(--font-heading, 'Cormorant Garamond', Georgia, serif);\n font-size: 1.35rem;\n color: var(--accent-gold, #cfa052);\n margin-bottom: 0.4rem;\n font-weight: 400;\n letter-spacing: 0.05em;\n}\n\n[data-layout-root] .ds-newsletter-desc {\n font-size: 0.8rem;\n color: var(--text-muted, #8c8883);\n margin-bottom: 1.2rem;\n line-height: 1.5;\n}\n\n[data-layout-root] .ds-newsletter-form {\n display: flex;\n gap: 0.5rem;\n}\n\n[data-layout-root] .ds-newsletter-input {\n flex: 1;\n background: var(--bg-main, #0e0d0d);\n border: 1px solid rgba(207, 160, 82, 0.3);\n color: var(--text-primary, #f5f3ef);\n padding: 0.75rem 1rem;\n font-family: var(--font-body, 'Outfit', sans-serif);\n font-size: 0.8rem;\n outline: none;\n transition: border-color 0.25s ease;\n}\n\n[data-layout-root] .ds-newsletter-input:focus {\n border-color: var(--accent-gold, #cfa052);\n box-shadow: 0 0 8px rgba(207, 160, 82, 0.2);\n}\n\n[data-layout-root] .ds-newsletter-btn {\n background: var(--brand-secondary, #36322e);\n color: var(--text-primary, #f5f3ef);\n border: 1px solid var(--accent-gold, #cfa052);\n padding: 0.75rem 1.4rem;\n font-size: 0.72rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n cursor: pointer;\n white-space: nowrap;\n transition: all 0.25s ease;\n}\n\n[data-layout-root] .ds-newsletter-btn:hover {\n background: var(--accent-gold, #cfa052);\n color: #0e0d0d;\n}\n\n/* --- MAIN GRID NAVIGATION & COMPANY INFO --- */\n[data-layout-root] .ds-footer-grid {\n display: grid;\n grid-template-columns: 1.3fr repeat(3, 1fr);\n gap: 2.5rem;\n}\n\n[data-layout-root] .ds-footer-col-title {\n font-family: var(--font-heading, 'Cormorant Garamond', Georgia, serif);\n font-size: 1.15rem;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--accent-gold, #cfa052);\n margin-bottom: 1.4rem;\n font-weight: 400;\n position: relative;\n display: inline-block;\n}\n\n[data-layout-root] .ds-footer-col-title::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 0;\n width: 24px;\n height: 1px;\n background-color: var(--accent-gold, #cfa052);\n}\n\n[data-layout-root] .ds-footer-text {\n font-size: 0.85rem;\n color: var(--text-muted, #8c8883);\n line-height: 1.7;\n margin-bottom: 1.2rem;\n}\n\n[data-layout-root] .ds-footer-badge-list {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 0.8rem;\n margin-top: 1rem;\n}\n\n[data-layout-root] .ds-footer-badge-item {\n display: flex;\n align-items: center;\n gap: 0.6rem;\n font-size: 0.78rem;\n color: var(--text-primary, #f5f3ef);\n letter-spacing: 0.05em;\n}\n\n[data-layout-root] .ds-badge-icon {\n color: var(--accent-gold, #cfa052);\n font-size: 0.9rem;\n}\n\n[data-layout-root] .ds-footer-links {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 0.85rem;\n}\n\n[data-layout-root] .ds-footer-link {\n font-size: 0.82rem;\n color: var(--text-muted, #8c8883);\n text-decoration: none;\n letter-spacing: 0.08em;\n transition: color 0.25s ease, transform 0.25s ease;\n display: inline-block;\n}\n\n[data-layout-root] .ds-footer-link:hover {\n color: var(--accent-gold, #cfa052);\n transform: translateX(3px);\n}\n\n[data-layout-root] .ds-nav-columns-wrapper {\n display: contents;\n}\n\n/* --- BOTTOM BAR: COPYRIGHT, LEGAL, PAYMENT & SOCIAL --- */\n[data-layout-root] .ds-footer-bottom {\n padding-top: 2.5rem;\n border-top: 1px solid rgba(207, 160, 82, 0.15);\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n gap: 1.5rem;\n font-size: 0.78rem;\n color: var(--text-muted, #8c8883);\n}\n\n[data-layout-root] .ds-footer-copyright-group {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 1.5rem;\n}\n\n[data-layout-root] .ds-footer-copyright {\n letter-spacing: 0.05em;\n}\n\n[data-layout-root] .ds-footer-legal-links {\n display: flex;\n gap: 1.2rem;\n list-style: none;\n}\n\n[data-layout-root] .ds-footer-legal-link {\n color: var(--text-muted, #8c8883);\n text-decoration: none;\n font-size: 0.75rem;\n letter-spacing: 0.05em;\n transition: color 0.2s ease;\n}\n\n[data-layout-root] .ds-footer-legal-link:hover {\n color: var(--accent-gold, #cfa052);\n}\n\n[data-layout-root] .ds-footer-social-payment-group {\n display: flex;\n align-items: center;\n gap: 2rem;\n}\n\n[data-layout-root] .ds-footer-social-links {\n display: flex;\n align-items: center;\n gap: 1rem;\n list-style: none;\n}\n\n[data-layout-root] .ds-social-icon-btn {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n border: 1px solid var(--border-hairline, rgba(207, 160, 82, 0.25));\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--text-primary, #f5f3ef);\n font-size: 0.8rem;\n text-decoration: none;\n transition: all 0.25s ease;\n background: rgba(31, 29, 27, 0.4);\n}\n\n[data-layout-root] .ds-social-icon-btn:hover {\n border-color: var(--accent-gold, #cfa052);\n color: var(--accent-gold, #cfa052);\n transform: translateY(-2px);\n box-shadow: 0 4px 10px rgba(207, 160, 82, 0.15);\n}\n\n[data-layout-root] .ds-footer-payments {\n display: flex;\n align-items: center;\n gap: 0.6rem;\n opacity: 0.85;\n}\n\n[data-layout-root] .ds-payment-badge {\n padding: 0.2rem 0.5rem;\n border: 1px solid rgba(207, 160, 82, 0.2);\n background: rgba(14, 13, 13, 0.8);\n font-size: 0.65rem;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--text-muted, #8c8883);\n}\n\n/* --- RESPONSIVE BREAKPOINTS --- */\n@media (max-width: 1024px) {\n[data-layout-root] .ds-footer-top {\n grid-template-columns: 1fr;\n gap: 2.5rem;\n }\n[data-layout-root] .ds-footer-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 2.5rem;\n }\n}\n\n@media (max-width: 640px) {\n[data-layout-root] .ds-footer {\n padding: 3.5rem 1.25rem 2rem 1.25rem;\n }\n[data-layout-root] .ds-footer-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n[data-layout-root] .ds-footer-newsletter-wrapper {\n padding: 1.5rem;\n }\n[data-layout-root] .ds-newsletter-form {\n flex-direction: column;\n }\n[data-layout-root] .ds-footer-bottom {\n flex-direction: column;\n align-items: flex-start;\n gap: 1.2rem;\n }\n[data-layout-root] .ds-footer-social-payment-group {\n flex-direction: column;\n align-items: flex-start;\n gap: 1.2rem;\n width: 100%;\n }\n}\n\n/* === Header safety rules (post-processed, not AI-generated) === */\n[data-layout-root] .global-header [data-slot=\"cart\"],\n[data-layout-root] .global-header [data-slot=\"search\"],\n[data-layout-root] .global-header [data-slot=\"login\"],\n[data-layout-root] .global-header [data-slot=\"currency\"],\n[data-layout-root] .global-header [data-slot=\"mobile-menu\"] {\n flex-shrink: 0 !important;\n min-width: fit-content !important;\n}\n[data-layout-root] .global-header [data-slot=\"nav\"] {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n min-width: 0;\n}\n[data-layout-root] .global-header {\n max-height: 120px;\n}\n/* Line-height safety \u2014 prevent AI from setting tiny line-heights globally */\n[data-layout-root] {\n line-height: 1.5;\n}\n[data-layout-root] h1, [data-layout-root] h2, [data-layout-root] h3,\n[data-layout-root] h4, [data-layout-root] h5, [data-layout-root] h6 {\n line-height: 1.2;\n}\n[data-layout-root] p, [data-layout-root] li, [data-layout-root] span,\n[data-layout-root] a, [data-layout-root] label {\n line-height: inherit;\n}\n/* \u2500\u2500 Contrast safety (dark theme) \u2500\u2500 */\n/* Product page slots \u2014 often left unstyled by the AI */\n[data-layout-root] .slot-title,\n[data-layout-root] .slot-title h1,\n[data-layout-root] .slot-title .slot-product-name {\n color: var(--surface-ink, var(--theme-ink, var(--ink, #111111)));\n}\n[data-layout-root] .slot-price,\n[data-layout-root] .slot-price .slot-price-amount {\n color: var(--surface-ink, var(--theme-ink, var(--ink, #111111)));\n}\n[data-layout-root] .slot-description,\n[data-layout-root] .slot-description p {\n color: var(--surface-ink-muted, var(--ink-muted, #c9bfb0));\n}\n[data-layout-root] .slot-variant-label {\n color: var(--surface-ink-muted, var(--ink-muted, #c9bfb0));\n}\n[data-layout-root] .slot-variant-btn {\n color: var(--surface-ink, var(--theme-ink, var(--ink, #111111)));\n border-color: rgba(255,255,255,0.12);\n}\n/* Common generated marketing sections */\n[data-layout-root] .feature-title,\n[data-layout-root] .feature-name,\n[data-layout-root] .editorial-title,\n[data-layout-root] .trust-value,\n[data-layout-root] .hero-price,\n[data-layout-root] .feature-content,\n[data-layout-root] .feature-content h1,\n[data-layout-root] .feature-content h2,\n[data-layout-root] .feature-content h3,\n[data-layout-root] .feature-content h4,\n[data-layout-root] [data-slot=\"logo\"],\n[data-layout-root] [data-slot=\"logo\"] *,\n[data-layout-root] [data-slot=\"nav\"],\n[data-layout-root] [data-slot=\"nav\"] a,\n[data-layout-root] .action-icon {\n color: var(--theme-ink, var(--ink, #111111));\n}\n[data-layout-root] .trust-label,\n[data-layout-root] .feature-tag,\n[data-layout-root] .feature-description,\n[data-layout-root] .detail-item p,\n[data-layout-root] .trust-item p,\n[data-layout-root] .feature-action {\n color: var(--ink-muted, #c9bfb0);\n}\n/* Icon / SVG contrast */\n[data-layout-root] svg {\n fill: currentColor;\n}\n\n/* === Storefront root surface (post-processed, not AI-generated) === */\n[data-layout-root] {\n min-height: 100vh;\n background-color: var(--bg-page, var(--page-bg, var(--ds-bg-dark, var(--bg-dark, var(--background, var(--color-background, var(--theme-bg, var(--c-bg, var(--bg, #ffffff)))))))));\n color: var(--ds-text-primary, var(--text-primary, var(--foreground, var(--color-text, var(--color-ink, var(--theme-ink, var(--c-ink, var(--ink, #111827))))))));\n}\n\n[data-layout-root] [class*=\"grid\"] > *, [data-layout-root] [class*=\"layout\"] > * { min-width: 0; min-height: 0; }\n\n[data-layout-root] .v8-support-panel { color: var(--surface-ink); --ink-muted: var(--surface-ink-muted); }\n\n/* launchify-runtime-slot-guards:v1 */\n/* Generated headers often use a child span as a decorative dot. At runtime,\n the storefront replaces that markup with the functional logo text span.\n Keep the concept-owned logo container, but prevent decorative child rules\n from collapsing or absolutely positioning the injected brand name. */\n[data-layout-root] [data-slot=\"logo\"].dynamic-header-logo > .dynamic-header-logo-text {\n display: inline !important;\n position: static !important;\n inset: auto !important;\n width: auto !important;\n height: auto !important;\n min-width: 0 !important;\n min-height: 0 !important;\n max-width: none !important;\n max-height: none !important;\n margin: 0 !important;\n padding: 0 !important;\n background: transparent !important;\n border: 0 !important;\n border-radius: 0 !important;\n box-shadow: none !important;\n transform: none !important;\n font: inherit !important;\n letter-spacing: inherit !important;\n color: inherit !important;\n}\n\n/* Visual QA auto-fixes */\n.footer__grid {\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); /* Ensures footer columns align correctly in grid flow without collapsing into each other on desktop screens. */\n}\n.footer__column {\n position: relative; /* Prevents absolute layout positioning from causing column overlap in the footer grid. */\n}\n.customer-reviews-card {\n background-color: var(--brand-primary); /* Replaces white box background with dark brand color to match the executive obsidian theme. */\n color: var(--text-primary); /* Ensures readable contrast for review prompt text and action buttons against the dark background. */\n}\n","globalHtml":"","fonts":["Cormorant Garamond","Outfit"],"animations":[],"theme":{"mode":"dark","palette":{"primary":"#1f1d1b","secondary":"#36322e","accent":"#cfa052","success":"#0f172a"},"surfaces":{"bg":"#0e0d0d","bgElevated":"#36322e","surface":"#36322e","surfaceAlt":"#36322e","ink":"#f5f3ef","inkMuted":"#8c8883","border":"#cfd0d4","surfaceInk":"#F9FAFB","surfaceInkMuted":"#D1D5DB"},"typography":{"headingFont":"Cormorant Garamond","bodyFont":"Outfit"},"tone":"modern","density":"normal","motion":2,"stylePack":"kinetic-minimalism","surface":"flat","radius":0},"header":{"html":"","css":""},"footer":{"html":"","css":""},"pages":{"home":{"sections":[{"id":"home-main","type":"home_main","html":"

\n \n

\n Featured Atelier Piece\n {{products.[0].name}}\n

Command the Room with Quiet Authority

\n An intimate sanctuary for work essentials. Handcrafted with rich obsidian leather textures, padded protection, and detachable cross-body versatility.\n

\n Acquire The Pioneer\n

\n\n

\n $\"\"$ \n

\n\n\n\n

\n \n Lifetime Guarantee\n

Saddle-stitched by master artisans to preserve structural integrity over decades of executive travel.

\n\n

\n \n 13\" Device Vault\n

Custom shock-absorbent microfiber compartment engineered specifically for modern executive laptops.

\n\n

\n \n Complimentary Express\n

Insured global transit delivered in signature obsidian unboxing presentation within 3-5 days.

\n\n

\n \n 30-Day Atelier Trial\n

Experience the Pioneer Bag in high-profile meetings and city commutes with effortless returns.

\n\n\n

\n Architectural Anatomy\n

Engineered for the Modern Pioneer

Every seam, bronze hardware element, and grain contour is meticulously calibrated for quiet luxury and executive endurance.

\n\n \n

\n $\"{{products.[0].name}}\"\n$ \n Obsidian Leather Grain\n

\n Artisan Precision\n

\n {{products.[0].description}}\n

\n Material\n Obsidian Full-Grain Leather\n

\n Capacity\n 13\" Laptop + Essentials\n

\n Hardware\n Brushed Bronze Luster\n

\n Stitching\n Reinforced High-Density\n

\n \n Explore Details \u2014 {{products.[0].price}}\n \n

\n\n \n

\n Executive Mobility\n

From Boardrooms to Airport Lounges

\n Designed to seamlessly transition between high-stakes executive summits and international business travel. Its structured silhouette maintains posture whether resting beside your desk or mounted to rolling luggage.\n

\n Carry Option\n Detachable Shoulder Strap\n

\n Weight Balance\n Ergonomic Center Mass\n

\n \n Acquire Pioneer Bag\n \n

\n $\"{{homeVisuals.[1].alt}}\"\n$ \n Executive Travel Ready\n

\n\n \n

\n 01\n

Sleek Silhouette

Ultra-slim profile engineered to avoid bulk while comfortably storing a 13-inch device, passport, documents, and tech accessories.

\n\n

\n 02\n

Tungsten Hardware

Custom cast zippers and D-rings coated in a dark metallic sheen that resists scratching, corrosion, and tarnish over time.

\n\n

\n 03\n

Velvet Interiors

Lined with dark, ultra-soft velvet surfaces that protect polished laptop aluminum and screen glass from friction during movement.

","css":"","dataBindings":{"shop":{"source":"storefront","query":"shopInfo"},"homeVisuals":{"source":"static","value":[{"url":"https://images.unsplash.com/photo-1711915506137-dd9e9b3488a1?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4OTM0MjR8MHwxfHNlYXJjaHwxfHxsZWF0aGVyJTIwY3JhZnQlMjBkZXRhaWwlMjBzdGl0Y2hpbmd8ZW58MXwwfHx8MTc4NDY3NzgyNXww&ixlib=rb-4.1.0&q=80&w=1080","alt":"Dori leather","theme":"leather","query":"leather craft detail stitching","source":"unsplash","photographer":"John Vid","photographerUrl":"https://unsplash.com/@vanvid","role":"campaign","cropHint":"wide-or-art-directed","fitHint":"cover","mobileTreatment":"reframe around the primary subject"},{"url":"https://images.unsplash.com/photo-1535078035266-a0fa7d3b8f65?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4OTM0MjR8MHwxfHNlYXJjaHwzfHxhaXJwb3J0JTIwbG91bmdlJTIwYnVzaW5lc3MlMjB0cmF2ZWx8ZW58MXwwfHx8MTc4NDY3NzgyNXww&ixlib=rb-4.1.0&q=80&w=1080","alt":"Dori airport","theme":"airport","query":"airport lounge business travel","source":"unsplash","photographer":"mark chaves","photographerUrl":"https://unsplash.com/@marklchaves","role":"lifestyle","cropHint":"subject-safe","fitHint":"cover","mobileTreatment":"preserve the principal subject and avoid text collisions"},{"url":"https://images.pexels.com/photos/3778609/pexels-photo-3778609.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940","alt":"Dori tailored","theme":"tailored","query":"tailored suit city commute","source":"pexels","photographer":"Andrea Piacquadio","photographerUrl":"https://www.pexels.com/@olly","role":"detail","cropHint":"close-or-medium","fitHint":"contain-or-cover","mobileTreatment":"preserve the principal subject and avoid text collisions"}]},"products":{"source":"storefront","query":"productList","limit":4},"collections":{"source":"storefront","query":"collectionList","limit":4}}}]},"product":{"sections":[{"id":"product-detail","type":"product_detail","html":"

\n \n \n \n\n \n

\n \n \n

\n\n \n

\n Executive Essential\n\n \n

\n\n \n

Obsidian Leather

Full-grain precision hide built to endure continuous high-profile travel.

Lifetime Guarantee

Engineered structural integrity backed by our master atelier warranty.

\n\n \n

Executive Transport & Delivery

Complimentary Express Dispatch 2\u20133 Business Days
Signature Courier Packaging Included
Global Concierge Returns 30-Day Window

\n\n

\n\n \n

\n Material Integrity\n

Authored for High-Profile Boardrooms

\n\n

Hand-Stitched Density

Every seam is double-stitched with waxed thread to ensure seamless stress distribution across heavy transit loads.

\n\n

Tungsten Hardware Luster

Custom bronze-tone alloy hardware treated with protective anti-corrosion coating for quiet, everlasting refinement.

\n\n

Velvet Laptop Vault

Padded 13-inch dedicated sleeve lined in ultra-dense dark velvet to safeguard executive technology assets.

\n\n \n \n\n

","css":""}]},"collection":{"sections":[]}},"generationIntent":{"referenceMode":"custom","designMode":"A tactile sanctuary focused on artisan...","density":"medium","homeSectionCount":3,"openingSectionType":"product-showcase","openingSectionGoal":"A tactile sanctuary focused on artisan craftsmanship, leather grain texture, and quiet luxury status.","headerPattern":"discreet-high-margin-gold-hairl...","copyTone":"Quiet luxury, heritage, authoritative.","imageStrategy":"Chiaroscuro studio photography highlighting rich leather grain, stitch density, and metallic reflections.","compositionStrategy":{"opening_relationship":"Dark, intimate, and tactile like an executive private vault\u2014slow, deliberate visual reveals with deep shadow and spotlight focus.","reading_path":"A tactile sanctuary focused on artisan craftsmanship, leather grain texture, and quiet luxury status.","product_presentation":"Chiaroscuro studio photography highlighting rich leather grain, stitch density, and metallic reflections."},"motionDirection":{"mode":"none","purpose":"A soft circular lighting effect follows the cursor, illuminating surface grain textures and edge stitching as you explore.","reduced_motion":"Preserve the final composition without animation"},"headerStrategy":{"structure":"Discreet, high-margin gold hairline header that blends seamlessly into dark room background tone.","mobile_behavior":"Keep search, account, language, cart, and menu reachable"},"imageAssetPlan":{"primary_role":"Chiaroscuro studio photography highlighting rich leather grain, stitch density, and metallic reflections.","mobile_treatment":"Recompose without cropping away the product"},"productPageExtras":["shipping_delivery","trust highlights"],"homePageRules":["This is a single-product store \u2014 the entire homepage must orbit around selling this one product.","Do NOT show category launchers, collection grids, or multi-product browsing sections.","The hero MUST feature the product prominently \u2014 not a generic lifestyle banner.","Use sections for features, benefits, testimonials, brand story, and trust \u2014 but always tie back to the product."]},"generationPlan":{"header":{"pattern":"commerce-search","notes":["Create a strong retail header with utility/support affordances.","Keep it compact, aligned, and ready for search/cart/login injected slots.","The cart slot (data-slot='cart') MUST be visible on ALL screen sizes."]},"home":{"sectionCount":3,"sections":[{"id":"home-opening","name":"Product hero showcase","purpose":"A tactile sanctuary focused on artisan craftsmanship, leather grain texture, and quiet luxury status.","layout":"product-showcase","bindings":["products","homeVisuals","hero"]},{"id":"home-trust","name":"Trust strip","purpose":"Highlight delivery, quality, warranty, or value props.","layout":"compact icon/value row","bindings":["shop"]},{"id":"home-features","name":"Product features / benefits","purpose":"Showcase 3-4 key features of the product with icons and concise descriptions.","layout":"feature grid or alternating image-text rows","bindings":["products","homeVisuals"]}]},"product":{"notes":["Honor the required product slot order.","Include shipping/delivery details below the main hero when requested."]},"collection":{"notes":["Lead with a concise collection banner and then a real product grid."]},"footer":{"notes":["Footer should feel useful and commercially complete, not decorative only."]}}}

Command the Room with Quiet Authority

Engineered for the Modern Pioneer

{{products.[0].name}}

From Boardrooms to Airport Lounges

Sleek Silhouette

Tungsten Hardware

Velvet Interiors

Obsidian Leather

Lifetime Guarantee

Authored for High-Profile Boardrooms

Hand-Stitched Density

Tungsten Hardware Luster

Velvet Laptop Vault

Uncompromising Structural Integrity