*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:400;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--brand-primary)}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);color:var(--text-primary);line-height:1.2;font-weight:700;letter-spacing:-.01em}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:0}.section-header h2{font-size:var(--font-size-2xl);font-weight:700;letter-spacing:-.01em}.section-header a{font-size:var(--font-size-sm);color:var(--text-secondary);text-decoration:underline;text-underline-offset:3px}.section-header a:hover{color:var(--text-primary)}.eyebrow{display:inline-block;font-size:var(--font-size-xs);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem}.section-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.section-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);max-width:600px;line-height:1.6}.container{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.container-narrow{width:100%;max-width:960px;margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.section-padding{padding-top:3.5rem;padding-bottom:3.5rem}.section-padding-sm{padding-top:2rem;padding-bottom:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.5rem;font-size:var(--font-size-sm);font-weight:500;letter-spacing:0;text-transform:none;border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid transparent}.btn-primary{background-color:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.btn-primary:hover{background-color:var(--color-gray-900);color:var(--color-white)}.btn-brand{background-color:var(--brand-primary);color:var(--color-white);border-color:var(--brand-primary)}.btn-brand:hover{background-color:var(--brand-primary-hover);border-color:var(--brand-primary-hover);color:var(--color-white)}.btn-dark{background-color:var(--color-dark);color:var(--color-white);border-color:var(--color-dark)}.btn-dark:hover{background-color:var(--color-gray-900);color:var(--color-white)}.btn-secondary{background-color:var(--brand-primary);color:var(--color-white);border-color:var(--brand-primary)}.btn-secondary:hover{background-color:var(--brand-primary-hover);border-color:var(--brand-primary-hover);color:var(--color-white)}.btn-outline{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-dark)}.btn-outline:hover{border-color:var(--color-black);background-color:var(--color-gray-50)}.btn-outline-white{background-color:transparent;color:var(--color-white);border:1px solid rgba(255,255,255,.5)}.btn-outline-white:hover{background-color:var(--color-white);color:var(--color-black);border-color:var(--color-white)}.btn-text{padding:0;background:none;color:var(--text-primary);font-weight:500;font-size:var(--font-size-sm);text-decoration:underline;text-underline-offset:3px;border:none;border-radius:0}.btn-text:hover{color:var(--brand-primary)}.btn-sm{padding:.45rem 1rem;font-size:var(--font-size-xs)}.btn-lg{padding:.85rem 2rem;font-size:var(--font-size-base)}.badge{display:inline-flex;align-items:center;padding:.2rem .5rem;font-size:.65rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase;border-radius:var(--radius-sm);line-height:1}.badge-original{background-color:var(--color-black);color:var(--color-white)}.badge-master{background-color:#1A1715;color:#FFFFFF;border:1px solid rgba(255,255,255,0.25);border-left:3px solid #EAA816;box-shadow:0 4px 12px rgba(0,0,0,0.45);font-weight:700;font-size:0.7rem;letter-spacing:0.08em;padding:0.3rem 0.65rem;backdrop-filter:blur(6px)}.artist-profile-badge{background-color:#1A1715!important;color:#FFFFFF!important;border:1px solid rgba(255,255,255,0.3)!important;border-left:3px solid #EAA816!important;font-weight:700!important;font-size:0.72rem!important;letter-spacing:0.08em!important;padding:0.35rem 0.75rem!important;box-shadow:0 4px 14px rgba(0,0,0,0.55)!important;text-transform:uppercase!important;border-radius:2px!important}.badge-new{background-color:var(--brand-primary-subtle);color:var(--brand-primary)}.badge-sold{background-color:var(--color-gray-100);color:var(--text-muted)}.badge-outline{border:1px solid var(--border-color);color:var(--text-secondary);background:transparent}.form-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.form-label{font-size:var(--font-size-xs);font-weight:500;color:var(--text-secondary)}.form-input,.form-select,.form-textarea{width:100%;padding:.65rem .85rem;font-size:var(--font-size-base);font-family:var(--font-family);color:var(--text-primary);background-color:var(--color-white);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:border-color var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-black)}.form-textarea{resize:vertical;min-height:100px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:1.25rem}.show-mobile,.show-mobile-flex{display:none!important}.hide-mobile{display:block}.show-desktop{display:block!important}.hide-desktop{display:none!important}.touch-scroll-row{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:.5rem;padding-bottom:.25rem}.touch-scroll-row::-webkit-scrollbar{display:none}h1{font-size:clamp(1.65rem,3.5vw + .5rem,var(--font-size-5xl))}h2{font-size:clamp(1.35rem,2.5vw + .4rem,var(--font-size-3xl))}h3{font-size:clamp(1.1rem,1.8vw + .3rem,var(--font-size-2xl))}h4{font-size:clamp(.95rem,1.2vw + .2rem,var(--font-size-xl))}@media(max-width:1024px){:root{--container-padding: 1.25rem}.grid-5{grid-template-columns:repeat(3,1fr)}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:992px){.show-mobile{display:block!important}.show-mobile-flex{display:flex!important}.hide-mobile,.show-desktop{display:none!important}.hide-desktop{display:block!important}.section-padding{padding-top:2.75rem;padding-bottom:2.75rem}}@media(max-width:768px){:root{--container-padding: .85rem;--header-height: 56px}body{font-size:.85rem}.section-padding{padding-top:1.75rem;padding-bottom:1.75rem}.section-padding-sm{padding-top:1rem;padding-bottom:1rem}.grid-5,.grid-2{grid-template-columns:1fr;gap:1rem}.btn{padding:.55rem 1rem;font-size:.8rem}.btn-lg{padding:.65rem 1.25rem;font-size:.85rem}}@media(max-width:480px){:root{--container-padding: .75rem}.section-header{flex-direction:column;align-items:flex-start;gap:.35rem}.section-header h2{font-size:1.15rem}}:root{--brand-primary: #C84126;--brand-primary-hover: #A8331D;--brand-primary-subtle: rgba(200, 65, 38, .08);--brand-accent: #EAA816;--brand-accent-subtle: rgba(234, 168, 22, .1);--brand-terracotta: var(--brand-primary);--brand-terracotta-hover: var(--brand-primary-hover);--brand-terracotta-subtle: var(--brand-primary-subtle);--brand-ochre: var(--brand-accent);--brand-ochre-light: var(--brand-accent-subtle);--brand-ochre-gold: var(--brand-accent);--bg-warm: var(--color-gray-50);--bg-subtle: var(--color-gray-100);--border-subtle: var(--color-gray-200);--border-medium: var(--color-gray-300);--text-inverse-muted: var(--color-gray-400);--color-black: #000000;--color-dark: #1a1a1a;--color-gray-900: #222222;--color-gray-700: #555555;--color-gray-500: #888888;--color-gray-400: #999999;--color-gray-300: #cccccc;--color-gray-200: #e5e5e5;--color-gray-100: #f5f5f5;--color-gray-50: #fafafa;--color-white: #ffffff;--bg-primary: var(--color-white);--bg-secondary: var(--color-gray-50);--bg-tertiary: var(--color-gray-100);--bg-dark: var(--color-dark);--bg-overlay: rgba(0, 0, 0, .5);--text-primary: var(--color-black);--text-secondary: var(--color-gray-700);--text-muted: var(--color-gray-500);--text-light: var(--color-gray-400);--text-inverse: var(--color-white);--border-color: var(--color-gray-200);--border-light: var(--color-gray-100);--border-dark: var(--color-gray-300);--border-focus: var(--brand-primary);--color-success: #2e7d32;--color-error: #d32f2f;--font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3.25rem;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 40px rgba(0, 0, 0, .16);--container-max-width: 1380px;--container-padding: 1.5rem;--header-height: 64px;--utility-bar-height: 40px;--announcement-height: 36px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--radius-sm: 4px;--radius-md: 8px;--radius-full: 9999px}.announcement-bar{background-color:var(--color-black);color:var(--color-white);font-size:var(--font-size-xs);font-weight:400;padding:.5rem 1rem;display:flex;justify-content:center;align-items:center;position:relative;z-index:50;text-align:center;gap:.5rem}.announcement-bar .marquee-text{flex:1;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem}.announcement-bar .currency-selector{display:flex;align-items:center;gap:.3rem;color:var(--color-gray-300);font-size:.7rem;background:#ffffff14;padding:.15rem .4rem;border-radius:var(--radius-sm);cursor:pointer}.header-wrapper{position:sticky;top:0;z-index:1000;background-color:#fff;border-bottom:1px solid #EAEAEA;box-shadow:0 1px 3px #00000005;transition:box-shadow var(--transition-fast)}.header-wrapper.scrolled{box-shadow:0 2px 10px #0000000f}.header-top-row{display:flex;align-items:center;justify-content:space-between;padding-top:1.25rem;padding-bottom:1.1rem;gap:1.5rem}.mobile-menu-toggle{display:none}.janus-brand-logo{display:flex;align-items:center;gap:.9rem;text-decoration:none;flex-shrink:0}.janus-logo-icon{width:60px;height:60px;object-fit:contain;border-radius:0;display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;filter:drop-shadow(0 2px 4px rgba(0,0,0,.08));transition:transform .2s ease}.janus-brand-logo:hover .janus-logo-icon{transform:scale(1.03)}.janus-logo-text{font-size:1.42rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#111;font-family:var(--font-family);line-height:1}@media(max-width:992px){.janus-logo-icon{width:44px;height:44px}.janus-logo-text{font-size:1.15rem}}.header-right-group{display:flex;align-items:center;gap:1.25rem}.janus-search-box{position:relative;width:320px;display:flex;align-items:center;background-color:#f4f4f4;border-radius:4px;padding:.5rem .85rem;cursor:pointer;transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.janus-search-box:hover{background-color:#ececec}.janus-search-icon{color:#666;margin-right:.6rem;flex-shrink:0}.janus-search-input{width:100%;border:none;background:transparent;font-size:.84rem;color:#222;outline:none;cursor:pointer;padding:0}.janus-search-input::placeholder{color:#777;font-weight:400}.janus-nav-icon-btn{display:flex;align-items:center;justify-content:center;color:#111;text-decoration:none;position:relative;padding:4px;transition:opacity var(--transition-fast),transform var(--transition-fast);cursor:pointer}.janus-nav-icon-btn:hover{opacity:.75}.header-nav-row{display:flex;align-items:center;gap:clamp(.75rem,1.2vw,1.25rem);padding-bottom:.9rem;overflow:visible!important;white-space:nowrap;position:relative}.header-nav-link{font-size:clamp(.8rem,.9vw,.86rem);font-weight:400;color:#222;text-decoration:none;transition:color var(--transition-fast),border-color var(--transition-fast);letter-spacing:-.01em;padding:4px 0 6px;cursor:pointer;display:inline-flex;align-items:center;border-bottom:2px solid transparent}.header-nav-link:hover,.nav-item-dropdown-wrap:hover .header-nav-link,.nav-item-dropdown-wrap.is-active .header-nav-link{color:#111;border-bottom:2px solid #111111}.header-nav-link.highlight{color:var(--brand-primary);font-weight:500}.header-nav-link.highlight:hover{color:var(--brand-primary-hover);text-decoration:underline}.nav-item-dropdown-wrap{position:static!important;display:inline-flex;align-items:center;height:100%}.janus-mega-panel{position:absolute;top:100%;left:50%;transform:translate(-50%);width:100vw;max-width:100vw;background-color:#fff;border-top:1px solid #ECECEC;border-bottom:1px solid #E2E2E2;box-shadow:0 20px 40px #00000014;padding:2.25rem 0 2.5rem;z-index:9999;opacity:0;visibility:hidden;transition:opacity .16s ease,visibility .16s ease;pointer-events:none;box-sizing:border-box}.janus-mega-panel:before{content:"";position:absolute;top:-24px;left:0;right:0;width:100%;height:24px;background:transparent;pointer-events:auto}.janus-mega-panel.is-open,.nav-item-dropdown-wrap:hover .janus-mega-panel,.nav-item-dropdown-wrap.is-active .janus-mega-panel{opacity:1!important;visibility:visible!important;transform:translate(-50%)!important;pointer-events:auto!important;display:block!important}.janus-mega-inner{max-width:1380px;width:100%;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.35fr);gap:2.5rem;align-items:start;box-sizing:border-box}.janus-mega-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;min-width:0}.janus-mega-columns.janus-mega-columns-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.25rem}.janus-mega-col h4{font-size:.92rem;font-weight:700;color:#111;margin-bottom:1.15rem;letter-spacing:0;text-transform:none}.janus-mega-col ul{display:flex;flex-direction:column;gap:.6rem}.janus-mega-col a{font-size:.85rem;color:#444;text-decoration:none;transition:color var(--transition-fast);line-height:1.35;display:inline-block}.janus-mega-col a:hover{color:#111;font-weight:500}.janus-show-all-link{display:inline-flex;align-items:center;gap:4px;margin-top:.85rem;font-size:.82rem;font-weight:700;color:var(--brand-primary)!important;text-decoration:underline!important;text-underline-offset:3px;text-decoration-color:var(--brand-primary)!important;transition:color var(--transition-fast),transform var(--transition-fast)}.janus-show-all-link:hover{color:var(--brand-primary-hover)!important;transform:translate(2px)}.janus-mega-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;min-width:0}.janus-mega-cards.janus-mega-cards-2{grid-template-columns:repeat(2,minmax(0,230px));gap:1.75rem}.janus-mega-card{display:flex;flex-direction:column;text-decoration:none;min-width:0}.janus-mega-card-img-wrap{width:100%;aspect-ratio:16 / 11;overflow:hidden;border-radius:2px;background-color:#f0ede8;margin-bottom:.85rem;box-shadow:0 1px 3px #0000000f}.janus-mega-card-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.janus-mega-card:hover .janus-mega-card-img-wrap img{transform:scale(1.04)}.janus-mega-card-title{font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#111;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--brand-primary);transition:color var(--transition-fast);line-height:1.3}.janus-mega-card:hover .janus-mega-card-title{color:var(--brand-primary)}.exhibitions-hub-inner{max-width:1380px;width:100%;margin:0 auto;padding:0 2rem;box-sizing:border-box}.exhibitions-hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem;align-items:stretch}.exhibitions-hub-col{display:flex;flex-direction:column;background:#fafafa;border:1px solid var(--border-subtle, #ECEAE5);border-radius:6px;padding:1.15rem;transition:all .22s ease}.exhibitions-hub-col:hover{background:#fff;border-color:var(--border-medium, #D5D0C8);box-shadow:0 8px 24px #0000000f}.exhibitions-hub-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem;padding-bottom:.65rem;border-bottom:1px solid var(--border-subtle, #ECEAE5)}.exhibitions-hub-title{font-size:.92rem;font-weight:700;color:#111;display:flex;align-items:center;gap:.4rem;margin:0}.exhibitions-hub-badge{font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:10px}.badge-pulse-green{background:#e8f5e9;color:#2e7d32;border:1px solid #C8E6C9;display:inline-flex;align-items:center;gap:4px}.badge-pulse-green:before{content:"";width:5px;height:5px;border-radius:50%;background:#2e7d32;display:inline-block}.badge-amber{background:#fff3e0;color:#e65100;border:1px solid #FFE0B2}.badge-slate{background:#eceff1;color:#455a64;border:1px solid #CFD8DC}.exhibitions-hub-card{display:flex;flex-direction:column;text-decoration:none;border-radius:4px;overflow:hidden;margin-bottom:.85rem;background:#fff;border:1px solid var(--border-subtle, #EAEAEA);transition:all .22s ease}.exhibitions-hub-card:hover{border-color:var(--brand-primary, #C85A32);transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.exhibitions-hub-card-img{width:100%;aspect-ratio:16 / 10;overflow:hidden;position:relative;background:#efefef}.exhibitions-hub-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.exhibitions-hub-card:hover .exhibitions-hub-card-img img{transform:scale(1.05)}.exhibitions-hub-card-info{padding:.65rem .8rem;background:#fff}.exhibitions-hub-card-name{font-size:.84rem;font-weight:700;color:#111;line-height:1.3;margin-bottom:.2rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.exhibitions-hub-card-sub{font-size:.72rem;color:#666;line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.exhibitions-hub-links{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.85rem}.exhibitions-hub-link{font-size:.82rem;color:#333;text-decoration:none;display:flex;align-items:center;gap:6px;padding:.25rem .4rem;border-radius:3px;transition:all .15s ease}.exhibitions-hub-link:hover{color:var(--brand-primary, #C85A32);background:#f0ede8;padding-left:.6rem}.exhibitions-hub-btn{margin-top:auto;font-size:.78rem;font-weight:700;color:var(--brand-primary, #C85A32);text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;gap:4px;padding-top:.5rem;border-top:1px dashed var(--border-subtle, #ECEAE5);transition:all .15s ease}.exhibitions-hub-btn:hover{color:var(--brand-primary-hover, #A44320);transform:translate(2px)}.exhibitions-hub-footer{margin-top:1.25rem;padding-top:.85rem;border-top:1px solid var(--border-subtle, #ECEAE5);display:flex;align-items:center;justify-content:space-between;font-size:.82rem;color:#555}.exhibitions-hub-footer a{color:var(--brand-primary, #C85A32);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.exhibitions-hub-footer a:hover{text-decoration:underline}.art-match-prompt-section{background-color:var(--bg-warm, #F9F6F0);padding:1rem 1rem 1rem;text-align:center;border-top:1px solid var(--border-subtle, #EDE9E3);border-bottom:1px solid var(--border-subtle, #EDE9E3);position:relative}.art-match-premium-card{background:#FFFFFF;border:1px solid var(--border-medium, #E8E0D5);border-radius:8px;padding:2.75rem 2rem 2.5rem;max-width:960px;margin:0 auto;box-shadow:0 8px 32px rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.04);position:relative;overflow:hidden}.art-match-premium-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, var(--brand-primary, #C84126), var(--brand-accent, #EAA816), var(--brand-primary, #C84126))}.art-match-prompt-sentence{font-size:clamp(1.15rem,2.5vw,1.55rem);color:#222;font-weight:400;line-height:1.8;max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.35rem .65rem}.art-match-premium-sentence{font-size:clamp(1.25rem,2.8vw,1.75rem);font-weight:600;gap:.5rem .85rem;line-height:1.9}.art-match-premium-sentence span{color:var(--text-primary);font-weight:700}.art-match-select-wrapper{display:inline-flex;align-items:center;position:relative;border-bottom:1px solid #718096;padding-bottom:2px}.art-match-premium-wrapper{border-bottom:none;padding-bottom:0;background:var(--bg-warm, #FDFCF9);border:1px solid var(--border-medium, #E8E0D5);border-radius:6px;padding:0.55rem 0.9rem 0.55rem 0.9rem;transition:all 0.2s ease}.art-match-premium-wrapper:hover{border-color:var(--brand-primary, #C84126);box-shadow:0 2px 8px rgba(200,65,38,0.08);background:#FFFFFF}.art-match-premium-wrapper:focus-within{border-color:var(--brand-primary, #C84126);box-shadow:0 0 0 3px rgba(200,65,38,0.12);background:#FFFFFF}.art-match-inline-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent;border:none;font-size:inherit;font-family:inherit;font-weight:500;color:#55606e;padding-right:1.5rem;cursor:pointer;outline:none}.art-match-premium-select{font-size:0.92rem;font-weight:600;color:var(--brand-primary, #C84126);padding-right:1.75rem;min-width:140px}.art-match-premium-select option{color:#222;background:#FFFFFF}.art-match-inline-select:focus{color:var(--brand-primary)}.art-match-select-chevron{position:absolute;right:2px;top:50%;transform:translateY(-50%);color:#55606e;pointer-events:none;font-size:.85rem}.art-match-premium-wrapper .art-match-select-chevron{right:10px;color:var(--brand-primary, #C84126)}.art-match-discover-btn{display:inline-block;background-color:#a3a3a3;color:#fff;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.8rem 2.25rem;border-radius:2px;margin-top:2rem;cursor:pointer;border:none;transition:all var(--transition-fast);box-shadow:0 1px 3px #00000014}.art-match-discover-btn:hover{background-color:var(--brand-primary);color:#fff;box-shadow:0 4px 12px #c8412640;transform:translateY(-1px)}.art-match-premium-btn{background:var(--brand-primary, #C84126)!important;color:#FFFFFF!important;padding:0.95rem 2.6rem!important;font-size:0.82rem!important;letter-spacing:0.08em!important;box-shadow:0 4px 16px rgba(200,65,38,0.18)!important;border-radius:4px!important;margin-top:0!important}.art-match-premium-btn:hover{background:var(--brand-primary-hover, #A3321B)!important;box-shadow:0 6px 20px rgba(200,65,38,0.28)!important;transform:translateY(-2px)!important}.quick-tags-section {
  background-color: #FFFFFF !important;
  padding: 1.2rem 0 1.2rem !important;
  border-bottom: 1px solid var(--border-subtle, #EDE9E3) !important;
}.quick-tags-container{display:flex;align-items:center;justify-content:center;gap:.65rem;flex-wrap:wrap;max-width:1280px;margin:0 auto}.quick-tag-btn{display:inline-flex;align-items:center;justify-content:center;padding:.45rem 1rem;font-size:.75rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;border:1px solid #111111;border-radius:2px;background-color:#fff;color:#111;text-decoration:none;white-space:nowrap;transition:all var(--transition-fast)}.quick-tag-btn:hover{background-color:#111;color:#fff}.joy-living-section{padding:4.5rem 0 3.5rem;background-color:#fff;border-bottom:1px solid var(--border-color)}.joy-living-header{text-align:center;margin-bottom:2.75rem}.joy-living-header h2{font-size:clamp(1.65rem,3vw,2.2rem);font-weight:700;color:#111;letter-spacing:-.01em}.joy-living-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem}.joy-living-card{display:flex;flex-direction:column;text-decoration:none;color:inherit}.joy-living-img-wrap{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background-color:var(--color-gray-100);border-radius:var(--radius-sm);margin-bottom:.85rem}.joy-living-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.joy-living-card:hover .joy-living-img{transform:scale(1.05)}.joy-living-title{font-size:.95rem;font-weight:700;color:var(--text-primary);line-height:1.3;margin-bottom:.35rem}.joy-living-link{font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-primary);text-decoration:underline;text-underline-offset:3px;transition:color var(--transition-fast)}.joy-living-card:hover .joy-living-link{color:var(--brand-primary)}.main-nav{display:none}.search-overlay-bar{position:absolute;top:100%;left:0;width:100%;background:var(--color-white);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-md);padding:1.5rem 0;z-index:95;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-input-wrapper{position:relative;max-width:680px;margin:0 auto}.search-input-wrapper input{width:100%;padding:.85rem 3rem .85rem 1rem;font-size:var(--font-size-md);border:1px solid var(--border-dark);border-radius:var(--radius-sm)}.search-input-wrapper input:focus{outline:none;border-color:var(--color-black)}.search-icon-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.popular-searches{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem;flex-wrap:wrap;font-size:var(--font-size-xs);color:var(--text-muted)}.popular-tag{background:var(--color-gray-100);padding:.2rem .6rem;border-radius:var(--radius-full);cursor:pointer;color:var(--text-secondary);border:1px solid var(--border-color);transition:all var(--transition-fast);font-size:var(--font-size-xs)}.popular-tag:hover{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.artwork-card{background:transparent;border:none;display:flex;flex-direction:column;position:relative;cursor:pointer}.artwork-card:hover .artwork-image{transform:scale(1.03)}.artwork-image-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;background-color:var(--color-gray-100);overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:0}.artwork-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.artwork-badges{position:absolute;top:8px;left:8px;display:flex;flex-direction:column;gap:.25rem;z-index:2}.artwork-actions-overlay{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:.3rem;z-index:2;opacity:0;transition:opacity var(--transition-fast)}.artwork-card:hover .artwork-actions-overlay{opacity:1}.action-icon-btn{width:32px;height:32px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-primary);border:none;transition:all var(--transition-fast)}.action-icon-btn:hover{background:var(--color-white);transform:scale(1.05)}.action-icon-btn.active{background:var(--brand-primary);color:var(--color-white)}.artwork-quick-overlay{display:none}.artwork-content{padding:.75rem 0 0;display:flex;flex-direction:column;flex:1}.artwork-artist-name{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);margin-bottom:.1rem;text-transform:none;letter-spacing:0}.artwork-title{font-size:var(--font-size-sm);font-weight:400;font-style:italic;color:var(--text-secondary);line-height:1.3;margin-bottom:.15rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.artwork-meta{font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:.35rem}.artwork-footer{margin-top:auto;display:flex;align-items:baseline;justify-content:space-between;padding-top:.35rem;border-top:none}.artwork-price{font-size:var(--font-size-base);font-weight:700;color:var(--text-primary)}.artwork-availability{font-size:.7rem;font-weight:400;color:var(--color-success)}.artwork-availability.sold{color:var(--text-muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:var(--color-white);border-radius:var(--radius-md);max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-xl);animation:modalScale .25s ease}@keyframes modalScale{0%{transform:scale(.97);opacity:0}to{transform:scale(1);opacity:1}}.modal-close-btn{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;background:var(--color-gray-100);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-primary);z-index:10;transition:all var(--transition-fast)}.modal-close-btn:hover{background:var(--color-gray-200)}.room-visualizer-wrapper{display:grid;grid-template-columns:1fr 300px;min-height:500px}.room-visualizer-canvas-area{position:relative;background:#222;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:crosshair;-webkit-user-select:none;user-select:none}.room-bg-image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.room-artwork-draggable{position:absolute;cursor:grab;transition:box-shadow var(--transition-fast)}.room-artwork-draggable:active{cursor:grabbing}.frame-none{border:none;box-shadow:0 8px 24px #0000004d}.frame-oak{border:10px solid #A0724C;outline:3px solid #5C3D22;box-shadow:0 12px 30px #00000059}.frame-black{border:10px solid #141414;outline:3px solid #333;box-shadow:0 12px 30px #00000059}.frame-gold{border:12px solid #C4973B;outline:3px solid #8C661D;box-shadow:0 12px 30px #00000059}.frame-white{border:12px solid #FDFDFD;outline:3px solid #E2E2E2;box-shadow:0 12px 30px #00000059}.room-controls-sidebar{padding:1.25rem;background-color:var(--color-gray-50);border-left:1px solid var(--border-color);display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.room-preset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}.room-preset-btn{border:2px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden;position:relative;aspect-ratio:16/9;cursor:pointer;transition:all var(--transition-fast)}.room-preset-btn.active,.room-preset-btn:hover{border-color:var(--color-black)}.room-preset-btn img{width:100%;height:100%;object-fit:cover}.room-preset-label{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;font-size:.6rem;padding:2px 4px;text-align:center}.janus-footer{background-color:#191919;color:#fff;padding-top:4.5rem;padding-bottom:2.5rem;font-family:var(--font-family);border-top:1px solid rgba(255,255,255,.08)}.janus-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.1fr 1fr;gap:3.5rem;margin-bottom:3.5rem}.janus-footer-brand-logo{display:flex;align-items:center;gap:.65rem;text-decoration:none;margin-bottom:1.75rem}.janus-footer-logo-icon{width:28px;height:28px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px #ffffff40}.janus-footer-newsletter-title{font-size:.95rem;font-weight:700;color:#fff;margin-bottom:.35rem;line-height:1.3}.janus-footer-newsletter-subtitle{font-size:.84rem;color:#b3b3b3;line-height:1.5;margin-bottom:1.1rem}.janus-footer-email-form{position:relative;max-width:360px;margin-bottom:.85rem}.janus-footer-email-input{width:100%;padding:.75rem 2.85rem .75rem 1rem;background-color:#fff;border:1px solid #FFFFFF;border-radius:2px;font-size:.85rem;color:#111;outline:none;font-family:inherit}.janus-footer-email-input::placeholder{color:#777}.janus-footer-email-submit{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#111;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;transition:transform var(--transition-fast)}.janus-footer-email-submit:hover{transform:translateY(-50%) translate(2px)}.janus-footer-disclaimer{font-size:.68rem;color:#888;line-height:1.5;margin-bottom:1.5rem;max-width:360px}.janus-footer-social-row{display:flex;align-items:center;gap:1.15rem}.janus-footer-social-link{color:#fff;opacity:.85;transition:opacity var(--transition-fast),transform var(--transition-fast);display:flex;align-items:center;justify-content:center}.janus-footer-social-link:hover{opacity:1;transform:translateY(-2px)}.janus-footer-col h4{font-size:.92rem;font-weight:700;color:#fff;margin-bottom:1.25rem;letter-spacing:0;text-transform:none}.janus-footer-col ul{display:flex;flex-direction:column;gap:.75rem}.janus-footer-col a{font-size:.84rem;color:#ccc;text-decoration:none;transition:color var(--transition-fast)}.janus-footer-col a:hover{color:#fff}.janus-footer-divider{border-top:1px solid rgba(255,255,255,.1);margin-top:1rem;margin-bottom:2rem}.janus-footer-bottom-wrapper{display:flex;flex-direction:column;gap:1.25rem}.janus-footer-bottom-top-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem}.janus-footer-currency-btn{display:inline-flex;align-items:center;gap:.6rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.14);border-radius:3px;padding:.5rem .95rem;color:#d1d1d1;font-size:.8rem;font-family:inherit;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.janus-footer-currency-btn:hover{background:#ffffff1a;border-color:#ffffff52;color:#fff;transform:translateY(-1px)}.janus-footer-currency-btn strong{color:#fff;font-weight:600}.janus-footer-legal-nav{display:flex;align-items:center;flex-wrap:wrap;gap:.85rem}.janus-footer-legal-nav a{font-size:.78rem;color:#9e9e9e;text-decoration:none;transition:color .15s ease}.janus-footer-legal-nav a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}.footer-dot{font-size:.6rem;color:#ffffff38;-webkit-user-select:none;user-select:none}.janus-footer-bottom-sub-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.06);font-size:.74rem;color:#777;line-height:1.5}.footer-copyright-text{color:#888}.footer-security-text{color:#666}.footer-security-text a{color:#888;text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.footer-security-text a:hover{color:#bbb}@media(max-width:768px){.janus-footer-bottom-top-row{flex-direction:column;align-items:flex-start;gap:1.25rem}.janus-footer-bottom-sub-row{flex-direction:column;align-items:flex-start;gap:.75rem}}.mega-menu{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(8px);width:85vw;max-width:1100px;background-color:var(--color-white);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);padding:2rem;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:100}.nav-item:hover .mega-menu{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.mega-menu-grid{display:grid;grid-template-columns:repeat(4,1fr) 1.2fr;gap:1.5rem}.mega-column h4{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.85rem;padding-bottom:.35rem;border-bottom:1px solid var(--border-color)}.mega-column ul{display:flex;flex-direction:column;gap:.5rem}.mega-column a{font-size:var(--font-size-sm);color:var(--text-secondary);transition:color var(--transition-fast)}.mega-column a:hover{color:var(--text-primary)}.mega-featured-card{background-color:var(--color-gray-50);padding:1rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:.5rem}.mega-featured-card img{width:100%;height:120px;object-fit:cover;border-radius:var(--radius-sm)}.newsletter-banner{background-color:var(--color-gray-100)!important;border:1px solid var(--border-color)!important}.category-circle-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.5rem;text-align:center}.category-circle-item{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-decoration:none;color:var(--text-primary);transition:transform var(--transition-fast)}.category-circle-item:hover{transform:translateY(-4px);color:var(--brand-primary)}.category-circle-img-wrap{width:110px;height:110px;border-radius:50%;overflow:hidden;border:2px solid var(--border-color);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.category-circle-item:hover .category-circle-img-wrap{border-color:var(--brand-primary);box-shadow:0 6px 16px #c841262e}.category-circle-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.category-circle-item:hover .category-circle-img-wrap img{transform:scale(1.08)}.category-circle-title{font-size:var(--font-size-sm);font-weight:600;line-height:1.2}.tab-pills-bar{display:flex;align-items:center;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none;margin-bottom:1.75rem}.tab-pills-bar::-webkit-scrollbar{display:none}.tab-pill{padding:.5rem 1.15rem;font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);background-color:var(--color-gray-100);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.tab-pill:hover{border-color:var(--color-black);color:var(--text-primary);background-color:var(--color-white)}.tab-pill.active{background-color:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.janus-artist-card{background-color:var(--color-white);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:1.25rem;display:flex;flex-direction:column;gap:1rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.janus-artist-card:hover{border-color:var(--color-gray-400);box-shadow:var(--shadow-md);transform:translateY(-3px)}.janus-artist-header{display:flex;align-items:center;gap:.85rem}.janus-artist-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--brand-accent)}.janus-artist-info h4{font-size:var(--font-size-base);font-weight:700;margin:0;line-height:1.2}.janus-artist-info span{font-size:var(--font-size-xs);color:var(--text-muted);display:block;margin-top:.15rem}.janus-artist-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.janus-artist-thumb-item{aspect-ratio:1 / 1;border-radius:2px;overflow:hidden;background-color:var(--color-gray-100)}.janus-artist-thumb-item img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.janus-artist-card:hover .janus-artist-thumb-item img{transform:scale(1.05)}.janus-artist-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem;border-top:1px solid var(--border-light)}.color-chips-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.color-story-card{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1rem .5rem;background-color:var(--color-white);border:1px solid var(--border-color);border-radius:var(--radius-sm);text-decoration:none;color:var(--text-primary);transition:all var(--transition-fast)}.color-story-card:hover{border-color:var(--color-black);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.color-swatch-circle{width:44px;height:44px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f}.color-story-name{font-size:var(--font-size-xs);font-weight:600;text-align:center}.room-guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.room-guide-card{position:relative;aspect-ratio:4 / 5;border-radius:var(--radius-sm);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:1.25rem;color:#fff;text-decoration:none;box-shadow:var(--shadow-sm)}.room-guide-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.room-guide-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000d9,#00000040,#0000)}.room-guide-card:hover .room-guide-bg{transform:scale(1.06)}.room-guide-content{position:relative;z-index:2}.room-guide-tag{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-accent);font-weight:600;margin-bottom:.25rem;display:block}.room-guide-title{font-size:var(--font-size-md);font-weight:700;color:#fff;line-height:1.25;margin-bottom:.35rem}.room-guide-link{font-size:var(--font-size-xs);color:#ffffffe6;text-decoration:underline;text-underline-offset:3px;font-weight:500}.curator-spotlight-box{background-color:var(--color-gray-50);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:2.5rem;display:grid;grid-template-columns:1.1fr 1fr;gap:2.5rem;align-items:center}.testimonials-marquee{display:flex;flex-direction:column;gap:1.25rem;overflow:hidden}.testimonials-track{display:flex;gap:1.25rem;width:max-content;will-change:transform}.testimonials-track:hover{animation-play-state:paused}.testimonials-track-left{animation:marqueeLeft 110s linear infinite}.testimonials-track-right{animation:marqueeRight 110s linear infinite;transform:translateX(-50%)}.testimonials-track .testimonial-card{flex:0 0 360px;min-width:360px;max-width:360px}@keyframes marqueeLeft{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes marqueeRight{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}@media(max-width:768px){.testimonials-track .testimonial-card{flex:0 0 300px;min-width:300px;max-width:300px}.testimonials-track{animation-duration:90s}}.testimonial-card{background-color:var(--color-white);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:1.75rem;display:flex;flex-direction:column;gap:.85rem}.testimonial-stars{display:flex;gap:.2rem;color:var(--brand-accent)}.testimonial-quote{font-size:var(--font-size-sm);line-height:1.6;color:var(--text-secondary);font-style:italic;flex:1}.testimonial-author{display:flex;align-items:center;gap:.65rem;padding-top:.65rem;border-top:1px solid var(--border-light)}.testimonial-avatar{width:38px;height:38px;border-radius:50%;background:var(--color-gray-200);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-sm);color:var(--text-primary)}.testimonial-name{font-size:var(--font-size-sm);font-weight:700;color:var(--text-primary);line-height:1.2}.testimonial-location{font-size:var(--font-size-xs);color:var(--text-muted)}.webar-showcase-banner{background:linear-gradient(135deg,#111,#1e1e1e);color:#fff;border-radius:var(--radius-sm);padding:3rem;display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:center;overflow:hidden;position:relative}.janus-footer{background-color:#111;color:#eaeaea;padding-top:4.5rem;padding-bottom:3.5rem;border-top:1px solid #222222;font-family:var(--font-family);position:relative;overflow:hidden}.janus-footer-pillars-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding-bottom:3rem;margin-bottom:3.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.janus-footer-pillar-item{display:flex;align-items:flex-start;gap:1rem}.janus-footer-pillar-icon{width:42px;height:42px;border-radius:50%;background:#c8412626;border:1px solid rgba(200,65,38,.3);color:var(--brand-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.janus-footer-pillar-title{font-size:.9rem;font-weight:700;color:#fff;margin-bottom:.2rem;letter-spacing:.01em}.janus-footer-pillar-desc{font-size:.78rem;color:#999;line-height:1.4}.janus-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:3.5rem;margin-bottom:3.5rem}.janus-footer-brand-logo{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;margin-bottom:1.25rem}.janus-footer-logo-icon{width:44px;height:44px;object-fit:contain;border-radius:0;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.janus-footer-logo-text{font-size:1.1rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff}.janus-footer-newsletter-title{font-size:1.05rem;font-weight:700;color:#fff;margin-bottom:.4rem;line-height:1.3}.janus-footer-newsletter-subtitle{font-size:.82rem;color:#aaa;margin-bottom:1.25rem;line-height:1.5}.janus-footer-email-form{display:flex;position:relative;max-width:380px;margin-bottom:1rem}.janus-footer-email-input{width:100%;background:#1c1c1c;border:1px solid #333333;color:#fff;padding:.75rem 3rem .75rem 1rem;font-size:.85rem;border-radius:4px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.janus-footer-email-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px #c8412633}.janus-footer-email-input::placeholder{color:#666}.janus-footer-email-submit{position:absolute;right:4px;top:4px;bottom:4px;width:38px;background:var(--brand-primary);color:#fff;border:none;border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.janus-footer-email-submit:hover{background:var(--brand-primary-hover)}.janus-footer-disclaimer{font-size:.72rem;color:#777;line-height:1.5;margin-bottom:1.5rem;max-width:380px}.janus-footer-disclaimer a{color:#aaa;text-decoration:underline}.janus-footer-social-row{display:flex;align-items:center;gap:.75rem}.janus-footer-social-link{width:36px;height:36px;border-radius:50%;background:#1e1e1e;border:1px solid #333333;color:#ccc;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.janus-footer-social-link:hover{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);transform:translateY(-2px)}.janus-footer-col h4{font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:1.25rem}.janus-footer-col ul{display:flex;flex-direction:column;gap:.65rem;list-style:none;padding:0;margin:0}.janus-footer-col a{font-size:.84rem;color:#999;text-decoration:none;transition:color .2s ease,padding-left .2s ease}.janus-footer-col a:hover{color:#fff;padding-left:3px}.janus-footer-divider{height:1px;background:#ffffff1a;margin-bottom:2rem}.janus-footer-legal-links{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;font-size:.78rem}.janus-footer-legal-links a{color:#888;text-decoration:none;transition:color .2s ease}.janus-footer-legal-links a:hover{color:#fff}.janus-footer-currency-pill{display:inline-flex;align-items:center;background:#1c1c1c;border:1px solid #333333;color:#ccc;padding:.4rem .85rem;border-radius:4px;font-size:.78rem;font-weight:600;cursor:pointer;margin-bottom:1.5rem;transition:border-color .2s ease,color .2s ease}.janus-footer-currency-pill:hover{border-color:#555;color:#fff}.janus-footer-copyright-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:.72rem;color:#666;line-height:1.5}@media(max-width:1024px){.category-circle-grid,.color-chips-grid{grid-template-columns:repeat(3,1fr)}.room-guide-grid{grid-template-columns:repeat(2,1fr)}.curator-spotlight-box{grid-template-columns:1fr}.webar-showcase-banner{grid-template-columns:1fr;padding:2rem}.testimonials-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.room-visualizer-wrapper{grid-template-columns:1fr}.janus-footer-pillars-bar{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding-bottom:2rem;margin-bottom:2.5rem}.janus-footer-grid{grid-template-columns:1fr 1fr;gap:2.5rem}}@media(max-width:992px){.mobile-menu-toggle{display:flex!important;align-items:center;justify-content:center;width:38px;height:38px;border-radius:6px;border:1px solid var(--border-medium);background:#fff;color:#111;cursor:pointer;flex-shrink:0}.header-nav-row,.janus-search-box{display:none!important}.janus-logo-text{font-size:clamp(.72rem,3.2vw,1rem);letter-spacing:.03em;font-weight:800}.janus-logo-icon{width:30px!important;height:30px!important}.header-top-row{padding-top:.55rem;padding-bottom:.55rem;gap:.4rem}.header-right-group{gap:.5rem}.marketplace-layout-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.marketplace-filter-sidebar,.artworks-desktop-sidebar{display:none!important}.artworks-main-content{width:100%!important}}@media(max-width:768px){.announcement-bar{font-size:.7rem;padding:.35rem .75rem}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)!important;gap:.65rem!important}.grid-2,.grid-5{grid-template-columns:1fr!important;gap:1rem!important}.category-circle-grid{grid-template-columns:repeat(3,1fr);gap:.65rem}.color-chips-grid{grid-template-columns:repeat(2,1fr)}.room-guide-grid{grid-template-columns:1fr;gap:.85rem}.artwork-card{border-radius:4px;background:#fff;box-shadow:0 1px 3px #0000000f;overflow:hidden}.artwork-image-wrapper{aspect-ratio:3 / 4;overflow:hidden;border-radius:4px 4px 0 0}.artwork-content{padding:.55rem .5rem .6rem}.artwork-artist-name{font-size:.74rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artwork-title{font-size:.72rem;-webkit-line-clamp:1}.artwork-meta{font-size:.65rem;display:none}.artwork-price{font-size:.82rem;font-weight:800;color:var(--text-primary)}.artwork-footer{padding-top:.2rem}.artwork-actions-overlay{opacity:1!important;top:6px;right:6px;gap:.25rem}.action-icon-btn{width:26px;height:26px;box-shadow:0 1px 4px #00000026}.janus-footer{padding-top:2.5rem;padding-bottom:2rem}.janus-footer-pillars-bar{grid-template-columns:1fr!important;gap:1.25rem;padding-bottom:1.75rem;margin-bottom:2rem}.janus-footer-pillar-item{gap:.75rem}.janus-footer-pillar-icon{width:36px;height:36px}.janus-footer-pillar-title{font-size:.82rem}.janus-footer-pillar-desc{font-size:.72rem}.janus-footer-grid{grid-template-columns:1fr!important;gap:2rem;margin-bottom:2rem}.janus-footer-email-form{max-width:100%}.janus-footer-newsletter-title{font-size:.95rem}.janus-footer-col h4{font-size:.8rem;margin-bottom:.85rem}.janus-footer-col ul{gap:.5rem}.janus-footer-col a{font-size:.8rem}.janus-footer-legal-links{gap:.85rem;font-size:.72rem;flex-wrap:wrap}.janus-footer-copyright-row{flex-direction:column;gap:.5rem;font-size:.68rem;text-align:center}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-bottom-row{flex-direction:column;gap:1rem;text-align:center}.artist-directory-card{margin-bottom:.75rem}.artwork-detail-grid{grid-template-columns:1fr!important;gap:1.25rem!important}.artwork-detail-info-pane{padding-top:0!important}.mobile-artwork-sticky-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border-medium);padding:.65rem 1rem env(safe-area-inset-bottom,.65rem);display:flex;align-items:center;justify-content:space-between;gap:.5rem;z-index:900;box-shadow:0 -2px 12px #00000014}.modal-content,.quick-view-dialog,.frame-preview-dialog{width:96%!important;max-width:96%!important;margin:.5rem auto!important;padding:1rem!important;max-height:92vh!important;overflow-y:auto!important;border-radius:8px!important}.cart-table-wrapper{overflow-x:auto}.checkout-grid{grid-template-columns:1fr!important}.exhibition-banner{height:200px!important}.exhibition-grid{grid-template-columns:1fr!important}.art-match-prompt-section{padding:2rem .85rem 1.75rem}.art-match-prompt-sentence{font-size:.95rem;line-height:1.7;gap:.25rem .4rem}.art-match-discover-btn{width:100%;margin-top:1.25rem;padding:.75rem 1.25rem;font-size:.76rem}.quick-tags-section {
  background-color: #FFFFFF !important;
  padding: 1.2rem 0 1.2rem !important;
  border-bottom: 1px solid var(--border-subtle, #EDE9E3) !important;
}.quick-tags-container{gap:.4rem}.quick-tag-btn{padding:.35rem .65rem;font-size:.68rem}.joy-living-section{padding:2.25rem 0 1.75rem}.joy-living-header{margin-bottom:1.5rem}.testimonials-grid{grid-template-columns:1fr!important;gap:1rem}.testimonial-card{padding:1.25rem}.curator-spotlight-box{padding:1.5rem;gap:1.25rem}}@media(max-width:480px){.janus-brand-logo .janus-logo-icon{width:22px;height:22px}.janus-logo-text{font-size:.72rem!important;letter-spacing:.02em!important}.category-circle-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem}.category-circle-card{padding:.4rem}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}.artwork-content{padding:.45rem .4rem .5rem}.artwork-artist-name{font-size:.68rem}.artwork-title{font-size:.66rem}.artwork-price{font-size:.76rem}.btn{width:100%;font-size:.8rem}.btn-inline{width:auto!important}.janus-footer-pillar-icon{width:32px;height:32px}.janus-footer-pillar-title{font-size:.78rem}.janus-footer-pillar-desc{font-size:.68rem}.janus-footer-social-link{width:32px;height:32px}}@keyframes exhPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.6}}.exh-live-dot{width:8px;height:8px;border-radius:50%;background-color:#22c55e;display:inline-block;animation:exhPulse 2s cubic-bezier(.4,0,.6,1) infinite;box-shadow:0 0 8px #22c55e99}.exh-hero-root{position:relative;background:radial-gradient(circle at top right,rgba(212,175,55,.15),transparent 45%),#0c0b0a;color:#fff;padding:4.5rem 0 4rem;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}.exh-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:3.5rem;align-items:center;position:relative;z-index:2}@media(max-width:992px){.exh-hero-grid{grid-template-columns:1fr;gap:2.5rem}}.exh-hero-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-accent);background:#d4af371f;border:1px solid rgba(212,175,55,.3);padding:.35rem .85rem;border-radius:999px;margin-bottom:1.25rem}.exh-hero-title{font-size:clamp(2rem,3.8vw,3.2rem);font-weight:800;line-height:1.12;letter-spacing:-.02em;color:#fff;margin-bottom:.85rem}.exh-hero-subtitle{font-size:clamp(.95rem,1.4vw,1.15rem);color:#ffffffd1;line-height:1.5;font-weight:400;margin-bottom:1.5rem}.exh-hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding-top:2rem;margin-top:2rem;border-top:1px solid rgba(255,255,255,.1)}@media(max-width:640px){.exh-hero-stats{grid-template-columns:repeat(2,1fr);gap:1rem}}.exh-stat-num{font-size:1.45rem;font-weight:800;color:var(--brand-accent);line-height:1;margin-bottom:.3rem}.exh-stat-label{font-size:.72rem;color:#ffffffa6;text-transform:uppercase;letter-spacing:.04em}.exh-hero-preview-box{position:relative;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.15);box-shadow:0 25px 60px -15px #000000b3;background:#181716;aspect-ratio:16 / 11}.exh-hero-preview-img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1)}.exh-hero-preview-box:hover .exh-hero-preview-img{transform:scale(1.04)}.exh-filter-bar-sticky{position:sticky;top:72px;z-index:100;background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #E5E7EB;box-shadow:0 4px 16px #00000008;padding:1rem 0;transition:all .25s ease}.exh-filter-tabs{display:flex;align-items:center;gap:.4rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}.exh-filter-tabs::-webkit-scrollbar{display:none}.exh-filter-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.15rem;border-radius:999px;font-size:.82rem;font-weight:600;color:#4b5563;background:#f3f4f6;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:all .2s ease}.exh-filter-pill:hover{background:#e5e7eb;color:#111827}.exh-filter-pill.active{background:#111827;color:#fff;border-color:#111827}.exh-count-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#00000014;color:inherit}.exh-filter-pill.active .exh-count-badge{background:#fff3;color:#fff}.exh-card-editorial{background:#fff;border:1px solid #E5E7EB;border-radius:6px;overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #00000008}.exh-card-editorial:hover{border-color:#d4af37;transform:translateY(-4px);box-shadow:0 20px 40px -12px #0000001a}@media(max-width:900px){.exh-card-editorial{grid-template-columns:1fr}}.exh-card-image-wrap{position:relative;min-height:380px;background:#1a1918;overflow:hidden}@media(max-width:900px){.exh-card-image-wrap{min-height:280px}}.exh-card-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.exh-card-editorial:hover .exh-card-image{transform:scale(1.05)}.exh-card-floating-badge{position:absolute;top:1.25rem;left:1.25rem;z-index:2;display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;border-radius:4px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #0003}.exh-card-body{padding:2.75rem;display:flex;flex-direction:column;justify-content:space-between}@media(max-width:640px){.exh-card-body{padding:1.75rem}}.exh-virtual-stage{background:#0d0c0b;color:#fff;border-radius:8px;border:1px solid rgba(212,175,55,.25);box-shadow:0 30px 80px -20px #000c;overflow:hidden}.exh-stage-header{padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.exh-stage-canvas{position:relative;height:clamp(340px,50vw,560px);background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.exh-stage-room-tab{display:flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border-radius:4px;background:#ffffff14;color:#ffffffbf;font-size:.78rem;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .18s ease}.exh-stage-room-tab:hover{background:#ffffff26;color:#fff}.exh-stage-room-tab.active{background:var(--brand-accent);color:#111;border-color:var(--brand-accent);font-weight:700}.exh-cat-card{background:#fff;border:1px solid #E5E7EB;border-radius:6px;padding:1.5rem;display:flex;flex-direction:column;transition:all .25s ease;height:100%}.exh-cat-card:hover{border-color:#d4af37;transform:translateY(-4px);box-shadow:0 16px 32px -8px #00000014}.exh-cat-cover{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:4px;box-shadow:0 8px 20px #00000026;margin-bottom:1.25rem;transition:transform .4s ease}.exh-cat-card:hover .exh-cat-cover{transform:scale(1.03)}@keyframes ucPingRing{0%{transform:scale(1);opacity:.55}to{transform:scale(1.9);opacity:0}}@keyframes ucPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes ucShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.uc-logo-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:178px;height:178px;margin:0 auto 2rem}.uc-logo-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--brand-accent);animation:ucPingRing 2.6s cubic-bezier(.2,.6,.35,1) infinite;pointer-events:none}.uc-logo-ring:nth-child(2){animation-delay:1.3s}.uc-logo-core{position:relative;z-index:1;border-radius:50%;background:#fff;padding:1.25rem;box-shadow:var(--shadow-xl);animation:ucPulse 3s ease-in-out infinite}.uc-progress-track{width:100%;max-width:420px;height:6px;border-radius:var(--radius-full);background:#ffffff24;overflow:hidden;margin:0 auto .9rem}.uc-progress-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent),var(--brand-primary));background-size:200% 100%;animation:ucShimmer 1.6s linear infinite;transition:width .2s ease}.uc-progress-label{font-size:.85rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#ffffffa6}.uc-progress-status{margin-top:.4rem;font-size:.8rem;letter-spacing:.06em;color:var(--brand-accent);opacity:.9}@media(max-width:640px){.uc-logo-wrap{width:132px;height:132px;margin:0 auto 1.5rem}.uc-logo-core{padding:.9rem}.uc-logo-core img{width:84px!important;height:84px!important}.uc-progress-track{height:5px}.uc-progress-label{font-size:.78rem}.uc-progress-status{font-size:.74rem}}

@keyframes glowOrange{0%{text-shadow:0 0 8px rgba(255,140,0,0.65),0 0 16px rgba(255,140,0,0.35)}100%{text-shadow:0 0 14px rgba(255,140,0,0.95),0 0 28px rgba(255,140,0,0.55),0 0 36px rgba(255,140,0,0.35)}}

/* Dual Range Price Slider & Filter */
.price-filter-card {
  background: #FFFFFF;
}
.price-currency-toggle {
  display: flex;
  background: #f1f5f9;
  padding: 3px;
  border-radius: 6px;
  margin-bottom: 1.1rem;
  border: 1px solid #e2e8f0;
}
.price-currency-btn {
  flex: 1;
  padding: 0.35rem 0.6rem;
  font-size: 0.76rem;
  font-weight: 600;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: #64748b;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
}
.price-currency-btn.active {
  background: #0f172a;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}
.price-slider-container {
  position: relative;
  height: 36px;
  display: flex;
  align-items: center;
  margin: 0.5rem 0 0.85rem 0;
}
.price-slider-track {
  position: absolute;
  width: 100%;
  height: 4px;
  background: #e2e8f0;
  border-radius: 2px;
}
.price-slider-range {
  position: absolute;
  height: 4px;
  background: #1e3a8a;
  border-radius: 2px;
}
.price-range-input {
  position: absolute;
  width: 100%;
  height: 4px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0;
}
.price-range-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  pointer-events: auto;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #FFFFFF;
  border: 2px solid #1e3a8a;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  transition: transform 0.1s ease, border-color 0.2s ease;
}
.price-range-input::-webkit-slider-thumb:hover {
  transform: scale(1.15);
  border-color: #0f172a;
}
.price-range-input::-moz-range-thumb {
  pointer-events: auto;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #FFFFFF;
  border: 2px solid #1e3a8a;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  transition: transform 0.1s ease, border-color 0.2s ease;
}
.price-range-input::-moz-range-thumb:hover {
  transform: scale(1.15);
  border-color: #0f172a;
}
.price-labels-row {
  display: flex;
  justify-content: space-between;
  font-size: 0.8rem;
  color: #6b7280;
  font-weight: 500;
  margin-top: 0.15rem;
}
.price-inputs-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.65rem;
  margin-top: 1rem;
}
.price-input-box {
  position: relative;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  background: #ffffff;
  padding: 0.35rem 0.55rem;
  display: flex;
  flex-direction: column;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.price-input-box:focus-within {
  border-color: #1e3a8a;
  box-shadow: 0 0 0 1px #1e3a8a;
}
.price-input-label {
  font-size: 0.68rem;
  color: #6b7280;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 2px;
  text-transform: capitalize;
}
.price-input-field-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.price-input-field {
  border: none;
  outline: none;
  font-size: 0.88rem;
  font-weight: 600;
  color: #111827;
  width: 100%;
  background: transparent;
  padding: 0;
  margin: 0;
}
.price-input-field::placeholder {
  color: #9ca3af;
  font-weight: 400;
}
.price-input-suffix {
  font-size: 0.74rem;
  font-weight: 600;
  color: #6b7280;
  white-space: nowrap;
  margin-left: 4px;
  pointer-events: none;
}
.price-actions-row {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 1.1rem;
}
.price-btn-clear {
  background: #ffffff;
  border: 1px solid #111827;
  color: #111827;
  border-radius: 9999px;
  padding: 0.38rem 1.15rem;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
.price-btn-clear:hover {
  background: #f3f4f6;
}
.price-btn-confirm {
  background: #111827;
  border: 1px solid #111827;
  color: #ffffff;
  border-radius: 9999px;
  padding: 0.38rem 1.35rem;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
.price-btn-confirm:hover {
  background: #000000;
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}


/* === 2026 FOOTER 5-COLUMN LAYOUT & STYLES === */
.janus-footer {
  background-color: #0E0E0E !important;
  color: #FFFFFF !important;
  padding-top: 4.5rem !important;
  padding-bottom: 2.5rem !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.janus-footer-grid {
  display: grid !important;
  grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr !important;
  gap: 3rem !important;
  margin-bottom: 3.5rem !important;
  align-items: start !important;
}
@media (max-width: 1024px) {
  .janus-footer-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 2.5rem !important;
  }
}
@media (max-width: 640px) {
  .janus-footer-grid {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }
}
.janus-footer-social-row {
  display: flex !important;
  align-items: center !important;
  gap: 0.65rem !important;
  margin-top: 1.5rem !important;
}
.janus-footer-social-link {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.07) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(255, 255, 255, 0.75) !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
}
.janus-footer-social-link:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #FFFFFF !important;
  transform: translateY(-2px) !important;
}
.janus-footer-col h4 {
  font-family: "DM Serif Display", serif !important;
  font-size: 0.92rem !important;
  font-weight: 500 !important;
  color: #FFFFFF !important;
  margin-bottom: 1.5rem !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}
.janus-footer-col ul {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.85rem !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.janus-footer-col a {
  font-size: 0.86rem !important;
  color: rgba(255, 255, 255, 0.65) !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}
.janus-footer-col a:hover {
  color: #FFFFFF !important;
}



/* Google Reviews - Full Complete Text Display */
.testimonials-marquee {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  overflow: hidden;
  position: relative;
  padding: 0.5rem 0;
  mask-image: linear-gradient(to right, transparent 0%, #000 3%, #000 97%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 3%, #000 97%, transparent 100%);
}
.testimonials-track {
  display: flex;
  gap: 1.35rem;
  width: max-content;
  will-change: transform;
  align-items: stretch;
}
.testimonials-track:hover {
  animation-play-state: paused !important;
}
.testimonials-track-left {
  animation: marqueeLeft 105s linear infinite;
}
.testimonials-track-right {
  animation: marqueeRight 105s linear infinite;
  transform: translateX(-50%);
}
.testimonial-card.google-review-card {
  background-color: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 8px !important;
  padding: 1.35rem 1.45rem !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  height: auto !important;
  min-height: 250px !important;
  max-height: none !important;
  flex: 0 0 390px !important;
  min-width: 390px !important;
  max-width: 390px !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
  box-sizing: border-box !important;
  position: relative !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}
.testimonial-card.google-review-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.09) !important;
  border-color: #CBD5E1 !important;
}
.google-review-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.testimonial-stars-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.testimonial-stars {
  display: flex;
  gap: 2px;
  color: #FBBC04;
}
.google-review-time {
  font-size: 0.72rem;
  color: #718096;
  font-weight: 500;
}
.google-review-card .testimonial-quote {
  font-size: 0.84rem !important;
  line-height: 1.55 !important;
  color: #334155 !important;
  flex: 1 1 auto !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  overflow: visible !important;
  white-space: normal !important;
  font-style: normal !important;
  margin: 0.35rem 0 1rem 0 !important;
}
.google-local-guide-tag {
  display: inline-flex;
  align-items: center;
  background: #FFF7ED;
  color: #C2410C;
  border: 1px solid #FFEDD5;
  border-radius: 3px;
  font-size: 0.62rem;
  font-weight: 700;
  padding: 1px 5px;
  margin-left: 6px;
  letter-spacing: 0.02em;
}
.google-review-card .testimonial-author {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding-top: 0.65rem;
  border-top: 1px solid #F1F5F9;
  margin-top: auto;
}
.google-review-card .testimonial-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.88rem;
  color: #FFFFFF;
  flex-shrink: 0;
  text-transform: uppercase;
}
.google-review-card .testimonial-name {
  font-size: 0.85rem;
  font-weight: 700;
  color: #0F172A;
  line-height: 1.2;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.google-review-card .testimonial-location {
  font-size: 0.72rem;
  color: #64748B;
  line-height: 1.3;
  display: block;
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .testimonial-card.google-review-card {
    flex: 0 0 310px !important;
    min-width: 310px !important;
    max-width: 310px !important;
    min-height: 240px !important;
  }
  .testimonials-track-left, .testimonials-track-right {
    animation-duration: 80s;
  }
}


/* Google Official Badge Redesign */
.google-official-badge.google-badge-redesigned {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.85rem !important;
  background: #FFFFFF !important;
  padding: 0.65rem 1.25rem !important;
  border-radius: 12px !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
  user-select: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}
.google-official-badge.google-badge-redesigned:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(66, 133, 244, 0.12) !important;
  border-color: #CBD5E1 !important;
}
.google-badge-g-wrap {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}
.google-badge-main {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}
.google-badge-rating-line {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}
.google-badge-score {
  font-size: 1.45rem !important;
  font-weight: 700 !important;
  color: #202124 !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
  font-family: var(--font-family) !important;
}
.google-badge-stars {
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
}
.google-badge-count {
  font-size: 0.85rem !important;
  color: #5F6368 !important;
  font-weight: 500 !important;
  margin-left: 2px !important;
}
.google-badge-sub {
  font-size: 0.72rem !important;
  color: #80868B !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
}
@media (max-width: 600px) {
  .google-official-badge.google-badge-redesigned {
    padding: 0.5rem 0.9rem !important;
    gap: 0.65rem !important;
  }
  .google-badge-g-wrap {
    width: 32px !important;
    height: 32px !important;
  }
  .google-badge-score {
    font-size: 1.25rem !important;
  }
  .google-badge-count {
    font-size: 0.78rem !important;
  }
}


