/* Find your note: a concise, optional fragrance consultation. */
.note-finder{color:var(--maroon)}
.note-finder-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-block:28px 20px}
.note-finder-intro h1{font:400 48px/1.12 var(--serif);margin-top:12px}
.note-finder-intro p:not(.kicker){font-size:14px;line-height:1.7;color:var(--muted);margin-top:10px}
.note-finder-intro-actions{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0;font-size:12px;color:var(--muted)}
.note-finder .text-link{font-size:12px;color:var(--maroon)}
.note-finder-intro-actions .text-link{display:flex;gap:20px;align-items:center}
.note-journey{padding-bottom:40px;scroll-margin-top:25px}
.note-journey-progress{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0 0 27px;padding:0}
.note-journey-progress li{border-top:1px solid var(--line)}
.note-journey-progress li.is-current{border-color:var(--maroon)}
.note-journey-progress button{display:flex;align-items:center;gap:13px;width:100%;text-align:left;min-height:48px;color:var(--muted);font-size:12px}
.note-journey-progress button>span{font-size:11px}
.note-journey-progress button:disabled{opacity:.65;cursor:default}
.note-journey-progress .is-current button{color:var(--maroon)}
.note-journey-progress .is-complete button>span{color:var(--maroon)}
.note-consultation-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:7%;align-items:stretch}
.note-question{padding-top:6px}
.note-question h2,.note-result-header h2{font:400 34px/1.2 var(--serif);margin-top:12px}
.note-question h2:focus,.note-result-header h2:focus{outline:none}
.note-question-hint{font-size:13px;line-height:1.7;color:var(--muted);margin-top:13px;max-width:480px;min-height:44px}
.note-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:20px}
.note-answer{border:1px solid var(--line);background:#fff;padding:16px 17px;text-align:left;min-width:0;color:var(--maroon);min-height:90px}
.note-answer:hover{border-color:#ad8d91;background:#fbf9f6}
.note-answer[aria-pressed=true]{border-color:var(--maroon);background:var(--ivory);box-shadow:inset 0 0 0 1px var(--maroon)}
.note-answer-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.note-answer-top>strong{font:400 22px/1.2 var(--serif)}
.note-answer-mark{font-size:17px;line-height:1;flex-shrink:0}
.note-answer-description{display:block;margin-top:8px;font-size:11px;color:var(--muted);line-height:1.6;max-width:210px}
.note-open-answer{grid-column:1/-1;min-height:65px}
.note-open-answer .note-answer-top>strong{font-family:inherit;font-size:13px}
.note-open-answer .note-answer-description{max-width:none;margin-top:5px}
.note-avoid-grid .note-answer{min-height:64px;display:flex;align-items:center}
.note-avoid-grid .note-answer-top{width:100%}
.note-avoid-grid .note-answer-top>strong{font:400 19px/1.3 var(--serif)}
.note-avoid-grid .note-open-answer .note-answer-top>strong{font-family:inherit;font-size:13px}
.note-question-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}
.note-question-count{font-size:11px;color:var(--muted)}
.note-question-actions>.button{display:flex;align-items:center;justify-content:space-between;gap:25px;min-width:160px}
.note-question-actions>.button:disabled{background:#ede8e5;border-color:#ede8e5;color:#71656a;cursor:default}
.note-consultation-photo{position:relative;overflow:hidden;margin:0;min-height:505px;background:#2c2325;max-height:580px}
.note-consultation-photo>img{height:100%;width:100%;object-fit:cover;object-position:center 50%}
.note-consultation-photo:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#160b16c7);pointer-events:none}
.note-consultation-photo figcaption{position:absolute;z-index:1;bottom:29px;left:29px;right:24px;color:#fff}
.note-consultation-photo figcaption>.kicker{font-size:9px;color:inherit}
.note-consultation-photo figcaption>span:last-child{display:block;font:400 32px/1.2 var(--serif);margin-top:11px}
.note-browse{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:0;margin-bottom:45px;scroll-margin-top:24px}
.note-browse>summary{display:flex;justify-content:space-between;align-items:center;gap:25px;list-style:none;cursor:pointer;min-height:78px;font:400 25px/1.3 var(--serif)}
.note-browse>summary::-webkit-details-marker{display:none}
.note-browse>summary>span{display:flex;align-items:center;gap:28px;font:400 12px/1.5 var(--sans)}
.note-browse>summary>span>span{font-size:20px}
.note-browse[open]>summary>span>span{transform:rotate(45deg)}
.note-browse-content{padding-block:0 30px}
.note-browse-content .guide-filter-heading{border:0;padding-top:6px}
.note-browse .guide-card{color:var(--ink)}
.note-result-header{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-top:14px;border-top:1px solid var(--line)}
.note-result-header h2{font-size:38px}
.note-result-header p:not(.kicker){font-size:13px;line-height:1.7;color:var(--muted);max-width:620px;margin-top:13px}
.note-result-header>.text-link{display:flex;gap:20px;white-space:nowrap}
.note-answer-summary{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:21px 0 23px}
.note-answer-summary li{padding:7px 12px;border:1px solid var(--line);font-size:11px;line-height:1.5}
.note-matches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin-top:25px}
.note-match{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);border:1px solid var(--line);min-width:0}
.note-match-primary{border-color:var(--maroon)}
.note-match-visual{display:flex;min-width:0;background:var(--ivory)}
.note-match-visual .product-art{width:100%;height:100%;aspect-ratio:auto;min-height:340px}
.note-match-visual .product-bottle-svg{height:75%;max-height:300px}
.note-match-copy{padding:24px 21px;display:flex;flex-direction:column}
.note-match-copy>.kicker{font-size:9px;letter-spacing:.1em;line-height:1.7}
.note-match-name{display:flex;align-items:baseline;gap:12px;margin-top:10px}
.note-match-name h3{font:400 47px/1.1 var(--serif)}
.note-match-name>span{font-size:10px;color:var(--muted)}
.note-match-profile{font-size:13px;line-height:1.6;margin-top:12px}
.note-match-notes{font-size:11px;line-height:1.7;color:var(--muted);margin-top:6px}
.note-match-reasons{border-top:1px solid var(--line);padding-top:14px;margin-top:17px}
.note-match-reasons h4{font-size:11px;font-weight:500}
.note-match-reasons ul{padding-left:14px;margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.7}
.note-match-reasons li+li{margin-top:6px}
.note-match-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:20px}
.note-match-actions .button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:70px;padding:11px 7px;font-size:10px;letter-spacing:0;line-height:1.4;text-transform:none;text-align:center}
.note-match-actions .button strong{font-size:14px;font-weight:500;white-space:nowrap}
.note-result-footnote{font-size:11px;line-height:1.7;color:var(--muted);margin-top:18px}
.note-sampling{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;background:var(--ivory);padding:29px 32px;margin-top:30px}
.note-sampling h3{font:400 30px/1.2 var(--serif);margin-top:10px}
.note-sampling p:not(.kicker){font-size:13px;line-height:1.7;color:var(--muted);max-width:480px;margin-top:12px}
.note-sampling p strong{color:var(--maroon);font-weight:500}
.note-sampling-actions{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.note-sampling-actions>.button{display:flex;justify-content:space-between;align-items:center;gap:24px;width:100%;padding:14px 18px;letter-spacing:0;text-transform:none;font-size:13px}
.note-sampling-actions>.button strong{font-weight:500}
.note-sampling-actions>.text-link{font-size:11px;line-height:1.7;margin-top:5px}
.note-terms-link{font-size:11px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;min-height:36px;padding-top:7px}
.note-sampling .note-sampling-caveat{font-size:11px}
.note-result-bottom{display:flex;justify-content:space-between;gap:25px;margin-top:24px}
.note-result-bottom .text-link{display:flex;align-items:center;gap:20px}
.note-open-compositions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:25px}
.note-open-compositions a{display:flex;align-items:center;gap:20px;border:1px solid var(--line);padding:18px}
.note-open-compositions a>strong{font:400 29px/1 var(--serif)}
.note-open-compositions a>span{font-size:12px;color:var(--muted);line-height:1.5}
.note-open-compositions a>span:last-child{margin-left:auto;color:var(--maroon)}
.note-result-header+ .button{margin-top:23px}
.note-finder button:focus-visible,.note-finder a:focus-visible,.note-browse>summary:focus-visible{outline:2px solid var(--maroon);outline-offset:4px}
@media(max-width:1100px){
 .note-consultation-layout{gap:35px;grid-template-columns:1.15fr .85fr}
 .note-answer{padding:14px}
 .note-matches{gap:18px}
 .note-match{grid-template-columns:1fr}
 .note-match-visual .product-art{min-height:0;height:230px}
 .note-match-visual .product-bottle-svg{height:89%}
 .note-match-copy{padding:22px}
 .note-match-reasons{min-height:118px}
}
@media(max-width:800px){
 .note-finder-intro{padding-block:18px 12px;align-items:flex-start;flex-direction:column;gap:6px}
 .note-finder-intro h1{font-size:41px;margin-top:10px}
 .note-finder-intro .kicker{font-size:9px}
 .note-finder-intro p:not(.kicker){font-size:13px;margin-top:12px;max-width:320px}
 .note-finder-intro-actions{flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:18px;font-size:10px}
 .note-finder-intro-actions .text-link{font-size:11px;gap:12px}
 .note-journey{padding-bottom:28px;scroll-margin-top:15px}
 .note-journey-progress{gap:13px;margin-bottom:18px}
 .note-journey-progress button{font-size:10px;line-height:1.5;align-items:flex-start;flex-direction:column;gap:4px;padding-block:10px;min-height:55px}
 .note-journey-progress button>span{font-size:10px}
 .note-consultation-layout{grid-template-columns:1fr;gap:0}
 .note-consultation-photo{display:none}
 .note-question{padding-top:0}
 .note-question>.kicker{font-size:9px}
 .note-question h2{font-size:30px;margin-top:10px}
 .note-question-hint{font-size:12px;margin-top:11px;min-height:0}
 .note-answer-grid{gap:10px;margin-top:18px}
 .note-answer{padding:11px 12px;min-height:90px}
 .note-answer-top>strong{font-size:21px}
 .note-answer-description{font-size:11px;line-height:1.5;margin-top:7px}
 .note-open-answer{min-height:63px}
 .note-open-answer .note-answer-description{margin-top:5px}
 .note-question-actions{padding-top:12px;margin-top:15px;gap:12px}
 .note-question-count{font-size:10px}
 .note-question-actions>.button{min-width:145px;padding:13px 15px;gap:15px;font-size:10px}
 .note-avoid-grid .note-answer{min-height:61px}
 .note-avoid-grid .note-answer-top>strong{font-size:20px}
 .note-avoid-grid .note-open-answer .note-answer-top>strong{font-size:12px}
 .note-browse{margin-bottom:31px;scroll-margin-top:15px}
 .note-browse>summary{font-size:23px;min-height:72px;gap:15px}
 .note-browse>summary>span{font-size:10px;gap:14px}
 .note-browse>summary>span>span{font-size:19px}
 .note-browse>summary>span{max-width:130px}
 .note-result-header{align-items:flex-start;flex-direction:column;gap:12px}
 .note-result-header h2{font-size:32px;max-width:310px}
 .note-result-header p:not(.kicker){font-size:12px}
 .note-result-header>.text-link{font-size:11px;gap:15px}
 .note-answer-summary{gap:7px;margin:15px 0 20px}
 .note-answer-summary li{font-size:10px;padding:6px 10px}
 .note-matches{grid-template-columns:1fr;gap:20px;margin-top:20px}
 .note-match{grid-template-columns:1fr}
 .note-match-visual .product-art{height:210px}
 .note-match-copy{padding:20px}
 .note-match-name h3{font-size:43px}
 .note-match-name>span{font-size:10px}
 .note-match-profile{font-size:14px}
 .note-match-notes{font-size:12px}
 .note-match-reasons{min-height:0}
 .note-match-reasons ul{font-size:12px}
 .note-match-actions{margin-top:0;padding-top:17px;gap:10px}
 .note-match-actions .button{font-size:11px;min-height:66px}
 .note-match-actions .button strong{font-size:15px}
 .note-result-footnote{font-size:10px}
 .note-sampling{grid-template-columns:1fr;gap:20px;padding:23px 20px;margin-top:25px}
 .note-sampling h3{font-size:28px}
 .note-sampling p:not(.kicker){font-size:12px}
 .note-sampling-actions>.button{font-size:12px;gap:12px;padding:14px}
 .note-sampling-actions>.text-link{font-size:10px}
 .note-result-bottom .text-link{font-size:11px;gap:10px}
 .note-open-compositions{grid-template-columns:1fr;gap:10px}
 .note-open-compositions a{padding:15px;gap:17px}
}