/* Levis Global: miniature kinetic objects. Static, complete poses are the fallback. */
.lg-emblem{display:block;position:relative;width:144px;height:112px;perspective:650px;pointer-events:none;flex:none;isolation:isolate}
.lg-emblem-stage{display:block;position:absolute;width:144px;height:112px;left:0;top:0;transform-style:preserve-3d;transform:rotateX(calc(10deg - var(--micro-y,0)*5deg)) rotateY(calc(-15deg + var(--micro-x,0)*8deg));transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.lg-emblem-stage span,.lg-emblem-stage i{display:block;position:absolute;box-sizing:border-box}
.lg-emblem-ground{left:17px;top:85px;width:114px;height:21px;border-radius:50%;background:#6851401a;transform:rotateX(65deg) translateZ(-10px)}
.lg-emblem-sun{left:49px;top:8px;width:72px;height:72px;border-radius:50%;background:var(--tan);transform:translateZ(-15px)}
.lg-emblem-orbit{left:7px;top:3px;width:131px;height:99px;border:1px solid #b9432c38;border-radius:50%;transform:rotateZ(-20deg) rotateX(35deg) translateZ(-5px)}
.lg-emblem-main{box-shadow:3px 5px 0 #b9ad984d,8px 13px 20px #4a392522;transform:translateZ(20px) rotateZ(-7deg)}
.lg-emblem-satellite{box-shadow:2px 4px 0 #a99a8040,6px 9px 15px #453a2924;transform:translateZ(38px) rotateZ(8deg)}
.lg-emblem-back{transform:translateZ(5px) rotateZ(13deg);box-shadow:3px 7px 14px #453a291c}
.lg-mini-window{left:15px;top:24px;width:109px;height:68px;background:var(--surface);border:1px solid #72705e78;border-radius:7px;overflow:hidden}
.lg-mini-toolbar{inset:0 0 auto;height:13px;background:var(--surface-2);border-bottom:1px solid var(--line)}
.lg-mini-toolbar i{top:5px;width:3px;height:3px;background:#9d917e;border-radius:50%}
.lg-mini-toolbar i:nth-child(1){left:7px}.lg-mini-toolbar i:nth-child(2){left:13px}.lg-mini-toolbar i:nth-child(3){left:19px}
.lg-mini-web-layout{inset:20px 9px 7px}.lg-mini-image{left:0;top:0;width:32px;height:24px;border-radius:3px;background:var(--accent)}
.lg-mini-image:before{content:'';position:absolute;right:4px;top:4px;width:12px;height:12px;background:var(--tan);border-radius:50%}
.lg-mini-lines{left:41px;right:0;top:4px;height:23px}.lg-mini-lines i{left:0;height:3px;background:#a69b88;border-radius:3px;width:100%}
.lg-mini-lines i:nth-child(2){top:7px;width:82%}.lg-mini-lines i:nth-child(3){top:14px;width:58%;background:var(--accent)}
.lg-mini-web-blocks{left:0;right:0;bottom:0;height:9px}.lg-mini-web-blocks i{top:0;height:9px;width:27%;border-radius:2px;background:var(--surface-2)}
.lg-mini-web-blocks i:nth-child(2){left:36%}.lg-mini-web-blocks i:nth-child(3){right:0}
.lg-mini-phone{left:101px;top:51px;width:25px;height:47px;background:var(--text);border:2px solid #414a42;border-radius:6px}
.lg-mini-phone>i:first-child{top:4px;left:3px;right:3px;height:17px;background:var(--tan);border-radius:2px}
.lg-mini-phone>span{left:4px;top:27px;width:14px;height:2px;background:#fff8ed9c;border-radius:2px}.lg-mini-phone>i:last-child{left:6px;bottom:3px;width:9px;height:2px;background:#fff8ed9c;border-radius:2px}
.lg-mini-token{left:14px;top:13px;width:13px;height:13px;border-radius:4px;background:var(--text);border:3px solid var(--surface);transform:translateZ(43px) rotateZ(15deg);box-shadow:0 5px 8px #453a2926}
.lg-mini-bag{left:41px;top:35px;width:58px;height:61px;border-radius:5px 5px 8px 8px;background:var(--accent);border:1px solid #91331f}
.lg-mini-handle{left:15px;top:-17px;width:26px;height:25px;border:3px solid var(--text);border-bottom:0;border-radius:18px 18px 0 0;transform:translateZ(-2px)}
.lg-mini-product{left:18px;top:17px;width:22px;height:23px;border-radius:50% 50% 5px 5px;background:#f8ead6;box-shadow:3px 3px 0 #e29867}
.lg-mini-bag-line{left:16px;bottom:9px;width:26px;height:2px;background:#f9e9d080;border-radius:3px}
.lg-mini-catalog{left:17px;top:28px;width:77px;height:55px;border:1px solid #bbb09c;background:var(--surface);border-radius:5px}
.lg-mini-catalog i{left:8px;top:8px;width:23px;height:34px;background:var(--surface-2);border-radius:3px}.lg-mini-catalog i:nth-child(2){left:40px;background:#dcb997}
.lg-mini-order{left:89px;top:71px;width:43px;height:25px;background:var(--surface);border:1px solid #c0b39f;border-radius:5px}
.lg-mini-order>i{left:6px;top:7px;width:10px;height:10px;background:var(--text);border-radius:50%}
.lg-mini-order>span{left:21px;top:8px;width:15px;height:3px;background:var(--accent);border-radius:2px}.lg-mini-order>span:last-child{top:15px;width:11px;background:var(--line-strong)}
.lg-mini-film{left:39px;top:20px;width:59px;height:76px;background:var(--surface);border:1px solid #9a8d77;border-radius:6px;overflow:hidden}
.lg-mini-film-art{left:5px;right:5px;top:5px;height:49px;background:var(--accent);border-radius:3px;overflow:hidden}
.lg-mini-film-art>i:first-child{left:-8px;top:10px;width:39px;height:39px;background:var(--tan);border-radius:50%}
.lg-mini-film-art>i:last-child{right:-4px;top:-4px;width:26px;height:58px;background:#f6ddbd;border-radius:18px;transform:rotateZ(25deg)}
.lg-mini-film-footer{left:6px;right:6px;bottom:8px;height:7px}.lg-mini-film-footer>i{left:0;width:7px;height:7px;background:var(--text);border-radius:50%}.lg-mini-film-footer>span{left:12px;top:2px;width:27px;height:3px;background:var(--line-strong);border-radius:2px}
.lg-mini-social{left:14px;top:25px;width:46px;height:56px;background:var(--surface);border:1px solid #baaf9a;border-radius:5px}
.lg-mini-social>i{left:7px;top:7px;width:30px;height:25px;background:#d5b596;border-radius:3px}.lg-mini-social>span{left:7px;top:39px;width:30px;height:3px;background:var(--line-strong);border-radius:2px}.lg-mini-social>span:last-child{top:46px;width:20px}
.lg-mini-bubble{left:87px;top:67px;width:43px;height:25px;background:var(--text);border-radius:7px 7px 7px 1px}
.lg-mini-bubble i{top:11px;left:10px;width:4px;height:4px;background:#fff8ed;border-radius:50%}.lg-mini-bubble i:nth-child(2){left:19px}.lg-mini-bubble i:nth-child(3){left:28px}
.lg-mini-swatch{left:23px;top:24px;width:64px;height:66px;background:var(--surface);border-radius:5px;border:1px solid #b6a58b}
.lg-mini-swatch i{left:7px;top:7px;width:48px;height:15px;background:var(--accent)}.lg-mini-swatch i:nth-child(2){top:25px;background:var(--tan)}.lg-mini-swatch i:nth-child(3){top:43px;background:var(--text)}
.lg-mini-brand{left:51px;top:25px;width:66px;height:66px;border:1px solid #baab94;background:var(--surface);border-radius:7px}
.lg-mini-brand i{left:15px;top:14px;width:36px;height:36px;border:9px solid var(--accent);border-radius:50%}.lg-mini-brand>span{left:28px;top:27px;width:12px;height:12px;border-radius:50%;background:var(--tan)}
.lg-mini-columns{inset:21px 8px 7px;display:grid!important;grid-template-columns:repeat(3,1fr);gap:5px}.lg-mini-columns>span{position:relative;background:var(--surface-2);border-radius:3px}
.lg-mini-columns i{left:4px;right:4px;top:5px;height:10px;border-radius:2px;background:var(--surface)}.lg-mini-columns i:last-child{top:19px;background:#d3ac8f}
.lg-mini-columns>span:nth-child(2) i:first-child{background:var(--accent)}
.lg-mini-app-link{left:3px;top:16px;width:125px;height:75px;border:1px dashed #b9432c6b;border-radius:20px;transform:translateZ(-2px) rotateZ(10deg)}
.lg-need>.lg-emblem{width:144px;height:112px;border:0;margin:0 0 17px;padding:0;align-self:flex-start}
.lg-home.is-immersive .lg-needs-scene{justify-content:safe center}
.lg-pack-story>.lg-emblem{margin:0 auto 24px;transform:scale(1.3);transform-origin:center bottom}
.lg-pack-story{overflow:visible}
.lg-micro-surface{position:relative;isolation:isolate;transition:box-shadow .35s,border-color .35s}
.lg-micro-surface:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(220px circle at var(--light-x,50%) var(--light-y,50%),#ed69451a,transparent 75%);opacity:0;transition:opacity .35s;z-index:-1}
.lg-micro-surface:hover:before,.lg-micro-surface:focus-within:before{opacity:1}
.lg-micro-surface:is(:hover,:focus-within){box-shadow:0 10px 28px #6c4d2912;border-color:#b9432c60}
.lg-emblem.is-emblem-playing .lg-emblem-main{animation:lg-object-build 1.05s cubic-bezier(.2,.8,.2,1) both}
.lg-emblem.is-emblem-playing .lg-emblem-back{animation:lg-object-back 1.1s cubic-bezier(.2,.8,.2,1) both}
.lg-emblem.is-emblem-playing .lg-emblem-satellite{animation:lg-object-satellite 1.2s cubic-bezier(.2,.8,.2,1) both}
.lg-emblem.is-emblem-playing .lg-emblem-spark{animation:lg-object-token 1.15s cubic-bezier(.2,.8,.2,1) both}
.lg-emblem.is-emblem-playing .lg-emblem-orbit{animation:lg-object-orbit 1.2s cubic-bezier(.2,.8,.2,1) both}
@keyframes lg-object-build{0%{opacity:.3;transform:translate3d(0,15px,-20px) rotateY(-40deg) rotateZ(-14deg)}60%{opacity:1;transform:translate3d(0,-3px,28px) rotateZ(-5deg)}100%{opacity:1;transform:translateZ(20px) rotateZ(-7deg)}}
@keyframes lg-object-back{0%,10%{opacity:0;transform:translate3d(-15px,6px,-20px) rotateZ(-10deg)}100%{opacity:1;transform:translateZ(5px) rotateZ(13deg)}}
@keyframes lg-object-satellite{0%,20%{opacity:0;transform:translate3d(16px,12px,0) rotateZ(25deg)}75%{opacity:1;transform:translate3d(-2px,-2px,44px) rotateZ(6deg)}100%{opacity:1;transform:translateZ(38px) rotateZ(8deg)}}
@keyframes lg-object-token{0%,35%{opacity:0;transform:translate3d(0,12px,0) scale(.4) rotateZ(-45deg)}100%{opacity:1;transform:translateZ(43px) scale(1) rotateZ(15deg)}}
@keyframes lg-object-orbit{0%{opacity:0;transform:rotateZ(-70deg) rotateX(35deg) scale(.8)}100%{opacity:1;transform:rotateZ(-20deg) rotateX(35deg) translateZ(-5px)}}
/* Click targets stay put: only light, depth and pressed feedback change. */
body[data-design=empreinte] :is(.lg-button,.v2-btn,.btn-primary){position:relative;overflow:hidden;transition:background .22s,box-shadow .22s,border-color .22s}
body[data-design=empreinte] :is(.lg-button,.v2-btn,.btn-primary):after{content:'';position:absolute;pointer-events:none;top:-20%;left:-50%;width:35%;height:140%;background:linear-gradient(110deg,transparent,#fff6,transparent);opacity:0;transform:translateX(0) skewX(-18deg)}
body[data-design=empreinte] :is(.lg-button,.v2-btn,.btn-primary):is(:hover,:focus-visible):not(:disabled):after{animation:lg-button-light .65s ease-out}
body[data-design=empreinte] :is(.lg-button,.v2-btn,.btn-primary):active:not(:disabled){box-shadow:inset 0 2px 8px #20120e35}
@keyframes lg-button-light{10%{opacity:.7}100%{opacity:0;transform:translateX(520%) skewX(-18deg)}}
.lg-dialog[open]{animation:lg-dialog-arrive .32s cubic-bezier(.2,.8,.2,1)}
.lg-dialog[open]::backdrop{animation:lg-backdrop-arrive .25s ease-out}
.lg-dialog[open] .lg-project-evidence{animation:lg-evidence-arrive .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes lg-dialog-arrive{from{opacity:0;transform:translateY(15px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes lg-backdrop-arrive{from{opacity:0}to{opacity:1}}
@keyframes lg-evidence-arrive{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
body[data-design=empreinte] .qform :is(input,select,textarea){transition:border-color .2s,box-shadow .2s,background .2s}
body[data-design=empreinte] .qform :is(input,select,textarea):focus{box-shadow:0 0 0 5px #b9432c0c;background:#fffdf8}
.form-error:not([hidden]),.qsuccess:not([hidden]){animation:lg-evidence-arrive .32s ease-out}
body[data-design=empreinte] .qform button[type=submit]:disabled:after{left:auto;right:16px;top:calc(50% - 7px);width:14px;height:14px;background:none;border:2px solid #fff6;border-top-color:#fff;border-radius:50%;opacity:1;animation:lg-submit-spin .85s linear infinite}
@keyframes lg-submit-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){
 .lg-home .lg-needs--primary .lg-need{display:grid;grid-template-columns:58px minmax(0,1fr);column-gap:12px;padding:13px 0}
 .lg-home .lg-needs--primary .lg-need>.lg-emblem{grid-column:1;grid-row:1 / 4;align-self:center;justify-self:center;width:58px;height:70px;margin:0}
 .lg-need>.lg-emblem .lg-emblem-stage{transform-origin:0 0;transform:scale(.48) rotateY(-12deg)}
 .lg-home .lg-needs--primary .lg-need>:is(h3,p,span:not(.lg-emblem)){grid-column:2}
 body[data-design=empreinte] main .lg-home .lg-needs--primary h3{font-size:18px}
 .lg-home .lg-needs--primary .lg-need>span:not(.lg-emblem){justify-self:center}
 .lg-pack-story>.lg-emblem{height:88px;margin:0 auto 12px;transform:scale(.8);transform-origin:center center}
}
@media(hover:none){.lg-micro-surface:before{display:none}.lg-micro-surface:hover{box-shadow:none}}
@media(min-width:761px) and (max-height:800px){
 .lg-home.is-immersive .lg-needs-scene{padding-block:18px}
 .lg-needs-scene .lg-heading{margin-bottom:20px}
 .lg-needs-scene h2{font-size:clamp(38px,4.5vw,58px)}
 .lg-needs-scene .lg-heading p{margin-top:14px}
 .lg-needs-scene .lg-need{min-height:0;padding-block:18px}
 .lg-needs-scene .lg-need>.lg-emblem{height:82px;margin-bottom:10px}
 .lg-needs-scene .lg-emblem-stage{transform-origin:0 0;transform:scale(.78) rotateY(-12deg)}
 .lg-needs-scene .lg-need h3{font-size:clamp(21px,2vw,27px);min-height:2.3em;margin-bottom:10px}
 .lg-needs-scene .lg-need p{margin-bottom:18px}
}
@media(prefers-reduced-motion:reduce){
 .lg-emblem-stage{transition:none!important}
 .lg-emblem-stage *,.lg-dialog[open],.lg-dialog[open]::backdrop,.lg-dialog[open] .lg-project-evidence,.qsuccess,.form-error{animation:none!important}
 .lg-micro-surface,body[data-design=empreinte] :is(.lg-button,.v2-btn,.btn-primary),body[data-design=empreinte] .qform :is(input,select,textarea){transition:none!important}
 body[data-design=empreinte] :is(.lg-button,.v2-btn,.btn-primary):after{animation:none!important;display:none}
}
@media print{.lg-emblem{display:none!important}.lg-micro-surface:before,body[data-design=empreinte] :is(.lg-button,.v2-btn,.btn-primary):after{display:none!important}}