@font-face{font-family:UnpackDisplay;src:url('/demo/imab-homeboost/assets/display.a97804dc9fbe.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:UnpackBody;src:url('/demo/imab-homeboost/assets/body.18b2a1a39a2f.woff2') format('woff2');font-weight:100 900;font-display:swap}
.imab-unpack{--u-night:oklch(.203309 .054194 259.7218);--u-light:oklch(.943628 .005079 228.8204);--u-gold:oklch(.704284 .111829 79.0085);--u-ease:cubic-bezier(.16,1,.3,1);position:relative;isolation:isolate;min-height:100dvh;height:900px;max-height:1100px;overflow:clip;background:var(--u-night);color:var(--u-light);font-family:UnpackBody,sans-serif}
.imab-unpack *{box-sizing:border-box}
.imab-unpack [hidden]{display:none!important}
.imab-unpack a{color:inherit;text-decoration:none}
.imab-unpack button{font:inherit;cursor:pointer;color:inherit;background:none;border:0}
.imab-unpack a:focus-visible,.imab-unpack button:focus-visible{outline:2px solid var(--u-light);outline-offset:6px}
.imab-unpack-stage,.imab-unpack-canvas,.imab-unpack-poster,.imab-unpack-shade{position:absolute;inset:0;width:100%;height:100%}
.imab-unpack-stage{z-index:0;inset:0;width:100%;height:100%}
.imab-unpack-canvas{display:block;opacity:0;transition:opacity .3s}
.imab-unpack[data-ready="true"] .imab-unpack-canvas{opacity:1}
.imab-unpack-poster{margin:0;display:flex;align-items:flex-end}
.imab-unpack-poster img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block}
.imab-unpack-shade{display:block;z-index:1;pointer-events:none;background:linear-gradient(90deg,oklch(.203309 .054194 259.7218 / .91) 0%,oklch(.203309 .054194 259.7218 / .76) 24%,oklch(.203309 .054194 259.7218 / .16) 54%,transparent 74%),linear-gradient(180deg,oklch(.203309 .054194 259.7218 / .78),transparent 20%,transparent 78%,oklch(.203309 .054194 259.7218 / .85))}
.imab-unpack .imab-unpack-header{position:absolute;inset:0 4.45% auto;z-index:5;height:80px;width:auto;max-width:none;margin:0;padding:0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid oklch(.943628 .005079 228.8204 / .22);background:transparent}
.imab-unpack-brand{display:block;flex:none;line-height:0}
.imab-unpack-brand img{width:124px;height:46px;object-fit:contain}
.imab-unpack-nav{display:flex;align-items:center;gap:38px;font-size:15px}
.imab-unpack-nav a,.imab-unpack-nav button{min-height:44px;display:flex;align-items:center;gap:18px;padding:0}
.imab-unpack-nav button{border-bottom:1px solid var(--u-gold)}
.imab-unpack-nav a:hover,.imab-unpack-nav button:hover{color:var(--u-gold)}
.imab-unpack-menu-toggle{display:none}
.imab-unpack-menu{position:absolute;top:76px;left:-16px;right:-16px;background:var(--u-night);padding:16px 24px 24px;box-shadow:0 24px 40px oklch(.203309 .054194 259.7218 / .3)}
.imab-unpack .imab-unpack-menu:not([hidden]){display:flex;flex-direction:column;align-items:stretch;gap:0;z-index:6}
.imab-unpack-menu a,.imab-unpack-menu button{display:flex;align-items:center;justify-content:space-between;min-height:44px;font-size:16px;border-bottom:1px solid oklch(.943628 .005079 228.8204 / .13);width:100%;text-align:left}
.imab-unpack-copy{position:relative;z-index:2;margin-left:6.6%;padding-top:clamp(148px,21dvh,214px);width:43%;pointer-events:none}
.imab-unpack-copy>*{pointer-events:auto}
.imab-unpack-location{font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 26px;color:var(--u-gold);font-weight:600}
.imab-unpack h1{font-family:UnpackDisplay,sans-serif;font-size:clamp(76px,8.25vw,128px);font-weight:450;line-height:.95;letter-spacing:-.065em;margin:0;color:var(--u-light)}
.imab-unpack h1 strong{font-weight:650}
.imab-unpack-lead{font-size:19px;line-height:1.5;max-width:340px;margin:28px 0 30px;color:var(--u-light)}
.imab-unpack .imab-unpack-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:56px;padding:16px 22px;border-radius:8px;background:var(--u-gold);color:var(--u-night);font-size:16px;font-weight:700;white-space:nowrap;transition:transform .25s var(--u-ease),background .2s}
.imab-unpack-cta span{font-size:24px;line-height:1;transition:transform .25s var(--u-ease)}
.imab-unpack-cta:hover span{transform:translate(3px,-3px)}
.imab-unpack-cta:hover{background:oklch(.76 .10 79)}
.imab-unpack-cta:active{transform:scale(.98)}
.imab-unpack-bottom{position:absolute;bottom:66px;left:4.45%;right:4.45%;z-index:2;display:flex;align-items:center;justify-content:space-between;font-size:13px}
.imab-unpack-explore{display:inline-flex;align-items:center;gap:36px;min-height:44px}
.imab-unpack-explore span{font-size:26px;color:var(--u-gold)}
.imab-unpack-controls{display:flex;align-items:center;gap:16px;background:oklch(.203309 .054194 259.7218 / .80);border-radius:8px;padding:0 12px}
.imab-unpack-controls button{min-height:44px;padding:0 4px;font-size:12px}
.imab-unpack-controls button:hover{color:var(--u-gold)}
.imab-unpack-controls button[data-unpack-pause]{min-width:50px;border-left:1px solid oklch(.943628 .005079 228.8204 / .3);padding-left:16px}
.imab-unpack-disclosure{position:absolute;z-index:2;bottom:22px;right:4.45%;font-size:11px;line-height:1.3;margin:0;color:var(--u-light)}
.imab-unpack-status{position:absolute;z-index:4;bottom:26px;left:4.45%;background:var(--u-night);color:var(--u-light);max-width:350px;padding:12px;font-size:13px}
@media(max-width:1050px) and (min-width:701px){.imab-unpack{height:850px}.imab-unpack-copy{margin-left:5%;width:51%;padding-top:185px}.imab-unpack h1{font-size:86px}.imab-unpack-nav{gap:22px}}
@media(max-width:700px){
 .imab-unpack{height:100dvh;min-height:740px;max-height:1050px}
 .imab-unpack .imab-unpack-header{inset:0 24px auto;height:72px}
 .imab-unpack-brand img{width:108px;height:40px}
 .imab-unpack-nav{display:none}
 .imab-unpack-menu-toggle{display:flex;align-items:center;gap:16px;min-height:44px;padding:0!important;font-size:14px!important}
 .imab-unpack-menu-toggle span{font-size:23px}
 .imab-unpack-copy{margin-left:24px;padding-top:104px;width:calc(100% - 48px)}
 .imab-unpack-location{font-size:10px;letter-spacing:.09em;margin-bottom:16px}
 .imab-unpack h1{font-size:clamp(54px,15.7vw,66px);line-height:.95;letter-spacing:-.055em}
 .imab-unpack-lead{font-size:15px;line-height:1.4;max-width:310px;margin:16px 0 18px}
 .imab-unpack .imab-unpack-cta{font-size:14px;min-height:48px;padding:12px 17px;gap:25px}
 .imab-unpack-cta span{font-size:20px}
 .imab-unpack-stage{inset:0;width:100%;height:100%}
 .imab-unpack-shade{background:linear-gradient(180deg,oklch(.203309 .054194 259.7218 / .9) 0%,oklch(.203309 .054194 259.7218 / .83) 20%,oklch(.203309 .054194 259.7218 / .58) 40%,transparent 63%,transparent 79%,oklch(.203309 .054194 259.7218 / .84) 100%)}
 .imab-unpack-bottom{left:24px;right:24px;bottom:47px;font-size:11px;gap:12px}
 .imab-unpack-explore{gap:15px;max-width:120px;line-height:1.3}
 .imab-unpack-explore span{font-size:24px}
 .imab-unpack-controls{gap:8px;padding:0 8px}
 .imab-unpack-controls button{font-size:10px}
 .imab-unpack-controls button[data-unpack-pause]{min-width:44px;padding-left:8px}
 .imab-unpack-disclosure{bottom:19px;left:24px;right:24px;text-align:right;font-size:9px}
 .imab-unpack-status{bottom:102px;font-size:12px}
}
@media(max-width:700px) and (max-height:750px){.imab-unpack{min-height:667px}.imab-unpack-copy{padding-top:90px}.imab-unpack-location{margin-bottom:12px}.imab-unpack h1{font-size:53px}.imab-unpack-lead{font-size:14px;margin:12px 0 14px;max-width:300px}.imab-unpack-bottom{bottom:39px}.imab-unpack-disclosure{bottom:13px}}
@media(prefers-reduced-motion:reduce){.imab-unpack *{animation:none!important;transition:none!important}.imab-unpack-controls{display:none}}
