@layer config, base, layouts, components;@layer config{@custom-media --tablet      (width >= 48rem);@custom-media --tablet-wide (width >= 64rem);@custom-media --laptop      (width >= 90rem);@custom-media --desktop     (width >= 100rem)}@layer config{*,:after,:before{box-sizing:border-box}:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-ligatures:common-ligatures;text-rendering:optimizelegibility}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}}@layer base{.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}}@layer base{abbr[title]{text-decoration-line:dotted;text-decoration-thickness:1px;text-underline-offset:.3rem}body{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-family-text);font-size:var(--font-size-text,1rem);font-weight:var(--font-weight-text,400);line-height:var(--line-height-text,1.5)}h1,h2,h3,h4,h5,h6{color:var(--color-heading);font-family:var(--font-family-heading);font-size:var(--font-size-heading);font-weight:var(--font-weight-heading);line-height:var(--line-height-heading);margin-block:var(--spacing-heading);max-width:var(--max-width-heading)}h1{--font-size-heading:var(--font-size-heading-01)}h2{--font-size-heading:var(--font-size-heading-02)}h3{--font-size-heading:var(--font-size-heading-03)}h4{--font-size-heading:var(--font-size-heading-04)}h5{--font-size-heading:var(--font-size-heading-05)}h6{--font-size-heading:var(--font-size-heading-06)}p{margin-block:var(--spacing-typography);max-width:var(--max-width-paragraph)}}@layer base{a{color:var(--color-link);text-decoration-color:var(--link-color-text-decoration);text-decoration-line:var(--link-text-decoration-line);text-decoration-thickness:var(--text-decoration-thickness);text-underline-offset:var(--text-decoration-offset);&:focus-visible{outline:var(--focus-outline-width) var(--focus-outline-style) var(--focus-color-outline);outline-offset:var(--focus-outline-offset)}@media (prefers-reduced-motion:no-preference){transition:var(--link-transition)}@media (hover:hover) and (pointer:fine){&:hover{text-decoration-color:var(--link-color-text-decoration-hover)}}}}@layer base{blockquote{border-inline-start:var(--border-width-lg) var(--border-style-normal) var(--color-border);font-style:italic;margin-block:var(--spacing-typography);padding-inline-start:var(--spacing-sm)}blockquote cite{display:block;font-size:var(--font-size-xs);font-style:normal;margin-block-start:var(--spacing-typography)}}@layer base{:where(code,kbd,samp){font-family:var(--font-family-code);font-size:var(--font-size-xs)}:where(code):not(pre>code){background-color:var(--color-background-muted);border-radius:var(--radius-sm);padding:var(--spacing-2xs)}pre{background-color:var(--color-background-muted);border-radius:var(--radius-md);overflow-x:auto;padding:var(--spacing-sm)}pre>code{background:none;font-size:var(--font-size-xs);padding:0}kbd{background-color:var(--color-background-muted);border:var(--border-width-sm) var(--border-style-normal) var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-2xs)}}@layer base{:where(ul,ol){padding-inline-start:var(--size-16)}:where(ul,ol) :where(ul,ol){margin-block:var(--spacing-typography);padding-inline-start:var(--spacing-sm)}:where(li){margin-block:var(--spacing-2xs)}}@layer base{address{font-style:var(--font-style-normal);margin-block:0;p{margin-block:0}}}@layer base{details{background-color:var(--details-color-background);border:var(--border-width-sm) var(--border-style-normal) var(--details-color-border);border-radius:var(--details-border-radius);box-shadow:var(--details-box-shadow);color:var(--details-color-text);margin-block:var(--details-margin);@media (prefers-reduced-motion:no-preference){transition:var(--transition-normal)}@media (hover:hover) and (pointer:fine){&:hover{--details-box-shadow:var(--details-box-shadow-hover)}}&[open]{border-color:var(--details-color-border-open)}}summary{align-items:center;cursor:pointer;display:flex;font-family:var(--details-summary-font-family);font-size:var(--details-summary-font-size);font-weight:var(--details-summary-font-weight);justify-content:space-between;list-style:none;padding-block:var(--details-summary-padding-block);padding-inline:var(--details-summary-padding-inline);&::-webkit-details-marker{display:none}&:after{background-color:currentColor;content:"";flex-shrink:0;height:var(--details-icon-size);mask:var(--details-icon) center /var(--details-icon-size) no-repeat;transition:rotate var(--transition-normal);width:var(--details-icon-size)}}details[open] summary:after{rotate:180deg}summary+div{font-size:var(--details-content-font-size);padding-block:var(--details-content-padding-block);padding-inline:var(--details-content-padding-inline)}}@layer base{figure{display:flex;flex-direction:column;gap:var(--figure-gap);margin-block:var(--figure-margin-block);picture{display:block}img{height:auto;width:100%}figcaption{display:flex;flex-direction:column;font-size:var(--figure-figcaption-font-size);gap:var(--figure-figcaption-gap)}p{margin-block:0}picture+figcaption{align-items:baseline;justify-content:space-between}@media (min-width:48rem){figcaption{flex-direction:row}.credit{margin-inline-start:auto}}}}@layer base{label,legend{color:var(--label-color-text);font-size:var(--label-font-size);font-weight:var(--label-font-weight);padding:var(--label-padding);text-transform:var(--label-text-transform)}input:not([type=button],[type=reset],[type=submit],[type=checkbox],[type=radio],[type=range]){background-color:var(--input-color-background);border:0;border-radius:var(--input-border-radius);box-shadow:inset 0 0 0 var(--input-border-width) var(--input-color-border);color:var(--input-color-text);display:block;font:inherit;line-height:var(--line-height-normal);outline-color:transparent;outline-offset:var(--focus-outline-offset,2px);outline-style:var(--focus-outline-style);outline-width:var(--focus-outline-width);padding:var(--input-padding);width:100%;&:disabled{opacity:var(--opacity-disabled)}&:focus-visible{outline:var(--focus-outline-width) var(--focus-outline-style) var(--focus-color-outline)}&::placeholder{color:var(--input-color-placeholder);opacity:100%}@media (prefers-reduced-motion:no-preference){transition:var(--form-transition)}@media (hover:hover) and (pointer:fine){&:not(:disabled,:read-only):hover{box-shadow:inset 0 0 0 var(--input-border-width) var(--input-color-border-hover)}}}:where(input[type=search]){appearance:textfield;&::-webkit-search-cancel-button,&::-webkit-search-decoration,&::-webkit-search-results-button,&::-webkit-search-results-decoration{appearance:none}}:where(input[type=number]){appearance:textfield;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{appearance:none;margin:0}}:where(input[type=date],input[type=time],input[type=datetime-local]){&:not(:disabled){cursor:pointer}&::-webkit-calendar-picker-indicator{cursor:pointer;opacity:60%;transition:opacity var(--form-transition);&:focus-visible,&:hover{opacity:100%}}}:where(input[type=file]){cursor:pointer;padding:var(--spacing-8,.5rem) var(--spacing-12,.75rem);&::file-selector-button{background-color:var(--form-color-accent);border:0;border-radius:var(--input-border-radius);color:var(--color-on-primary,#fff);cursor:pointer;font:inherit;margin-inline-end:var(--file-button-margin-end,.75rem);padding:var(--file-button-padding,.5rem .75rem);transition:var(--form-transition)}}}@layer base{[type=checkbox]:not([role=switch]){align-items:center;appearance:none;background-color:var(--checkbox-color-background);border:0;border-radius:var(--checkbox-border-radius);box-shadow:inset 0 0 0 var(--checkbox-border-width) var(--checkbox-color-border);display:inline-grid;flex:0 0 auto;font:inherit;height:var(--checkable-size,1.25rem);justify-content:center;line-height:1;margin:0;outline-color:transparent;outline-offset:var(--focus-outline-offset,2px);outline-style:var(--focus-outline-style);outline-width:var(--focus-outline-width);position:relative;user-select:none;width:var(--checkable-size,1.25rem);&:is(:checked,:indeterminate){background-color:var(--checkbox-color-background-checked);box-shadow:inset 0 0 0 var(--checkbox-border-width) var(--checkbox-color-border-checked)}&:not(:disabled){cursor:pointer}&:disabled{opacity:var(--opacity-disabled)}&:focus-visible{outline:var(--focus-outline-width) var(--focus-outline-style) var(--focus-color-outline)}&:checked:after{background-color:var(--form-color-accent,#000);content:"";height:100%;mask:var(--checkbox-mask-checked);position:absolute;scale:var(--checkbox-scale-checked,.7);width:100%}&:indeterminate:after{background-color:currentcolor;content:"";height:100%;mask:var(--checkbox-mask-indeterminate);position:absolute;width:100%}@media (prefers-reduced-motion:no-preference){transition:var(--form-transition)}@media (hover:hover) and (pointer:fine){&:not(:disabled,:read-only):hover{box-shadow:inset 0 0 0 var(--checkbox-border-width) var(--checkbox-color-border-hover)}}}[type=checkbox]+label{--label-padding:var(--checkbox-label-padding)}[type=checkbox]:not(:disabled)+label{cursor:pointer}}@layer base{[type=radio]{appearance:none;background-color:var(--radio-color-background);border:0;border-radius:var(--radio-border-radius);box-shadow:inset 0 0 0 var(--radio-border-width) var(--radio-color-border);display:inline-grid;height:var(--checkable-size,1.25em);margin:0;outline-color:transparent;outline-offset:var(--focus-outline-offset,2px);outline-style:var(--focus-outline-style);outline-width:var(--focus-outline-width);padding:0;place-content:center;width:var(--checkable-size,1.25em);&:before{background-color:var(--radio-color-background-checked);border:var(--radio-border-width-checked) solid var(--radio-color-border-checked);border-radius:var(--radius-pill,9999px);content:"";height:calc(var(--checkable-size, 1.25em)/1);scale:0;width:calc(var(--checkable-size, 1.25em)/1)}&:not(:disabled){cursor:pointer}&:disabled{opacity:var(--opacity-disabled)}&:focus-visible{outline:var(--focus-outline-width) var(--focus-outline-style) var(--focus-color-outline)}&:checked:before{scale:var(--radio-scale-checked,.7)}@media (prefers-reduced-motion:no-preference){transition:var(--form-transition)}@media (hover:hover) and (pointer:fine){&:not(:disabled,:read-only):hover{box-shadow:inset 0 0 0 var(--radio-border-width) var(--radio-color-border-hover)}}}[type=radio]+label{--label-padding:var(--radio-label-padding)}[type=radio]:not(:disabled)+label{cursor:pointer}.range{padding-block-end:var(--size-32);position:relative}}@layer base{[type=range]{appearance:none;background:transparent;border:0;color:var(--range-thumb-color);height:var(--range-thumb-size);margin:0;outline-offset:var(--focus-outline-offset,2px);padding:0;width:100%;&:not(:disabled){cursor:pointer}&:disabled{opacity:var(--opacity-disabled)}}[type=range]:focus-visible{outline:var(--focus-outline-width) var(--focus-outline-style) var(--focus-color-outline)}[type=range]::-webkit-slider-runnable-track{background:var(--range-track-color);border-radius:var(--range-track-height);height:var(--range-track-height)}[type=range]::-webkit-slider-thumb{appearance:none;background-color:currentcolor;border:var(--range-thumb-border-width) solid var(--range-thumb-color-border);border-radius:50%;height:var(--range-thumb-size);margin-block-start:calc((var(--range-track-height) - var(--range-thumb-size))*.5);width:var(--range-thumb-size)}[type=range]::-moz-range-track{background:var(--range-color-track);border-radius:var(--range-track-height);height:var(--range-track-height)}[type=range]::-moz-range-thumb{background:currentcolor;border:var(--size-4) solid var(--color-white);border-radius:50%;cursor:pointer;height:var(--range-thumb-size);width:var(--range-thumb-size)}[type=range]::-moz-range-progress{background:currentcolor;border-radius:var(--range-track-height);height:var(--range-track-height)}.range-value{background-color:var(--form-background);border-radius:var(--form-border-radius,var(--radius-xs));font-size:var(--font-size-xs,.875rem);left:0;padding:var(--size-4) var(--size-8);position:absolute;translate:0 1.4rem}@supports (position-anchor:initial){[data-range-output=anchor] ::-webkit-slider-thumb{anchor-name:--thumb}[data-range-output=anchor] ::-moz-range-thumb{anchor-name:--thumb}[data-range-output=anchor] .range-value{position-anchor:--thumb;position-area:bottom;translate:0 0}}}@layer base{select{appearance:none;background-color:var(--select-color-background);background-image:var(--select-icon);background-position:right var(--select-icon-size) center;background-repeat:no-repeat;background-size:var(--select-icon-size);border:0;border-radius:var(--select-border-radius);box-shadow:inset 0 0 0 var(--select-border-width) var(--select-color-border);color:var(--select-color-text);display:block;font:inherit;line-height:var(--line-height-normal,1.5);outline-color:transparent;outline-offset:var(--focus-outline-offset,2px);outline-style:var(--focus-outline-style);outline-width:var(--focus-outline-width);padding:var(--select-padding);padding-inline-end:var(--select-padding-end);user-select:none;width:100%;&:not(:disabled){cursor:pointer}&:disabled{opacity:var(--opacity-disabled)}&:focus-visible{outline:var(--focus-outline-width) var(--focus-outline-style) var(--focus-color-outline)}&[multiple]{background-image:none;cursor:default;padding-inline-end:var(--size-16,1rem)}@media (prefers-reduced-motion:no-preference){transition:var(--form-transition)}@media (hover:hover) and (pointer:fine){&:not(:disabled,:read-only):hover{box-shadow:inset 0 0 0 var(--select-border-width) var(--select-color-border-hover)}}}:where(optgroup){color:var(--select-color-optgroup);font-weight:var(--font-weight-bold,700)}}@layer base{[role=switch]{align-items:center;appearance:none;background-color:var(--switch-track-color);border:var(--switch-color-border) solid var(--switch-border-width);border-radius:var(--switch-border-radius);display:inline-flex;height:var(--checkable-size,1.25rem);justify-content:start;margin:0;outline-color:transparent;outline-offset:var(--focus-outline-offset,2px);outline-style:var(--focus-outline-style);outline-width:var(--focus-outline-width);padding:0;width:var(--switch-width);&:not(:disabled){cursor:pointer}&:disabled{opacity:var(--opacity-disabled)}&:focus-visible{outline:var(--focus-outline-width) var(--focus-outline-style) var(--focus-color-outline)}&:after,&:before{content:""}&:after{background-color:var(--switch-thumb-color);border-radius:var(--switch-border-radius);flex-shrink:0;height:var(--checkable-size,1.25rem);scale:var(--switch-thumb-scale);width:var(--checkable-size,1.25rem)}&:checked{background-color:var(--switch-track-color-checked)}&:checked:before{flex-grow:1}&:checked:after{background-color:var(--switch-thumb-color-checked)}@media (prefers-reduced-motion:no-preference){transition:var(--form-transition);&:after,&:before{transition:var(--form-transition)}}}}@layer base{textarea{background-color:var(--textarea-color-background);border:0;border-radius:var(--textarea-border-radius);box-shadow:inset 0 0 0 var(--textarea-border-width) var(--textarea-color-border);color:var(--textarea-color-text);display:block;field-sizing:content;font:inherit;line-height:var(--line-height-normal,1.5);min-height:var(--textarea-min-height,5lh);outline-color:transparent;outline-offset:var(--focus-outline-offset,2px);outline-style:var(--focus-outline-style);outline-width:var(--focus-outline-width);padding:var(--textarea-padding,.75rem 1rem);resize:vertical;width:100%;&:disabled{opacity:var(--opacity-disabled)}&:focus-visible{outline:var(--focus-outline-width) var(--focus-outline-style) var(--focus-color-outline)}&::placeholder{color:var(--textarea-color-placeholder);opacity:100%}@media (prefers-reduced-motion:no-preference){transition:var(--form-transition)}@media (hover:hover) and (pointer:fine){&:not(:disabled,:read-only):hover{box-shadow:inset 0 0 0 var(--textarea-border-width) var(--textarea-color-border-hover)}}}}@layer base{picture{display:inline-block}sup{margin-inline:.1em}table{border-collapse:collapse;font-size:var(--table-font-size);width:100%}td,th{border-bottom:var(--border-width-sm) var(--border-style-normal) var(--table-color-border);padding-block:var(--table-cell-padding-block);padding-inline:var(--table-cell-padding-inline);text-align:start;vertical-align:top}thead th{background-color:var(--table-color-background-header);font-weight:var(--font-weight-bold)}tbody tr:last-child td,tbody tr:last-child th{border-bottom:none}video{height:auto;max-width:100%}}@layer layouts{.container{margin-inline:auto;max-width:var(--container-max-width,var(--container-max-width-mobile));padding-inline:var(--gutter);width:100%;@media (--tablet ){--container-max-width:var(--container-max-width-tablet)}@media (--tablet-wide ){--container-max-width:var(--container-max-width-tablet-wide)}@media (--laptop ){--container-max-width:var(--container-max-width-laptop)}@media (--desktop ){--container-max-width:var(--container-max-width-desktop)}}}@layer layouts{.grid{display:grid;gap:var(--gap);grid-template-columns:repeat(var(--columns),1fr);&>*{grid-column:var(--grid-column)}@media (--tablet ){--grid-column:var(--grid-column-tablet)}@media (--tablet-wide ){--grid-column:var(--grid-column-tablet-wide)}@media (--laptop ){--grid-column:var(--grid-column-laptop)}@media (--desktop ){--grid-column:var(--grid-column-desktop)}}}@layer layouts{.row{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--gap)}@media (min-width:48rem){.row{flex-direction:row}.col-xsmall{flex:0 0 calc(33.33333% - var(--gap)*2/3)}.col-small{flex:0 0 calc(50% - var(--gap)/2)}.col-medium{flex:0 0 calc(66.66667% - var(--gap)/3)}.col-large{flex:0 0 calc(83.33333% - var(--gap)/6)}}@media (min-width:64rem){.offset-center{margin-inline:auto}.offset-end{margin-inline-start:auto}}}@font-face{font-display:swap;font-family:Gotham;font-style:normal;font-weight:400;src:url(gotham-book.woff2) format("woff2")}@font-face{font-display:swap;font-family:EB Garamond;font-style:normal;font-weight:400;src:url(ebgaramond-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:EB Garamond;font-style:italic;font-weight:400;src:url(ebgaramond-italic.woff2) format("woff2")}@layer layouts{:root{@media (min-width:48rem){--container-max-width:100%}@media (min-width:64rem){--container-max-width:100%}@media (min-width:75rem){--container-max-width:100%}@media (min-width:90rem){--container-max-width:120rem}}}@layer components{.block{display:flex;flex-direction:column;gap:var(--block-gap);margin-block:var(--block-margin-block);@media (min-width:48rem){--block-gap:var(--block-gap-tablet)}@media (min-width:80rem){--block-gap:var(--block-gap-laptop)}@media (min-width:100rem){--block-gap:var(--block-gap-desktop)}}.block .block{margin-block:0}.custom-scrollbar{-webkit-overflow-scrolling:touch}}@layer components{.custom-scrollbar::-webkit-scrollbar{background-color:var(--scrollbar-color-track)}.custom-scrollbar::-webkit-scrollbar:vertical{width:var(--scrollbar-width)}.custom-scrollbar::-webkit-scrollbar:horizontal{height:var(--scrollbar-width)}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color-thumb)}}@layer components{.media{aspect-ratio:var(--aspect-ratio,var(--media-ratio));overflow:hidden}.media img,.media video{height:100%;object-fit:cover;width:100%}.product-format,.product-name,.product-perfumer,.product-size{margin-block:0}.product-format,.product-name,.product-size{display:block;font-family:var(--font-family-text);font-size:var(--size-14);font-weight:500;letter-spacing:.05rem}.product-name{text-transform:uppercase}.product-perfumer{font-family:var(--font-family-heading);font-style:italic;font-weight:400}}