@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap";
:root{--ink:#293d33;--muted:#737a71;--paper:#faf9f6;--line:#e1e3da;--green:#293e33}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif;font-size:16px;line-height:1.6}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:5px;outline:3px solid #8b6444}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}em{font-family:Georgia,Times New Roman,serif;font-weight:400}button{border:0}header,main,footer{max-width:1440px;margin:auto}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:105px;padding:0 64px;display:flex}.brand{letter-spacing:-2px;font-family:Georgia,serif;font-size:35px;font-weight:700;line-height:1}.brand span{letter-spacing:2.5px;margin-top:11px;font-family:Arial,sans-serif;font-size:8px;font-weight:400;display:block}.header nav{gap:36px;font-size:14px;display:flex}.header nav a{padding:8px 0}.header nav .active{border-bottom:1px solid var(--green)}.edition{letter-spacing:1.6px;font-size:11px}.edition i{border:1px solid #aaa997;border-radius:50%;margin-left:12px;padding:6px;font-style:normal}.intro{text-align:center;padding:55px 20px 39px}.eyebrow{letter-spacing:2px;text-transform:uppercase;font-size:11px;font-weight:600}.intro h1{letter-spacing:-2px;margin:14px 0;font-size:clamp(36px,4vw,56px);line-height:1.2}.intro h1 em{color:#8b7963}.intro>p:last-child{color:var(--muted);font-size:15px}.quiz-shell{background:#fff;border:1px solid #dce0d6;grid-template-columns:.85fr 1.15fr;min-height:745px;margin:0 64px;scroll-margin-top:24px;display:grid}.editorial{background:#e9e9df;flex-direction:column;padding:28px 32px 24px;display:flex;position:relative;overflow:hidden}.editorial-top,.editorial-bottom{letter-spacing:1.6px;z-index:2;justify-content:space-between;font-size:9px;display:flex;position:relative}.editorial-top{border-bottom:1px solid #c8cec1;padding-bottom:15px}.editorial-copy{z-index:2;padding:42px 9px 0}.editorial-copy>p{letter-spacing:5px;font-size:14px}.editorial-copy h2{letter-spacing:-6px;margin:12px 0 23px;font-family:Georgia,serif;font-size:108px;line-height:.92}.editorial-copy h2 em{font-weight:400}.editorial-copy>span{font-size:14px;line-height:1.65;display:block}.palette-art{gap:9px;height:230px;margin:27px -13px 0;display:flex;transform:rotate(-11deg)translate(19px,22px)}.palette-art>div{border-radius:60px 60px 3px 3px;flex:1;position:relative;box-shadow:2px 8px 10px #2b352510}.palette-art>div:nth-child(2){transform:translateY(18px)}.palette-art>div:nth-child(3){transform:translateY(36px)}.palette-art>div:nth-child(4){transform:translateY(54px)}.palette-art>div:nth-child(5){transform:translateY(72px)}.palette-art span{color:#293d33;font-size:10px;position:absolute;bottom:25px;left:15px}.editorial-bottom{margin-top:auto;padding-top:38px}.quiz-content{padding:30px 40px 26px}.quiz-meta{letter-spacing:1.4px;justify-content:space-between;align-items:center;font-size:10px;display:flex}.quiz-meta>span:last-child{letter-spacing:1px;font-size:16px}.muted{color:#989c92}.progress{gap:6px;margin:14px 0 28px;display:flex}.progress span{background:#e7e9e1;flex:1;height:3px}.progress .filled{background:var(--green)}.question-heading>.eyebrow{color:#85846b;font-size:10px}.question-heading h2{letter-spacing:-.7px;outline:none;max-width:490px;margin:9px 0;font-size:26px;line-height:1.32}.question-heading>p:last-child{color:var(--muted);max-width:460px;font-size:13px;line-height:1.65}.options{border:0;gap:10px;margin:24px 0 26px;padding:0;display:grid}.option{cursor:pointer;border:1px solid #e2e4dc;border-radius:3px;align-items:center;gap:14px;min-height:65px;padding:15px 16px;transition:background .15s,border-color .15s;display:flex;position:relative}.option:hover{background:#f5f6f0;border-color:#a5af9d}.option.selected{background:#eff2e9;border-color:#52634a}.option input{opacity:0;width:1px;height:1px;position:absolute}.option:has(input:focus-visible){outline-offset:3px;outline:3px solid #8b6444}.option-label{flex:1;font-size:14px;line-height:1.35}.radio{border:1px solid #c7cdc0;border-radius:50%;flex-shrink:0;place-items:center;width:19px;height:19px;font-size:12px;display:grid}.selected .radio{color:#fff;background:var(--green);border-color:var(--green)}.swatches{border:1px solid #00000009;border-radius:3px;flex-shrink:0;width:62px;height:33px;display:flex;overflow:hidden}.swatches i{flex:1}.compact{gap:7px;margin-top:21px;margin-bottom:22px}.compact .option{min-height:49px;padding:8px 14px}.compact .swatches{border-radius:50%;width:33px;height:30px}.compact .option-label{font-size:13px}.quiz-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-top:20px;display:flex}.back{background:0 0;padding:8px 0;font-size:13px}.back:disabled{color:#b0b5aa}.quiz-actions>span{color:var(--muted);font-size:11px}.primary,.secondary{border-radius:3px;min-height:46px;padding:13px 23px;font-size:13px}.primary{background:var(--green);color:#fff}.primary:hover:not(:disabled){background:#405b47}.primary:disabled{color:#939a8e;background:#e7eae2}.secondary{color:var(--ink);background:0 0;border:1px solid #adbaab}.small-note{color:var(--muted);text-align:center;margin-top:16px;font-size:11px}.below-quiz{color:var(--muted);justify-content:center;gap:65px;padding:25px 20px 36px;font-size:12px;display:flex}.below-quiz b{color:var(--ink);margin-right:7px;font-size:15px;font-weight:500}.seasons-section{padding:48px 64px 60px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:32px;display:flex}.section-heading h2,.about h2{letter-spacing:-1px;margin-top:12px;font-size:36px;line-height:1.3}.section-heading>p{color:var(--muted);padding-bottom:4px;font-size:14px}.season-tabs{border-bottom:1px solid #cdd2c7;grid-template-columns:repeat(4,1fr);display:grid}.season-tabs button{color:#6a756a;background:0 0;border-bottom:2px solid #0000;align-items:center;gap:15px;padding:19px 18px;font-family:Georgia,serif;font-size:25px;display:flex}.season-tabs button[aria-selected=true]{border-color:var(--green);color:var(--ink)}.season-tabs button>span{font:10px Arial}.season-tabs i{border-radius:50%;width:15px;height:15px;margin-left:auto;display:block}.season-panel{grid-template-columns:1fr 1fr;gap:50px;min-height:250px;padding:40px;transition:background .25s;display:grid}.season-panel h3{margin:12px 0;font-family:Georgia,serif;font-size:29px}.season-panel>div>p:last-child{color:#535f55;max-width:420px;font-size:14px}.season-colors{align-items:center;gap:9px;display:flex}.season-colors>div{text-align:center;flex:1}.season-colors i{border-radius:55px 55px 2px 2px;height:117px;margin-bottom:12px;display:block}.season-colors span{font-size:11px}.about{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12px 65px;padding:50px 64px 64px;display:grid}.about>.eyebrow{grid-column:1/-1}.about h2{margin:0}.about>div{color:var(--muted);font-size:14px}.about>div p+p{margin-top:12px}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:26px 64px;display:flex}.footer-brand{letter-spacing:-1.5px;font:700 29px Georgia}footer p{letter-spacing:1.7px;font-size:9px}footer>a{font-size:12px}.white-comparison{gap:22px;padding:15px 0 0;font-size:12px;display:flex}.white-comparison>div{align-items:center;gap:8px;display:flex}.white-comparison i{border:1px solid #d6d6ce;width:40px;height:30px;display:block}.result{text-align:center;padding-top:20px}.result-pre{color:var(--muted);margin-top:24px;font-size:14px}.result h2{letter-spacing:-3px;filter:brightness(.65);outline:none;font:italic 80px/1.25 Georgia,serif}.result-tags{justify-content:center;gap:10px;margin:12px 0 22px;font-size:11px;display:flex}.result-tags span{border:1px solid var(--line);border-radius:20px;padding:3px 12px}.result h3{margin-bottom:10px;font-family:Georgia,serif;font-size:24px}.result>p:not(.eyebrow):not(.small-note){color:var(--muted);font-size:13px}.result-palette{gap:8px;margin-top:24px;display:flex}.result-palette>div{flex:1}.result-palette i{border-radius:36px 36px 2px 2px;height:95px;margin-bottom:8px;display:block}.result-palette span,.result-palette small{font-size:11px;display:block}.result-palette small{color:var(--muted);font-size:9px}.result-buttons{justify-content:center;gap:10px;margin-top:22px;display:flex}.notice{min-height:22px;margin:12px 0}.result details{border-top:1px solid var(--line);text-align:left;padding:12px;font-size:12px}.result summary{cursor:pointer}.result details p{color:var(--muted);margin-top:10px}.text-button{color:var(--ink);background:0 0;padding:12px;font-size:12px;text-decoration:underline}.sr-only,.skip:not(:focus){clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip:focus{z-index:50;background:#fff;padding:10px;position:fixed;top:10px;left:10px}@media (min-width:1500px){.intro{padding-top:65px}.quiz-shell{min-height:770px}.editorial-copy h2{font-size:120px}.palette-art{height:250px}}@media (max-width:1100px){.header{padding:0 30px}.edition{display:none}.quiz-shell{grid-template-columns:.72fr 1fr;margin:0 30px}.quiz-content{padding:28px}.editorial{padding:26px 24px}.editorial-copy h2{font-size:90px}.editorial-top,.editorial-bottom{letter-spacing:1px;font-size:8px}.seasons-section,.about{padding-left:30px;padding-right:30px}.section-heading{gap:20px}.section-heading h2,.about h2{font-size:31px}.season-panel{gap:25px;padding:28px}.below-quiz{gap:30px}.quiz-actions>span{display:none}footer{padding:26px 30px}}@media (max-width:760px){.header{height:83px;padding:0 22px}.brand{font-size:30px}.brand span{letter-spacing:1.5px;font-size:7px}.header nav{gap:20px;font-size:12px}.header nav a:last-child{display:none}.intro{padding:35px 23px 28px}.intro .eyebrow{letter-spacing:1.7px;font-size:9px}.intro h1{letter-spacing:-1.8px;margin:13px 0;font-size:38px}.intro>p:last-child{max-width:330px;margin:auto;font-size:13px}.quiz-shell{min-height:0;margin:0 18px;display:block}.editorial{min-height:128px;padding:18px 22px;display:block}.editorial-top{border:none;max-width:260px;padding:0;font-size:8px}.editorial-top span:last-child{display:none}.editorial-copy{padding:8px 0 0;position:relative}.editorial-copy>p,.editorial-copy>span,.editorial-bottom{display:none}.editorial-copy h2{letter-spacing:-2px;margin:0;font-size:48px;line-height:1.1}.editorial-copy h2 br{display:none}.editorial-copy h2 em{margin-left:10px}.palette-art{opacity:.9;gap:5px;width:150px;height:140px;margin:0;position:absolute;top:0;right:6px;transform:rotate(-20deg)translate(10px,20px)}.palette-art span{display:none}.quiz-content{padding:24px 22px}.progress{margin-bottom:23px}.question-heading h2{font-size:24px;line-height:1.3}.question-heading>p:last-child{font-size:13px}.option-label,.compact .option-label{font-size:14px}.option{padding:14px 12px}.compact .option{min-height:54px;padding:10px 12px}.swatches{width:48px}.compact .swatches{width:29px;height:29px}.options{margin-top:21px}.quiz-actions .primary{min-width:135px}.small-note{font-size:10px}.below-quiz{justify-content:space-between;gap:10px;padding:22px 24px;font-size:10px}.below-quiz span{text-align:center;flex:1}.below-quiz b{margin:0 0 2px;font-size:17px;display:block}.seasons-section{padding:34px 22px 40px}.section-heading{margin-bottom:22px;display:block}.section-heading h2{font-size:30px}.section-heading>p{margin-top:17px;font-size:13px}.season-tabs button{justify-content:center;gap:5px;padding:14px 5px;font-size:20px}.season-tabs button>span,.season-tabs i{display:none}.season-panel{padding:26px 23px;display:block}.season-panel h3{font-size:27px}.season-colors{margin-top:24px}.season-colors i{height:108px}.season-colors span{font-size:10px}.about{padding:35px 24px;display:block}.about h2{margin:15px 0 22px;font-size:29px}.about>div{font-size:13px}footer{flex-wrap:wrap;gap:16px;padding:24px}footer p{flex-basis:100%;order:3;font-size:8px}.result{padding-top:0}.result h2{font-size:69px}.result-buttons{flex-direction:column}.result-palette i{height:100px}.result-pre{margin-top:18px}}.share-whatsapp,.share-instagram{color:#fff;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:13px 18px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.share-whatsapp{background:#176c41}.share-whatsapp:hover{background:#125333}.share-instagram{background:#963d66}.share-instagram:hover{background:#783051}.share-whatsapp>span,.share-instagram>span{font-size:22px;line-height:1}.share-help{max-width:390px;margin:12px auto 0;line-height:1.5;font-size:12px!important}.quiz-content,.season-panel>div{min-width:0}@media (max-width:360px){.header{gap:15px;padding:0 17px}.header nav{gap:12px;font-size:11px}.header .brand{font-size:27px}.brand span{letter-spacing:1px;font-size:6px}.quiz-content{padding:22px 15px}.quiz-actions{gap:8px}.quiz-actions .primary{min-width:115px;padding:12px 15px}.editorial-copy h2{font-size:40px}.option{gap:9px}.season-tabs button{font-size:18px}.season-colors span{font-size:9px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}