.dar-hero{position:relative;display:grid;align-items:end;min-block-size:var(--dar-hero-min-mobile, 560px);overflow:hidden;background-color:rgb(var(--oud-black));color:rgb(var(--oud-parchment))}@media screen and (min-width:750px){.dar-hero{min-block-size:var(--dar-hero-min, 85vh);place-items:center}}.dar-hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.dar-hero__img,.dar-hero__media img{inline-size:100%;block-size:100%;object-fit:cover}.dar-hero__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(var(--oud-black),calc(var(--dar-hero-veil, .55) + .25)),rgba(var(--oud-black),var(--dar-hero-veil, .55)) 55%,rgba(var(--oud-black),calc(var(--dar-hero-veil, .55) * .6)))}.dar-hero__lattice{position:absolute;top:0;right:0;bottom:0;left:0}.dar-hero__inner{position:relative;inline-size:100%;padding-block:var(--sp-14) var(--sp-12)}.dar-hero__box{max-width:62rem;display:flex;flex-direction:column;gap:var(--sp-5)}.dar-hero--center .dar-hero__box{margin-inline:auto;align-items:center;text-align:center}.dar-hero--start .dar-hero__box{align-items:flex-start;text-align:start}.dar-hero__emblem{inline-size:6.4rem;block-size:6.4rem;color:rgb(var(--oud-brass-light));margin-block-end:var(--sp-2)}.dar-hero__eyebrow{color:rgb(var(--oud-brass-light));margin:0}.dar-hero__heading{margin:0;color:rgb(var(--oud-parchment));font-size:clamp(3.2rem,5.6vw,6.4rem);line-height:1.25}.dar-hero__text{margin:0;max-width:46ch;font-size:1.7rem;opacity:.9}.dar-hero__cta{margin-block-start:var(--sp-3);background-color:rgb(var(--oud-brass));border-color:rgb(var(--oud-brass));color:rgb(var(--oud-ink))}.dar-hero__cta:hover{background-color:rgb(var(--oud-brass-pale));border-color:rgb(var(--oud-brass-pale));color:rgb(var(--oud-ink))}.dar-ritual__intro{max-width:62ch;margin-block-end:var(--sp-12)}.dar-ritual__intro.center{margin-inline:auto;text-align:center}.dar-ritual__steps{display:grid;gap:var(--sp-8);grid-template-columns:1fr;counter-reset:dar-step;list-style:none;padding-inline-start:0;margin-block:0}@media screen and (min-width:750px){.dar-ritual__steps{grid-template-columns:repeat(var(--dar-ritual-columns, 4),minmax(0,1fr));gap:var(--sp-6)}}.dar-ritual__step{position:relative;padding-block-start:var(--sp-6)}@media screen and (min-width:750px){.dar-ritual__step:after{content:"";position:absolute;inset-block-start:2.1rem;inset-inline-start:5.2rem;inline-size:calc(100% - 5.2rem);block-size:1px;background:linear-gradient(to var(--dar-flow, right),rgba(var(--oud-brass),.45),rgba(var(--oud-brass),0))}[dir=rtl] .dar-ritual__step:after{--dar-flow: left}.dar-ritual__step:last-child:after{display:none}}.dar-ritual__numeral{position:relative;display:grid;place-items:center;inline-size:4.2rem;block-size:4.2rem;margin-block-end:var(--sp-5);font-family:var(--font-arabic-display);font-size:1.9rem;font-weight:700;color:rgb(var(--oud-brass));line-height:1}.dar-ritual__numeral:before,.dar-ritual__numeral:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(var(--oud-brass),.5)}.dar-ritual__numeral:after{rotate:45deg}.dar-ritual__step-title{margin:0 0 var(--sp-3);font-size:1.9rem}.dar-ritual__step-text{margin:0;font-size:1.5rem;opacity:.85}.dar-ritual__step-text>:last-child{margin-block-end:0}.dar-ingredients__grid{display:grid;gap:var(--sp-6);grid-template-columns:1fr}@media screen and (min-width:750px){.dar-ingredients__grid{grid-template-columns:repeat(var(--dar-ingredients-columns, 3),minmax(0,1fr))}}.dar-ingredient{display:flex;flex-direction:column;border:1px solid rgba(var(--oud-brass),.28);background-color:rgba(var(--oud-cream),.55);transition:border-color .4s ease}.dar-band-dark .dar-ingredient{background-color:rgba(var(--oud-black),.35)}.dar-ingredient:hover{border-color:rgba(var(--oud-brass),.65)}.dar-ingredient__media{position:relative;aspect-ratio:4 / 3;overflow:hidden;background-color:rgb(var(--oud-sand))}.dar-ingredient__media img{inline-size:100%;block-size:100%;object-fit:cover}.dar-ingredient__body{padding:var(--sp-6)}.dar-ingredient__origin{display:block;font-family:var(--font-arabic-kufi);font-size:1.3rem;color:rgb(var(--oud-brass));margin-block-end:var(--sp-2)}.dar-ingredient__name{margin:0 0 var(--sp-3);font-size:2.2rem}.dar-ingredient__note{margin:0;font-size:1.5rem;opacity:.85}.dar-ingredient__note>:last-child{margin-block-end:0}.dar-scent{display:grid;gap:var(--sp-8);grid-template-columns:1fr}@media screen and (min-width:750px){.dar-scent--split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-12)}}.dar-scent__meters{display:grid;gap:var(--sp-5);margin:0}.dar-scent__meter{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--sp-3)}.dar-scent__label{font-size:1.5rem;font-weight:500}.dar-scent__value{font-family:var(--font-arabic-kufi);font-size:1.3rem;color:rgb(var(--oud-brass))}.dar-scent__pips{grid-column:1 / -1;display:flex;gap:.5rem}.dar-scent__pip{flex:1;block-size:3px;background-color:rgba(var(--oud-brass),.18)}.dar-scent__pip[data-on]{background-color:rgb(var(--oud-brass))}.dar-band-dark .dar-scent__pip[data-on]{background-color:rgb(var(--oud-brass-light))}.dar-scent__occasions{display:flex;flex-wrap:wrap;gap:var(--sp-2);list-style:none;margin:0;padding:0}.dar-scent__occasion{padding:.6rem 1.4rem;border:1px solid rgba(var(--oud-brass),.35);border-radius:2px;font-size:1.4rem}.dar-scent__group-title{margin:0 0 var(--sp-4);font-size:1.7rem}.dar-section__head{margin-block-end:var(--sp-10)}.dar-section__head.center{text-align:center}.dar-section__head.center .dar-divider{margin-block-start:var(--sp-5)}.dar-section__heading{margin:0}@media(prefers-reduced-motion:reduce){.dar-ingredient{transition:none}}.dar-band-dark .button--secondary,.dar-band-dark .button--tertiary{--color-button-background: var(--oud-brass);--color-button-border: var(--oud-brass);--color-button-text: var(--oud-brass-pale);background-color:transparent;color:rgb(var(--oud-brass-pale));border-color:rgb(var(--oud-brass))}.dar-band-dark .button--secondary:hover,.dar-band-dark .button--tertiary:hover{background-color:rgb(var(--oud-brass));color:rgb(var(--oud-ink));box-shadow:none}.dar-band-dark .button:not(.button--secondary):not(.button--tertiary){--color-button-background: var(--oud-brass);--color-button-border: var(--oud-brass);--color-button-text: var(--oud-ink)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/dar-sections.css.map */