.scent-page .chapter{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);align-content:start;padding:clamp(4.5rem,9vw,8.5rem) var(--page-pad) 0}.scent-page .chapter-label{grid-column:1 / -1;color:var(--color-mute);font-size:.75rem;line-height:1.3;letter-spacing:.14em;text-transform:uppercase}.scent-page .chapter h2{margin-top:1.25rem}.scent-page .editorial-m{text-transform:uppercase}.scent-page .page-title{max-width:none;white-space:nowrap;font-size:min(clamp(2.6rem,5.4vw,5.75rem),calc((100vw - 2 * var(--page-pad)) / 11.4))}.scent-page .wear-heading{white-space:nowrap}.scent-page .chapter-copy,.wear-summary{color:var(--color-ink-soft);font-size:clamp(1.0625rem,1.3vw,1.25rem);line-height:1.6}.scent-room{margin:0;background:var(--color-ink)}.scent-room img{display:block;width:100%;height:auto;aspect-ratio:1776 / 896;object-fit:cover;object-position:30% 50%}.chapter-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gutter);padding:clamp(4.5rem,9vw,8.5rem) var(--page-pad) 0}.scent-page .chapter-pair .chapter{display:block;padding:1.4rem 0 0;border-top:1px solid var(--color-ink)}.scent-page .chapter-pair .chapter-copy{max-width:30rem;margin-top:1.5rem}.scent-page .chapter-notes h2{grid-column:1 / span 8}.accords{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gutter);margin-top:clamp(3rem,6vw,5rem)}.accord-plate{margin:0;aspect-ratio:4 / 5;overflow:hidden;background:var(--color-ink)}.accord-plate img{display:block;width:100%;height:100%;object-fit:cover}.accord-text{position:relative;display:grid;grid-template-columns:4rem minmax(0,1fr);row-gap:.5rem;align-content:start;padding-top:1.4rem;border-top:1px solid var(--color-ink)}.accords li+li .accord-text:before{content:"";position:absolute;top:-1px;right:100%;width:var(--gutter);border-top:1px solid var(--color-ink)}.accord-text .specimen{grid-row:span 3;margin-top:-.12em;font-family:var(--font-hand);font-size:2.5rem;line-height:1}.accord-text h3{padding-top:.2rem;font-family:var(--font-body);font-size:.75rem;font-weight:400;line-height:1.3;letter-spacing:.14em;text-transform:uppercase}.accord-notes{color:var(--color-ink-soft);font-size:.9375rem;line-height:1.55}.accord-copy{max-width:19rem;margin-top:.75rem;font-size:clamp(1.0625rem,1.25vw,1.1875rem);line-height:1.4}.scent-page .chapter-wear{--band: var(--color-ink);--on-band: var(--color-paper);align-items:start;margin-top:clamp(4.5rem,9vw,8.5rem);padding-bottom:clamp(4.5rem,9vw,8.5rem);background:var(--band);color:var(--on-band)}.scent-page .chapter-wear>*{--color-ink: var(--on-band);--color-paper: var(--band);--color-ink-soft: color-mix(in srgb, var(--on-band) 84%, var(--band));--color-mute: color-mix(in srgb, var(--on-band) 66%, var(--band));--color-rule-strong: color-mix(in srgb, var(--on-band) 26%, var(--band));--color-rule: color-mix(in srgb, var(--on-band) 18%, var(--band))}.wear-intro{grid-column:1 / span 4}.wear-summary{max-width:24rem;margin-top:1.75rem}.study{grid-column:6 / span 7;margin:0;padding-top:2.75rem;container:study / inline-size}.study-plot{position:relative;height:clamp(12rem,20vw,17.5rem);border-bottom:1px solid var(--color-ink)}.study-plot svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.wear-stage{stroke:var(--color-rule-strong);stroke-width:1;stroke-dasharray:1 4;vector-effect:non-scaling-stroke}.wear-line{fill:none;stroke:var(--color-ink);stroke-linecap:round;vector-effect:non-scaling-stroke;transition:stroke-width .22s ease-out}.wear-citrus{stroke-width:2.25;stroke-dasharray:.1 5}.wear-cedar{stroke-width:1.25;stroke-dasharray:7 5}.wear-amber{stroke-width:1.5}.study[data-ready][data-stage="0"] .wear-citrus{stroke-width:3.75}.study[data-ready][data-stage="1"] .wear-cedar{stroke-width:2.5}.study[data-ready][data-stage="2"] .wear-amber{stroke-width:3}.wear-name{position:absolute;z-index:2;translate:calc(var(--anchor, .5) * -100%) calc(-100% - .7rem);padding:0 .4rem;background:var(--color-paper);color:var(--color-ink);font-size:.6875rem;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;transition:color .22s ease-out}.study[data-ready] .wear-name{color:var(--color-mute)}.study[data-ready][data-stage="0"] .wear-name-citrus,.study[data-ready][data-stage="1"] .wear-name-cedar,.study[data-ready][data-stage="2"] .wear-name-amber{color:var(--color-ink)}.study-marker{display:none;position:absolute;z-index:1;top:0;bottom:-.55rem;left:0;width:100%;pointer-events:none;--x: .16667;--reach: 20%;transform:translate(calc(var(--x) * 100%));transition:transform .34s cubic-bezier(.22,.61,.36,1)}.study-marker:before{content:"";position:absolute;top:var(--reach);bottom:0;left:-.5px;width:1px;background:var(--color-ink);transition:top .34s cubic-bezier(.22,.61,.36,1)}.study[data-ready] .study-marker{display:block}.study[data-stage="1"] .study-marker{--x: .5;--reach: 18%}.study[data-stage="2"] .study-marker{--x: .83333;--reach: 28%}.study-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.stage-name{display:flex;justify-content:center;align-items:flex-start;min-height:3rem;padding:.95rem .5rem 0;border:0;background:none;color:var(--color-ink-soft);font:inherit;font-size:.75rem;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:.45em}button.stage-name{color:var(--color-mute);cursor:pointer;transition:color .16s ease,text-decoration-color .16s ease}button.stage-name:hover{color:var(--color-ink)}button.stage-name[aria-pressed=true]{color:var(--color-ink);text-decoration-color:currentColor}button.stage-name:focus-visible{outline:1px solid var(--color-ink);outline-offset:-1px}.study-times{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:-.3rem}.study-times span{padding:0 .5rem;color:var(--color-mute);font-size:.6875rem;line-height:1.3;letter-spacing:.06em;text-align:center;white-space:nowrap}.study-copy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.study-copy p{padding:.5rem .9rem 0;color:var(--color-ink-soft);font-size:clamp(.9375rem,1.1vw,1.0625rem);line-height:1.45;text-align:center;text-wrap:balance;transition:color .2s ease-out}.study[data-ready] .study-copy p{color:var(--color-mute)}.study[data-ready] .study-copy p[data-current]{color:var(--color-ink)}.copy-stage{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(min-width:64rem){.wear-intro{display:contents}.chapter-wear .chapter-label{grid-column:1 / -1;grid-row:1}.chapter-wear .wear-heading{grid-column:1 / span 6;grid-row:2;align-self:baseline}.chapter-wear .wear-summary{grid-column:8 / span 5;grid-row:2;align-self:baseline;max-width:30rem;margin-top:0}.study{grid-column:1 / -1;grid-row:3;padding-top:clamp(3.5rem,5vw,5rem)}.study-copy p{max-width:20rem;margin-inline:auto}.study figcaption{white-space:nowrap}}.study figcaption{margin-top:2.25rem;color:var(--color-mute);font-size:.8125rem;line-height:1.5}@container study (width < 32rem){.study-copy{grid-template-columns:minmax(0,1fr);padding-top:.35rem}.study-copy p{padding:.75rem 0 0;text-align:left;text-wrap:pretty}.copy-stage{position:static;width:auto;height:auto;overflow:visible;clip:auto;margin-right:.6rem;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}.study[data-ready] .study-copy p{grid-area:1 / 1;visibility:hidden}.study[data-ready] .study-copy p[data-current]{visibility:visible}.study[data-ready] .copy-stage{display:none}.study:not([data-ready]) .study-stages,.study:not([data-ready]) .study-times{display:none}.study:not([data-ready]) .study-copy p+p{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-rule)}.study figcaption{margin-top:1.75rem}.wear-name{font-size:.625rem;letter-spacing:.12em;padding:0 .3rem}.wear-name-citrus{left:0!important;top:7%!important;--anchor: 0 !important;padding-left:0}}.scent-close{display:grid;padding:clamp(3rem,6vw,5rem) var(--page-pad) clamp(5rem,10vw,9rem)}.scent-close-bottle{position:relative;z-index:1;justify-self:start;width:min(22rem,58vw);margin:0 0 calc(min(22rem,58vw)*-.072) clamp(0rem,8vw,8rem)}.scent-close-bottle img{display:block;width:100%;height:auto}.scent-close .scent-buy{position:relative;z-index:2}@media(max-width:63.99rem){.scent-page .chapter-notes h2{grid-column:1 / span 10}.accord-text{grid-template-columns:3.25rem minmax(0,1fr)}.accord-text .specimen{font-size:2.1rem}.wear-intro{grid-column:1 / span 8}.study{grid-column:1 / -1;padding-top:4rem}}@media(max-width:47.99rem){.scent-page .wear-heading{font-size:min(2.5rem,calc((100vw - 2 * var(--page-pad)) / 10.4))}.scent-page .chapter{grid-template-columns:minmax(0,1fr);padding-top:4.5rem}.scent-page .chapter>*,.scent-page .chapter-notes h2,.wear-intro,.study{grid-column:1}.chapter-pair{grid-template-columns:minmax(0,1fr);row-gap:3.5rem;padding-top:4.5rem}.scent-room img{aspect-ratio:3 / 2}.accords{grid-template-columns:minmax(0,1fr);margin-top:2.5rem}.accords li{display:grid;grid-template-columns:36vw minmax(0,1fr);column-gap:1rem;align-items:end;border-bottom:1px solid var(--color-ink)}.accords li+li{padding-top:1.75rem}.accord-text{grid-template-columns:minmax(0,1fr);row-gap:.4rem;padding:0 0 .9rem;border-top:0}.accords li+li .accord-text:before{display:none}.accord-text .specimen{grid-row:auto;margin:0 0 .35rem;font-size:1.875rem}.accord-copy{margin-top:.5rem;font-size:1rem}.study{padding-top:3.25rem}.study-plot{height:11rem}.scent-close-bottle{margin-left:0}}@media(prefers-reduced-motion:reduce){.wear-line,.wear-name,.study-marker,.study-marker:before,button.stage-name,.study-copy p{transition:none}}