.mx-exp__head{margin-bottom:36px}.mx-exp__row{display:flex;gap:var(--exp-gap);height:var(--exp-h)}.mx-exp__panel{position:relative;flex:1 1 0;min-width:0;overflow:hidden;border-radius:var(--mx-radius);background:var(--p-bg);color:var(--p-fg);isolation:isolate;transition:flex-grow calc(.75s * var(--mx-speed)) var(--mx-ease);cursor:pointer}.mx-exp__panel.is-open{flex-grow:var(--exp-grow);cursor:default}.mx-exp__hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;border:0;background:none;padding:0;cursor:inherit}.mx-exp__panel.is-open .mx-exp__hit{pointer-events:none}.mx-exp__hit:focus-visible{outline:3px solid var(--mx-accent);outline-offset:-3px;border-radius:var(--mx-radius)}.mx-exp__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.mx-exp__media picture,.mx-exp__media img,.mx-exp__media .mx-ph{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--mx-ease)}.mx-exp__media.mx-media--contain img{object-fit:contain;padding:8%}.mx-exp__panel.is-open .mx-exp__media img{transform:scale(1.04)}.mx-exp--photo .mx-exp__panel:after,.mx-exp--glass .mx-exp__panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.45));pointer-events:none}.mx-exp__body{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:24px;display:grid;gap:10px}.mx-exp--glass .mx-exp__panel.is-open .mx-exp__body{margin:16px;padding:20px;border-radius:calc(var(--mx-radius) * .7);background:#ffffff29;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.3)}.mx-exp__title{margin:0;font-family:var(--mx-font-h);font-weight:var(--fw-heading, 500);font-size:clamp(18px,1.8vw,26px);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 14px rgba(0,0,0,.25)}.mx-exp__panel.is-open .mx-exp__title{white-space:normal;font-size:clamp(24px,2.6vw,38px)}.mx-exp__more{display:grid;gap:14px;justify-items:start;max-height:0;opacity:0;overflow:hidden;transition:opacity .4s,max-height .6s var(--mx-ease)}.mx-exp__panel.is-open .mx-exp__more{max-height:260px;opacity:1;transition-delay:.25s}.mx-exp__text{margin:0;font-size:15px;line-height:1.5;max-width:42ch;opacity:.92}.mx-exp__btn{min-height:42px;padding:0 20px;font-size:12px}.mx-exp__num{position:absolute;top:18px;left:20px;z-index:5;font:600 12px/1 var(--mx-font-b);letter-spacing:.16em;opacity:.8}.mx-exp__word{position:absolute;left:50%;top:42%;z-index:0;transform:translate(-50%,-50%) scale(.8);font-family:var(--mx-font-h);font-weight:800;font-size:clamp(60px,9vw,160px);line-height:.85;letter-spacing:-.02em;text-transform:uppercase;color:var(--p-fg);opacity:0;white-space:nowrap;transition:opacity .6s,transform .9s var(--mx-ease);pointer-events:none}.mx-exp__panel.is-open .mx-exp__word{opacity:.9;transform:translate(-50%,-50%) scale(1)}.mx-exp--color .mx-exp__media{z-index:1}.mx-exp--color .mx-exp__media.mx-media--contain img{padding:12% 10% 22%;filter:drop-shadow(0 26px 30px rgba(0,0,0,.25))}.mx-exp--color .mx-exp__panel:not(.is-open) .mx-exp__body{writing-mode:vertical-rl;transform:rotate(180deg);top:60px;bottom:24px;padding:0;left:50%;right:auto;margin-left:-.6em}@media(min-width:750px){.mx-exp--photo .mx-exp__panel:not(.is-open) .mx-exp__title,.mx-exp--glass .mx-exp__panel:not(.is-open) .mx-exp__title{font-size:17px}}@media(max-width:749px){.mx-exp__head{margin-bottom:24px}.mx-exp__row{flex-direction:column;height:auto}.mx-exp__panel{flex:0 0 auto;height:76px;transition:height calc(.6s * var(--mx-speed)) var(--mx-ease)}.mx-exp__panel.is-open{height:var(--exp-hm)}.mx-exp__body{padding:18px}.mx-exp__num{top:14px;left:auto;right:16px}.mx-exp--color .mx-exp__panel:not(.is-open) .mx-exp__body{writing-mode:horizontal-tb;transform:none;top:auto;bottom:0;left:0;right:0;margin:0;padding:18px}.mx-exp__word{font-size:64px}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/mx-exp.css.map */