:root{--bg:#faf8f5;--surface:#fff;--surface-deep:#f2ede6;--surface-warm:#f6f1ea;--ink:#1a1714;--text:#3a332c;--soft-text:#8a7f72;--faint-text:#c4b8a8;--border:#e8e0d4;--strong-border:#d4c7b4;--accent:#c75b39;--accent-deep:#a8492c;--accent-soft-bg:#faeee8;--accent-tint:#f5ded3;--teal:#2d5d5e;--teal-deep:#1f4444;--brass:#a6862f;--brass-soft:#d4bc7a;--shadow-card:0 1px 2px #1a17140a;--shadow-card-hover:0 6px 20px #1a171414;--shadow-lift:0 12px 32px #1a17141a;--font-serif:"Playfair Display", "Georgia", "Times New Roman", serif;--font-body:"DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--radius-sharp:0px;--radius-soft:2px;--radius-pill:100px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px;font-weight:400;line-height:1.75}h1,h2,h3,h4,h5{font-family:var(--font-serif);color:var(--ink);letter-spacing:-.015em;font-weight:600}a{color:var(--accent-deep);text-decoration:none;transition:color .2s}p{font-variant-numeric:tabular-nums}::selection{background:var(--accent-soft-bg);color:var(--ink)}.gallery-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sharp);box-shadow:var(--shadow-card);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s}.gallery-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--strong-border);transform:translateY(-4px)}.gallery-card .color-strip{transition:height .35s cubic-bezier(.22,1,.36,1)}.gallery-card:hover .color-strip{height:160px}.card-cta-arrow{transition:transform .3s;display:inline-block}.gallery-card:hover .card-cta-arrow{transform:translate(6px)}.pill{border-radius:var(--radius-pill);border:1px solid var(--strong-border);font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--soft-text);background:0 0;padding:7px 18px;font-size:11px;font-weight:500;line-height:1.4;transition:all .2s;display:inline-block}.pill:hover{border-color:var(--accent);color:var(--accent-deep)}.pill-accent{border-radius:var(--radius-pill);border:1px solid var(--accent);font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep);background:var(--accent-soft-bg);padding:7px 18px;font-size:11px;font-weight:600;line-height:1.4;display:inline-block}.pill-mood{border-radius:var(--radius-pill);border:1px solid var(--accent-tint);font-family:var(--font-serif);color:var(--ink);background:var(--surface);letter-spacing:0;padding:10px 22px;font-size:1.0625rem;font-style:italic;font-weight:500;line-height:1.3;transition:all .2s;display:inline-block}.pill-mood:hover{border-color:var(--accent);background:var(--accent-soft-bg);color:var(--accent-deep)}.section-label{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--soft-text);font-size:11px;font-weight:600}.btn{border:1px solid var(--ink);border-radius:var(--radius-pill);font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);cursor:pointer;background:0 0;padding:14px 32px;font-size:12px;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-block}.btn:hover{background:var(--accent);color:var(--surface);border-color:var(--accent)}.btn-accent{border:1px solid var(--accent);border-radius:var(--radius-pill);font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--surface);background:var(--accent);cursor:pointer;padding:14px 32px;font-size:12px;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-block}.btn-accent:hover{background:var(--accent-deep);border-color:var(--accent-deep);color:var(--surface)}.btn-ghost{border:1px solid var(--border);border-radius:var(--radius-pill);font-family:var(--font-body);letter-spacing:.08em;color:var(--text);background:var(--surface);cursor:pointer;align-items:center;gap:8px;padding:10px 20px;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-ghost:hover{border-color:var(--accent);color:var(--accent-deep);background:var(--accent-soft-bg)}.nav-link{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--text);font-size:13px;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav-link:hover{color:var(--accent-deep)}.nav-link:after{content:"";background:var(--accent);width:0;height:1.5px;transition:width .25s;position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}.footer-link{font-family:var(--font-body);color:var(--soft-text);font-size:14px;font-weight:400;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--accent-deep)}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:6px;width:36px;height:36px;padding:0;display:none}.nav-toggle span{background:var(--ink);width:24px;height:2px;transition:transform .3s,opacity .2s;display:block}.nav-close{border:1px solid var(--border);border-radius:var(--radius-pill);cursor:pointer;width:40px;height:40px;font-family:var(--font-serif);color:var(--ink);background:0 0;justify-content:center;align-items:center;font-size:1.5rem;line-height:1;display:flex;position:absolute;top:24px;right:24px}.hairline{border:none;border-top:1px solid var(--border);margin:0}.hairline-strong{border:none;border-top:1px solid var(--strong-border);margin:0}.drop-cap:first-letter{color:var(--accent);float:left;margin:10px 14px -4px 0;font-family:Playfair Display,Georgia,serif;font-size:4.5rem;font-style:italic;font-weight:700;line-height:.82}.search-bar{background:var(--surface);border:1px solid var(--strong-border);border-radius:var(--radius-pill);align-items:center;gap:14px;width:100%;padding:16px 24px;transition:border-color .2s,box-shadow .2s;display:flex}.search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft-bg)}.search-bar input{font-family:var(--font-body);color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:1rem}.search-bar input::placeholder{color:var(--faint-text);font-style:italic}.color-swatch{cursor:pointer;transition:transform .25s cubic-bezier(.22,1,.36,1);position:relative}.color-swatch:hover{transform:translateY(-4px)}.color-swatch .swatch-block{border:1px solid var(--border);border-radius:var(--radius-soft);transition:border-color .2s}.color-swatch:hover .swatch-block{border-color:var(--strong-border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.5s ease-out fadeIn}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulseAccent{0%,to{opacity:1}50%{opacity:.5}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--strong-border);border:3px solid var(--bg);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--soft-text)}.gallery-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:32px;display:grid}.related-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;display:grid}@media (width<=960px){.gallery-grid{grid-template-columns:repeat(2,1fr);gap:24px}.related-grid{grid-template-columns:repeat(2,1fr);gap:20px}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}}@media (width<=720px){.nav-desktop{display:none}.nav-toggle{display:flex}.gallery-grid{grid-template-columns:1fr;gap:20px}.related-grid{grid-template-columns:1fr;gap:16px}.footer-grid{grid-template-columns:1fr;gap:32px}}.filter-chip{border:1px solid var(--strong-border);border-radius:var(--radius-pill);font-family:var(--font-body);color:var(--text);background:var(--surface);cursor:pointer;padding:8px 18px;font-size:13px;font-weight:500;line-height:1.4;transition:all .2s;display:inline-block}.filter-chip:hover{border-color:var(--accent);color:var(--accent-deep)}.filter-chip-active{border-color:var(--accent);color:var(--surface);background:var(--accent);font-weight:600}.filter-chip-active:hover{background:var(--accent-deep);border-color:var(--accent-deep);color:var(--surface)}.quiz-option{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-soft);cursor:pointer;flex-direction:column;align-items:flex-start;padding:32px 28px;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s;display:flex}.quiz-option:hover{box-shadow:var(--shadow-card-hover);border-color:var(--strong-border);transform:translateY(-4px)}.quiz-option:active{transform:translateY(-1px)}@media (width<=640px){.quiz-options-grid{gap:16px;grid-template-columns:1fr!important}}.timeline-track{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;margin:0 calc(-1*clamp(20px,5vw,40px));padding:0 clamp(20px,5vw,40px) 16px;overflow:auto hidden}.timeline-track>*{scroll-snap-align:start}.timeline-node{scroll-snap-align:start;border-right:1px solid var(--border);padding:0 28px 0 0}.timeline-node:last-child{border-right:none}.compare-column{min-height:100%}.compare-column-left{border-right:1px solid var(--border)}@media (width<=720px){.compare-grid{grid-template-columns:1fr!important}.compare-column-left{border-right:none;border-bottom:1px solid var(--border)}.compare-selectors{gap:16px;grid-template-columns:1fr!important}}.random-fullscreen{transition:opacity .3s}.random-spinning{opacity:.4}@media (width<=720px){.random-fullscreen{margin:0 -20px}}