@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--paper:#f3f0e9;--ink:#1d2721;--muted:#758078;--line:#d9d8d0;--dark:#1b2821;--dark-2:#24352b;--accent:#c06f4b;--cream:#fbf9f4;--lime:#d5dfb5;--serif:'Playfair Display',Georgia,serif;--sans:'IBM Plex Sans Arabic',system-ui,sans-serif;--mono:'DM Mono',monospace;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.77,0,.175,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.6;overflow-x:hidden}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}::selection{background:var(--ink);color:var(--paper)}
.noise{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.038;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");mix-blend-mode:multiply}.skip-link{position:fixed;top:8px;right:8px;z-index:100;background:var(--ink);color:var(--paper);padding:8px 14px;transform:translateY(-150%);transition:transform .2s var(--ease-out)}.skip-link:focus{transform:translateY(0)}
.site-header{position:sticky;top:0;z-index:20;background:rgba(243,240,233,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(29,39,33,.1);transition:background .25s var(--ease-out),box-shadow .25s var(--ease-out)}.nav-shell{max-width:1440px;margin:auto;min-height:84px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;direction:ltr}.brand strong{display:block;font-family:var(--mono);font-size:14px;letter-spacing:.18em;line-height:1}.brand small{display:block;margin-top:5px;font-size:10px;letter-spacing:.08em;color:var(--muted)}.brand-mark{width:28px;height:28px;display:flex;align-items:end;gap:3px;transform:rotate(-15deg)}.brand-mark i{display:block;width:6px;border-radius:10px 10px 2px 2px;background:var(--accent);animation:mark-breathe 3.5s ease-in-out infinite}.brand-mark i:nth-child(1){height:15px}.brand-mark i:nth-child(2){height:25px;background:var(--ink);animation-delay:.15s}.brand-mark i:nth-child(3){height:19px;background:#9eb16e;animation-delay:.3s}.desktop-nav{display:flex;gap:30px;align-items:center;margin-inline:auto;font-size:13px;color:#526057}.desktop-nav a{position:relative;padding:8px 0;transition:color .2s var(--ease-out)}.desktop-nav a::after{content:'';position:absolute;right:0;bottom:2px;width:0;height:1px;background:var(--accent);transition:width .35s var(--ease-out)}.desktop-nav a:hover,.desktop-nav a:focus-visible{color:var(--ink)}.desktop-nav a:hover::after,.desktop-nav a:focus-visible::after{width:100%}.nav-actions{display:flex;align-items:center;gap:12px}.icon-button,.menu-button{border:1px solid var(--line);background:transparent;color:var(--ink);width:38px;height:38px;display:grid;place-items:center;transition:transform .16s var(--ease-out),background .2s var(--ease-out),color .2s var(--ease-out)}.icon-button{font-family:var(--mono);font-size:10px}.icon-button:hover,.menu-button:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px)}.menu-button{display:none}.menu-button span{width:16px;height:1px;background:currentColor;display:block;transition:transform .2s var(--ease-out)}.mobile-nav{display:none}
.section-pad{max-width:1440px;margin:auto;padding:130px 5vw}.compact-pad{padding-top:82px;padding-bottom:100px}.hero{min-height:calc(100vh - 84px);display:grid;grid-template-columns:1fr 1.08fr;gap:6vw;align-items:center;padding-top:84px;padding-bottom:110px}.hero-copy{padding-right:4vw}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 24px;color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:.1em}.eyebrow-line{display:inline-block;width:28px;height:1px;background:var(--accent)}.hero h1,.section-heading h2,.manifesto h2{font-family:var(--serif);font-size:clamp(58px,7.4vw,115px);font-weight:500;line-height:.98;letter-spacing:-.055em;margin:0;color:var(--ink)}h1 em,h2 em{font-weight:500;color:var(--accent)}.hero-lede{max-width:390px;color:var(--muted);font-size:16px;line-height:2;margin:38px 0}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:0;padding:15px 22px;font-size:13px;min-height:50px;transition:transform .16s var(--ease-out),box-shadow .25s var(--ease-out),background .25s var(--ease-out);position:relative;overflow:hidden}.button::before{content:'';position:absolute;inset:0;background:rgba(255,255,255,.15);transform:translateX(105%);transition:transform .45s var(--ease-out)}.button:hover::before{transform:translateX(0)}.button:hover{transform:translateY(-3px);box-shadow:0 13px 25px rgba(29,39,33,.14)}.button:active{transform:scale(.97)}.button-dark{background:var(--ink);color:var(--paper)}.button-light{background:var(--paper);color:var(--ink)}.text-link,.arrow-link{display:inline-flex;align-items:center;gap:12px;border:0;background:none;padding:4px 0;color:var(--ink);font-size:13px}.text-link span,.arrow-link span{font-size:18px;transition:transform .25s var(--ease-out)}.text-link:hover span,.arrow-link:hover span{transform:translate(4px,-4px)}.hero-meta{display:flex;align-items:center;gap:12px;margin-top:92px;color:var(--muted);font-family:var(--mono);font-size:10px}.meta-rule{width:60px;height:1px;background:var(--line)}
.hero-atmosphere{min-height:630px;position:relative;overflow:hidden;background:linear-gradient(145deg,#d7e0c5 0%,#b4c8ab 45%,#8a9f7c 100%);isolation:isolate}.hero-atmosphere::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.5),transparent 25%),radial-gradient(circle at 90% 15%,rgba(255,255,255,.24),transparent 32%);z-index:-1}.orb{position:absolute;border-radius:50%;filter:blur(2px);mix-blend-mode:soft-light}.orb-one{width:340px;height:340px;right:-80px;top:95px;background:#e9c56f;animation:orb-drift 8s ease-in-out infinite}.orb-two{width:260px;height:260px;left:8%;bottom:70px;background:#e2a795;animation:orb-drift 10s ease-in-out infinite reverse}.orb-three{width:180px;height:180px;right:28%;bottom:-30px;background:#9baed0;animation:orb-drift 7s ease-in-out infinite .4s}.scent-vessel{position:absolute;top:49%;left:50%;transform:translate(-50%,-50%);width:165px;height:300px;z-index:3;animation:vessel-float 5s ease-in-out infinite}.vessel-cap{width:70px;height:48px;margin:auto;background:linear-gradient(90deg,#cdd0c2,#6e7771,#d5d6c9);border-radius:3px 3px 0 0;box-shadow:inset 10px 0 15px rgba(255,255,255,.3),inset -10px 0 15px rgba(0,0,0,.2)}.vessel-glass{height:190px;border:1px solid rgba(255,255,255,.6);border-radius:14px 14px 25px 25px;background:linear-gradient(110deg,rgba(246,245,226,.56),rgba(110,145,110,.55) 48%,rgba(220,231,203,.6));box-shadow:inset 13px 0 30px rgba(255,255,255,.44),inset -22px -8px 28px rgba(35,56,43,.25),0 20px 40px rgba(35,56,43,.22);display:grid;place-items:center}.vessel-label{width:70px;height:70px;border:1px solid rgba(255,255,255,.6);display:grid;place-items:center;color:#eef1db;font-family:var(--serif);font-size:34px;line-height:.7}.vessel-label small{font-family:var(--mono);font-size:8px}.vessel-shadow{width:200px;height:24px;border-radius:50%;background:rgba(29,39,33,.28);filter:blur(15px);position:absolute;bottom:0;left:-16px;animation:shadow-breathe 5s ease-in-out infinite}.floating-note{position:absolute;font-family:var(--mono);font-size:9px;letter-spacing:.18em;color:rgba(29,39,33,.62);z-index:2}.note-citrus{right:11%;top:25%;transform:rotate(-90deg);animation:label-float 7s ease-in-out infinite}.note-iris{left:13%;top:36%;transform:rotate(90deg);animation:label-float 8s ease-in-out infinite reverse}.note-wood{right:19%;bottom:15%;animation:label-float 6s ease-in-out infinite .4s}.orbit{position:absolute;border:1px solid rgba(255,255,255,.36);border-radius:50%;left:50%;top:50%;pointer-events:none}.orbit-a{width:450px;height:150px;transform:translate(-50%,-50%) rotate(-25deg);animation:orbit-spin 18s linear infinite}.orbit-b{width:360px;height:520px;transform:translate(-50%,-50%) rotate(48deg);animation:orbit-spin 24s linear infinite reverse}.atmosphere-caption{position:absolute;right:30px;top:26px;display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:9px;color:rgba(29,39,33,.68);letter-spacing:.08em}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(192,111,75,.5);animation:ping 2s infinite}.caption-divider{width:24px;height:1px;background:rgba(29,39,33,.3)}.atmosphere-side-label{position:absolute;left:26px;bottom:28px;font-family:var(--mono);font-size:9px;line-height:1.5;letter-spacing:.15em;color:rgba(29,39,33,.6);writing-mode:vertical-rl}
.manifesto{display:grid;grid-template-columns:70px .9fr 1fr;gap:5vw;align-items:end;border-top:1px solid var(--line)}.section-index{font-family:var(--mono);font-size:10px;color:var(--muted);align-self:start}.manifesto-copy h2{font-size:clamp(45px,5vw,78px)}.manifesto-text{max-width:370px;color:var(--muted);font-size:16px;line-height:2}.manifesto-text .arrow-link{margin-top:20px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:58px}.section-heading h2{font-size:clamp(48px,5.8vw,82px)}.heading-note{max-width:270px;margin:0;color:var(--muted);font-size:13px;line-height:1.9}.explore-toolbar{border-top:1px solid var(--line);padding:20px 0;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.search-field{height:48px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--ink);flex:0 1 340px;color:var(--muted)}.search-field span{font-size:26px;line-height:0}.search-field input{border:0;outline:0;background:transparent;width:100%;color:var(--ink);font-size:13px}.search-field input::placeholder{color:#9ba19a}.search-field kbd{font-family:var(--mono);font-size:9px;color:var(--muted);white-space:nowrap}.filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-chip{border:1px solid var(--line);background:transparent;color:var(--muted);padding:8px 13px;font-size:11px;transition:background .25s var(--ease-out),color .25s var(--ease-out),transform .16s var(--ease-out)}.filter-chip:hover{transform:translateY(-2px)}.filter-chip.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.explore-layout{display:grid;grid-template-columns:180px 1fr;gap:44px}.explore-aside{border-top:1px solid var(--line);padding-top:17px}.aside-count strong{font-family:var(--serif);font-size:42px;font-weight:500;display:block;line-height:1}.aside-count span{font-size:11px;color:var(--muted)}.aside-rule{height:1px;background:var(--line);margin:28px 0}.sort-label{display:block;color:var(--muted);font-size:11px;margin-bottom:8px}.explore-aside select{border:0;border-bottom:1px solid var(--ink);width:100%;background:transparent;padding:10px 0;color:var(--ink);outline:0;font-size:12px}.demo-note{font-size:11px;line-height:1.8;color:#9aa29b;margin-top:45px}.fragrance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.fragrance-card{background:var(--cream);border:1px solid rgba(29,39,33,.08);min-width:0;overflow:hidden;transition:transform .32s var(--ease-out),box-shadow .32s var(--ease-out);outline:0}.fragrance-card:hover,.fragrance-card:focus-visible{transform:translateY(-8px);box-shadow:0 18px 34px rgba(29,39,33,.12)}.fragrance-visual{height:235px;position:relative;overflow:hidden;isolation:isolate}.fragrance-visual::before,.fragrance-visual::after{content:'';position:absolute;border-radius:50%;filter:blur(1px);opacity:.8;z-index:-1}.fragrance-visual::before{width:180px;height:180px;right:-35px;top:-35px;background:rgba(255,255,255,.45)}.fragrance-visual::after{width:150px;height:150px;left:-30px;bottom:-50px;background:rgba(0,0,0,.12)}.visual-mist{background:linear-gradient(145deg,#d5e0d8,#a7bea9)}.visual-clay{background:linear-gradient(145deg,#d8be9d,#8e856c)}.visual-tea{background:linear-gradient(145deg,#c6c6a0,#626c53)}.visual-fig{background:linear-gradient(145deg,#cdb1a6,#85796d)}.visual-petal{background:linear-gradient(145deg,#e3c6c0,#c89998)}.visual-linen{background:linear-gradient(145deg,#d8d8c9,#adb6a7)}.visual-sun{background:linear-gradient(145deg,#f0d59b,#cf906b)}.visual-orchid{background:linear-gradient(145deg,#5e6268,#2c3634)}.visual-white{background:linear-gradient(145deg,#dfe2dc,#acb2a2)}.visual-crystal{background:linear-gradient(145deg,#d6d5c2,#9b9b75)}.visual-water{background:linear-gradient(145deg,#b6d2cf,#7ba8a2)}.visual-cognac{background:linear-gradient(145deg,#cd976a,#724e3e)}.visual-glow{position:absolute;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.26);left:22%;top:25%;filter:blur(22px);animation:visual-breathe 5s ease-in-out infinite}.mini-bottle{position:absolute;left:50%;top:50%;transform:translate(-50%,-45%);width:70px;height:108px;border-radius:7px 7px 11px 11px;background:linear-gradient(100deg,rgba(255,255,255,.58),rgba(74,91,75,.4) 50%,rgba(255,255,255,.46));border:1px solid rgba(255,255,255,.64);box-shadow:inset 7px 0 13px rgba(255,255,255,.4),inset -8px 0 14px rgba(0,0,0,.18),0 12px 20px rgba(29,39,33,.2);display:grid;place-items:center}.mini-bottle::before{content:'';position:absolute;top:-26px;width:32px;height:27px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,#babdaf,#555e57,#d8dacb);box-shadow:inset 5px 0 7px rgba(255,255,255,.3)}.mini-bottle b{font-family:var(--serif);font-size:26px;font-weight:500;color:rgba(255,255,255,.7)}.visual-stamp{position:absolute;bottom:14px;left:16px;font-family:var(--mono);font-size:10px;color:rgba(255,255,255,.7);letter-spacing:.15em}.card-body{padding:17px 18px 14px}.card-meta,.card-footer{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-family:var(--mono);font-size:9px}.card-meta span:first-child{color:var(--accent)}.card-body h3{font-family:var(--serif);font-size:23px;font-weight:500;line-height:1.2;margin:18px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-body p{margin:0;color:var(--muted);font-size:11px}.card-footer{border-top:1px solid var(--line);padding-top:14px;margin-top:20px}.card-arrow{font-size:18px;color:var(--ink);transition:transform .25s var(--ease-out)}.fragrance-card:hover .card-arrow{transform:translate(3px,-3px)}.no-results{grid-column:1/-1;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed var(--line);color:var(--muted)}.no-results strong{color:var(--ink)}
.notes-section{background:#e5e4db;max-width:none;padding-left:5vw;padding-right:5vw}.notes-section>.section-heading,.notes-section>.notes-scroller{max-width:1300px;margin-left:auto;margin-right:auto}.notes-scroller{display:grid;grid-template-columns:repeat(8,minmax(150px,1fr));gap:12px}.note-card{border:0;min-height:220px;text-align:right;padding:16px;position:relative;overflow:hidden;isolation:isolate;color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out);outline:0}.note-card:hover,.note-card:focus-visible{transform:translateY(-9px) rotate(-1deg);box-shadow:0 17px 26px rgba(29,39,33,.16)}.note-citrus{background:#e9cd78}.note-iris{background:#b8b9c7}.note-wood{background:#a97d59}.note-fig{background:#a9ae75}.note-saffron{background:#d18b49}.note-vetiver{background:#89996c}.note-vanilla{background:#ddc6a0}.note-rose{background:#cc9694}.note-card::before{content:'';position:absolute;width:130px;height:130px;border-radius:50%;top:-32px;left:-30px;border:1px solid rgba(255,255,255,.6);box-shadow:0 0 0 22px rgba(255,255,255,.08),0 0 0 44px rgba(255,255,255,.06);z-index:-1;animation:note-orbit 15s linear infinite}.note-index,.note-english{font-family:var(--mono);font-size:9px;letter-spacing:.1em}.note-index{position:absolute;top:15px;right:16px}.note-english{opacity:.66;margin-bottom:auto}.note-card strong{font-family:var(--serif);font-size:24px;font-weight:500}.note-card small{font-size:10px;opacity:.67;margin-top:4px}.note-arrow{position:absolute;left:16px;bottom:14px;font-size:18px}.family-map{min-height:600px;position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(192,111,75,.09),transparent 30%)}.family-map::before{content:'RELATIONSHIP MAP';position:absolute;top:24px;left:0;font-family:var(--mono);font-size:9px;color:var(--muted);letter-spacing:.14em}.family-node{position:absolute;width:155px;height:155px;border-radius:50%;border:1px solid rgba(29,39,33,.15);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--ink);transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out);z-index:2}.family-node:hover,.family-node:focus-visible{transform:scale(1.08);box-shadow:0 17px 30px rgba(29,39,33,.17);outline:0}.family-node-en{font-family:var(--mono);font-size:9px;letter-spacing:.12em;opacity:.7}.family-node strong{font-family:var(--serif);font-size:25px;font-weight:500}.family-node small{font-size:10px;opacity:.65}.family-fresh{background:#d4dfa6}.family-floral{background:#d3b6bc}.family-woody{background:#b48b67}.family-amber{background:#d1a064}.family-gourmand{background:#c9a388}.family-aquatic{background:#a9c8c2}.node-1{right:11%;top:16%}.node-2{right:38%;top:38%}.node-3{left:11%;top:18%}.node-4{left:34%;bottom:7%}.node-5{right:10%;bottom:7%}.node-6{left:44%;top:5%}.family-connector{position:absolute;height:1px;background:var(--line);transform-origin:right center;opacity:.8}.connector-1{width:33%;right:22%;top:43%;transform:rotate(-18deg)}.connector-2{width:30%;left:22%;top:43%;transform:rotate(18deg)}.connector-3{width:27%;right:34%;bottom:28%;transform:rotate(70deg)}
.finder-section{max-width:none;background:var(--dark);color:var(--paper)}.finder-panel{max-width:1300px;margin:auto;min-height:560px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw}.light{color:#b9c3b6}.finder-copy h2{font-family:var(--serif);font-size:clamp(50px,6vw,88px);font-weight:500;line-height:.98;letter-spacing:-.055em;margin:0}.finder-copy h2 em{color:#d6be88}.finder-copy>p:not(.eyebrow){max-width:380px;color:#a8b1a8;line-height:1.9;margin:30px 0}.finder-visual{height:430px;position:relative;display:grid;place-items:center}.finder-ring{position:absolute;border:1px solid rgba(243,240,233,.27);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.ring-large{width:390px;height:390px;animation:orbit-spin 23s linear infinite}.ring-small{width:250px;height:250px;border-style:dashed;animation:orbit-spin 17s linear infinite reverse}.finder-center{text-align:center;position:relative;z-index:2;font-family:var(--mono);display:flex;flex-direction:column;gap:7px}.finder-center span{font-size:9px;color:#a8b1a8;letter-spacing:.18em}.finder-center strong{font-family:var(--serif);font-size:36px;line-height:.95;font-weight:500}.finder-center small{font-size:9px;color:#a8b1a8}.finder-float{position:absolute;font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:#d6be88}.float-a{top:16%;right:24%;animation:label-float 6s ease-in-out infinite}.float-b{bottom:17%;left:16%;animation:label-float 8s ease-in-out infinite reverse}.float-c{top:51%;left:7%;animation:label-float 7s ease-in-out infinite .7s}.compare-board{border-top:1px solid var(--line);background:var(--cream);padding:30px}.compare-selects{display:flex;align-items:end;gap:20px;max-width:900px;margin:auto}.compare-selects label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:var(--muted);flex:1}.compare-selects select{border:0;border-bottom:1px solid var(--ink);background:transparent;padding:10px 0;outline:0;color:var(--ink);font-size:14px}.versus{font-family:var(--mono);font-size:11px;color:var(--accent);padding-bottom:11px}.compare-result{max-width:900px;margin:36px auto 0}.empty-state{color:var(--muted);text-align:center;font-size:13px;padding:40px}.compare-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;text-align:center}.compare-head>div{display:flex;flex-direction:column;align-items:center}.compare-head .fragrance-visual{width:100%;height:150px;max-width:220px;margin-bottom:14px}.compare-head>span{font-family:var(--serif);font-style:italic;font-size:24px;color:var(--accent)}.compare-head strong{font-family:var(--serif);font-size:20px;font-weight:500}.compare-head small{font-size:11px;color:var(--muted)}.compare-summary{text-align:center;max-width:600px;margin:30px auto;color:var(--muted);font-size:13px}.compare-summary b{color:var(--ink);font-weight:500}.compare-table{border-top:1px solid var(--line)}.compare-table>div{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid var(--line);padding:13px 0;gap:15px;font-size:12px}.compare-table span{color:var(--muted)}.compare-table strong{font-weight:500}.learn-section{padding-bottom:150px}.guide-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px}.guide-card{min-height:280px;padding:26px;display:flex;flex-direction:column;align-items:flex-start;border-top:1px solid var(--ink);background:#e8e6de;transition:transform .3s var(--ease-out),background .3s var(--ease-out)}.guide-card:hover{transform:translateY(-7px);background:#ddded4}.guide-card.guide-featured{background:var(--dark);color:var(--paper)}.guide-card.guide-featured:hover{background:#2b3c31}.guide-number{font-family:var(--mono);font-size:10px}.guide-card p{font-family:var(--mono);font-size:9px;color:var(--accent);margin:35px 0 12px}.guide-card h3{font-family:var(--serif);font-size:28px;line-height:1.1;font-weight:500;margin:0 0 auto}.guide-card .arrow-link{margin-top:30px}.guide-featured .arrow-link{color:var(--paper)}
.site-footer{background:var(--ink);color:var(--paper);padding:72px 5vw 24px}.footer-top{max-width:1300px;margin:auto;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:30px;padding-bottom:80px}.footer-brand small,.footer-top>p{color:#a6b0a5}.footer-top>p{margin:5px 0;font-family:var(--serif);font-size:22px;line-height:1.35;max-width:280px}.footer-links{display:flex;flex-direction:column;gap:10px;font-size:12px;color:#a6b0a5}.footer-links a:hover{color:var(--paper)}.footer-bottom{max-width:1300px;margin:auto;border-top:1px solid rgba(243,240,233,.18);padding-top:18px;display:flex;justify-content:space-between;color:#89968b;font-family:var(--mono);font-size:9px}.footer-bottom a{color:var(--paper)}
.modal-backdrop{position:fixed;inset:0;z-index:50;background:rgba(20,28,23,.62);display:grid;place-items:center;padding:24px;animation:modal-bg-in .24s var(--ease-out)}.modal-backdrop[hidden]{display:none}.modal{position:relative;background:var(--paper);max-width:930px;width:100%;max-height:92vh;overflow:auto;padding:44px;animation:modal-in .45s var(--ease-out)}.modal-close{position:absolute;top:17px;left:20px;border:1px solid var(--line);background:transparent;width:32px;height:32px;font-size:22px;line-height:1;z-index:2;transition:transform .2s var(--ease-out),background .2s var(--ease-out)}.modal-close:hover{transform:rotate(90deg);background:var(--ink);color:var(--paper)}.detail-layout{display:grid;grid-template-columns:270px 1fr;gap:44px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:34px}.detail-layout>.fragrance-visual{height:310px}.detail-main h2,.note-detail h2,.finder-question h2,.finder-result h2{font-family:var(--serif);font-size:clamp(42px,6vw,72px);font-weight:500;line-height:1;margin:0 0 10px;letter-spacing:-.05em}.detail-brand{color:var(--muted);font-size:12px;margin:0}.detail-description{color:var(--muted);font-size:14px;line-height:1.9;max-width:510px;margin:25px 0}.detail-tags{display:flex;flex-wrap:wrap;gap:7px}.detail-tags span{border:1px solid var(--line);padding:6px 9px;font-size:10px;color:var(--muted)}.detail-sections{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:35px 0}.detail-section-heading{display:grid;grid-template-columns:25px 1fr;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:20px}.detail-section-heading span{font-family:var(--mono);font-size:10px;color:var(--accent)}.detail-section-heading h3{font-family:var(--serif);font-weight:500;font-size:24px;margin:0}.detail-section-heading small{grid-column:2;color:var(--muted);font-size:10px}.pyramid-layer{display:grid;grid-template-columns:56px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.layer-label{color:var(--muted);font-family:var(--mono);font-size:9px;padding-top:5px}.pyramid-layer>div{display:flex;flex-wrap:wrap;gap:6px}.pyramid-note{border:1px solid var(--line);background:transparent;padding:5px 8px;font-size:11px;transition:background .22s var(--ease-out),color .22s var(--ease-out),transform .16s var(--ease-out)}.pyramid-note:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px)}.accord-row{display:grid;grid-template-columns:72px 1fr 40px;gap:10px;align-items:center;margin:15px 0;font-size:11px}.accord-line{height:2px;background:var(--line)}.accord-line i{display:block;height:100%;background:var(--accent);transform-origin:right;animation:bar-in .7s var(--ease-out) both}.accord-row em{font-style:normal;color:var(--muted);font-size:10px}.performance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:30px}.performance-grid div{border-top:1px solid var(--line);padding-top:10px}.performance-grid small{display:block;color:var(--muted);font-size:10px}.performance-grid strong{display:block;font-family:var(--serif);font-size:17px;font-weight:500;margin-top:5px}.detail-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:center;gap:22px}.note-detail-head{display:flex;align-items:center;gap:20px;margin:35px 0 20px}.giant-note-mark{font-family:var(--serif);font-style:italic;font-size:58px;color:var(--accent);width:105px;height:105px;border:1px solid var(--line);display:grid;place-items:center}.note-english-large{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--muted);margin:0 0 8px}.note-detail h2{font-size:62px}.note-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:30px 0;padding:18px 0;gap:18px}.note-facts small{display:block;color:var(--muted);font-size:10px}.note-facts strong{display:block;font-family:var(--serif);font-weight:500;font-size:17px;margin-top:6px}.related-title{font-family:var(--serif);font-weight:500;font-size:24px}.related-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.related-list button{display:flex;flex-direction:column;align-items:flex-start;text-align:right;background:transparent;border:1px solid var(--line);padding:15px;font-family:var(--serif);font-size:16px;transition:background .2s var(--ease-out),transform .2s var(--ease-out)}.related-list button:hover{background:var(--cream);transform:translateY(-3px)}.related-list button span{font-family:var(--sans);font-size:10px;color:var(--muted);margin-top:7px}.finder-modal{max-width:700px}.finder-progress{display:flex;align-items:center;gap:15px;font-family:var(--mono);font-size:10px;color:var(--muted);margin-bottom:60px}.finder-progress i,.profile-bars i{height:2px;background:var(--line);display:block;flex:1}.finder-progress b,.profile-bars b{display:block;height:100%;background:var(--accent);transition:width .6s var(--ease-out)}.finder-question h2,.finder-result h2{font-size:clamp(42px,6vw,68px)}.finder-options{display:grid;gap:8px;margin-top:38px}.finder-options button{display:grid;grid-template-columns:35px 1fr 20px;align-items:center;text-align:right;background:transparent;border:1px solid var(--line);padding:15px 16px;animation:option-in .45s var(--ease-out) both;animation-delay:var(--delay);transition:background .23s var(--ease-out),color .23s var(--ease-out),transform .16s var(--ease-out)}.finder-options button:hover{background:var(--ink);color:var(--paper);transform:translateX(-5px)}.finder-options button span{font-family:var(--mono);font-size:10px;color:var(--accent)}.finder-options button b{font-weight:400}.finder-skip{margin-top:26px;color:var(--muted)}.finder-result-mark{font-family:var(--mono);font-size:10px;color:var(--accent);margin-bottom:30px}.finder-result>p:not(.eyebrow){color:var(--muted);max-width:480px;font-size:13px}.profile-bars{display:grid;gap:14px;margin:32px 0}.profile-bars div{display:grid;grid-template-columns:80px 1fr;gap:15px;align-items:center;font-size:11px;color:var(--muted)}.finder-result h3{font-family:var(--serif);font-size:22px;font-weight:500}.finder-recommendations{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0 28px}.finder-recommendations button{background:var(--cream);border:1px solid var(--line);padding:0 0 12px;text-align:right;transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out)}.finder-recommendations button:hover{transform:translateY(-5px);box-shadow:0 12px 20px rgba(29,39,33,.1)}.finder-recommendations .fragrance-visual{height:110px}.finder-recommendations button>span:not(.fragrance-visual){display:flex;flex-direction:column;padding:8px 10px}.finder-recommendations strong{font-family:var(--serif);font-weight:500;font-size:14px}.finder-recommendations small{font-size:9px;color:var(--muted)}.finder-recommendations>b{font-size:15px;padding:0 10px}.toast{position:fixed;bottom:24px;right:24px;z-index:80;background:var(--ink);color:var(--paper);padding:13px 18px;font-size:12px;transform:translateY(120%);opacity:0;transition:transform .35s var(--ease-out),opacity .35s var(--ease-out)}.toast.show{transform:translateY(0);opacity:1}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s var(--ease-out),transform .75s var(--ease-out);transition-delay:var(--delay,0ms)}.reveal.in-view{opacity:1;transform:translateY(0)}
@keyframes mark-breathe{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.15)}}@keyframes orb-drift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-22px,15px,0)}}@keyframes vessel-float{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-12px)}}@keyframes shadow-breathe{0%,100%{transform:scaleX(1);opacity:.22}50%{transform:scaleX(.78);opacity:.14}}@keyframes label-float{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes orbit-spin{to{rotate:360deg}}@keyframes ping{75%,100%{transform:scale(2.4);opacity:0}}@keyframes visual-breathe{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.22);opacity:.8}}@keyframes note-orbit{to{rotate:360deg}}@keyframes modal-bg-in{from{opacity:0}to{opacity:1}}@keyframes modal-in{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bar-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes option-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.desktop-nav{gap:17px}.hero{gap:4vw}.fragrance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notes-scroller{grid-template-columns:repeat(4,1fr)}.node-1{right:6%}.node-3{left:6%}.node-4{left:26%}.node-5{right:8%}}
@media(max-width:760px){.nav-shell{min-height:70px;padding:0 20px}.desktop-nav{display:none}.menu-button{display:grid;gap:5px}.mobile-nav{display:flex;max-height:0;overflow:hidden;flex-direction:column;gap:0;background:var(--paper);padding:0 20px;transition:max-height .4s var(--ease-out),padding .4s var(--ease-out);border-bottom:0}.mobile-nav.open{max-height:320px;padding:12px 20px 18px;border-bottom:1px solid var(--line)}.mobile-nav a{padding:10px 0;font-size:14px;border-bottom:1px solid var(--line)}.section-pad{padding:82px 20px}.compact-pad{padding-top:65px;padding-bottom:75px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:auto;padding-top:70px;gap:54px}.hero-copy{padding:0}.hero h1{font-size:64px}.hero-lede{font-size:14px;margin:28px 0}.hero-meta{margin-top:55px}.hero-atmosphere{min-height:440px}.scent-vessel{transform:translate(-50%,-50%) scale(.83)}.floating-note{font-size:8px}.manifesto{display:block}.section-index{margin-bottom:34px}.manifesto-text{margin-top:28px}.section-heading{display:block;margin-bottom:36px}.heading-note{margin-top:24px}.explore-toolbar{display:block}.search-field{max-width:none}.filter-row{margin-top:18px;overflow:auto;flex-wrap:nowrap;padding-bottom:5px}.filter-chip{white-space:nowrap}.explore-layout{display:block}.explore-aside{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0 28px}.aside-rule,.demo-note{display:none}.explore-aside .sort-label{grid-column:2;grid-row:1}.explore-aside select{grid-column:2;grid-row:1;margin-top:18px}.fragrance-grid{grid-template-columns:1fr 1fr;gap:10px}.fragrance-visual{height:185px}.card-body{padding:13px}.card-body h3{font-size:19px;margin-top:13px}.card-footer{font-size:8px}.card-footer span:first-child{max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notes-section{padding-left:20px;padding-right:20px}.notes-scroller{display:flex;overflow:auto;gap:10px;padding-bottom:12px;margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}.note-card{min-width:145px;min-height:190px}.family-map{min-height:540px}.family-node{width:118px;height:118px}.family-node strong{font-size:20px}.node-1{right:4%;top:16%}.node-2{right:31%;top:36%}.node-3{left:3%;top:18%}.node-4{left:18%;bottom:8%}.node-5{right:4%;bottom:8%}.node-6{left:39%;top:4%}.finder-panel{display:block}.finder-visual{height:320px;margin-top:40px}.ring-large{width:280px;height:280px}.ring-small{width:185px;height:185px}.compare-selects{display:block}.versus{display:block;text-align:center;padding:14px}.compare-selects .button{margin-top:22px;width:100%}.compare-board{padding:22px 14px}.compare-head{gap:10px}.compare-head .fragrance-visual{height:100px}.compare-head strong{font-size:15px}.compare-table>div{grid-template-columns:1fr 1fr 1fr;font-size:10px}.guide-grid{grid-template-columns:1fr}.guide-card{min-height:220px}.footer-top{display:block;padding-bottom:50px}.footer-top>p{margin:35px 0}.footer-links{display:grid;grid-template-columns:repeat(3,1fr)}.footer-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10px}.footer-bottom a{grid-column:1/-1}.modal{padding:30px 20px 24px;max-height:95vh}.detail-layout{grid-template-columns:1fr;gap:25px}.detail-layout>.fragrance-visual{height:240px}.detail-sections{grid-template-columns:1fr;gap:35px}.note-detail h2{font-size:48px}.related-list{grid-template-columns:1fr}.finder-progress{margin-bottom:45px}.finder-question h2,.finder-result h2{font-size:45px}.finder-recommendations{grid-template-columns:1fr}.finder-recommendations button{display:grid;grid-template-columns:95px 1fr auto;align-items:center;padding-bottom:0}.finder-recommendations .fragrance-visual{height:95px}.finder-recommendations button>span:not(.fragrance-visual){padding:10px}.toast{right:20px;left:20px;bottom:18px;text-align:center}}
@media(max-width:390px){.hero h1{font-size:55px}.fragrance-grid{grid-template-columns:1fr}.fragrance-visual{height:210px}.explore-aside{grid-template-columns:1fr}.explore-aside .sort-label,.explore-aside select{grid-column:1;grid-row:auto}.explore-aside select{margin-top:0}.family-node{width:105px;height:105px}.node-2{right:27%}.node-6{left:36%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.button:hover,.fragrance-card:hover,.note-card:hover,.family-node:hover,.guide-card:hover{transform:none}}

/* Perfume discovery v2 — editorial overrides */
:root{--color-bg:var(--paper);--color-ink:var(--ink);--color-text-secondary:var(--muted);--color-border:var(--line);--color-primary:var(--ink);--color-primary-hover:var(--dark-2);--color-accent:var(--accent);--color-accent-soft:var(--lime);--color-surface:var(--cream);--color-surface-elevated:#fffdf8;--color-night:var(--dark);--color-night-muted:#b8c3b9;--color-muted:#dedfd4;--font-arabic:var(--sans);--font-serif:var(--serif);--font-ui:var(--mono);--container:1300px;--space-section:clamp(76px,10vw,132px);--radius-sm:0;--shadow-soft:0 18px 34px rgba(29,39,33,.12);--shadow-focus:0 0 0 3px rgba(192,111,75,.35);--duration-fast:.18s;--duration-normal:.35s;--ease-smooth:var(--ease-out)}
.skip-link{inset-inline-start:8px;inset-inline-end:auto}.container{width:min(calc(100% - 48px),var(--container));margin-inline:auto}.section-pad{max-width:none}.text-h1,.text-h2{font-family:var(--serif);font-size:clamp(48px,6vw,92px);line-height:1;letter-spacing:-.055em}.text-h1 em,.text-h2 em{color:var(--accent);font-family:var(--serif)}.section-heading{align-items:end}.button{border-radius:0}.button-outline{border:1px solid var(--line)}.filter-more{margin-inline-start:auto}.advanced-filters{width:100%;display:flex;gap:15px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--line)}.advanced-filters label{display:grid;gap:4px;font-size:11px;color:var(--muted)}.advanced-filters select{min-width:145px;border:1px solid var(--line);background:var(--cream);color:var(--ink);padding:8px 10px}.filter-row{width:100%}.explore-toolbar{display:flex;flex-wrap:wrap}.explore-toolbar .search-field{flex:1 1 280px}.fragrance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fragrance-card{animation-delay:calc(var(--i)*35ms)}.card-initial{font-family:var(--serif);font-size:28px;color:var(--ink)}.notes-section{padding-block:var(--space-section);background:var(--dark);color:#f7eee6}.notes-section .text-h2{color:#f7eee6}.notes-section .heading-note,.notes-section .eyebrow{color:var(--lime)}.note-tabs{display:flex;gap:7px;flex-wrap:wrap;max-width:1300px;margin:0 auto 24px}.note-tab{border:1px solid #876456;background:transparent;color:#ddc4b5;padding:7px 13px;font-size:11px}.note-tab.active,.note-tab:hover{background:var(--accent);border-color:var(--accent);color:#fff}.notes-scroller{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1300px}.note-card{background:#684137;color:#fff2e7;min-height:235px;border:1px solid #876355;align-items:flex-start}.note-card:hover,.note-card:focus-visible{background:#7b4e40}.note-card:nth-child(3n){background:#7b5b45}.note-card:nth-child(4n){background:#59654d}.note-latin{font:10px var(--mono);letter-spacing:.1em;color:#e7c8b6;margin-top:28px}.note-card strong{font-size:28px;font-weight:500;margin-top:auto}.note-card small{color:#e2c6b7;font-size:11px}.family-map{max-width:100%;padding:34px}.family-node{background:rgba(251,249,244,.65)}.family-detail{max-width:100%}.context-panel{background:#eee2d7}.occasion-card{border-radius:0}.finder-panel{max-width:var(--container);margin-inline:auto}.finder-section .text-h2{color:#f7eee6}.compare-section .text-h2,.graph-section .text-h2,.learn-section .text-h2{font-family:var(--serif)}.compare-selects select{border-radius:0}.graph-wrap{overflow:auto}.graph-wrap svg{min-width:720px}.guide-card{border-top-color:var(--ink)}.guide-featured{background:#eee2d7}.modal-backdrop{direction:rtl}.modal-close{left:15px;right:auto}.toast{direction:rtl}.reveal{opacity:0;transform:translateY(18px)}.reveal.in-view{opacity:1;transform:none}
@media(max-width:900px){.container{width:min(calc(100% - 36px),var(--container))}.fragrance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notes-scroller{grid-template-columns:repeat(2,minmax(0,1fr))}.context-tabs{grid-template-columns:repeat(4,1fr)}.occasion-list{grid-template-columns:repeat(3,1fr)}.family-detail{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.container{width:calc(100% - 30px)}.fragrance-grid{grid-template-columns:1fr}.notes-scroller{grid-template-columns:repeat(2,minmax(0,1fr))}.note-card{min-height:205px}.family-map{padding:18px;grid-template-columns:1fr 1fr}.family-detail{grid-template-columns:1fr}.context-tabs{grid-template-columns:repeat(2,1fr)}.occasion-list{grid-template-columns:repeat(2,1fr)}.compare-row{grid-template-columns:1fr 1fr}.compare-row>strong{grid-column:1/-1}.compare-row small{grid-column:1/-1}.finder-options{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.section-heading{display:block}.heading-note{margin-top:16px}.desktop-nav{display:none}.menu-button{display:grid}.mobile-nav{display:grid;max-height:0;overflow:hidden;transition:max-height .35s var(--ease-out)}.nav-open .mobile-nav{max-height:340px;padding:10px 15px;border-top:1px solid var(--line)}.nav-open .mobile-nav a{padding:10px 0;border-bottom:1px solid var(--line)}.footer-top{grid-template-columns:1fr}.footer-bottom{display:grid}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}


/* Sillage discovery upgrade — warm editorial layer */
:root{--cocoa:#4b2c22;--cocoa-deep:#271a16;--green:#133f34;--green-soft:#dce8dc;--warm-paper:#fbf8f2;--warm-line:rgba(75,44,34,.18);--warm-muted:#77675e}
body{background:#f6f0e7;color:var(--cocoa)}
.site-header{background:rgba(246,240,231,.88)}
.journey-section{border-block:1px solid var(--warm-line);display:grid;grid-template-columns:minmax(220px,.72fr) 1.6fr;gap:3rem;align-items:end}
.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--warm-line);border:1px solid var(--warm-line)}
.journey-card{position:relative;min-height:170px;padding:1.25rem;background:var(--warm-paper);color:var(--cocoa);display:flex;flex-direction:column;justify-content:space-between;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s,color .35s}
.journey-card:hover,.journey-card:focus-visible{background:var(--cocoa);color:#f6f0e7;transform:translateY(-8px);outline:none}.journey-card span{font:500 .7rem var(--mono);letter-spacing:.12em}.journey-card small{font:500 .58rem var(--mono);letter-spacing:.08em;opacity:.65}.journey-card strong{font:600 1.05rem var(--sans);max-width:11rem}.journey-card i{font-style:normal;font-size:1.2rem;align-self:flex-end}
.mood-section{background:#ede5d9}.mood-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--warm-line);border:1px solid var(--warm-line)}.mood-card{position:relative;min-height:170px;text-align:right;background:var(--warm-paper);border:0;padding:1.2rem;display:flex;flex-direction:column;justify-content:space-between;color:var(--cocoa);cursor:pointer;transition:background .3s,color .3s,transform .3s}.mood-card:hover,.mood-card:focus-visible,.mood-card.active{background:var(--green);color:#f2eee4;transform:translateY(-5px);outline:none}.mood-card>span{font:500 .7rem var(--mono);opacity:.6}.mood-card strong{font-size:1.2rem}.mood-card small{line-height:1.7;opacity:.72}.mood-card i{font-style:normal;align-self:flex-end}.mood-result{margin-top:1.5rem}.mood-result:empty{display:none}.mood-result-head{display:flex;align-items:baseline;gap:1.2rem;border-block:1px solid var(--warm-line);padding:1.1rem 0;flex-wrap:wrap}.mood-result-head h3{margin:0;font-size:1.8rem}.mood-result-head p{margin:0;color:var(--warm-muted)}.mood-result-head .text-link{margin-inline-start:auto}.mood-results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--warm-line);margin-top:1rem}.mood-results-grid button,.similar-cards button{border:0;background:var(--warm-paper);padding:1rem;text-align:right;color:var(--cocoa);display:grid;gap:.45rem;cursor:pointer;transition:background .25s}.mood-results-grid button:hover,.similar-cards button:hover{background:#e7ddd0}.mood-results-grid strong,.similar-cards strong{font-size:1rem}.mood-results-grid span,.mood-results-grid small,.similar-cards span{color:var(--warm-muted);line-height:1.65}.mood-results-grid small{font-size:.78rem}
.notes-section{background:var(--warm-paper)}.note-card{min-width:190px;background:#efe6da;color:var(--cocoa);border:1px solid transparent;border-radius:0;text-align:right;padding:1rem;display:flex;flex-direction:column;gap:.45rem;position:relative;cursor:pointer;transition:transform .3s,background .3s}.note-card:hover,.note-card:focus-visible{background:var(--cocoa);color:#f6f0e7;transform:translateY(-7px);outline:none}.note-card strong{font-size:1.35rem}.note-card small{opacity:.7}.note-card .note-index,.note-card .note-latin{font:500 .65rem var(--mono);letter-spacing:.08em}.note-arrow{margin-top:auto;align-self:flex-end;font-size:1.1rem}
.families-section{background:#e9ded1}.wheel-section{background:var(--green);color:#f2eee4}.wheel-section .text-h2,.wheel-section .heading-note,.wheel-section .eyebrow{color:#f2eee4}.wheel-section .eyebrow-line{background:#cfad83}.wheel-layout{display:grid;grid-template-columns:minmax(300px,1.1fr) minmax(260px,.9fr);gap:3rem;align-items:center}.wheel-visual{max-width:560px;margin:auto}.wheel-visual svg{width:100%;overflow:visible}.wheel-ring{fill:none;stroke:rgba(231,215,188,.28);stroke-width:1}.wheel-mid{stroke-dasharray:3 10}.wheel-inner{fill:rgba(228,190,139,.1);stroke:rgba(228,190,139,.6)}.wheel-spoke{stroke:rgba(231,215,188,.25);stroke-width:1}.wheel-node{cursor:pointer}.wheel-node circle{fill:#e4be8b;stroke:#f7ead2;stroke-width:2;transition:fill .3s,transform .3s}.wheel-node:hover circle,.wheel-node:focus circle,.wheel-node.active circle{fill:#b87955;transform:scale(1.08);outline:none}.wheel-node text{fill:#3a241e;font:500 10px var(--mono);text-anchor:middle;letter-spacing:.08em}.wheel-node .wheel-ar{font-family:var(--sans);font-size:12px;letter-spacing:0}.wheel-center{fill:#e4be8b;font:500 13px var(--mono);text-anchor:middle;letter-spacing:.18em}.wheel-center-small{fill:#f7ead2;font:500 11px var(--mono);text-anchor:middle;letter-spacing:.2em}.wheel-detail{border-block:1px solid rgba(231,215,188,.26);padding:1.5rem 0}.wheel-detail h3{font-size:2.8rem;margin:.5rem 0}.wheel-detail p{color:rgba(247,234,210,.76);line-height:1.9}.wheel-branches{display:grid;gap:1rem;margin-top:2rem}.wheel-branches div{border-top:1px solid rgba(231,215,188,.2);padding-top:.8rem}.wheel-branches small{display:block;color:#d4ae80;font:500 .68rem var(--mono);margin-bottom:.35rem}.wheel-branches strong{font-weight:500}.wheel-fallback{margin-top:1rem}.wheel-fallback-grid{display:flex;gap:.5rem;flex-wrap:wrap}.wheel-fallback-grid button{border:1px solid rgba(231,215,188,.3);background:transparent;color:#f2eee4;padding:.65rem .85rem;cursor:pointer}.wheel-fallback-grid button.active,.wheel-fallback-grid button:hover{background:#e4be8b;color:var(--cocoa)}
.season-section{background:var(--warm-paper)}.context-panel{min-height:410px}.climate-grid{margin-top:2rem;border-top:1px solid var(--warm-line);padding-top:1rem}.climate-grid>small{font:500 .68rem var(--mono);letter-spacing:.05em;color:var(--warm-muted)}.climate-row{display:grid;grid-template-columns:1fr 1.35fr 1.35fr 1.35fr;gap:1rem;border-bottom:1px solid var(--warm-line);padding:.85rem 0;align-items:center}.climate-row>span{font-size:.8rem;color:var(--warm-muted);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5rem}.climate-row i,.dna-row i{height:4px;background:#dfd3c4;display:block;border-radius:99px;overflow:hidden}.climate-row b,.dna-row b{height:100%;display:block;background:var(--cocoa);border-radius:99px}.season-examples{margin-top:1.5rem}.season-examples small{color:var(--warm-muted)}.season-examples div{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.7rem}.season-examples button{border:1px solid var(--warm-line);background:transparent;padding:.5rem .7rem;color:var(--cocoa);cursor:pointer}.occasion-strip{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--warm-line)}
.finder-section{background:var(--cocoa-deep)}.finder-panel{background:var(--green);color:#f2eee4}.finder-copy .text-body{color:rgba(242,238,228,.74)}.finder-option{background:#f3eadc;color:var(--cocoa)}.finder-option:hover,.finder-option:focus-visible{background:#dfb581;color:var(--cocoa)}.finder-progress{background:rgba(247,234,210,.18)}.finder-progress span{background:#e4be8b}.profile-result h2 em{color:#dcb57e}.profile-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:.6rem;border-block:1px solid rgba(247,234,210,.22);padding:1rem 0;margin:1.5rem 0}.profile-summary span{color:rgba(247,234,210,.6);font-size:.75rem}.profile-summary strong{font-weight:500}.profile-result .scent-dna{border:1px solid rgba(247,234,210,.22);background:rgba(247,234,210,.06)}
.compare-result{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.compare-summary,.compare-table,.similar-because{grid-column:1/-1}.compare-summary{background:var(--cocoa);color:#f6f0e7;padding:1.5rem}.compare-summary>span,.similar-because .eyebrow{font:500 .68rem var(--mono);letter-spacing:.1em;color:#dcb57e}.compare-summary strong{display:block;font-size:2rem;margin:.45rem 0}.compare-summary em{color:#dcb57e;font-style:normal}.compare-summary p{max-width:48rem;color:rgba(246,240,231,.78)}.compare-dna-diff{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.compare-dna-diff span{border:1px solid rgba(246,240,231,.2);padding:.45rem .6rem;font-size:.75rem}.compare-dna-diff b{color:#dcb57e}.scent-dna{background:#f0e6d9;border:1px solid var(--warm-line);padding:1.2rem}.dna-heading{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;border-bottom:1px solid var(--warm-line);padding-bottom:.65rem;margin-bottom:.8rem}.dna-heading span{font:500 .7rem var(--mono);letter-spacing:.12em}.dna-heading small{color:var(--warm-muted);font-size:.7rem}.dna-row{display:grid;grid-template-columns:78px 1fr 44px;gap:.6rem;align-items:center;margin:.6rem 0;font-size:.75rem}.dna-row em{font-style:normal;text-align:left;color:var(--warm-muted);font-size:.68rem}.dna-text{color:var(--warm-muted);font-size:.78rem;margin:.9rem 0 0}.dna-compact{padding:.9rem}.dna-compact .dna-row{grid-template-columns:64px 1fr 36px;font-size:.67rem;margin:.4rem 0}.compare-table{border:1px solid var(--warm-line)}.compare-row{display:grid;grid-template-columns:1fr 1.2fr 1.2fr 1.25fr;gap:1rem;padding:.9rem 1rem;border-bottom:1px solid var(--warm-line);align-items:start}.compare-row:last-child{border-bottom:0}.compare-head{background:#e9dfd3;font-size:.75rem}.compare-row span,.compare-row small{color:var(--warm-muted);line-height:1.65}.compare-row small{font-size:.7rem}.similar-because{background:#ede4d8;padding:1.4rem;margin-top:1rem}.similar-because h3{margin:.35rem 0;font-size:1.4rem}.similar-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--warm-line);margin-top:1rem}
.graph-section{background:#efe6da}.graph-wrap{border:1px solid var(--warm-line);padding:1rem}.graph-wrap[hidden]{display:none}.graph-node circle{fill:var(--cocoa);stroke:#d6af7a;stroke-width:2;cursor:pointer}.graph-node text{fill:#f6f0e7;font:500 12px var(--sans);text-anchor:middle}.graph-node.active circle{fill:var(--green)}#graphToggle{margin-bottom:1rem}.graph-detail{border-top:1px solid var(--warm-line);padding-top:1rem;color:var(--warm-muted)}
.glossary-section{background:#e8ddd0}.glossary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--warm-line);border:1px solid var(--warm-line)}.glossary-card{min-height:150px;border:0;background:var(--warm-paper);color:var(--cocoa);padding:1.1rem;text-align:right;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:transform .3s,background .3s,color .3s}.glossary-card:hover,.glossary-card:focus-visible{background:var(--cocoa);color:#f6f0e7;transform:translateY(-5px);outline:none}.glossary-card span{font:500 .68rem var(--mono);letter-spacing:.1em;color:var(--warm-muted)}.glossary-card:hover span,.glossary-card:focus-visible span{color:#dcb57e}.glossary-card strong{font-size:1.2rem}.glossary-card small{opacity:.7}.note-identity{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--warm-line);margin:1.5rem 0}.note-identity>div{background:#f0e6d9;padding:1rem;display:grid;gap:.4rem}.note-identity small{color:var(--warm-muted);font-size:.7rem}.note-identity strong{font-weight:500;line-height:1.6}.provenance{display:inline-block;margin-top:.8rem;color:var(--warm-muted);font-size:.75rem}.note-pyramid{display:grid;gap:.5rem}.note-pyramid button{border:1px solid var(--warm-line);background:#f0e6d9;color:var(--cocoa);padding:.7rem;text-align:right;display:grid;grid-template-columns:80px 1fr;gap:.2rem;cursor:pointer}.note-pyramid button:hover{background:#e4d3c2}.note-pyramid small{grid-column:2;color:var(--warm-muted);line-height:1.5}.scent-journey{margin-top:2rem;border-top:1px solid var(--warm-line);padding-top:1.2rem}.journey-step{display:grid;grid-template-columns:36px 1px 1fr;gap:1rem;margin:1rem 0;align-items:start}.journey-step>span{font:500 .7rem var(--mono);color:var(--warm-muted)}.journey-step>i{width:1px;height:100%;min-height:55px;background:var(--cocoa)}.journey-step small{display:block;color:var(--warm-muted);font-size:.75rem}.journey-step strong{display:block;margin:.15rem 0}.journey-step p{margin:0;color:var(--warm-muted);line-height:1.7}.explorer-copy{border-inline-start:2px solid #d5a667;padding-inline-start:1rem}.mode-toggle{font-size:.68rem;min-width:58px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body[data-mode="explorer"] .explorer-copy{display:block}body:not([data-mode="explorer"]) .explorer-copy{display:none}body[data-mode="explorer"] .data-note{border-color:#d5a667}body[data-mode="explorer"] .advanced-filters{display:grid}
@media (max-width:1000px){.journey-section{grid-template-columns:1fr}.journey-grid{grid-template-columns:repeat(2,1fr)}.mood-grid{grid-template-columns:repeat(3,1fr)}.mood-results-grid,.glossary-grid{grid-template-columns:repeat(2,1fr)}.wheel-layout{grid-template-columns:1fr}.wheel-visual{max-width:480px}.profile-summary{grid-template-columns:repeat(3,1fr)}.compare-result{grid-template-columns:1fr}.compare-row{grid-template-columns:1fr 1fr}.compare-row small{grid-column:1/-1}.note-identity{grid-template-columns:1fr}}
@media (max-width:640px){.journey-grid,.mood-grid,.mood-results-grid,.glossary-grid{grid-template-columns:1fr 1fr}.journey-card{min-height:140px}.mood-card{min-height:145px;padding:.8rem}.mood-card strong{font-size:1rem}.wheel-visual{margin-inline:-1rem}.wheel-detail h3{font-size:2rem}.climate-row{grid-template-columns:1fr;gap:.45rem}.profile-summary{grid-template-columns:1fr 1fr}.compare-row{grid-template-columns:1fr}.compare-row span{padding-inline-start:.8rem}.compare-head{display:none}.dna-row{grid-template-columns:66px 1fr 34px}.modal{width:min(92vw,700px);padding:1.1rem}.note-pyramid button{grid-template-columns:1fr}.note-pyramid small{grid-column:1}.similar-cards{grid-template-columns:1fr}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.wheel-fallback-grid button{font-size:.75rem}}
@media (prefers-reduced-motion:reduce){.journey-card,.mood-card,.note-card,.glossary-card,.wheel-node circle{transition:none!important;transform:none!important}.reveal{opacity:1!important;transform:none!important}}


/* Sillage Art Direction 2.0 — one warm editorial publication */
:root{--cocoa:#5a3327;--cocoa-deep:#2b1e19;--green:#5a3327;--green-soft:#ead4c7;--warm-paper:#fbf8f2;--warm-line:rgba(90,51,39,.19);--warm-muted:#78665b;--paper:#f5efe6;--ink:#2b1e19;--muted:#78665b;--line:#d9c8b9;--dark:#2b1e19;--dark-2:#5a3327;--accent:#a85f48;--cream:#fbf8f2}
html,body{background:var(--paper);color:var(--ink)}body{font-family:var(--font-arabic);letter-spacing:-.01em}.grain{opacity:.026;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.site-header{background:rgba(245,239,230,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.nav-shell{min-height:78px}.brand-mark{transform:rotate(-12deg)}.brand-mark i{background:var(--accent)!important}.brand-mark i:nth-child(2){background:var(--cocoa-deep)!important}.brand-mark i:nth-child(3){background:#c9a995!important}.brand strong{font-size:13px;color:var(--cocoa-deep)}.brand small{color:var(--muted)}.desktop-nav{gap:25px;color:var(--muted);font-size:12px}.desktop-nav a::after{background:var(--accent)}.nav-actions{gap:18px}.nav-mode,.nav-language,.nav-search{border:0;background:transparent;color:var(--muted);padding:7px 0;font-family:var(--mono);font-size:10px;letter-spacing:.04em;transition:color .2s var(--ease-out),transform .2s var(--ease-out)}.nav-mode:hover,.nav-language:hover,.nav-search:hover{color:var(--cocoa);transform:translateY(-1px)}.nav-search{display:flex;gap:7px;align-items:center;font-family:var(--sans);font-size:12px}.nav-search span{font-family:var(--mono);font-size:18px}.menu-button{display:none;border:0;background:transparent;color:var(--cocoa);width:34px;height:34px}.menu-button:hover{background:transparent;color:var(--accent);transform:none}
.hero{grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);gap:5vw;padding-top:70px}.hero-copy{padding-right:2vw}.hero h1{font-size:clamp(64px,8vw,128px);letter-spacing:-.075em}.hero h1 em{display:inline-block;color:var(--cocoa);font-style:italic;text-decoration:underline;text-decoration-color:var(--accent-soft);text-decoration-thickness:3px;text-underline-offset:12px}.hero-lede{max-width:430px;color:var(--muted);font-size:15px}.hero-actions{gap:26px}.button{border-radius:0}.button-dark{background:var(--cocoa-deep);color:var(--paper)}.button-dark:hover{background:var(--cocoa-deep);box-shadow:0 13px 25px rgba(75,44,31,.16)}.text-link{color:var(--cocoa)}.hero-meta{margin-top:70px}.meta-rule{background:var(--accent-soft)}
.hero-atmosphere.specimen-stage{min-height:570px;background:var(--color-surface);border:1px solid var(--line);overflow:hidden}.specimen-stage::before{background:radial-gradient(circle at 54% 42%,rgba(168,95,72,.12),transparent 23%),linear-gradient(135deg,rgba(255,255,255,.72),transparent 55%);z-index:-1}.specimen-stage::after{content:'';position:absolute;inset:12px;border:1px solid rgba(90,51,39,.12);pointer-events:none}.specimen-stage .orb{filter:blur(34px);mix-blend-mode:multiply;opacity:.55}.specimen-stage .orb-one{width:280px;height:280px;right:-80px;top:-45px;background:#d9b7a4;animation:orb-drift 11s ease-in-out infinite}.specimen-stage .orb-two{width:220px;height:220px;left:-45px;bottom:-50px;background:#d9c5a9;animation:orb-drift 14s ease-in-out infinite reverse}.specimen-stage .orb-three{width:160px;height:160px;right:26%;bottom:4%;background:#c9a995;animation:none;opacity:.28}.specimen-intro{position:absolute;right:28px;top:28px;display:grid;gap:5px;color:var(--cocoa);font-family:var(--mono);font-size:10px;letter-spacing:.16em;z-index:4}.specimen-intro small{font-family:var(--sans);font-size:11px;letter-spacing:0;color:var(--muted)}.specimen-stage .atmosphere-caption{right:auto;left:28px;top:28px;color:var(--muted)}.specimen-stage .scent-vessel{width:150px;height:296px;animation:vessel-float 7s ease-in-out infinite}.specimen-stage .vessel-cap{width:58px;height:42px;background:#b6a294;border-radius:1px 1px 0 0;box-shadow:inset 9px 0 12px rgba(255,255,255,.34),inset -8px 0 11px rgba(43,30,25,.18)}.specimen-stage .vessel-glass{height:190px;border-color:rgba(90,51,39,.22);border-radius:2px 2px 17px 17px;background:linear-gradient(110deg,rgba(255,255,255,.72),rgba(168,95,72,.16) 48%,rgba(90,51,39,.22));box-shadow:inset 12px 0 30px rgba(255,255,255,.62),inset -16px -9px 22px rgba(43,30,25,.16),0 22px 38px rgba(75,44,31,.16)}.specimen-stage .vessel-label{border-color:rgba(90,51,39,.35);color:var(--cocoa);background:rgba(255,250,243,.3)}.specimen-stage .vessel-shadow{background:rgba(75,44,31,.22);filter:blur(13px)}.specimen-stage .floating-note{z-index:5;border:0;background:transparent;padding:8px;color:var(--cocoa);font-family:var(--mono);font-size:10px;letter-spacing:.16em;cursor:pointer;transition:color .25s var(--ease-out),transform .35s var(--ease-out),opacity .25s}.specimen-stage .floating-note::before{content:'';display:inline-block;width:6px;height:6px;border:1px solid var(--accent);border-radius:50%;margin-inline-end:8px;vertical-align:1px;transition:background .25s}.specimen-stage .floating-note:hover,.specimen-stage .floating-note:focus-visible,.specimen-stage .floating-note.active{color:var(--accent);outline:none;transform:translateY(-3px)}.specimen-stage .floating-note.active::before,.specimen-stage .floating-note:hover::before{background:var(--accent)}.specimen-stage .note-citrus{right:10%;top:27%;transform:none}.specimen-stage .note-citrus:hover,.specimen-stage .note-citrus:focus-visible,.specimen-stage .note-citrus.active{transform:translateY(-3px)}.specimen-stage .note-iris{left:11%;top:41%;transform:none}.specimen-stage .note-iris:hover,.specimen-stage .note-iris:focus-visible,.specimen-stage .note-iris.active{transform:translateY(-3px)}.specimen-stage .note-wood{right:18%;bottom:17%;transform:none}.specimen-stage .note-wood:hover,.specimen-stage .note-wood:focus-visible,.specimen-stage .note-wood.active{transform:translateY(-3px)}.specimen-detail{position:absolute;left:28px;bottom:28px;display:grid;gap:4px;padding-top:10px;border-top:1px solid var(--line);min-width:170px;color:var(--cocoa);z-index:4}.specimen-detail strong{font-family:var(--mono);font-size:11px;letter-spacing:.16em}.specimen-detail span{font-size:12px;color:var(--muted)}.specimen-line{position:absolute;height:1px;background:var(--accent);opacity:.6;transform-origin:right center;z-index:1}.line-citrus{width:112px;right:27%;top:38%;transform:rotate(-24deg)}.line-iris{width:145px;left:24%;top:49%;transform:rotate(19deg)}.line-wood{width:100px;right:29%;bottom:29%;transform:rotate(25deg)}.specimen-stage .orbit{border-color:rgba(90,51,39,.17)}.specimen-stage .orbit-a{width:420px;height:170px}.specimen-stage .orbit-b{width:340px;height:470px}.specimen-stage .atmosphere-side-label{color:rgba(90,51,39,.5)}
.journey-section{padding-top:86px}.journey-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:42px}.journey-heading .text-h2{font-size:clamp(43px,5.2vw,76px)}.journey-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.journey-card{border-inline-end:1px solid var(--line);border-radius:0!important;background:transparent!important;color:var(--cocoa)!important;min-height:182px;padding:20px 19px;transition:background .3s var(--ease-out),color .3s var(--ease-out),transform .3s var(--ease-out)}.journey-card:last-child{border-inline-end:0}.journey-card:hover,.journey-card:focus-visible{background:var(--cocoa-deep)!important;color:var(--paper)!important;transform:none;outline:none}.journey-card span{color:var(--accent)}.journey-card i{color:var(--accent)}.journey-card small{color:inherit}
.manifesto{border-top:1px solid var(--line)}.section-heading h2,.manifesto h2{letter-spacing:-.055em}.heading-note,.manifesto-text,.data-note{color:var(--muted)}.explore-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.search-field{border-bottom-color:var(--cocoa)}.filter-chip{border-color:var(--line);border-radius:0}.filter-chip.active{background:var(--cocoa-deep);border-color:var(--cocoa-deep)}.fragrance-card{border-color:var(--line);border-radius:0;background:var(--warm-paper);box-shadow:none}.fragrance-card:hover,.fragrance-card:focus-visible{box-shadow:0 18px 34px rgba(75,44,31,.12)}.fragrance-visual[class*="visual-"]{background:#e8d8c9}.fragrance-visual::before{background:rgba(255,255,255,.5)}.fragrance-visual::after{background:rgba(75,44,31,.1)}.mini-bottle{background:linear-gradient(100deg,rgba(255,255,255,.7),rgba(168,95,72,.24) 50%,rgba(255,255,255,.5));box-shadow:inset 7px 0 13px rgba(255,255,255,.5),inset -8px 0 14px rgba(75,44,31,.16),0 12px 20px rgba(75,44,31,.14)}.mini-bottle::before{background:linear-gradient(90deg,#c9b8a9,#6c5045,#d9c7b8)}.card-body h3{font-size:22px}.card-footer{border-top-color:var(--line)}
.mood-section{background:#eadfd3}.mood-grid,.mood-results-grid,.glossary-grid{background:var(--warm-line);border-color:var(--warm-line)}.mood-card,.mood-results-grid button,.glossary-card{background:var(--warm-paper);color:var(--cocoa);border-radius:0}.mood-card:hover,.mood-card:focus-visible,.mood-card.active,.glossary-card:hover,.glossary-card:focus-visible{background:var(--cocoa-deep);color:var(--paper)}.mood-result-head{border-color:var(--line)}.mood-result-head p,.mood-results-grid span,.mood-results-grid small{color:var(--muted)}.notes-section{background:#f1e8de}.note-card{background:#e8d7c7;color:var(--cocoa);border-radius:0}.note-card:hover,.note-card:focus-visible{background:var(--cocoa-deep);color:var(--paper)}.families-section{background:#eadfd3}.wheel-section{background:var(--cocoa-deep);color:var(--paper)}.wheel-section .text-h2,.wheel-section .heading-note,.wheel-section .eyebrow{color:var(--paper)}.wheel-section .wheel-detail p{color:rgba(245,239,230,.74)}.wheel-node circle{fill:#c68a6e;stroke:#f1dcc5}.wheel-node:hover circle,.wheel-node:focus circle,.wheel-node.active circle{fill:#a85f48}.wheel-node text{fill:var(--cocoa-deep)}.wheel-center{fill:#d7ad92}.wheel-fallback-grid button{border-color:rgba(245,239,230,.3);color:var(--paper)}.wheel-fallback-grid button.active,.wheel-fallback-grid button:hover{background:#c68a6e;color:var(--cocoa-deep)}.season-section{background:#f1e8de}.finder-section{background:var(--cocoa-deep)}.finder-panel{background:var(--cocoa);color:var(--paper);border-radius:0}.finder-option{background:#f1e3d4;color:var(--cocoa)}.finder-option:hover,.finder-option:focus-visible{background:#d9b6a0;color:var(--cocoa-deep)}.finder-progress span{background:#d2a287}.compare-summary{background:var(--cocoa-deep)}.compare-table,.compare-row{border-color:var(--line)}.compare-head{background:#eadfd3}.similar-because{background:#eadfd3}.graph-section{background:#f1e8de}.graph-node circle{fill:var(--cocoa);stroke:#c68a6e}.graph-node.active circle{fill:var(--accent)}.glossary-section{background:#eadfd3}.note-pyramid button{background:#f0e2d5;color:var(--cocoa)}.note-pyramid button:hover{background:#ddc1ad}.footer{background:var(--cocoa-deep)!important;color:var(--paper)}
.reveal{animation:editorial-reveal .85s var(--ease-smooth) both}.reveal-delay{animation-delay:.14s}@keyframes editorial-reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.nav-shell{min-height:70px;padding-inline:5vw}.desktop-nav,.nav-mode{display:none}.nav-actions{gap:14px}.menu-button{display:grid}.hero{grid-template-columns:1fr;gap:38px;min-height:auto;padding-top:52px;padding-bottom:80px}.hero-copy{padding-right:0}.hero h1{font-size:clamp(61px,17vw,105px)}.hero-lede{max-width:31rem;margin:26px 0}.hero-meta{margin-top:44px}.hero-atmosphere.specimen-stage{min-height:480px}.specimen-stage .scent-vessel{transform:translate(-50%,-47%) scale(.88)}.specimen-intro{right:20px;top:20px}.specimen-stage .atmosphere-caption{left:20px;top:20px}.specimen-detail{left:20px;bottom:20px}.line-citrus{right:22%;top:39%;width:88px}.line-iris{left:17%;top:51%;width:104px}.line-wood{right:22%;bottom:28%;width:78px}.journey-heading{display:block}.journey-heading .text-h2{margin-top:18px}.journey-grid{grid-template-columns:repeat(2,1fr)}.journey-card:nth-child(2){border-inline-end:0}.journey-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.section-heading{display:block}.heading-note{margin-top:18px}.explore-layout{grid-template-columns:1fr}.explore-aside{display:flex;align-items:end;gap:22px;flex-wrap:wrap}.aside-rule{display:none}.data-note{width:100%;margin-top:10px}.fragrance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mood-grid{grid-template-columns:repeat(2,1fr)}.mood-card:last-child{grid-column:1/-1}.wheel-layout{grid-template-columns:1fr}.compare-selects{grid-template-columns:1fr!important}.versus{display:none}.compare-selects .button{grid-column:1}.profile-summary{grid-template-columns:repeat(3,1fr)}.glossary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.nav-language{display:none}.nav-search{font-size:0}.nav-search span{font-size:21px}.hero{padding-top:38px}.hero-atmosphere.specimen-stage{min-height:425px}.specimen-stage .floating-note{font-size:8px;letter-spacing:.11em}.specimen-stage .note-citrus{right:3%;top:29%}.specimen-stage .note-iris{left:2%;top:43%}.specimen-stage .note-wood{right:5%;bottom:18%}.specimen-stage .scent-vessel{transform:translate(-50%,-48%) scale(.72)}.specimen-stage .orbit-a{width:320px}.specimen-stage .orbit-b{height:350px}.specimen-detail{min-width:142px}.journey-grid{grid-template-columns:1fr}.journey-card{border-inline-end:0!important;border-bottom:1px solid var(--line)}.journey-card:last-child{border-bottom:0}.fragrance-grid{grid-template-columns:1fr}.mood-grid{grid-template-columns:1fr}.mood-card:last-child{grid-column:auto}.notes-scroller{overflow:auto;grid-template-columns:repeat(8,180px);padding-bottom:8px}.notes-scroller .note-card{min-height:190px}.wheel-visual{margin-inline:-12px}.profile-summary{grid-template-columns:repeat(2,1fr)}.compare-row{grid-template-columns:1fr 1fr}.compare-row span:first-child{grid-column:1/-1;font-weight:600}.section-pad{padding-top:82px;padding-bottom:82px}}

/* Sillage data layer + typography contract */
:root{--paper:var(--color-paper);--ink:var(--color-ink);--muted:var(--color-text-secondary);--line:var(--color-line);--dark:var(--color-cocoa);--dark-2:var(--color-chocolate);--accent:var(--color-terracotta);--cream:var(--color-ivory);--lime:#d8ccb7;--serif:var(--font-thmanyah-display);--editorial:var(--font-thmanyah-text);--sans:var(--font-ibm);--mono:ui-monospace,SFMono-Regular,Menlo,monospace}
body,input,select,button,.desktop-nav,.mobile-nav,.nav-actions,.eyebrow,.button,.filter-chip,.search-field,.card-meta,.card-footer,.visual-stamp,.note-english,.provenance,.finder-option,.compare-row small{font-family:var(--font-ibm),sans-serif}
.hero h1,.section-heading h2,.manifesto h2,.card-body h3,.note-card strong,.family-card h3,.season-panel h3,.occasion-card strong,.finder-question h2,.profile-result h2,.detail-hero h2,.guide-card h3,.glossary-card strong,.compare-summary strong,.modal h2{font-family:var(--font-thmanyah-display),serif}
.hero-lede,.heading-note,.manifesto-text,.card-body p,.season-panel p,.occasion-card p,.guide-card p,.detail-grid p,.scent-journey p,.explorer-copy,.profile-result p,.glossary-expanded p{font-family:var(--font-thmanyah-text),var(--font-ibm),sans-serif}
.hero-atmosphere{background:linear-gradient(145deg,#d9c8b7 0%,#b89078 45%,#765345 100%)}
.hero-atmosphere::before{background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.48),transparent 25%),radial-gradient(circle at 90% 15%,rgba(244,218,192,.24),transparent 32%)}
.orb-one{background:#d7a56e}.orb-two{background:#d38c78}.orb-three{background:#9c7564}.vessel-glass{background:linear-gradient(110deg,rgba(246,239,226,.68),rgba(125,76,56,.62) 48%,rgba(224,193,165,.62))}.vessel-shadow{background:rgba(52,29,22,.28)}.brand-mark i:nth-child(3){background:#b9896f}.visual-mist{background:linear-gradient(145deg,#dfcdbd,#a77c67)}.visual-clay{background:linear-gradient(145deg,#d8be9d,#8e695c)}.visual-tea{background:linear-gradient(145deg,#d0b391,#80604e)}.visual-fig{background:linear-gradient(145deg,#cdb1a6,#85706a)}.visual-linen{background:linear-gradient(145deg,#ded7cc,#b4a397)}.visual-white{background:linear-gradient(145deg,#e6dfd5,#b8a69a)}.visual-water{background:linear-gradient(145deg,#d2c7bd,#9a8174)}.note-vetiver{background:#9d8771}.note-fig{background:#b18d73}.note-iris{background:#b6a6a6}
.provenance{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;letter-spacing:.02em;margin-top:10px}.provenance::before{content:'◌';color:var(--accent);font-size:14px}.detail-hero .provenance{border-top:1px solid var(--line);padding-top:10px}.data-status{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.data-status span{border:1px solid var(--line);padding:5px 8px;color:var(--muted);font-size:10px}
@media (prefers-reduced-motion:reduce){.brand-mark i,.orb,.scent-vessel,.visual-glow,.note-card::before{animation:none!important}.button,.fragrance-card,.note-card{transition:none!important}}