mavelle-story{display:block;position:relative;height:420svh;background:#fff;color:#171717;isolation:isolate;font-family:inherit}
mavelle-story [data-pin]{position:sticky;top:var(--mavelle-header-offset,0px);height:calc(100svh - var(--mavelle-header-offset,0px));min-height:580px;max-height:1000px;display:grid;grid-template-columns:36% 64%;align-items:center;max-width:1320px;margin:auto;padding:32px 4%;box-sizing:border-box;overflow:hidden}
mavelle-story .mavelle-story__copy{position:relative;z-index:2;padding-left:5%;min-width:0}
mavelle-story .mavelle-story__eyebrow{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 24px;color:#625a54}
mavelle-story [data-copy]{max-width:370px;animation:mavelle-copy-in .3s ease both}
mavelle-story [data-copy][hidden]{display:none}
mavelle-story [data-copy] h2{font-family:inherit;font-size:clamp(30px,3.4vw,48px);font-weight:600;line-height:1.08;letter-spacing:-.025em;margin:0 0 22px;color:#171717}
mavelle-story [data-copy] p{font-size:18px;line-height:1.55;margin:0;color:#544d48}
mavelle-story .mavelle-story__scene{position:relative;align-self:stretch;min-width:0;display:flex;align-items:center}
mavelle-story canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .25s}
mavelle-story[data-ready="true"] canvas{opacity:1}
mavelle-story .mavelle-story__poster{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
mavelle-story .mavelle-story__poster img{width:100%;height:100%;object-fit:contain}
mavelle-story[data-ready="true"] .mavelle-story__poster{display:none}
mavelle-story[data-failed="true"] canvas{display:none}
mavelle-story[data-failed="true"] .mavelle-story__poster{display:flex}
mavelle-story .mavelle-story__nav{display:flex;gap:9px;margin-top:32px;flex-wrap:wrap}
mavelle-story [data-step]{position:relative;display:block;appearance:none;border:0;background:none;padding:12px 0;width:25px;cursor:pointer}
mavelle-story [data-step]::after{content:"";display:block;height:2px;background:#d8d1cb;width:100%;transition:background .2s}
mavelle-story [data-step][aria-current="step"]::after{background:#65462e}
mavelle-story [data-step]:focus-visible{outline:2px solid #65462e;outline-offset:4px}
mavelle-story .mavelle-story__hint{display:block;margin:16px 0 0;font-size:13px;color:#746a61}
mavelle-story .mavelle-story__preview-control{position:absolute;bottom:26px;left:5%;right:5%;display:flex;gap:16px;align-items:center;z-index:3;font-size:13px;color:#625a54}
mavelle-story .mavelle-story__preview-control input{flex:1;accent-color:#65462e;min-width:0}
mavelle-story[data-preview="manual"]{height:auto}
mavelle-story[data-preview="manual"] [data-pin]{position:relative;height:82svh;min-height:600px}
mavelle-story.mavelle-story--static{height:auto!important}
mavelle-story.mavelle-story--static [data-pin]{position:relative;height:auto;min-height:0;align-items:start}
mavelle-story.mavelle-story--static [data-copy]{margin-bottom:24px;animation:none}
mavelle-story.mavelle-story--static [data-copy] h2{font-size:26px;margin-bottom:10px}
mavelle-story.mavelle-story--static .mavelle-story__nav,mavelle-story.mavelle-story--static .mavelle-story__hint{display:none}
mavelle-story.mavelle-story--static .mavelle-story__scene{height:560px;position:sticky;top:20px}
@keyframes mavelle-copy-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:749px){mavelle-story{height:380svh}mavelle-story [data-pin]{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:calc(90svh - var(--mavelle-header-offset,0px));min-height:590px;max-height:850px;padding:28px 20px 12px;align-items:start}mavelle-story .mavelle-story__copy{padding:0;min-height:174px}mavelle-story .mavelle-story__eyebrow{margin-bottom:12px;font-size:11px}mavelle-story [data-copy]{max-width:450px}mavelle-story [data-copy] h2{font-size:32px;margin-bottom:12px;max-width:360px}mavelle-story [data-copy] p{font-size:16px;line-height:1.45;max-width:390px}mavelle-story .mavelle-story__scene{min-height:320px;height:100%}mavelle-story .mavelle-story__nav{margin-top:13px;gap:7px}mavelle-story .mavelle-story__hint{display:none}mavelle-story[data-preview="manual"] [data-pin]{height:94svh;min-height:680px;padding-bottom:65px}mavelle-story.mavelle-story--static .mavelle-story__scene{position:relative;height:420px;grid-row:1}mavelle-story.mavelle-story--static .mavelle-story__copy{grid-row:2}}
@media(prefers-reduced-motion:reduce){mavelle-story{height:auto}mavelle-story [data-pin]{position:relative;height:auto;min-height:0;align-items:start}mavelle-story [data-copy]{margin-bottom:22px;animation:none}mavelle-story [data-copy] h2{font-size:26px;margin-bottom:10px}mavelle-story .mavelle-story__nav,mavelle-story .mavelle-story__hint{display:none}mavelle-story .mavelle-story__scene{height:560px}}