/* Halo product presentation. Scoped to avoid changing the portfolio chapters. */
.halo-launch{--halo-pink:#fa3657;--halo-white:#f5f5f7;background:#050506;color:var(--halo-white);font-family:-apple-system,BlinkMacSystemFont,'Inter',sans-serif;position:relative;isolation:isolate;overflow:hidden}
.halo-launch button,.halo-launch a{font-family:inherit}.halo-launch :focus-visible{outline:2px solid #ff8c9f;outline-offset:5px}.halo-launch [hidden]{display:none!important}
.halo-tease{height:50svh;min-height:300px;max-height:1000px;display:grid;place-items:center;position:relative;isolation:isolate}
.halo-one-more{font-size:clamp(55px,8.5vw,144px);line-height:1.08;letter-spacing:-.07em;font-weight:600;position:relative;z-index:2;text-align:center;padding:0 25px}.halo-one-more span{color:#fb536c}
.halo-tease-glow{position:absolute;width:70%;height:230px;bottom:-180px;left:15%;background:#f443662b;filter:blur(70px);border-radius:50%;pointer-events:none}
.halo-tease-line{position:absolute;bottom:80px;width:1px;height:60px;background:linear-gradient(transparent,#a8a7ae50)}
.halo-intro{text-align:center;position:relative;z-index:2;padding:35px 24px 50px;scroll-margin-top:90px}
.halo-product-mark{display:flex;align-items:center;justify-content:center;gap:17px}.halo-product-mark img{width:50px;height:50px}.halo-product-mark>span{font-size:10px;letter-spacing:.13em;color:#99989f;font-weight:500}
.halo-wordmark{font-size:clamp(130px,17vw,240px);font-weight:650;letter-spacing:-.075em;line-height:1.05;margin:26px 0 22px;background:linear-gradient(165deg,#fff 30%,#b6b2b9 80%);background-clip:text;-webkit-background-clip:text;color:transparent}.halo-wordmark>span{color:#f95871}
.halo-headline{font-size:clamp(35px,4.9vw,72px);line-height:1.1;letter-spacing:-.055em;font-weight:600}.halo-headline>span{color:#86848e}
.halo-summary{color:#96949e;font-size:clamp(15px,1.35vw,19px);line-height:1.7;max-width:540px;margin:30px auto 0;letter-spacing:-.025em}
.halo-experience{padding:15px 0 70px;position:relative}
.halo-device-stage{max-width:1120px;margin:auto;padding:35px 65px 0;position:relative;perspective:1700px}
.halo-device-glow{position:absolute;inset:15% 12% 0;border-radius:50%;background:radial-gradient(ellipse,#a1244144,transparent 68%);filter:blur(50px);transform:translateY(60px);pointer-events:none}
.halo-device{position:relative;transform:rotateX(7deg);transform-origin:center 65%;transition:transform 1.2s cubic-bezier(.2,.75,.15,1);padding-bottom:24px;filter:drop-shadow(0 28px 26px #0008)}
.halo-experience:focus-within .halo-device,.halo-device:hover{transform:rotateX(0)}
.halo-screen{position:relative;height:545px;border:9px solid #18191d;border-bottom-width:12px;border-radius:22px 22px 8px 8px;outline:1px solid #646369;box-shadow:inset 0 0 0 1px #000,0 -2px 1px #93909970;background:#17131b;isolation:isolate;overflow:hidden}
.halo-wallpaper{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 10% 95%,#483239,transparent 55%),linear-gradient(135deg,#181621,#0e0d15 55%,#48223a)}
.halo-wallpaper i{position:absolute;width:125%;height:125%;left:20%;top:20%;border-radius:50%;transform:rotate(-30deg);box-shadow:inset 5px 20px 90px #ea6d7160,inset 0 3px 7px #d765884f,0 -20px 80px #c8395933;background:linear-gradient(170deg,#57263b,#211c30 35%,#191727 80%)}
.halo-wallpaper i:nth-child(2){left:30%;top:46%;width:120%;height:100%;box-shadow:inset 8px 22px 65px #ff8e8560,inset 0 3px 6px #f59aae70,0 -20px 60px #04030780;background:linear-gradient(165deg,#853347,#352137 25%,#171323 60%)}
.halo-wallpaper i:nth-child(3){left:-40%;top:68%;width:130%;height:100%;transform:rotate(22deg);box-shadow:inset 0 28px 70px #b48e9850,inset 0 4px 10px #cea4a84a;background:linear-gradient(160deg,#4d3445,#252332 35%,#171624)}
.halo-menubar{height:25px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:500;background:#0002;color:#ded9e4b8;position:absolute;inset:0 0 auto;pointer-events:none}
.halo-desktop-note{position:absolute;left:50%;top:61%;transform:translate(-50%,-50%);text-align:center;opacity:.2;pointer-events:none;transition:opacity .5s}.halo-desktop-note>span{font-size:92px;letter-spacing:-.08em;font-weight:600;line-height:1.1}.halo-desktop-note small{font-size:10px;display:block;letter-spacing:.24em;text-transform:uppercase;margin-top:4px}
.halo-device-chin{height:10px;background:linear-gradient(#29292d,#0d0e10);border-radius:0 0 5px 5px;border:1px solid #4a484f;border-top:0;margin:0 -1px}
.halo-device-base{position:absolute;left:-6%;right:-6%;bottom:0;height:20px;background:linear-gradient(#75747b,#a3a1a5 15%,#4c4b51 60%,#242429 85%,#050506);border-radius:2px 2px 55% 55% / 2px 2px 80% 80%;box-shadow:0 -1px 0 #9e9ba2;overflow:hidden}.halo-device-base>span{position:absolute;top:0;left:43%;width:14%;height:7px;border-radius:0 0 12px 12px;background:linear-gradient(#414047,#77767b);box-shadow:0 1px 1px #aaa8ac55}
.halo-demo{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;z-index:5;display:flex;justify-content:center;--halo-open-width:440px}
.halo-island{position:relative;width:224px;height:38px;background:#000;border-radius:0 0 17px 17px;box-shadow:0 15px 35px #0005;transition:width .6s cubic-bezier(.22,1,.36,1),height .65s cubic-bezier(.22,1,.36,1),border-radius .5s;border:1px solid #ffffff10;border-top:0;overflow:hidden}
.halo-camera{height:28px;position:relative}.halo-camera i{position:absolute;top:8px;left:50%;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#142b3c,#03070b 65%);box-shadow:0 0 0 2px #08090b}
.halo-expanded{padding:0 23px 24px;width:var(--halo-open-width);opacity:1;animation:halo-content-in .45s both}
.halo-compact-row{position:absolute;top:0;display:flex;gap:7px;align-items:start;z-index:7;transition:opacity .2s,transform .5s;left:50%;transform:translateX(calc(-50% - 23px))}
.halo-capsule{display:flex;align-items:center;justify-content:center;gap:7px;background:#000;border:0;color:#bdbac3;font-size:11px;height:32px;margin-top:3px;border-radius:18px;padding:0 10px;box-shadow:0 6px 13px #0003;white-space:nowrap}.halo-capsule:hover{background:#171316}.capsule-media{border-radius:0 0 16px 16px;width:224px;height:38px;margin-top:0;gap:0;padding:0 11px;justify-content:space-between;box-shadow:none}.capsule-timer{color:#ff4c6b;min-width:88px}.capsule-files{min-width:51px}.capsule-files svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.6}.halo-camera-space{width:150px}.halo-timer-ring{width:13px;height:13px;border:2px solid #fa3657;border-radius:50%}.halo-mini-time{font-variant-numeric:tabular-nums;font-size:11px}
.halo-album{width:23px;height:23px;display:block;position:relative;border-radius:5px;overflow:hidden;flex-shrink:0;background:linear-gradient(#a64e72 0 55%,#2d305c 55%);box-shadow:inset 0 0 0 1px #fff1}.halo-album:before{content:'';position:absolute;left:29%;top:30%;width:42%;height:42%;border-radius:50%;background:#ffd0a7}.halo-album:after{content:'';position:absolute;inset:55% 0 0;background:#2d305c}.halo-wave{display:flex;gap:3px;align-items:center;height:20px}.halo-wave i{display:block;width:3px;height:9px;background:#e9839d;border-radius:3px;animation:halo-wave 1s ease-in-out infinite alternate}.halo-wave i:nth-child(2){animation-delay:-.65s;height:17px}.halo-wave i:nth-child(3){animation-delay:-.3s;height:12px}.halo-wave i:nth-child(4){animation-delay:-.8s;height:6px}
.halo-experience:not([data-halo-mode=compact]) .halo-island{width:var(--halo-open-width);height:324px;border-radius:0 0 29px 29px}.halo-experience[data-halo-mode=music] .halo-island{height:354px}.halo-experience[data-halo-mode=files] .halo-island{height:300px}.halo-experience:not([data-halo-mode=compact]) .halo-compact-row{opacity:0;visibility:hidden;transform:translateX(calc(-50% - 23px)) scale(.88);pointer-events:none}.halo-experience:not([data-halo-mode=compact]) .halo-desktop-note{opacity:.06}
.halo-app-tabs{display:flex;align-items:center;gap:5px;margin-bottom:23px}.halo-app-tabs button{border:1px solid transparent;padding:5px 10px;border-radius:20px;color:#77737b;font-size:11px;font-weight:550}.halo-app-tabs button[aria-pressed=true]{color:#ff4a6d;background:#fa365721;border-color:#fa365733}.halo-app-tabs>span{margin-left:auto;font-size:15px;color:#79747c}
.halo-track{display:flex;gap:17px;align-items:center}.album-large{width:65px;height:65px;border-radius:15px}.halo-track>div{flex:1}.halo-track strong{font-size:16px;font-weight:600;letter-spacing:-.04em;display:block}.halo-track>div>span{font-size:11px;color:#858189}.halo-track>.halo-wave{opacity:.7}.halo-playback{display:flex;align-items:center;gap:22px;margin-top:10px}.halo-playback>span{font-size:12px;letter-spacing:-.18em}.halo-play{color:white;font-size:15px;border:0;min-width:30px;height:29px;padding:0}.halo-track-progress{display:flex;gap:10px;align-items:center;margin:18px 0;color:#76717b;font:9px var(--mono)}.halo-track-progress>i{flex:1;height:3px;background:#26242a;border-radius:3px;overflow:hidden}.halo-track-progress b{display:block;width:24%;height:100%;background:#c4bdc6;animation:halo-progress 45s linear infinite}.halo-lyrics{padding:13px 0 5px;border-top:1px solid #fff1}.halo-lyrics p{font-size:17px;font-weight:600;line-height:1.8;letter-spacing:-.035em;color:#4a464d}.halo-lyrics p:nth-child(2){background:linear-gradient(90deg,#ffbfbc,#e67099);background-clip:text;-webkit-background-clip:text;color:transparent}.halo-app-footer{display:flex;justify-content:space-between;font-size:9px;color:#fa4665;margin-top:12px}.halo-app-footer>span:last-child{color:#625d67}
.halo-close{display:block;position:absolute;right:16px;bottom:9px;color:#8a858e;border:0;padding:0;width:28px;height:22px;font-size:20px}.halo-close:hover{color:white}
.halo-preset-row{display:flex;gap:10px}.halo-preset-row button{flex:1;background:#171519;border:1px solid transparent;color:#918b95;border-radius:12px;padding:10px;font-size:13px;font-weight:600}.halo-preset-row button[aria-pressed=true]{border-color:#fa36574d;color:#ff7f94;background:#fa36571a}
.halo-dial{display:flex;flex-direction:column;align-items:center;margin:13px 0 12px;line-height:1.1;font-variant-numeric:tabular-nums}.halo-dial-ghost{font-size:21px;color:#2d2931}.halo-timer-value{font-size:58px;font-weight:550;letter-spacing:-.06em;margin:3px 0}.halo-timer-value>span{color:#69616d}.halo-timer-bottom{display:flex;align-items:center;justify-content:space-between}.halo-timer-bottom>span{font-size:10px;color:#6e6675}.halo-timer-start{border:0;background:#fa36572b;color:#ff526f;font-size:12px;font-weight:600;padding:9px 21px;border-radius:22px}
.halo-shelf{display:flex;gap:10px;padding:14px 12px;background:#0d0c0e;border:1px dashed #312c35;border-radius:15px;justify-content:center}.halo-file{min-width:0;flex:1;background:#161318;border-radius:11px;padding:13px 5px 10px;display:flex;align-items:center;flex-direction:column;gap:10px;animation:halo-file-in .5s both}.halo-file>span:last-child{font-size:9px;white-space:nowrap}.halo-file-paper{width:35px;height:43px;background:#e2dfde;color:#5c5460;clip-path:polygon(0 0,70% 0,100% 24%,100% 100%,0 100%);display:grid;place-items:center;font-size:8px;font-weight:700;border-radius:2px;padding-top:8px}.halo-file-paper.pdf{background:#efbbc6;color:#922e45}.halo-file-paper.image{background:linear-gradient(135deg,#b7bacf,#e0aeb6);color:#51435c}.halo-add-file{display:block;margin:12px auto 8px;border:0;color:#ff7992;font-size:11px}.halo-shelf-note{font-size:9px;line-height:1.4;text-align:center;color:#68616c}
.halo-screen-caption{position:absolute;bottom:30px;left:0;right:0;text-align:center;font-size:10px;color:#e2cedd80;letter-spacing:.02em;pointer-events:none}
.halo-demo-controls{display:flex;gap:5px;width:max-content;max-width:calc(100% - 40px);padding:6px;background:#19171c;border:1px solid #302b35;border-radius:30px;margin:40px auto 0}.halo-demo-controls button{color:#9b949f;background:none;border:0;border-radius:22px;padding:11px 23px;font-size:12px;font-weight:550;white-space:nowrap;transition:background .3s,color .3s}.halo-demo-controls button[aria-pressed=true]{background:#e8e5eb;color:#1d1720;box-shadow:0 3px 10px #0002}
.halo-mode-description{text-align:center;max-width:550px;margin:30px auto 0;padding:0 22px;min-height:113px}.halo-mode-title{font-size:25px;letter-spacing:-.04em;line-height:1.25;font-weight:550}.halo-mode-copy{margin-top:13px;color:#8f8996;font-size:14px;line-height:1.7}.halo-demo-disclaimer{text-align:center;font-size:10px;color:#5f5967;margin-top:20px}
.halo-details{max-width:1160px;margin:0 auto;padding:85px 55px 90px}.halo-kicker{font-size:10px;letter-spacing:.12em;color:#b2a8b7;font-weight:500}.halo-detail-heading h3{font-size:clamp(35px,4.4vw,62px);line-height:1.12;letter-spacing:-.055em;font-weight:600;margin:22px 0 55px}.halo-detail-heading h3>span{color:#7d7583}.halo-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.halo-feature{border-top:1px solid #2b252f;padding-top:25px}.halo-feature-symbol{color:#f66d88;font-size:32px;height:47px;display:block}.halo-feature h4{font-size:21px;letter-spacing:-.045em;font-weight:550;margin:20px 0 15px}.halo-feature p{font-size:13px;color:#918897;line-height:1.85}.halo-capture-link{font-size:11px;color:#f3869d;border:0;border-bottom:1px solid #58323f;padding:9px 0;margin-top:20px}.halo-capture-link:hover{color:white}
.halo-coming{text-align:center;max-width:650px;margin:auto;padding:65px 25px 110px}.halo-coming>img{width:84px;height:84px;margin-bottom:22px}.halo-coming h3{font-size:34px;letter-spacing:-.045em;font-weight:600;line-height:1.2}.halo-coming p{font-size:14px;line-height:1.7;color:#827a8a;margin:13px auto 0;max-width:440px}.halo-coming .halo-release-status{font-size:17px;color:#c7becf;margin-top:20px}.halo-contact-link{display:inline-block;color:#191117;background:#f1e9ef;border-radius:30px;font-size:12px;font-weight:600;padding:13px 25px;margin-top:28px}.halo-contact-link:hover{background:#ffc3d0}.halo-product-links{display:flex;justify-content:center;gap:17px;margin-top:24px;font-size:11px;color:#96909e}.halo-product-links a:hover{color:#fff}.halo-coming>small{display:block;font-size:10px;line-height:1.7;color:#635b6c;margin-top:35px}
.halo-launch.halo-hidden .halo-wave i,.halo-launch.halo-hidden .halo-track-progress b,.halo-experience.demo-music-paused .halo-wave i,.halo-experience.demo-music-paused .halo-track-progress b{animation-play-state:paused}
.js-halo .halo-reveal{opacity:0;transform:translateY(35px);transition:opacity 1s,transform 1.2s cubic-bezier(.18,.65,.2,1)}.js-halo .halo-reveal.halo-visible{opacity:1;transform:none}.js-halo .halo-one-more{transform:translateY(25px);filter:blur(8px);transition:opacity 1.4s,transform 1.4s,filter 1.4s}.js-halo .halo-one-more.halo-visible{filter:none;transform:none}
@keyframes halo-wave{to{height:4px}}@keyframes halo-progress{to{width:85%}}@keyframes halo-content-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes halo-file-in{from{opacity:0;transform:translateY(-18px) scale(.85)}to{opacity:1;transform:none}}
@media(max-width:760px){.halo-tease{height:45svh;min-height:270px}.halo-one-more{font-size:clamp(44px,9.9vw,73px);letter-spacing:-.065em}.halo-tease-line{bottom:50px;height:45px}.halo-intro{padding:20px 24px 20px}.halo-product-mark{gap:12px}.halo-product-mark img{width:40px;height:40px}.halo-product-mark>span{font-size:8px;letter-spacing:.08em}.halo-wordmark{font-size:130px;margin:27px 0 22px}.halo-headline{font-size:39px}.halo-summary{font-size:14px;max-width:360px;margin-top:25px}.halo-device-stage{padding:35px 13px 0}.halo-device{transform:none;filter:none;padding-bottom:17px}.halo-screen{height:425px;border-width:5px;border-bottom-width:8px;border-radius:14px 14px 5px 5px}.halo-device-chin{height:6px}.halo-device-base{left:-2%;right:-2%;height:12px}.halo-menubar{font-size:6px;padding:0 10px;height:21px}.halo-menubar>span:first-child{max-width:77px;white-space:nowrap;overflow:hidden}.halo-menubar>span:last-child{max-width:58px;white-space:nowrap;overflow:hidden}.halo-desktop-note{top:65%}.halo-desktop-note>span{font-size:64px}.halo-desktop-note small{font-size:7px}.halo-screen-caption{font-size:9px;bottom:21px}.halo-demo{--halo-open-width:310px}.halo-island{width:168px;height:32px;border-radius:0 0 13px 13px}.capsule-media{width:168px;height:32px;border-radius:0 0 13px 13px;padding:0 9px}.halo-camera-space{width:90px}.halo-capsule{font-size:9px;height:27px;gap:5px;padding:0 7px}.capsule-timer{min-width:64px}.capsule-files{min-width:37px}.capsule-files svg{width:13px}.halo-mini-time{font-size:9px}.halo-timer-ring{width:10px;height:10px}.halo-album{width:19px;height:19px}.halo-wave{gap:2px}.halo-wave i{width:2px}.halo-compact-row{gap:5px;transform:translateX(calc(-50% - 13px))}.halo-expanded{padding:0 16px 22px}.halo-camera{height:25px}.halo-app-tabs{gap:3px;margin-bottom:19px}.halo-app-tabs button{font-size:10px;padding:5px 8px}.halo-app-tabs>span{font-size:12px}.halo-experience:not([data-halo-mode=compact]) .halo-island{border-radius:0 0 23px 23px;height:307px}.halo-experience[data-halo-mode=music] .halo-island{height:332px}.halo-experience[data-halo-mode=files] .halo-island{height:282px}.album-large{width:52px;height:52px;border-radius:12px}.halo-track{gap:12px}.halo-track strong{font-size:14px}.halo-track>div>span{font-size:10px}.halo-track>.halo-wave{display:none}.halo-playback{gap:21px;margin-top:7px}.halo-track-progress{margin:16px 0}.halo-lyrics p{font-size:14px;line-height:1.9}.halo-lyrics{padding-top:14px}.halo-app-footer{font-size:8px}.halo-preset-row button{font-size:12px}.halo-timer-value{font-size:53px}.halo-shelf{gap:6px;padding:12px 7px}.halo-file{padding:11px 3px}.halo-file>span:last-child{font-size:8px}.halo-file-paper{width:29px;height:37px;font-size:7px}.halo-demo-controls{padding:5px;gap:2px;margin-top:26px}.halo-demo-controls button{font-size:10px;padding:10px 14px;min-height:40px}.halo-mode-title{font-size:22px}.halo-mode-copy{font-size:13px}.halo-mode-description{max-width:390px;min-height:132px;margin-top:26px}.halo-demo-disclaimer{font-size:9px;margin-top:8px}.halo-experience{padding-bottom:35px}.halo-details{padding:55px 26px}.halo-detail-heading h3{font-size:39px;margin-bottom:36px}.halo-feature-grid{grid-template-columns:1fr;gap:35px}.halo-feature{display:grid;grid-template-columns:40px 1fr;gap:0 16px;padding-top:23px}.halo-feature-symbol{grid-row:1/4;font-size:29px}.halo-feature h4{margin:4px 0 10px;font-size:21px}.halo-feature p{font-size:13px}.halo-capture-link{justify-self:start;margin-top:13px;grid-column:2}.halo-coming{padding:40px 25px 80px}.halo-coming h3{font-size:29px}.halo-coming p{font-size:13px}.halo-coming .halo-release-status{font-size:15px}.halo-coming>small{max-width:290px;margin:30px auto 0}}
@media(max-width:360px){.halo-demo{--halo-open-width:278px}.halo-expanded{padding-left:13px;padding-right:13px}.halo-app-tabs>span{display:none}.halo-camera-space{width:65px}.capsule-media{width:144px}.halo-island{width:144px}.halo-shelf{gap:4px}.halo-file>span:last-child{font-size:7px}.halo-lyrics p{font-size:13px}.halo-demo-controls button{padding:10px 11px}.halo-summary{font-size:13px}.halo-screen{height:400px}}
@media(prefers-reduced-motion:reduce){.halo-launch *,.halo-launch *:before,.halo-launch *:after{animation:none!important;transition:none!important}.js-halo .halo-reveal{opacity:1;transform:none;filter:none}.halo-device{transform:none}}
body.motion-paused .halo-launch *{animation-play-state:paused!important}body.motion-paused .halo-reveal{opacity:1;transform:none;filter:none}body.motion-paused .halo-device{transform:none}
/* The island is the camera origin: scrolling pulls the viewer out into the Mac. */
.halo-launch{overflow:clip}
.halo-scroll-story{position:relative;scroll-margin-top:64px}
.halo-story-heading{text-align:center;padding:22px 20px 0;position:relative;z-index:8}
.halo-story-heading h2{font-size:64px;line-height:1.05;letter-spacing:-.065em;font-weight:650;margin-top:8px}.halo-story-heading h2>span{color:#fa3657}
.halo-scroll-enabled .halo-scroll-story{height:320svh}
.halo-scroll-enabled .halo-experience{position:sticky;top:64px;height:calc(100svh - 64px);min-height:620px;padding:0;overflow:clip;isolation:isolate}
.halo-scroll-enabled .halo-device-stage{max-width:980px;padding-top:22px;transform:translateY(var(--halo-lift,0px)) scale(var(--halo-zoom,1));transform-origin:50% 50px;will-change:transform;z-index:3}
.halo-scroll-enabled .halo-device{transform:none;transition:none}
.halo-scroll-enabled .halo-screen{height:clamp(300px,43svh,405px)}
.halo-scroll-enabled .halo-story-heading,.halo-scroll-enabled .halo-demo-controls,.halo-scroll-enabled .halo-mode-description,.halo-scroll-enabled .halo-demo-disclaimer{opacity:var(--halo-copy,1)}
.halo-scroll-enabled .halo-demo-controls{margin-top:19px;position:relative;z-index:5}
.halo-scroll-enabled .halo-mode-description{margin-top:18px;min-height:100px;max-width:650px}
.halo-scroll-enabled .halo-mode-title{font-size:clamp(25px,3vw,40px);letter-spacing:-.055em}
.halo-scroll-enabled .halo-mode-copy{margin-top:10px}
.halo-scroll-enabled .halo-demo-disclaimer{margin-top:6px}
.halo-scroll-enabled .halo-emerging .halo-demo-controls,.halo-scroll-enabled .halo-emerging .halo-demo{visibility:hidden}
.halo-scroll-enabled .halo-emerging .halo-island{visibility:visible}
.halo-scroll-enabled .halo-experience:after{content:'';position:absolute;bottom:0;left:0;height:2px;width:100%;background:linear-gradient(90deg,#fa3657,#dba9ba);transform:scaleX(var(--halo-progress,0));transform-origin:left;opacity:.4}
@media(min-width:761px) and (max-height:800px){.halo-story-heading{padding-top:10px}.halo-story-heading h2{font-size:44px}.halo-scroll-enabled .halo-device-stage{max-width:820px;padding-top:14px;transform-origin:50% 42px}.halo-scroll-enabled .halo-screen{height:330px}.halo-scroll-enabled .halo-mode-description{min-height:85px;margin-top:14px}.halo-scroll-enabled .halo-demo-controls{margin-top:12px}.halo-scroll-enabled .halo-mode-title{font-size:28px}.halo-scroll-enabled .halo-mode-copy{font-size:12px}.halo-scroll-enabled .halo-demo-disclaimer{margin-top:0}}
@media(max-width:760px){.halo-scroll-enabled .halo-scroll-story{height:310svh}.halo-scroll-enabled .halo-experience{min-height:630px}.halo-story-heading{padding-top:16px}.halo-story-heading h2{font-size:50px}.halo-scroll-enabled .halo-device-stage{padding:21px 13px 0;transform-origin:50% 42px}.halo-scroll-enabled .halo-screen{height:355px}.halo-scroll-enabled .halo-demo-controls{margin-top:17px}.halo-scroll-enabled .halo-mode-description{margin-top:17px;min-height:106px}.halo-scroll-enabled .halo-mode-title{font-size:27px}.halo-scroll-enabled .halo-mode-copy{font-size:12px;line-height:1.6}.halo-scroll-enabled .halo-demo-disclaimer{font-size:8px}.halo-story-heading .halo-kicker{font-size:8px}}
@media(max-height:700px){.halo-scroll-enabled .halo-experience{top:0;height:100svh}.halo-scroll-enabled .halo-story-heading{padding-top:12px}}

.halo-emerging .halo-camera{opacity:0}.halo-camera{transition:opacity .5s}
.halo-scroll-enabled .halo-device{filter:none}.halo-scroll-enabled .halo-device-stage{perspective:none}.halo-scroll-enabled .halo-device-glow{display:none}
.halo-screen{overflow:clip}.halo-experience:not([data-halo-mode=compact]) .halo-screen-caption{opacity:0}

.halo-portal{display:none}
.halo-scroll-enabled .halo-portal{display:block;position:absolute;left:50%;transform:translateX(-50%);background:#000;z-index:9;border:1px solid #75606a55;border-radius:0 0 60px 60px;box-shadow:0 22px 55px #0009;pointer-events:none;will-change:width,height,top}
.halo-scroll-enabled .halo-device-stage{opacity:var(--halo-device-opacity,1)}

/* A brief pullback, then a complete product turn before the app opens. */
.halo-device-rear{display:none}
.halo-scroll-enabled .halo-device-stage{perspective:1700px}
.halo-scroll-enabled .halo-device{transform:rotateY(0deg);transform-style:preserve-3d;transform-origin:50% 50%;overflow:visible}
.halo-scroll-enabled .halo-screen,.halo-scroll-enabled .halo-device-chin,.halo-scroll-enabled .halo-device-base{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.halo-scroll-enabled .halo-screen{transform:translateZ(2px)}
.halo-scroll-enabled .halo-device-rear{display:grid;place-items:center;position:absolute;inset:0 0 24px;border:1px solid #949399;border-radius:22px 22px 8px 8px;background:linear-gradient(120deg,#25272c,#62636b 35%,#41434a 66%,#22242a);transform:rotateY(180deg) translateZ(7px);backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:inset 0 1px 1px #dedde466,inset 0 -3px 4px #05060988}
.halo-device-rear:before{content:'';position:absolute;inset:4px;border:1px solid #ffffff0a;border-radius:18px 18px 5px 5px}
.halo-device-rear:after{content:'';position:absolute;left:-6%;right:-6%;bottom:-22px;height:18px;background:linear-gradient(#9b9aa1,#56585f 35%,#23262b 85%);border-radius:2px 2px 50% 50%}
.halo-device-rear>span{width:90px;height:34px;border:3px solid #9b929a;border-radius:30px;background:linear-gradient(135deg,#3b3038,#15161b);box-shadow:0 1px 1px #ffffff52,inset 0 0 0 2px #1b1c2180;opacity:.7}
.halo-scroll-enabled .halo-story-heading,.halo-scroll-enabled .halo-demo-controls,.halo-scroll-enabled .halo-mode-description,.halo-scroll-enabled .halo-demo-disclaimer{transition:opacity .75s ease}
.halo-scroll-enabled .halo-experience:not(.halo-presenting) .halo-demo,.halo-scroll-enabled .halo-experience:not(.halo-presenting) .halo-screen-caption,.halo-scroll-enabled .halo-experience:not(.halo-presenting) .halo-demo-controls{visibility:hidden}
.halo-scroll-enabled .halo-emerging .halo-island{visibility:visible}
.halo-scroll-enabled .halo-spinning .halo-island{visibility:hidden}
.halo-scroll-enabled .halo-presenting .halo-demo{animation:halo-content-in .8s both}
.halo-scroll-enabled .halo-spinning .halo-device{will-change:transform}
@media(max-width:760px){.halo-scroll-enabled .halo-device-stage{perspective:1100px}.halo-scroll-enabled .halo-device-rear{bottom:17px;border-radius:14px 14px 5px 5px}.halo-device-rear:after{left:-2%;right:-2%;bottom:-15px;height:12px}.halo-device-rear>span{width:65px;height:25px;border-width:2px}}
.halo-scroll-enabled .halo-presenting .halo-demo{animation:halo-app-reveal .8s both}
@keyframes halo-app-reveal{from{opacity:0}to{opacity:1}}
.halo-tease-line{bottom:25px;height:38px}
.halo-expanded{animation:halo-app-reveal .45s both}.halo-app-footer{padding-right:30px;margin-top:8px}
@media(min-width:761px){.halo-experience[data-halo-mode=music] .halo-island{height:370px}}
@media(min-width:761px) and (max-height:800px){.halo-experience:not([data-halo-mode=compact]) .halo-island{zoom:.82}}
@media(max-width:760px) and (max-height:760px){
 .halo-scroll-enabled .halo-story-heading{padding-top:8px}
 .halo-scroll-enabled .halo-story-heading .halo-kicker{display:none}
 .halo-scroll-enabled .halo-story-heading h2{font-size:40px;margin-top:4px}
 .halo-scroll-enabled .halo-device-stage{padding-top:14px}
 .halo-scroll-enabled .halo-screen{height:335px}
 .halo-scroll-enabled .halo-experience:not([data-halo-mode=compact]) .halo-island{zoom:.96}
 .halo-scroll-enabled .halo-demo-controls{margin-top:10px}
 .halo-scroll-enabled .halo-mode-description{margin-top:12px;min-height:0}
 .halo-scroll-enabled .halo-mode-title{font-size:24px}
 .halo-scroll-enabled .halo-demo-disclaimer{margin-top:4px}
}