.theoric-olfactive-pyramid{--top-section-bg: #54392d;--top-section-fg: #f1f0eb;--top-section-muted: rgba(241, 240, 235, .66);--top-section-line: rgba(241, 240, 235, .26);--pyramid-step-count: 3;--pyramid-stage-height: 72dvh;--pyramid-step-height: 44dvh;background:var(--top-section-bg);color:var(--top-section-fg);position:relative;height:var(--pyramid-stage-height);overflow:hidden}.theoric-olfactive-pyramid--has-background-image{background-image:var(--pyramid-background-image);background-position:center;background-size:cover;background-repeat:no-repeat}.theoric-olfactive-pyramid__scroll{position:relative;height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.theoric-olfactive-pyramid__scroll::-webkit-scrollbar{display:none}.theoric-olfactive-pyramid__sticky{position:sticky;top:0;min-height:var(--pyramid-stage-height);height:var(--pyramid-stage-height);display:flex;align-items:center;overflow:hidden}.theoric-olfactive-pyramid__inner{width:100%;min-height:var(--pyramid-stage-height);height:var(--pyramid-stage-height);display:grid;grid-template-columns:minmax(0,50vw) minmax(0,1fr);gap:0;align-items:center;padding:0}.theoric-olfactive-pyramid__text-grid{grid-column:2;min-height:100%;width:min(42rem,100%);display:grid;grid-template-columns:1fr;gap:1.4rem;align-content:center;align-items:center;justify-self:center;padding:clamp(40px,6vw,96px)}.theoric-olfactive-pyramid--no-media .theoric-olfactive-pyramid__text-grid{grid-column:1 / -1;width:100%;justify-self:start;margin-left:0;transform:none;padding:clamp(40px,6vw,96px) clamp(48px,11.8vw,228px)}.theoric-olfactive-pyramid__single-state{display:grid;gap:1.4rem}.theoric-olfactive-pyramid__all-notes,.theoric-olfactive-pyramid--no-media .theoric-olfactive-pyramid__single-state{display:none}.theoric-olfactive-pyramid--no-media .theoric-olfactive-pyramid__all-notes{display:grid;grid-template-columns:repeat(3,minmax(13rem,1fr));gap:clamp(48px,10vw,190px);align-items:start;width:100%}.theoric-olfactive-pyramid__note-panel{opacity:0;transform:translateY(42px);transition:opacity .32s ease,transform .52s ease}.theoric-olfactive-pyramid__note-panel.is-visible{opacity:1;transform:translateY(0)}.theoric-olfactive-pyramid__panel-label{margin:0 0 1.4rem;color:var(--top-section-fg);font-family:Avantt,Helvetica,sans-serif;max-width:10ch;font-size:clamp(2.2rem,1.55vw,3rem);font-weight:400;letter-spacing:0;line-height:1.25;text-transform:uppercase}.theoric-olfactive-pyramid__panel-list{display:grid;gap:.8rem;margin:0;padding:0;list-style:none}.theoric-olfactive-pyramid__label{margin:0;color:var(--top-section-fg);font-family:Avantt,Helvetica,sans-serif;max-width:9.5ch;font-size:clamp(2.2rem,1.55vw,3rem);font-weight:400;letter-spacing:0;line-height:1.25;text-transform:uppercase}.theoric-olfactive-pyramid__notes{position:relative;min-height:17.2rem}.theoric-olfactive-pyramid__note-list{position:absolute;inset:0 auto auto 0;width:min(32rem,100%);display:grid;gap:.8rem;margin:0;padding:0;list-style:none;opacity:0;transform:translateY(16px);transition:opacity .26s ease,transform .36s ease;pointer-events:none}.theoric-olfactive-pyramid__note-list.is-active{opacity:1;transform:translateY(0);pointer-events:auto}.theoric-olfactive-pyramid__note{color:var(--top-section-fg);font-family:Arial,Helvetica,sans-serif;font-size:clamp(1.4rem,.8vw,1.6rem);font-weight:400;letter-spacing:0;line-height:1.45}.theoric-olfactive-pyramid__media{grid-column:1;grid-row:1;position:relative;width:100%;height:100%;max-height:none;overflow:hidden}.theoric-olfactive-pyramid--no-media .theoric-olfactive-pyramid__media{display:none}.theoric-olfactive-pyramid__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.03);transition:opacity .36s ease,transform .7s ease}.theoric-olfactive-pyramid__image.is-active{opacity:1;transform:scale(1)}.theoric-olfactive-pyramid__image-placeholder{width:100%;height:100%;border:1px solid var(--top-section-line);opacity:.45}.theoric-olfactive-pyramid__nav{position:absolute;top:50%;right:clamp(24px,2vw,36px);display:grid;grid-auto-rows:1fr;gap:0;width:2px;height:min(28vh,180px);transform:translateY(-50%);background:var(--top-section-line)}.theoric-olfactive-pyramid__nav-button{-webkit-appearance:none;appearance:none;border:0;border-radius:0;width:2px;padding:0;background:transparent;cursor:pointer}.theoric-olfactive-pyramid__nav-button.is-active{background:var(--top-section-fg)}.theoric-olfactive-pyramid__trigger{min-height:var(--pyramid-step-height);pointer-events:none}@media screen and (max-width:989px){.theoric-olfactive-pyramid{--pyramid-stage-height: 80dvh;--pyramid-step-height: 48dvh}.theoric-olfactive-pyramid__inner{grid-template-columns:1fr;grid-template-rows:auto 1fr;align-content:stretch;padding:32px}.theoric-olfactive-pyramid__media{grid-column:1;grid-row:2;order:initial;height:22dvh;max-height:22dvh}.theoric-olfactive-pyramid__text-grid{grid-column:1;grid-row:1;min-height:auto;width:min(38rem,100%);gap:1.2rem;justify-self:start;align-content:center;padding:0 0 24px}.theoric-olfactive-pyramid--no-media .theoric-olfactive-pyramid__text-grid{grid-row:1 / -1;width:100%;transform:none;justify-self:start;margin-left:0;padding:0}.theoric-olfactive-pyramid--no-media .theoric-olfactive-pyramid__all-notes{grid-template-columns:1fr;gap:2.2rem}.theoric-olfactive-pyramid__note-panel{transform:translateY(28px)}.theoric-olfactive-pyramid__panel-label{margin-bottom:1rem;font-size:2rem}}@media screen and (max-width:749px){.theoric-olfactive-pyramid__inner{padding:24px 32px}.theoric-olfactive-pyramid__media{height:22dvh;max-height:22dvh}.theoric-olfactive-pyramid__text-grid{gap:1rem}.theoric-olfactive-pyramid__label{max-width:9ch;font-size:2rem}.theoric-olfactive-pyramid__notes{min-height:15rem}.theoric-olfactive-pyramid__note{font-size:1.3rem}.theoric-olfactive-pyramid__nav{right:16px;height:120px}}@media(prefers-reduced-motion:reduce){.theoric-olfactive-pyramid__note-list,.theoric-olfactive-pyramid__image,.theoric-olfactive-pyramid__note-panel{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-theoric-olfactive-pyramid.css.map */