@import url('./mouture-fonts.css?v=3-nav');
:root{--back:oklch(92.5% .013 310);--ink:oklch(29.7% .084 349);--white:oklch(99% 0 0)}*{box-sizing:border-box}body{margin:0;background:var(--back);color:var(--ink);font-family:Mouture Sans,Arial,sans-serif}a{color:inherit;text-underline-offset:5px}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}
.mouture-hero{position:relative;isolation:isolate;min-height:650px;height:100svh;overflow:hidden}.mouture-header{position:absolute;inset:0 4.3% auto;display:flex;justify-content:space-between;align-items:center;height:102px;z-index:3}.mouture-brand{font-family:Mouture Display,sans-serif;font-weight:800;font-size:29px;letter-spacing:-.02em;text-decoration:none}.mouture-nav{display:flex;align-items:center;gap:36px;font-family:Mouture Nav,sans-serif;font-size:17px;font-weight:650}.mouture-nav button{padding:12px 0;border:0;background:none}.mouture-nav button:hover{text-decoration:underline;text-underline-offset:7px}.mouture-title{position:absolute;left:4.3%;top:27%;margin:0;font:800 clamp(64px,7.4vw,96px)/.98 Mouture Display,sans-serif;letter-spacing:-.025em}.mouture-title span{display:block}.mouture-intro{position:absolute;left:4.3%;bottom:7%;margin:0;font-size:17px;font-weight:550;z-index:3}.mouture-stage{position:absolute;inset:0;z-index:2;pointer-events:none}.mouture-stage canvas{width:100%;height:100%;display:block}.mouture-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.mouture-hero[data-live=true] .mouture-fallback{display:none}.mouture-hero[data-fallback=true] .mouture-fallback{display:block}.mouture-footer{padding:25px 4.3%;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:12px}.mouture-footer p{margin:0}
.mouture-dialog{width:min(540px,calc(100% - 32px));max-height:90svh;border:0;background:var(--back);color:var(--ink);padding:clamp(24px,5vw,50px)}.mouture-dialog::backdrop{background:rgba(34,10,28,.55)}.mouture-close{display:block;margin:0 0 35px auto;border:0;padding:8px 0;background:none}.mouture-dialog h2{font:800 40px/1.1 Mouture Display,sans-serif;margin:0 0 26px}.mouture-dialog p{line-height:1.7}.mouture-dialog .mouture-note{font-size:12px}.mouture-product{border-block:1px solid currentColor;padding:23px 0;margin:25px 0;display:flex;justify-content:space-between;gap:20px}.mouture-product p{margin:0}.mouture-add{padding:15px 22px;border:0;background:var(--ink);color:var(--white)}.mouture-message{min-height:25px;font-size:13px}.mouture-quantity{display:flex;align-items:center;gap:23px;margin:24px 0}.mouture-quantity button{width:38px;height:38px;border:1px solid currentColor;background:none}.mouture-total{display:flex;justify-content:space-between}
@media(max-width:800px){.mouture-hero{min-height:640px}.mouture-header{height:84px;inset-inline:6%}.mouture-brand{font-size:23px}.mouture-nav{gap:18px;font-size:14px}.mouture-nav [data-open=atelier]{display:none}.mouture-title{left:6%;top:14%;font-size:clamp(46px,11.7vw,70px);line-height:.98}.mouture-title span{display:block}.mouture-stage{top:29%;bottom:10%;inset-inline:-2%}.mouture-intro{left:6%;bottom:6%;font-size:14px}.mouture-footer{padding:24px 6%;align-items:flex-start;font-size:11px}.mouture-footer a{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
