/* Aroma Type — editorial fragrance identity */
:root{--paper:#f2eee7;--paper-2:#e8e1d7;--ink:#191d1a;--muted:#76776f;--line:rgba(25,29,26,.17);--deep:#101714;--serif:"Noto Serif JP",serif;--sans:"DM Sans","Noto Sans JP",sans-serif;--ease:cubic-bezier(.22,.61,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.85;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}::selection{background:#c5b6a0;color:#141815}.site-header{height:82px;padding:0 5.4%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20;background:var(--paper)}.wordmark{font-family:var(--serif);font-size:20px;letter-spacing:-.06em;white-space:nowrap}.wordmark span{font-style:italic;font-weight:400}.main-nav{display:flex;align-items:center;gap:34px;font-size:11px;letter-spacing:.08em}.main-nav a{position:relative;transition:opacity .25s}.main-nav a:not(.nav-cta):after{content:"";height:1px;position:absolute;left:0;right:100%;bottom:-7px;background:currentColor;transition:right .3s var(--ease)}.main-nav a:hover:after,.main-nav a.active:after{right:0}.nav-cta{padding:11px 16px;border:1px solid var(--line);border-radius:99px}.nav-cta span{margin-left:12px}.menu-toggle{display:none;border:0;background:transparent}.hero{min-height:min(760px,calc(100svh - 82px));height:690px;max-height:calc(100svh - 82px);position:relative;overflow:hidden;background:#171d1b;color:#fff}.hero-image,.hero-shade,.result-hero-bg,.result-hero-overlay{position:absolute;inset:0}.hero-image img,.feature-image img,.result-hero-bg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.5s var(--ease)}.hero:hover .hero-image img{transform:scale(1.025)}.hero-image img{object-position:center 40%;opacity:.77}.image-fallback{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:radial-gradient(ellipse at 65% 38%,#5c5b4a,#202923 45%,#0e1412 80%);color:rgba(255,255,255,.55);font-size:10px;letter-spacing:.25em}.image-fallback:before{content:"";position:absolute;width:36%;aspect-ratio:1;border:1px solid rgba(238,224,197,.28);border-radius:50%;box-shadow:0 0 0 28px rgba(238,224,197,.025),0 0 0 56px rgba(238,224,197,.025)}.image-fallback span{position:relative}.image-frame.is-fallback img{display:none}.image-frame.is-fallback .image-fallback{display:flex}.hero-shade{background:linear-gradient(90deg,rgba(10,15,13,.78),rgba(10,15,13,.26) 56%,rgba(10,15,13,.05)),linear-gradient(0deg,rgba(8,12,10,.35),transparent 42%)}.hero-copy{position:absolute;left:10%;top:50%;transform:translateY(-48%);max-width:640px;animation:fadeUp .9s .12s both}.eyebrow{font-family:var(--sans);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#797b72;margin:0 0 22px}.eyebrow.light{color:rgba(255,255,255,.68)}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(30px,4.2vw,56px);letter-spacing:.08em;line-height:1.75;margin:0 0 22px}.hero-lead{font-size:13px;line-height:2.3;letter-spacing:.06em;color:rgba(255,255,255,.82);margin:0 0 30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:51px;padding:0 25px;border-radius:99px;font-size:11px;letter-spacing:.07em;border:1px solid transparent;cursor:pointer;transition:transform .3s var(--ease),background .3s,color .3s,border-color .3s}.button:hover{transform:translateY(-3px)}.button span{font-size:16px;transition:transform .3s}.button:hover span{transform:translateX(3px)}.button-light{background:#f6f2eb;color:#171b18}.button-dark{background:#171c19;color:#f6f2eb}.button-dark:hover{background:#343b34}.button-outline{border-color:var(--line);background:transparent}.button-outline:hover{background:var(--paper-2)}.hero-index{position:absolute;left:5.4%;bottom:38px;display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.1em}.hero-index i{height:1px;width:42px;background:rgba(255,255,255,.6)}.hero-caption{position:absolute;right:5.4%;bottom:27px;font-size:8px;line-height:1.7;letter-spacing:.16em;color:rgba(255,255,255,.7)}.section-pad{padding:110px 10%}.section-kicker{display:flex;align-items:center;gap:17px;font-size:9px;letter-spacing:.16em;color:#73766d;margin-bottom:55px}.section-kicker i{width:42px;height:1px;background:#a7a69c}.intro-grid{display:grid;grid-template-columns:1.1fr .7fr;gap:10%;align-items:start}.display-title{font-family:var(--serif);font-size:clamp(26px,3.3vw,42px);font-weight:400;letter-spacing:.045em;line-height:1.8;margin:0}.display-title em{font-style:normal;color:#89826f}.intro-text{padding-top:10px;color:#62655e;font-size:13px;line-height:2.3}.intro-text p{margin:0 0 17px}.text-link{display:inline-flex;gap:20px;align-items:center;border-bottom:1px solid #a9a79e;padding:8px 0 5px;margin-top:13px;font-size:11px;letter-spacing:.06em}.text-link span{transition:transform .3s}.text-link:hover span{transform:translate(3px,-3px)}.method{background:#e9e3da}.method-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:54px}.method-heading>p{color:#777970;font-size:12px;line-height:2.1;margin:0 2% 8px 0}.axis-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.axis-card{min-height:218px;padding:20px 13px 16px;border-right:1px solid var(--line);position:relative;transition:background .35s}.axis-card:first-child{border-left:1px solid var(--line)}.axis-card:hover{background:rgba(255,255,255,.36)}.axis-no,.axis-en{font-size:9px;letter-spacing:.12em;color:#87877e}.axis-mark{font-size:30px;margin:18px 0 12px;line-height:1}.mark-citrus{color:#b9a26b}.mark-floral{color:#b69a9b}.mark-wood{color:#8a7059}.mark-spice{color:#a16e52}.mark-green{color:#78866c}.mark-amber{color:#b48a58}.axis-card h3{font-family:var(--serif);font-weight:400;font-size:15px;margin:0 0 5px}.axis-card p{font-size:10px;line-height:1.8;color:#777970;margin:0 0 16px}.axis-en{position:absolute;bottom:14px;right:13px;font-size:8px}.feature-story{display:grid;grid-template-columns:1fr 1fr;min-height:540px;background:#d9d2c7}.feature-image{min-height:440px;position:relative;overflow:hidden;background:#4c5148}.feature-image img{object-position:center 45%;filter:saturate(.7)}.feature-copy{align-self:center;padding:80px 14%}.feature-copy .display-title{font-size:clamp(24px,2.6vw,35px);margin-bottom:25px}.feature-copy>p:not(.eyebrow){font-size:12px;color:#686b63;line-height:2.4;margin:0 0 25px}.closing-cta{text-align:center;position:relative;overflow:hidden;padding-top:130px;padding-bottom:130px}.closing-cta .display-title{margin-bottom:32px}.closing-cta .eyebrow{margin-bottom:20px}.closing-orbit{position:absolute;border:1px solid rgba(127,121,104,.17);width:360px;aspect-ratio:1;border-radius:50%;pointer-events:none}.orbit-one{left:-210px;top:25px}.orbit-two{right:-240px;bottom:-210px;width:480px}.site-footer{background:#111714;color:#f2eee7;padding:54px 5.4% 26px;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;align-items:center}.site-footer .wordmark{font-size:19px}.site-footer>p{justify-self:end;font-family:var(--serif);font-size:11px;color:#b3b5ad}.footer-links{display:flex;gap:24px;font-size:10px;color:#c0c2bb}.footer-links a:hover{color:white}.site-footer small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.14);padding-top:20px;margin-top:23px;color:#858b82;font-size:8px;letter-spacing:.16em}.header-dark{background:#111714;color:#f2eee7}.header-dark .nav-cta{border-color:rgba(255,255,255,.25)}.header-dark .main-nav a:after{background:#eee}.quiz-page{background:#f4f0e9}.quiz-shell{max-width:850px;margin:0 auto;min-height:calc(100vh - 190px);padding:38px 34px 65px}.quiz-topline{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.15em;color:#85867e}.back-link{font-size:11px;letter-spacing:0}.quiz-progress{display:flex;align-items:center;gap:18px;margin:44px 0 60px}.progress-track{height:2px;background:#d9d4ca;flex:1}.progress-track span{height:100%;display:block;width:0;background:#252b26;transition:width .5s var(--ease)}.quiz-progress>span{font-size:10px;letter-spacing:.12em;white-space:nowrap}.quiz-content{max-width:720px;margin:0 auto;animation:fadeUp .55s both}.quiz-content>.eyebrow{margin-bottom:16px}.quiz-content h1{font-size:clamp(28px,4vw,42px);margin-bottom:18px}.quiz-intro{font-size:12px;color:#777970;margin:0 0 34px}.question-title{font-family:var(--serif);font-size:22px;font-weight:400;line-height:1.8;margin:0 0 9px}.question-subtitle{font-size:11px;color:#7b7d74;margin:0 0 30px}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.answer-card{min-height:138px;text-align:left;padding:20px 21px;background:rgba(255,255,255,.42);border:1px solid #ddd8ce;position:relative;cursor:pointer;transition:background .25s,border-color .25s,transform .25s}.answer-card:hover{transform:translateY(-2px);border-color:#99998d}.answer-card.selected{border-color:#202722;background:#e5ded3}.answer-card.selected:after{content:"✓";position:absolute;right:16px;top:13px;font-size:12px}.answer-number{font-size:9px;color:#99978d;letter-spacing:.12em}.answer-title{display:block;font-family:var(--serif);font-size:15px;margin:10px 0 4px}.answer-desc{display:block;font-size:10px;line-height:1.8;color:#777970;max-width:92%}.quiz-controls{display:flex;justify-content:space-between;align-items:center;margin-top:35px}.quiz-controls .button{min-width:140px}.quiz-back{border:0;background:transparent;font-size:11px;cursor:pointer;padding:12px 0;color:#6e7168}.quiz-back:disabled{opacity:.25;cursor:default}.quiz-footnote{max-width:720px;margin:45px auto 0;font-size:9px;color:#929188;line-height:1.9}.loading-state{padding:45px 0;color:#777;font-size:12px}.compact-footer{padding-top:28px;padding-bottom:22px}.compact-footer small{margin-top:8px}.result-page{background:var(--paper)}.result-hero{height:420px;position:relative;overflow:hidden;background:#151b18;color:#fff}.result-hero-bg img{object-position:center 35%;opacity:.62;filter:saturate(.65)}.result-hero-overlay{background:linear-gradient(90deg,rgba(10,15,13,.82),rgba(10,15,13,.3) 72%),linear-gradient(0deg,rgba(10,15,13,.28),transparent)}.result-hero-copy{position:relative;z-index:2;padding:65px 10%;max-width:900px;animation:fadeUp .7s both}.result-label{font-size:10px;letter-spacing:.12em;color:#c0c3b8;margin:20px 0 0}.result-hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(34px,5vw,56px);line-height:1.3;letter-spacing:.02em;margin:5px 0}.result-japanese{font-size:12px;letter-spacing:.12em;color:#ddd8cd;margin:0 0 24px}.result-summary{font-size:12px;line-height:2.2;color:#e3e2da;max-width:400px}.result-body{padding-top:80px;padding-bottom:100px}.result-columns{display:grid;grid-template-columns:1.3fr .7fr;gap:11%}.small-title{font-size:25px;margin-bottom:12px}.muted-copy{font-size:11px;color:#777970;line-height:2;margin:0 0 28px}.metric-list{display:grid;gap:18px}.metric-row{display:grid;grid-template-columns:105px 1fr 34px;gap:15px;align-items:center;font-size:11px}.metric-name{color:#565b53}.metric-track{height:3px;background:#ded9d0;overflow:hidden}.metric-fill{height:100%;width:0;background:#545e50;transition:width 1.1s var(--ease)}.metric-value{text-align:right;font-size:10px;color:#777970}.result-aside{background:#e7e0d6;padding:30px 32px;align-self:start;margin-top:20px}.result-aside .eyebrow{margin-bottom:20px}.result-aside blockquote{font-family:var(--serif);font-size:20px;line-height:2;margin:0 0 24px}.aside-rule{height:1px;background:var(--line);margin-bottom:20px}.result-aside>p:not(.eyebrow){font-size:11px;line-height:2.2;color:#70736b}.result-aside .text-link{margin-top:12px}.result-lower{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;border-top:1px solid var(--line);margin-top:82px;padding-top:55px}.dimension-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dimension-card{border:1px solid var(--line);padding:19px 18px}.dimension-card .dimension-code{font-size:9px;color:#88887e;letter-spacing:.13em}.dimension-card h3{font-family:var(--serif);font-size:14px;font-weight:400;margin:10px 0 4px}.dimension-card p{font-size:10px;line-height:1.9;color:#777970;margin:0}.result-actions{display:flex;align-items:center;gap:14px;margin-top:60px;flex-wrap:wrap}.result-actions .text-link{margin-left:auto}.share-status{font-size:10px;color:#777970;min-height:20px}.directory-page,.glossary-page{padding-top:90px}.page-heading{text-align:center;margin-bottom:60px}.page-heading .eyebrow{margin-bottom:20px}.page-heading .display-title{font-size:clamp(34px,4vw,48px);margin-bottom:14px}.page-heading>p:last-child{font-size:12px;line-height:2.2;color:#777970}.type-filter{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-bottom:35px}.filter-button{border:1px solid var(--line);background:transparent;border-radius:99px;padding:9px 17px;font-size:10px;cursor:pointer;transition:background .25s,color .25s}.filter-button span{margin-left:8px;opacity:.6}.filter-button.active,.filter-button:hover{background:#1b211d;color:#f5f1e9;border-color:#1b211d}.type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.type-card{border:1px solid #ddd8ce;background:rgba(255,255,255,.3);min-width:0;transition:transform .35s var(--ease),box-shadow .35s;animation:fadeUp .45s both}.type-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(38,35,29,.08)}.type-card-art{height:130px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--tone1),var(--tone2))}.type-card-art:before,.type-card-art:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.4);width:95px;height:95px;top:18px;left:calc(50% - 48px);transition:transform .6s var(--ease)}.type-card-art:after{width:58px;height:58px;top:36px;left:calc(50% - 29px);background:rgba(255,255,255,.12)}.type-card:hover .type-card-art:before{transform:scale(1.22) rotate(15deg)}.type-card-art span{position:absolute;right:11px;bottom:8px;font-size:8px;letter-spacing:.13em;color:rgba(255,255,255,.7)}.type-card-copy{padding:16px 16px 14px}.type-card-copy .type-code{font-size:8px;color:#8a8a80;letter-spacing:.15em}.type-card-copy h2{font-family:var(--serif);font-size:15px;font-weight:400;margin:5px 0 2px}.type-card-copy .type-jp{font-size:10px;color:#74766d;margin:0 0 10px}.type-card-copy p{font-size:10px;line-height:1.9;color:#777970;margin:0}.type-card-copy .type-tags{margin-top:12px;font-size:8px;letter-spacing:.05em;color:#8a877d}.directory-bottom{text-align:center;padding:115px 20px 30px}.directory-bottom .eyebrow{margin-bottom:15px}.directory-bottom .display-title{margin-bottom:26px}.glossary-intro{display:flex;justify-content:center;align-items:center;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:34px 0;margin-bottom:75px}.glossary-big-mark{font-family:var(--serif);font-size:55px;color:#b1a48e}.glossary-intro p{font-family:var(--serif);font-size:14px;line-height:2.2;color:#5f625a}.glossary-layout{display:grid;grid-template-columns:200px 1fr;gap:8%}.glossary-sidebar{align-self:start;position:sticky;top:30px;display:flex;flex-direction:column;gap:13px;font-size:11px}.glossary-sidebar .eyebrow{margin-bottom:10px}.glossary-sidebar a{color:#73766d}.glossary-sidebar a:hover{color:#171c19}.glossary-content section{margin-bottom:65px;scroll-margin-top:30px}.glossary-content section>.eyebrow{margin-bottom:10px}.glossary-content .small-title{margin-bottom:25px}.term-list{border-top:1px solid var(--line)}.term-item{border-bottom:1px solid var(--line)}.term-trigger{width:100%;border:0;background:transparent;text-align:left;padding:20px 0;display:grid;grid-template-columns:60px 1fr 25px;gap:16px;align-items:center;cursor:pointer}.term-symbol{width:58px;height:58px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--tone1,#ded5c8),var(--tone2,#aaa18f));color:rgba(255,255,255,.9);font-family:var(--serif);font-size:18px}.term-name{display:block;font-family:var(--serif);font-size:15px;margin-bottom:3px}.term-summary{display:block;color:#777970;font-size:10px;line-height:1.8}.term-plus{font-size:18px;font-weight:300;color:#87877e;transition:transform .3s}.term-item.open .term-plus{transform:rotate(45deg)}.term-detail{display:none;padding:0 25px 24px 76px;color:#6d7068;font-size:11px;line-height:2.2;animation:fadeUp .25s both}.term-item.open .term-detail{display:block}.term-detail p{margin:0 0 10px}.term-detail .term-note{font-size:10px;color:#9a9488}.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.hero{height:760px}.section-pad{padding-left:13%;padding-right:13%}}@media(max-width:1000px){.section-pad{padding:85px 7%}.main-nav{gap:20px}.axis-grid{grid-template-columns:repeat(3,1fr)}.axis-card:nth-child(4){border-left:1px solid var(--line)}.axis-card{min-height:190px}.type-grid{grid-template-columns:repeat(3,1fr)}.result-columns{gap:6%}.feature-copy{padding:60px 9%}}@media(max-width:700px){.site-header{height:68px;padding:0 6%}.wordmark{font-size:19px}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:10px;z-index:3}.menu-toggle span{display:block;width:22px;height:1px;background:currentColor;transition:transform .25s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3px) rotate(-45deg)}.main-nav{position:absolute;top:68px;left:0;right:0;background:var(--paper);padding:20px 7% 28px;display:none;flex-direction:column;align-items:flex-start;gap:20px;border-bottom:1px solid var(--line)}.main-nav.is-open{display:flex;animation:fadeUp .25s both}.header-dark .main-nav{background:#111714}.nav-cta{margin-top:3px}.hero{height:calc(86svh - 68px);min-height:590px;max-height:780px}.hero-image img{object-position:56% center}.hero-shade{background:linear-gradient(90deg,rgba(10,15,13,.75),rgba(10,15,13,.15)),linear-gradient(0deg,rgba(8,12,10,.45),transparent 60%)}.hero-copy{left:7%;right:7%;top:47%}.hero h1{font-size:clamp(28px,7.6vw,39px);letter-spacing:.04em}.hero-lead{font-size:12px}.hero-index{left:7%;bottom:25px}.hero-caption{right:7%;bottom:19px}.section-pad{padding:70px 7%}.section-kicker{margin-bottom:34px;font-size:8px;gap:10px}.section-kicker i{width:25px}.intro-grid{grid-template-columns:1fr;gap:24px}.display-title{font-size:27px}.intro-text{padding-top:0}.method-heading{display:block}.method-heading>p{margin-top:20px}.axis-grid{grid-template-columns:repeat(2,1fr)}.axis-card{min-height:180px;padding:17px 13px}.axis-card:nth-child(3),.axis-card:nth-child(5){border-left:1px solid var(--line)}.axis-card:nth-child(4){border-left:0}.axis-card h3{font-size:14px}.feature-story{grid-template-columns:1fr}.feature-image{min-height:300px;height:300px}.feature-copy{padding:54px 7% 64px}.feature-copy .display-title{font-size:26px}.closing-cta{padding-top:90px;padding-bottom:90px}.site-footer{padding:38px 7% 22px;grid-template-columns:1fr}.site-footer>p{justify-self:start;margin:0}.footer-links{gap:18px;flex-wrap:wrap}.site-footer small{margin-top:14px}.quiz-shell{padding:25px 7% 45px;min-height:calc(100vh - 165px)}.quiz-topline{font-size:8px}.quiz-progress{margin:32px 0 45px}.quiz-content h1{font-size:30px}.question-title{font-size:19px}.answer-grid{grid-template-columns:1fr}.answer-card{min-height:105px;padding:15px 17px}.answer-title{margin-top:5px}.quiz-footnote{margin-top:30px}.result-hero{height:440px}.result-hero-copy{padding:56px 7%}.result-hero h1{font-size:37px}.result-body{padding-top:58px;padding-bottom:75px}.result-columns{grid-template-columns:1fr;gap:40px}.result-aside{margin-top:0;padding:25px}.result-lower{grid-template-columns:1fr;gap:25px;margin-top:55px;padding-top:40px}.dimension-list{gap:8px}.dimension-card{padding:14px 12px}.result-actions{align-items:stretch;flex-direction:column}.result-actions .button{width:100%}.result-actions .text-link{align-self:center;margin-left:0}.directory-page,.glossary-page{padding-top:60px}.page-heading{margin-bottom:42px}.page-heading .display-title{font-size:34px}.type-filter{justify-content:flex-start}.filter-button{padding:8px 12px}.type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.type-card-art{height:105px}.type-card-copy{padding:12px}.type-card-copy h2{font-size:13px}.type-card-copy p{font-size:9px}.directory-bottom{padding-top:85px}.glossary-intro{gap:18px;padding:25px 0;margin-bottom:50px}.glossary-big-mark{font-size:42px}.glossary-intro p{font-size:12px}.glossary-layout{grid-template-columns:1fr;gap:32px}.glossary-sidebar{position:static;flex-direction:row;flex-wrap:wrap;gap:10px 18px}.glossary-sidebar .eyebrow{width:100%;margin:0}.term-trigger{grid-template-columns:48px 1fr 18px;gap:12px;padding:15px 0}.term-symbol{width:48px;height:48px}.term-name{font-size:13px}.term-detail{padding:0 8px 20px 60px}.glossary-content section{margin-bottom:50px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}