:root{--paper: #e6d8bf;--paper-soft: #dccbaf;--paper-deep: #cdb997;--ink: #201a12;--ink-soft: #57492f;--ink-faint: #82705a;--matcha: #77815c;--matcha-deep: #4d5836;--clay: #a08661;--line: rgba(32, 26, 18, .24);--line-soft: rgba(32, 26, 18, .12);--font-display: "Cormorant Garamond", "Times New Roman", serif;--font-body: "Zen Kaku Gothic New", "Hiragino Sans", sans-serif;--nav-height: 72px;--measure: 34rem;--ease: cubic-bezier(.25, .1, .25, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-weight:400;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}::selection{background:var(--matcha);color:var(--paper)}h1,h2,h3{font-family:var(--font-display);font-weight:500;line-height:1.15;letter-spacing:.01em}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}.eyebrow{font-size:.68rem;font-weight:400;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-soft)}.page{max-width:1100px;margin:0 auto;padding:calc(var(--nav-height) + 4.5rem) 2rem 6rem}.page-head{margin-bottom:3.5rem;max-width:var(--measure)}.page-head h1{font-size:clamp(2.4rem,5vw,3.4rem);margin:.9rem 0 1.1rem}.page-head p{color:var(--ink-soft)}@media (prefers-reduced-motion: no-preference){.fade-in{animation:fadeUp .9s var(--ease) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}}.site-nav{position:fixed;inset:0 0 auto 0;z-index:20;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;background:color-mix(in srgb,var(--paper) 82%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft)}.site-nav__brand{display:flex;align-items:baseline;gap:.7rem}.site-nav__mark{font-family:var(--font-display);font-size:1.5rem;color:var(--matcha-deep)}.site-nav__name{font-size:.72rem;letter-spacing:.3em;text-transform:uppercase}.site-nav__links{display:flex;gap:clamp(1rem,3vw,2.6rem)}.site-nav__link{position:relative;font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-soft);padding:.4rem 0;transition:color .3s var(--ease)}.site-nav__link:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--matcha-deep);transition:right .35s var(--ease)}.site-nav__link:hover,.site-nav__link.active{color:var(--ink)}.site-nav__link.active:after,.site-nav__link:hover:after{right:0}.landing{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--nav-height) 2rem 4rem;overflow:hidden}.landing__glyph{position:absolute;top:50%;left:50%;transform:translate(-50%,-54%);font-family:var(--font-display);font-size:clamp(20rem,55vw,34rem);color:var(--ink);opacity:.06;-webkit-user-select:none;user-select:none;pointer-events:none;line-height:1}.landing__eyebrow{margin-bottom:2.2rem}.landing h1{font-size:clamp(2.8rem,7vw,4.8rem);font-weight:400;max-width:16em}.landing h1 em{font-style:italic;color:var(--matcha-deep)}.landing__sub{margin-top:1.8rem;max-width:var(--measure);color:var(--ink-soft)}.landing__actions{margin-top:3.2rem;display:flex;align-items:center;gap:2.2rem;flex-wrap:wrap;justify-content:center}.landing__hint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-faint)}.btn{display:inline-block;padding:.85rem 2.2rem;border:1px solid var(--ink);font-size:.7rem;letter-spacing:.26em;text-transform:uppercase;transition:background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease)}.btn:hover{background:var(--ink);color:var(--paper)}.btn--primary{background:var(--matcha-deep);border-color:var(--matcha-deep);color:var(--paper)}.btn--primary:hover{background:var(--ink);border-color:var(--ink)}.btn:disabled{opacity:.35;pointer-events:none}.link-quiet{font-size:.7rem;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-soft);border-bottom:1px solid var(--line);padding-bottom:.2rem;transition:color .3s var(--ease),border-color .3s var(--ease)}.link-quiet:hover{color:var(--matcha-deep);border-color:var(--matcha-deep)}.matrix-layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:3rem;align-items:start}@media (max-width: 860px){.matrix-layout{grid-template-columns:1fr}}.matrix-figure{border:1px solid var(--line);background:var(--paper-soft);padding:1.2rem}.matrix-svg{display:block;width:100%;height:auto}.matrix-svg .dot{fill:var(--matcha-deep);opacity:.75;transition:opacity .25s var(--ease);cursor:pointer}.matrix-svg .dot:hover{opacity:1}.matrix-svg .dot.selected{fill:var(--ink);opacity:1}.matrix-svg .axis-line{stroke:var(--line);stroke-width:.3}.matrix-svg .quadrant-label{font-family:var(--font-body);font-size:2.6px;letter-spacing:.5px;text-transform:uppercase;fill:var(--ink-faint)}.matrix-svg .dot-label{font-family:var(--font-body);font-size:2.7px;fill:var(--ink-soft);pointer-events:none}.matrix-aside__placeholder{border:1px dashed var(--line);padding:2.5rem 2rem;color:var(--ink-faint);text-align:center;font-size:.85rem}.scent-card{border:1px solid var(--line);background:var(--paper-soft);padding:1.8rem 1.8rem 1.5rem;display:flex;flex-direction:column;gap:.9rem}.scent-card__producer{font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-soft)}.scent-card__name{font-size:1.7rem;margin-top:.2rem}.scent-card__match{font-size:.8rem;color:var(--matcha-deep);font-style:italic;font-family:var(--font-display);font-size:1.02rem}.scent-card__desc{color:var(--ink-soft);font-size:.88rem}.scent-card__axes{display:flex;flex-direction:column;gap:.45rem;margin:.3rem 0}.axis-meter{display:grid;grid-template-columns:6.4rem 1fr 6.4rem;align-items:center;gap:.6rem;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.axis-meter__track{position:relative;height:1px;background:var(--line)}.axis-meter__dot{position:absolute;top:50%;width:7px;height:7px;border-radius:50%;background:var(--matcha-deep);transform:translate(-50%,-50%)}.axis-meter span:last-child{text-align:right}.scent-card__notes{display:flex;flex-direction:column;gap:.15rem;font-size:.8rem;color:var(--ink-soft);border-top:1px solid var(--line-soft);padding-top:.8rem}.scent-card__notes b{font-weight:500;color:var(--ink);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;margin-right:.5rem}.scent-card__tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:auto;padding-top:.4rem}.scent-card__link{margin-top:.6rem}.tag-pill{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;padding:.3rem .8rem;border:1px solid var(--line);border-radius:999px;color:var(--ink-soft);transition:all .25s var(--ease)}button.tag-pill:hover{border-color:var(--matcha-deep);color:var(--matcha-deep)}.tag-pill.active{background:var(--matcha-deep);border-color:var(--matcha-deep);color:var(--paper)}.filter-bar{display:flex;flex-direction:column;gap:1.4rem;border:1px solid var(--line);background:var(--paper-soft);padding:1.6rem;margin-bottom:2.6rem}.filter-bar__row{display:flex;gap:1rem;flex-wrap:wrap}.filter-bar input[type=search],.filter-bar select{font:inherit;font-size:.85rem;color:var(--ink);background:var(--paper);border:1px solid var(--line);padding:.6rem .9rem;min-width:12rem;outline:none}.filter-bar input[type=search]:focus,.filter-bar select:focus{border-color:var(--matcha-deep)}.filter-bar__group{display:flex;flex-direction:column;gap:.6rem}.filter-bar__label{font-size:.6rem;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-faint)}.filter-bar__pills{display:flex;flex-wrap:wrap;gap:.5rem}.quadrant-btn{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;padding:.5rem 1rem;border:1px solid var(--line);color:var(--ink-soft);transition:all .25s var(--ease)}.quadrant-btn:hover{border-color:var(--matcha-deep);color:var(--matcha-deep)}.quadrant-btn.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.db-meta{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.6rem;color:var(--ink-faint);font-size:.78rem;letter-spacing:.1em}.db-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.6rem}.db-empty{border:1px dashed var(--line);padding:4rem 2rem;text-align:center;color:var(--ink-faint)}.quiz-question{border-top:1px solid var(--line-soft);padding:2.4rem 0;max-width:44rem}.quiz-question__num{font-size:.62rem;letter-spacing:.3em;color:var(--ink-faint);text-transform:uppercase}.quiz-question h2{font-size:1.7rem;margin:.7rem 0 1.4rem}.quiz-options{display:flex;flex-direction:column;gap:.7rem}.quiz-option{text-align:left;border:1px solid var(--line);padding:.95rem 1.3rem;font-size:.9rem;color:var(--ink-soft);background:var(--paper-soft);transition:all .25s var(--ease)}.quiz-option:hover{border-color:var(--matcha-deep);color:var(--ink)}.quiz-option.selected{background:var(--matcha-deep);border-color:var(--matcha-deep);color:var(--paper)}.quiz-submit{margin-top:2.6rem;display:flex;align-items:center;gap:1.6rem}.quiz-submit__hint{font-size:.75rem;color:var(--ink-faint)}.quiz-results{margin-top:1.5rem}.quiz-results__head{max-width:var(--measure);margin-bottom:2.4rem}.quiz-results__head h2{font-size:2.2rem;margin-bottom:.6rem}.quiz-results .db-grid{align-items:stretch}.contact{max-width:var(--measure)}.contact__mail{display:inline-block;margin-top:2rem;font-family:var(--font-display);font-size:1.6rem;border-bottom:1px solid var(--line);padding-bottom:.2rem;transition:color .3s var(--ease),border-color .3s var(--ease)}.contact__mail:hover{color:var(--matcha-deep);border-color:var(--matcha-deep)}.site-footer{border-top:1px solid var(--line-soft);padding:2.2rem 2rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint)}