:root{--font-body--family: "Figtree", system-ui, sans-serif;--font-subheading--family: "Figtree", system-ui, sans-serif;--font-heading--family: "Figtree", system-ui, sans-serif;--font-accent--family: "Figtree", system-ui, sans-serif;--font-body--weight: 500;--font-subheading--weight: 600;--font-heading--weight: 700;--oto-ink: #15131a;--oto-ink-soft: #4a4652;--oto-paper: #ffffff;--oto-soft: #f3f1ee;--oto-line: #e4e0da;--oto-accent: #b4a5ff;--oto-accent-deep: #3b2fa0;--oto-radius: 20px;--oto-radius-sm: 12px;--oto-gutter: clamp(16px, 3vw, 40px);--oto-display: "Archivo", "Arial Black", sans-serif}.oto-wrap{max-width:1440px;margin:0 auto;padding-inline:var(--oto-gutter)}.oto-section{padding-block:clamp(28px,4vw,56px)}.oto-section--tight{padding-block:clamp(12px,2vw,24px)}.oto-display{font-family:var(--oto-display);font-weight:900;font-stretch:125%;font-variation-settings:"wdth" 125;text-transform:uppercase;line-height:.92;letter-spacing:-.01em;margin:0}.oto-h2{font-size:clamp(34px,5vw,64px);line-height:1.02;letter-spacing:-.03em;font-weight:700;margin:0 0 clamp(20px,3vw,36px)}.oto-lead{font-size:clamp(16px,1.4vw,19px);line-height:1.5;color:var(--oto-ink-soft);margin:0}.oto-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 30px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none;border:2px solid transparent;transition:transform .15s ease,background-color .15s ease,color .15s ease;cursor:pointer}.oto-btn:hover{transform:translateY(-1px)}.oto-btn--accent{background:var(--oto-accent);color:var(--oto-ink)}.oto-btn--ink{background:var(--oto-ink);color:#fff}.oto-btn--outline{border-color:var(--oto-ink);color:var(--oto-ink);background:transparent}.oto-btn--outline:hover{background:var(--oto-ink);color:#fff}.oto-btn:focus-visible{outline:3px solid var(--oto-accent-deep);outline-offset:3px}.oto-pill{display:inline-block;padding:7px 12px;border-radius:8px;background:#ffffffeb;color:var(--oto-ink);font-size:14px;font-weight:600;line-height:1.2}.oto-pill--soft{background:#e9e6e1}.oto-hero__card{position:relative;overflow:hidden;border-radius:var(--oto-radius);background:var(--oto-ink);color:#fff;min-height:min(82vh,760px);display:grid;align-items:end;isolation:isolate}.oto-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.oto-hero__bg img{width:100%;height:100%;object-fit:cover}.oto-hero__card--photo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#0a090ec7,#0a090e59 55%,#0a090e00)}.oto-hero__float{position:absolute;z-index:-1;pointer-events:none;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}.oto-hero__float img{width:100%;height:auto;display:block}.oto-hero__float--1{width:clamp(180px,26vw,400px);right:4%;top:6%;transform:rotate(-12deg);animation:oto-bob 7s ease-in-out infinite}.oto-hero__float--2{width:clamp(120px,14vw,220px);right:34%;top:5%;transform:rotate(18deg);animation:oto-bob 8s ease-in-out -2s infinite}.oto-hero__float--3{width:clamp(120px,15vw,240px);right:14%;bottom:6%;transform:rotate(-30deg);animation:oto-bob 9s ease-in-out -4s infinite}@keyframes oto-bob{0%,to{translate:0 0}50%{translate:0 -14px}}@media(prefers-reduced-motion:reduce){.oto-hero__float{animation:none}}.oto-hero__content{padding:clamp(24px,5vw,64px);max-width:1180px}.oto-hero__eyebrow{font-family:var(--oto-display);font-weight:800;font-variation-settings:"wdth" 110;text-transform:lowercase;color:var(--oto-accent);font-size:clamp(22px,2.6vw,34px);margin:0 0 14px;letter-spacing:-.01em}.oto-hero__title{color:var(--oto-accent);font-size:clamp(38px,5vw,80px)}.oto-hero__text{margin:22px 0 30px;font-size:clamp(16px,1.5vw,20px);line-height:1.5;max-width:520px;color:#fff}@media(max-width:749px){.oto-hero__card{min-height:640px;align-items:end}.oto-hero__float--1{width:210px;right:-20px;top:24px}.oto-hero__float--2{width:150px;right:46%;top:30px}.oto-hero__float--3{display:none}}.oto-statement{text-align:center}.oto-statement__title{font-size:clamp(36px,6.4vw,108px);color:var(--oto-ink)}.oto-statement__title span{color:var(--oto-accent);-webkit-text-stroke:0}.oto-statement__text{margin:22px auto 0;max-width:620px}.oto-products__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media(max-width:989px){.oto-products__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;margin-inline:calc(var(--oto-gutter) * -1);padding-inline:var(--oto-gutter);scrollbar-width:none}.oto-products__grid>*{scroll-snap-align:start}}.oto-card{position:relative;display:flex;flex-direction:column;background:var(--oto-soft);border-radius:var(--oto-radius);padding:16px 16px 24px;color:var(--oto-ink);min-width:0}.oto-card__badge{position:absolute;top:16px;left:16px;z-index:1}.oto-card__media{display:block;aspect-ratio:1 / 1;border-radius:var(--oto-radius-sm);overflow:hidden}.oto-card__media img{width:100%;height:100%;object-fit:contain;transition:transform .35s ease}.oto-card:hover .oto-card__media img{transform:scale(1.04)}.oto-card__body{padding:8px 16px 0;display:flex;flex-direction:column;gap:10px;flex:1}.oto-card__color{font-size:14px;margin:0}.oto-card__color strong{font-weight:700}.oto-card__swatches{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.oto-swatch{width:26px;height:26px;border-radius:50%;border:2px solid var(--oto-soft);box-shadow:0 0 0 1px var(--oto-line);padding:0;cursor:pointer;background:var(--sw)}.oto-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--oto-ink)}.oto-swatch:focus-visible{outline:2px solid var(--oto-accent-deep);outline-offset:3px}.oto-card__title{font-size:clamp(26px,2.4vw,34px);line-height:1.1;letter-spacing:-.02em;font-weight:700;margin:6px 0 0}.oto-card__title a{color:inherit;text-decoration:none}.oto-card__price{font-size:18px;font-weight:600;margin:0;display:flex;gap:10px;align-items:baseline}.oto-card__price s{color:#8c8792;font-weight:500;font-size:15px}.oto-card__desc{margin:0;color:var(--oto-ink-soft);font-size:15px;line-height:1.45}.oto-card__cta{margin-top:auto;padding-top:10px}.oto-card__cta .oto-btn{width:100%}.oto-proof__panel{display:grid;grid-template-columns:1.15fr 1fr;background:var(--oto-soft);border-radius:var(--oto-radius);overflow:hidden}.oto-proof__text{padding:clamp(28px,5vw,64px)}.oto-proof__text .oto-h2{margin-bottom:12px}.oto-proof__list{list-style:none;margin:clamp(24px,3vw,40px) 0 0;padding:0;display:grid;gap:22px}.oto-proof__item{display:grid;grid-template-columns:28px 1fr;gap:6px 10px}.oto-proof__item svg{margin-top:6px}.oto-proof__item h3{margin:0;font-size:clamp(20px,1.9vw,24px);letter-spacing:-.01em;font-weight:600}.oto-proof__item p{grid-column:2;margin:0;color:var(--oto-ink-soft);line-height:1.5}.oto-proof__media{position:relative;min-height:320px;background:#ebe7e1}.oto-proof__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}@media(max-width:849px){.oto-proof__panel{grid-template-columns:1fr}.oto-proof__media{min-height:300px;order:-1}}.oto-usages__grid{display:grid;grid-template-columns:repeat(var(--cols, 3),minmax(0,1fr));gap:16px}@media(max-width:989px){.oto-usages__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--oto-gutter) * -1);padding-inline:var(--oto-gutter);scrollbar-width:none}.oto-usages__grid>*{scroll-snap-align:start}}.oto-usage{position:relative;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:4 / 5.6;border-radius:var(--oto-radius);overflow:hidden;padding:16px;color:var(--oto-ink);text-decoration:none;background:var(--bg, var(--oto-soft));isolation:isolate}.oto-usage--photo{color:#fff}.oto-usage--photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#0000 45%,#0009)}.oto-usage__img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.oto-usage__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.oto-usage__product{position:absolute;z-index:-1;width:60%;left:20%;top:17%;filter:drop-shadow(0 22px 26px rgba(0,0,0,.18));transition:transform .5s ease}.oto-usage__product img{width:100%;height:auto;display:block}.oto-usage:hover .oto-usage__img img,.oto-usage:hover .oto-usage__product{transform:scale(1.04) rotate(-2deg)}.oto-usage__label{align-self:flex-start}.oto-usage__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.oto-usage__title{margin:0;font-size:clamp(24px,2.4vw,32px);line-height:1.12;letter-spacing:-.02em;font-weight:600}.oto-usage__arrow{flex:none;width:46px;height:46px;border-radius:50%;border:1.5px solid currentColor;display:grid;place-items:center}.oto-split__panel{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--oto-radius);overflow:hidden;background:var(--bg, var(--oto-soft))}.oto-split__text{padding:clamp(28px,5vw,72px);display:flex;flex-direction:column;justify-content:center;gap:18px}.oto-split__eyebrow{text-transform:uppercase;font-size:15px;letter-spacing:.02em;font-weight:600;margin:0}.oto-split__text .oto-h2{margin:0}.oto-split__steps{margin:6px 0 8px;padding:0;list-style:none;counter-reset:s;display:grid;gap:12px}.oto-split__steps li{counter-increment:s;display:grid;grid-template-columns:34px 1fr;align-items:start;line-height:1.45}.oto-split__steps li:before{content:counter(s);width:26px;height:26px;border-radius:50%;background:var(--oto-ink);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700;margin-top:1px}.oto-split__media{position:relative;min-height:380px;background:var(--media-bg, #e9e6e1)}.oto-split__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.oto-split__media--contain img{object-fit:contain;padding:8%}.oto-split__panel--reverse .oto-split__media{order:-1}@media(max-width:849px){.oto-split__panel{grid-template-columns:1fr}.oto-split__media{min-height:300px;order:-1}}.oto-guarantees__grid{display:grid;grid-template-columns:repeat(var(--cols, 3),minmax(0,1fr));gap:16px}.oto-guarantee{background:var(--oto-soft);border-radius:var(--oto-radius);padding:clamp(22px,3vw,34px);display:grid;gap:10px;align-content:start}.oto-guarantee__big{font-size:clamp(34px,4vw,52px);font-weight:800;letter-spacing:-.03em;line-height:1;margin:0;color:var(--oto-ink)}.oto-guarantee h3{margin:0;font-size:19px;font-weight:700;color:var(--oto-ink)}.oto-guarantee p{margin:0;color:var(--oto-ink-soft);line-height:1.45}@media(max-width:749px){.oto-guarantees__grid{grid-template-columns:1fr}}.oto-faq__layout{display:grid;grid-template-columns:1fr 1.6fr;gap:clamp(24px,5vw,80px);align-items:start}.oto-faq__list{border-top:1px solid var(--oto-line)}.oto-faq__item{border-bottom:1px solid var(--oto-line)}.oto-faq__item summary{list-style:none;cursor:pointer;padding:22px 44px 22px 0;position:relative;font-size:clamp(17px,1.5vw,20px);font-weight:600;letter-spacing:-.01em}.oto-faq__item summary::-webkit-details-marker{display:none}.oto-faq__item summary:after{content:"";position:absolute;right:6px;top:50%;width:14px;height:14px;margin-top:-9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s ease}.oto-faq__item[open] summary:after{transform:rotate(-135deg);margin-top:-2px}.oto-faq__answer{padding:0 0 22px;color:var(--oto-ink-soft);line-height:1.6;max-width:720px}.oto-faq__answer p{margin:0 0 10px}@media(max-width:849px){.oto-faq__layout{grid-template-columns:1fr}}.header__logo-text,.header-logo__text{text-transform:lowercase;letter-spacing:-.04em}.variant-option--buttons:has(input[data-option-name=Couleur]){display:flex!important;flex-wrap:wrap;gap:10px}.variant-option__button-label:has(input[data-option-name=Couleur]){flex:0 0 38px;width:38px!important;height:38px!important;min-width:0!important;min-height:0!important;max-width:38px;aspect-ratio:1;box-sizing:border-box;padding:0;border-radius:50%;border:0;background:var(--sw, #cfcac3)!important;box-shadow:inset 0 0 0 1px #15131a24;overflow:visible}.variant-option__button-label:has(input[data-option-name=Couleur]) .variant-option__button-label__pill{display:none}.variant-option__button-label:has(input[data-option-name=Couleur]) .variant-option__button-label__text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.variant-option__button-label:has(input[data-option-name=Couleur]:checked){outline:2px solid var(--oto-ink);outline-offset:3px}.variant-option__button-label:has(input[data-option-name=Couleur]:focus-visible){outline:3px solid var(--oto-accent-deep);outline-offset:3px}.variant-option__button-label:has(input[value="Noir minuit"]){--sw: #1d1c20}.variant-option__button-label:has(input[value="Blanc nuage"]){--sw: #f4f3f0}.variant-option__button-label:has(input[value=Lavande]){--sw: #6f66e8}.variant-option__button-label:has(input[value="Vert menthe"]){--sw: #74d7b4}.variant-option__button-label:has(input[value="Rose poudr\e9"]){--sw: #f2a1a6}.variant-option__button-label:has(input[value="Bleu nuit"]){--sw: #2a2f4a}.variant-option__button-label:has(input[value=Violet]){--sw: #6a3fc0}.variant-option__button-label:has(input[value=Orange]){--sw: #f39a3e}.variant-option__button-label:has(input[value=Corail]){--sw: #f2553f}.variant-option__button-label:has(input[value=Argent]){--sw: linear-gradient(135deg, #eef0f4, #a9adb7)}.oto-legend-value{font-weight:700}.product-details .rte h3{font-size:20px;line-height:1.25;margin:22px 0 8px;letter-spacing:-.01em}.product-details .rte ul{padding-left:1.1em}.product-details .rte li{margin-bottom:6px}
/*# sourceMappingURL=/cdn/shop/t/11/assets/oto.css.map */