@media (max-width: 768px) { .catalog-campaign { position: relative !important; height: calc(100svh - 56px) !important; min-height:240px !important; max-height:240px !important; overflow: hidden !important; background: #050505 !important; } .catalog-campaign > .campaign-photo, .catalog-campaign > img.campaign-photo, .catalog-campaign > img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: 78% 40% !important; aspect-ratio: auto !important; } .catalog-campaign:after, .catalog-campaign::after { display: none !important; content: none !important; } .campaign-veil { width: 100% !important; inset: 0 !important; background: linear-gradient( 180deg, rgba(5, 5, 5, 0.12) 0%, rgba(5, 5, 5, 0.05) 32%, rgba(5, 5, 5, 0.35) 55%, rgba(5, 5, 5, 0.72) 78%, rgba(5, 5, 5, 0.88) 100% ) !important; pointer-events: none; } .campaign-copy { top: auto !important; bottom: 11% !important; left: 20px !important; right: 20px !important; transform: none !important; max-width: none !important; padding: 0 !important; min-height: 0 !important; } .campaign-copy .eyebrow { margin: 0 0 10px !important; } .campaign-copy h1 { margin: 0 0 10px !important; } .campaign-lede { margin: 0 0 0 !important; } .campaign-copy a.campaign-cta, a.campaign-cta { margin-top: 18px !important; } .campaign-scroll { bottom: 10px !important; } } @media (max-width: 430px) { .catalog-campaign { height: calc(100svh - 56px) !important; min-height:240px !important; max-height:240px !important; } .campaign-copy { bottom: 10% !important; left: 18px !important; right: 18px !important; } .campaign-copy a.campaign-cta, a.campaign-cta { margin-top: 16px !important; } } .catalog-page .cards { gap: 48px 28px !important; } @media (max-width: 768px) { .catalog-page .cards { gap: 36px 16px !important; } } .catalog-page .card { background: transparent !important; border: none !important; box-shadow: none !important; display: flex !important; flex-direction: column !important; } .catalog-page .card-photo { aspect-ratio: 4 / 5 !important; background: #faf7f2 !important; border: 1px solid rgba(0, 0, 0, 0.05) !important; box-shadow: none !important; } .catalog-page .card h3 { margin: 22px 0 6px !important; } .catalog-page .card h3 button { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; min-height: 0 !important; text-align: left !important; } .catalog-page .card-brand { font-size: 10px !important; letter-spacing: 0.22em !important; text-transform: uppercase !important; color: #8b7b62 !important; max-width: none !important; font-weight: 500 !important; } .catalog-page .card-model { font-family: var(--serif, Georgia, "Times New Roman", serif) !important; font-size: 17px !important; font-weight: 400 !important; letter-spacing: -0.02em !important; line-height: 1.25 !important; color: #111 !important; } .catalog-page .card-reference, .card-reference { font-size: 10px !important; letter-spacing: 0.08em !important; color: rgba(139, 123, 98, 0.75) !important; margin-top: 2px !important; } .catalog-page .card .caption { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 14px !important; margin-top: 18px !important; min-height: 0 !important; padding-top: 0 !important; } .catalog-page .card .caption > span:first-child, .catalog-page .card .caption > span:not(.quick-add) { font-size: 10px !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; color: rgba(139, 123, 98, 0.7) !important; font-weight: 400 !important; border: 0 !important; background: transparent !important; padding: 0 !important; } .quick-add, button.quick-add { display: inline-flex !important; align-items: center !important; gap: 8px !important; width: auto !important; max-width: 100% !important; margin-top: 0 !important; padding: 2px 0 !important; min-height: 0 !important; border: 0 !important; border-bottom: none !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: #1a1714 !important; font: 11px / 1.4 var(--sans, system-ui, sans-serif) !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; text-decoration: none !important; cursor: pointer !important; } .quick-add:hover, button.quick-add:hover { background: transparent !important; color: #111 !important; text-decoration: underline !important; text-underline-offset: 5px; text-decoration-color: rgba(212, 175, 55, 0.55); } .quick-add[aria-pressed="true"], button.quick-add[aria-pressed="true"] { background: transparent !important; border: 0 !important; color: #8b7b62 !important; box-shadow: none !important; } #list-dialog { border: 0 !important; background: #f7f2ea !important; box-shadow: -28px 0 80px rgba(0, 0, 0, 0.35) !important; } #list-dialog::backdrop { background: rgba(10, 9, 8, 0.55) !important; backdrop-filter: blur(10px); } #list-dialog .list-content, .list-content { padding: 48px 40px 56px !important; max-width: 100%; } @media (max-width: 650px) { #list-dialog .list-content, .list-content { padding: 40px 22px 48px !important; } } .list-content > .eyebrow { font-size: 10px !important; letter-spacing: 0.32em !important; color: #8b7b62 !important; margin: 0 0 12px !important; } .list-content h2#list-title { font-family: var(--serif, Georgia, "Times New Roman", serif) !important; font-size: clamp(36px, 5vw, 52px) !important; font-weight: 400 !important; letter-spacing: -0.03em !important; margin: 0 0 28px !important; color: #111 !important; } .list-content h2#list-title em { font-style: italic !important; color: #111 !important; } #list-items { margin-bottom: 8px; } .list-item, #list-items .list-item { padding: 22px 0 !important; gap: 18px !important; border-color: rgba(0, 0, 0, 0.08) !important; } .list-item label, #list-items label { font-size: 10px !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: #8b7b62 !important; margin-bottom: 6px !important; } .list-item textarea, #list-items textarea { border: 0 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important; background: transparent !important; padding: 10px 0 !important; min-height: 44px !important; font-size: 13px !important; resize: vertical; } .inspiration-input { padding: 28px 0 8px !important; border-top: 1px solid rgba(0, 0, 0, 0.08) !important; border-bottom: 0 !important; margin-top: 8px; } .inspiration-heading h3, #inspiration-title { font-size: 13px !important; font-weight: 500 !important; letter-spacing: 0.04em !important; } .upload-label { font-size: 11px !important; letter-spacing: 0.06em !important; text-decoration: none !important; border-bottom: 1px solid rgba(196, 163, 90, 0.7); padding-bottom: 2px; } .note-label { display: block; margin: 28px 0 8px !important; font-size: 10px !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; color: #8b7b62 !important; } .note-label textarea, #note { border: 0 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important; background: transparent !important; margin-top: 10px !important; min-height: 64px !important; padding: 12px 0 !important; font-size: 14px !important; } .list-content > .button, #review-inquiry { margin-top: 28px !important; letter-spacing: 0.14em !important; } .list-content > .trust-line, .list-content > .sample-note { margin-top: 14px !important; font-size: 10px !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; color: #8b7b62 !important; } .list-content > .sample-note { text-transform: none !important; letter-spacing: 0.02em !important; font-size: 12px !important; line-height: 1.55 !important; color: rgba(139, 123, 98, 0.9) !important; } #inquiry-review { margin-top: 32px; padding-top: 8px; } #inquiry-review > .eyebrow { letter-spacing: 0.28em !important; color: #8b7b62 !important; margin-bottom: 18px !important; } .contact-fields { display: grid !important; gap: 22px !important; margin: 20px 0 8px !important; } .contact-fields label { font-size: 10px !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; color: #8b7b62 !important; display: grid !important; gap: 8px !important; } .contact-fields input { border: 0 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.14) !important; background: transparent !important; padding: 12px 0 !important; font-size: 15px !important; min-height: 44px !important; color: #111 !important; } #inquiry-form .sample-note { margin: 18px 0 8px !important; font-size: 12px !important; line-height: 1.55 !important; color: #8b7b62 !important; } #send-inquiry { margin-top: 24px !important; letter-spacing: 0.14em !important; } #inquiry-form .trust-line { margin-top: 16px !important; } #inquiry-receipt { padding: 36px 0 12px !important; text-align: left; border-top: 1px solid rgba(212, 175, 55, 0.35); margin-top: 12px; } #inquiry-receipt[hidden] { display: none !important; } #inquiry-receipt h3 { font: 400 clamp(28px, 4vw, 40px) / 1.15 var(--serif, Georgia, "Times New Roman", serif) !important; color: #111 !important; letter-spacing: -0.02em !important; margin: 0 0 16px !important; } #inquiry-receipt #receipt-number { font-size: 11px !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; color: #8b7b62 !important; margin: 0 0 18px !important; } #inquiry-receipt .sample-note, #inquiry-receipt .receipt-lede { font-size: 15px !important; line-height: 1.55 !important; color: #3a342c !important; margin: 0 0 12px !important; max-width: 28em; } #inquiry-receipt .receipt-trust { font-size: 10px !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; color: #8b7b62 !important; margin: 20px 0 0 !important; } #new-inquiry { margin-top: 28px !important; font-size: 11px !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; border-bottom: 1px solid rgba(196, 163, 90, 0.7); padding-bottom: 3px; color: #111 !important; text-decoration: none !important; background: none !important; border-top: 0; border-left: 0; border-right: 0; cursor: pointer; } .campaign-scroll-arrow{color:#d4af37!important} @media (max-width: 768px) { .catalog-campaign { height: calc(100svh - 56px) !important; min-height:240px !important; max-height:240px !important; } .catalog-campaign > .campaign-photo, .catalog-campaign > img.campaign-photo, .catalog-campaign > img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: 78% 38% !important; aspect-ratio: auto !important; } } #list-dialog .list-item { display: grid; grid-template-columns: 72px 1fr; gap: 18px; padding: 22px 0 !important; border-bottom: 1px solid rgba(0,0,0,.08); } #list-dialog .list-item img { width: 72px; height: 90px; object-fit: cover; border: 1px solid rgba(0,0,0,.06); } #list-dialog .list-item h3 { font-family: var(--serif, Georgia, serif) !important; font-size: 15px !important; font-weight: 400 !important; margin: 0 0 10px !important; } #list-dialog .list-item label { font-size: 10px !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: #8b7b62 !important; } #list-dialog .list-item textarea { border: 0 !important; border-bottom: 1px solid rgba(0,0,0,.12) !important; background: transparent !important; min-height: 40px !important; padding: 8px 0 !important; font-size: 13px !important; } #list-dialog .list-item button[data-remove] { font-size: 10px !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: #8b7b62 !important; background: none !important; border: 0 !important; text-decoration: underline; text-underline-offset: 3px; padding: 6px 0 !important; margin-top: 6px; }