@import "https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600&family=Bricolage+Grotesque:wght@300;400&display=swap";:root{--ink:#252521;--terra:#b9684f;--cream:#f5f0e7;--paper:#fffdf9;--line:#ded6ca;--shadow:0 24px 70px #42372b1a}*{box-sizing:border-box}body{color:var(--ink);background:var(--cream);margin:0;font-family:Archivo,Arial,sans-serif}button,a,textarea{font:inherit}header{background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:112px;padding:18px clamp(22px,5vw,78px);display:flex}header img{object-fit:contain;object-position:left;width:238px;height:72px}header>div{align-items:center;gap:22px;font-size:13px;display:flex}header button,.result nav button:not(.primary),article nav button:not(.primary){cursor:pointer;background:0 0;border:0;text-decoration:underline}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--terra);font-size:12px;font-weight:600}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:500;line-height:1.05}h1{letter-spacing:-.04em;font-size:clamp(38px,5vw,72px)}h1 em{color:var(--terra);font-family:Bricolage Grotesque;font-style:normal;font-weight:300}p{line-height:1.7}.primary{background:var(--ink);color:#fff;cursor:pointer;border:0;justify-content:center;padding:17px 24px;font-weight:500;text-decoration:none;display:inline-flex}.primary:disabled{opacity:.35}.login{background:radial-gradient(circle at 75% 15%,#d7b09d 0 12%,transparent 37%),var(--cream);place-items:center;min-height:100vh;padding:24px;display:grid}.login section{background:var(--paper);width:min(520px,100%);box-shadow:var(--shadow);text-align:center;padding:56px}.login img{width:280px;max-width:100%;margin-bottom:32px}.login h1{font-size:48px}.login .primary{margin:15px auto 25px}.login small,.home small,.reflection small,.result>small{color:#716c64;display:block}.home{grid-template-columns:1.1fr .9fr;align-items:center;gap:8vw;min-height:calc(100vh - 112px);padding:70px clamp(24px,8vw,130px);display:grid}.home>div>p:not(.eyebrow){max-width:680px;font-size:19px}.home .primary{margin:15px 0 24px}.home aside{background:var(--paper);box-shadow:var(--shadow);padding:55px;transform:rotate(1.5deg)}.home aside h2{color:var(--terra);margin:22px 0 45px;font-family:Bricolage Grotesque;font-size:45px;font-weight:300}.swatches{height:58px;margin:25px 0;display:flex}.swatches i{background:#b96b52;flex:1}.swatches i:nth-child(2){background:#d7c0a2}.swatches i:nth-child(3){background:#8e9271}.swatches i:nth-child(4){background:#393a35}.center,.reflection,.result{text-align:center;max-width:1120px;margin:auto;padding:70px 28px 100px}.center>p:not(.eyebrow){max-width:760px;margin:0 auto 38px;font-size:19px}.routes{text-align:left;grid-template-columns:1fr 1fr;gap:24px;margin:50px 0;display:grid}.routes button{background:var(--paper);border:1px solid var(--line);cursor:pointer;padding:42px}.routes button:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.routes h2{margin:20px 0;font-size:34px}.routes b{color:var(--terra)}.notes{text-align:left;background:#fffaf3;margin:10px 0 32px;padding:28px 36px;line-height:2;display:inline-block}.journey{grid-template-columns:320px 1fr;min-height:calc(100vh - 112px);display:grid}.journey>aside{color:#fff;background:#30322c;padding:50px 32px}.journey ol{margin:40px 0;padding:0;list-style:none}.journey li{opacity:.45;align-items:center;gap:14px;padding:14px 0;display:flex}.journey li.active,.journey li.done{opacity:1}.journey li i{border:1px solid #fff6;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-style:normal;display:grid}.journey li.active i{background:var(--terra)}.question{background:#eee8de;padding:42px clamp(25px,7vw,95px)}.meta{color:#746f66;justify-content:space-between;margin-bottom:18px;font-size:13px;display:flex}.question article{background:var(--paper);max-width:780px;box-shadow:var(--shadow);padding:clamp(28px,5vw,60px)}.question article h1{margin:20px 0;font-size:clamp(34px,4vw,55px)}.hint{background:#f5eee4;padding:16px 20px}.question textarea{border:1px solid var(--line);resize:vertical;width:100%;padding:20px}.choices{gap:12px;display:grid}.choices button{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;gap:15px;padding:18px;display:flex}.choices button i{border:1px solid #999;border-radius:50%;width:18px;height:18px}.choices button.selected{border-color:var(--terra);background:#fbf1ed}.choices button.selected i{background:var(--terra);box-shadow:inset 0 0 0 4px #fff}.question nav,.result nav{justify-content:space-between;align-items:center;margin-top:35px;display:flex}.reflection article{background:var(--paper);max-width:760px;box-shadow:var(--shadow);text-align:left;gap:30px;margin:40px auto 24px;padding:45px;display:flex}.reflection article img{width:95px;height:95px}.reflection article p{font-size:19px}.reflection .primary{margin-top:28px}.result-grid{text-align:left;grid-template-columns:1.2fr .8fr;gap:22px;margin:45px 0;display:grid}.result-grid article{background:var(--paper);box-shadow:var(--shadow);padding:42px}.result-grid h2{color:var(--terra);font-family:Bricolage Grotesque;font-size:46px;font-weight:300}.result-grid .next{grid-column:1/-1;align-items:center;gap:30px;display:flex}.result-grid .next img{width:110px}.bigwords{color:var(--terra);flex-direction:column;gap:8px;font-family:Bricolage Grotesque;font-size:33px;display:flex}.result nav{justify-content:center;gap:28px}.loading{place-items:center;min-height:100vh;display:grid}@media (width<=760px){header{height:86px;padding:10px 16px}header img{width:170px;height:58px}header span{display:none}.home{grid-template-columns:1fr;padding:45px 22px}.home aside{padding:32px}.routes,.journey{grid-template-columns:1fr}.journey>aside{padding:20px;overflow:auto}.journey>aside h2,.journey>aside>.eyebrow{display:none}.journey ol{gap:16px;margin:0;display:flex}.journey li{min-width:max-content}.question{padding:24px 16px}.question article{padding:30px 22px}.result-grid{grid-template-columns:1fr}.result-grid .next{grid-column:auto;display:block}.reflection article{display:block}}@media print{header,.result nav{display:none}.result{padding:20px}.result-grid article{box-shadow:none;border:1px solid #ddd}}