:root{--brand-dark: #222222;--brand-grey: #5C5C5C;--brand-light: #F8F8F8;--brand-border: #E5E5E5;--brand-accent: #000000}body{background-color:#fff;color:#222;font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden}.vertical-text-left{writing-mode:vertical-rl;transform:rotate(180deg)}.glass-nav{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f8f8f8}::-webkit-scrollbar-thumb{background:#222;border-radius:3px}.swatch-card{transition:all .3s cubic-bezier(.16,1,.3,1)}.swatch-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -15px #00000012}.portrait-mask{mask-image:linear-gradient(to bottom,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 80%,rgba(0,0,0,0) 100%)}.modal-enter{animation:modalFadeIn .3s ease-out forwards}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.97) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.bg-brand-dark{background-color:var(--brand-dark)}.text-brand-dark{color:var(--brand-dark)}.border-brand-dark{border-color:var(--brand-dark)}.bg-brand-light{background-color:var(--brand-light)}.text-brand-grey{color:var(--brand-grey)}.border-brand-border{border-color:var(--brand-border)}.border-brand-light{border-color:var(--brand-light)}.bg-brand-dark\/90{background-color:#222222e6}.bg-brand-light\/30{background-color:#f8f8f84d}.bg-brand-light\/40{background-color:#f8f8f866}.bg-brand-light\/50{background-color:#f8f8f880}.bg-brand-light\/60{background-color:#f8f8f899}.border-brand-border\/60{border-color:#e5e5e599}.border-brand-border\/80{border-color:#e5e5e5cc}.border-brand-border\/40{border-color:#e5e5e566}.text-brand-grey\/80{color:#5c5c5ccc}.hover\:text-brand-dark:hover{color:var(--brand-dark)}.hover\:text-brand-grey:hover{color:var(--brand-grey)}.hover\:bg-brand-dark:hover{background-color:var(--brand-dark)}.hover\:bg-brand-light:hover{background-color:var(--brand-light)}.hover\:bg-brand-border\/40:hover{background-color:#e5e5e566}.hover\:bg-brand-border\/60:hover{background-color:#e5e5e599}.hover\:border-brand-dark:hover{border-color:var(--brand-dark)}.group:hover .group-hover\:text-brand-grey{color:var(--brand-grey)}.focus\:border-brand-dark:focus{border-color:var(--brand-dark)}.from-brand-light{--tw-gradient-from: var(--brand-light);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)}.font-display{font-family:Space Grotesk,sans-serif}.font-sans{font-family:Plus Jakarta Sans,sans-serif}