/* ==========================================================================
   Janus Art Gallery - Luxury Redesigned Footer UI/UX
   ========================================================================== */
.janus-footer {
  background: radial-gradient(circle at 50% 0%, #181614 0%, #0c0b0a 100%) !important;
  color: #E6E4E0 !important;
  padding: 5rem 0 2.5rem !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  position: relative !important;
  overflow: hidden !important;
}
.janus-footer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(212, 163, 115, 0.45) 30%, rgba(200, 65, 38, 0.55) 70%, transparent);
}
.janus-footer-grid {
  display: grid !important;
  grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr !important;
  gap: 3rem !important;
  margin-bottom: 3.75rem !important;
}
.janus-footer-brand-col {
  display: flex !important;
  flex-direction: column !important;
}
.janus-footer-brand-logo {
  display: flex !important;
  align-items: center !important;
  gap: 0.95rem !important;
  text-decoration: none !important;
  margin-bottom: 1.25rem !important;
}
.janus-footer-brand-logo:hover .janus-footer-logo-icon {
  transform: scale(1.05);
  box-shadow: 0 0 16px rgba(212, 163, 115, 0.35);
}
.janus-footer-logo-icon {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background: #FFFFFF !important;
  padding: 3px !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45) !important;
  border: 1px solid rgba(212, 163, 115, 0.3) !important;
  transition: all 0.25s ease !important;
}
.janus-footer-brand-text {
  display: flex !important;
  flex-direction: column !important;
}
.janus-footer-brand-name {
  font-family: "DM Serif Display", Georgia, serif !important;
  font-size: 1.4rem !important;
  letter-spacing: 0.16em !important;
  color: #FFFFFF !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
}
.janus-footer-brand-sub {
  font-size: 0.68rem !important;
  letter-spacing: 0.26em !important;
  color: #D4A373 !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  margin-top: 3px !important;
}
.janus-footer-address {
  color: #A3A19B !important;
  font-size: 0.84rem !important;
  line-height: 1.65 !important;
  margin-top: 0.5rem !important;
  margin-bottom: 1.5rem !important;
  padding-left: 2px !important;
}
.janus-footer-social-row {
  display: flex !important;
  align-items: center !important;
  gap: 0.65rem !important;
  margin-top: auto !important;
}
.janus-footer-social-link {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #CCCCCC !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.25s ease !important;
}
.janus-footer-social-link:hover {
  background: var(--brand-primary, #C84126) !important;
  color: #FFFFFF !important;
  border-color: var(--brand-primary, #C84126) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 4px 12px rgba(200, 65, 38, 0.35) !important;
}
.janus-footer-col {
  display: flex !important;
  flex-direction: column !important;
}
.janus-footer-col h4 {
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #FFFFFF !important;
  margin-bottom: 1.35rem !important;
  position: relative !important;
  padding-bottom: 0.5rem !important;
}
.janus-footer-col h4:after, .janus-footer-col h4::after, .footer-col-title:after, .footer-col-title::after { display: none !important; content: none !important; }
.janus-footer-col ul {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.janus-footer-col a {
  font-size: 0.84rem !important;
  color: #A3A19B !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1.4 !important;
}
.janus-footer-col a:hover {
  color: #FFFFFF !important;
  transform: translateX(4px) !important;
  padding-left: 2px !important;
}
.janus-footer-divider {
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.12) 15%, rgba(212, 163, 115, 0.25) 50%, rgba(255, 255, 255, 0.12) 85%, transparent) !important;
  margin-bottom: 2.25rem !important;
}
.janus-footer-bottom-wrapper {
  display: flex !important;
  flex-direction: column !important;
  gap: 1.5rem !important;
}
.janus-footer-bottom-top-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 1.5rem !important;
}
.janus-footer-currency-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.65rem !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 6px !important;
  padding: 0.55rem 1rem !important;
  color: #E2E0DA !important;
  font-size: 0.8rem !important;
  font-family: inherit !important;
  cursor: pointer !important;
  transition: all 0.22s ease !important;
}
.janus-footer-currency-btn:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 163, 115, 0.5) !important;
  color: #FFFFFF !important;
  transform: translateY(-1px) !important;
}
.janus-footer-currency-btn strong {
  color: #FFFFFF !important;
  font-weight: 700 !important;
}
.janus-footer-legal-nav {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0.95rem !important;
}
.janus-footer-legal-nav a {
  font-size: 0.78rem !important;
  color: #8E8C85 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}
.janus-footer-legal-nav a:hover {
  color: #FFFFFF !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
.janus-footer-legal-nav .footer-dot {
  font-size: 0.55rem !important;
  color: rgba(255, 255, 255, 0.2) !important;
}
.janus-footer-bottom-sub-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 1rem !important;
  padding-top: 1.25rem !important;
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
  font-size: 0.74rem !important;
  color: #6E6D67 !important;
  line-height: 1.5 !important;
}
.footer-copyright-text {
  color: #8E8C85 !important;
}
.footer-security-text {
  color: #6E6D67 !important;
}
.footer-security-text a {
  color: #8E8C85 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  transition: color 0.15s ease !important;
}
.footer-security-text a:hover {
  color: #FFFFFF !important;
}
@media (max-width: 1024px) {
  .janus-footer-grid {
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 2.5rem !important;
  }
  .janus-footer-brand-col {
    grid-column: 1 / -1 !important;
    margin-bottom: 0.5rem !important;
  }
}
@media (max-width: 768px) {
  .janus-footer {
    padding: 3.5rem 0 2rem !important;
  }
  .janus-footer-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 2rem 1.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .janus-footer-bottom-top-row {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1.25rem !important;
  }
  .janus-footer-bottom-sub-row {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.75rem !important;
  }
}
@media (max-width: 480px) {
  .janus-footer-grid {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }
}


/* ==========================================================================
   Janus Footer - Ultra Luxury Brand Column UI/UX
   ========================================================================== */
.janus-footer-brand-col {
  display: flex !important;
  flex-direction: column !important;
  gap: 1.25rem !important;
  padding-right: 1rem !important;
}
.janus-footer-brand-logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 1rem !important;
  text-decoration: none !important;
  width: fit-content !important;
  transition: transform 0.25s ease !important;
}
.janus-footer-brand-logo:hover {
  transform: translateY(-2px) !important;
}
.janus-footer-logo-icon {
  width: 52px !important;
  height: 52px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 30% 30%, #FFFFFF 60%, #F5F5F0 100%) !important;
  padding: 3px !important;
  border: 1.5px solid rgba(212, 163, 115, 0.45) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5), 0 0 12px rgba(212, 163, 115, 0.2) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  flex-shrink: 0 !important;
}
.janus-footer-brand-logo:hover .janus-footer-logo-icon {
  border-color: rgba(212, 163, 115, 0.85) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6), 0 0 20px rgba(212, 163, 115, 0.45) !important;
  transform: rotate(3deg) scale(1.04) !important;
}
.janus-footer-brand-text {
  display: flex !important;
  flex-direction: column !important;
}
.janus-footer-brand-name {
  font-family: "DM Serif Display", Georgia, serif !important;
  font-size: 1.5rem !important;
  letter-spacing: 0.18em !important;
  color: #FFFFFF !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
}
.janus-footer-brand-sub {
  font-size: 0.65rem !important;
  letter-spacing: 0.28em !important;
  color: #D4A373 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  margin-top: 4px !important;
}
.janus-footer-address-box {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.85rem !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-left: 2px solid #D4A373 !important;
  border-radius: 0 10px 10px 0 !important;
  padding: 0.85rem 1.1rem !important;
  backdrop-filter: blur(8px) !important;
  transition: all 0.25s ease !important;
}
.janus-footer-address-box:hover {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(212, 163, 115, 0.25) !important;
  border-left-color: #E07A5F !important;
  transform: translateX(2px) !important;
}
.janus-footer-address-icon {
  color: #D4A373 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 2px !important;
  flex-shrink: 0 !important;
}
.janus-footer-address {
  color: #B5B2AB !important;
  font-size: 0.82rem !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.janus-footer-social-row {
  display: flex !important;
  align-items: center !important;
  gap: 0.65rem !important;
  margin-top: 0.25rem !important;
}
.janus-footer-social-link {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #B0ADA6 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  text-decoration: none !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
}
.janus-footer-social-link:hover {
  background: linear-gradient(135deg, #C84126 0%, #D4A373 100%) !important;
  color: #FFFFFF !important;
  border-color: transparent !important;
  transform: translateY(-3px) scale(1.08) !important;
  box-shadow: 0 6px 16px rgba(200, 65, 38, 0.4), 0 0 10px rgba(212, 163, 115, 0.3) !important;
}
.janus-footer-social-link svg {
  transition: transform 0.2s ease !important;
}
.janus-footer-social-link:hover svg {
  transform: scale(1.08) !important;
}


/* ==========================================================================
   Contact Us Page - Premium Luxury Redesign
   ========================================================================== */

/* Hero Banner */
.contact-page-hero {
  background: linear-gradient(135deg, #0F0D0B 0%, #1A1714 35%, #231E19 100%) !important;
  border-bottom: none !important;
  padding: 4.5rem 0 4rem !important;
  position: relative !important;
  overflow: hidden !important;
}
.contact-page-hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(ellipse at 50% 120%, rgba(200, 65, 38, 0.08) 0%, transparent 65%);
  pointer-events: none;
}
.contact-page-hero::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(212, 163, 115, 0.4) 30%, rgba(200, 65, 38, 0.5) 70%, transparent);
}

