:root{--bg: #F9F7F4;--surface: #FDFCFA;--dark: #1A1815;--text: #2A2520;--text-muted: #7A736B;--text-faint: #B0A898;--border: #E0DAD3;--border-dark: #C8C0B8;--gold: #B89256;--gold-pale: #E5D5A8;--gold-faint: #F5EDD8;--ease-out: cubic-bezier(.25, .46, .45, .94)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:300;background:var(--bg);color:var(--text);line-height:1.75;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Cormorant Garamond,Georgia,serif;font-weight:300;line-height:1.15}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;background:none;border:none}em{font-style:italic}strong{font-weight:500}.page-home,.page-guide{min-height:100vh;display:flex;flex-direction:column}.site-header{position:sticky;top:0;z-index:100;background:#f9f7f4ed;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.header-inner{max-width:1100px;margin:0 auto;padding:0 40px;height:64px;display:flex;align-items:center;justify-content:space-between}.site-logo{font-family:Cormorant Garamond,Georgia,serif;font-size:1.25rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--dark)}.site-nav{display:flex;gap:32px}.nav-link{font-size:.68rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);transition:color .3s}.nav-link:hover,.nav-link--active{color:var(--dark)}.site-footer{margin-top:auto;padding:40px 40px 36px;text-align:center;font-size:.68rem;color:var(--text-faint);letter-spacing:.12em;text-transform:uppercase}.footer-rule{width:40px;height:1px;background:var(--gold-pale);margin:0 auto 24px}.hero-eyebrow{font-size:.65rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:20px}.hero-rule{width:48px;height:1px;background:var(--gold-pale);margin:28px auto}.home-main{flex:1;max-width:1100px;width:100%;margin:0 auto;padding:0 40px 100px}.hero{text-align:center;padding:100px 0 56px}.hero-title{font-size:clamp(3rem,6vw,5.2rem);font-weight:300;letter-spacing:.025em;color:var(--dark);line-height:1.1}.hero-sub{font-size:.92rem;color:var(--text-muted);letter-spacing:.04em;font-weight:300}.hero-quiz-cta{font-size:.82rem;color:var(--text-muted);letter-spacing:.02em;margin-top:20px}.selector-section{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:64px}.select-wrapper{position:relative;width:100%;max-width:480px}.season-select{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:none;border-bottom:1px solid var(--gold);padding:14px 40px 14px 2px;font-family:Cormorant Garamond,Georgia,serif;font-size:1.35rem;font-weight:400;color:var(--dark);letter-spacing:.02em;cursor:pointer;outline:none;transition:border-color .3s}.season-select:focus{border-bottom-color:var(--dark)}.season-select option,.season-select optgroup{font-family:Inter,sans-serif;font-size:.9rem}.select-caret{position:absolute;right:4px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:1.2rem;color:var(--gold);line-height:1}.season-tagline{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-size:1.05rem;letter-spacing:.04em;color:var(--text-muted);text-align:center}.swatches{display:flex;width:100%;gap:0}.swatch-col{flex:1;display:flex;flex-direction:column}.swatch{display:block;width:100%;height:320px;border:none;cursor:pointer;transition:height .45s var(--ease-out),box-shadow .35s;position:relative;flex-shrink:0}.swatch-col:hover .swatch{height:360px}.swatch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 60%);opacity:0;transition:opacity .35s}.swatch-col:hover .swatch:after{opacity:1}.swatch--empty{background:var(--border);cursor:default}.swatch-meta{padding:14px 12px 20px;background:var(--surface);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:3px;transition:background .3s;flex:1}.swatch-col:hover .swatch-meta{background:#fff}.swatch-name{font-family:Cormorant Garamond,Georgia,serif;font-size:.88rem;font-weight:400;letter-spacing:.02em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.swatch-hex{font-size:.65rem;letter-spacing:.1em;color:var(--text-faint);transition:color .2s}.swatch-hex--copied{color:var(--gold)}.swatch-meta--empty .swatch-name-ph,.swatch-meta--empty .swatch-hex-ph{display:block;background:var(--border);border-radius:2px}.swatch-meta--empty .swatch-name-ph{width:70%;height:12px;margin-bottom:6px}.swatch-meta--empty .swatch-hex-ph{width:45%;height:9px}.palette-footer{display:flex;align-items:center;gap:32px;margin-top:28px;padding-top:22px;border-top:1px solid var(--border)}.palette-counter{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin-right:auto}.intro-palette-label{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-size:.82rem;letter-spacing:.04em;text-transform:none;color:var(--text-muted)}.cycle-btn{font-size:.68rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);padding-bottom:2px;transition:color .3s,border-color .3s}.cycle-btn:hover{color:var(--gold);border-color:var(--gold)}.guide-link{font-size:.68rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);padding-bottom:2px;transition:color .3s,border-color .3s}.guide-link:hover{color:var(--gold);border-color:var(--gold)}.empty-state{display:flex;flex-direction:column;gap:32px}.empty-swatches{display:flex;width:100%}.empty-hint{text-align:center;font-size:.85rem;color:var(--text-muted);letter-spacing:.02em}.inline-guide-link{color:var(--gold);border-bottom:1px solid var(--gold-pale);padding-bottom:1px;transition:border-color .2s}.inline-guide-link:hover{border-color:var(--gold)}.guide-main{flex:1;max-width:1100px;width:100%;margin:0 auto;padding:0 40px 120px}.guide-hero{max-width:600px;padding:100px 0 72px}.guide-title{font-size:clamp(2.6rem,5vw,4.4rem);font-weight:300;letter-spacing:.025em;color:var(--dark);margin-bottom:0}.guide-intro{font-size:.95rem;color:var(--text-muted);line-height:1.85;max-width:520px}.guide-intro em{font-style:italic;color:var(--text)}.how-to-section{margin-bottom:96px;padding-top:8px}.how-to-title{font-size:1.7rem;font-weight:400;letter-spacing:.02em;margin-bottom:40px;color:var(--dark)}.how-to-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--border);border:1px solid var(--border)}.how-to-step{background:var(--surface);padding:36px 32px;display:flex;gap:24px;align-items:flex-start}.step-number{font-family:Cormorant Garamond,Georgia,serif;font-size:2.2rem;font-weight:300;color:var(--gold-pale);line-height:1;flex-shrink:0;letter-spacing:.02em}.step-body{flex:1}.step-head{font-family:Cormorant Garamond,Georgia,serif;font-size:1.2rem;font-weight:500;color:var(--dark);margin-bottom:8px;letter-spacing:.02em}.step-text{font-size:.9rem;color:var(--text-muted);line-height:1.75}.group-section{margin-top:96px}.group-header{display:flex;flex-direction:column;gap:10px;margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid var(--border)}.group-eyebrow{font-size:.65rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.group-title{font-size:clamp(2.2rem,4vw,3.4rem);font-weight:300;color:var(--dark);letter-spacing:.025em}.group-description{font-size:.92rem;color:var(--text-muted);line-height:1.8;max-width:640px}.season-cards{display:flex;flex-direction:column;gap:2px}.season-card{display:grid;grid-template-columns:280px 1fr;background:var(--surface);scroll-margin-top:80px;transition:box-shadow .3s;border:1px solid var(--border)}.season-card:hover{box-shadow:0 8px 48px #0000000f}.season-card-left{display:flex;flex-direction:column;border-right:1px solid var(--border);overflow:hidden}.preview-swatches{display:grid;grid-template-columns:repeat(5,1fr)}.preview-swatch{aspect-ratio:1}.try-season-link{display:block;padding:16px 20px;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);border-top:1px solid var(--border);transition:color .3s,background .3s}.try-season-link:hover{color:var(--gold);background:var(--gold-faint)}.season-card-right{padding:36px 40px;display:flex;flex-direction:column;gap:24px}.season-card-heading{display:flex;flex-direction:column;gap:6px}.season-card-title{font-size:1.9rem;font-weight:400;color:var(--dark);letter-spacing:.02em}.season-card-tagline{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-size:1rem;color:var(--text-muted);letter-spacing:.03em}.season-description{font-size:.92rem;color:var(--text-muted);line-height:1.85}.season-traits{display:flex;flex-wrap:wrap;gap:6px}.trait-chip{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border-dark);color:var(--text-muted);border-radius:1px;padding:4px 10px;white-space:nowrap}.season-identification{border-left:2px solid var(--gold-pale);padding-left:18px}.identification-label{font-size:.62rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}.identification-text{font-size:.88rem;color:var(--text-muted);line-height:1.8}.page-quiz{min-height:100vh;display:flex;flex-direction:column}.quiz-main{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:72px 40px 100px}.quiz-container{width:100%;max-width:640px}.quiz-progress-track{width:100%;height:1px;background:var(--border);margin-bottom:40px;position:relative}.quiz-progress-fill{position:absolute;top:0;left:0;height:100%;background:var(--gold);transition:width .5s var(--ease-out)}.quiz-step-label{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);margin-bottom:28px}.quiz-step-of{color:var(--border-dark)}.quiz-question{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:300;letter-spacing:.02em;color:var(--dark);line-height:1.3;margin-bottom:12px}.quiz-question-sub{font-size:.87rem;color:var(--text-muted);margin-bottom:0;letter-spacing:.02em}.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;margin-top:40px}.quiz-option{display:flex;flex-direction:column;gap:5px;padding:24px 22px;background:var(--surface);border:1px solid var(--border);text-align:left;cursor:pointer;transition:background .25s,border-color .25s,transform .2s;position:relative}.quiz-option:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gold);transition:width .3s var(--ease-out)}.quiz-option:hover{background:#fff;border-color:var(--border-dark)}.quiz-option:hover:after{width:100%}.quiz-option-label{font-family:Cormorant Garamond,Georgia,serif;font-size:1.15rem;font-weight:400;color:var(--dark);letter-spacing:.02em;line-height:1.2}.quiz-option-sub{font-size:.78rem;color:var(--text-muted);letter-spacing:.01em;line-height:1.5}.quiz-back{margin-top:32px;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);padding-bottom:2px;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}.quiz-back:hover{color:var(--text-muted);border-color:var(--border-dark)}.quiz-result{width:100%;max-width:640px;text-align:center;padding-top:16px}.quiz-result-eyebrow{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}.quiz-result-name{font-size:clamp(2.8rem,6vw,4.8rem);font-weight:300;letter-spacing:.025em;color:var(--dark);line-height:1.1;margin-bottom:12px}.quiz-result-tagline{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-size:1.1rem;color:var(--text-muted);letter-spacing:.04em}.quiz-result-rule{width:48px;height:1px;background:var(--gold-pale);margin:32px auto}.quiz-result-swatches{display:flex;width:100%;height:140px;margin-bottom:36px;border:1px solid var(--border);overflow:hidden}.quiz-result-swatch{flex:1;transition:flex .4s var(--ease-out)}.quiz-result-swatch:hover{flex:1.8}.quiz-result-desc{font-size:.92rem;color:var(--text-muted);line-height:1.85;max-width:520px;margin:0 auto 44px;text-align:left}.quiz-result-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:32px}.quiz-cta-primary{display:inline-block;padding:14px 32px;background:var(--dark);color:#f9f7f4;font-size:.65rem;font-weight:400;letter-spacing:.18em;text-transform:uppercase;transition:background .3s}.quiz-cta-primary:hover{background:#000}.quiz-cta-secondary{display:inline-block;padding:14px 32px;border:1px solid var(--border-dark);color:var(--text-muted);font-size:.65rem;font-weight:400;letter-spacing:.18em;text-transform:uppercase;transition:border-color .3s,color .3s}.quiz-cta-secondary:hover{border-color:var(--gold);color:var(--gold)}.quiz-retake{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);border-bottom:1px solid transparent;padding-bottom:1px;transition:color .2s,border-color .2s}.quiz-retake:hover{color:var(--text-muted);border-color:var(--border-dark)}.empty-hint-divider{color:var(--border-dark);margin:0 2px}@media (max-width: 768px){.header-inner{padding:0 20px}.home-main,.guide-main{padding:0 20px 80px}.quiz-main{padding:48px 20px 80px}.site-footer{padding:32px 20px}.hero{padding:72px 0 48px}.hero-title{font-size:2.6rem}.guide-hero{padding:72px 0 56px}.guide-title{font-size:2.6rem}.swatch{height:200px}.swatch-col:hover .swatch{height:220px}.swatch-name{font-size:.72rem}.swatch-meta{padding:10px 8px 14px}.palette-footer{flex-wrap:wrap;gap:18px}.how-to-steps{grid-template-columns:1fr}.how-to-step{padding:24px 20px}.season-card{grid-template-columns:1fr}.season-card-left{border-right:none;border-bottom:1px solid var(--border)}.preview-swatches{min-height:120px}.season-card-right{padding:24px 20px}}@media (max-width: 480px){.swatches{flex-wrap:wrap}.swatch-col{flex:1 1 calc(33.33% - 1px)}.swatch,.swatch-col:hover .swatch{height:140px}.quiz-options{grid-template-columns:1fr}.quiz-result-actions{flex-direction:column;align-items:stretch}.quiz-cta-primary,.quiz-cta-secondary{text-align:center}}