/* Contact Info Cards */
.contact-info-card {
  background: #FFFFFF !important;
  padding: 2rem 2rem 1.75rem !important;
  border-radius: 12px !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.03) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
  overflow: hidden !important;
}
.contact-info-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--brand-primary, #C84126), #D4A373);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.contact-info-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(200, 65, 38, 0.06) !important;
  border-color: rgba(200, 65, 38, 0.12) !important;
}
.contact-info-card:hover::before {
  opacity: 1;
}
.contact-info-card-icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.25rem !important;
  flex-shrink: 0 !important;
  transition: transform 0.3s ease !important;
}
.contact-info-card:hover .contact-info-card-icon {
  transform: scale(1.1) rotate(5deg) !important;
}
.contact-info-card-icon.location {
  background: linear-gradient(135deg, #FEE2E2 0%, #FECACA 100%) !important;
}
.contact-info-card-icon.phone {
  background: linear-gradient(135deg, #DCFCE7 0%, #BBF7D0 100%) !important;
}
.contact-info-card-icon.email {
  background: linear-gradient(135deg, #DBEAFE 0%, #BFDBFE 100%) !important;
}
.contact-info-card h3 {
  font-size: 1.05rem !important;
  font-family: 'DM Serif Display', serif !important;
  margin: 0 !important;
  color: #111 !important;
  font-weight: 400 !important;
}
.contact-info-card p {
  font-size: 0.86rem !important;
  line-height: 1.65 !important;
  color: #555 !important;
  margin: 0 !important;
}
.contact-info-card .card-action-link {
  margin-top: auto !important;
  padding-top: 0.65rem !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: all 0.2s ease !important;
}
.contact-info-card .card-action-link:hover {
  gap: 10px !important;
}

/* Form Card Container */
.contact-form-container {
  background: #FFFFFF !important;
  padding: clamp(2rem, 3.5vw, 3rem) !important;
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.06), 0 2px 6px rgba(0, 0, 0, 0.03) !important;
}

/* Form Inputs */
.contact-form .form-input,
.contact-form .form-textarea,
.contact-form select.form-input {
  width: 100% !important;
  padding: 0.75rem 1rem !important;
  border: 1.5px solid #E5E7EB !important;
  border-radius: 10px !important;
  font-size: 0.88rem !important;
  background: #FAFAF9 !important;
  color: #111 !important;
  transition: all 0.25s ease !important;
  outline: none !important;
  font-family: inherit !important;
}
.contact-form .form-input:focus,
.contact-form .form-textarea:focus,
.contact-form select.form-input:focus {
  border-color: var(--brand-primary, #C84126) !important;
  background: #FFFFFF !important;
  box-shadow: 0 0 0 3px rgba(200, 65, 38, 0.08) !important;
}
.contact-form .form-input::placeholder,
.contact-form .form-textarea::placeholder {
  color: #A1A1AA !important;
}
.contact-form label {
  display: block !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  margin-bottom: 0.4rem !important;
  color: #374151 !important;
  letter-spacing: 0.02em !important;
}
.contact-form .form-textarea {
  min-height: 120px !important;
  resize: vertical !important;
}

/* Submit Button */
.contact-form .btn-primary {
  width: 100% !important;
  padding: 0.9rem 1.5rem !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  background: linear-gradient(135deg, #C84126 0%, #A0331E 100%) !important;
  border: none !important;
  color: #FFFFFF !important;
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 4px 14px rgba(200, 65, 38, 0.25) !important;
}
.contact-form .btn-primary:hover {
  background: linear-gradient(135deg, #B33A22 0%, #8B2B1A 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(200, 65, 38, 0.35) !important;
}

/* Success State */
.contact-success-box {
  padding: 2.5rem !important;
  background: linear-gradient(135deg, #F0FDF4 0%, #ECFDF5 100%) !important;
  border: 1px solid #A7F3D0 !important;
  border-radius: 12px !important;
  text-align: center !important;
}

/* Visiting Info */
.contact-visiting-info {
  background: linear-gradient(135deg, #FAF9F6 0%, #F5F2EC 100%) !important;
  padding: 1.5rem !important;
  border-radius: 12px !important;
  margin-bottom: 1.25rem !important;
  border: 1px solid rgba(0, 0, 0, 0.04) !important;
}

/* Map Container */
.contact-map-container {
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid #E5E7EB !important;
  height: 220px !important;
  position: relative !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
}

@media (max-width: 768px) {
  .contact-page-hero {
    padding: 3rem 0 2.5rem !important;
  }
}



/* ==========================================================================
   Janus Art Gallery Design System - Contact Cards & Buttons
   ========================================================================== */
.contact-info-card {
  background: #FFFFFF !important;
  padding: 2.25rem 2rem 1.85rem !important;
  border-radius: 4px !important;
  border: 1px solid var(--border-medium, rgba(0, 0, 0, 0.09)) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1.15rem !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
  box-sizing: border-box !important;
}
.contact-info-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08) !important;
  border-color: rgba(200, 65, 38, 0.25) !important;
}
.contact-card-header {
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
  padding-bottom: 1rem !important;
  border-bottom: 1px solid var(--border-subtle, rgba(0, 0, 0, 0.06)) !important;
}
.contact-info-badge {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  background: var(--bg-warm, #FAF8F5) !important;
  border: 1px solid rgba(200, 65, 38, 0.22) !important;
  color: var(--brand-primary, #C84126) !important;
  transition: all 0.25s ease !important;
}
.contact-info-card:hover .contact-info-badge {
  background: var(--brand-primary, #C84126) !important;
  color: #FFFFFF !important;
  border-color: var(--brand-primary, #C84126) !important;
  transform: scale(1.05) !important;
}
.contact-card-title-wrap {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}
.contact-card-tag {
  font-size: 0.68rem !important;
  letter-spacing: 0.16em !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: var(--brand-primary, #C84126) !important;
  line-height: 1 !important;
}
.contact-card-title {
  font-size: 1.22rem !important;
  font-family: 'DM Serif Display', Georgia, serif !important;
  font-weight: 400 !important;
  color: var(--text-primary, #191919) !important;
  margin: 0 !important;
  line-height: 1.15 !important;
}
.contact-card-body {
  font-size: 0.88rem !important;
  line-height: 1.65 !important;
  color: var(--text-secondary, #555555) !important;
  margin: 0 !important;
}
.contact-card-link {
  color: var(--text-primary, #191919) !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  transition: color 0.2s ease !important;
}
.contact-card-link:hover {
  color: var(--brand-primary, #C84126) !important;
}
.contact-card-link.primary-link {
  color: var(--brand-primary, #C84126) !important;
}
.contact-card-subtext {
  font-size: 0.8rem !important;
  color: var(--text-muted, #777777) !important;
  display: inline-block !important;
  margin-top: 4px !important;
}
.contact-card-btn {
  margin-top: auto !important;
  padding: 0.8rem 1.25rem !important;
  border-radius: 2px !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  transition: all 0.22s ease !important;
  box-sizing: border-box !important;
  font-family: inherit !important;
  border: 1px solid var(--color-black, #191919) !important;
  background: transparent !important;
  color: var(--color-black, #191919) !important;
}
.contact-card-btn .btn-arrow {
  transition: transform 0.2s ease !important;
  display: inline-block !important;
}
.contact-card-btn:hover .btn-arrow {
  transform: translateX(4px) !important;
}
.contact-card-btn:hover {
  background: var(--color-black, #191919) !important;
  color: #FFFFFF !important;
  border-color: var(--color-black, #191919) !important;
}
.contact-card-btn.location-btn {
  border-color: var(--brand-primary, #C84126) !important;
  color: var(--brand-primary, #C84126) !important;
}
.contact-card-btn.location-btn:hover {
  background: var(--brand-primary, #C84126) !important;
  color: #FFFFFF !important;
  border-color: var(--brand-primary, #C84126) !important;
}
.contact-card-btn.whatsapp-btn {
  border-color: #15803D !important;
  color: #15803D !important;
}
.contact-card-btn.whatsapp-btn:hover {
  background: #15803D !important;
  color: #FFFFFF !important;
  border-color: #15803D !important;
}
.contact-card-btn.email-btn {
  border-color: var(--color-black, #191919) !important;
  color: var(--color-black, #191919) !important;
}
.contact-card-btn.email-btn:hover {
  background: var(--color-black, #191919) !important;
  color: #FFFFFF !important;
  border-color: var(--color-black, #191919) !important;
}


/* ==========================================================================
   Homepage Motto Banner - Full Justified & Balanced Typography
   ========================================================================== */
.joy-living-header {
  margin-bottom: 2.5rem !important;
  text-align: center !important;
  width: 100% !important;
}
.joy-living-header h2,
.joy-living-banner-title {
  color: var(--brand-primary, #C84126) !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.4 !important;
  text-transform: uppercase !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  column-gap: 0.9rem !important;
  row-gap: 0.45rem !important;
  width: 100% !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  font-size: clamp(0.98rem, 1.8vw, 1.45rem) !important;
  text-align: center !important;
  font-family: var(--font-family, "DM Sans", sans-serif) !important;
}
.joy-living-banner-phrase {
  display: inline-block !important;
  white-space: nowrap !important;
  color: var(--brand-primary, #C84126) !important;
  letter-spacing: inherit !important;
}
.joy-living-orange-dot {
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  border-radius: 50% !important;
  background-color: var(--brand-primary, #C84126) !important;
  box-shadow: 0 2px 8px rgba(200, 65, 38, 0.28) !important;
  flex-shrink: 0 !important;
  margin: 0 0.15rem !important;
}
@media (max-width: 860px) {
  .joy-living-banner-phrase {
    white-space: normal !important;
    text-align: center !important;
  }
  .joy-living-orange-dot {
    display: none !important;
  }
  .joy-living-banner-title {
    font-size: 1.05rem !important;
    gap: 0.4rem !important;
  }
}


/* Redesigned Luxury Cart & Nav Icon Button */
.janus-nav-icon-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #1C1917 !important;
  text-decoration: none !important;
  position: relative !important;
  padding: 0 !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  transition: all 0.2s ease !important;
}
.janus-nav-icon-btn:hover {
  background-color: var(--brand-primary-subtle, rgba(200, 65, 38, 0.08)) !important;
  color: var(--brand-primary, #C84126) !important;
  transform: translateY(-1px) !important;
}
.janus-cart-nav-btn:hover svg {
  transform: scale(1.06);
  transition: transform 0.2s ease;
}


/* Top Announcement Bar Smooth Infinite Marquee */
.announcement-bar {
  background-color: #0F0E0D !important;
  color: #FFFFFF !important;
  font-size: 0.74rem !important;
  font-weight: 500 !important;
  height: 36px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
  z-index: 60 !important;
  overflow: hidden !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.top-marquee-container {
  flex: 1 !important;
  overflow: hidden !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  mask-image: linear-gradient(to right, transparent 0%, black 2%, black 92%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 2%, black 92%, transparent 100%);
}

.top-marquee-track {
  display: flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  width: max-content !important;
  animation: topMarqueeScroll 38s linear infinite !important;
  will-change: transform !important;
}

.top-marquee-container:hover .top-marquee-track {
  animation-play-state: paused !important;
}

@keyframes topMarqueeScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.top-marquee-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  padding: 0 1.25rem !important;
  color: rgba(255, 255, 255, 0.9) !important;
  text-decoration: none !important;
  font-size: 0.74rem !important;
  letter-spacing: 0.02em !important;
  transition: color 0.15s ease !important;
}

.top-marquee-item:hover {
  color: #FF8A65 !important;
}

.top-marquee-tag {
  background: rgba(200, 65, 38, 0.28) !important;
  color: #FF8A65 !important;
  padding: 2px 8px !important;
  border-radius: 10px !important;
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  border: 1px solid rgba(200, 65, 38, 0.45) !important;
}

.top-marquee-separator {
  color: var(--brand-primary, #C84126) !important;
  opacity: 0.65 !important;
  font-size: 0.65rem !important;
}

/* About Section Perfection Justification */
.about-justified-text, .about-justified-text p {
  text-align: justify !important;
  text-justify: inter-word !important;
  text-align-last: left !important;
  -webkit-hyphens: auto !important;
  -ms-hyphens: auto !important;
  hyphens: auto !important;
  line-height: 1.85 !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

/* Centered Joy Living Category & Curator Cards */
.joy-living-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}
.joy-living-title {
  text-align: center !important;
  font-size: 1.12rem !important;
  font-weight: 700 !important;
  margin: 0.65rem 0 0.75rem 0 !important;
}

/* Artwork Card Perfect Horizontal Alignment */
.artwork-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  background: #FFFFFF !important;
  border-radius: 4px !important;
  overflow: hidden !important;
}
.artwork-content {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  padding: 0.65rem 0.6rem 0.75rem !important;
}
.artwork-artist-name {
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  color: var(--text-primary) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.3 !important;
  margin-bottom: 0.15rem !important;
}
.artwork-title {
  font-size: 0.86rem !important;
  font-style: italic !important;
  font-weight: 500 !important;
  color: var(--text-primary) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.3 !important;
  margin-bottom: 0.2rem !important;
}
.artwork-meta {
  font-size: 0.74rem !important;
  color: var(--text-muted) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.3 !important;
  margin-bottom: 0.5rem !important;
}
.artwork-footer {
  margin-top: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.5rem !important;
  padding-top: 0.45rem !important;
  min-height: 32px !important;
}


/* Modern Elegant All-White Top Announcement Bar */
.announcement-bar {
  background-color: #0E0D0C !important;
  color: #FFFFFF !important;
  font-size: 0.72rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
  height: 36px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
  z-index: 60 !important;
  overflow: hidden !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
}

.top-marquee-container {
  flex: 1 !important;
  overflow: hidden !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  mask-image: linear-gradient(to right, transparent 0%, black 2%, black 90%, transparent 100%) !important;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 2%, black 90%, transparent 100%) !important;
}

.top-marquee-track {
  display: flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  width: max-content !important;
  animation: topMarqueeScroll 42s linear infinite !important;
  will-change: transform !important;
}

.top-marquee-container:hover .top-marquee-track {
  animation-play-state: paused !important;
}

@keyframes topMarqueeScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.top-marquee-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0 0.5rem !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  font-size: 0.72rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
}

.top-marquee-item a {
  color: #FFFFFF !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  transition: opacity 0.2s ease !important;
}

.top-marquee-item a:hover {
  opacity: 0.75 !important;
}

.top-marquee-dot {
  color: rgba(255, 255, 255, 0.4) !important;
  margin: 0 1.25rem !important;
  font-size: 0.75rem !important;
}


/* ==========================================================================
   JANUS ART GALLERY - COMPREHENSIVE MOBILE & TABLET OPTIMIZATION (ALL PAGES)
   ========================================================================== */

/* 1. Global Viewport, Smooth Physics & Overflow Shield */
html, body {
  overflow-x: hidden !important;
  max-width: 100vw !important;
  width: 100% !important;
  -webkit-text-size-adjust: 100% !important;
  -webkit-tap-highlight-color: transparent !important;
  touch-action: manipulation !important;
}

*, *::before, *::after {
  box-sizing: border-box !important;
}

img, video, canvas, iframe {
  max-width: 100% !important;
  height: auto;
}

/* 2. Top Header, Announcement Bar & Mobile Navigation Drawer */
@media (max-width: 768px) {
  .announcement-bar {
    height: 34px !important;
    font-size: 0.68rem !important;
    padding: 0 0.5rem !important;
  }
  .top-marquee-item {
    font-size: 0.68rem !important;
    padding: 0 0.35rem !important;
  }
  .top-marquee-dot {
    margin: 0 0.75rem !important;
  }
  .header-wrapper {
    height: 58px !important;
  }
  .header-inner {
    padding: 0 0.75rem !important;
  }
  .janus-brand-logo .janus-logo-icon {
    width: 34px !important;
    height: 34px !important;
  }
  .janus-logo-text {
    font-size: 0.92rem !important;
    letter-spacing: 0.03em !important;
  }
  .janus-search-box {
    display: none !important;
  }
  .header-right-group {
    gap: 0.65rem !important;
  }
  .mobile-drawer {
    width: 88vw !important;
    max-width: 340px !important;
  }
}

/* 3. Homepage Mobile Flow & Touch Scaling */
@media (max-width: 768px) {
  .container {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .hero-section {
    padding: 1.5rem 0 2rem !important;
  }
  .hero-video-wrapper {
    border-radius: 4px !important;
    aspect-ratio: 16 / 9 !important;
  }
  .hero-title {
    font-size: clamp(1.5rem, 6vw, 2.2rem) !important;
    line-height: 1.25 !important;
  }
  .hero-subtitle {
    font-size: 0.85rem !important;
    line-height: 1.5 !important;
  }
  .art-match-premium-card {
    padding: 1.5rem 1rem !important;
  }
  .art-match-prompt-form {
    flex-direction: column !important;
    gap: 0.75rem !important;
  }
  .art-match-prompt-form input,
  .art-match-prompt-form button {
    width: 100% !important;
  }
  .joy-living-section {
    padding: 2.25rem 0 !important;
  }
  .joy-living-header {
    margin-bottom: 1.5rem !important;
  }
  .joy-living-banner-title {
    font-size: 1.1rem !important;
    line-height: 1.35 !important;
  }
  .joy-living-grid, .curator-spotlight-box {
    grid-template-columns: 1fr !important;
    gap: 1.25rem !important;
  }
  .upcoming-exhibition-section {
    padding: 2.5rem 0 !important;
  }
  .upcoming-exh-grid {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
  }
  .faq-section {
    padding: 2.5rem 0 !important;
  }
  .faq-container {
    padding: 0 !important;
  }
  .faq-item-question {
    font-size: 0.88rem !important;
    padding: 0.85rem 0.5rem !important;
  }
  .faq-item-answer {
    font-size: 0.82rem !important;
    line-height: 1.55 !important;
  }
}

/* 4. Artworks & Shop Catalog Grid on Mobile */
@media (max-width: 768px) {
  .artworks-catalog-grid, .grid-3, .grid-4 {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.65rem !important;
  }
  .artwork-card {
    border-radius: 4px !important;
    background: #FFFFFF !important;
  }
  .artwork-content {
    padding: 0.5rem 0.45rem 0.6rem !important;
  }
  .artwork-artist-name {
    font-size: 0.72rem !important;
    line-height: 1.25 !important;
    margin-bottom: 0.1rem !important;
  }
  .artwork-title {
    font-size: 0.78rem !important;
    line-height: 1.25 !important;
    margin-bottom: 0.15rem !important;
  }
  .artwork-meta {
    font-size: 0.68rem !important;
    margin-bottom: 0.35rem !important;
  }
  .artwork-footer {
    padding-top: 0.3rem !important;
    min-height: 28px !important;
  }
  .artwork-footer a {
    padding: 5px 10px !important;
    font-size: 0.66rem !important;
  }
  .artwork-footer span {
    font-size: 0.82rem !important;
  }
}

@media (max-width: 480px) {
  .artworks-catalog-grid, .grid-3, .grid-4 {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.5rem !important;
  }
  .artwork-footer a {
    padding: 4px 8px !important;
    font-size: 0.62rem !important;
  }
  .artwork-footer span {
    font-size: 0.78rem !important;
  }
}

/* 5. Artwork Detail Page Mobile Responsiveness */
@media (max-width: 900px) {
  .artwork-detail-grid {
    grid-template-columns: 1fr !important;
    gap: 1.75rem !important;
  }
  .artwork-detail-image-container {
    min-height: 320px !important;
    padding: 1.25rem !important;
  }
  .artwork-detail-info-pane h1 {
    font-size: 1.65rem !important;
    line-height: 1.25 !important;
  }
}

/* 6. Artists Directory & Detail Profiles on Mobile */
@media (max-width: 768px) {
  .artists-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.75rem !important;
  }
  .artist-header-grid {
    grid-template-columns: 1fr !important;
    gap: 1.25rem !important;
    text-align: center !important;
  }
  .artist-portrait-wrap {
    margin: 0 auto !important;
    width: 130px !important;
    height: 130px !important;
  }
  .artist-nav-tabs {
    overflow-x: auto !important;
    white-space: nowrap !important;
    padding-bottom: 0.5rem !important;
    -webkit-overflow-scrolling: touch !important;
    display: flex !important;
    gap: 0.5rem !important;
  }
}

/* 7. Exhibitions Page & Detail Pages on Mobile */
@media (max-width: 768px) {
  .exhibitions-grid {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
  }
  .exhibition-details-grid {
    grid-template-columns: 1fr !important;
    gap: 1.75rem !important;
  }
  .exhibition-catalogue-box {
    grid-template-columns: 1fr !important;
    padding: 1.5rem 1rem !important;
    gap: 1.25rem !important;
    text-align: center !important;
  }
}

/* 8. About Us, Art Advisory, Contact Pages on Mobile */
@media (max-width: 768px) {
  .about-hero-section {
    padding: 2.25rem 0 1.75rem !important;
  }
  .about-justified-text {
    text-align: left !important;
    font-size: 0.88rem !important;
    line-height: 1.6 !important;
  }
  .advisory-form-container {
    padding: 1.5rem 1rem !important;
    margin: 0 !important;
    width: 100% !important;
  }
  .contact-grid {
    grid-template-columns: 1fr !important;
    gap: 1.75rem !important;
  }
}

/* 9. Footer Columns & Bottom Bar on Mobile */
@media (max-width: 768px) {
  .janus-footer {
    padding: 2.75rem 0 1.75rem !important;
  }
  .janus-footer-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 1.75rem 1.25rem !important;
  }
  .janus-footer-brand-col {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 480px) {
  .janus-footer-grid {
    grid-template-columns: 1fr !important;
    gap: 1.75rem !important;
  }
  .janus-footer-pillars-bar {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }
}


/* Gallery Moment Card Two-Line Alignment */
.gallery-moment-card h3 {
  font-size: 0.92rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  margin-bottom: 0.35rem !important;
  min-height: 2.6em !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.gallery-moment-card p {
  font-size: 0.78rem !important;
  color: var(--text-secondary) !important;
  line-height: 1.45 !important;
  min-height: 2.8em !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}


/* About Page Heritage Justification */
.about-heritage-card,
.about-heritage-card p {
  text-align: justify !important;
  text-justify: inter-word !important;
}


/* 3D Spatial Sculpture Studio Styling */
.sculpture-3d-container {
  will-change: transform;
}

.plinth-black {
  background: linear-gradient(180deg, #383838 0%, #1E1E1E 40%, #0D0D0D 100%) !important;
  border-top: 2px solid #666 !important;
  box-shadow: inset 0 2px 4px rgba(255,255,255,0.18), 0 20px 38px rgba(0,0,0,0.65) !important;
}

.plinth-white {
  background: linear-gradient(180deg, #FFFFFF 0%, #ECECEC 50%, #D4D4D4 100%) !important;
  border-top: 2px solid #FFF !important;
  box-shadow: inset 0 2px 4px rgba(255,255,255,0.9), 0 18px 32px rgba(0,0,0,0.45) !important;
}

.plinth-oak {
  background: linear-gradient(180deg, #C9A070 0%, #A2774D 55%, #7D5632 100%) !important;
  border-top: 2px solid #E2BD93 !important;
  box-shadow: inset 0 2px 4px rgba(255,255,255,0.28), 0 20px 36px rgba(0,0,0,0.55) !important;
}

.plinth-gold {
  background: linear-gradient(180deg, #F0CC66 0%, #C49B32 50%, #94721C 100%) !important;
  border-top: 2px solid #FFF0AA !important;
  box-shadow: inset 0 2px 4px rgba(255,255,255,0.45), 0 20px 36px rgba(0,0,0,0.55) !important;
}

.plinth-none {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* ==========================================================================
   COLLECTION OF MASTERS HEADER (Desktop single line + Mobile responsive)
   ========================================================================== */
.joy-living-section {
  padding: 3.5rem 0 3rem;
  width: 100%;
  overflow: hidden;
}

.joy-living-header {
  text-align: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto 2.5rem auto !important;
  padding: 0 1rem !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.joy-living-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 8px !important;
  padding: 6px 18px !important;
  border-radius: 30px !important;
  background-color: rgba(200,65,38,0.06) !important;
  border: 1px solid rgba(200,65,38,0.2) !important;
  margin: 0 auto 1rem auto !important;
  max-width: 95% !important;
}

.joy-living-badge-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background-color: var(--brand-primary, #C84126) !important;
  box-shadow: 0 0 8px rgba(200,65,38,0.6) !important;
  flex-shrink: 0 !important;
}

.joy-living-badge-text {
  color: var(--brand-primary, #C84126) !important;
  font-size: clamp(0.72rem, 1.3vw, 0.84rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.joy-living-header h2,
.collection-masters-title {
  color: var(--brand-primary, #C84126) !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto 0.85rem auto !important;
  font-size: clamp(0.72rem, 2.1vw, 1.55rem) !important;
}

.joy-living-divider {
  width: 48px !important;
  height: 3px !important;
  background-color: var(--brand-primary, #C84126) !important;
  margin: 0.75rem auto 0 !important;
  border-radius: 2px !important;
}

@media (min-width: 769px) {
  .collection-masters-title {
    white-space: nowrap !important;
  }
}

@media (max-width: 768px) {
  .joy-living-section {
    padding: 2.25rem 0 2rem !important;
  }
  .joy-living-header {
    margin-bottom: 1.5rem !important;
    padding: 0 0.5rem !important;
    text-align: center !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .joy-living-badge {
    padding: 5px 14px !important;
    gap: 6px !important;
    margin: 0 auto 0.75rem auto !important;
    max-width: 96% !important;
  }
  .joy-living-badge-text {
    font-size: clamp(0.58rem, 2.3vw, 0.75rem) !important;
    letter-spacing: 0.06em !important;
    text-align: center !important;
    white-space: nowrap !important;
  }
  .joy-living-header h2,
  .collection-masters-title {
    font-size: clamp(0.82rem, 3.6vw, 1.15rem) !important;
    white-space: normal !important;
    text-align: center !important;
    justify-content: center !important;
    max-width: 94% !important;
    margin: 0 auto 0.5rem auto !important;
    letter-spacing: 0.01em !important;
    line-height: 1.35 !important;
  }
  .joy-living-divider {
    margin: 0.5rem auto 0 !important;
  }
}

@media (max-width: 380px) {
  .joy-living-badge {
    padding: 4px 10px !important;
  }
  .joy-living-badge-text {
    font-size: 0.55rem !important;
    letter-spacing: 0.04em !important;
  }
  .joy-living-header h2,
  .collection-masters-title {
    font-size: 0.78rem !important;
    max-width: 96% !important;
  }
}

/* ==========================================================================
   HOME ART JOURNAL SECTION (Desktop 3-col + Luxury Mobile Editorial Stack)
   ========================================================================== */
.home-journal-section {
  padding: 4rem 0;
  background-color: #FFFFFF;
}

.home-journal-read-link {
  display: none;
}

.home-journal-mobile-footer {
  display: none;
}

@media (max-width: 768px) {
  .home-journal-section {
    padding: 2.75rem 0 2.25rem !important;
  }

  .home-journal-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.4rem !important;
    margin-bottom: 1.5rem !important;
  }

  .home-journal-header h2 {
    font-size: 1.45rem !important;
    margin: 0 !important;
    font-weight: 700 !important;
  }

  .home-journal-view-all {
    display: none !important;
  }

  .home-journal-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.25rem !important;
  }

  .home-journal-card {
    background: #FFFFFF !important;
    border: 1px solid var(--border-subtle, #EDE8E1) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.04) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  }

  .home-journal-img-wrap {
    width: 100% !important;
    height: 195px !important;
    aspect-ratio: 16 / 9 !important;
    margin-bottom: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
  }

  .home-journal-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .home-journal-body {
    padding: 1.15rem 1.15rem 1.25rem !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .home-journal-meta {
    font-size: 0.72rem !important;
    color: var(--brand-primary, #C84126) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    margin-bottom: 0.35rem !important;
  }

  .home-journal-title {
    font-size: 1.08rem !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: var(--text-primary, #111) !important;
    margin: 0 0 0.45rem 0 !important;
  }

  .home-journal-excerpt {
    font-size: 0.84rem !important;
    color: var(--text-secondary, #666) !important;
    line-height: 1.5 !important;
    margin: 0 0 0.85rem 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .home-journal-read-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    color: var(--brand-primary, #C84126) !important;
    margin-top: auto !important;
  }

  .home-journal-mobile-footer {
    display: block !important;
    margin-top: 1.5rem !important;
  }
}


/* ==========================================================================
   ABOUT PAGE INTRO & HERITAGE CARD (Desktop 2-Col + Responsive Mobile)
   ========================================================================== */
.about-intro-container {
  padding-top: 5rem;
}

.about-intro-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 4.5rem;
  align-items: center;
}

.about-heritage-card {
  background: var(--bg-warm, #F9F6F0);
  border-left: 4px solid var(--brand-primary, #C84126);
  padding: 1.6rem 1.85rem;
  margin-bottom: 1.75rem;
  border-radius: 0 4px 4px 0;
  box-shadow: 0 2px 10px rgba(0,0,0,0.03);
}

@media (max-width: 992px) {
  .about-intro-container {
    padding-top: 3.5rem !important;
  }
  .about-intro-grid {
    grid-template-columns: 1fr !important;
    gap: 2.5rem !important;
  }
}

@media (max-width: 768px) {
  .about-intro-container {
    padding-top: 2.25rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .about-intro-grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
    width: 100% !important;
  }

  .about-heritage-card {
    padding: 1.35rem 1.15rem !important;
    margin-bottom: 1.5rem !important;
    border-left: 3.5px solid var(--brand-primary, #C84126) !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .about-heritage-card,
  .about-heritage-card p {
    text-align: left !important;
    text-justify: auto !important;
    font-size: 0.92rem !important;
    line-height: 1.68 !important;
  }
}


/* ==========================================================================
   FOOTER BOTTOM MOBILE UI/UX FIX (<= 768px)
   ========================================================================== */
@media (max-width: 768px) {
  .janus-footer-bottom-wrapper {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 1.25rem !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .janus-footer-bottom-top-row {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 1rem !important;
  }

  .janus-footer-currency-btn {
    margin: 0 auto !important;
    align-self: center !important;
  }

  .janus-footer-legal-nav {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 0.35rem 0.65rem !important;
    width: 100% !important;
  }

  .janus-footer-legal-nav a {
    font-size: 0.74rem !important;
    color: #9E9E9E !important;
  }

  .footer-dot {
    display: inline !important;
    color: rgba(255, 255, 255, 0.25) !important;
  }

  .janus-footer-bottom-sub-row {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 0.5rem !important;
    padding-top: 1.15rem !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-sizing: border-box !important;
  }

  .footer-copyright-text {
    width: 100% !important;
    text-align: center !important;
    font-size: 0.74rem !important;
    line-height: 1.6 !important;
    color: #888888 !important;
    display: block !important;
    margin: 0 auto !important;
  }

  .footer-security-text {
    width: 100% !important;
    text-align: center !important;
    font-size: 0.68rem !important;
    line-height: 1.5 !important;
    color: #666666 !important;
    display: block !important;
    margin: 0 auto !important;
  }
}


/* ==========================================================================
   ARTIST DETAIL PAGE RESPONSIVE UI/UX (Desktop 2-Col + Mobile Fluid Layout)
   ========================================================================== */
.artist-alphabet-bar {
  display: flex;
  gap: 0.35rem;
  margin-top: 1rem;
  flex-wrap: wrap;
}

.artist-hero-grid {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 3.5rem;
  align-items: center;
}

.artist-content-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 3.5rem;
}

@media (max-width: 992px) {
  .artist-hero-grid {
    grid-template-columns: 200px 1fr !important;
    gap: 2rem !important;
  }
  .artist-content-grid {
    grid-template-columns: 1fr !important;
    gap: 2.5rem !important;
  }
}

@media (max-width: 768px) {
  .artist-alphabet-bar {
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 4px !important;
    scrollbar-width: none !important;
  }

  .artist-alphabet-bar::-webkit-scrollbar {
    display: none !important;
  }

  .artist-hero-grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 1.25rem !important;
    width: 100% !important;
  }

  .artist-hero-grid > div:first-child {
    width: 170px !important;
    max-width: 170px !important;
    margin: 0 auto !important;
    position: relative !important;
  }

  .artist-hero-grid > div:first-child img {
    width: 170px !important;
    height: 170px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15) !important;
    border: 3px solid #FFFFFF !important;
    display: block !important;
  }

  .artist-hero-grid .artist-profile-badge {
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    white-space: nowrap !important;
    font-size: 0.64rem !important;
    padding: 0.25rem 0.65rem !important;
    border-radius: 12px !important;
  }

  .artist-hero-grid h1 {
    font-size: clamp(1.65rem, 6vw, 2.2rem) !important;
    line-height: 1.2 !important;
    margin: 0.25rem 0 0.5rem 0 !important;
    text-align: center !important;
  }

  .artist-hero-grid .eyebrow {
    text-align: center !important;
    margin: 0 auto 0.25rem auto !important;
    display: block !important;
  }

  .artist-hero-grid div[style*="justifyContent:"space-between""] {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 0.75rem !important;
  }

  .artist-hero-grid div[style*="display:"flex",gap:"0.75rem""] {
    justify-content: center !important;
    width: 100% !important;
  }

  .artist-hero-grid blockquote {
    border-left: none !important;
    border-top: 1.5px solid var(--brand-terracotta) !important;
    border-bottom: 1.5px solid var(--brand-terracotta) !important;
    padding: 0.85rem 0.5rem !important;
    margin: 1rem 0 !important;
    font-size: 0.95rem !important;
    line-height: 1.55 !important;
    text-align: center !important;
  }

  .artist-hero-grid div[style*="display:"flex",gap:"2rem""] {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 0.4rem !important;
    text-align: center !important;
    width: 100% !important;
    background: rgba(0,0,0,0.03) !important;
    padding: 0.75rem 0.35rem !important;
    border-radius: 4px !important;
    font-size: 0.75rem !important;
  }

  .artist-content-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem !important;
    width: 100% !important;
  }
}


/* ==========================================================================
   ARTWORK DETAIL PAGE RESPONSIVE UI/UX (Desktop 2-Col + Mobile Fluid Layout)
   ========================================================================== */
.artwork-detail-grid {
  display: grid;
  grid-template-columns: 1.25fr 1fr;
  gap: 3.5rem;
}

.artwork-zoom-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 992px) {
  .artwork-detail-grid {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }
}

@media (max-width: 768px) {
  .artwork-detail-top-nav {
    padding: 0.65rem 0 !important;
  }

  .artwork-detail-top-nav .container > div:first-child {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
  }

  .artwork-detail-top-nav div[style*="width:"320px""] {
    width: 100% !important;
  }

  .artwork-detail-top-nav div[style*="display:"flex",gap:"0.4rem""] {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 0.35rem !important;
    padding-bottom: 3px !important;
    width: 100% !important;
    scrollbar-width: none !important;
  }

  .artwork-detail-top-nav div[style*="display:"flex",gap:"0.4rem""]::-webkit-scrollbar {
    display: none !important;
  }

  .artwork-detail-top-nav .btn-sm {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    font-size: 0.74rem !important;
    padding: 0.35rem 0.75rem !important;
  }

  .artwork-detail-top-nav .artist-alphabet-bar {
    display: none !important; /* Clean uncluttered mobile header */
  }

  .artwork-detail-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.5rem !important;
    width: 100% !important;
  }

  .artwork-zoom-bar {
    padding: 0.45rem 0.65rem !important;
    font-size: 0.75rem !important;
    gap: 0.4rem !important;
  }

  .artwork-zoom-bar span[style*="color:"var(--text-muted)""] {
    display: none !important; /* Hide long desktop hint on small screens */
  }

  .artwork-zoom-bar input[type="range"] {
    width: 65px !important;
  }

  .artwork-main-img-box {
    padding: 1.25rem 0.5rem !important;
    min-height: 280px !important;
    max-height: 380px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .artwork-main-img-box img {
    max-height: 340px !important;
  }

  .mobile-artwork-sticky-bar {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background: #FFFFFF !important;
    border-top: 1px solid var(--border-medium) !important;
    box-shadow: 0 -4px 18px rgba(0, 0, 0, 0.12) !important;
    padding: 0.65rem 1rem !important;
    z-index: 1000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
}


/* ==========================================================================
   ARTIST STUDIO INVENTORY ARTWORKS SECTION (Desktop + Responsive Mobile)
   ========================================================================== */
.artist-artworks-section {
  margin-top: 6rem;
}

.artist-artworks-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 2.5rem;
}

.artist-artworks-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

@media (max-width: 992px) {
  .artist-artworks-section {
    margin-top: 3.5rem !important;
  }
  .artist-artworks-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1.5rem !important;
  }
}

@media (max-width: 768px) {
  .artist-artworks-section {
    margin-top: 2.5rem !important;
  }

  .artist-artworks-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.75rem !important;
    margin-bottom: 1.5rem !important;
    width: 100% !important;
  }

  .artist-artworks-header .section-title {
    font-size: 1.4rem !important;
    line-height: 1.25 !important;
    margin: 0 !important;
  }

  .artist-artworks-header .btn-outline {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
    display: inline-flex !important;
    padding: 0.6rem 1rem !important;
    font-size: 0.82rem !important;
  }

  .artist-artworks-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.85rem !important;
    width: 100% !important;
  }

  /* When only 1 artwork exists, center it elegantly */
  .artist-artworks-grid > .artwork-card:only-child {
    grid-column: 1 / -1 !important;
    max-width: 280px !important;
    margin: 0 auto !important;
    width: 100% !important;
  }
}

@media (max-width: 380px) {
  .artist-artworks-grid {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }
}


/* ==========================================================================
   ARTWORK ZOOM & LOUPE TOOLBAR (Desktop + Mobile Responsive)
   ========================================================================== */
.artwork-zoom-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.85rem;
  padding: 0.55rem 1.1rem;
  background: #FFFFFF;
  color: #111111;
  border-radius: 2px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  border: 1px solid var(--border-medium, #E5E0D8);
  width: 100%;
  box-sizing: border-box;
}

.artwork-zoom-title-wrap {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--brand-primary, #C84126);
}

.artwork-zoom-label {
  color: #111111;
  font-weight: 700;
  white-space: nowrap;
}

.artwork-zoom-hint {
  font-size: 0.72rem;
  color: var(--text-muted, #777777);
  margin-left: 0.3rem;
  white-space: nowrap;
}

.artwork-zoom-controls {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.artwork-zoom-btn {
  background: #F7F7F7;
  border: 1px solid #DCDCDC;
  color: #111111;
  border-radius: 2px;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-weight: 700;
  transition: all 0.2s ease;
}

.artwork-zoom-btn:hover {
  background: #EAEAEA;
}

.artwork-zoom-slider {
  width: 110px;
  accent-color: var(--brand-primary, #C84126);
  cursor: pointer;
}

.artwork-zoom-badge {
  min-width: 48px;
  text-align: center;
  font-weight: 700;
  font-size: 0.78rem;
  background: var(--bg-warm, #FAF8F5);
  color: var(--brand-primary, #C84126);
  padding: 2px 8px;
  border-radius: 2px;
  border: 1px solid var(--border-medium, #E5E0D8);
  white-space: nowrap;
}

.artwork-zoom-reset-btn {
  background: transparent;
  border: none;
  color: var(--brand-primary, #C84126);
  font-size: 0.75rem;
  font-weight: 700;
  cursor: pointer;
  text-decoration: underline;
  padding: 0 4px;
}

@media (max-width: 768px) {
  .artwork-zoom-bar {
    padding: 0.45rem 0.65rem !important;
    margin-bottom: 0.65rem !important;
    flex-wrap: nowrap !important;
    gap: 0.4rem !important;
  }

  .artwork-zoom-title-wrap {
    gap: 4px !important;
    font-size: 0.75rem !important;
    flex-shrink: 0 !important;
  }

  .artwork-zoom-label {
    font-size: 0.75rem !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
  }

  .artwork-zoom-hint {
    display: none !important; /* Hide verbose desktop instruction on mobile */
  }

  .artwork-zoom-controls {
    gap: 4px !important;
    flex-shrink: 0 !important;
  }

  .artwork-zoom-btn {
    width: 22px !important;
    height: 22px !important;
    font-size: 0.8rem !important;
  }

  .artwork-zoom-slider {
    width: 50px !important;
  }

  .artwork-zoom-badge {
    min-width: 36px !important;
    font-size: 0.68rem !important;
    padding: 1px 4px !important;
  }
}


/* ==========================================================================
   VIEW IN MY ROOM & 3D STUDIO MOBILE OPTIMIZATION (<= 768px)
   ========================================================================== */
@media (max-width: 768px) {
  .modal-container {
    width: 96vw !important;
    max-width: 96vw !important;
    height: 92vh !important;
    max-height: 92vh !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border-radius: 8px !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .room-visualizer-wrapper {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    flex: 1 !important;
    overflow: hidden !important;
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }

  .room-visualizer-canvas-area {
    width: 100% !important;
    height: 48vh !important;
    min-height: 240px !important;
    max-height: 48vh !important;
    position: relative !important;
    flex-shrink: 0 !important;
    overflow: hidden !important;
    background: #1A1A1A !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .room-bg-image {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    z-index: 1 !important;
  }

  .room-artwork-draggable {
    position: absolute !important;
    max-width: 48% !important;
    max-height: 48% !important;
    z-index: 10 !important;
    display: block !important;
    touch-action: none !important;
  }

  .room-artwork-draggable img {
    width: 100% !important;
    height: 100% !important;
    max-height: 180px !important;
    object-fit: contain !important;
    display: block !important;
  }

  .room-controls-sidebar {
    width: 100% !important;
    min-width: 100% !important;
    flex: 1 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    border-left: none !important;
    border-top: 1px solid var(--border-color, #E5E0D8) !important;
    padding: 0.85rem !important;
    background-color: var(--bg-warm, #FAF8F5) !important;
  }

  .sculpture-3d-modal {
    width: 96vw !important;
    max-width: 96vw !important;
    height: 92vh !important;
    max-height: 92vh !important;
  }

  .sculpture-3d-modal > div[style*="flex: 1, display: "flex""] {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    flex: 1 !important;
    overflow: hidden !important;
  }

  .sculpture-3d-modal div[style*="background: "#0a0a0a""] {
    width: 100% !important;
    height: 48vh !important;
    min-height: 240px !important;
    max-height: 48vh !important;
    flex-shrink: 0 !important;
    position: relative !important;
    touch-action: none !important;
  }

  .sculpture-3d-modal div[style*="width: "300px""] {
    width: 100% !important;
    min-width: 100% !important;
    flex: 1 !important;
    overflow-y: auto !important;
    border-left: none !important;
    border-top: 1px solid rgba(255,255,255,0.1) !important;
    padding: 0.85rem !important;
  }
}


/* ==========================================================================
   BLOG & EDITORIAL JOURNAL RESPONSIVE STYLES (Desktop & Mobile <= 768px)
   ========================================================================== */
.blog-hero-header {
  background-color: var(--bg-warm, #FAF8F5);
  padding: 3.5rem 0 2.5rem 0;
  border-bottom: 1px solid var(--border-subtle, #EFECE6);
}

.blog-hero-title {
  font-size: clamp(1.8rem, 3.8vw, 2.6rem);
  margin-bottom: 0.5rem;
  font-family: var(--font-heading, 'Playfair Display', serif);
  font-weight: 600;
}

.blog-hero-subtitle {
  color: var(--text-secondary, #666);
  font-size: 0.98rem;
  max-width: 720px;
  line-height: 1.6;
}

.blog-category-filter-bar {
  display: flex;
  gap: 0.5rem;
  margin-top: 1.75rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 4px;
  scrollbar-width: none;
}
.blog-category-filter-bar::-webkit-scrollbar {
  display: none;
}

.blog-cat-pill {
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  font-size: 0.8rem !important;
  padding: 0.45rem 1rem !important;
}

.blog-content-container {
  padding-top: 3.5rem;
}

/* Featured Hero Story Card */
.featured-story-hero {
  background: #FFFFFF;
  border: 1px solid var(--border-subtle, #EFECE6);
  border-radius: 4px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  margin-bottom: 4rem;
  box-shadow: var(--shadow-md, 0 4px 20px rgba(0,0,0,0.06));
  transition: transform var(--transition-normal), box-shadow var(--transition-normal);
}

.featured-story-img-wrap {
  min-height: 380px;
  background: var(--bg-warm, #FAF8F5);
  overflow: hidden;
}

.featured-story-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.featured-story-body {
  padding: 3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.featured-story-meta {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.78rem;
  color: var(--text-muted, #888);
  margin-bottom: 0.75rem;
}

.featured-story-cat {
  color: var(--brand-terracotta, #C84126);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.74rem;
}

.featured-story-title {
  font-size: clamp(1.35rem, 2.2vw, 1.85rem);
  line-height: 1.3;
  margin-bottom: 0.75rem;
  font-family: var(--font-heading, 'Playfair Display', serif);
}

.featured-story-excerpt {
  color: var(--text-secondary, #666);
  font-size: 0.92rem;
  line-height: 1.65;
  margin-bottom: 1.75rem;
}

.featured-story-author-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 2rem;
}

.featured-author-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}

.featured-author-name {
  font-size: 0.85rem;
  display: block;
  color: var(--text-primary, #222);
}

.featured-author-role {
  font-size: 0.75rem;
  color: var(--text-muted, #888);
}

.featured-story-cta {
  align-self: flex-start;
}

/* Blog Articles Grid */
.blog-articles-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

.story-grid-card {
  background: #FFFFFF;
  border: 1px solid var(--border-subtle, #EFECE6);
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  transition: transform var(--transition-normal), box-shadow var(--transition-normal);
}

.story-grid-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.08);
}

.story-card-thumb-wrap {
  height: 220px;
  overflow: hidden;
  background: var(--bg-warm, #FAF8F5);
}

.story-card-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.story-grid-card:hover .story-card-thumb {
  transform: scale(1.04);
}

.story-card-body {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.story-card-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.75rem;
  color: var(--text-muted, #888);
  margin-bottom: 0.5rem;
}

.story-card-cat {
  color: var(--brand-terracotta, #C84126);
  font-weight: 700;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.story-card-title {
  font-size: 1.15rem;
  line-height: 1.38;
  margin-bottom: 0.65rem;
  font-family: var(--font-heading, 'Playfair Display', serif);
  color: var(--text-primary, #111);
}

.story-card-excerpt {
  font-size: 0.85rem;
  color: var(--text-secondary, #666);
  line-height: 1.55;
  margin-bottom: 1.25rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.story-card-footer {
  margin-top: auto;
  padding-top: 1rem;
  border-top: 1px solid var(--border-subtle, #EFECE6);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.story-card-author {
  font-size: 0.75rem;
  color: var(--text-muted, #888);
}

.story-card-read-btn {
  font-size: 0.75rem;
  color: var(--brand-terracotta, #C84126);
  font-weight: 600;
}

/* Blog Article Detail Page */
.blog-breadcrumbs-wrap {
  background-color: var(--bg-warm, #FAF8F5);
  padding: 0.85rem 0;
  border-bottom: 1px solid var(--border-subtle, #EFECE6);
}

.blog-article-container {
  padding-top: 3.5rem;
}

.blog-article-meta-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}

.blog-article-title {
  font-size: clamp(1.8rem, 4vw, 2.9rem);
  line-height: 1.22;
  margin-bottom: 1.5rem;
  font-family: var(--font-heading, 'Playfair Display', serif);
  color: var(--text-primary, #111);
}

.blog-author-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 0;
  border-top: 1px solid var(--border-subtle, #EFECE6);
  border-bottom: 1px solid var(--border-subtle, #EFECE6);
  margin-bottom: 2.5rem;
}

.blog-author-bar-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
}

.blog-cover-img-wrap {
  margin-bottom: 3rem;
  border-radius: 4px;
  overflow: hidden;
  max-height: 520px;
  background: var(--bg-warm, #FAF8F5);
}

.blog-cover-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.editorial-article-body {
  font-size: 1.08rem;
  line-height: 1.85;
  color: var(--text-primary, #222);
}

.editorial-article-body p {
  margin-bottom: 1.6rem;
}

.editorial-article-body h2 {
  font-size: clamp(1.35rem, 2.5vw, 1.8rem);
  margin: 2.5rem 0 1rem 0;
  font-family: var(--font-heading, 'Playfair Display', serif);
  color: var(--text-primary, #111);
}

.editorial-article-body h3 {
  font-size: 1.25rem;
  margin: 2rem 0 0.85rem 0;
  font-family: var(--font-heading, 'Playfair Display', serif);
}

.editorial-article-body blockquote {
  border-left: 3px solid var(--brand-terracotta, #C84126);
  margin: 2rem 0;
  padding: 0.75rem 0 0.75rem 1.5rem;
  font-style: italic;
  color: var(--text-secondary, #555);
  font-size: 1.12rem;
  background: var(--bg-warm, #FAF8F5);
  border-radius: 0 4px 4px 0;
}

.blog-author-bio-card {
  margin-top: 4rem;
  padding: 2rem;
  background: var(--bg-warm, #FAF8F5);
  border-radius: 4px;
  border: 1px solid var(--border-subtle, #EFECE6);
  display: flex;
  gap: 1.25rem;
  align-items: center;
}

.blog-bio-avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.blog-bio-tag {
  font-size: 0.7rem;
  color: var(--brand-terracotta, #C84126);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  display: block;
}

.blog-bio-name {
  font-size: 1.15rem;
  margin: 2px 0 4px 0;
  font-family: var(--font-heading, 'Playfair Display', serif);
}

.blog-bio-desc {
  font-size: 0.85rem;
  color: var(--text-secondary, #666);
  margin: 0;
  line-height: 1.5;
}

.blog-related-section {
  margin-top: 5rem;
  border-top: 1px solid var(--border-subtle, #EFECE6);
  padding-top: 3.5rem;
}

.blog-related-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.5rem;
  flex-wrap: wrap;
  gap: 1rem;
}

.blog-related-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

/* ==========================================================================
   BLOG MOBILE SPECIFIC OVERRIDES (<= 768px)
   ========================================================================== */
@media (max-width: 768px) {
  .blog-hero-header {
    padding: 2.25rem 0 1.75rem 0 !important;
  }

  .blog-hero-title {
    font-size: 1.65rem !important;
  }

  .blog-hero-subtitle {
    font-size: 0.88rem !important;
  }

  .blog-content-container {
    padding-top: 2rem !important;
  }

  /* Featured hero card stacks 1-column on mobile */
  .featured-story-hero {
    grid-template-columns: 1fr !important;
    margin-bottom: 2.5rem !important;
  }

  .featured-story-img-wrap {
    min-height: 220px !important;
    max-height: 260px !important;
  }

  .featured-story-body {
    padding: 1.5rem 1.25rem !important;
  }

  .featured-story-title {
    font-size: 1.35rem !important;
    line-height: 1.3 !important;
  }

  .featured-story-excerpt {
    font-size: 0.86rem !important;
    margin-bottom: 1.25rem !important;
  }

  .featured-story-author-row {
    margin-bottom: 1.25rem !important;
  }

  .featured-story-cta {
    width: 100% !important;
    justify-content: center !important;
  }

  /* Blog articles grid stacks 1-column on mobile */
  .blog-articles-grid {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
  }

  .story-card-thumb-wrap {
    height: 190px !important;
  }

  .story-card-body {
    padding: 1.25rem 1rem !important;
  }

  .story-card-title {
    font-size: 1.15rem !important;
  }

  /* Article Detail Mobile */
  .blog-article-container {
    padding-top: 1.75rem !important;
  }

  .blog-article-title {
    font-size: 1.65rem !important;
    line-height: 1.28 !important;
    margin-bottom: 1.25rem !important;
  }

  .blog-author-bar {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1rem !important;
    padding: 1rem 0 !important;
    margin-bottom: 1.75rem !important;
  }

  .blog-share-btn {
    width: 100% !important;
    justify-content: center !important;
  }

  .blog-cover-img-wrap {
    margin-bottom: 2rem !important;
    max-height: 280px !important;
  }

  .editorial-article-body {
    font-size: 1rem !important;
    line-height: 1.75 !important;
  }

  .editorial-article-body p {
    margin-bottom: 1.35rem !important;
  }

  .editorial-article-body blockquote {
    padding: 0.65rem 0 0.65rem 1rem !important;
    font-size: 1rem !important;
    margin: 1.5rem 0 !important;
  }

  .blog-author-bio-card {
    margin-top: 2.5rem !important;
    padding: 1.25rem !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.85rem !important;
  }

  .blog-bio-avatar {
    width: 52px !important;
    height: 52px !important;
  }

  .blog-related-section {
    margin-top: 3rem !important;
    padding-top: 2rem !important;
  }

  .blog-related-grid {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
  }
}

/* ==========================================================================
   UNIFIED HOME SECTIONS PADDING (1.2rem 0 3rem)
   ========================================================================== */
.art-match-prompt-section.art-match-premium {
  background-color: var(--bg-warm, #FAF8F5) !important;
  margin-top: 0 !important;
  position: relative !important;
  z-index: 2 !important;
  padding: 1.2rem 0 1.2rem !important;
  border-top: 1px solid var(--border-subtle, #EDE9E3) !important;
  border-bottom: 1px solid var(--border-subtle, #EDE9E3) !important;
}
.art-match-premium-card {
  background: #FFFFFF !important;
  border: 1px solid var(--border-medium, #E8E0D5) !important;
  border-top: 3px solid var(--brand-primary, #C84126) !important;
  border-radius: 6px !important;
  padding: 2rem 2.25rem 1.75rem !important;
  max-width: 820px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
  position: relative !important;
}
.art-match-premium-card:before {
  display: none !important;
}
.art-match-prompt-sentence.art-match-premium-sentence {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 0.55rem 0.75rem !important;
  font-size: clamp(1.15rem, 2.4vw, 1.55rem) !important;
  font-weight: 600 !important;
  color: var(--text-primary, #111827) !important;
}
.art-match-premium-wrapper {
  background: #FFFFFF !important;
  border: 1px solid #D1D5DB !important;
  border-radius: 6px !important;
  padding: 0.45rem 1rem !important;
  display: inline-flex !important;
  align-items: center !important;
  position: relative !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}
.art-match-premium-wrapper:hover,
.art-match-premium-wrapper:focus-within {
  border-color: var(--brand-primary, #C84126) !important;
  box-shadow: 0 0 0 2px rgba(200, 65, 38, 0.15) !important;
}
.art-match-premium-select {
  font-size: 0.94rem !important;
  font-weight: 600 !important;
  color: var(--brand-primary, #C84126) !important;
  padding-right: 1.6rem !important;
  cursor: pointer !important;
}
.art-match-premium-select option {
  color: #222222 !important;
  font-weight: normal !important;
}
.art-match-premium-btn {
  background: var(--brand-primary, #C84126) !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}
.art-match-premium-btn:hover {
  background: var(--brand-primary-hover, #A3321B) !important;
  box-shadow: 0 6px 20px rgba(200, 65, 38, 0.32) !important;
  transform: translateY(-2px) !important;
}
.quick-tags-section {
  background-color: #FFFFFF !important;
  padding: 1.2rem 0 1.2rem !important;
  border-bottom: 1px solid var(--border-subtle, #EDE9E3) !important;
}
.quick-tags-container {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
}
.quick-tag-btn {
  background: #FFFFFF !important;
  border: 1px solid #111827 !important;
  color: #111827 !important;
  padding: 0.4rem 0.85rem !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  border-radius: 2px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}
.quick-tag-btn:hover {
  background: var(--brand-primary, #C84126) !important;
  border-color: var(--brand-primary, #C84126) !important;
  color: #FFFFFF !important;
}
.joy-living-section {
  padding: 1.2rem 0 3rem !important;
  width: 100% !important;
  overflow: hidden !important;
  background-color: #FFFFFF !important;
}
.joy-living-header {
  text-align: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto 2rem auto !important;
  padding: 0 1rem !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}
.joy-living-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 8px !important;
  padding: 6px 18px !important;
  border-radius: 9999px !important;
  background-color: #FFF5F2 !important;
  border: 1px solid rgba(200, 65, 38, 0.25) !important;
  margin: 0 auto 0.85rem auto !important;
}
.joy-living-badge-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background-color: var(--brand-primary, #C84126) !important;
  box-shadow: 0 0 8px rgba(200, 65, 38, 0.45) !important;
  flex-shrink: 0 !important;
}
.joy-living-badge-text {
  color: var(--brand-primary, #C84126) !important;
  font-size: clamp(0.72rem, 1.3vw, 0.82rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}
.collection-masters-title {
  color: var(--brand-primary, #C84126) !important;
  font-size: clamp(1.05rem, 2.1vw, 1.55rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  line-height: 1.35 !important;
  text-align: center !important;
  margin: 0 auto !important;
  text-transform: uppercase !important;
}
.home-journal-section {
  padding: 1.2rem 0 3rem !important;
}


/* ==========================================================================
   LUXURY FOOTER CONTACT STYLING
   ========================================================================== */
.janus-footer-contact-details {
  margin: 0.9rem 0 1.25rem 0 !important;
}
.footer-contact-link {
  transition: all 0.2s ease !important;
}
.footer-contact-link:hover {
  color: #FFFFFF !important;
  text-decoration: underline !important;
}
.janus-footer-social-row {
  display: flex !important;
  align-items: center !important;
  gap: 0.65rem !important;
  margin-top: 1.15rem !important;
}
.janus-footer-social-link {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(255, 255, 255, 0.8) !important;
  transition: all 0.25s ease !important;
  text-decoration: none !important;
}
.janus-footer-social-link:hover {
  background: var(--brand-primary, #C84126) !important;
  border-color: var(--brand-primary, #C84126) !important;
  color: #FFFFFF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(200, 65, 38, 0.35) !important;
}


/* ==========================================================================
   LUXURY FOOTER BRAND & CONTACT COLUMN
   ========================================================================== */
.janus-footer-brand-col {
  display: flex !important;
  flex-direction: column !important;
}
.janus-footer-contact-details {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.55rem !important;
  margin: 0.9rem 0 1.25rem 0 !important;
}
.footer-contact-link {
  color: #E0A96D !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}
.footer-contact-link:hover {
  color: #FFFFFF !important;
  text-decoration: underline !important;
}
.janus-footer-social-row {
  display: flex !important;
  align-items: center !important;
  gap: 0.65rem !important;
  margin-top: 1.15rem !important;
}
.janus-footer-social-link {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(255, 255, 255, 0.8) !important;
  transition: all 0.25s ease !important;
  text-decoration: none !important;
}
.janus-footer-social-link:hover {
  background: var(--brand-primary, #C84126) !important;
  border-color: var(--brand-primary, #C84126) !important;
  color: #FFFFFF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(200, 65, 38, 0.35) !important;
}


/* ==========================================================================
   PREMIUM HIGHLIGHTED GALLERY FOOTER CARD & CUSTOM SVG ICONS
   ========================================================================== */
.janus-footer-brand-col {
  display: flex !important;
  flex-direction: column !important;
}
.janus-footer-highlight-card {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.04) 0%, rgba(212, 163, 115, 0.07) 100%) !important;
  border: 1px solid rgba(212, 163, 115, 0.28) !important;
  border-radius: 8px !important;
  padding: 1.15rem 1.1rem !important;
  margin: 0.75rem 0 1.25rem 0 !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}
.janus-footer-highlight-card:hover {
  border-color: rgba(212, 163, 115, 0.45) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}
.janus-footer-card-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  font-size: 0.68rem !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #D4A373 !important;
  font-weight: 700 !important;
  margin-bottom: 0.75rem !important;
  padding: 3px 8px !important;
  background: rgba(212, 163, 115, 0.12) !important;
  border-radius: 4px !important;
  border: 1px solid rgba(212, 163, 115, 0.22) !important;
}
.janus-footer-badge-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #22C55E !important;
  display: inline-block !important;
  box-shadow: 0 0 8px rgba(34, 197, 94, 0.6) !important;
}
.janus-footer-address-row {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.6rem !important;
  margin-bottom: 0.6rem !important;
}
.janus-footer-address-text {
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 0.84rem !important;
  line-height: 1.55 !important;
}
.janus-footer-icon-gold {
  color: #D4A373 !important;
  flex-shrink: 0 !important;
  transition: transform 0.2s ease !important;
}
.janus-footer-card-divider {
  height: 1px !important;
  background: rgba(255, 255, 255, 0.09) !important;
  margin: 0.7rem 0 0.65rem 0 !important;
}
.janus-footer-contact-links {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.45rem !important;
}
.footer-contact-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  text-decoration: none !important;
  font-size: 0.84rem !important;
  transition: all 0.2s ease !important;
}
.footer-phone-link {
  color: #E0A96D !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
}
.footer-phone-link:hover {
  color: #FFFFFF !important;
  text-shadow: 0 0 10px rgba(224, 169, 109, 0.6) !important;
}
.footer-email-link {
  color: rgba(255, 255, 255, 0.82) !important;
}
.footer-email-link:hover {
  color: #FFFFFF !important;
  text-decoration: underline !important;
}
.janus-footer-social-row {
  display: flex !important;
  align-items: center !important;
  gap: 0.65rem !important;
  margin-top: 0.85rem !important;
}
.janus-footer-social-link {
  width: 36px !important;
  height: 36px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(212, 163, 115, 0.22) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(255, 255, 255, 0.78) !important;
  transition: all 0.25s ease !important;
  text-decoration: none !important;
}
.janus-footer-social-link:hover {
  background: var(--brand-primary, #C84126) !important;
  border-color: var(--brand-primary, #C84126) !important;
  color: #FFFFFF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 14px rgba(200, 65, 38, 0.4) !important;
}


/* ==========================================================================
   JANUS ART GALLERY - COMPLETE ULTRA-LUXURY ANIMATED FOOTER DESIGN SYSTEM
   ========================================================================== */
.janus-footer-ultra {
  background: #0E0D0C !important;
  color: #FFFFFF !important;
  position: relative !important;
  z-index: 10 !important;
  overflow: hidden !important;
  border-top: 1px solid rgba(212, 163, 115, 0.25) !important;
  background-image: 
    radial-gradient(circle at 10% 15%, rgba(212, 163, 115, 0.07) 0%, transparent 40%),
    radial-gradient(circle at 90% 85%, rgba(200, 65, 38, 0.06) 0%, transparent 45%) !important;
}
.janus-footer-inner-container {
  max-width: 1360px !important;
  margin: 0 auto !important;
  padding: 0 1.5rem !important;
}

/* 1. VIP COLLECTOR'S CIRCLE BANNER */
.janus-footer-vip-strip {
  padding: 3rem 0 2.5rem !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.janus-footer-vip-content {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 2.5rem !important;
  flex-wrap: wrap !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.03) 0%, rgba(212, 163, 115, 0.06) 100%) !important;
  border: 1px solid rgba(212, 163, 115, 0.22) !important;
  border-radius: 12px !important;
  padding: 2rem 2.25rem !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.4) !important;
}
.janus-footer-vip-info {
  flex: 1 1 450px !important;
}
.janus-footer-vip-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: #D4A373 !important;
  margin-bottom: 0.6rem !important;
}
.janus-footer-vip-sparkle {
  color: #D4A373 !important;
  animation: pulseGold 2s infinite alternate !important;
}
@keyframes pulseGold {
  0% { transform: scale(0.9); opacity: 0.7; }
  100% { transform: scale(1.15); opacity: 1; text-shadow: 0 0 10px rgba(212, 163, 115, 0.8); }
}
.janus-footer-vip-title {
  font-family: 'DM Serif Display', serif !important;
  font-size: clamp(1.4rem, 2.8vw, 1.85rem) !important;
  font-weight: 400 !important;
  color: #FFFFFF !important;
  letter-spacing: -0.01em !important;
  margin: 0 0 0.5rem 0 !important;
  line-height: 1.2 !important;
}
.janus-footer-vip-subtext {
  font-size: 0.9rem !important;
  color: rgba(255, 255, 255, 0.7) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  max-width: 620px !important;
}
.janus-footer-vip-action {
  flex: 1 1 380px !important;
  max-width: 480px !important;
}
.janus-footer-newsletter-form {
  display: flex !important;
  gap: 0.5rem !important;
  background: rgba(0, 0, 0, 0.4) !important;
  padding: 5px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3) !important;
  transition: border-color 0.25s ease !important;
}
.janus-footer-newsletter-form:focus-within {
  border-color: #D4A373 !important;
  box-shadow: 0 0 12px rgba(212, 163, 115, 0.25), inset 0 2px 6px rgba(0, 0, 0, 0.3) !important;
}
.janus-footer-input-wrapper {
  flex: 1 !important;
}
.janus-footer-email-input {
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  color: #FFFFFF !important;
  font-size: 0.88rem !important;
  padding: 0.75rem 1rem !important;
}
.janus-footer-email-input::placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}
.janus-footer-subscribe-btn {
  background: linear-gradient(135deg, #D4A373 0%, #C84126 100%) !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 0 1.35rem !important;
  font-size: 0.84rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 4px 14px rgba(200, 65, 38, 0.35) !important;
  white-space: nowrap !important;
}
.janus-footer-subscribe-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(200, 65, 38, 0.5) !important;
}
.janus-footer-subscribe-btn:hover .btn-arrow {
  transform: translateX(3px) !important;
}
.btn-arrow {
  transition: transform 0.2s ease !important;
}
.janus-footer-subscribed-badge {
  background: rgba(34, 197, 94, 0.12) !important;
  border: 1px solid rgba(34, 197, 94, 0.3) !important;
  color: #86EFAC !important;
  padding: 0.85rem 1.15rem !important;
  border-radius: 8px !important;
  font-size: 0.88rem !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.6rem !important;
}
.badge-check {
  background: #22C55E !important;
  color: #0E0D0C !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: bold !important;
  font-size: 0.75rem !important;
}

/* 2. TRUST PILLARS STRIP */
.janus-footer-trust-strip {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 1.5rem !important;
  padding: 2.25rem 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}
.janus-footer-trust-item {
  display: flex !important;
  align-items: center !important;
  gap: 0.9rem !important;
  padding: 0.85rem 1rem !important;
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 8px !important;
  transition: all 0.25s ease !important;
}
.janus-footer-trust-item:hover {
  background: rgba(212, 163, 115, 0.05) !important;
  border-color: rgba(212, 163, 115, 0.25) !important;
  transform: translateY(-2px) !important;
}
.trust-icon {
  color: #D4A373 !important;
  flex-shrink: 0 !important;
}
.trust-text {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}
.trust-text strong {
  font-size: 0.86rem !important;
  color: #FFFFFF !important;
  font-weight: 600 !important;
}
.trust-text span {
  font-size: 0.74rem !important;
  color: rgba(255, 255, 255, 0.55) !important;
}

/* 3. MAIN 5-COLUMN BENTO GRID */
.janus-footer-main-grid {
  display: grid !important;
  grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr !important;
  gap: 2.5rem !important;
  padding: 3.5rem 0 2.5rem !important;
}
@media (max-width: 1100px) {
  .janus-footer-main-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 2rem !important;
  }
  .janus-footer-brand-col {
    grid-column: span 3 !important;
  }
}
@media (max-width: 768px) {
  .janus-footer-main-grid {
    grid-template-columns: 1fr !important;
    gap: 2.25rem !important;
  }
  .janus-footer-brand-col {
    grid-column: span 1 !important;
  }
}

.janus-footer-brand-logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.85rem !important;
  text-decoration: none !important;
  margin-bottom: 0.85rem !important;
}
.janus-footer-logo-icon {
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  background: #FFFFFF !important;
  padding: 3px !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4) !important;
}
.janus-footer-brand-text {
  display: flex !important;
  flex-direction: column !important;
}
.janus-footer-brand-text .brand-name {
  font-family: 'DM Serif Display', serif !important;
  font-size: 1.4rem !important;
  letter-spacing: 0.14em !important;
  color: #FFFFFF !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}
.janus-footer-brand-text .brand-tagline {
  font-size: 0.65rem !important;
  letter-spacing: 0.22em !important;
  color: #D4A373 !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  margin-top: 2px !important;
}
.janus-footer-brand-desc {
  font-size: 0.84rem !important;
  color: rgba(255, 255, 255, 0.65) !important;
  line-height: 1.6 !important;
  margin: 0 0 1.15rem 0 !important;
  max-width: 380px !important;
}

/* HIGHLIGHTED FLAGSHIP SALON CARD */
.janus-footer-gallery-card {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.04) 0%, rgba(212, 163, 115, 0.08) 100%) !important;
  border: 1px solid rgba(212, 163, 115, 0.25) !important;
  border-radius: 10px !important;
  padding: 1.15rem !important;
  margin-bottom: 1.15rem !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35) !important;
  transition: all 0.3s ease !important;
}
.janus-footer-gallery-card:hover {
  border-color: rgba(212, 163, 115, 0.45) !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  transform: translateY(-2px) !important;
}
.gallery-card-header {
  display: flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  margin-bottom: 0.65rem !important;
}
.live-beacon {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #22C55E !important;
  box-shadow: 0 0 8px #22C55E !important;
  display: inline-block !important;
  animation: pulseBeacon 2s infinite !important;
}
@keyframes pulseBeacon {
  0% { transform: scale(0.9); opacity: 0.8; }
  50% { transform: scale(1.3); opacity: 1; }
  100% { transform: scale(0.9); opacity: 0.8; }
}
.gallery-card-badge {
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #D4A373 !important;
}
.gallery-card-address {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.6rem !important;
}
.card-icon {
  color: #D4A373 !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}
.card-address-text {
  font-size: 0.82rem !important;
  color: rgba(255, 255, 255, 0.82) !important;
  line-height: 1.55 !important;
}
.card-address-text strong {
  display: block !important;
  color: #FFFFFF !important;
  font-size: 0.85rem !important;
  margin-bottom: 2px !important;
}
.gallery-card-divider {
  height: 1px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  margin: 0.65rem 0 !important;
}
.gallery-card-contacts {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.4rem !important;
}
.gallery-card-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  text-decoration: none !important;
  font-size: 0.82rem !important;
  transition: all 0.2s ease !important;
}
.phone-link {
  color: #E0A96D !important;
  font-weight: 600 !important;
}
.phone-link:hover {
  color: #FFFFFF !important;
  text-shadow: 0 0 10px rgba(224, 169, 109, 0.6) !important;
}
.email-link {
  color: rgba(255, 255, 255, 0.82) !important;
}
.email-link:hover {
  color: #FFFFFF !important;
  text-decoration: underline !important;
}

/* SOCIAL ROW */
.janus-footer-social-row {
  display: flex !important;
  align-items: center !important;
  gap: 0.6rem !important;
}
.social-btn {
  width: 36px !important;
  height: 36px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(212, 163, 115, 0.2) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(255, 255, 255, 0.78) !important;
  transition: all 0.25s ease !important;
  text-decoration: none !important;
}
.social-btn:hover {
  background: var(--brand-primary, #C84126) !important;
  border-color: var(--brand-primary, #C84126) !important;
  color: #FFFFFF !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 6px 16px rgba(200, 65, 38, 0.45) !important;
}

/* COLUMNS 2 - 5 */
.footer-col-title {
  font-family: 'DM Serif Display', serif !important;
  font-size: 1.05rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #FFFFFF !important;
  margin: 0 0 1.25rem 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
}
.title-dot {
  width: 4px !important;
  height: 4px !important;
  border-radius: 50% !important;
  background: #D4A373 !important;
  display: inline-block !important;
}
.footer-link-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.65rem !important;
}
.footer-link-list li a {
  color: rgba(255, 255, 255, 0.65) !important;
  font-size: 0.86rem !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  display: inline-block !important;
}
.footer-link-list li a:hover {
  color: #FFFFFF !important;
  transform: translateX(4px) !important;
}
.shop-accent-link {
  color: #D4A373 !important;
  font-weight: 600 !important;
}
.shop-accent-link:hover {
  color: #FFFFFF !important;
  text-shadow: 0 0 8px rgba(212, 163, 115, 0.6) !important;
}

/* 4. LUXURY DIVIDER */
.janus-footer-luxury-divider {
  height: 1px !important;
  background: linear-gradient(90deg, transparent 0%, rgba(212, 163, 115, 0.35) 50%, transparent 100%) !important;
  margin: 0 0 1.75rem 0 !important;
}

/* 5. FOOTER BOTTOM SUB-BAR */
.janus-footer-bottom-bar {
  padding-bottom: 2.5rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1.25rem !important;
}
.janus-footer-bottom-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 1.25rem !important;
}
.janus-footer-currency-pill {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 20px !important;
  padding: 6px 14px !important;
  color: #FFFFFF !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  font-size: 0.8rem !important;
  transition: all 0.2s ease !important;
}
.janus-footer-currency-pill:hover {
  background: rgba(212, 163, 115, 0.12) !important;
  border-color: rgba(212, 163, 115, 0.4) !important;
  transform: translateY(-1px) !important;
}
.currency-flag {
  font-size: 1rem !important;
  line-height: 1 !important;
}
.currency-text strong {
  color: #D4A373 !important;
}
.currency-chevron {
  opacity: 0.6 !important;
}
.janus-footer-legal-links {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  flex-wrap: wrap !important;
}
.janus-footer-legal-links a {
  color: rgba(255, 255, 255, 0.55) !important;
  font-size: 0.78rem !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}
.janus-footer-legal-links a:hover {
  color: #FFFFFF !important;
}
.legal-dot {
  color: rgba(255, 255, 255, 0.2) !important;
  font-size: 0.75rem !important;
}
.janus-footer-credits-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 1rem !important;
  font-size: 0.75rem !important;
  color: rgba(255, 255, 255, 0.45) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.04) !important;
  padding-top: 1rem !important;
}
.footer-copyright-block {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}
.dev-credit-tag {
  color: rgba(255, 255, 255, 0.55) !important;
}
.ajkalporsu-glow {
  color: #FF8C00 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  letter-spacing: 0.02em !important;
  text-shadow: 0 0 10px rgba(255, 140, 0, 0.85), 0 0 20px rgba(255, 140, 0, 0.55) !important;
  animation: glowOrange 2s ease-in-out infinite alternate !important;
}
.footer-recaptcha-block a {
  color: rgba(255, 255, 255, 0.6) !important;
  text-decoration: none !important;
}
.footer-recaptcha-block a:hover {
  color: #FFFFFF !important;
  text-decoration: underline !important;
}


/* ==========================================================================
   GLOBAL TYPOGRAPHY OVERRIDE: POPPINS FOR ALL TEXT
   ========================================================================== */
:root {
  --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  --font-sans: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  --font-heading: 'Poppins', sans-serif !important;
  --font-serif: 'Poppins', sans-serif !important;
}

html, body, #root, * {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
p, span, a, button, input, select, textarea, label, li, ul, ol, strong, em, b, i,
.btn, .btn-brand, .btn-primary, .btn-outline,
.janus-footer-ultra, .janus-footer-ultra *,
.janus-footer-brand-text .brand-name,
.janus-footer-vip-title,
.footer-col-title,
.joy-living-banner-phrase,
.collection-masters-title,
.editorial-hero-title,
.art-match-prompt-title {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}






/* ==========================================================================
   PERFECT LUXURY ART GALLERY FOOTER - PROPORTIONAL & BALANCED SPACING
   ========================================================================== */
.janus-footer-ultra {
  background: #0E0D0C !important;
  color: #FFFFFF !important;
  position: relative !important;
  z-index: 10 !important;
  overflow: hidden !important;
  border-top: 1px solid rgba(212, 163, 115, 0.22) !important;
  padding: 3.5rem 0 2rem !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.janus-footer-inner-container {
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 0 2rem !important;
  box-sizing: border-box !important;
}

/* 5-COLUMN BENTO GRID WITH HARMONIC PROPORTIONS */
.janus-footer-main-grid {
  display: grid !important;
  grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr !important;
  gap: 2.75rem !important;
  align-items: start !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 1150px) {
  .janus-footer-main-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 2.25rem !important;
  }
  .janus-footer-brand-col {
    grid-column: span 2 !important;
  }
}

@media (max-width: 680px) {
  .janus-footer-main-grid {
    grid-template-columns: 1fr !important;
    gap: 2.25rem !important;
  }
  .janus-footer-brand-col {
    grid-column: span 1 !important;
  }
}

/* BRAND IDENTITY COLUMN */
.janus-footer-brand-col {
  display: flex !important;
  flex-direction: column !important;
}

.janus-footer-brand-logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.9rem !important;
  text-decoration: none !important;
  margin-bottom: 0.9rem !important;
}

.janus-footer-logo-icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: #FFFFFF !important;
  padding: 3px !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45) !important;
  flex-shrink: 0 !important;
}

.janus-footer-brand-text {
  display: flex !important;
  flex-direction: column !important;
}

.janus-footer-brand-text .brand-name {
  font-family: 'Poppins', sans-serif !important;
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  color: #FFFFFF !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}

.janus-footer-brand-text .brand-tagline {
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.22em !important;
  color: #D4A373 !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  margin-top: 3px !important;
}

.janus-footer-brand-desc {
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.85rem !important;
  color: rgba(255, 255, 255, 0.65) !important;
  line-height: 1.6 !important;
  margin: 0 0 1.25rem 0 !important;
  max-width: 340px !important;
}

/* SALON LOCATION & DIRECT CONTACT BLOCK */
.janus-footer-salon-block {
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
  margin-bottom: 1.35rem !important;
  padding-left: 0.85rem !important;
  border-left: 2px solid rgba(212, 163, 115, 0.35) !important;
}

.janus-footer-meta-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.35rem !important;
}

.meta-group-label {
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: #D4A373 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
}

.meta-address-text {
  font-family: 'Poppins', sans-serif !important;
  font-style: normal !important;
  font-size: 0.84rem !important;
  line-height: 1.55 !important;
  color: rgba(255, 255, 255, 0.82) !important;
}

.meta-links-stack {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.45rem !important;
}

.meta-contact-link {
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.85rem !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  transition: all 0.22s ease !important;
}

.meta-contact-link.phone-link {
  color: #E0A96D !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
}

.meta-contact-link.phone-link:hover {
  color: #FFFFFF !important;
  transform: translateX(4px) !important;
  text-shadow: 0 0 10px rgba(224, 169, 109, 0.6) !important;
}

.meta-contact-link.email-link {
  color: rgba(255, 255, 255, 0.82) !important;
}

.meta-contact-link.email-link:hover {
  color: #FFFFFF !important;
  transform: translateX(4px) !important;
  text-decoration: underline !important;
}

.meta-icon {
  color: #D4A373 !important;
  flex-shrink: 0 !important;
  transition: transform 0.2s ease !important;
}

/* SOCIAL PILLS */
.janus-footer-social-row {
  display: flex !important;
  align-items: center !important;
  gap: 0.65rem !important;
}

.social-btn {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(212, 163, 115, 0.22) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(255, 255, 255, 0.8) !important;
  transition: all 0.25s ease !important;
  text-decoration: none !important;
}

.social-btn:hover {
  background: var(--brand-primary, #C84126) !important;
  border-color: var(--brand-primary, #C84126) !important;
  color: #FFFFFF !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 6px 18px rgba(200, 65, 38, 0.45) !important;
}

/* NAVIGATION COLUMNS (COLS 2 - 5) */
.footer-col-header {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.45rem !important;
  margin-bottom: 1.15rem !important;
  align-items: flex-start !important;
}

.footer-col-title {
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: #FFFFFF !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
  position: static !important;
}

.janus-footer-col h4:after,
.janus-footer-col h4::after,
.footer-col-title:after,
.footer-col-title::after,
.footer-col-header:after,
.footer-col-header::after {
  display: none !important;
  content: none !important;
}

.footer-title-bar {
  width: 22px !important;
  height: 2px !important;
  background: var(--brand-primary, #C84126) !important;
  border-radius: 2px !important;
  display: block !important;
  margin: 0 !important;
}

.footer-link-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.7rem !important;
}

.footer-nav-link {
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.84rem !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.72) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
  line-height: 1.4 !important;
}

.footer-nav-link:hover {
  color: #FFFFFF !important;
  transform: translateX(4px) !important;
}

.footer-nav-link.footer-accent-link {
  color: #E0A96D !important;
  font-weight: 500 !important;
}

.footer-nav-link.footer-accent-link:hover {
  color: #FFFFFF !important;
  transform: translateX(4px) !important;
  text-shadow: 0 0 10px rgba(224, 169, 109, 0.6) !important;
}

/* HORIZONTAL LUXURY DIVIDER */
.janus-footer-luxury-divider {
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.12), transparent) !important;
  margin: 2.75rem 0 1.75rem !important;
}

/* BOTTOM ACTION BAR & CREDITS */
.janus-footer-bottom-bar {
  display: flex !important;
  flex-direction: column !important;
  gap: 1.35rem !important;
  padding-bottom: 0.5rem !important;
}

.janus-footer-bottom-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 1.25rem !important;
}

.janus-footer-currency-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(212, 163, 115, 0.3) !important;
  border-radius: 20px !important;
  padding: 0.35rem 0.85rem !important;
  color: #FFFFFF !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.8rem !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.janus-footer-currency-pill:hover {
  background: rgba(212, 163, 115, 0.18) !important;
  border-color: #D4A373 !important;
}

.janus-footer-legal-links {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0.85rem !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.78rem !important;
}

.janus-footer-legal-links a {
  color: rgba(255, 255, 255, 0.65) !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.janus-footer-legal-links a:hover {
  color: #FFFFFF !important;
  text-decoration: underline !important;
}

.legal-dot {
  color: rgba(255, 255, 255, 0.25) !important;
  font-size: 0.65rem !important;
}

.janus-footer-credits-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 1rem !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.75rem !important;
  color: rgba(255, 255, 255, 0.5) !important;
}

.footer-copyright-block {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0.6rem !important;
}

.ajkalporsu-glow {
  color: #E0A96D !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
}

.ajkalporsu-glow:hover {
  color: #FFFFFF !important;
  text-shadow: 0 0 8px rgba(224, 169, 109, 0.8) !important;
}

.footer-recaptcha-block a {
  color: rgba(255, 255, 255, 0.65) !important;
  text-decoration: none !important;
}

.footer-recaptcha-block a:hover {
  color: #FFFFFF !important;
}


/* ==========================================================================
   CLEAN FOOTER BOTTOM BAR (NO CURRENCY PILL & NO RECAPTCHA)
   ========================================================================== */
.janus-footer-currency-pill,
.footer-recaptcha-block {
  display: none !important;
}

.janus-footer-bottom-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 1.25rem !important;
  padding-bottom: 0.5rem !important;
}

.janus-footer-legal-links {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0.85rem !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.78rem !important;
}

.janus-footer-legal-links a {
  color: rgba(255, 255, 255, 0.65) !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.janus-footer-legal-links a:hover {
  color: #FFFFFF !important;
  text-decoration: underline !important;
}

.legal-dot {
  color: rgba(255, 255, 255, 0.25) !important;
  font-size: 0.65rem !important;
}

.footer-copyright-block {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0.6rem !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.75rem !important;
  color: rgba(255, 255, 255, 0.5) !important;
}


/* ==========================================================================
   GLOBAL HEADING WEIGHT REFINEMENT - ELEGANT POPPINS (NORMAL / MEDIUM)
   ========================================================================== */
h1, h2, h3, h4, h5, h6,
.section-title,
.section-header h2,
.home-journal-header h2,
.joy-living-header h2 {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
}

h1 {
  font-weight: 600 !important;
  letter-spacing: -0.015em !important;
}

h2 {
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
}

h3 {
  font-weight: 500 !important;
}

h4 {
  font-weight: 600 !important;
}

.section-title {
  font-weight: 500 !important;
  color: var(--text-primary, #111) !important;
}

.eyebrow {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}


/* ==========================================================================
   ART MATCH INLINE SAME-LINE SENTENCE FLOW
   ========================================================================== */
.art-match-prompt-sentence,
.art-match-premium-sentence {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 0.65rem 0.85rem !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(1rem, 1.8vw, 1.22rem) !important;
  color: var(--text-primary, #111) !important;
  line-height: 1.8 !important;
  text-align: center !important;
  margin: 0 auto !important;
  max-width: 980px !important;
}

.art-match-label-text {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500 !important;
  color: #111111 !important;
  white-space: nowrap !important;
  display: inline-block !important;
}

.art-match-select-wrapper,
.art-match-premium-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  position: relative !important;
  vertical-align: middle !important;
}


/* ==========================================================================
   FAQ ACCORDION NORMAL POPPINS TYPOGRAPHY
   ========================================================================== */
.faq-question-text {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-weight: 500 !important;
  font-size: clamp(0.95rem, 1.6vw, 1.05rem) !important;
  letter-spacing: -0.005em !important;
}

.faq-answer-body {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-weight: 400 !important;
  font-size: 0.92rem !important;
  line-height: 1.65 !important;
  color: #4A453E !important;
}

.faq-toggle-icon {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500 !important;
}


/* ==========================================================================
   PERFECTED MASTERS & CONTEMPORARY HERO BANNER (MOBILE & DESKTOP)
   ========================================================================== */
.joy-living-section {
  padding: 2.5rem 0 3rem !important;
  width: 100% !important;
  background-color: #FFFFFF !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.joy-living-header {
  text-align: center !important;
  width: 100% !important;
  max-width: 900px !important;
  margin: 0 auto 2.5rem auto !important;
  padding: 0 1.25rem !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

.joy-living-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 8px !important;
  padding: 6px 18px !important;
  border-radius: 9999px !important;
  background: rgba(200, 65, 38, 0.05) !important;
  border: 1px solid rgba(200, 65, 38, 0.22) !important;
  margin: 0 auto 0.85rem auto !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.joy-living-badge-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background-color: #C84126 !important;
  box-shadow: 0 0 6px rgba(200, 65, 38, 0.5) !important;
  flex-shrink: 0 !important;
}

.joy-living-badge-text {
  color: #C84126 !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(0.68rem, 2.2vw, 0.8rem) !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  line-height: 1.35 !important;
}

.collection-masters-title,
.joy-living-header h2 {
  color: #C84126 !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(0.92rem, 3.2vw, 1.35rem) !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.45 !important;
  text-align: center !important;
  margin: 0.35rem auto 0 !important;
  text-transform: uppercase !important;
  max-width: 820px !important;
  white-space: normal !important;
  word-break: normal !important;
}

.joy-living-divider {
  width: 42px !important;
  height: 3px !important;
  background-color: #C84126 !important;
  margin: 0.9rem auto 0 !important;
  border-radius: 3px !important;
}

@media (max-width: 768px) {
  .joy-living-section {
    padding: 1.75rem 0 2.25rem !important;
  }
  .joy-living-header {
    margin: 0 auto 1.75rem auto !important;
    padding: 0 1rem !important;
  }
  .joy-living-badge {
    padding: 5px 14px !important;
    gap: 6px !important;
    margin-bottom: 0.65rem !important;
  }
  .joy-living-badge-text {
    font-size: clamp(0.62rem, 2.6vw, 0.72rem) !important;
    letter-spacing: 0.04em !important;
  }
  .collection-masters-title,
  .joy-living-header h2 {
    font-size: clamp(0.85rem, 3.8vw, 1.08rem) !important;
    line-height: 1.4 !important;
    letter-spacing: 0.01em !important;
    max-width: 100% !important;
  }
  .joy-living-divider {
    width: 36px !important;
    height: 2.5px !important;
    margin-top: 0.75rem !important;
  }
}

@media (max-width: 480px) {
  .joy-living-section {
    padding: 1.5rem 0 2rem !important;
  }
  .joy-living-header {
    padding: 0 0.75rem !important;
    margin-bottom: 1.5rem !important;
  }
  .joy-living-badge {
    padding: 4px 12px !important;
  }
  .joy-living-badge-text {
    font-size: 0.65rem !important;
  }
  .collection-masters-title,
  .joy-living-header h2 {
    font-size: 0.88rem !important;
    line-height: 1.38 !important;
  }
}


/* ==========================================================================
   TIGHTENED FOOTER COLUMN HEADER & ACCENT BAR GAP
   ========================================================================== */
.footer-col-header {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  margin-bottom: 1.1rem !important;
  align-items: flex-start !important;
}

.footer-col-title {
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #FFFFFF !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.1 !important;
}

.footer-title-bar {
  width: 20px !important;
  height: 2px !important;
  background: #C84126 !important;
  border-radius: 2px !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* ==========================================================================
   STRICT ZERO-GAP FIX FOR FOOTER COLUMN HEADERS & TITLE BARS
   ========================================================================== */
.janus-footer-col h4,
.janus-footer-col .footer-col-title,
.footer-col-header h4,
h4.footer-col-title {
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.15 !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #FFFFFF !important;
  position: static !important;
}

.footer-col-header {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  margin: 0 0 1.15rem 0 !important;
  padding: 0 !important;
  align-items: flex-start !important;
}

.footer-title-bar {
  width: 22px !important;
  height: 2px !important;
  background-color: #C84126 !important;
  border-radius: 2px !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* ==========================================================================
   MOBILE-ONLY LUXURY REDESIGN FOR FOOTER LEGAL LINKS & BOTTOM BAR
   ========================================================================== */
@media (max-width: 768px) {
  .janus-footer-bottom-bar {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 1.15rem !important;
    padding: 1.25rem 0.75rem 1rem !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    margin-top: 1.5rem !important;
  }

  .janus-footer-luxury-divider {
    display: none !important;
  }

  .janus-footer-legal-links {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0.45rem 0.6rem !important;
    width: 100% !important;
    max-width: 480px !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  .janus-footer-legal-links a {
    display: inline-block !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 0.73rem !important;
    font-weight: 400 !important;
    color: rgba(255, 255, 255, 0.68) !important;
    text-decoration: none !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important;
  }

  .janus-footer-legal-links a:hover,
  .janus-footer-legal-links a:active {
    color: #FFFFFF !important;
    background: rgba(200, 65, 38, 0.2) !important;
    border-color: rgba(200, 65, 38, 0.4) !important;
  }

  .janus-footer-legal-links .legal-dot {
    display: none !important;
  }

  .footer-copyright-block {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 0.35rem !important;
    font-size: 0.72rem !important;
    color: rgba(255, 255, 255, 0.48) !important;
    line-height: 1.45 !important;
    width: 100% !important;
  }

  .footer-copyright-block span {
    text-align: center !important;
  }

  .footer-copyright-block .dev-credit-tag {
    font-size: 0.71rem !important;
    color: rgba(255, 255, 255, 0.42) !important;
  }
}

@media (max-width: 420px) {
  .janus-footer-legal-links {
    gap: 0.35rem 0.45rem !important;
  }
  .janus-footer-legal-links a {
    font-size: 0.69rem !important;
    padding: 3px 8px !important;
  }
  .footer-copyright-block {
    font-size: 0.68rem !important;
  }
}


/* ==========================================================================
   UPCOMING EXHIBITION SECTION CURATORIAL HEADING
   ========================================================================== */
.upcoming-exhibition-section {
  padding: 2.25rem 0 3.25rem !important;
  background-color: #FFFFFF !important;
}

.upcoming-exhibition-header {
  margin-bottom: 1.75rem !important;
}

@media (max-width: 768px) {
  .upcoming-exhibition-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.85rem !important;
    margin-bottom: 1.35rem !important;
  }
  .upcoming-exhibition-header .btn {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }
}


/* ==========================================================================
   CENTERED UPCOMING EXHIBITION HEADING
   ========================================================================== */
.upcoming-exhibition-header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  margin: 0 auto 2rem auto !important;
  width: 100% !important;
  max-width: 800px !important;
}

.upcoming-exhibition-header .eyebrow {
  margin: 0 auto 0.25rem auto !important;
  text-align: center !important;
}

.upcoming-exhibition-header .section-title {
  text-align: center !important;
  margin: 0.2rem auto 0.35rem auto !important;
}

.upcoming-exhibition-header p {
  text-align: center !important;
  margin: 0 auto !important;
  max-width: 640px !important;
}


/* ==========================================================================
   COLLECTION OF MASTERS TITLE: SINGLE LINE ON DESKTOP ONLY
   ========================================================================== */
.joy-living-header {
  max-width: 1280px !important;
  width: 100% !important;
  margin: 0 auto 2.5rem auto !important;
}

.collection-masters-title,
.joy-living-header h2 {
  color: #C84126 !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(0.92rem, 1.55vw, 1.32rem) !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
  line-height: 1.35 !important;
  text-align: center !important;
  margin: 0.35rem auto 0 !important;
  text-transform: uppercase !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

@media (max-width: 900px) {
  .collection-masters-title,
  .joy-living-header h2 {
    font-size: clamp(0.82rem, 1.8vw, 1.05rem) !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 768px) {
  .collection-masters-title,
  .joy-living-header h2 {
    white-space: normal !important;
    font-size: clamp(0.82rem, 3.6vw, 1.02rem) !important;
    line-height: 1.4 !important;
    letter-spacing: 0.01em !important;
    max-width: 100% !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
}


/* ==========================================================================
   HIGHLIGHTED & BOLD UPCOMING EXHIBITIONS HEADING
   ========================================================================== */
.upcoming-section-highlight-title,
.upcoming-exhibition-header .section-title,
.upcoming-exhibition-header h2 {
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(1.6rem, 3.2vw, 2.25rem) !important;
  font-weight: 700 !important;
  color: var(--brand-primary, #C84126) !important;
  text-align: center !important;
  letter-spacing: -0.01em !important;
  margin: 0 auto !important;
}


/* ==========================================================================
   REDESIGNED UPCOMING EXHIBITIONS HEADING (LUXURY ART GALLERY DESIGN SYSTEM)
   ========================================================================== */
.upcoming-exhibition-header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  margin: 0 auto 2.25rem auto !important;
  width: 100% !important;
}

.upcoming-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 5px 16px !important;
  border-radius: 9999px !important;
  background: rgba(200, 65, 38, 0.05) !important;
  border: 1px solid rgba(200, 65, 38, 0.2) !important;
  margin: 0 auto 0.65rem auto !important;
}

.upcoming-section-highlight-title {
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(1.5rem, 3.2vw, 2.2rem) !important;
  font-weight: 600 !important;
  color: #1A1816 !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
  margin: 0 auto !important;
}


/* ==========================================================================
   GOOGLE REVIEWS SECTION EXACT STYLING
   ========================================================================== */
.google-reviews-section {
  padding: 2.6rem 0px 2.6rem !important;
  background-color: var(--bg-secondary) !important;
  border-top: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  overflow: hidden !important;
}


/* ==========================================================================
   MOBILE-ONLY CENTERED & HIGHLIGHTED ART JOURNAL SECTION HEADER
   ========================================================================== */
@media (max-width: 768px) {
  .home-journal-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 0.35rem !important;
    margin: 0 auto 1.75rem auto !important;
    width: 100% !important;
  }

  .home-journal-header > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
  }

  .home-journal-header h2 {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(1.4rem, 5.2vw, 1.8rem) !important;
    font-weight: 600 !important;
    color: var(--brand-primary, #C84126) !important;
    text-align: center !important;
    margin: 0 auto 0.35rem auto !important;
    letter-spacing: -0.01em !important;
  }

  .home-journal-header p {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(0.78rem, 3.2vw, 0.88rem) !important;
    color: var(--text-secondary, #666666) !important;
    text-align: center !important;
    max-width: 92% !important;
    margin: 0 auto !important;
    line-height: 1.45 !important;
  }
}


/* ==========================================================================
   CURATED FINE ART COLLECTIONS & DEALS PAGE RESPONSIVE UI/UX DESIGN
   ========================================================================== */
.collections-page-hero {
  background-color: var(--bg-warm, #F9F8F6);
  padding: 3.5rem 0 3rem;
  border-bottom: 1px solid var(--border-subtle, #EDE9E3);
}

.collections-hero-title {
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(1.85rem, 4vw, 2.6rem) !important;
  font-weight: 600 !important;
  color: #1A1816 !important;
  margin: 0.35rem 0 0.5rem 0 !important;
  letter-spacing: -0.01em !important;
}

.collections-hero-subtitle {
  color: var(--text-secondary, #666666);
  font-size: 0.96rem;
  max-width: 720px;
  line-height: 1.55;
  margin: 0;
}

.collections-container-main {
  padding-top: 3rem !important;
  padding-bottom: 5rem !important;
}

.collections-list-grid {
  display: flex;
  flex-direction: column;
  gap: 2.75rem;
}

.collection-row-card {
  background: #FFFFFF;
  border: 1px solid var(--border-subtle, #EDE9E3);
  border-radius: 8px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.collection-row-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}

.collection-row-even .collection-row-img-wrap {
  order: 1;
}
.collection-row-even .collection-row-content-wrap {
  order: 2;
}

.collection-row-odd .collection-row-img-wrap {
  order: 2;
}
.collection-row-odd .collection-row-content-wrap {
  order: 1;
}

.collection-row-img-wrap {
  min-height: 380px;
  background: var(--bg-warm, #FAF9F6);
  position: relative;
  overflow: hidden;
}

.collection-row-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.collection-row-card:hover .collection-row-img {
  transform: scale(1.02);
}

.collection-row-content-wrap {
  padding: 3rem 2.75rem;
  display: flex;
  flex-direction: column;
  justifyContent: center;
  align-items: flex-start;
  background: #FFFFFF;
}

.collection-card-tag {
  margin-bottom: 0.4rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--brand-primary, #C84126);
  text-transform: uppercase;
}

.collection-card-title {
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(1.4rem, 2.5vw, 1.85rem) !important;
  font-weight: 600 !important;
  color: #1A1816 !important;
  line-height: 1.3 !important;
  margin: 0 0 0.45rem 0 !important;
}

.collection-card-subtitle {
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.94rem !important;
  font-weight: 500 !important;
  color: var(--brand-primary, #C84126) !important;
  line-height: 1.45 !important;
  margin: 0 0 1rem 0 !important;
}

.collection-card-desc {
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--text-secondary, #666);
  margin: 0 0 1.5rem 0;
}

.collection-row-curator-box {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  margin-bottom: 1.75rem;
  padding: 0.5rem 0.85rem;
  background: var(--bg-warm, #FAF9F6);
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.04);
}

.collection-curator-avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid var(--border-subtle, #EDE9E3);
}

.collection-curator-name {
  font-size: 0.86rem;
  font-weight: 600;
  color: #1A1816;
  display: block;
}

.collection-curator-role {
  font-size: 0.74rem;
  color: var(--text-muted, #888);
}

.collection-card-btn {
  font-size: 0.86rem !important;
  font-weight: 600 !important;
  padding: 0.75rem 1.65rem !important;
  border-radius: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

/* ----------------- MOBILE VERSION OPTIMIZATIONS (≤ 768px) ----------------- */
@media (max-width: 768px) {
  .collections-page-hero {
    padding: 2.25rem 1rem 1.85rem !important;
    text-align: center !important;
  }

  .collections-hero-title {
    font-size: clamp(1.5rem, 5.8vw, 2.1rem) !important;
    text-align: center !important;
    margin: 0.35rem auto 0.45rem auto !important;
  }

  .collections-hero-subtitle {
    font-size: 0.86rem !important;
    text-align: center !important;
    margin: 0 auto !important;
    line-height: 1.5 !important;
  }

  .collections-container-main {
    padding-top: 1.75rem !important;
    padding-bottom: 3.5rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .collections-list-grid {
    gap: 1.75rem !important;
  }

  .collection-row-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    border-radius: 8px !important;
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.05) !important;
  }

  .collection-row-img-wrap {
    order: 1 !important;
    width: 100% !important;
    min-height: 210px !important;
    max-height: 240px !important;
    height: 220px !important;
  }

  .collection-row-content-wrap {
    order: 2 !important;
    padding: 1.5rem 1.25rem 1.65rem !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .collection-card-tag {
    font-size: 0.68rem !important;
    margin-bottom: 0.35rem !important;
  }

  .collection-card-title {
    font-size: 1.35rem !important;
    line-height: 1.28 !important;
    margin-bottom: 0.35rem !important;
  }

  .collection-card-subtitle {
    font-size: 0.88rem !important;
    line-height: 1.4 !important;
    margin-bottom: 0.75rem !important;
  }

  .collection-card-desc {
    font-size: 0.84rem !important;
    line-height: 1.55 !important;
    margin-bottom: 1.15rem !important;
  }

  .collection-row-curator-box {
    width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 1.25rem !important;
    padding: 0.45rem 0.75rem !important;
  }

  .collection-card-btn {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 0.8rem 1rem !important;
  }
}